@charset "utf-8";
/* CSS Document */
/* roboto-300 - latin */
@font-face {
  font-family: 'Covered';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/CoveredByYourGrace-Regular.ttf'); /* IE9 Compat Modes */
  src: local('Covered'), local('Covered'),
       url('../fonts/CoveredByYourGrace-Regular.ttf') format('truetype'); /* Safari, Android, iOS */

}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body{
    font-family: 'Roboto';
    font-size:1.0em;
    font-weight: 300;
    background-image: url(../img/back.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color:#282828;
}
*{
    box-sizing: border-box;
}
header{
    text-align: right;
    background-color: #fff;
    margin-bottom: 26px;
}


.websiteSize{
    width:1300px;
    margin-left: auto;
    margin-right: auto;
}

#logo{
    height: 120px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 75px;
}
#slider{
    margin-bottom:26px;
}
#contentWrapper{
    display:flex;
    justify-content: space-between;
}
.leftRow{
    width:74%;
    min-height: 200px;
}
.rightRow{
    width:20%;
    min-height: 200px;
}

nav#mainNav ul{
    list-style: none;
    display: flex;
    margin: 0px;
    padding: 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}
#slider h2{

}
nav#mainNav ul li{
    margin: 0px;
    padding: 0px;
    width:310px;
    width:32%;
    height: 310px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
nav#mainNav ul li a{
    opacity: 0.6;
    transition: 0.5s;
}
nav#mainNav ul li a.active, nav#mainNav ul li:hover a{
    opacity: 1;
}
nav#mainNav ul li a div.zoomImage{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width:100%;
    height: 100%;
}
nav#mainNav ul li#m139 a .zoomImage{    background-image: url(../img/nav_berufserfahrene.jpg);}
nav#mainNav ul li#m138 a .zoomImage{    background-image: url(../img/nav_studierende.jpg);}
nav#mainNav ul li#m137 a .zoomImage{    background-image: url(../img/nav_schueler.jpg);}
nav#mainNav ul li#m134 a .zoomImage{    background-image: url(../img/nav_stellenangebote.jpg);}
nav#mainNav ul li#m133 a .zoomImage{    background-image: url(../img/nav_nlg.jpg);}
nav#mainNav ul li#m132 a .zoomImage{    background-image: url(../img/nav_aktuelles.jpg);}
nav#mainNav ul li a h4{
    width:100%;
    position: absolute;
    bottom:0px;
    left:0px;
    margin: 0px;
    text-align: center;
    background-color: rgba(134,188,37,0.8);
    color:#fff;
    font-size:1.4em;
    height: 30%;
    display: table;
}
nav#mainNav ul li a h4 p{
    margin: 0px;
    padding: 0px;
    display: table-cell;
    vertical-align: middle;
}
nav#mainNav ul li a.active h4{
     background-color: rgba(0,124,90,0.8);
   
}

.ansprechpartner{
    margin-top: 40px;
}
.ansprechpartner img{
    width:80%;
    height: auto;
    margin-bottom: 0.4em;
}
.ansprechpartner a, footer a, a{
    color:#007d5b;
}
h1, h2, h3{
    color:#007d5b;
    
}
.ansprechpartnerFixed{
}

footer{
    font-size:0.8em;
    margin-top: 100px;
    border-top: 1px solid #cce5df;
    text-align: right;
    padding-bottom: 2em;
}
#slider{
    margin-bottom: 16px;
}
/* Flexslider */
.flexslider{
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	margin:0px;
}

.flex-control-nav{
	 bottom:5px;
	 z-index:10;	
}
.tx-ws-flexslider .caption-text{
	background:none;
	width:100%;
	left:0px;
	top:20%;
		
		
}
.tx-ws-flexslider .caption-align-left .caption-text{
	left:0px;	
}
.tx-ws-flexslider .flex-active-slide  .caption-text{
		-webkit-animation-delay: .40s;
		animation-delay: .40s;
		-webkit-animation-duration: .60s;
		animation-duration: .60s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;	
}

