/* fonts laden */
@font-face { font-family: Lato; src: url("Lato-Regular.ttf"); }
@font-face { font-family: Formal436; src: url("FRML436N.TTF"); }
@font-face { font-family: Uschrift; src: url("GreatVibes-Regular.ttf"); } 


/* +++++++++++++++++++++++++++++++++++++++++++ */
/*  NAVIGATION                                 */
/* +++++++++++++++++++++++++++++++++++++++++++ */

/* class hauptnavigation */
a
{
	font-family: 'Formal436', sans-serif; 
	color: white;
	font-size: 16px;
	text-decoration: none;
	line-height: 6px;
	height: 36px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
	cursor: pointer;
}

/* class navigation normal */
 a.hauptlink1:link, a.hauptlink1:visited 
{ 
	background-color: #F58221; color: white; padding: 15px; text-transform: uppercase; 
	display: inline-block; margin-bottom: 2px; border-radius: 18px; border: #F7A35E 1px solid;
}
a.hauptlink1:focus, a.hauptlink1:hover, a.hauptlink1:active 
{ 
	background-color: #212121; opacity: 0.9; color: white; padding: 15px; text-transform: uppercase; 
	display: inline-block; margin-bottom: 2px; border-radius: 18px; border: #6E6E6E 1px solid;
}

/* class navigation mobile */
a.hauptlinkMob:link, a.hauptlinkMob:visited 
{ 
	background-color: #F58221; color: white; padding: 15px; text-transform: uppercase; 
	display: block; margin-bottom: 2px; border-radius: 18px; border: #F7A35E 1px solid;
}
a.hauptlinkMob:focus, a.hauptlinkMob:hover, a.hauptlinkMob:active 
{ 
	background-color: #212121; opacity: 0.9; color: white; padding: 15px; text-transform: uppercase; 
	display: block; margin-bottom: 2px; border-radius: 18px; border: #6E6E6E 1px solid;
}

/* class hreflink */
a.hauptlink2:link, a.hauptlink2:visited  
{ 
	font-family: 'Lato', sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; 
	height: 18px; color: #000000; vertical-align:top; 
}
a.hauptlink2:focus, a.hauptlink2:hover, a.hauptlink2:active  
{ 
	font-family: 'Lato', sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; 
	height: 18px; color: #660000; vertical-align:top; 
}

