﻿.navbar {
	margin: 0;
	border-radius: 0;}

.firstnews {
   padding-bottom: 0;
}

.schatten {
   position: absolute;
   top: 20%;
   left: 50%;
   width: 50%;
   float: right;
   height: 80%;
   background: -webkit-linear-gradient(0deg,transparent, #0178C7, #0168B7, #0148A7);
   opacity: .8;}

.schatten h1 {
   margin: 10% 10% auto;
   font-family: Verdana, sans-serif;
   font-size: 2.5em;
   text-align: center;}

#jumbotron {
	position: relative;
	margin: 0 3px 0 2px;
	padding: 0;}

.schatten1 {
	position: absolute;
	top: 0;
	left: 50%;
	float: right;
	width: 50%;
	height: 98%;
	background: -webkit-linear-gradient(0deg, transparent, #0178C7, #0168B7, #0148A7);
	opacity: .8;}

.schatten1 h1 {
	padding: 1.1em;
	font-family: Verdana, Calibri, sans-serif;
	font-size: 2.5em;
	color: white;
	text-align: center;}

span.windowstyle194637 {
        font-weight: normal;
        font-size: inherit;
        font-family: Verdana, Calibri, sans-serif;}

div.right_logo {
        padding: 15px 75px;}

img.discover_logo {
        width: 100%;}

div.employment_right_logo {
        padding: 15px 25px 0 25px;}

img.employment_logo {
        width: 100%;}

section.container.page2 {
        padding-top: 15px;}

.left_content_extra h1 {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 22px;
   padding: 15px;
   color: #0168B7;}

.l_img {
   border: 0;
   width: 100px;
   height: 150px;}

.leader img {
   width: 100px;
   height: 150px;}

.newslist img {
   width: 100%;}

.one {
   margin-top: 15px;}

.two_right {
   margin-top: 0;}

@media (max-width: 1199px) and (min-width: 767px){
body{font-size:12px;}

.schatten {
    top: 40%;
    height: 60%;}

.schatten h1 {
    font-size: 2em;}

.schatten1 h1 {
    padding: .75em;
    font-size: 2em;}

}

@media (max-width: 767px) {
body{font-size:12px;}

.schatten {
    top: 30%;
    height: 70%;
    left: 0%;
    width: 100%;}

.schatten h1 {
    font-size: 1.5em;}

.schatten1 h1 {
    padding: .25em;
    font-size: 1.5em;}

.one {
    display: flex;}

}

@media (max-width: 991px) and (min-width: 768px){
body{font-size:12px;}

.schatten {
    top: 55%;
    height: 45%;}

.schatten h1 {
    font-size: 1.4em;}

.schatten1 h1 {
    padding: .2em;
    font-size: 1.4em;}

}

@media (min-width: 768px) {

.newslist .col-sm-1 {
   width: 16%;}

.newslist .col-sm-11 {
   width: 83%;}

}