/* Schriften einbinden */
@font-face { font-family: Lato; src: url("Lato-Regular.ttf"); }
@font-face { font-family: OpenSans; src: url("OpenSans-Regular.ttf"); }  

/* Navigation allgemein */
a 
{ 
	text-align: center; padding: 5px; text-decoration: none; cursor: pointer; font-size: 18px; 
	font-family: 'Lato', sans-serif;  letter-spacing: 1px;      
}
/* andere navigation */
a.hauptlink1:link, a.hauptlink1:visited 
{ 
	background-color: #0D491E; color: white; display: inline-block; text-transform: uppercase; 
	box-shadow: 4px 4px 3px #cdcdcd; border-radius: 8px; line-height: 12px; height:30px; padding: 10px; margin-right:5px; 
}
a.hauptlink1:focus, a.hauptlink1:hover 
{ 
	background-color: #FFFFFF;  color: #0D491E; display: inline-block; text-transform: uppercase;
	box-shadow: 4px 4px 3px #cdcdcd; border-radius: 8px; line-height: 12px; height:30px; padding: 10px; margin-right:5px; 
}
/* mobile navigation */
a.hauptlinkMob:link, a.hauptlinkMob:visited 
{ 
	background-color: #0D491E; color: white; font-size: 16px; text-transform: uppercase; display: block;
	border: 2px solid #FFFFFF; border-radius: 4px; line-height: 16px; height:30px; text-align: left; 
}
a.hauptlinkMob:focus, a.hauptlinkMob:hover 
{ 
	background-color: #FFCA18;  color: white; font-size: 16px; text-transform: uppercase; 
	border: 2px solid #0D491E; border-radius: 4px; line-height: 16px; height:30px; text-align: left; 
}
/* nav im text */
a.hauptlink2:link, a.hauptlink2:visited { color: #0D491E; font-size: 16px; font-family: 'Lato', sans-serif; }
a.hauptlink2:focus, a.hauptlink2:hover { color: #0D491E; font-size: 16px; font-family: 'Lato', sans-serif; }
a.hauptlink3:link, a.hauptlink3:visited { border: none; cursor: none; font-size: 0px; padding: 0px; height: 0px; }
a.hauptlink4:link, a.hauptlink4:visited { border: none; margin-right: 10px; }
/* nav mit rahmen */
a.hauptlink5:link, a.hauptlink5:visited { color: #0D491E; border: 1px solid #0D491E; border-radius: 4px; font-size: 14px; font-family: 'Lato', sans-serif; padding: 2px; }
a.hauptlink5:focus, a.hauptlink5:hover { color: #0D491E; border: 1px solid #0D491E; border-radius: 4px; font-size: 14px; font-family: 'Lato', sans-serif; padding: 2px; } 

/* tags */
body { position: relative; margin: 0; padding: 0; }   
/* Bilder automatisch skalieren (nur img-tag) */
img { max-width:100% !important; height:auto; display:block; }

/* Bilder und Flächen */ 
.bgimg
{
	max-width:100% !important; height:auto; display:block;
	/*width: 100%;	height: 100%;*/	overflow: hidden; 
	background-repeat: no-repeat;	background-position: center center;	background-attachment: fixed;
	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;
}
.bgimg-1 
{ background-image: url("../medien/bg_pflaster.jpg"); }
.bgimg-2 
{ background-image: url("../medien/bg_leistungen.jpg"); }   
.bgimg-3 
{ background-image: url("../medien/bg_blumen.jpg"); }
.bgimg-4 
{ background-image: url("../medien/bg_metallzaun.jpg"); }
.bgimg-5 
{ background-image: url("../medien/bg_wildblumen.jpg"); } 
.bgimg-6 
{ background-image: url("../medien/bg_allee.jpg"); } 

.anim
{ -webkit-animation:opac 3s ease-in-out; -moz-animation:opac 3s ease-in-out; -o-animation: opac 3s ease-in-out; animation: opac 3s ease-in-out; }
@keyframes opac{from{opacity:0} to{opacity:1}}
@-o-keyframes opac{from{opacity:0} to{opacity:1}}
@-moz-keyframes opac{from{opacity:0} to{opacity:1}}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}   

/* andere Formatierungen */
ul.demo { list-style-type: none; margin-left: 10px; padding: 0px; }
.rahmenBild 
{
 	width: auto; background-color: rgba(245, 245, 245, 0.90); 
	border: 2px solid #cdcdcd; border-radius: 8px; padding: 5px;
}
.rahmenText 
{
 	background-color: rgba(0, 102, 0, 0.75); 
	border: 2px solid #cdcdcd; border-radius: 8px; padding: 10px; 
	font-family: 'OpenSans', sans-serif; font-size: 18px; color: #ffffff;
	overflow-wrap: break-word; inline-size: 75%;
}	
.center
{ display: flex; justify-content: center; }

#schattenBild 
{ margin: 5px; box-shadow: 5px 5px 5px #cdcdcd; align-content: center; border-radius: 8px;}
#balken
{ background-image: linear-gradient(180deg, #004200, #008A00, #004200); height: 25px; width: 100%; background-color: rgba(255, 215, 0, 1); } 
/*{ background-color: rgba(245, 245, 245, 1); padding: 5px; height: 40px; } */
#pfeilnachoben 
{ font-size: 24px; color: #808080; line-height: 12px; }

/* Text-Formatierungen */
#textFeld
{	
	font-family: 'OpenSans', sans-serif; font-size: 16px; color: #000000; padding: 10px; text-align: center; 
}
/*#textFeldHyp
{	font-family: 'OpenSans', sans-serif; font-size: 16px; color: #000000; padding: 10px; text-align: justify;
		-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }*/
#textNav
{	
	font-family: 'Lato', sans-serif; font-size: 24px; color: white; font-weight: bolder; 
	text-transform: uppercase; letter-spacing: 1px; text-align: center; text-shadow: 0 0 5px #004200;
}
#textHead
{	
	border: 3px solid #ffffff; border-radius: 8px;
	font-family: 'OpenSans', sans-serif; font-size: 20px; color: #ffffff; font-weight: bold; 
	letter-spacing: 1px; text-align: center; margin-bottom: 5px; background-color: rgba(0, 102, 0, 0.75); 
}
#textTitel
{	
	font-family: 'Lato', sans-serif; font-size: 28px; color: #000000; font-weight: bolder;
	letter-spacing: 1px; text-align: center;   
}
#textVorNach
{
	max-width: 1000px; text-align: center;  position: relative; top: 2px;
	font-family: 'OpenSans', sans-serif; font-size: 16px; color: #000000;
}

#text24
{	font-family: 'OpenSans', sans-serif; font-size: 24px; color: #000000; }
#text14
{	font-family: 'OpenSans', sans-serif; font-size: 14px; color: #000000; }
#text16
{	font-family: 'OpenSans', sans-serif; font-size: 16px; color: #000000; }
#textBild
{	font-family: 'OpenSans', sans-serif; font-size: 16px; color: #000000; vertical-align: middle; text-align: center;}		

/* diverses an geraete anpassen */
.bNavigation { text-align: center; vertical-align: middle; margin-bottom: 15px; max-width: 100%;}
.bReihe1 { background-color: white; max-width: 100%; max-height: auto; }
.bHauptlink3 { position: relative; bottom: 148px; height: auto; }
#bg1 { height: 100vH; max-height: 100%; }

@media only screen and (max-width: 1023px)
{
	.bNavigation { position: absolute; top: 30px; left: 10px; text-align: center; vertical-align: middle; margin-top: 10px; width: auto;}
	.bReihe1 { background-color: white; max-width: auto; max-height: 100px; }
	.bHauptlink3 { position: relative; bottom: 75px; height: auto; }   
	#bg1 { height: 100vH; max-height: 1000px; height: 100%; }  
	#textNav { font-size: 16px; }
}                                                                               

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1023px) 
{ 
	.bgimg-1 { background-attachment: scroll; }
	.bgimg-2 { background-attachment: scroll; } 
	.bgimg-3 { background-attachment: scroll; }
	.bgimg-4 { background-attachment: scroll; } 
	.bgimg-5 { background-attachment: scroll; }  
}