html{
	max-width:1500px;
	margin:auto;
	background-color:black;
}

.small{
	font-size:14px;
}

.headgroup{
	background-color:black;
}

.header{
	padding:20px;
	color:white;
	font-weight:20px;
}

.icon{
	width:350px;
}

.menue{
	padding-top:20px;
}

.frame{
	padding:2px;
	margin-top:2%;
}

.center{
	text-align:center;
}


.fat{
	font-size:25px;
	font-weight:600;
}

.headtxt0{
	padding-left:30px;
}

.headtxt1{
	padding-top:25px;
	padding-right:30px;
	text-align:right;
}
	
	
/* on small screen */
@media only screen and (max-width: 639px) {
	.icon{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		padding-left:0px;
	}
	
	.headtxt0{
		padding-left:0px;
	}
	
	.headtxt1{
			text-align:center;
			padding-right:0px;
	}
}





.btn {
	background-color:#FF8000;
	color: white;
	font-weight:600;
	height: 50px;
	width: 100%;
	text-align: center;
	font-size: 100%;
	opacity: 0.7;
	transition: 0.3s;
}
.btn:hover {
	opacity: 1 !important;
}


.content{
	padding:50px;
	font-size:20px;
	color:white;
	margin:auto;
	/* background-color:#000000A0; */ 
	background-image:url("bg.jpg");
	background-repeat:no-repeat;
}

.footer{
	background: #000000A0;
	text-align:center;
	color:white;
}


.list{
	padding-left:20px;
}



#intro{
	width: 450px;
}


#spacer1{
	padding: 10%;
	
}


p{

}


a 
{
color: #3687AF;
}


#border{padding: 0; margin:0 auto; width: 90%; background-color: black; color:white;} 

#wide{margin:0 auto; width:100%; }

#content{position: relative; margin:0 auto; width: 80%; border: 50 px; background-color: hsla(50, 33%, 25%, 0.9); color: white; z-index:-1;}
s1 {opacity: 1; font-family: "Impact"; font-size: 250%; text-align: left; color: #99999 ;}
s2 {opacity: 1; font-size: 140%; text-align: left; color: #99999 ;}
s3 {opacity: 1; font-size: 140%; text-align: left; color: #99999 ;}
a1 {opacity: 1; font-family: "Impact"; font-size: 110%; text-align: left; color: #23232 ;}

#footer{
	color: white;
	margin:0 auto;
	bottom:0 ;
	width: 80%; 
	height:15%; 
	border: 5%; 
	background-color: black; 
	padding-top: 5%
	}

	s7 {font-size: 130%; text-align: left; color: #99999 ;}





#footer{
	background-color: #000000A0;
	padding:15px;
}




canvas {
  background: FF8000;
}




	
	m1
	{
		font-size: 200 %;
		margin:0 auto;
		padding: 0;
	}




/*button*/
#obennavigationsleiste
	{
		margin-left: -2%;
		border: none;
		/*position: fixed;
		top: -5;
		left: -2;*/
		height: 10%;
		width:104%;
		background-color: black;
		/*padding: 12;*/
	}

	top
	{
	padding-left: 20%;
	font-size: 250%;		
	}
	
	top2
	{
		text-align:right;
		padding-right: 0%;
		font-size: 250%;
		color: white;
	}
	


#untennavigationsleiste
	{
	margin-left: -2%;
	border: 0;
	height:6%;
	/*height:10%;
	position: fixed;
	top: 10;
	left: -20;*/
	width:104%;
	background-color: black;
	/*padding: 12;*/
	}

.btninaktiv {
	height:50px;
	background-color: #FF8000;
	border: none;
	color: white;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	transition: 0.3s;
	text-align: center;
	font-size: 100%;
}
.btninaktiv:hover {opacity: 1}

.btnaktiv {
  background-color:#FF8000;
  border: none;
  color: white;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 100%;
  opacity: 1;
  transition: 0.3s;
}
.btnaktiv:hover {opacity: 0.6}


/*Special*/

.btninaktivr {
	height:50px;
	padding-right: 10%;
	background-color: #FF8000;
	border: none;
	color: white;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	transition: 0.3s;
	text-align: right;
	font-size: 100%;
}
.btninaktivr:hover {opacity: 1}

.btnaktivr {
	padding-right: 10%;
	background-color:#FF8000;
	border: none;
	color: white;
	height: 100%;
	width: 100%;
	text-align: right;
	font-size: 100%;
	opacity: 1;
	transition: 0.3s;
}
.btnaktivr:hover {opacity: 0.6}

.btninaktivl {
	padding-left: 10%;
	background-color: #FF8000;
	border: none;
	color: white;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	transition: 0.3s;
	text-align: left;
	font-size: 100%;
}
.btninaktivl:hover {opacity: 1}

.btnaktivl {
	padding-left: 10%;
	background-color:#FF8000;
	border: none;
	color: white;
	height: 100%;
	width: 100%;
	text-align: left;
	font-size: 100%;
	opacity: 1;
	transition: 0.3s;
}
.btnaktivl:hover {opacity: 0.6}


.ginger_container {
	opacity:0.85;
	border-style:solid;
	z-index:0;
	font: 13px/20px PTSansRegular,Arial,Helvetica,sans-serif;
	padding:20px;
	width: 250px;
	position: fixed;
	overflow: hidden;
	background-color:black;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	}
	
.ginger_message {
	box-sizing: border-box;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: normal;
	}
	
.ginger_message2 {
	color: #747474;
	}
	
.ginger_btn{
	letter-spacing: -0.8px;
	line-height: 16px;
	margin-bottom: 6px;
	margin-right: 12px;
	margin-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	text-align: center;
	text-decoration-color: rgb(255, 255, 255);
	text-decoration-line: none;
	text-decoration-style: solid;
	background-attachment: scroll;
	background:#FF8000;
	line-height: 1em;
	display: block;
	width: 226;
	height: 16;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: white;
	}
	
.ginger_btn:hover{
	box-shadow: 2px 2px 5px #999999;
	color: black;
	border-color:black;
	transition-delay:0s, 0s, 0s;
	transition-duration:.2s;
	transition-timing-function: linear;
	}


#googlequestion {
	display:none
}



.layer-impressum{
	display:none;
}

.layer-angebot{
	display:none;
}

.layer-fragen{
	display:none;
}

.layer-notfallrauumung{
	display:none;
}



/* Layer's */



/* SELFMADE */
/*

#hideButton, #showButton, #toogleButton {
    padding: 5px 15px 5px 15px;
    background-color: #fff;
    border: 1px solid #000;
    cursor: pointer;
    transition: ease-in-out 0.3s;
    outline: none;
}
#hideButton:hover, #showButton:hover, #toogleButton:hover {
    background-color: #000;
    color: #fff;
}
*/