@charset "utf-8";
/* CSS Document */
/*Standard, darf nicht verändert werden*/

.Map{
	min-height:200px;
	max-height: 400px;
	margin:10px auto;
	width:100%;
}
.Map iframe{
	max-height: 400px;
	width:100%;
}
.MapGesperrt{
	font-size: 20px;
	text-align: center;
	max-width: 500px;
	margin:auto;
}
.MapGesperrt #DSVGOOK{
	margin:auto;
	cursor:pointer;
	
}
#DSGVO{
	position:fixed;
	right:0px;
	bottom:0px;
	padding:20px;
	background-color:#fff;
	z-index:90000;
	box-shadow:-3px -3px 10px #888888;
	width:100%;
	font-size: 16px;
	
}
#DSGVO .BTNMore{
	float:right;
	margin-left:20px;
	cursor:pointer;
}
.CokieText{
	width:50%;
	float:left;
}
/*font-family: 'Open Sans', sans-serif;*/
@font-face { font-family: 'Roboto-Light'; src: url('Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'Roboto-Bold'; src: url('Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Lato-Bold'; src: url('Lato-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Lato-Regular'; src: url('Lato-Regular.ttf') format('truetype'); }


*, *:after, *:before {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.onlyPC{
	display:block;
}
body{
	-webkit-text-size-adjust: none;
	margin:0px;
	padding:0px;
    font: 20px/1.35em 'Roboto-Light', sans-serif;
	width:100%;
	opacity:0;
	display:none;
}
.BTNBanner{
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 7px;
	text-align: center;
	
	color:#fff;
	background-image: url(../grafik/BG/BG-Black-90.png);
}
.BTNBanner:hover{
	
	color:#cc0000;
}
.BTNMore{
	width:150px;
	padding:10px;
	border-radius: 7px;
	text-align: center;
	background-color: #333;
}
.BTNMore:hover{
	background-color: #666;
	color:#fff;
}
.BTNPfeil{
	background-image: url(../grafik/icon/BTNPfeil.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-left:40px;
}
.BTNPfeil:hover{
	background-image: url(../grafik/icon/BTNPfeil-hover.png);
}
.BTNPfeil1{
	background-image: url(../grafik/icon/BTNPfeil1.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-left:40px;
}
.BTNPfeil1:hover{
	background-image: url(../grafik/icon/BTNPfeil1-hover.png);
}
.BTNPfeil2{
	background-image: url(../grafik/icon/BTNPfeil2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-left:40px;
}
.BTNPfeil2:hover{
	background-image: url(../grafik/icon/BTNPfeil2-hover.png);
}
.BTNPunkt{
	background-image: url(../grafik/icon/BTNPunkt.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-left:40px;
}
.BTNPunkt:hover{
	background-image: url(../grafik/icon/BTNPunkt-hover.png);
}

h1{
	line-height: 1.25em;
	font-size:40px;
}
h2{
	line-height: 1.25em;
	font-size:25px;
	margin:0px;
}
h3{
	line-height: 1.25em;
	font-size:20px;
	margin:0px;
}
#Rahmen{
	position:relative;
}
section{}
a{
	text-decoration:none;
}
/*font size*/
a img{
	border:none;
}


.IconButton{
	position:relative;
	cursor:pointer;
}
.IconButton a:link{
	width:50px;
	padding-right:25px;
}
.IconButton img{
	position:relative;
}

.IconButton h1{
	float:left;
}
.IconButtonInhalt{
	float:left;
	margin-right:20px;
	width:70px;
}
.IconButtonInhalt img{
	width:100%;
	height:auto;
}

/*Smartmenue Ein Aus*/
#ShortNavigation ul #SmartMenue{
	display:none;
}
.NavClose-Button{
	top:10px;
	right:10px;
	width:50px;
	height:50px;
	position:absolute;
}

/*Content***************************************/
#SeitenTitel{
	padding-top:25px;
	
}
#Content{
	color: #333;
	z-index:500;
	display:block;
	padding-top:50px;
}
#HeroBild{
	position:relative;
	display:inline-block;
	width:100%;
	margin:auto;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}
#HeroBild, #HeroInhalt{
	height:450px;
}
/*SLIDER*****************************************************************/
.HeroImage{
	position:absolute;
	width:100%;
	overflow:hidden;
	height:100%;
}
.HeroImage img{
	width:100%;
	min-height:450px;
	height:auto;
}
.HeroInhaltSlider{
	position:absolute;
	width:100%;
	text-align:center;
	left:0px;
}
.HeroLink{
	cursor:pointer;
	display:inline-block;
	padding:10px 15px;
	background-image:url(../grafik/BG-Adress.png);
	color:#FFFFFF;
	margin:auto;
	border-radius:15px;
}
.HeroLink:hover{
	color:#FF0004;
}

/*SLIDER*****************************************************************/

.Container{
	position:relative;
	/*background-color:#999999;*/
	min-height:650px;
	
	clear: both;
	width: 100%;
	margin:0px auto;
	
}
#HeroInhalt{
	margin-top:50px;
	text-align:center;
	color:#FFF;
	font-size: 22px;
    line-height: 1.6;
	width:100%;
	/*max-width:1600px;*/
	margin: 0px auto;
	z-index: 3000;
}
#HeroInhalt h1{
	font-size:60px;
	margin:0px;
	padding:0px;
	font: 70px/1.35em 'Roboto-Bold', sans-serif;
	letter-spacing:0.1em;
	text-shadow:5px 5px 10px #000;
}

