/*Pink			#FF009F		wird auch für ‚Active Page‘ Markierung benutzt
Grün			#09D900
Gelb			#FFEC00
Blau			#4A90E2		wird auch als Link Hover benutzt
Schwarz		#000000
*/


/*****************************************************************************/

* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body { 
background:#ffffff;

}


a img {
	border: none;
} 
  
.clear {clear:both;margin:0;padding:0;height:1px;}


.invisible  {display:none;height:0px; width:0px; margin:0;padding:0;}
.clearfix:after {content: "";display: table;clear: both;}


html, body { height:100%; }
 
* html #wrapper { height:100%; }
 
#wrapper {
position: relative;
background:#fff;
width:100%; 
height:100vh;min-height:100%; 
height:calc(100vh - 41px); 
overflow:hidden;
margin:40px auto 0px auto; margin:0;
}
#wrapper.m_autoheight {height:auto;}
	
#sidebar_wrapper{position: fixed;
overflow:visible;
height:40px;
top: 0;
width: 100%;

z-index: 10002;
background: #fff;
right: 0;
 border-bottom:1px solid #000; 
}	

#sidebar {position: relative;width:100%;  background:#fff;}

 
#homebutton { 
position:absolute; 
top:5px; top:7px; 
z-index:600;
left:50%;  
margin-left:-11px;width:22px;   height:23px;
background-image: url(../images/KW-Krone.png) ;
background-image: url(../images/KW-Krone@2x.png) ;
 
background-repeat: no-repeat;
background-position:center top;
background-size: 22px 23px;
}




#homebutton a {width:22px;   height:23px;display:block;}
 
 
.sm li#index { 
display:block;
position:fixed; 
top:69px; top:60px;
z-index:600;
left:0; 
width:100%; text-align:center;
}

 .sm li#leistungen {margin-top:-100px;margin-top:-150px;} 
 
.sm li#impressum {position:fixed; bottom:25px; right:0;width:50%; text-align:right !important; }
 
.sm li#datenschutz {position:fixed; bottom:25px; left:0;width:50%;  text-align:left !important; }

 
#main-menu {   width:100%;  padding-top:30vh;  padding-top: 50vh;}

.content {width:100%; padding:0px 0px 0px 0px; }


#col1 {width:100%; border-bottom:1px solid #000; background:#fff;padding-top:40px;}


#col2,  #col3  {
 width:100%; border-bottom:1px solid #000; clear:both;
}

 
#col3 {background:#f3f3f3; border-bottom:1px solid #000; }
 
#col1 .content {padding:10px 25px 10px 25px}



/* bilder fixed unten nicht so einfach umsetzbar 
#col2  {
 width:100%; position:fixed; bottom:0; left:0; z-index:1000;padding-bottom:50%;
}

body.leistungen {padding-bottom:200px;} 
 
 
#col2 .content ul {list-style:none;position:absolute;}
#col2 .content  li {display:block;position:absolute; width:100%;  height:100%; }
#col2 .content  img {position:absolute;
width:100%; height:auto;
}*/

 #col2  {width:100%; } 
 
 
#col3 h1.ce_headline  {
display:block;
 
padding: 25px 25px 0px 25px;
}


#col2 .content ul {list-style:none;}
#col2 .content  li {display:block; border-bottom:1px solid #000;}
#col2 .content  li a {display:block; margin:0; padding:0; width:100%; height:100%;}
#col2 .content  img {display:block;
width:100%; height:auto;
}
 

#col3 .content li span {display:block;padding: 0px 25px 0px 25px;}
#col3 .content ul {list-style:none;}
#col3 .content  li {}
#col3 .content  img {display:none;}
 
 

