.slicknav_menu{
  display: none;
}
#navigation_mobile{
  display: none;
}

.cookie-consent-container .buttons .btn--primary {
    background: #043d6e !important;
    border: 2px solid #043d6e !important;

}

.cookie-consent-container .label input:checked~.checkmark {
    background-color: #043d6e !important;
}
#cookie-consent p{
	color: #4d4d4d;
}
@media only screen and (max-width: 1899px){
    #mainshell {
    	margin: auto;
    	width: 1536px;
    	max-width: 1536px;
  	}
		#content_outer{
				/*background-size: contain; */
		}
    #content_footer_outer, #footer_outer, #content_outer{
    	width: 1536px;
		}
		#logo_nav_container_outer {
			width: 1536px;
		}
			HR{
			  	height: 4.75em;
			}	
    #map{
      	margin-left: -84px;
    	margin-right: -84px;
    }
}
@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 226dpi),
  only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
    #mainshell {
    	margin: auto;
    	width: 1536px;
    	max-width: 1536px;
  	}
		#logo_nav_container_outer {
			width: 1536px;
		}
    #content_footer_outer, #footer_outer, #content_outer{
    	width: 1536px;

	}
    #map{
      	margin-left: -84px;
    	margin-right: -84px;
    }

    
}

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

			H1, H2, H3, H3#footer_head{
		  	font-size: 4em;
	  		min-height: 1.0em;
			}
	
			HR{
			  	height: 4.0em;
			}
		 .grid-1 h2.box_head.light, .grid-1 h2.box_head.dark{
	  	font-size: 1.25em;
	  	min-height: 2.5em;
		}
		H4{
		  font-size: 1.3em;
		} 
		.myuid_1 #contentshell .grid-1 .box_body p{
			min-height: 110px;
		}
		.myuid_6 #contentshell .grid-1 .box_body p{
			min-height: 155px;
		}
		.myuid_8 #contentshell .grid-1 .box_body p{
			min-height: 220px;
		} 
    #mainshell {
    	margin: auto;
    	width: 1280px;
    	max-width: 1280px;
  	}

    #content_footer_outer, #footer_outer,#footer_inner, #content_outer{
    	width: 100%;

		}
		#logo_nav_container_outer {
			width: 1280px;
		}
		#content_outer{
			padding-top: 11em;
				/*background-size: contain; */
		}	
		.myuid_1 #content_outer{
			padding-top: 4.5em;
		}	
    #map{
      	margin-left: 0px;
    	margin-right: 0px;
    }

		#contentshell .grid-1 .box_body p {
			min-height: 155px;
		}
		
  
  	#content_footer_inner, #content_inner {
    	width: 94%;
	}
    #logo_nav_container{
        width: 100%;
    }
    #logo{
    width: 100%;
    height: auto;
    left: 15px;
    /*padding: 0px 4% 0px 4%;*/
  	}  
  	.myuid_1 .frame-layout-3 #kacheln{
  		margin-left: 0px;
    	margin-right: 0px;
	}
	#footer_nav{
		right: 25px;
	}
	#copyright{
		padding-left: 25px;
	}
}
@media only screen and (max-width: 1279px){
			H1, H2, H3, H3#footer_head{
		  	font-size: 4em;
	  		min-height: 1.0em;
			}
	
			HR{
			  	height: 4.0em;
			}
		 .grid-1 h2.box_head.light, .grid-1 h2.box_head.dark{
	  	font-size: 1.0em;
	  	min-height: 2.3em;
		}
		#logo_nav_container{
			height: 115px;
		}
		#logo_inner_left{
			width: 300px;
		}
		.sf-menu a {
			font-size: 1.0em;
		}
		#contentshell .grid-1 .box_body p{

		  font-size: 1.0em;

		}		
		H4{
		  font-size: 1.3em;
		}
		.myuid_1 #contentshell .grid-1 .box_body p{
			min-height: 110px;
		}
		.myuid_6 #contentshell .grid-1 .box_body p{
			min-height: 165px;
		}
		.myuid_8 #contentshell .grid-1 .box_body p{
			min-height: 220px;
		} 		
		#contentshell p, #contentshell td, #contentshell li{
  		font-size: 1.2em;
		}
    #mainshell {
    	margin: auto;
    	width: 1024px;
    	max-width: 1024px;
  	}
  	#contentshell{
  		padding-top: 149px;
  	}
		#logo_nav_container_outer {
			width: 1024px;
		}
    #content_footer_outer, #footer_outer,#footer_inner, #content_outer{
    	width: 100%;

		}

		#content_outer{
			padding-top: 10em;
				/*background-size: contain; */
		}		
    #map{
      	margin-left: 0px;
    	margin-right: 0px;
    }
  			HR{
			  	height: 1.75em;
			}
  	#content_footer_inner, #content_inner {
    	width: 94%;
	}
		#logo{
    width: 100%;
    height: auto;
    left: 10px;
    /*padding: 0px 4% 0px 4%;*/
  	}  
    #logo_nav_container{
        width: 100%;
    }
  	.myuid_1 .frame-layout-3 #kacheln{
  		margin-left: 0px;
    	margin-right: 0px;
	}
	
  .grid-2 .col-1, .grid-2 .col-2 {
		float: none;
    width: 100%;
    
  }  
  .grid-2 .col-2 IMG {
    width: 100%;
    height: auto;
  }	
	.grid-2 .col-2 .frame-type-form_formframework {
		margin-top: 30px;
		}
}
@media only screen and (max-width: 1024px){
  .tx-srfeuserregister-pi1{
    margin-top: 2em;
  }
  
  	.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
		float: none;
     	text-align: left;
      	width: 100%;
	}
  
	 #mainshell {
    	margin: auto;
    	width: 100%;
    	max-width: 100%;
  	}
  .slicknav_menu {
      position: fixed;
      top: 0px;
      right: 0px;
     
      padding-top: 25px;
      display:block;
      background-color: transparent !important;
      z-index: 10000;
  }
  .slicknav_menu.open {
      background-color: #011d38 !important;
      width: 100%;
  }
  .box_body{
		padding-top: 1em;
		padding-bottom: 1em;
	}
  #navigation{
    display: none;
  }
	HR{
	  	height: 1.0em;
	}
	.frame-layout-1 HR{
		display: block;
	}	
    #map{
			height: 18em;
    }	
    .myuid_1 .frame-layout-3 #kacheln {
    	display: none;
    }