.tx-ws-flexslider .caption-text{
	color:#fff;
	font-size:3em;	
	text-align:center;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
text-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);	
    font-weight: bold;
}
.flex-control-nav li a{
	background-color:#fff;
	border:1px solid #007e5d;
}
.flex-control-paging li a.flex-active{
	background-color:#007e5d;	
}


#slider .tx-ws-flexslider .caption-text{
	width:100%;
	left:0px;
	bottom:10%;
	top:inherit;
	padding-bottom:30px;
}
#slider .tx-ws-flexslider .caption-text p{
	margin:0px;
	padding:0px;
}
#slider .flex-control-nav{
	 bottom:0px !important;
	 z-index:10;	
}

.stickyItem{
    position: sticky;
    width:100%;
    top:20px;
   
}

#slider h2{
	margin-bottom:0.5em;	
}
@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(0, -30%, 0);
				transform: translate3d(0, -30%, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}
/* Smaller */


.ce-media img{
    width:100%;
    height: auto;
}


.content h4{
    font-size:1.1em;
    font-weight: 600;
    border-bottom:1px solid #000;
    margin: 0px;
    padding-top:0.6em;
    padding-bottom:0.6em;
}
.content h2{
    font-size:1.3em;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0em;
    margin-top: 1em;
}
.ui-accordion .ui-accordion-header{
    background: none;
    border:none;
    font-size:1em;
    font-weight: normal;
    padding-left: 30px;
    background-image: url(../img/pfeil1.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 18px;
    margin-top:1em;
}
.ui-accordion .ui-accordion-header .ui-icon{
    display: none;
}
.ui-accordion .ui-state-active{
    background-image: url(../img/pfeil2.png) !important;
    color:#007e5d;
}
.ui-accordion .ui-accordion-content-active{
    font-size:1em !important;
    border:none !important;
}
.ui-accordion .ui-accordion-content{
}

.ui-accordion h3.ui-accordion-header  span{
    display: block;
    float: right;
}

.ui-widget{
    font-size: 1em !important;
    font-family: 'Roboto' !important;
    box-sizing: content-box !important;
}
ul{
    margin-top: 0px;
}
p{
    margin: 0px;
    margin-top:0.6em;
}
.flexIcons{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.8em;
}
.overIcon, .overIconVier{
    display: block;
    width:32%;
    height: 300px;
    background-color: #86bc25;
    margin-bottom: 1em;
    background-size: cover;
    background-position:  center center;
    cursor:pointer;
    margin-right: 1%;
    
}
.overIcon:nth-of-type(4n){
    margin-right: 0px;
}
.overIcon, .overIconVier{
    width:24%;
    height: 230px;
    cursor: inherit;
}
.innerOverIcon{
    opacity: 0;
    padding:20px;
    width:100%;
    height: 100%;
    background-color: #86bc25;
    color:#fff;
    transition: 0.5s;
}

.overIcon:hover .innerOverIcon, .overIconVier:hover .innerOverIcon{
    opacity: 1;
}

#overIcon1{ background-image: url(../img/w1.png);}
#overIcon2{ background-image: url(../img/w2.png);}
#overIcon3{ background-image: url(../img/w3.png);}
#overIcon4{ background-image: url(../img/w4.png);}
#overIcon5{ background-image: url(../img/w5.png);}
#overIcon6{ background-image: url(../img/w6.png);}
#overIcon7{ background-image: url(../img/w7.png);}
#overIcon8{ background-image: url(../img/w8.png);}
#overIcon9{ background-image: url(../img/w9.png);}

#overIconB1{ background-image: url(../img/b1.png);}
#overIconB2{ background-image: url(../img/b2.png);}
#overIconB3{ background-image: url(../img/b3.png);}
#overIconB4{ background-image: url(../img/b4.png);}
#overIconB5{ background-image: url(../img/b5.png);}
#overIconB6{ background-image: url(../img/b6.png);}
#overIconB7{ background-image: url(../img/b7.png);}
#overIconB8{ background-color:#fff !important; cursor: inherit;}

#overIconBauland{ background-image: url(../img/icon_bauland.png); font-size:0.9em;}
#overIconFlaechenmanagement{ background-image: url(../img/icon_flaechenmanagement.png); font-size:0.9em;}
#overIconAgrar{ background-image: url(../img/icon_agrar.png); font-size:0.9em;}
#overIconStadt{ background-image: url(../img/icon_stadt.png); font-size:0.9em;}


#progress-div{
    border: #000 1px solid;
    padding: 5px 0px;
    margin: 30px 10px;
    border-radius: 4px;
    text-align: center;
}
#progress-bar {
    background-color: #12CC1A;
    height: 20px;
    color: #FFFFFF;
    width: 0%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
}



