/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v43-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v43-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v43-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v43-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v43-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v43-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v43-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v43-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v43-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v43-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v43-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



* {
 margin: 0px auto;	
font-family: "Open Sans", sans-serif;

}

 body {
	overflow-y: scroll;
	background-image: url(bilder-website/raster/raster-design-desktop.webp);
	background-position: -50px -60px;
	background-repeat: no-repeat;
}






#wrapper {
	position:relative;
	max-width:1500px;
	height+: 980px;
	height: auto;
	z-index:1;
	left: 2%;
	margin: 0px auto;
	top: 0px;
	background-color+: #E0E8E7;
	z-index:0;
}



#logo {
    position: absolute;    
    top: 11px;
    left: 172px;
    width: 103px;
    height: auto;
    margin-bottom: 15px;
    float: left;
    z-index: 12;

}

#headline {
	position: absolute;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 0px;
	z-index:4;
	left: 288px;
	top: 102px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 15px;
	z-index:3;	
}


#headline-arbeitsprobe {
	position: absolute;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 3px;
	z-index:4;
	left: 288px;
	top: 85px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 7px;
	z-index:3;
	
}

#arbeitsprobe {
	position: relative;
	width:auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index:4;
	left: 0px;
	top: 0px;
	
}


#headline-ts-desktop {
	position: absolute;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 0px;
	z-index:4;
	left: 288px;
	top: 102px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 15px;
	z-index:3;	
	
	color: #000;
	font-weight: 400;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: 0.05em;
	
}









#headline-thema {
	position: relative;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 0px;
	z-index:4;
	left: 0px;
	top: 9px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
	float:left;
	margin-right: 20px;
	
}



#headline-thema-sub {
	position: relative
	width:auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index:4;
	top: 9px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 18px;
	padding-top: 9px;
	padding-bottom: 10px;
	float:left;
}



#headline-thema-uebersicht {
	position: relative;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 0px;
	z-index:4;
	left: 0px;
	top: 20px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
	float:left;
	margin-right: 20px;
	
}




#headline-impressum {
	position: absolute;
	width:auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index:4;
	left: 288px;
	top: 108px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 7px;
	z-index:3;	
}


#headline-thema-uebersicht-impressum {
	position: relative;
	width:auto;
	height:auto;
	margin-bottom: 18px;
	margin-top: 2px;
	z-index:4;
	left: 0px;
	top: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
	float:left;
	margin-right: 20px;	
}


#navi-box {
	position: absolute;
	width:170px;
	height:260px;
	z-index:1;
	float:left;
	top: 150px;	
}

.navigation {
	position:relative;
	left:0px;
	
	width:170px;
	height:260px;
	z-index:2;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	float:left;		
}

.navigation li a {
	font-size: 1.0em;
	line-height: 18px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.03em;
	color: #000;
	height:29px;
	z-index:1;
	text-align: left;
	width: 133px;
	padding-top: 8px;
	padding-left: 27px;
	float:left;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	}

.navigation li a:hover {  
	color: #ff4000;
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.03em;
}


#li-aktiv {
	color+: #fa2d14;
	color:#ff4000; 
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.03em;
	}
	
	
	
navigation.aktiv {
	background-color: #FF5331;
	color: #FFF;
	}


#impressum-link {
	left:0px;
	width: 133px;
	height:29px;
	z-index:17;
	color: #87888a;
	font-size: 11px;
	padding-top: 7px;
	padding-left: 27px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666;
	letter-spacing: 0.1em;
	margin-top: 3px;
	float:left;
}


#vor {
    position: absolute;
    left: 90px;
    top: 280px;
    width: 60px;
    height: 60px;
    z-index: 100;
    background-image: url(bilder-website/vor.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 85% auto;	
}

#vor:hover  {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}

#vor-stop {
	position:absolute;
	left:90px;
	top:280px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/vor.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#vor-hover-bild {
	position:absolute;
	left:90px;
	top:280px;
	width:60px;
	height:60px;
	z-index:90;
	background-image: url(bilder-website/vor-hover.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
}


#zurueck {
	position:absolute;
	left:90px;
	top:340px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;		
}


#zurueck:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}

#zurueck-b {
	position:absolute;
	left:90px;
	top:280px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}

#zurueck-b:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}

#zurueck-b-2 {
	position:absolute;
	left:90px;
	top:340px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}

#zurueck-b-2:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}





#zurueck-mobile {
	position:relative;
	left:45%;
	top:50px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;
	background-color+: #E9F073;
}




#zurueck-mobile:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}





#zurueck-2 {
	position:absolute;
	left:90px;
	top: 340px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}



#zurueck-2:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}



