* { 
font-size: 2vw; 
font-family: 'Comic Sans MS'; 
color: #7f0000;
font-weight: bold;
}
.Hintergrund{
background-color: #fffe7f;
}
.cb{
clear: both;
}
#Body{
font-family: 'Comic Sans MS';
}
.Kopf{
width: 100%;
height: 6.5vw;
background-color: #007f01;
}
#Steinbacher-Krippenwerkstatt{
float: left;
font-family: Georgia;
font-size: 4vw;
color: #FFFFFF;
font-style: italic;
margin-left: 8vw;
margin-top: 1vw;
width: 70vw;
}
.Logo{
float: left;
height: 90%;
margin-top: 0.35vw;
width: 10.2375vw;
}
		.nav{
		width: 80%;	
		min-width: ;
		font-family: 'Courier New';
		font-weight: bold ;
		position: absolute;
		left: 10%;
		z-index: 4;
		}
		.nav > a{
		display: none;
		}
		.nav li{
		position: relative;
		}
		.nav li a{
		color: #fff;
		display: block;
		text-decoration: none;
		}
		.nav li a:active{
		background-color: #c00 ;
		}
		.nav span:after{
		width: 0;
		height: 0;
		border: 0.313em solid transparent; 
		border-bottom: none;
		border-top-color: #efa585;
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.313em; 
		}
				.nav > ul{
				height: 4vw; 
				background-color: #76bc15;
				list-style-type: none;
				}
		.nav > ul > li{
		width: 25%;
		height: 100%;
		float: left;
		}
		.nav > ul > li > a{
		height: 100%;
		font-size: 1.75vw; 
		line-height: 2.5em; 
		text-align: center;
		}
		.nav > ul > li:not( :last-child ) > a{
			border-right: 1px solid #50800e;
		}
		.nav > ul > li:hover > a,
		.nav > ul:not( :hover ) > li.active > a{
		background-color: #50800e;
		}
		.nav li ul{
		background-color: #50800e;
		display: none;
		position: absolute;
		top: 100%;
		list-style-type: none;
		padding: 0px;
		}
		.nav li:hover ul{
		display: block;
		left: 0;
		right: 0;
		}
		.nav li:not( :first-child ):hover ul{
		left: -1px;
		}
		.nav li ul a{
		font-size: 1.4vw; 
		border-top: 1px solid #76bc15; 
		padding: 0.5em; 
		}
		.nav li ul li a:hover,
		.nav li ul:not( :hover ) li.active a{
		background-color: #76bc15;
		}
#HW{
font-size: 4.5vw;
text-align: center;
-webkit-margin-after: 0.5em;
-webkit-margin-before: 1.5em;
font-weight: bold;
padding-top: 1.5vw;
}
#HWdiv{
width: 100%;
margin-top: 2.5vw;
float: top;
}
#SK{
color: #ff0000;
font-size: 4.5vw;
text-align: center;
font-family: Georgia;
-webkit-margin-before: 0em;
font-weight: bold;
font-style: italic;
}
#SKdiv{
width: 100%;
float: top;
}
.fontsdrei{
font-size: 3vw;
}
.Bilddiv_gross_hoch{
width: 50%;
height: 75vw;
}
.Bilddiv_gross_quer{
width: 75%;
height: 50vw;
margin-left: auto;
margin-right: auto;
position: middle;
}
.Bilderdiv_startseite{
width: 52%;
height: 39vw;
margin-left: auto;
margin-right: auto;
position: middle;
}
.Bilder{
width: 100%;
height: 100%;
}
.Texte_startseite{
width: 100%;
font-size: 3vw;
text-align: center;
font-weight: bold;

}
#counter{
width:5%;
margin-left: auto;
margin-right: auto;
margin-top: 5vw;
position: middle;
}
.Text{
text-align: center;
}
#ImprTextDiv{
text-align: center;
margin-top: 10vw;
}
#ImprUe{
font-family: Georgia;
font-style: italic;
font-weight: bold;
}
#ImprGe{
font-family: Georgia;
font-weight: bold;
}
#Imprklein{
font-weight:none;
font-size: 1vw;
}
.Textunterstrichen{
text-decoration: underline;
}
.KontaktBildklein{
height: 15vw;
width: 24%;
float: left;
margin-left: 15%;
}
.TexteKontakt{
height:auto;
width: auto;
text-align: center;
}
.BilderTextDivKontakt{
height: auto;
}
.KontaktUeberschriftenDiv{
padding-top: 0.5vw;
text-align: center;
}
.KontaktUeberschriften{
font-family: Georgia;
color: #ff0000;
font-weight: bold;
font-style: italic;
font-size:3vw;
}
	.embed-container { 
	z-index: 2;
	margin-left: 10%;
	position: relative; 
	padding-bottom: 40vw; 
	height: 0; 
	overflow: hidden; 
	width: 80%;
	} 
	.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	}