/* FORM */

#bewerbungsForm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
#formTextDown{
    display: none;
    font-size:0.7em;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom: 1em;
}
.formWrapper{
    display: flex;
     width:  49%;
    margin-bottom: 1em;
    align-items:center;
}
.ganzeZeile{
    width:100%;
}
form .ganzeZeile label, form .ganzeZeile input{
    width:48% !important;
}
form label, form text{
}
form label{
    width:40%;
}
form input, form select, form textarea{
    width:58%;
}
.einEintrag{
    width:100%;
}
.einEintrag label{
    width:19.5%;
}
.einEintrag input, .einEintrag textarea{
    width:80.5%;;
}
hr{
    width:100%;
}

#dateiuploads{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1em;
}
#dateiuploads label{
    width:35%;
    margin-bottom: 1em;
}
#dateiuploads input{
    width:40%;
}
#dateiuploads span.fileErg{
    width:20%;
}
#bewerbungsForm input[type=checkbox]{
    width:inherit;
}
#bewerbungsForm button{
    background-color: #007e5d;
    border-radius: 14px;
    color:#fff;
    border: none;
    line-height: 1.7em;
}

.ce-table td, .ce-table th{
    text-align: left;
    padding-right: 20px;
    border-bottom:1px solid #ccc;
    padding-top:5px;
    padding-bottom:5px;
}
.t3ddy-item{
    
    height: auto !important;
}
.accordion a{
    display: inline-block;
    background-color: #007e5d;
    border-radius: 14px;
    color:#fff !important;
    padding:5px;
    text-decoration: none;
    margin-bottom: 1em;
}
.content ul li{
    list-style-image: url(../img/viereck.png);
    padding-left: 0px;
}





.einEintrag input[type='radio']{
    width:auto !important;
}

.innerOverIcon ul{
    margin: 0px;
    padding: 0px;
    margin-left:14px;
    margin-top: 6px;
    list-style-image: none;
    list-style-type: square;
}
.innerOverIcon ul li{
    list-style-image: none;
    list-style-type: square;
}