.trigger {width:100%; padding: 0px 25px 0px 70px; 
background-image: url(../images/open.png) ;
background-repeat: no-repeat;
background-position:left 25px  center;
background-size: 20px 20px;
cursor:pointer; 
border-top:1px solid #000;}

.leistungen #col1 .ce_text.last {/*border-bottom:1px solid #000;*/}
.leistungen #col1 {border-bottom:none; }

.leistungen #col2 { border-top:1px solid #000;}

.trigger.trigger_active {background-image: url(../images/aktiv.png) ;background-color:#fff;}

.trigger:hover {background-color:#4A90E2;}
.trigger_active:hover {background-color:#fff;}
 
.toggle_container {display:none; /*display:block !important; */ padding-top:14px;}
 

.content ul {margin:0px 0px 0px 0px;padding:0;list-style-type:disc;}

#col23 {width:100%;}

.team { border-bottom:1px solid #000;padding:25px !important;  }

 
.teamphoto {
background-color:#d8d8d8;padding-bottom:100%; width:100%; 
background-repeat: no-repeat;
background-position:center  center;
background-size: 100% auto;
 }
 
.teamtext {
position:relative; 
 
width:100%;  /* min-height:163px;*/ /*war zuwenig bei manchen vier zeilen für name und position: */ /*max-height:226px; min-height:183px;*/
height:165px;

}


.teamtext_top {
  position:absolute; top:25px;
}
 .teamtext_top span {display:block;clear:both;}
 
  .teamtext_bottom {
  position:absolute; bottom:0px;left:0;
}





/***************************************************************************************************/ 
.ce_form {
	/*padding bottom raus wegen unnötiger scrollbar in desktop. in mobil map darunter mit margin-top
	padding:20px 23px 20px 23px;*/
	padding:20px 23px 0px 23px;
}


.widget {width:100%; display:block; padding-bottom:22px;}
.widget.widget-submit {width:100%; display:block; padding-bottom:10px;}
.widget label {display:none;}



.widget input.text, .widget input.captcha  {width:100%; height:48px; background:#FFEC00; border-style: inset; border-width: 1px; border-color:#000;font-family: 'PT Serif', serif;font-size:20px; padding-left:10px;}

.widget input.text:focus, .widget input.captcha:focus {background:#FF00A2;}



.widget input.captcha  {width:100px; float:left;}


.widget  textarea {width:100%; height:480px; height:180px;  background:#FFEC00; border-style: inset; border-width: 1px; border-color:#000;font-family: 'PT Serif', serif;font-size:20px; padding:10px;}
.widget  textarea:focus {background:#FF00A2;}

.widget .submit {width:100%; height:48px; background:#09D900; border-style: inset; border-width: 1px; border-color:#000;font-size: 20px;font-family: "LL Circular Bold Web", helvetica, arial, sans-serif;}
.widget .submit:hover   {background:#4A90E2;color:#fff;cursor:pointer;	}


#kaiserletter {padding-top:50px}

#kaiserletter input {width:100%; height:48px; background:#FFEC00;outline: none;
/* border-style: inset !important; border-width: 1px  !important; border-color:#000  !important;*/border:  1px solid #000 !important;
font-family: 'PT Serif', serif  !important;font-size:20px  !important; padding-left:10px  !important;
border:  1px inset #000 !important;border-radius: 0px !important;
}

#kaiserletter input.required, #kaiserletter input.required:focus {border:  1px inset #000 !important;}

#kaiserletter input:focus  {background:#FF00A2  !important;border:  1px solid #000 !important;}

input:required { border:  1px solid #000 !important; }


#kaiserletter button {width:100%; height:48px; background:#09D900 !important; border:  1px solid #000 !important;
/*border-style: inset !important; border-width: 1px !important; border-color:#000 !important;*/
font-size: 20px !important;font-family: "LL Circular Bold Web", helvetica, arial, sans-serif  !important;color:#000  !important;border-radius: 0px !important; }

#kaiserletter button:hover {background:#4A90E2  !important;color:#fff  !important;cursor:pointer;	} 

#kaiserletter label {display:none;}


#kaiserletter .checkbox-inline , 
.lea .checkbox-inline {width:100%; display:block; padding: 20px 0px 10px 0px;}

#kaiserletter .checkbox-inline input,.lea .checkbox-inline input { }

#kaiserletter .checkbox-inline label, 
.lea .checkbox-inline label {float:left; display:block; width:100%; }

#kaiserletter .checkbox-inline label, #kaiserletter .checkbox-inline span , #kaiserletter .checkbox-inline a ,
.lea .checkbox-inline label, .lea  .checkbox-inline span ,.lea  .checkbox-inline a 
{
	font-family: 'PT Serif', serif  !important;font-size:14px  !important; line-height:18px !important;}

#kaiserletter div {margin-top:0px !important;}

#kaiserletter .checkbox-inline label, .lea .checkbox-inline label{ padding-right:30px; width:100%;}
 

.has-js .label_check, #kaiserletter .checkbox-inline span {
    background-image: url(../images/Switch_off.png);background-size: 32px auto; background-repeat:no-repeat; background-position: right top 2px;
    width:100%; height: 40px; display:block; cursor:pointer;}
}
 #kaiserletter .checkbox-inline span:hover { cursor:pointer;}
 
 
.has-js label.c_on, #kaiserletter  .checkbox-inline span.c_on {
    background-image: url(../images/Switch_On.png);
}
.has-js .label_check input , #kaiserletter .checkbox-inline input  {
    position: absolute !important;
    left: -9999px;
}
.label_check input, #kaiserletter .checkbox-inline input {
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 9px;
    position: relative;
}



/*
************************** LEA ***********
*/


.lea #main-menu a,
.lea #impressum a, .lea #datenschutz a, .lea #impressum span, .lea #datenschutz span
{color:#808080;}

.lea #main-menu a:hover,
.lea #impressum a:hover, .lea #datenschutz a:hover, .lea #impressum span:hover, .lea #datenschutz span:hover
{color:#000;}

.lea #homebutton { 
  background-image: url(../images/KW-Krone_50grau.png) ;
}





.lea  label#lbl_16_0 {display:inline-block;float:left; width:80%;width:calc(100% - 30px);  padding-left:5px;margin-top:-4px;}

.lea input#opt_16_0{display:inline-block;float:left; width:20px; height:20px; }


.lea  p {margin-bottom: 0px; padding-bottom: 0px !important;}

.lea  fieldset {border: none ;}


.lea   input {width:100%; height:48px; background:#fff;outline: none;
 border:  1px solid #000 !important;
font-family: 'PT Serif', serif  !important;font-size:20px  !important; padding-left:10px  !important;
border:  1px inset #000 !important;border-radius: 0px !important;
}

.lea  .widget input.text{width:100%; height:48px; background:#fff;outline: none;
 border:  1px solid #000 !important;
font-family: 'PT Serif', serif  !important;font-size:20px  !important; padding-left:10px  !important;
border:  1px inset #000 !important;border-radius: 0px !important;
}



.lea   input.required, .lea   input.required:focus {border:  1px inset #000 !important;}

.lea   input:focus  {background:#fff  !important;border:  1px solid #000 !important;}

input:required { border:  1px solid #000 !important; }


.lea   button {width:100%; height:48px; background:#000 !important; border:  1px solid #000 !important;
 
font-size: 20px !important;font-family: "LL Circular Bold Web", helvetica, arial, sans-serif  !important;color:#fff  !important;border-radius: 0px !important; }

.lea button:hover {background:#4A90E2  !important;color:#fff  !important;cursor:pointer;	} 


.lea h1 {font-size:30px !important; line-height: 38px !important ;font-weight:normal;}
.lea h2 {font-size:30px !important; line-height: 38px !important ;font-weight:normal; margin:25px 0px 0px 0px !important}

 
.lea p, .lea li, .lea a {font-size:24px !important; line-height: 30px !important }

.lea a[href^="https://www.kaiserwetter.de/datenschutz"] {font-size: 20px !important; }

.lea #col23 .ce_text { padding: 10px 25px 10px 25px;} 


.lea #col23 .ce_image { padding: 40px 25px 40px 25px; border-top:1px solid #000;} 

.lea #col23 .ce_image figure {margin:auto;width:80%; text-align:center;vertical-align:middle;}

.lea #col23 .ce_image figure img {width: 100%; height: auto; max-width:300px;}

.lea #col23 .ce_image.logolea figure img {  max-width:400px;}

.lea #col23 .ce_image.caritas figure img {  max-width:180px;}

.lea #col23 .ce_image.diakonie figure img {  max-width:200px;}





.lea  input.checkbox + label  {display:inline-block;float:left; width:80%;width:calc(100% - 30px);  padding-left:5px;margin-top:-4px;}

.lea input.checkbox {display:inline-block;float:left; width:20px; height:20px; }




.lea select {background: #fff; outline: none; border: 1px solid #000 !important; font-family: 'PT Serif', serif !important; font-size: 20px !important; padding: 6px 10px 8px !important; border-radius: 0px !important;}

.lea div.logolinks div.content p a { display: inline-block; margin-right: 20px; }
.lea div.logolinks div.content p a:hover { opacity: 0.1; transition: opacity 50ms ease-in-out;}



/*
.lea #col23 .ce_image.halfwidth figure img {  max-width:180px;}

.lea #col23 .ce_image.halfwidth {width:50%; float:left; border-right: 1px solid #000;}
.lea #col23 .ce_image.halfwidth.last {border-right: none;padding: 65px 25px 40px 25px; }*/

/*
.lea #col23 .mod_article {padding-top:15px}

.lea #col23 .mod_article {  min-height:1200px;height:100vh; position:relative;}
.logobox { position:absolute; bottom:0;left:0; width:100%;}*/


/*
************************** LEA ***********
*/



.formcol {width:100%; display:block; float:none;padding-right:0;padding-left:0;}


#map_canvas {margin:0px;overflow:hidden;width:100%; height:500px; height:auto; border-top:1px solid #000; margin-top:40px;
/*
padding-bottom:50%; 

background-image:url(../images/kwww_map.jpg);
background-repeat: no-repeat;
background-position:center  center;
background-size: cover;*/
}

.nomap #map_canvas {display:none;}
.nomap #col23 {padding-top:105px;}

.infobubble {color:#fff;font-size:0.75em;font-size:12px;}
.infobubble a{color:#fff !important;font-weight:bold;}
.infobubble a:hover{color:#fff !important;font-weight:bold;}

#map_canvas_mobile {margin:0px;overflow:hidden;width:100%; height:500px; height:auto; border-top:1px solid #000; margin-top:40px;
/*padding-bottom:66.666667%; 
background-image:url(../images/kwww_map.jpg);
background-repeat: no-repeat;
background-position:center  center;
background-size: cover;*/
}
#map_canvas a, #map_canvas_mobile a {display:block; width:100%; padding-bottom:66.666667%;

padding-bottom:66.666667%; 
background-image:url(../images/kwww_map.jpg);
background-repeat: no-repeat;
background-position:center  center;
background-size: cover;

}


#map_canvas {display:none;}


.kontaktdaten p {width:50%; display:block; float:left;}
.kontaktdaten:after {clear:both;}




@media (max-height: 400px) {
	
.sm li#leistungen {margin-top:0px;} 

 
#main-menu {   width:100%;   padding-top: 70px}
	
}
/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 
 @media all and (min-width: 380px){

 }
 

 
 @media all and (min-width: 404px){ 



}


/*168 + 168 + 16 + 16 + 36*/
 
@media all and (min-width: 424px){


}


@media all and (min-width: 440px){
	
 .leistungen #col2 {border-bottom:none;border-top:none;}
 .leistungen #col1 {border-bottom:1px solid #000; }

.team {float:left; /*border-left:1px solid #000;*/border-bottom:1px solid #000;padding:25px; position:relative;width:50%; border-right:1px solid transparent;}

.team:nth-of-type(odd) {clear:both;border-right:1px solid #000;}

.team.last {border-bottom:none}
.team:nth-last-child(2) { border-bottom:none; }
 
.teamtext {height:195px;}



#col2  {
 width:100%;   position:relative;  border-bottom:1px solid #000;
}

 


#col2,  #col3  {
min-width:100%; border-bottom:1px solid #000; 
 }

 
#col3 {background:#f3f3f3; border-bottom:1px solid #000; }
 
#col1 .content {padding:10px 25px 10px 25px}

.kontakt #col1 { border-right:1px solid #000; }
 
/* QUerscrollen mit Karussell Effekt


#col2 .content  {
width:100%;

margin:0;
 height:25vh;height:170px;
overflow-y:hidden;
overflow-x:auto;  
}


#col2 .content ul {
display:table;
white-space:nowrap;
list-style:none;
}
#col2 .content  li {
display:table-cell; 
text-align:center;   
width:33.33333%;   padding:3vh 0 3vh 3vh;  padding:15px 0 15px 15px; 
}
#col2 .content  img {
border:0;
display:block;
height:19vh; width:auto;height:140px;
}
 
 
#col3 .content  {position:relative;
width:100%;
height:25vh;
height:170px;
margin:0;
overflow-y:hidden;
overflow-x:auto;
}
#col3 .content ul {
display:table;
white-space:nowrap;
list-style:none;width:100%;
}

#col3 .content  li {
display:table-cell; 
 
}
 */

#col3 h1.ce_headline  {
display:none;
  
}



#col2 .content  {
width:100%;
 margin:0;
  
}


#col2 .content ul {
 
}
#col2 .content  li {
display:block; float:left; border-bottom:none;
text-align:center;   
width:50%;   padding:10px 10px 10px 10px; 
}
#col2 .content  img {
border:0;
display:block;
 width:100%;height:auto;
}


 #col2 .content  li:nth-of-type(2n+1) {clear:both;} 
 
 

#col3 .content  { 
width:100%;
 
margin:0;
 
}
#col3 .content ul {
 
list-style:none;width:100%;
}

#col3 .content  li {
display:block; float:left; 
text-align:center;   
width:50%;   padding:10px 10px 10px 10px; 
 
}

#col3 .content  li a , #col3 .content  li span.logo {
position:relative;  
width:100%; height:100px; display:block;
}

#col3 .content li span {display:none}
#col3 .content li span.logo {display:block}

#col3 .content li a img, #col3 .content li span.logo img  {display:block ;}

#col3 .content  li a img , #col3 .content  li span.logo img{
position: absolute;
left: 0px;
z-index:500;z-index:0;
overflow: hidden;
 
 margin: 0;
   position: absolute;                
   top: 50%;                          
   left: 50%;                         
   transform: translate(-50%, -50%)  
   
}


}


 
@media all and (min-width: 480px){

#headerwrapper,  .main-menu-btn { height:50px; }	 
 

}




@media all and (min-width: 540px){
	
 
.teamtext {height:175px;}   
}





@media all and (min-width: 640px){

.formcol {width:50%; display:block; float:left;}
.formcol:first-of-type {padding-right:10px;}
.formcol:last-of-type {padding-left:10px;}


.kontaktdaten p {width:100%; display:block; float:none;}
	
.team {float:left;  /*border-left:1px solid #000;*/border-bottom:1px solid #000;padding:25px; position:relative;width:33.333333%;}

.teamtext {height:195px;}  

.team:nth-of-type(odd) , .team:nth-of-type(2n+1) {clear:none;border-right:1px solid transparent;}
/*.team.last:nth-of-type(odd) {border-right:1px solid transparent;}*/


.team:nth-of-type(3n+1) {clear:both;border-right:1px solid #000;}
.team:nth-of-type(3n+2) {border-right:1px solid #000;}
/*
.team.last:nth-of-type(3n+2), .team.last:nth-of-type(3n+1) {border-bottom:none;border-right:1px solid #000;}*/

.team.last {border-bottom:none}
.team:nth-last-child(2),.team:nth-last-child(3) { border-bottom:none; }


#col2 .content  li, #col3 .content  li  {width:33.333333%}
#col2 .content  li:nth-of-type(2n+1) {clear:none;} 
#col2 .content  li:nth-of-type(3n+1) {clear:both;} 
}


/***************************************************************************************************/ 
/***************************************************************************************************/ 
 




@media all and (min-width: 768px){

.teamtext {height:155px;} 



} 









@media all and (min-width: 1024px){
	
#headerwrapper, .main-menu-btn  { height:50px; }	 
 
/*#page  {padding:0px 0px 0px 0px;}*/

 
#map_canvas {display:block;}
#map_canvas_mobile {display:none;}

#map_canvas {  height:50vh;   border-top:1px solid #000; margin-top: 0px;overflow:hidden;}
.kontaktdaten {  height:50vh; min-height:420px;}




.formcol {width:100%; display:block; float:none;padding-right:0;padding-left:0;}
.formcol:first-of-type, .formcol:last-of-type {padding-right:0;padding-left:0;}
 
#col23 {width:34.375%; height:100vh;float:left; border-left:1px solid #000;}

/************ LEA ***************/
.lea #col23 .mod_article {  min-height:1300px;height:100vh; position:relative;padding-top:0px} 
.logobox { position:absolute; bottom:0;left:0; width:100%;}


/************ LEA ***************/


.leistungen #col1 {border-bottom:1px solid #000;}
.leistungen #col1 .ce_text.last {border-bottom:1px solid #000;}

.leistungen #col3 .content {padding-top:0px;}

.kontakt #col23 {  border-left:none;}
body {overflow:hidden;} 



.team {float:none; border-bottom:1px solid #000;padding:25px; position:relative;width:100%;}
.team:nth-of-type(3n+1) {clear:none;}

.team:nth-of-type(3n+1) {border-right:1px solid transparent;}
.team:nth-of-type(3n+2) {border-right:1px solid transparent;}

.team:nth-of-type(odd) {clear:both;}
 
.team:nth-of-type(odd) {border-right:1px solid #000;}

 
.team:nth-last-child(2),.team:nth-last-child(3) {border-bottom:1px solid #000;}


.team:nth-of-type(odd) {clear:none;border-right:1px solid transparent;}
 
.teamtext {height:155px;} 
 

#wrapper {
position: relative;
background:#fff;
width:82.8125%; 
height:100vh; overflow:hidden;
margin:0px auto 0px auto; margin:0;

}
	
	#wrapper.m_autoheight {height:100vh; }
	
	
#sidebar_wrapper{position: fixed;

overflow:hidden;

top: 0;
width: 17.1875%;
 height: 100vh; 
z-index: 550;
background: #fff;
right: 0;
 border-bottom:none; 
  border-left:1px solid #000; 
}	

#sidebar {position: relative;width:100%;margin:0px auto 0px auto; background:#fff;}

 
#homebutton { 
position:absolute; 
top:25px; 
z-index:600;
left:50%;  
margin-left:-11px;width:22px;   height:23px;
background-image: url(../images/KW-Krone.png) ;
background-image: url(../images/KW-Krone@2x.png) ;
 
background-repeat: no-repeat;
background-position:center top;
background-size: 22px 23px;
}




.sm li#index { 
display:block;
position:absolute;
top:69px; top:0px;
z-index:600;
right:0; left:auto;
width: 17.1875%;  width:100%;text-align:center;
}
 .sm li#leistungen {padding-top:70px;margin-top:0;} 
 
.sm li#impressum {position:fixed; bottom:25px; right:0; width: 17.1875%;  text-align:center !important;}
 
.sm li#datenschutz {position:fixed; bottom:50px; right:0; left:auto;width: 17.1875%; text-align:center !important;}
 
 


 
 
 
#navicontainer {   width:100%;  padding-top:135px;  padding-top: 35px; padding-top: 60px;  }
#main-menu  {padding-top:0;}




#col1,#col2,#col3  {float:left; height:100vh;  clear:none;}

#col1 {width:48.4375%;padding-top: 0px;border-bottom:none; } 
#col1.textcol {width:100%;}

#col2,  #col3  {width:17.1875%; min-width:17.1875%;  border-left:1px solid #000;height:100vh; white-space: wrap; border-bottom:none;}



 
#col3 { border-bottom:none; }
 
#col1 .content {padding:10px 25px 10px 25px;}
 
#col1 .kontaktdaten  .content  p {padding-left:40px;padding-left: 0px;}

#col1 { height:100vh;
/*overflow-y:scroll;
overflow-x:hidden;*/

}
 
 #col1 .contentcontainer { height:100vh;
overflow-y:hidden;
overflow-x:hidden; 
 }
 
 

#col2 .content  {
 width:100%; /* padding-right:16px;*/
 height:100vh;
margin:0;
/*overflow-y:scroll;
overflow-x:hidden;  */
overflow-y:hidden;
overflow-x:hidden; 

}

#col23 .content  {
 width:100%; 
 height:100vh;
margin:0;
 
overflow-y:hidden;
overflow-x:hidden; 

}


#col2 .content ul {
display:block;
white-space:normal;
list-style:none;
}
#col2 .content  li {
display:block; 
text-align:center;    width:100%;
  padding:24px 24px 0px 24px; 
}
#col2 .content  img {
border:0;
display:block;
 width:100%;height:auto;
}
 



