@charset "utf-8";

@import url('css/colorbox.css');
@import url('css/navigation.css');

/* roboto-regular - latin */
@font-face {
	font-display:swap;
	font-family:'Roboto';
	font-style:normal;
	font-weight:400;
	src:url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src:url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
	}

/* Struktur Start */
body {
	color:#000;
	font-family:'Roboto', Arial, sans-serif;
	font-size:16px;
	margin:0;
}

header, nav, section, article, aside, footer {
   display:block;
}

a img {
	border:0;
}

#page {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	
}

#content {
	position:relative;
	margin:0 auto;
	max-width:1250px;
	width:98%;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.75);
	z-index:2;
}

#javascript {
	width:100%;
	height:auto !important;
	background-color:#F00;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	position:absolute;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	z-index:1000;
}

#javascript a:hover, #javascript a:active, #javascript a:link, #javascript a:visited {
	text-decoration:none;
	color:#FFF
}

#cookie {
	position:fixed; padding-top:10px; padding-bottom:25px; bottom:0; width:100%; z-index:1000000; background:rgba(251, 189, 30, 0.95); text-align:center;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.6); -khtml-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.6); box-shadow:0px 0px 15px 3px rgba(0,0,0,0.6);
}

.cookie_button {
	text-align:center;
	padding:8px;
	text-decoration:none;
	color:#000;
	background:#f08300;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	font-weight:bold;
}
.cookie_button:hover {
	background:#fff;
}

@media only screen and (max-width : 1024px) {
	#content {

	}
}

@media only screen and (max-width : 768px) {
	#content {

	}
}

@media only screen and (max-width : 480px) {
	#content {
		min-width:310px;
		width:98%;
	}
}

/* Struktur Ende */
/*  ------------------------------------------------------------------------------------------------------------------------ */
/* Diverses Start */
h1 {
	font-size:20px;
	font-weight:bold;
	color:#000;
	margin-top:0px;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font-size:20px;
	font-weight:bold;
	color:#000;
	margin-top:0px;
	margin-bottom:10px;
}

.klein {
	font-size:14px;
}

.gross {
	font-size:18px;
}

.rahmen {
	border:2px solid rgb(251, 189, 30);
    border:2px solid rgba(251, 189, 30, 0.5);
}

.box_schatten {
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.8);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.8); 
}

.balken {
	width:100%;
	height:3px;
	background:#f2d384;
	margin-top:20px;
	margin-bottom:20px;
}

a:active, a:link, a:visited { 
	color:#000; 
	text-decoration:none;
}

a:hover { 
	color:#666; 
	text-decoration:none;
}

.transparent:hover {
	opacity: 0.6;
	filter:alpha(opacity=60); 
	-moz-transition: 0.3s ease-in-out; /*FF ab 4.0*/
	-webkit-transition: 0.3s ease-in-out; /*Safari ab 3.2, Chrome */
	-o-transition: 0.3s ease-in-out; /*Opera ab 10.5 */
	-ms-transition: 0.3s ease-in-out; /*Internet Explorer ab 10*/
	transition: 0.3s ease-in-out; /*CSS-Standard*/ 
}

.zoom {
	-moz-transition: 0.3s ease-in-out; /*FF ab 4.0*/
	-webkit-transition: 0.3s ease-in-out; /*Safari ab 3.2, Chrome */
	-o-transition: 0.3s ease-in-out; /*Opera ab 10.5 */
	-ms-transition: 0.3s ease-in-out; /*Internet Explorer ab 10*/
	transition: 0.3s ease-in-out; /*CSS-Standard*/ 
}

.zoom:hover {
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
	-moz-transition: 0.3s ease-in-out; /*FF ab 4.0*/
	-webkit-transition: 0.3s ease-in-out; /*Safari ab 3.2, Chrome */
	-o-transition: 0.3s ease-in-out; /*Opera ab 10.5 */
	-ms-transition: 0.3s ease-in-out; /*Internet Explorer ab 10*/
	transition: 0.3s ease-in-out; /*CSS-Standard*/ 
}

.form {
	background-color:#f2d384;
	color: #000000;
	border: 1px #000000 solid;
}

#button  {
	background: #f08300; color: #fff; margin-top: 5px;  padding: 8px 12px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset; border-radius: 4px; text-decoration: none; display: inline-block;
}

#button:hover {
	color:black;
}

/*  Diverses Ende */
/*  ------------------------------------------------------------------------------------------------------------------------ */
/*  head Start */

header {
	margin:auto;
	margin-top:10px;
	width:98%;
	z-index:3;
}

#logo {
	width:100%;
	height:auto;
	margin-bottom:5px;
}

#logo img {
	margin:0 auto;
	display:block;
	width:100%;
	height:auto;
	max-width:538px;
}

#logo_text {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#logo_text img {
	margin:0 auto;
	display:block;
	width:100%;
	height:auto;
	max-width:546px;
}

#balken {
	 background:#000;
	 height:35px;
	 max-width:1250px;
	 margin:0 auto;
}

@media only screen and (max-width : 767px) {
	#aktion {
		display:none;
	}
}