.nlg_smWrap a{
    margin-bottom: 0px;
}
.nlg_smWrap, .smInner{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.smInner{
    margin-left: 30px;
}
.smInner a{
    width:40px;
    height: 40px;
    text-align: center;
    font-size:1.4em;
    margin-bottom: 0px;
    margin-left: 20px;
}





@media only screen 
and (max-width : 1400px) {
    body{
        font-size:1em;
    }
     .websiteSize{
         width:990px;
    }
    nav#mainNav ul li, .overIcon{
        height: 226px;
    }
    .overIconVier{
        height: 180px;
    }
    .overIcon .innerOverIcon{
        font-size:0.9em;
    }
    #logo{
        height: 95px;
        margin-right: 50px;
    }
        .tx-ws-flexslider .caption-text{
        font-size:1.9em;
    }   
    .nlg_smWrap, .smInner{
        flex-wrap: wrap;
    }
    

}
@media only screen 
and (max-width : 1000px) {
    body{
        font-size:1em;
    }
     .websiteSize{
         width:750px;
    }
    nav#mainNav ul li, .overIcon{
        height: 190px;
    }
    .overIconVier{
        height: 140px;
    }
    .overIcon .innerOverIcon{
        font-size:0.9em;
    }
    #logo{
        height: 95px;
        margin-right: 10px;
    }
    .tx-ws-flexslider .caption-text{
        font-size:1.7em;
    }   
    
    
    
    #bewerbungsForm{

    }
    .formWrapper{
        display: flex;
         width:  100%;
        margin-bottom: 1em;
        align-items:center;
    }
    .ganzeZeile{
        width:100%;
    }
    
    #slider .tx-ws-flexslider .caption-text{
        position: absolute !important;
    }
      .ce-image, .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery, .ce-gallery img{
        width:100%;
        height: auto;
        align-self: flex-start;
    }    

    
    .smInner{
        margin-left: 0px;
        margin-top: 2em;
    }
    .smInner>div{
        width:100%;
        margin-bottom: 0.6em;
        
    }
    .smInner a{
        margin-left: 0px;
        margin-right: 10px;
    }

    
}
@media only screen 
and (max-width : 780px) {
      .websiteSize{
         width:450px;
    }
    nav#mainNav ul li{
        width:49%;
    }
    .leftRow, .rightRow{
        width:100%;
    }
    section#contentWrapper{
        flex-wrap: wrap;
    }
    
    .overIcon{
        width:49%;
        height: 220px;
    }
    .overIconVier{
        width: 32%;
        height: 150px;
    }
    .ui-accordion h3.ui-accordion-header span{
        float: none;
        display: block;
        font-size:0.9em;
    }
    .tx-ws-flexslider .caption-text{
        font-size:1em;
    }   
    #slider{
        display: none;
    }
    .rightRow{
        margin-top: 60px;
    }
    .ansprechpartner{
        width:100%;
        overflow: auto;
    }
    .ansprechpartner img{
        width:40%;
        float: left;
        margin-right: 16px;
    }
    .ansprechpartnerFixed{
        position: relative;
    }
    header{
        text-align: left;
    }
    form .ganzeZeile label, form .ganzeZeile input{
        width:100% !important;
        flex-wrap: wrap;
    }
    form label, form input{
        width:100% !important;
    }
    form label{
        width:100%;
    }
    form input, form select, form textarea{
        width:100%;
    }
    .formWrapper{
        flex-wrap: wrap;
    }
    #bewerbungsForm input[type="checkbox"]{
        width:inherit !important;
    }
    button{
        width:100%;
    }
    .tx-ws-flexslider .caption-text{
        font-size:1.5em;
    }   
  
}

@media only screen 
and (max-width : 480px) {
       .websiteSize{
         width:300px;
    }   
    
    

    
    .overIcon, nav#mainNav ul li{
        height: 150px;
    }
    nav#mainNav ul li a h4{
        font-size:1.0em;
    }
    .overIconVier{
        width: 49%;
        height: 145px;
    }
    
    .overIcon{
        width:100%;
        height: 300px;
    }
    #dateiuploads span.fileErg{
        width:100%;
        margin-bottom: 3em;
    }
    #dateiuploads label{
        margin-bottom: 0px;
    }
    .overIcon .innerOverIcon{
        font-size:1.1em;
    }
}

/* V2 */


.pageWrapper{
    display: flex;
    justify-content: space-between;
    padding-left:20px;
    padding-right: 20px;
    max-width:1500px;
    margin-left: auto;
    margin-right: auto;
    
}
.innerHeader{
    padding-left:20px;
    padding-right: 20px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
nav#mainNav, .leftHeader{
    width:17%;
    min-width: 270px;
    margin-right: 30px;
}

#mainContentWrapper, header .rightHeader{
    flex-grow: 1;
}

.websiteSize, nav#mainNav ul li{
    width: 100% !important; 
}



nav#mainNav ul li a{
  display: block;
  background-color: #66b520 !important;
  line-height: 40px;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-left: 23px;
  padding-right: 13px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
    opacity:1;
    font-weight: normal;
    font-size:1.3em;
}


.rightHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rightHeader .covered{
    font-family: 'Covered';
    color:#007d5b;
    font-weight: bold;font-size:2.2em;
    transform: rotate(-4deg);
    line-height: 1em;
}

nav#mainNav ul li a:hover, nav#mainNav ul li a.active{
  background-color: #007d5b !important;
    
}
nav#mainNav ul li{
    margin-bottom: 0px;
    height: auto;
}