.myuid_1 #content_outer {
    padding-top: 2em;
}    
	#content_outer{
		padding-top: 2em;
		/*background-size: contain; */
	}
  	#contentshell{
  		padding-top: 129px;
  	}
#content_outer{
  background-image: url('grafik/bg_combined_start_mobile.jpg');
}
		.myuid_1 #contentshell .grid-1 .box_body p{
			min-height: auto;
		}
		.myuid_6 #contentshell .grid-1 .box_body p{
			min-height: auto;
		}
		.myuid_8 #contentshell .grid-1 .box_body p{
			min-height: auto;
		} 	
.myuid_3 #content_outer{
  background-image: url('grafik/bg_combined_wir_mobile.jpg');
}
.myuid_6 #content_outer{
  background-image: url('grafik/bg_combined_dampf_mobile.jpg');
}
.myuid_7 #content_outer{
  background-image: url('grafik/bg_combined_international_mobile.jpg');
}
.myuid_8 #content_outer{
  background-image: url('grafik/bg_combined_anlage_mobile.jpg');
}	
	
	
 #navigation_mobile_inner{
  margin-bottom: 20px;
}

#mainshell.uid_1 #header_image {
    height:200px;

}



H1, H2, H3, H3#footer_head, .grid-1 h2.box_head.light, .grid-1 h2.box_head.dark{
  font-size: 1.5em;
  min-height: 1em;
}
H4{
  font-size: 1.25em;
}

#contentshell p, #contentshell td, #contentshell li {
	font-size: 1.1em;
}
#header_image{
height: 120px;  
background-position: center;  
}

#header_inner h1{
 margin-top: 1.0em; 
}

#header_inner p {
    color: #FFF;
    font-size: 1.0em;
}