.Blocksatz{
text-align: justify;
}
.Unterstrichen{
text-decoration: underline;
}
.kursiv{
font-style: italic;
}
.Kontaktgrün{
color: #006300;
text-align: center;
font-size: 2.2vw;
}
.Arial{
font-family: Arial;
}
.Kontaktrot{
color: #ff0000;
font-size: 2.2vw;
text-align: center;
}
.Kontaktgross{
font-size: 2.2vw;
}
.Mittig{
text-align: center;
}
.Rost{
color:#bf0000;
}
.1-8{
font-size: 1.8vw;
}
.UeAllg{
font-family: Georgia;
padding-top: 4.5vw;
font-size: 3vw;
font-style: italic;
}
.BildAllgemeines{
width: 25%;
height: 18.75vw;
margin-left: 5%;
margin-top: 2.25vw;
float: left;
}
.TextAllgemeines{
margin-left: 5%;
margin-right: 5%;
width: 60%;
float: left;
}
.BildTextAllgemeines{
height: 25vw;
}
.AllgTextli{
width: 40%;
padding-left: 10%;
padding-right: 5%;
float: left;
}
.AllgTextre{
text-align: right;
}
.WirBild{
width: 40%;
height: 25vw;
float: left;
padding-right: 5%;
}
.marginb{
margin-bottom: 29vw;
width: 100%;
}
.margint{
margin-top: 3.5vw;
}
.UnterUeAllg{
color: #ff0000;
}
.LaterneAllgemein{
width: 30%;
height: 36.375vw;
float: left;
}
.TextLaterneAllg{
margin-left: 5%;
margin-right: 5%;
width: 55%;
float: left;
}
.LaterneAllgDiv{
height: 40vw;
}
.Left{
float: left;
}
.Right{
float: right;
}
.Top{
float: top;
}
.AllgAstText{
margin-left: 10%;
margin-right: 10%;
width: 80%;
}
.AllgAstBild{
width: 50%;
height: 37,5vw;
}
.Halb{
width: 50%;
}
.NoMarginTop{
-webkit-margin-before: 0em;
}
.AllgZauTextDiv{
width: 50%;
margin-left: 5%;
margin-right: 5%;
}
.AllgZauBild{
height: 26.25vw;
width: 35%;
margin-left: 5%;
margin-top: 6vw;
}
.AllgZauText{
margin-left: 5%;
margin-right: 5%;
}
#AllgZauDiv{
margin-bottom: 40vw;
}
.CarvingUe{
width: 100%;
font-family: Borealis;
font-size: 6vw;
}
#BottomLine{
height: 22vw;
}
.nav_u{
height: 10vw;
}
.AllgCarvBilder{
float: left;
margin-left: 2.5vw;
margin-right: 2.5vw;
}
#AllgCarvText{
text-align: center;
}
.AllgCarvTextDiv{
float: left;
width: 50%;
}
.AllgCarvBilderDiv{
width: 25%;
float: left;
}
.AllgCarvBilderText{
text-align: center;
}
.BilderAllgCerv{
width: 90%;
height: 90%;
}
.AllgTextGross{
font-size: 2.75vw;
text-align: center;
}
.AllgCarvDiv{
margin-bottom: 40vw;
}
.2-5{
font-size: 2.5vw;
}
.KrippenDreispaltigBilder{
height: 22.5vw;
float: top;
}
.KrippenDreispaltigText{
text-align: center;
float: top;
}
.KrippenDreispaltigDiv{
float: left;
width: 100%;
height: auto;
}
.KrippenDreispaltigBildTextDiv{
float: left;
width: 30%;
margin-left: 2.5%;
}
.KrippenZweispaltigBildTextDiv{
float: left;
width: 44%;
margin-left: 4%;
}
.KrippenZweispaltigBilder{
height: 33vw;
float: top;
}
.UeAst{
text-align: center;
font-size: 2.25vw;
}
.KrippenZweispaltigBildTextDivh{
float: left;
width: 33%;
margin-left: 8.25%;
margin-right: 8.2%;
}
.KrippenZweispaltigBilderh{
height: 44vw;
float: top;
}
.fett{
font-weight: bold;
}
.Bilddiv_flach{
width: 80%;
height: 20vw;
margin-left: 10%;
margin-right: 10%;
}
.B_ZwS_SeZ{
height: 55vw;
}
.Borealis{
font-family: Borealis;
text-align: center;
}
.CarvText{
font-size: 4vw;
}
.CarvBildh{
height: 44vw;
width: 33%;
margin-left: 33.5%;
}
.SchulrollenDiv{
height: 45vw;
margin-bottom: 5vw;
}
.SchulrolleBild{
float: left;
margin-left: 4.5vw;
width: 14%;
height: 42vw;
}
.Georgia{
font-family: Georgia;
}
.BaumDreispaltigBilder{
height: 30vw;
float: top;
}
.BaumZweispaltigBilder{
height: 30vw;
float: top;
}
.BaumZweispaltigBildTextDiv{
float: left;
width: 30%;
margin-left: 9.75%;
margin-right: 9.75%;
}
.CarvZweispaltigBildTextDiv{
float: left;
width: 33%;
margin-left: 8.25%;
margin-right: 8.2%;
}
.CarvZweispaltigBilder{
height: 24.75vw;
}
.CarvMittigDiv{
float: left;
width: 33%;
margin-left: 33.5%;
margin-right: 33.5%;
}
.GeschText{
text-align: center;
color: #ff0000;
font-family: Georgia;
font-style: italic;
/*font-size:2.2vw;*/
}
.GeschMi{
margin-left: 34.5vw;
}
.Figuren{
width: 50vw;
height: 25vw;
margin-left: 24.5vw;
margin-right: 25vw;
}
.FigurenDreispaltigBilder{
height: 45vw;
float: top;
}
.FigurenQuer{
width: 44%;
margin-left: 28%;
margin-right: 28%;
}
.FigurenZweispaltigBilder{
height: 22vw;
}
.ZauberburgenBilder{
margin-left: 2vw;
width: 17vw;
height: 22.66vw;
float: left;
}
.SRText{
margin-left: 10%;
margin-right: 10%;
width: 80%;
}
#kontaktformular{
width: 70vw;
margin-left: 15vw;
}
#kontaktformular > div{
width: 100%;
}
#kontaktformular > div > div{
width: 60%;
float: right;
}
#kontaktformular > div:first-child > div > input{
width: 5%;
margin-left: 20%;
}
#kontaktformular > div > div > input{
width: 100%;
}
#kontaktformular > textarea{
resize: none;
font-size: 1.5vw;
width: 100%;
}
#anrede{
width: 1.25vw;
height: 1.25vw;
}
.falsch{
border: 5px;
border-style: dashed;
border-color: red;
}
.TextAchtzig{
width: 80vw;
margin-left: 10vw;
text-align: center;
}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}
.nav_udiv{
margin-bottom: 14.25vw;
}
.VierspaltigBildDiv{
float: left;
width: 22.5%;
margin-left: 2.25%;
}
.VierspaltigBilder{
height: 30vw;
}

