@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Gudea';
  font-style: normal;
  font-weight: 400;
  src: local('Gudea'), url(fonts/GS1885NGn8e1-T6Cki4rBA.woff) format('woff');
}


html {
  position: relative;
  min-height: 100%;
   font-family:"Gudea",Arial,Verdana;    
}

/* Body transparent für Hintergrundbild
================================================== */
body {
background: transparent !important;
 margin-top:20px;
 }

.footer {background: url("../bilder/footer.jpg");
	height:95px;
	padding-top:10px;
	font-size:12px;
		}
  
.container {	background:#dcdcdc;
				/*background: rgba(255, 255, 255, 0.8);*/
				-moz-box-shadow: 0 0 20px black; 
				-webkit-box-shadow: 0 0 20px black; 
				box-shadow: 0 0 20px black; }

/* magin: oben unten  rechts links*/
h1 { font-family:'Gudea', helvetica, verdana; color:#333; font-weight:normal; font-size:24px;text-transform: uppercase;} /*#ff8500   #e57b02  */
/* Farben   
================================================== */
.farbe {color:#385c2d;}
a {color:#1E1E1E; text-decoration:none;}
a:hover {color:#6d331b;  text-decoration:underline;}
/* orange Highlight Farbe*/

.orange {color:#ff8800;}
.orange-bg {background-color:#ff8800;}
/* Geänderte Nav-Bar Farbe*/

.navbar {background-color: #CCC;	} /** border-color: #c5c5c5;background-color: #444;*/
/* Oranger Button Navigation*/
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: #FFF;    background-color:#ff8800;	}
/* Oranger Button Navigation*/
.icon-bar {background-color:#000000;}
.navbar-toggle {background-color:#ff8800;}
	
/* Hintergrundbild   
================================================== */
.full {
/* Fallback für Browser ohne RGBa */
	background:#e3e0d1;
/*  IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e0d1, endColorstr=#f6f2e1);
/*  IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e0d1, endColorstr=#f6f2e1)";

	background: url(../bilder/background-image.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}

img{border:none;}

/* Image Slider
================================================== */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;padding:0; display:block; overflow:hidden; text-indent:-8000px;     }
#slider-content{
		display:inline; /* Wichtig, damit die beiden Oberlays auch angezeigt werden.*/
		position:relative;left:620px;float:left;height:180px;width:350px;		}			
#slider ul, #slider li{		margin:0;		padding:0;		list-style:none;		}
#slider li, #slider2 li{ 	width:350px;		height:180px;		overflow:hidden; 		}	
		
.logo {width:700px; height:180px; position:absolute; z-index:1; margin:0px 0px 0px -620px; background:url(../bilder/Lang-Logo-Header.png); } 
	
.abstand-links {padding-left:30px}
.produktgruppe {
	margin:5px;
	text-align:center;
	padding:5px;
	height:140px;
	width:145px;
	overflow:hidden;
	float:left;
	background:#efefef;
	}
	.produktbild {
	margin:5px;
	text-align:center;
	padding:5px;
	overflow:hidden;
	float:left;
	background:#efefef;
	}
/* Formular   
================================================== */
	.form-group {
    	padding: 0 5px;
 }
.form-horizontal {
	 padding:0 25px;
	 }
 @media (max-width: 500px) {
.form-horizontal {
	 padding:0 ;
	 }
}

/* Maximale Container Breite auf 970   
================================================== */
 @media (min-width: 992px) {
.container {    width: 970px;
}

}

 @media (max-width: 992px) {
body {
  margin-bottom: 40px;
   background: #fff;
      margin-top: 0px;
}
.footer {background:#ff8400;
	height:auto;;
	padding-top:15px;
	font-size:12px;
		}
.abstand-links {padding-left:15px}  

}
/* Extra Small Devices, Phones */ 
 @media (max-width: 768px) {
.full {
/* Fallback für Browser ohne RGBa */
	background:#e3e0d1;
	}  
.produktgruppe {
	margin:5px;
	text-align:center;
	padding:5px;
	height:140px;
	width:155px;
	overflow:hidden;
	float:left;
	background:#efefef;
	}	

}