#Logo{
	font-family:'Lato-Bold', sans-serif;
	color:#0085D6;
	position:absolute;
	right:0px;
	z-index:1;
	text-align: right;
}
#Logo h1{
	margin:0px;
	font-size:28px;
	font-weight:bold;
}
#Logo h2{
	font-family:'Lato-Regular', sans-serif;
	color:#000;
	font-size:21px;
	
	font-weight:lighter;
}
#Logo img{
	width:300px;
	height:auto;
}

#Adress{
	min-width:300px;
	position:absolute;
	top:50px;
	left:0px;
	z-index:1;
	background-image:url(../grafik/BG-Adress.png);
	padding:10px 10px 10px 45px;
	border-radius:0px 0px 10px 0px;
	border-left:0px;
	border-top:0px;
	color:#FFFFFF;
	font-size:18px;
	line-height:1.35em;
}
#Adress a{
	color:#0085D6;
}
#Adress a:hover{
	color:#cc0000;
}

#Inhalt{
	width:100%;
}
#Inhalt h1{
	color:#0085D6;
	margin:10px 0px;
	
}
#Footer .Zeile{
	display:inline-block;
	width:100%;
	/*Überlappung*/
	padding-bottom: 0px;	
	margin-bottom:0px;
}
.Zeile{
	padding-bottom:30px;
	width:100%;
	background-color:#fff;
}
.ZeileSchmal{
	display:marker;
	width:1150px;	
	margin:0px auto;
}
.ZeileExtraSchmal{
	display:marker;
	width:50%;	
	margin:0px auto;
	background-color:#FFF;
}
.Blue{background-color:#0085D6 !important;;color:#fff;}
.Blue h1,.Blue h2{color:#fff !important;}

.transparent{background-color:transparent !important;;color:#fff;}
.transparent h1,.transparent h2{color:#fff !important;}

.Dark{background-color:#0085D6 !important;;color:#fff;}
.Dark h1,.Dark h2{color:#fff !important;}

.Middle{background-color:#79B320 !important;;color:#fff;}
.Middle h1,.Middle h2{color:#fff !important;}


.SPSmall{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:0px 30px;
}
.ZeileSchmal{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:0px 30px;
}
.Box{
	display:block;
	float:left;
	padding:20px;
}

.SP10,.SP20,.SP25,.SP30,.SP33,.SP40,.SP50,.SP60,.SP66,.SP70,.SP80,.SP90{
	float:left;
	padding:40px 20px 20px 0px;
	height:auto;
}
.SP10{width:10%;}
.SP20{width:20%;}
.SP25{width:25%;}
.SP30{width:30%;}
.SP33{width:33%;}
.SP40{width:40%;}
.SP50{width:50%;}
.SP60{width:60%;}
.SP66{width:66%;}
.SP70{width:70%;}
.SP80{width:80%;}
.SP90{width:90%;}
.SP100{
	padding-top:20px;
	width:100%;
}

.SP2CSS,.SP3CSS{padding-bottom:20px;}

.SP2CSS,.SP3CSS{
	-moz-column-rule: 0px dotted #000;
	-webkit-column-rule: 0px dotted #000;
	column-rule: 0px dotted #000;
	margin: 0px;
}
.SP2CSS{
	-moz-column-count: 2;
	-moz-column-width:50%;
	-moz-column-gap: 40px;
	
	-webkit-column-count:2;
	-webkit-width:50%;
	-webkit-column-gap: 40px;
	
	column-count:2;
	column-width:50%;
	column-gap: 40px;
}
.SP3CSS{
	-moz-column-count: 3;
	-moz-column-width:33%;
	-moz-column-gap: 20px;
	
	-webkit-column-count:3;
	-webkit-width:33%;
	-webkit-column-gap: 20px; 
	
	column-count:3;
	column-width:33%;
	column-gap: 20px;
}
.SP2CSS p,.SP3CSS p{padding:0px;}
.SP2CSS ul,.SP3CSS ul{
	padding:0px;
	margin:0px 0px 0px 25px;
	
}
.SP100 .TextBox{max-width: 920px;}

.TextBox p{margin:0px 0px 20px 0px;}
.Box{
	display:block;
	float:left;
	padding:20px;
}
#Inhalt .SP33 h1, #Inhalt .SP50 h1,#Inhalt .SP66 h1,#Inhalt .SP100 h1{
	margin:0px 0px 0.2em 0px;
}
#Inhalt .SP33 h2,#Inhalt .SP50 h2, #Inhalt .SP66 h2, #Inhalt .SP100 h2{
	margin:0px 0px 0.1em 0px;
}


.PadBox{
	padding:20px 20px 20px;
}
/*
.StartBox{
	min-height:600px;
}
*/
 .StartBTNWeiter{
	 position:absolute;
	 bottom:50px;
 }
.BTNWeiter{
	position:relative;
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	width:auto;
}
a .BTNWeiter {
	background-color:#18519c;
	color:#FFFFFF;
	border-radius:8px;
	box-shadow:#000000 3px 3px 6px;
	
}
a:hover .BTNWeiter {
	background-color:#ffffff;
	color:#18519c;
	border-radius:8px;
	box-shadow:#000000 1px 1px 2px;
	
}
/*FormularFelder*/


.label,input,.mass{
	height:35px;
	padding:5px 0px 5px 5px;
	float:left;
}
.label{
	width:60%;
}
input{
	width:30%;
	font-size:18px;
	text-align: right;
	padding:0px 10px;
}
.mass{
	width:10%;
	float:right;
	text-align: right;
	 
}
.BTNDropDown{
	height:35px;
	width:auto;
	padding:5px 10px;
	/*background-color: #000;*/
	background-color: none;
	color:#fff;
}
.BTNDropDown img{
	text-align: right;
	height:80%;
	width:auto;
	float:right;
	
}
.DropDown{
	display:inline-block;
	cursor:pointer;
	position:absolute;
}
.DDBox{
	overflow:hidden;
	z-index: 50000;
}
.option{
	background-color: #fff;
	color:#0082B5;
	border-bottom:1px solid #000;
	padding:5px 10px;
	z-index: 50000;
}
.option:hover{
	background-color: #0082B5;
	color:#fff;
}

/*.DDabsolute = Wert zum lesen für programmierung*/
.DDabsolute{
	position:absolute;
	left:102%;
	top:0px;
}
/*FormularFelder*/

/*BlendeBox*************************************/
#BlenderBox{
	position:absolute;
	display:none;
	width:400px;
	height:auto;
	box-shadow:3px 3px 10px;
	background-color:#FFFFFF;
	top:70px;
	border-radius:20px;
	opacity:0;
}
#BlenderBoxInhalt{
	padding:20px;
	text-align:center;
	
}
#BlenderBoxInhalt h1,#BlenderBoxInhalt h2{
	font-family:'Roboto-regular', sans-serif;
	color:#0085D6;
}
#BlenderBoxInhalt h1{
	font-size:40px;
}
#BlenderBoxInhalt h2{
	font-size:30px;
}
#BlenderBox .IconButton{
	float:right;
	right:10px;
	
	
}
/*BlendeBox*************************************/
#Pikett{
	position:fixed;
	top:500px;
	right:-750px;
	width:750px;
	height:auto;
	background-color:#FF0926;
	color:#fff;
	border-radius:0px 0px 0px 30px;
	z-index:8000;
}
#Pikett a{
	color:#fff;
	padding:10px;
	background-color:#8C0002;
	border-radius:8px;
	border: 2px solid #FFF;
}
#Pikett a:hover{
	color:#fff;
	background-color:#D30003;
}
#PikettIcon{
	position:relative;
	left:-50px;
	width:50px;
	height:auto;
	cursor:pointer;
	
}
#PikettIcon img{
	width:100%;
	height:auto;
	
}
#PikettInhalt{
	padding:0px 30px 30px;
	position:relative;
	margin-top:-60px;
}
#PikettInhalt h1{
	margin:13px 0px 0px;
	
}
#PikettInhalt h2 {
	padding-top:25px;
	
}
/*PICTURES*************************************/
.VSBEinzel .LupeBild{
	position:absolute;
	width:40px;
	height:40px;
	margin-left:-20px;
	margin-top:-20px;
	top:50%;
	left:50%;
}
.VSBSerie .LupeBild{
	position:absolute;
	width:30px;
	height:30px;
	margin-left:-30px;
	margin-top:-15px;
	bottom:0px;
	right:0px;
}
.VSB .LupeBild img{
	opacity: 1;
	width:100%;
	height:auto;
}
.SP33 .VSB{padding:5px 50px 5px 0px;}
.SP50 .VSB{padding:5px 50px 5px 0px;}
#Bildergalerie{
	position:absolute;
	width:100%;
	height:100%;
	z-index:25000;
	display:none;
	top:0px;
}
.BildBox{
	display:block;
	width:100%;
}
.VSB{
	position:relative;
	float:left;
	cursor:pointer;
	overflow:hidden;
	margin:0px 0.25% 0.25% 0px;
}
.VSB{
	background-size:cover;
	background-position: top;
	background-origin: content-box;
	background-repeat: no-repeat;
}
.VSB img{
	opacity:0;
	/*wird über background geladen*/
}
.SP33 .VSBEinzel,.VSBEinzel img{
	height:auto;
}
.VSBEinzel,.VSBEinzel img{
	width:95%;
	height:auto;
}
.BildBox .VSBEinzel{
	padding: 5px 0px 0px 0px;
}
.VSBSerie{
	width:14%;
	height:90px;
	overflow:hidden;
}
.VSBSerie img{
	width:100%;
	height:auto;
	overflow:hidden;
	opacity: 0;
}