#logo{
    height: 100px;
}

.flex-direction-nav{
    display: none !important;
}

.rightRow{
    text-align: center;
    width:25%;
    min-width: 270px;
    margin-left: 20px;
}
.leftRow{
    width:auto;
    flex-grow: 1;
}

.ansprechpartner img{
    border-radius: 220px;
}


footer{
    display: flex;
    justify-content: space-between;
    padding-top:15px;
    padding-bottom: 35px;
    align-items: center;
}
footer .smLogos{
    width:50%;
    text-align: right;
}
footer .smLogos img{
    height: 35px;
    margin-left: 10px;
    width: auto;
}
@media only screen 
and (max-width : 1000px) {
    
    .rightRow{
        min-width: 190px ;
        max-width: 190px ;
        width:190px;
    }    
}
/* Burger-Item */
#burgerButton{
    
    position:fixed;
    left:10px;
    top:37px;
    line-height:30px;      
    cursor: pointer;
    font-size:1.4em;
    float:left;
    width:65px;
    display:none;
    padding:8px;
    background-color:white;
    z-index: 999;
}
#nav-icon {
  display:inline-block;
  vertical-align:middle;
  width: 45px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-right:20px;
}
#nav-icon span {
  display: block;
  position: absolute;
  height:6px;
  width: 100%;
  background: #007d5b;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 11px;
}

#nav-icon span:nth-child(4) {
  top: 23px;
}

#nav-icon.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
    /* BURGER ENDE */

@media only screen and (max-width : 870px) {

    nav#mainNav ul li ul li a{
        white-space: normal;
    }
    nav#mainNav, header.smallerHeader nav#mainNav{
        display: none;
        transition: 0s;
        position: absolute;
        left: 0px;
        top:0px;
        background-color: #66b520 !important;
        width:100%;
        margin: 0px;
        padding-left:20px;
        padding-right: 20px;
        z-index: 99;
        -webkit-box-shadow: 0px 0px 15px -4px #000000; 
        box-shadow: 0px 0px 15px -4px #000000;
        padding-top:80px;
        padding-bottom: 3em;
        height: auto;
        font-size:1.6em;
        min-height: 100vh;
    }
    nav#mainNav ul{
        display: block;
        margin: 0px;
        margin-bottom: 1em;
   }
    nav#mainNav ul li{
        width:100%;
    }
    .searchButton{
        margin-left: 40px;
    }
    nav#mainNav ul li ul{

        position: relative;
        font-size:0.8em;
        margin: 0px;
        padding: 0px;
        top:inherit;
        left: inherit;
        right: inherit;
        padding-left:20px;
        margin-bottom: 1em;
        background-color:transparent;
        
    }
    nav#mainNav ul li a{
        color: white;
        white-space: normal;
        padding-bottom:0.5em;
        padding-top:0.5em;
        margin-left: 0px;
        padding-left: 40px;
        line-height: 1.3em;

    }
    nav#mainNav ul li:hover a, nav#mainNav ul li a{
        color:white !important;
    }
    nav#mainNav ul li a:hover, nav#mainNav ul li a.rex-current{
        color: black
    }    
    
    
    nav#mainNav ul li ul li, nav#mainNav ul li ul li a{
        background-image: none !important;
        width: 100%;
        height: auto;
        padding: 0px;
        margin-left: 10px;
    }
    nav#mainNav ul li ul li {
        margin-bottom: 1em;
    }
    nav#mainNav ul li ul{
        flex-wrap: wrap;
        padding-left: 40px;
        padding-top:0.2em;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    }
    #burgerButton{
        display: block;
    }

    .leftHeader{
        display: none;
    }
    .rightHeader .covered{
        margin-left: 60px;
    }

}


@media only screen and (max-width: 730px){
    .rightRow {
      min-width: 100%;
      max-width: 100%;
      width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .rightHeader .covered{
        font-size:1.5em;
    }
    #logo{
        height: 70px;
    }
    #burgerButton{
        top:22px;
    }
    
    .ansprechpartner img{
        width:60%;
        margin: 0px;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 1em;
    }

}