.DreispaltigBildDiv{
float: left;
width: 30%;
margin-left: 2.75%;
}
.DreispaltigBilder{
height: 22.5vw;
}
.VierspaltigZwei{
margin-left: 25%;
}
.Handytaschenuebersicht{
float: left;
height: 30vw;
width: 40%;
margin-left: 17.5%;
}
#counter {
overflow: none;
text-indent: -5000px;
	display:inline-block;
	line-height: 18px;
	margin-left: 47.5%;
}































@media (max-width: 760px){
	*{
	font-size: 4.5vw;
	}
	.Kopf{
	height: 16vw;
	}
	.Logo{
	float: left;
	margin-top: 0.8vw;
	width: 25.2vw;
	
	}
	#Steinbacher-Krippenwerkstatt{
	font-size: 6vw;
	margin-left: 5.5vw;
	width: 60vw;
	}
		.nav{
		position: relative;
		top: auto;
		left: auto;
		}
		.nav > a{
		width: 3.125em; 
		height: 3.125em;
		text-align: left;
		text-indent: -9999px;
		background-color: #76bc15;
		position: relative;
		}
		.nav > a:before,
		.nav > a:after{
		position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
		}
		.nav > a:after{
		top: 60%;
		}
		.nav:not( :target ) > a:first-of-type,
		.nav:target > a:last-of-type{
		display: block;
		}
		.nav > ul{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		-webkit-margin-before: 0em;
		}
		.nav:target > ul{
		display: block;
		}
		.nav > ul > li{
		width: 100%;
		float: none;
		}
		.nav > ul > li > a{
		height: auto;
		text-align: left;
		font-size: 4vw;
		padding: 0 0.833em; 
		}
		.nav > ul > li:not( :last-child ) > a{
		border-right: none;
		border-bottom: 1px solid #50800e;
		}
		.nav li ul{
		position: static;
		padding: 1.25em; 
		padding-top: 0;
		}
		.nav li ul a{
		font-size: 3.8vw;
		}
		.nav_udiv{
		margin-bottom: 85vw;
		}
	.Bilderdiv_startseite{
	width: 80%;
	height: 60vw;
	}
	.Textlinks{
	width: 80%;
	margin-left: 10%;
	}
	.Textrechts{
	width: 80%;
	margin-left: 10%;
	}
	.TextImpressum{
	height: 170vw;
	}
	.KontaktBildklein{
	height: 53.3vw;
	width: 80%;
	float: top;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5vw;
	}
	.TexteKontakt{
	height:auto;
	width: auto;
	text-align: center;
	}
	.BilderTextDivKontakt{
	height: auto;
	}
	.KontaktUeberschriften{
	font-size:6vw;
	}
	.Kontaktrot{
	color: #ff0000;
	font-size: 6.6vw;
	text-align: center;
	}
	.Kontaktgross{
	font-size: 6.6vw;
	}
	.1-8{
	font-size: 5.4vw;
	}
	.Kontaktgrün{
	font-size: 6.6vw;
	}
	#Imprklein{
	font-size: 3vw;
	}
	.UeAllg{
	font-size: 9vw;
	}
	.BildAllgemeines{
	width: 80%;
	height: 60vw;
	margin-left: 10%;
	float: left;
	}
	.TextAllgemeines{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	float: left;
	}
	.BildTextAllgemeines{
	height: 155vw;
	}
	
	.AllgTextli{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	float: left;
	}
	.WirBild{
	width: 80%;
	height: 50vw;
	float: left;
	padding-left: 10%;
	padding-right: 10%;
	}
	.LaterneAllgemein{
	width: 70%;
	height: 78.8vw;
	margin-left: 15%;
	margin-right: 15%;
	}
	.TextLaterneAllg{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	}
	.AllgAstBild{
	width: 80%;
	height: 60vw;
	margin-left: 10%;
	margin-right: 10%;
	}
	.Halb{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	#AllgAstDiv{
	margin-bottom: ;
	}
	.AllgZauTextDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.AllgZauBild{
	height: 60vw;
	width: 80%;
	margin-left: 10%;
	margin-top: 8vw;
	}
	#AllgLaterne{
	font-size: 8vw;
	}
	#BottomLine{
	height: 20vw;
	width: 100%;
	}
	#AllgNeu{
	width: 100%;
	float: left;
	}
	.CarvingUe{
	font-size: 10vw;
	}
	.AllgCarvTextDiv{
	float: left;
	width: 90%;
	margin-left:5%;
	margin-right: 5%;
	}
	.AllgCarvBilderDiv{
	width: 90%;
	float: left;
	margin-left: 9%;
	}
	.AllgTextGross{
	font-size: 6vw;
	}
	.KrippenDreispaltigBilder{
	height: 60vw;
	}
	.KrippenDreispaltigBildTextDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.KrippenZweispaltigBildTextDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.KrippenZweispaltigBilder{
	height: 60vw;
	}
	.UeAst{
	font-size: 7.75vw;
	}
	.KrippenZweispaltigBildTextDivh{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	}
	.KrippenZweispaltigBilderh{
	height: 93.3vw;
	}
	.CarvText{
	font-size: 10vw;
	}
	.CarvBildh{
	height: 93.3vw;
	width: 70%;
	margin-left: 15%;
	}
	.SchulrollenDiv{
	height: 45vw;
	margin-bottom: 5vw;
	}
	.SchulrolleBild{
	float: left;
	margin-left: 8%;
	width: 35%;
	height: 105vw;
	padding-bottom: 10vw;
	}
	.BaumDreispaltigBilder{
	height: 80vw;
	}
	.BaumZweispaltigBilder{
	height: 80vw;
	}
	.BaumZweispaltigBilder{
	height: 80vw;
	}
	.BaumZweispaltigBildTextDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.CarvZweispaltigBildTextDiv{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	}
	.CarvZweispaltigBilder{
	height: 52.5vw;
	}
	.CarvMittigDiv{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	}
	.fontsdrei{
	font-size: 6.75vw;
	}
	.GeschText{
	font-size:6vw;
	}
	.Figuren{
	width: 80vw;
	height: 40vw;
	margin-left: 10vw;
	margin-right: 10vw;
	}
	.FigurenDreispaltigBilder{
	height: 120vw;
	}
	.FigurenQuer{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.FigurenZweispaltigBilder{
	height: 40vw;
	}
	.ZauberburgenBilder{
	margin-left: 10vw;
	width: 80vw;
	height: 106.66vw;
	margin-bottom: 9vw;
	}
	.SRText{
	margin-left: 0%;
	margin-right: 10%;
	width: 90%;	
	}	
	#kontaktformular{
	width: 80vw;
	margin-left: 10vw;
	text-align: center;
	}
	#kontaktformular > div:first-child > div > input{
	margin-left: 5%;
	}
	#kontaktformular > div:first-child {
	text-align: none;
	}
	#kontaktformular > div{
	margin-bottom: 5vw;
	}
	#kontaktformular > div > div{
	width: 100%;
	}
	#kontaktformular > textarea {
	font-size: 4vw;
	}
	#anrede{
	width: 3vw;
	height: 3vw;
	}
	.falsch{
	border: 5px;
	border-style: dashed;
	border-color: red;
	}
	.VierspaltigBildDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.VierspaltigBilder{
	height: 106.66666vw;
	}
	.DreispaltigBildDiv{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	.DreispaltigBilder{
	height: 60vw;
	}
	.VierspaltigZwei{
	padding-left: none;
	}
	.Handytaschenuebersicht{
	height: 60vw;
	width: 80%;
	margin-left: 10%;
	}

	
	
	
	
	
	
	
	
}


@media (min-width: 760px){
		.nav{
		margin-bottom: 5vw;
		}
		.nav > ul{
		padding: 0px;
		}
		.zdbd{
		margin-left: 27.5%;
		}
		.ebvb{
		margin-left: 40%;
		}
		.dbvb{
		margin-left: 12.5%;
		}
}