@media all and (max-width: 1270px) {
   .zh-txt {font-size: 1.4em;}
}

@media all and (max-width: 1025px) {
   .container,
   .zh-content {
      position: relative;
      width: 94%;
      max-width: 1015px;
      margin: auto;
   }
	
   .zh-txt {font-size: 1.3em;}
}

@media all and (min-width: 981px) {
   #logo {max-height: 90%;}
	
   .footer-widget {width: 20.875%;}
}


@media all and (max-width: 832px) {
   .footer-widget {width: 20.5%;}
}

@media all and (max-width: 880px) {
   .zh-txt {font-size: 1.18em;}
}

@media all and (max-width: 768px) {
   #logo-wms {
      margin: 0px auto 0px auto; 
      padding-top: 10px;
      float: none; 
      text-align: center;
      max-height: 90%;
   }

   .zh-txt {font-size: 1.05em;}
   
   .footer-widget {
      width: 46.25%;
      margin: 0 2.5% 2.5% 0;
   }
	
   .footer-widget:nth-child(2n) {margin-right: 0px;}
}

@media all and (max-width: 730px) {
   .zh-txt {font-size: 0.95em;}
}

@media all and (max-width: 568px) {
	.zh-txt {font-size: 1.38em;}
	
	.zh-img {
      width: 100%;
      padding-top: 5px;
      float: none;
   }
	
   .zh-txt {
      width: 100%;
      position: relative;
      text-align: center;
      padding: 0px;
   }
}

@media all and (max-width: 480px) {
   .but-inhalt {
      margin: 3% 0 3% 0; 
      font-size: 1em;
   }
   
   .zh-txt {font-size: 1.1em;}
   
   h1 {font-size: 2em;}
      
   .footer-widget {
      float: none;
      width: 100%;
      margin: 0 0 2.5% 0;
   }
	
   .footer-widget:nth-child(4n) h4 {display: none;}
}

@media (max-width: 479px) {
   #footer-widgets {padding: 15px 0 0 0;}
	
   #footer-widgets .footer-widget {
      margin-bottom: 15px;
   }	
}

@media (max-width: 400px) {
   .zh-txt {font-size: 1.08em;} 
}


@media all and (max-width: 375px) {
   .zh-txt {font-size: 0.9em;}
	
   .footer-widget {
      width: 100%; 
      float: none;
   }
		
   .but-inhalt {font-size: 0.95em;}
	
   h1 {font-size: 1.9em;}	
}

@media all and (max-width: 320px) {
	.zh-txt {font-size: 0.8em;}
	body {color: #cc0000 !important;}
}