@charset "UTF-8";
/**
 * CSS Media-Queries cdnet-internetservice
 *
 * @site         baustudio.cl
 * @version      0.2
 * @date         2015-05-08
 * @package      xhtml-css
 * @author       Roland Brückner
 * @copyright    2026 by the author
 * @valid        yes
 * @lastmodified 2026-10-19 16:00
 *
 */
 
@media (max-width:850px) {
			
			#main {	
			margin:1em auto;
			}

			#main #logo,
			#main #content,
			#main #navi {
				clear:both;
			}
			
			#main #logo{
				display:none;
				
			}

			
			#main #logo-mobil 	{
			max-width:44em;
			width:100%;
				display:block; 
			}
			#main #logo-mobil img	{
			min-width: 22em;width:99%;
			height:auto;
				
			}
			
			#main #content {
			min-height:33em;
			height:auto;
			
			}

			/*===== REFERENZEN =====*/


			#main #content .quad {
				max-width:11em;
				width:100%;
				max-height:11em;
				height:100%;
				float:left;
				margin: 0 1em 1em 0;
			}

			#main #content .quad img{
				width:11em;
				height:11em;
				border:0.7em solid #767878;
			}
			
			/*_________HAUPT-NAVI____________*/
			#main  #navi {
				background-image:none;
				max-width:27em;
				width:100%;margin-left:0.3em
			}
			#main  #navi li {
			max-width:5.7em;
			width:100%;
			max-height:6.18em;
			height:100%;
			float:left;
			
			margin: 0 0.3em 1em 0;
		}


			#main #content .layer {
			position:absolute;
			display:block;
			z-index:90;
			left:0;
			top:11em;
			width:100%;
			height:100%;
			min-height:88em;
			background: transparent url(../img/kachel-sw.png) 0 0 repeat;
		}
			#main #content .layer h4{
			color:#fff;
			font-size:160%;
		}
		
			#main #content  a.lobo {
				
			}
			#main #content  p.gala_txt {
			color:#fff;height:9.5em
}
}