/* CSS Document */

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

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



.printOnly {display:none;}

/*Optimierung der Seiten für den Druck */
@media print {
		#li_menue, nav {display:none;}
		header p {font-size:0.7em;}
		img.logo1 {width:110px; height:39px; margin-left:1em;}
		img.logo2 {width:110px; height:39px; margin-right:1em;}
		h1, h2, h3, h4 {page-break-after:avoid;}
		.printOnly {display:block; font-size:0.7em; font-weight:normal;}
}

/*Klassenfestlegung für die Unterdrückung des Ausdrucks auf einen Drucker*/
/*Was diese Klasse erhält, wird nicht gedruckt*/

body {
/*background-image:url(../images/background_wiese2.jpg);*/
/*background-color: rgba(56, 72, 63, 0.07);*/
background-attachment:fixed;
background-size:100%;
/*	background-repeat:repeat;*/
}

.zentriert {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}

a:link a:visited {
text-decoration:none;	
	}
	
a:hover {
font-weight: bold;	
	}	

.container {
	max-width: 960px;
	margin: auto;
    margin-top:5%;
	position: relative;
	}

header {
	margin-top: 30px;
	max-width:100%;
    font-size: 1.3em;
    font-family: arial;
    font-weight: bolder; 
	text-align: center;
	padding-top:0.3em;
	border: 1px;
	border-style: solid;
	
/*Hintergrund des Firmenkopfes mit Farbverlauf*/

background: rgb(255,255,255); /* Alte Browser */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}

/*Textschattierung der FR bi-foam...*/

header p {
text-shadow: 8px 6px 15px #666666;
	}

/*bi-foam wird grün und bekommt andere Größe*/

header span  {
	color: rgb(51,150,51);
	font-size:1.2em;
} 

img.logo1 {
margin-left: 2em;
float: left;
	}

img.logo2 {
margin-right: 2em;
float: right;
	}

.container nav {
	background-image:url(../images/bg_foamglass.jpg);
	background-repeat: no-repeat;
	
	padding-top: 1px; 
	min-height: 535px;
}

.bi-foam_Anschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: rgb(0,159,0);
	text-shadow: 1px 1px 1px grey;
}

.bi-foam_Anschrift2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: rgba(17, 25, 29, 0.68);
}

.bi-foam_slogan_weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-style: normal;
	font-weight: bold;
	color: rgba(17, 25, 29, 0.68);
	text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;
}

.bi-foam_slogan_gruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-style: normal;
	font-weight: bold;
	color: rgb(51,150,51);
	text-shadow: 3px 3px 4px grey;
	text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;
}

.text_weiss {
	color: #FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	}

#text1 {
	font-size: 1.2em;
	font-family: arial;
	font-weight: normal;
	/*text-shadow: 2px 2px 1px #FFFFFF;*/
	text-shadow: 1px 1px 0px rgb(0, 0, 0), 0px 1px 1px rgb(102, 102, 102);
	position: relative;
	width: 335px;
	height: 60px;
	top: 352px;
	left: 60px;
	z-index:2;
	}

#t1 {
	background-color: rgb(0,127,0);
	position: relative;
	top: -671px;
	left:49px;
	 width:190px;
	 height:28px;
	 z-index:1;
	 opacity:0.7;
	 box-shadow: 5px -3px 10px grey;
	 border-radius: 0 10px 0 0;
 	 border: 1px solid rgb(92,92,92);
	}

#text1 a {
text-decoration:none;	
font-weight:normal;
color: #0F960F;
	}

#text2 {
font-size: 1.2em;
font-family: arial;
font-weight: normal;
/*text-shadow: 2px 2px 1px #FFFFFF;*/
text-shadow: 1px 1px 0px rgb(0, 0, 0), 0px 1px 1px rgb(102, 102, 102);
color: #0F960F;
position: relative;
width: 335px;
height: 60px;
top:  69px;
left: 166px;
z-index:2;
	}

#t2 {
	background-color: rgb(0,127,0);
	position: relative;
	top: -925px;
	left:154px;
	 width:190px;
	 height:28px;
	 z-index:1;
	 opacity:0.7;
	 box-shadow: 5px -3px 10px grey;
	 border-radius: 0 10px 0 0;
 	 border: 1px solid rgb(92,92,92);

	}

#text2 a {
text-decoration:none;	
font-weight:normal;
color: #0F960F;
	}

#text3 {
font-size: 1.2em;
font-family: arial;
font-weight: normal;
/*text-shadow: 2px 2px 1px #FFFFFF;*/
text-shadow: 1px 1px 0px rgb(0, 0, 0), 0px 1px 1px rgb(102, 102, 102);
color: #0F960F;
position: relative;
width: 335px;
height: 60px;
top: -75px;
left: 448px;
z-index:2;
	}

#t3 {
	background-color: rgb(0,127,0);
	position: relative;
	top: -1038px;
	left:437px;
	 width:190px;
	 height:28px;
	 z-index:1;
	 opacity:0.7;
	 box-shadow: 5px -3px 10px grey;
	 border-radius: 0 10px 0 0;
	 border: 1px solid rgb(92,92,92);
	}

#text3 a {
text-decoration:none;	
font-weight:normal;
color: #0F960F;
	}

#text4 {
font-size: 1.2em;
font-family: arial;
font-weight: normal;
/*text-shadow: 2px 2px 1px #FFFFFF;*/
text-shadow: 1px 1px 0px rgb(0, 0, 0), 0px 1px 1px rgb(102, 102, 102);
color: #0F960F;
position: relative;
width: 335px;
height: 60px;
top: -105px;
left: 727px;
z-index:2;
	}
	