@media only screen and (max-width: 480px){
    .rightHeader .covered{
        font-size:1.1em;
    }

    #logo{
        height: 70px;
    }
    #burgerButton{
        top:22px;
        right:5px;
    }
}
@media only screen and (max-width: 380px){
    .rightHeader .covered{
        font-size:0.9em;
    }
    #logo{
        height: 50px;
    }
    #burgerButton{
        top:12px;
    }
}
@media only screen and (max-width: 780px){
    #slider {
      display: block;
    }
}


.newsteaserTop{
    display: flex;
    flex-wrap: wrap;
}

.newsteaserList{
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    align-items: stretch;
}

.newsteaserList .newsteaserItem, .newsteaserTop .newsteaserItem{
    text-decoration: none;
    color:#282828;
    background-color: white;
    border:1px solid gray;

}
.newsteaserTop .newsteaserItem{
    width:100%;
    display: flex;
    justify-content: space-between;
    font-size:1.1em;

}
h1{
    margin-top: 0px;
}
#slider{
    margin-bottom: 0px;
}
.newsteaserItem{
    margin-bottom: 20px;
}
.newsteaserTop .newsteaserItem .imgWrapper{
     width:49.5%; 
}
.newsteaserList .newsteaserItem .imgWrapper img, .newsteaserTop .newsteaserItem .imgWrapper img{
    width:100%;
    height: auto;
}
.newsteaserList .newsteaserItem .newsTextTeaserWrapper{
    padding:20px;
}
.newsteaserTop .newsteaserItem .newsTextTeaserWrapper{
    width:50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsteaserList h3{
    font-size:1.4em;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    hyphens: auto;
}
.newsteaserList .teaserText{
    width: 100%;
}
.newsteaserItem .imgWrapper{
}
.newsteaserList .newsteaserItem .imgWrapper img{
    object-fit: cover;
    height: 150px !important;
}

.newsteaserTop .newsteaserItem .teaserText{
    padding:10px;
}

.newsteaserItem .imgWrapper img{
    object-fit: cover;
    height: 350px !important;
}
@media only screen and (max-width: 1500px){
    .newsteaserList .newsteaserItem .imgWrapper img{
        height: 12vw !important;
    }
    .newsteaserItem .imgWrapper img{
        height: 25vw !important;
    }
    
}

@media only screen and (max-width: 1100px){
    .newsteaserList{
        grid-template-columns: 49% 49%;
    }
    .newsteaserList .newsteaserItem .imgWrapper img{
        height: 20vw !important;
    }

}
@media only screen and (max-width: 860px){
    .newsteaserList{
        grid-template-columns: 49% 49%;
    }
    .newsteaserList .newsteaserItem .imgWrapper img{
        height: 27vw !important;
    }
    .newsteaserItem .imgWrapper img{
        height: 30vw !important;
    }

}

@media only screen and (max-width: 600px){
    .newsteaserList{
        grid-template-columns: 100%;
    }
    .newsteaserTop .newsteaserItem .imgWrapper{
        width:100%;
    }
    .newsteaserTop .newsteaserItem{
        flex-wrap: wrap;
    }
    .newsteaserItem .newsTextTeaserWrapper{
        padding:20px;
    }
    .newsteaserList .newsteaserItem .imgWrapper img{
        height: 50vw !important;
    }
    .newsteaserItem .imgWrapper img{
        height: 50vw !important;
    }
    .newsteaserTop .newsteaserItem .newsTextTeaserWrapper{
        width:100%;
    }
    
    
}

.terminItem{
    border-left:2px solid #ccddd5;
    padding-left:10px;
    padding:10px;
}
.terminItem h3{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
.terminItem p{
    margin-bottom: 30px;
}

.tx-ws-flexslider{
    margin-bottom: 1em;
}

@media only screen and (max-width: 1500px){
    .overIcon{
        min-width: 210px;
    }
    
}
@media only screen and (max-width: 780px){
    .overIcon{
        height: 45vw !important;
    }

}
@media only screen and (max-width: 480px){
    .overIcon{
        height: 90vw !important;
    }

}