#zurueck-stop {
	position:absolute;
	left:90px;
	top:340px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
}

#zurueck-hover-bild {
	position:absolute;
	left:90px;
	top:340px;
	width:60px;
	height:60px;
	z-index:90;
	background-image: url(bilder-website/zurueck-hover.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}

#zurueck-hover-bild-b {
	position:absolute;
	left:90px;
	top:280px;
	width:60px;
	height:60px;
	z-index:90;
	background-image: url(bilder-website/zurueck-hover.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;		
}




#zurueck-hover-bild-2 {
	position:relative;
	left:90px;
	top:440px;
	width:60px;
	height:60px;
	z-index:90;
	background-image: url(bilder-website/zurueck-hover.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}



/* 1. Neutralisiert das li-Element um das Impressum herum */
#li-impressum {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: both; /* Zwingt das Impressum in eine neue Zeile unter die anderen Buttons */
}

/* 2. Überschreibt die geerbten Button-Styles des normalen Menüs für das Impressum */
.navigation li#li-impressum a {
	background-color: transparent !important; /* Entfernt die weiße Fläche */
	border-bottom-style: none !important;     /* Entfernt die durchgezogene Linie unten */
	border-top-style: dotted !important;       /* Macht die obere Linie gepunktet */
	border-top-width: 1px !important;
	border-top-color: #666 !important;
	color: #87888a !important;                 /* Setzt das gewünschte Grau */
	font-size: 11px !important;                 /* Setzt die kleinere Schrift */
	letter-spacing: 0.1em !important;
	margin-top: 5px !important;                /* Schiebt es mit Abstand unter das Menü */
	height: auto !important;                   /* Hebt die feste Button-Höhe auf */
	float: left;
	width: 133px;
	padding-top: 7px;
	padding-left: 27px;
}

/* 3. Schaltet den Vergrößerungs-Effekt beim Drüberfahren (Hover) für das Impressum ab */
.navigation li#li-impressum a:hover {
	color: #ff4000 !important;                 /* Wird beim Hovern rot, bleibt aber klein */
	font-size: 11px !important;
}









#headline-ts-mobile {
	display:none;
	
}

#footer {
	display:none;
}

#footer-box-text-1 {
	display:none;
}


#footer-box-text-2 {
	display:none;
}


@media only screen and (max-width: 1000px) {
	
	
body {
	font-family: "Open Sans", sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0px;
	margin-right: 0px;
	left: 0px;
	top: 0px;
	background-image: url(bilder-website/raster/raster-design-mobile.webp);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}	
	

#wrapper {
	position:relative;
	width:100%;
	height: auto;
	z-index:1;
	left: 0%;
	margin: 0px auto;
}

	
#logo {
    position: absolute;    
    top: 12px;
    left: 26px;
    width: 83px;
    height: auto;
    margin-bottom: 15px;
    float: left;
    z-index: 12;
}

#headline-ts-desktop {
	display:none;	
}

#headline-ts-mobile {
	display:block;	
	position: absolute;
	width:auto;
	
	z-index:4;
	left: 119px;
	top: 81px;
	height:22px;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 12px;
	padding-top: 7px;

	z-index:3;	
	
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.05em;	
}



#headline {
	position: relative;
	width:94%;
	height:22px;
	margin-bottom: 0px;
	margin-top: 20px;
	z-index:4;
	left: 10px;
	top: 0px;
	float:left;
	text-align: left;
	border-left-style: none;
}


#headline-arbeitsprobe {
	position: relative;
	width:88%;
	height:auto;
	margin-bottom: 5px;
	margin-top: 20px;
	z-index:4;
	left: 10px;
	top: 0px;
	float:left;
	text-align: left;
	border-left-style: none;
}



#arbeitsprobe {
	position: relative;
	width:98%;
	height:auto;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
	z-index:4;
	left: 0px;
	top: 0px;
}


#headline-thema {
	position: relative;
	width:98%;
	height:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index:4;
	left: 0px;
	top: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	float:left;
	margin-right: 0px;
}



#headline-thema-sub {
	position: relative
	width:auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 3px;
	z-index:4;
	top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
	float:left;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
}


#headline-thema-uebersicht {
	position: relative;
	width:auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index:4;
	left: 0px;
	top: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float:left;
	margin-right: 20px;	
}



#navi-box {
	position: relative;
	width:100%;
	height:auto;
	z-index:1;
	margin-bottom: 0px;
	margin-top: 125px;
	left: 0px;
	top: 0px;
	float:left;
	margin-left: 0px;	
}


.navigation {
	position:relative;
	left:0px;
	width:98%;
	height:auto;
	z-index:2;
	list-style-type:none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;	
}