#t4 {
	background-color: rgb(0,127,0);
	position: relative;
	top: -1040px;
	left:720px;
	 width:190px;
	 height:30px;
	 z-index:1;
	 opacity:0.7;
	 box-shadow: 5px -3px 10px grey;
	 border-radius: 0 10px 0 0;
 	 border: 1px solid rgb(92,92,92);
	}	

#text4 a {
text-decoration:none;	
font-weight:normal;
color: #0F960F;
	}

#t1o{
position: relative;
top: -793px;
left: 50px;
width:190px;
height: 147px;
z-index: 2;	
	}

#t2o{
position: relative;
top: -1164px;
left: 155px;
width:190px;
height: 147px;
z-index: 2;	
	}

#t3o{
position: relative;
top: -1394px;
left: 438px;
width:190px;
height: 147px;
z-index: 2;	
	}

#t4o{
position: relative;
top: -1511px;
left: 721px;
width:190px;
height: 147px;
z-index: 2;	
	}

#bild1 {
width: 188px;
height: 115px;
position: relative;
top: 141px;
left: 50px;
background-color: #FBF7F7;
padding: 1px;
outline: 0px solid #5A5A5A;
outline-offset: 0px;
box-shadow: 5px 5px 10px grey;
	}

#bild2 {
width: 188px;
height: 115px;
position: relative;
top: -200px;
left: 155px;
background-color: #FBF7F7;
padding: 1px;
outline: 0px solid #5A5A5A;
outline-offset: 0px;
box-shadow: 5px 5px 10px grey;
	}

#bild3 {
width: 188px;
height: 115px;
position: relative;
top: -400px;
left: 438px;
background-color: #FBF7F7;
padding: 1px;
outline: 0px solid #5A5A5A;
outline-offset: 0px;
box-shadow: 5px 5px 10px grey;
	}

#bild4 {
width: 188px;
height: 115px;
position: relative;
top: -487px;
left: 721px;
background-color: #FBF7F7;
padding: 1px;
outline: 0px solid #5A5A5A;
outline-offset: 0px;
box-shadow: 5px 5px 10px grey;
	}

#anschrift {
width: 475px;
height: 170px;
position: relative;
top: -445px;
left: 430px;
background-color: #E0E4E0;
background-image:url(../images/adr_back1.gif) ;
background-repeat:no-repeat;
background-size: cover;
padding: 5px;
outline-offset: 0px;
box-shadow: 5px 5px 10px grey;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
	}

#firmendaten {
width: 240px;
height: 170px;	
position: relative;
/*background-color:red;*/
top: -14px;	
left: 280px;	

font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;	
color: #5A4F4F;
	}

#firmendaten a {
text-decoration:none;	
font-weight:normal;
color:#5A4F4F;
	}

#firmendaten a:hover {
font-weight: normal;	
color:#007F00;
	}	

#slogan {
width: 480px;
height: 38px;	
position: relative;
top: -415px;	
left: 480px;	

font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;	
color: #5A4F4F;
	}

#innovativ_1 {
	width: 480px;
	height: 38px;
	position: relative;
	/*background-color:red;*/
top: -464px;
	left: 335px;
	/*font-family: 'Courgette', cursive;*/
font-family: Kalam, cursive;
	font-size: 1.9em;
	font-weight: bold;
	color: red;
	/*text-shadow: 1px 1px 1px grey;*/
/*text-shadow: 0 2px 4px #FFFFFF, 0 2px 1px #666666;*/
	text-shadow: 3px 1px 0px #000,0 1px 1px #666666;
	}

#innovativ_2 {
width: 480px;
height: 38px;	
position: relative;
/*background-color:red;*/
top: -719px;	
left: 211px;	

-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-o-transform: rotate(320deg);
-ms-transform: rotate(320deg);
transform: rotate(320deg);

/*font-family: 'Courgette', cursive;*/
font-family: Kalam, cursive;
font-size: 1.9em;
font-weight: bold;	
color: red;
text-shadow: 3px 1px 0px #000, 0 1px 1px #666666;
	}

#impressum {
width: 630px;
height: 20px;	
position: relative;
/*background-color:red;*/
top: -460px;	
left: 295px;	

font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;	
color: #5A4F4F;
	}

#impressum a {
text-decoration:none;	
font-weight:normal;
color:#5A4F4F;
	}
	
#impressum a:hover {
font-weight: normal;	
color:#007F00;
	}	

#aktuelles {
	font-size: 1.2em;
	font-family: arial;
	font-weight: normal;
	/*text-shadow: 2px 2px 1px #FFFFFF;*/
	text-shadow: 1px 1px 0px rgb(0, 0, 0), 0px 1px 1px rgb(102, 102, 102);
	position: relative;
	width: 335px;
	height: 60px;
	top: -1319px;
	left: 526px;
	z-index:2;
	}

#aktuelles a {
	text-decoration: none;
	}

#aktuelles_1 {
	background-color: #FF6C00;
	position: relative;
	top: -1379px;
	left:430px;
	 width:252px;
	 height:28px;
	 z-index:1;
	 opacity:0.7;
	 box-shadow: 5px -3px 10px grey;
	 border-radius: 0 0 0 10px;
 	 border: 1px solid rgb(92,92,92);
	}
	
#aktuelles_3 {
	position: relative;
	top: -1545px;
	left:257px;
	 width:428px;
	 height:225px;
	 z-index:2;
	}