/*
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;src:local('Merriweather'), url(../fonts/merriweather_v6.woff) format('woff');}
@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;src:local('Merriweather Bold'), local('Merriweather-Bold'), url(../fonts/merriweather_bold_V6.woff) format('woff');}
@font-face{font-family:'Scada';font-style:normal;font-weight:700;src:local('Scada Bold'), local('Scada-Bold'), url(../fonts/scada_v2.woff) format('woff');}
@font-face{font-family:'Schoolbell';font-style:normal;font-weight:400;src:local('Schoolbell'), url(../fonts/schoolbell_v4.woff) format('woff');}
body{margin-left:0px;border-left:0px;padding-left:0px;margin-right:0px;border-right:0px;padding-right:0px;margin-top:0px;border-top:0px;padding-top:0px;margin-bottom:0px;border-bottom:0px;padding-bottom:0px;background-color:#FFFFF2;}
#container{margin-left:auto;padding-left:0px;width:1000px;padding-right:0px;margin-right:auto;margin-top:8px;padding-top:0px;height:auto;padding-bottom:0px;border-bottom:0px;margin-bottom:0px;-webkit-box-shadow:0px 0px 42px -8px rgba(0,0,0,0.75);box-shadow:0px 0px 42px -8px rgba(0,0,0,0.75);}
#Datenschutzlink{position:relative;left:-138px;top:-10px;padding-bottom:0px;font-size:10px;color:#006F14;}
#headerbildlinks{float:left;padding-left:18px;padding-top:15px;}
#headerbildlinks img{width:157px;height:72px;border-top:1px solid #066E15;border-right:0px solid #066E15;border-left:1px solid #066E15;border-bottom:0px solid #066E15;box-shadow:5px 5px 5px #87BA75;}
#headerbildrechts{float:right;padding-right:18px;padding-top:16px;}
#headerbildrechts img{width:100px;height:69px;}
header{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;margin-left:0px;border-left:0px;padding-left:0px;padding-right:0px;border-right:0px;margin-right:0px;margin-top:0px;border-top:0px;padding-top:8px;height:110px;padding-bottom:0px;margin-bottom:0px;}
header{font-family:'Merriweather', serif;color:#D31313;font-weight:bold;}
header h1{font-size:48px;text-align:center;margin-top:7px;margin-bottom:0px;margin-top:-15px;}
header h2{font-family:'Schoolbell', cursive;font-size:16px;text-align:center;margin-top:0px;margin-bottom:0px;}
header a{text-decoration:none;}
main{margin-left:0px;border-left:0px;padding-left:0px;width:1000px;padding-right:0px;border-right:0px;margin-right:0px;margin-top:0px;border-top:0px;padding-top:0px;height:auto;min-height:600px;padding-bottom:0px;border-bottom:3px;border-style:solid;border-bottom-color:#006F14;margin-bottom:0px;overflow:hidden;}
/* #main .spalte{padding-bottom:1001em;} /*margin-bottom:-1000em;} */


	 h2,h3,h4{color:#548708;} /*#7EA85C;}*/
	 h1{color: #455B32; text-align:center;}
	 img{width:100%}
		/* main article:  style="background-image:url('Dateien/Slice/bg_content.jpg');padding:10px;box-shadow:0px 0px px -8px rgba(0,0,0,0.75);	
		*/
	 
/*
body
container
	header
	nav
	aside
	main
*/

/* BODY */
body{background-color:#DDF9C5;}
	/* CONTAINER */
	 #container{
		 margin-left:auto;margin-right:auto;
		 width: 90%;
		 max-width:950px;
		 display: grid;
		  grid-template-areas: 
			"kopf kopf"
			"menu inhalt"
			"news inhalt"
			". inhalt"			
			"unten unten";
		  grid-template-rows: 80px 180px auto auto 40px;
		  grid-template-columns: 20% 80%;
		  grid-row-gap: 10px;
		  grid-column-gap: 10px;
		  /*height: 90vh;*/
		  /*margin: 0;*/
		 }
	/* HEADER */
		header{grid-area: kopf;}

	#drom{float:left;width: 180px;}	
		
	/* NAV */
		nav{grid-area: menu; 
			/*margin-left:0px;border-left:0px;padding-left:20px;
			width:120px;
			padding-right:20px;border-right:0px;margin-right:0px;
			margin-top:0px;border-top:0px;padding-top:0px;
			padding-bottom:0px;border-bottom:0px;margin-bottom:0px; */
			background-color:#006F14;
			background: rgba(193,230,162,1);
			background: -moz-linear-gradient(left, rgba(193,230,162,1) 0%, rgba(238,252,226,1) 34%, rgba(193,230,162,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(193,230,162,1)), color-stop(34%, rgba(238,252,226,1)), color-stop(100%, rgba(193,230,162,1)));
			background: -webkit-linear-gradient(left, rgba(193,230,162,1) 0%, rgba(238,252,226,1) 34%, rgba(193,230,162,1) 100%);
			background: -o-linear-gradient(left, rgba(193,230,162,1) 0%, rgba(238,252,226,1) 34%, rgba(193,230,162,1) 100%);
			background: -ms-linear-gradient(left, rgba(193,230,162,1) 0%, rgba(238,252,226,1) 34%, rgba(193,230,162,1) 100%);
			background: linear-gradient(to right, rgba(193,230,162,1) 0%, rgba(238,252,226,1) 34%, rgba(193,230,162,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e6a2', endColorstr='#c1e6a2', GradientType=1 );
		}
		nav a{font-family:'Scada', sans-serif;font-size:17px;color:#FFFFFF;font-weight:bold;text-decoration:none;}
		nav #aktiv a{font-family:'Scada', sans-serif;font-size:16px;color:#7EA85C;font-weight:bold;text-decoration:underline;}
		nav li{list-style-type:none;margin-bottom:10px;}
		nav a:hover{color:#426114;font-weight:bold;text-decoration:none;list-style-type:circle;}
		nav a{color:#888888;}
		.item{font-size:12px;}
		nav .open-it{display:none;}
		nav ul{padding:20px;} 
	
	/* ASIDE */
		aside{grid-area: news; /*width:160px*/;padding:10px;border:1px solid #C3E7A5;}
		
	/*MAIN */
		main{grid-area: inhalt; /*float:right; max-width:550px; min-width: 320px;margin-bottom:20px;*/}
		main a:visited,main a:link{color:#71953E;}
		
		footer{grid-area: unten;}

/*
#contents{margin-left:160px;border-left:0px;padding-left:15px;padding-right:20px;border-right:3px;border-right-style:solid;border-right-color:#FFCF0B;margin-right:0px;margin-top:0px;border-top:0px;padding-top:10px;padding-bottom:10px;border-bottom:0px;border-style:solid;border-bottom-color:#006F14;margin-bottom:0px;background-color:#FFFFE5;font-family:'Merriweather', serif;color:#07399C;}
#contents tr{vertical-align:text-top;font-size:12px;}
#contents p,li{font-size:14px;}
#contents h3{font-size:22px;color:#D31313;}
#contents h4{font-size:20px;color:#D31313;}
#contents h5{font-size:14px;color:#D31313;font-weight:bold;}
#contents h6{font-size:14px;font-weight:bold;margin-bottom:-13px;margin-top:-1px;}
#contents ol{margin-top:-10px;margin-bottom:0px;}
#contents a:link{text-decoration:none;color:#006F14;}
#contents a:visited{text-decoration:none;color:#006F14;}
#contents a:hover{text-decoration:underline;color:#07399C;}
#contents a:active{text-decoration:none;color:#07399C;}
.kursmitdetails .kursiv{font-style:italic;}
.kurs.closed .details{display:none}
.kurs.open .details{display:inline}
.kurs .beschreibung{padding-left:25px;}
.kurs.closed .open-it p{background-image:url(../css/details_auf_50.png);background-size:18px;background-repeat:no-repeat;background-position:0 0px;}
.kurs:hover{color:black;text-decoration:underline;}
.kurs.open:hover{color:black;text-decoration:none;}
.kurs.open .open-it p{background-image:url(../css/details_zu_50.png);background-size:20px;background-repeat:no-repeat;background-position:0 0px;}
.kurs .kursiv{font-style:italic;}
#special{text-align:center;margin-left:auto;margin-right:auto;}
#infobox{margin-top:70px;margin-bottom:5px;background-color:white;border:1px solid #006F14;border-radius:5px;box-shadow:5px 5px 5px #87BA75;padding:10px;padding-right:5px;float:right;width:165px;}
#infobox h5{margin:5px;margin-bottom:7px;font-size:16px;}
#infobox p{font-size:14px;margin:3px;}
#infobox span{font-weight:bold;}
#infobox strong{text-decoration:underline;}
#christkindlbox{width:calc(100% - 220px); border: 1px solid red; padding: 0 10px; margin-top: 10px;border-radius: 5px;}
footer{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;clear:both;margin-left:0px;border-left:0px;padding-left:0px;width:1000px;margin-right:0px;border-right:0px;padding-right:0px;margin-top:-16px;border-top:0px;border-style:solid;padding-top:0px;height:20px;margin-bottom:0px;border-bottom:0px;padding-bottom:0px;background-color:#FFCF0B;}
footer p{font-family:'Merriweather', serif;color:#07399C;font-size:15px;font-weight:bold;text-align:center;padding-top:2px;padding-bottom:2px;}
footer a:link{text-decoration:none;color:#07399C;}
footer a:hover{text-decoration:underline;color:#07399C;}
.messengerbutton{display:none;}
#submit_link{background:none!important;display:inline;border:none;padding:0!important;font:inherit;font-size:14px;color:#006F14;font-family:'Merriweather', serif;cursor:pointer;}
#submit_link:hover{text-decoration:underline;color:#07399C;}
*/


@media screen and (max-width:1007px){
	#container{ 
    grid-template-areas: 
      "kopf"
      "menu"	  
      "inhalt"
      "news"
      "unten";
    grid-template-rows: auto auto 1fr auto 70px;  
    grid-template-columns: 1fr;
 }
#drom{float:none;}
/*nav {width:95%} */
nav ul{margin-left:auto;margin-right:auto; text-align:center;}
nav li {
    display: inline;
    list-style-type: none;
}
nav li:not(:first-child)::before {
content: '• ';}
nav li:last-child::after {
    content: ' • ';}

/*
header{width:100%;height:auto;min-height:110px;}
header h1{font-size:36px;}
header h2{font-size:16px;}
main{width:100%;min-height:0px;}
#contents{width:auto;}
footer{width:100%;height:auto;margin-top:0;}
footer p{margin:0;}
*/
}

@media screen and (max-width:641px){
		/* nav,aside,main{float:none;}
		nav{width:100%;} */
nav .open-it{display:block;float:right;font-family:'Tahoma';font-size:16px;font-weight:bold;text-align:left;color:#FFCF0B;margin-right:0px;height:35px;width:95px;cursor:pointer;text-align:center;}
nav.open p{color:#FFFFFF;height:25px;margin-top:0px;margin-bottom:0px;border-bottom:solid 1px;border-bottom-color:#FFCF0B;padding-top:10px;}
nav.open .subitems{display:none;}
#aktiv{display:none;}
nav.closed .open-it{background-image:url(../Bilder/dreieck-down.png);background-size:20px;background-repeat:no-repeat;background-position:right center;}
nav.open .open-it{background-image:url(../Bilder/dreieck-up.png);background-size:20px;background-repeat:no-repeat;background-position:right center;}
nav .open-it span.arrow-bottom-w{display:inline-block;}		
		aside{width:100%;}
/*
.messengerbutton{display:inline-block;margin-left:10px;border-radius:10px;height:40px;width:40px;}
.messengerbutton img{width:33px;}
.threema{background-color:#323232;}
.whatsapp{background-color:#1B9E10;}
.telegram{background-color:#33AAE0;}
.threema img{margin-top:5px;margin-left:4px;}
.whatsapp img{margin-left:4px;margin-top:5px;}
.telegram img{margin-top:4px;margin-left:4px;}
header, #footer{border-radius:0;}
header{height:auto;}
header h1{font-size:36px;}
header h2{font-size:16px;}
container{width:100%;border-top:0px;}
main{width:100%;min-height:0px;}
#contents{margin-left:0;margin-right:0;width:auto;}
footer{width:100%;height:auto;margin-top:0;}
footer p{margin:0;}
main .spalte{padding-bottom:0;margin-bottom:0;}
#contents p{width:100%;}
#nav{background-image:none;background-color:#006F14;float:none;margin-left:auto;width:100%;margin-right:auto;}
#nav.closed{height:35px;overflow:hidden;width:auto;}
#nav.closed p{display:none;}
#nav.open{overflow:visible;width:auto;}
nav .open-it{display:block;float:right;font-family:'Tahoma';font-size:16px;font-weight:bold;text-align:left;color:#FFCF0B;margin-right:0px;height:35px;width:95px;cursor:pointer;text-align:center;}
nav.open p{color:#FFFFFF;height:25px;margin-top:0px;margin-bottom:0px;border-bottom:solid 1px;border-bottom-color:#FFCF0B;padding-top:10px;}
nav.open .subitems{display:none;}
#aktiv{display:none;}
nav.closed .open-it{background-image:url(../Bilder/dreieck-down.png);background-size:20px;background-repeat:no-repeat;background-position:right center;}
nav.open .open-it{background-image:url(../Bilder/dreieck-up.png);background-size:20px;background-repeat:no-repeat;background-position:right center;}
nav .open-it span.arrow-bottom-w{display:inline-block;}
.arrow-bottom-w{padding-right:10px;height:6px;}
#infobox{margin-top:0;margin-bottom:0;padding-right:10px;float:none;max-width:95%;width:300px;margin-left:auto;margin-right:auto;}
#christkindlbox{width:90%; margin: 10px auto;); 
*/
}

/* #################################unnötige feinere breakpointas ############################################
@media screen and (max-width:550px){

	/*#header{height:auto;}
header h1{font-size:30px;}
header h2{font-size:14px;}
#Datenschutzlink{position:relative;left:-90px;top:-10px;padding-bottom:0px;font-size:8px;color:#006F14;}
#headerbildlinks img{height:50px;width:auto;}
#headerbildrechts img{height:50px;width:auto;}
}
@media screen and (max-width:450px){#headerbildlinks img{height:36px;width:auto;}
#headerbildrechts img{height:36px;width:auto;}
}

@media screen and (max-width:400px){#headerbildrechts img{display:none;}
#headerbildlinks{float:left;padding-left:16px;padding-top:20px;}
#headerbildlinks img{height:40px;width:auto;}
header h1{font-size:28px;}
}
@media screen and (max-width:319px){#headerbildlinks{float:none;display:block;padding-top:10px;margin-top:0;margin-left:auto;margin-right:auto;}
#headerbildlinks img{height:50px;width:auto;margin:0;margin-left:auto;margin-right:auto;}
#Datenschutzlink{position:absolute;top:5px;left:10px;padding-bottom:0px;font-size:10px;color:#006F14;}
header h1{margin-top:0;}

}
*/