.navigation li a {
	width: 49%;
	font-size: 1.0em;
	line-height: 18px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.06em;
	color: #000;
	height:29px;
	z-index:1;
	text-align: left;
	padding-top: 8px;
	padding-left: 2px;
	float:left;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 3px;
	margin-right: 3px;
	text-indent: 20px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}



.navigation li a:hover {  
	color: #fa2d14;
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.06em;
}


#li-aktiv {
	color: #fa2d14;
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.06em;
	}

	
navigation.aktiv {
	background-color: #fff;  
	color: #fa2d14;
}

	
	
	
/* 1 Navi zurück mobil */




#box-zurueck {
	position:relative;
	left:0%;
	top:20px;
	width:65px;
	height:65px;
	z-index:500;
	background-color+: #98E186;	
}
	
#box-zurueck-brand {
	position:relative;
	left:-20px;
	top:45px;
	width:65px;
	height:65px;
	z-index:500;
	background-color+: #98E186;
}



#zurueck-a {
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	z-index:100;
	background-image: url(bilder-website/zurueck-hover.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;	
	
}

#zurueck-a:hover {
	opacity: 0;
	-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}


#zurueck-hover-bild-a {
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	z-index:90;
	background-image: url(bilder-website/zurueck.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
    background-size: 85% auto;		
}



/* 1 Navi zurück mobil Ende */



#impressum-link {
display: none;
}

#vor {
	display: none;
}

#vor:hover  {
	display: none;
}

#vor-stop {
	display: none;
}

#vor-hover-bild {
	display: none;
}

#zurueck {
	display: none;
}

#zurueck:hover {
	display: none;
}


#zurueck-2 {
	display: none;
}

#zurueck-2:hover {
	display: none;
}

#zurueck-stop {
	display: none;
}

#zurueck-hover-bild {
	display: none;
}

#zurueck-hover-bild-2 {
	display: none;
}



#footer {
	display: block;
	position: relative;
	float:left;
	left: 0px;
	top: 0px;
	width:100%;
	height: auto;
	background-color: #E4ECEE;
	z-index:12;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: -10px;
}		

#footer-box-text-1 {
	display: block;
	position: relative;
	float:left;
	width:40%;
	height: 50px;
	margin-top: 15px;
	margin-left: 30px;
	z-index:8;
	color: #000;
}		

#footer-box-text-2 {
	display: block;
	position: relative;
	float:left;
	width:40%;
	height: 50px;
	margin-top: 15px;
	margin-left: 15px;
	z-index:8;
	color: #000;
}		


	


}




@media only screen and (max-width: 540px) {
	



#navi-box {
	position: relative;
	width:100%;
	height:auto;
	z-index:1;
	margin-bottom: 0px;
	margin-top: 125px;
	left: 0px;
	top: 0px;
	float:left;
	margin-left: 0px;
	margin-right: 0px;
}


.navigation {
	position:relative;
	left:0px;
	width:97%;
	height:auto;
	z-index:2;
	list-style-type:none;

	padding-left: 10px;
}

.navigation li a {
	width: 48%;
	font-size: 1.0em;
	line-height: 18px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.06em;
	color#: #000;
	height:29px;
	z-index:1;
	text-align: left;
	padding-top: 8px;
	padding-left: 2px;
	float:left;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 3px;
	margin-right: 3px;
	text-indent: 20px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}



.navigation li a:hover {  
	color: #fa2d14;
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.06em;
}


#li-aktiv {
	color: #fa2d14;
	font-weight: 400;
	font-size: 1.05em;
	letter-spacing: 0.06em;
	}

	
navigation.aktiv {
	background-color: #fff;  
	color: #fa2d14;
}
	
#box-zurueck-brand {
	position:relative;
	left:-20px;
	top:25px;
	width:65px;
	height:65px;
	z-index:500;
	background-color+: #98E186;
}



#footer {
	position: relative;
	float:left;
	left: 0px;
	top: 0px;
	width:100%;
	height: auto;
	background-color: #E4ECEE;
	z-index:12;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: -10px;
	
}

#footer-box-text-1 {	
	position: relative;
	float:left;
	width:auto;
	height: auto;
	margin-top: 15px;
	margin-left: 30px;
	z-index:8;
	color: #000;
	padding-bottom: 12px;
	background-color+:#CA3;
	
}		

#footer-box-text-2 {
	display: block;
	position: relative;
	float:left;
	width:auto;
	height: auto;
	margin-top: 15px;
	margin-left: 30px;
	z-index:8;
	color: #000;	
	padding-bottom: 12px;
	background-color+:#CC3;
	
}	


	

}