#mainshell.uid_1 #contentshell {
    margin-top: 0px;
}

  #logo{
    width: 100%;
    height: auto;
    left: 5px;
    /*padding: 0px 4% 0px 4%;*/
  }  
  #logo_inner{
    width: auto;
    padding: 0px 0px 0px 0px;
  }

  .grid-1 .col{
    /*padding: 0px 4% 0px 4%;*/
    margin-top: 15px;
  }
  .grid-1 .col .csc-textpic-text{
   height: 100px;
   }
  .grid .col-1, .grid .col-2, .grid .col-3 {
    float: none;
    width: 100%;
  }
	.grid-1xs {
	    margin-bottom: 0em;
	    margin-top: 0em;
	}  
 	.grid-1xs .col{
	    margin-bottom: 4em;
	    margin-top: 4em;
	}   
  .grid .col .col-inner{
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .grid-2 .col-1{

    background-image: none;
  }  
  .grid-2 .col-2 IMG {
    width: 100%;
    height: auto;
  }
  .grid-2 .ce-column{
  width: 110px;

	}
  .grid-3 .col-2{

    margin-top: 80px;
  }
  
.slider-for{
  height: 430px !important;
  padding-left: 5%;
  padding-right: 5%;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px !important;
}

  .grid-3 .col-1 .slider-for IMG {
    width: 100%;
    height: auto;
  }
  ul.slick-dots{
   bottom: -50px;
  }
  .grid-1{
  	margin-bottom: 0px;
  	margin-top: 0px;
  }
  .grid-2 .col-2 .frame-type-form_formframework {
  	width: 94%;
  	margin-top: 1.5em;
  	padding: 3%;
  }
  
   .grid-3 .col-2 .col-inner {
    padding-left: 0px;
    padding-top: 0px;
  } 
  div.csc-textpic-left .csc-textpic-imagewrap {
    float: none; 
  }
  div.csc-textpic-right .csc-textpic-imagewrap {
    float: none; 
  }  
  #contentfooter #content_footer_inner {
    display: block;
    width: 90%;
  }
#contentfooter #content_footer_inner #content_footer_left{
  display: block;
  width: 100%;
  }
#contentfooter #content_footer_inner #content_footer_right{
  display: block;
  width: 100%;
}
#contentfooter #content_footer_inner #content_footer_right .layout_outer{
margin-top: 0px;  
  padding: 0px;
}


  #footer_inner{
    width: auto;
    padding: 0px 4% 0px 4%;
  }
  
  #footer .menu-level1-no{
    display: none;
  }
  #contentshell .layout_inner{
    width: 90%;
    
  }
  #contentshell .layout_inner .layout_inner{
    width:100%;
    
  }
   #footer {
    width: 100%;

  }
		#logo_nav_container{
			height: 95px;
		}
		#logo_inner_left{
			width: 270px;
		}
  #logo_inner_left IMG{
    width:100%;
  }
  #logo_inner_right{
    width: 27%;
  }  
  #logo_inner_right IMG{
    width:100%;
  }
  .Tx-Formhandler textarea, .Tx-Formhandler .contactforminput {
      width: 95%;
  }
  .Tx-Formhandler textarea, .Tx-Formhandler .contactforminput {
      width: 96%;
  }
  iframe{
    width: 100% !important;
  }
 .divider {
    height: 4px;
    margin-top: 80px;
  }
  #copyright {
    padding-top: 20px;
    padding-bottom: 20px;

  }

}

@media only screen and (max-width: 1024px)
and (orientation : landscape){


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 


}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 


  
}


@media (max-device-width: 360px) {
 /*IPhone portrait and smaller. You can probably stop on 320px*/
 H1, H2, H3, H3#footer_head, .grid-1 h2.box_head.light, .grid-1 h2.box_head.dark{
  font-size: 1.3em;
  min-height: 1em;
}
H4{
  font-size: 1.1em;
}

#contentshell p, #contentshell td, #contentshell li {
	font-size: 1.0em;
}
#contentshell .grid-1 .box_body p {
	font-size: 1.0em;
}
#logo_inner_left {
    width: 200px;
}
#logo_nav_container {
    height: 75px;
}
  	#contentshell{
  		padding-top: 109px;
  	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 

  			HR{
			  	height:10em;
			}	
  
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 1)  { 
	  			HR{
			  	height:10em;
			}	
}