#col3 .content  {
width:100%;  /* padding-right:16px;*/
padding-top:20px;
 height:100vh;
margin:0;
/*overflow-y:scroll;
overflow-x:hidden;*/
overflow-y:hidden;
overflow-x:hidden; 

}
#col3 .content ul {
display:block;
white-space:normal;
list-style:none; 
}

#col3 .content  li {
display:block;   width:100%;
 }

#col3 .content  li a, #col3 .content  li span.logo {position:relative; width:100%;  padding-bottom:50%; display:block;}




#col3 .content  li a img, #col3 .content  li span.logo img {
position: absolute;
left: 0px;
z-index:500;
overflow: hidden;
 
 margin: 0;
   position: absolute;                
   top: 50%;                          
   left: 50%;                         
   transform: translate(-50%, -50%)  
   
}

.leistungen #col3 .content  li.row_0 span.logo img {top:20px; transform: translate(-50%, 0)}
 .leistungen #col3 .content  li.row_0 {padding: 0px 10px 10px 10px;}
.leistungen #col3 .content  li.row_0 span.logo {padding-bottom: 0; height:90px;}

}


/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 



@media all and (min-width: 836px)  and (max-width: 1187px){
	
}


@media all and (min-width: 1120px){
  .teamtext {height:165px}


}



