@media screen,projection{

.ym-grid{display:table; width:100%; table-layout:fixed; list-style-type:none; padding-left:0; padding-right:0;margin-left:0;margin-right:0}
.ym-gl{float:left;margin:0}
.ym-gr{float:right;margin:0}
.ym-center{float:left; margin: 0; padding:0;}

.ym-g8{width:6%}
.ym-g5{width:5%}
.ym-g10{width:10%}
.ym-g12{width:13.5%}
.ym-g15{width:15%}
.ym-g16{width:16.666%}
.ym-g20{width:20%}
.ym-g25{width:25%}
.ym-g30{width:30%}
.ym-g33{width:33.33333%}
.ym-g38{width:38.2%}
.ym-g40{width:40%}
.ym-g45{width:45%}
.ym-g50{width:50%}
.ym-g55{width:55%}
.ym-g60{width:60%}
.ym-g62{width:61.8%}
.ym-g66{width:66.66666%}
.ym-g70{width:70%}
.ym-g75{width:75%}
.ym-g80{width:80%}
.ym-g90{width:90%}

.ym-kopf-g1{width:35%; background: #fff; box-shadow: 0 11px 11px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0 11px 11px 0px rgba(0,0,0,0.3);  -webkit-box-shadow: 0 11px 11px 0px rgba(0,0,0,0.3);}
.ym-kopf-g1-kempenlogo {width:80%;}
.ym-kopf-g1-kempenlogo img {width:80%; padding: 10px 15px 15px 5px;}
.ym-kopf-g1-schrift {width:20%}
.ym-kopf-g2{width:65%; background: #006781; height: 67px}

.kopf-g2-oben {background: #006781; height: 67px; font-size:  1.8em;}
.kopf-g2-oben h2 {color: #fff; margin: 0; padding: 10px;}
.kopf-g2-unten {background: #fff; font-size: 1.1em}
.kopf-g2-unten p {padding: 5px 0 0 12px; margin: 0;}

.ym-gbox{padding:0 10px}
.ym-gbox-klar{padding:0 50px 10px 50px}
.ym-gbox-left{padding:0 10px 0 10px}
.ym-gbox-right{padding:0 10px 0 10px}

.ym-gbox-0{padding:0 0 0 0}
.ym-gbox-1{padding:0 5px 0 0}
.ym-gbox-2{padding:0 0 0 5px}
.ym-gbox-3{padding:0 10px 0 0}

.ym-4box{padding:0; margin:0; width:100%; overflow: hidden}



header{position: fixed; background: transparent; z-index: 999999}

header .ym-wrapper{padding:0; margin-top:0}
header .ym-wbox{padding:0;  margin-top:0;}

header #introzeile {font-size:0.6em;
		letter-spacing:1px;
		margin:0;
		padding-left: 0px;
		padding: 0px 0 30px 0;
		color:#aaa}
		
header #intro h3{color:#474747;
		font-size:1.7em;
		line-height:150%;
		margin: 0;
		padding:5px 0 0px 0;
		text-shadow:none;
		letter-spacing:0px}
		
header #intro h3:first-child{padding-top:20px}
		
header #intro h3 a{color: #474747}

}



@media screen and (max-width:1200px){
.ym-kopf-g1{width:30%}
.ym-kopf-g1-kempenlogo {width:90%}
.ym-kopf-g1-schrift {width:10%}
.ym-kopf-g2{width:70%}

.kopf-g2-oben {font-size:  1.6em;}
.kopf-g2-unten {font-size: 0.95em}

}

@media screen and (max-width:1150px){
.ym-kopf-g1{width:27%}
.ym-kopf-g1-kempenlogo {width:90%}
.ym-kopf-g1-schrift {width:10%}
.ym-kopf-g2{width:73%}

.kopf-g2-oben {font-size:  1.4em;}
.kopf-g2-unten {font-size: 0.85em}
.kopf-g2-unten p {padding: 5px 10px 10px 5px; margin: 0;}

}

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

.ym-kopf-g1{width:25%}
.ym-kopf-g1-kempenlogo {width:95%}
.ym-kopf-g1-kempenlogo img {width:90%; padding: 7px 10px 7px 5px;}

.ym-kopf-g1-schrift {width:5%}
.ym-kopf-g2{width:75%}
.kopf-g2-oben {font-size:  1.5em;height: 67px; }
.kopf-g2-unten {font-size: 0.75em}

}

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

header{position: relative;}

.header-960 {height: 80px;
background: #006781 url(bilderpfad/home/nur-apfel.jpg) no-repeat left top;
-webkit-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
}

.header-960 h2 {color: #fff; margin: 0; text-align: center; padding:0; font-size: 2.25em}
.header-960 p {color: #fff; margin: 0; text-align: center; padding:0; font-size: 1.1em}


}

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

.header-schrift {padding-left: 80px}

}

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

.header-960 h2 {padding-top: 5px; font-size: 2em}
.header-960 p {font-size: 0.97em}

.header-schrift {padding-left: 100px}

}

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

.header-960 h2 {padding-top: 10px; font-size: 1.8em}
.header-960 p {font-size: 0.88em}

.header-schrift {padding-left: 100px}

}

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

.header-960 h2 {padding-top: 18px; font-size: 1.5em}
.header-960 p {font-size: 0.74em}
.header-schrift {padding-left: 70px}

}


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

		
header {margin:0; padding:0;}
header .ym-wrapper{padding:0;margin:0}
header .ym-wbox{padding: 0; margin-top:0}

.header-960 {
	height: 145px !IMPORTANT;
	background: #006781;
	-webkit-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	box-shadow: 0 3px 11px 2px rgba(0,0,0,0.3);
	}

.header-960 h2 {font-size: 1.8em; text-align: center;  margin: 60px 0 0 0;}
.header-960 p {font-size: 0.88em; text-align: center;  margin: 0}
.header-schrift {padding-left: 0}


}


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

.header-960 h2 {font-size: 1.55em; text-align: center;  margin: 60px 0 0 0;}
.header-960 p {font-size: 0.88em; text-align: center;  margin: 0}
.header-schrift {padding-left: 0}


}
@media screen and (max-width:320px){

.header-960 h2 {font-size: 1.4em; text-align: center;  margin: 60px 0 0 0;}
.header-960 p {font-size: 0.88em; text-align: center;  margin: 0}
.header-schrift {padding-left: 0}


}