#BildShowBox{
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:auto;
	z-index:25001;
	background-image:url(../comaxx/Pictures/Bilder/loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#BildShowBox img{
	margin:auto;
	opacity:0;
}
#BGSchwarz{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../comaxx/Pictures/css/BG.png);
	opacity:0.95;
	z-index:24990;
}
#BildGalBack, #BildGalForw,#BildGalClose{
	position:absolute;
	z-index:25020;
	top:50px;
	cursor:pointer;
}
#BildGalBack{left:5px;}
#BildGalForw{right:5px;}
#BildGalClose{
	top:10px;
	right:5px;
}
#BildNummerierung,#BildTitel{
	position:fixed;
	width:100%;
	bottom:10px;
	text-align:center;
	z-index: 25011;
	text-shadow:#000000 1px 1px 5px;
}
#BildTitel{
	bottom:40px;
	z-index: 25012;
}
.VSHide{display:none;}
/*PICTURES*************************************/
.Dok{
	float:left;
	width:14%;
	height:150px;
	margin-right:1%;
	overflow:hidden;
	text-align: center;
	/*border:1px solid #D4D4D4;*/
	padding:10px 5px;
}
.Dok img{
	width:30%;
	margin:auto;
}
.Dok a{width:100%;}

.DokSpalteklein{
	width:100%;
	height:auto;
	border: none;
}
.DokSpalteklein img{
	height:30px;
	width:auto;
	float:left;
}
.DokSpalteklein .DokName{
	width:80%;
	float:left;
	text-align: left;
	min-height:30px;
	
	padding-left:20px;
}
/*Doc*************************************/
/*Footer***************************************/
#Footer{
	background-color:#171717;
}
#Footer .Container{
	min-height:20px;
}
.FussIcon{
	width:80%;
	height:auto;
	left:10%;
	
}
.FussIcon img{
	height:80px;
	width:auto;
	margin:auto;
	
}
#Footer .FussIcon{
	text-align: center;
}
#SozialMediaBox{
	text-align: right;
	padding: 0px 100px 0px 20px;
}
.SozialMedia{
	padding-left:20px;
}
#SozialMediaBox img{
	width:50px;
	height: auto;
}
#Slogan{
    float:left;
    width:250px;
}
#Slogan img{
    width:100%;
    height:auto;
}
#copyright{
    font-size: 14px;
    text-align: right;
	padding:5px 15px;
}