@media all and (min-width: 1280px){


.team {float:left; /*border-left:1px solid #000;*/border-bottom:1px solid #000;padding:25px; position:relative;width:50%; }

.team:nth-of-type(odd) {clear:both;}

.team:nth-of-type(odd) , .team.last:nth-of-type(odd){border-right:1px solid #000;}

.team.last {border-bottom:none}

.team:nth-last-child(2) { border-bottom:none; }

.teamtext {height:200px}



}

/***************************************************************************************************/ 


@media all and (min-width: 1440px){


#wrapper {
position: relative;
background:#fff;
width:83.333333%;  /*max-width:1900px; */
margin:0px auto 0px auto; margin:0;
 
}

 
#sidebar_wrapper{ 
width: 16.666667%; height:100vh;

}	


#col1 {width:50%}
#col1.textcol {width:100%;}
#col2,  #col3  {width: 16.666667%;min-width: 16.666667%;}


#col23 {width:33.333333%;   }


.teamtext {height:190px}

 
#main-menu {overflow-y:auto;height:auto;}
 
#navicontainer {   width:100%;  padding-top:160px; padding-top:60px;  }
#main-menu  {padding-top:0;}
 

.sm li#kaiserwetter,.sm li#impressum ,.sm li#datenschutz  { width: 16.666667%; z-index:10000}
.sm li#leistungen {padding-top:110px;}  

 
.kontaktdaten {    min-height:490px;}
 
 
}  
  

 @media all and (min-width: 1650px){  
   .teamtext {height:235px}
  }

@media all and (min-width: 1900px){
 
 .teamtext {height:185px}
}



   .alt-wrap { 
      display: block;
      position: relative;
     /* margin: 20px;
      color: whitesmoke;
      border: 1px solid mediumorchid;
*/    }

  /* The alt text itself */
  /* Will be added with js */
    .alt-wrap p.alt {
      position: absolute;
      opacity: 0; /* hide initially */
      left: 0; right: 0; bottom: 0;
      margin: 0;
      padding: 10px;
        display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
      
      background-color: #4A90E2;
      color:#000;
      transition: all 300ms ease;
      transition-delay: 300ms;
      height:100%;
    }

  /* Hovering over the wrapper shows its alt p*/
    .alt-wrap:hover > p.alt { 
      opacity: 1; 
      transition-delay: 0s;
    }