/* class navigation ? */
a.hauptlink3:link, a.hauptlink3:visited  
{ color:#CC0000; }
a.hauptlink3:focus, a.hauptlink3:hover, a.hauptlink3:active  
{ color:#660000; }

/* +++++++++++++++++++++++++++++++++++++++++++ */
/*  DIVERSE                                    */
/* +++++++++++++++++++++++++++++++++++++++++++ */

/* Transparenz */
.bgTrans
{ background-color: rgba(237, 237, 237, 0.9); }

/* andere formatierungen */ 
#rahmenTableRed
{ padding: 10px; margin: 10px; border: 2px solid darkred; border-radius: 5px; }
#rahmenTableBlack
{ padding: 10px; margin: 10px; border: 2px solid #000000; border-radius: 5px; }
#rahmenTableSand
{ padding: 10px; margin: 10px; border: 2px solid #FADBB0; border-radius: 5px; }
#rahmenBild
{ box-shadow: 6px 6px 3px grey; margin-bottom: 10px; margin-top: 10px; }
/* 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(../bilder/bg_willkommen.jpg); }    
.bgimg-2 
{ background-image: url("../bilder/bg_leistungen.jpg"); }                                  
.bgimg-3 
{ background-image: url("../bilder/bg_anfahrt.jpg"); }
.bgimg-4 
{ background-image: url("../bilder/bg_kontakt.jpeg"); }
.bgimg-5 
{ background-image: url("../bilder/bg_impressum.jpg"); }         
.bgimg-6 
{ background-image: url("../bilder/bg_datenschutz.jpg"); }

/* +++++++++++++++++++++++++++++++++++++++++++ */
/*  TEXT                                       */
/* +++++++++++++++++++++++++++++++++++++++++++ */

 /*text-shadow: 2px 1px 2px #000000;    */

#textFeld
{
	font-family: 'Lato', sans-serif;	font-size: 16px; color: #000000; text-align: justify; padding: 10px; 
	-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto;	-ms-hyphens: auto; hyphens: auto; 
}
#textTitel
{ 
	font-family: 'Formal436', sans-serif; font-size: 36px; font-weight: bold; color: #f58221; 
	letter-spacing: 2px; text-shadow: 2px 1px 2px #000000; text-transform: uppercase;
}
#text18
{ font-family: 'Lato', sans-serif;	font-size: 18px; color: #000000; }
#textASK 
{ font-family: 'Formal436', sans-serif; font-size: 24px; font-weight: bold; color: #f58221; 
letter-spacing: 1px; text-shadow: 2px 1px 2px #000000; padding-right: 10px; }
#textOrange 
{ font-family: 'Formal436', sans-serif; font-size: 28px; font-weight: bold; color: #f58221; font-style: normal; }
#textUnterschrift 
{ font-family: 'Uschrift', sans-serif; font-size: 28px; color: #000000; letter-spacing: 1px; }

/* +++++++++++++++++++++++++++++++++++++++++++ */
/*  Größen ANPASSUNG                           */
/* +++++++++++++++++++++++++++++++++++++++++++ */

#navMini { position: absolute; left: 10px; top: 100px; font-size: 24px; font-weight: bold; line-height: 2px;}
#r1c1 { max-width: 23%; background-color: transparent; }
#r1c2 { max-width: 54%; } 
#r1c3 { max-width: 23%; } 
#hWillkommen { height: 50px; }
#bg1 { height: 100vH; max-height: 100%; } 
.rahmenMap { width: 520px; height: 400px; } 
.rahmenVideo { max-width: 476px; height: 100%; }
.textKopf
{ font-family: 'Formal436', sans-serif; font-size: 36px; color: #cdcdcd; text-shadow: 2px 1px 2px #000000; }
#textKopfBigOrange 
{ font-family: 'Formal436', sans-serif; font-size: 75px; color: #f58221; text-shadow: 2px 1px 2px #000000; font-style: normal; border-top: 25px;}
#textKopfOrange 
{ font-family: 'Formal436', sans-serif; font-size: 40px; color: #f58221; font-style: normal; border-top: 25px;}
#inh { margin-left: 0px; margin-right: 0px; }
.bHauptlink3 { position: relative; bottom: 175px; height: auto; }

@media screen and (max-width: 1000px)
{ 
	#r1c1 { max-width: 50px; background-color: transparent; }
	#r1c2 { max-width: auto; } 
	#r1c3 { max-width: auto; }
	#hWillkommen { height: 0px; } 
	.rahmenMap { width: 100%; height: auto; }
	.rahmenVideo { width: 100%; height: auto; } 
	.textKopf
	{ font-family: 'Formal436', sans-serif; font-size: 20px; color: #cdcdcd; text-shadow: 2px 1px 2px #000000; letter-spacing: 1px; }
	#textKopfBigOrange 
	{ font-family: 'Formal436', sans-serif; font-size: 36px; color: #f58221; text-shadow: 2px 1px 2px #000000; font-style: normal; border-top: 25px;}
	#textKopfOrange 
	{ font-family: 'Formal436', sans-serif; font-size: 20px; color: #f58221; font-style: normal; border-top: 25px; letter-spacing: 3px; }
	#inh { margin-left: 0px; margin-right: 10px; } 
	.bHauptlink3 { position: relative; bottom: 160px; height: auto; }
}
@media screen and (max-width: 400px)
{ 
	#navMini { position: absolute; left: 10px; top: 90px; font-size: 24px; font-weight: bold; line-height: 2px;}
	#r1c1 { max-width: 10px; background-color: transparent; }
	#r1c2 { max-width: auto; } 
	#r1c3 { max-width: auto; margin-left: 50px; }
	.bHauptlink3 { position: relative; bottom: 100px; height: auto; } 
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1100px) 
{ 
	.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; }
	.bgimg-6 { background-attachment: scroll; }  
}