/*  head Ende */
/*  ------------------------------------------------------------------------------------------------------------------------ */
/*  Content Start */

section {
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
	padding:10px;
	min-height:500px;
	overflow:auto;
	z-index:50;
	text-align:justify;
}

#nav_box {
	float:left;
	width:20%;
	height:100%;
	background-color:rgb(251, 189, 30);
	background-color:rgba(251, 189, 30, 0.5);
	margin-right:1%;
	padding:1%;
}

#nav_box ul {
	list-style:none;
	margin:0;
	padding:0;
	display:table;
}

#nav_box li {
	height:30px;
	line-height:30px;
	width:100%;
	display:table-cell;
	float:left
}

#nav_box li a {
	display:block;
	background:url(images/icon/punkt_weiss.png) no-repeat 7px;
	padding-left:24px;
	-moz-transition: 0.6s ease-in-out;
	-webkit-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	-ms-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}

#nav_box li:hover > a,
#nav_box li.current > a  {
	color:#fff;
	background:url(images/icon/punkt.png) no-repeat 7px #333;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.facebook {
	margin:0 auto;
	margin-top:25px;
	width:80px;
	height:65px;
}

.qualitop img {
	width:100%;
	height:auto;
	margin-top:25px;
}

#box {
	float:left;
	width:79%;
	padding-left:1%;
	padding-right:1%;
	line-height:140%;
}

.box_left {
	width:49%;
	margin-right:1%;
	float:left;
}

.box_right {
	width:49%;
	margin-left:1%;
	float:left;
}

.hg {
	background-color:rgb(251, 189, 30);
	background-color:rgba(251, 189, 30, 0.5);
}


@media only screen and (max-width : 1249px) {
	#nav_box {
		width:22%;
	}	
	
	#box {
		width:77%;
	}
}

@media only screen and (max-width : 1023px) {
	#nav_box {
		width:29%;
	}	
	
	#box {
		width:70%;
	}
}

@media only screen and (max-width : 767px) {
	section {
		min-height:inherit;
		text-align:inherit;
	}
	
	#nav_box {
		display:none;
	}
	
	#box {
		width:100%;
		padding-left:0%;
		padding-right:0%;
		line-height:130%;
	}
}

/*  Content Ende */
/*  ------------------------------------------------------------------------------------------------------------------------ */
/*  footer Start */

footer {
	position:relative;
	margin:0 auto;
	background:#000;
	font-size:11px;
	font-variant:normal;
}

#adresse {
	width:1210px;
	margin:0 auto;
	background:#000;
	height:38px;
	font-style:normal;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
}

#adresse_telefon a {
	color:#FFF; 
}

#adresse_name, #adresse_telefon, #adresse_email, .adresse_punkt {
	float:left;
}

#adresse_name, #adresse_telefon, #adresse_email {
	margin-top:7px;
	margin-left:83px;
	margin-right:83px;
}

#adresse_email a {
	color:#fff; 
}

.adresse_punkt {
	color:#fbbd1e;
	font-size:36px;
	width:20px;
	text-align:center;
	line-height:100%;
	vertical-align:text-top;
}	

footer div {
	font-style:normal;
}

#footer_copy {
	position:relative;
	float:left;
	width:50%;
	text-shadow:1px 1px 3px #000, 2px 2px 5px #000,1px 1px 3px #000, 2px 2px 5px #000;
	padding-top:9px;
	padding-left:6px;
	padding-bottom:8px;
	color:#fff;
}

#footer_mbur {
	position:relative;
	float:left;
	width:50%;
	text-shadow:1px 1px 3px #000, 2px 2px 5px #000,1px 1px 3px #000, 2px 2px 5px #000;
	text-align:right;
	padding-top:9px;
	padding-right:6px;
}

#footer_mbur a, #footer_copy a {
	color:#FFF; 
}

@media only screen and (max-width : 1249px) {
	#adresse {
		width:984px;
	}

	#adresse_name, #adresse_telefon, #adresse_email {
		margin-left:45px;
		margin-right:45px;
	}
}

@media only screen and (max-width : 1023px) {
	#adresse {
		width:736px;
	}
	
	#adresse_name, #adresse_telefon, #adresse_email {
		margin-left:3px;
		margin-right:3px;
	}
}

@media only screen and (max-width : 767px) {	
	footer {
		height:80px;
		padding-top:8px;
	}
	
	#adresse {
		width:100%;
		font-size:17px;
	}
	
	#adresse_name, #adresse_telefon, #adresse_email, .adresse_punkt {
		clear:left;
		width:100%;
		text-align:center;
		margin-top:0px;
		margin-left:inherit;
		margin-right:inherit;
	}
	
	.adresse_punkt {
		display:none;
	}
	
	#footer_copy {
		position:inherit;
		width:100%;
		text-align:center;
		left:0;
		top:18px;
		padding-top:inherit;
		padding-left:inherit;
		padding-bottom:4px;
	}
	
	#footer_mbur {
		position:inherit;
		width:100%;
		text-align:center;
		left:0;
		top:20px;
		padding-top:inherit;
		padding-bottom:10px;
	}
}

/*  footer Ende */
/*  ------------------------------------------------------------------------------------------------------------------------ */