.clear,.clear10,.clear20,.clear30,.clear40,.clear50,.clear60,.clear70,.clear80,.clear90{clear:both;}
.clear10{height:10px;}
.clear20{height:20px;}
.clear30{height:30px;}
.clear40{height:40px;}
.clear50{height:50px;}
.clear60{height:60px;}
.clear70{height:70px;}
.clear80{height:80px;}
.clear90{height:90px;}

.clearLinie,.clear10Linie,.clear20Linie,.clear30Linie,.clear40Linie,.clear50Linie,.clear60Linie,
.clear70Linie,.clear80Linie,.clear90Linie{
	border-bottom:1px solid #dcdcdc;
}

.clearLinie{
	clear:both;
	height:2px;
	margin-bottom:2px;
	
}
.clear10Linie{
	clear:both;
	height:2px;
	margin-bottom:3px;
}
.clear20Linie{
	clear:both;
	height:5px;
	margin-bottom:5px;
}
.clear30Linie{
	clear:both;
	height:15px;
	margin-bottom:15px;
}
.clear40Linie{
	clear:both;
	height:20px;
	margin-bottom:20px;
}
.clear50Linie{
	clear:both;
	height:25px;
	margin-bottom:25px;
}
.clear60Linie{
	clear:both;
	height:30px;
	margin-bottom:30px;
}
.clear70Linie{
	clear:both;
	height:35px;
	margin-bottom:35px;
}
.clear80Linie{
	clear:both;
	height:40px;
	margin-bottom:40px;
}
.clear90Linie{
	clear:both;
	height:45px;
	margin-bottom:45px;
}
.clearNavLinie{
	clear:both;
	height:2px;
	margin-bottom:2px;
	border-bottom:1px solid #333;
}