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

body {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #fff;
	overflow-x: hidden;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}

p.lead {
	font-weight: 600;
}

a {
    color: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: none;
}
/*Logo*/
.platzhalter-nav{
	width:200px !important; 
	height:65px !important; 
	color:#FFF;
	margin-top:25px;
  background-image:url(../images/logo-dirwimmer.gif);
  background-position:center ;
 margin-left: -20px;
	}
.logo-start{ width:200px; height:65px;}	
/*.nav > li > a:hover, .nav > li > a:focus {background-color:none !important;}*/
.logo-start:hover {background:none !important; width:200px; height:65px;}	
.logo-start:focus {background:none !important; width:200px; height:65px;}	
.navbar-custom .nav li .logo-start:hover, .navbar-custom .nav li .logo-start:focus, .navbar-custom .nav li .logo-start:active {background:none !important;}
.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;	
	  background-color: none;
	  margin-top:-120px;
	  margin-left:0px;
	 
}
.platzhalter-nav-rechts { min-width:50px !important;}
/*Menü*/

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
	 background-color: #fff;
	 height:117px;
}

.navbar-brand {
    font-weight: 700;
  position: absolute;
 left: 15%;
  z-index: 1030 !important;
}

.navbar-brand h1{
	color: #000;
  font-size: 20px;
  line-height: 40px;
  
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
 
}
.menu-position {padding-left:272px !important; width:1000px;}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}
.nav > li {
	min-width:128px;
	min-height:117px;
}
ul li a, ul li ul  a{
	color:#646466;
}
ul li:hover, ul li.active, ul li a:hover, ul li a.active, ul li ul:hover, ul li ul a:hover {
	background-color: #eb5264;
	color:#fff !important;
}

ul li:hover ul li a, ul li:hover a, ul li.active ul li a, ul li.active a {
	font-weight:bold;
	color:#fff ;
}

.navbar-nav > li >a {
	padding-top:80px; 
}
.container {
	max-width:1100px;
	padding:0;
	
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	
}

.akti {color:#f6b2ba !important;}
.navbar-custom ul.nav li a {
	font-size:15px;
	letter-spacing: 1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	
}
.navbar-custom ul.nav li a activ {
	background-color: #eb5264;
	font-size:15px;
	letter-spacing: 1px;
    color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	
}
.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	
}
.navbar-custom.top-nav-collapse ul.nav li:hover a, .navbar-custom.top-nav-collapse ul.nav li:hover ul li a, .navbar-custom.top-nav-collapse ul.nav li.active ul li a, .navbar-custom.top-nav-collapse ul.nav li.active a {
	color:#fff;
}

.navbar-custom ul.nav ul.dropdown-menu a:hover {
	color:#f6b2ba !important;
	  
}
.navbar-custom ul.nav ul.dropdown-menu a:focus {
	 color:#f6b2ba !important;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom:  none;
}
.navbar-custom ul.nav ul.dropdown-menu-left li {
	border-bottom: 1px solid #957f72;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 0;
	font-size:12px;

	font-weight:100;
	
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	color: #646466;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #957f72;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    color: #fff !important;
	font-weight: bold;
	background:  #eb5264; !important;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
   
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #646466;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}
.linie-grau {min-width:1px !important; min-height:85px !important; background-color:#cbcbcb; margin-top:13px;}
.linie-rot {min-width:1px !important; min-height:85px !important; background-color:#f6b2ba; margin-top:13px;}
a.facebook { background-image:url(../images/facebook.gif); width:10px; height:24px; background-position: bottom center; background-repeat:no-repeat; }
a.facebook:hover { background-image:url(../images/facebook-hover.gif) !important; width:10px; height:24px; background-position: bottom center !important; background-repeat:no-repeat !important; }
a.google-plus { background-image:url(../images/google-plus.gif); width:35px; height:21px; background-position: bottom right; background-repeat:no-repeat; margin-left:8px; }
a.google-plus:hover { background-image:url(../images/google-plus-hover.gif) !important; width:35px; height:21px; background-position: bottom right !important; background-repeat:no-repeat !important; margin-left:8px}
.home-section {
    display: block;
    padding-bottom: 40px !important;
padding-top: 40px !important;
    position: relative;
}



/*Bildslider*/
.glyphicon {
	font-size:46px; font-weight:100; color:#5d5d5d;opacity: 10 !important;
	-webkit-transition-property: opacity !important;
	-moz-transition-property: opacity !important;
	-o-transition-property: opacity !important;
	transition-property: opacity !important;}

    
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100% !important;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 10%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {
    left: 10%;
}
/*Bootstrap Carousel fade*/

.carousel-fade .carousel-inner .item {
	opacity: 0 !important;
	-webkit-transition-property: opacity !important;
	-moz-transition-property: opacity !important;
	-o-transition-property: opacity !important;
	transition-property: opacity !important;
}

.carousel-fade .carousel-inner .active {
	opacity: 1 !important;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0 !important;
	opacity: 0 !important;
	z-index: 1 !important;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .next.right {
	opacity: 1 !important;
}

.carousel-fade .carousel-control {
	z-index: 2 !important;
}
/*Ende style Bootstrap Carousel fade*/
.carousel-indicators{bottom:0px !important; }.carousel-indicators li{border: none;border-radius:10px;cursor:pointer;background-color: none;background-color:none;} .carousel-indicators .active{background: none !important;} .carousel-caption{left:0;right:10%}

 .flex-caption {
      width: 33%;
      padding: 2%;
      left: 20% !important;
	  bottom:-20px;
	  position:absolute;
	  z-index:10;
      background-color: rgba(226,0,26,.3);
      color: #fff;
      font-size: 16px;
      line-height: 22px;
	  margin-bottom:0;
	  margin-left:0;
	  right:75%;
	  max-height:80px;
	  text-align:left;
	  padding-top:20px;
    }

/*Bildermenü*/
.bildermenu1 { background-image:url(../images/foerderanlagen.jpg); width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu1:hover {  background-image:url(../images/foerderanlagen-hover.jpg); width:225px !important; height:225px; color:#fff;}
.bildermenu1akti {  background-image:url(../images/foerderanlagen-hover.jpg);width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu2 { background-image:url(../images/rohrbearbeitungsanlagen.jpg); width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu2:hover {  background-image:url(../images/rohrbearbeitungsanlagen-hover.jpg); width:225px !important; height:225px; color:#fff;}
.bildermenu2akti {  background-image:url(../images/rohrbearbeitungsanlagen-hover.jpg);width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu3 { background-image:url(../images/montageanlagen.jpg); width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu3:hover {  background-image:url(../images/montageanlagen-hover.jpg); width:225px !important; height:225px; color:#fff;}
.bildermenu3akti {  background-image:url(../images/montageanlagen-hover.jpg);width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu4 { background-image:url(../images/anlagen-mit-roboter.jpg); width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}
.bildermenu4:hover {  background-image:url(../images/anlagen-mit-roboter-hover.jpg); width:225px !important; height:225px; color:#fff;}
.bildermenu4akti {  background-image:url(../images/anlagen-mit-roboter-hover.jpg);width:225px !important; height:225px; color:#fff; font-size:24px !important; font-weight:bold; padding-top:160px;}



ul li.zertifikate:hover, ul li.zertifikate a:hover {
	background: none  !important; color:#b3b3b3 !important;

}
ul li.zertifikate:hover a, ul li.zertifikate a:hover  {
font-weight:normal !important;
}
/*Scroll top button*/
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:5%;
	z-index:100;
	color:#eb5264;
	
}
.scroll {
	position:absolute;
	right:55px;
	bottom:50px;
	background: none;
	padding:0 8px 0 8px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;

}
.scroll:hover {
	background:none;
	color:#FFF;
		
}
.scroll:hover .fa {
	padding-top:-15px;
}
.scroll .fa {
	font-size:40px;
	font-weight: bolder;
	margin-top:-5px;
}
.fa-4x { font-size:3.5em !important;}
/*Map*/
#map {
        height: 75%;
      }
/*Footer*/
footer {
		margin-top: 2em;
	}
	#footer {
		position: relative;
		height: 20em;
		width:100%;
		line-height: 5em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		background-size:100%;
		color: #000;
		color: rgba(255, 255, 255, 1);
		overflow: hidden;
	}
		#footer-history {
		position: relative;
		height: 17em;
		width:100%;
		line-height: 5em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		background-size:100%;
		color: #000;
		color: rgba(255, 255, 255, 1);
		overflow: hidden;
	}
		#footer-index {
		position: relative;
		height: 20em;
		width:100%;
		line-height: 5em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		background-size:100%;
		color: #000;
		color: rgba(255, 255, 255, 1);
		overflow: hidden;
	}
#footerbox {
	width:90%  !important;
	left:auto;
	right:auto;
	margin-left:auto;
	margin-right:auto;
	}
		#footer a {
			color: #000;
		color: rgba(255, 255, 255, 1);
		}
			#footer a:hover {
				color: #666;
			}
					#footer-history a {
			color: #000;
		color: rgba(255, 255, 255, 1);
		}
			#footer-history a:hover {
				color: #666;
			}
			#footer-index a {
			color: #000;
		color: rgba(255, 255, 255, 1);
		}
			#footer-index a:hover {
				color: #666;
			}
	#footer-history .menu2 li {
				list-style:none;
				font-size: 1.0em;
				float:left;
			}

			#footer-index .menu2 li {
				list-style:none;
				font-size: 1.5em;
				float:left;
			}

.impress{
	margin-left:1em;
	}	
.impress-index{
	margin-left:1em;

	}
		
	#footer .menu2 {
			position: absolute;
			left:3em;
			top: 50px;
			height: 5em;
			line-height: 1.5em;
			margin: 0;
			width:700px;
		}
			#footer .menu2 li {
				list-style: none;
				font-size: 1.2em;
				float:left;
			}
				#footer-history .menu2 {
			position: absolute;
			left:3em;
			top: 50px;
			height: 5em;
			line-height: 1.5em;
			margin: 0;
			width:700px;
		}
			#footer-history .menu2 li {
				list-style: none;
				font-size: 0.8em;
				float:left;
				line-height:1.0em;
			}
		#footer .menu {
			position: absolute;
			right: 6em;
			top: 30%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
			max-width:700px;
		}
			#footer .menu li {
				list-style: armenian;
				font-size: 1.2em;
				float:none;
				line-height:1.25em;
			}
			#footer ul:hover li {
				background:none;
			}
.footer-red {color:#eb5264; font-weight:bold}			
	ul li.impress-index:hover {
	background: none  !important;
}	
ul li.impress:hover {
	background: none  !important;
}
/* Kontakt */	
		#contact {
		padding-bottom: 0;
		left:5%;
		width:25%;
	}

		#contact .box {
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
			position: relative;
			bottom: 0;
		}

		#contact.inactive .box {
			bottom: -30em;
		}
.text-weiss-footer {font-size:1.3em; color:#fff; font-weight:bold; text-align:left;
 } 
 .anfrage {margin-left:-100px; width:450px;}
.senden-button {margin-left:270px; margin-top:5px}



/*Zertifikate*/
.zertifikatcontainer {width:850px; margin:0 auto 0 auto; text-align: center;}
.zertifikate {line-height:2.5em; width:275px; float:left;}
/* Media queries */

@media(min-width:1025px) {

    .navbar {
        padding:  0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
		background-color: #fff;
    }
.container {
	width:1100px;
}
.navbar-brand {
	 position: absolute;
 left: 8%;
  z-index: 1030 !important;
}

    .top-nav-collapse {
        padding: 0;
        background-color: #fff;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
		
    }
	
  

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	color: #957f72;
}
	#footer {
		position: relative;
		height: 20em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
		#footer-history {
		position: relative;
		height: 17em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
#footer .menu2 {
			position: absolute;
			left:2em;
			top: 100px;
			height: 5em;
			line-height: 1.5em;
			margin: 0;
			width:700px;
		}	
		#footer-history .menu2 {
			position: absolute;
			left:2em;
			top: 100px;
			height: 5em;
			line-height: 1.5em;
			margin: 0;
			width:700px;
		}	
#footer .menu {
			position: absolute;
			right: 1.0em;
			top: 80%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}

			#footer .menu li {
				font-size: 1.1em;
				float: none;
			}
			#footer-index {
		position: relative;
		height: 20em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
		#footer-history {
		position: relative;
		height: 13em;
		line-height: 18em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
#footer-index .menu2 {
			position: absolute;
			left:2em;
			top: 100px;
			height: 5em;
			line-height: 1.5em;
			margin: 0;
			width:700px;
		}	
#footer-index .menu {
			position: absolute;
			right: 1.0em;
			top: 70%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}

			#footer-index .menu li {
				font-size: 1.2em;
				float: none;
			}
			#footer-history .menu2 li {
				list-style:none;
				font-size: 0.8em;
				float:left;
			}
			
 .anfrage {margin-left:-100px; width:450px;}
 .senden-button {margin-left:60%; margin-top:5px}
}
@media (max-width:1024px){
	.container {
	width:1100px;
}

.nav > li {
	min-width:108px;

}
.platzhalter-nav{

 margin-left: -20px;
	}
.menu-position {padding-left:222px !important; width:1200px;}
.dropdown-menu  {min-width:108px; }
.dropdown-menu .active  {	min-width:108px; }
	#footer {
		position: relative;
		height: 17em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}	
	#footer-history {
		position: relative;
		height: 11em;
		line-height: 18em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer-index {
		position: relative;
		height: 19em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	.navbar-brand {
	 position: absolute;
 left: 2%;
 margin-left:0;
  z-index: 1030 !important;
}
.platzhalter-nav-rechts { min-width:25px !important;}
	#footer .menu {
			position: absolute;
			right: 8%;
			top: 60%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}
			#footer-index .menu {
			position: absolute;
			right: 4%;
			top: 60%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
			width:420px;
		}
	 .anfrage {margin-left:-70px; width:350px !important;}
	 .senden-button {margin-left:270px; margin-top:5px}
	 .impress{
	margin-left:1em;
	}
	 .flex-caption {
      width: 30%;
      left: 30% !important;
      font-size: 14px;
    }
}
@media (max-width:900px){
.container {
	max-width:900px;
}

.menu-position {padding-left:300px; width:400px; margin-top:75px;}
.nav > li {
	min-height:30px;
}

.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		line-height:20px;
    }
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
}
    .collapse.in{
  		display:block !important;
		overflow-y: auto;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -300px;
}
.navbar-nav .open .dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;}
	.linie-rot {
    background-color: #f6b2ba;
    margin-top: 0;
    min-height: 2px !important; 
}
.dropdown-menu { display:none; padding-top:0px;  }
.linie-grau {
    background-color: #cbcbcb;
    margin-top: 0;
    min-height: 2px !important; 
}

	.navbar-nav > li > a {
    padding-top:8px; line-height:20px;
	}


.navbar-brand {
	height: 149px;
  width: 189px;
  top: 10px;
   position: absolute;
  left:1% ;
  z-index: 1030 !important;
}

	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,1);
	margin-top:0px; top:40px;
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
	.navbar-custom ul.nav ul.dropdown-menu {
	  margin-top:0px;
	  margin-left:0px;
}
	#footer {
		position: relative;
		height: 15em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer-index {
		position: relative;
		height: 20em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer-history {
		position: relative;
		height: 9em;
		line-height: 18em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
		#footer-history .menu2 li {
				list-style:none;
				font-size: 0.8em;
				
			}
		
	.navbar-brand {
	 position: absolute;
 left: 2%;
 margin-left:0;
  z-index: 1030 !important;
}
	#footer .menu {
			position: absolute;
			right: 8%;
			top: 60%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}
		#footer-index .menu {
			position: absolute;
			right: 8%;
			top: 60%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}
		.senden-button {margin-left:230px; margin-top:5px}
		.impress{
	margin-left:1em;
	}	
	 .flex-caption {
      width: 40%;
      left: 30% !important;
      font-size: 14px;
    }

}

@media (max-width:767px) {
.container {
	max-width:767px;
}
.menu-position {padding-left:300px; width:400px; margin-top:75px;}
.nav > li {
	min-height:30px;
}
.linie-grau {display:none;}
.linie-rot { display:none;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -265px;}
	.linie-rot {
    background-color: #f6b2ba;
    margin-top: 0;
    min-height: 2px !important; 
}
.dropdown-menu { display:none; padding-top:0px;  }
.linie-grau {
    background-color: #cbcbcb;
    margin-top: 0;
    min-height: 2px !important; 
}

	.navbar-nav > li > a {
    padding-top:8px; line-height:20px;
}
.navbar-brand {
	height: 149px;
  width: 189px;
  top: 10px;
   position: absolute;
  left:1% ;
  z-index: 1030 !important;
}

	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,1);
	margin-top:0px; top:40px;
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
	.navbar-custom ul.nav ul.dropdown-menu {
	  margin-top:0px;
	  margin-left:0px;
}

		#footer {
		position: relative;
		height: 12em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer-index {
		position: relative;
		height: 26em;
		line-height: 5em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer .menu2 {
			position: absolute;
			left: 2em;
			top: 20px;
			height: 5em;
			line-height: 1.2em;
			margin: 0;
			width:500px;
		}

			#footer .menu2 li {
				list-style: none;
				font-size: 1.1em;
				float:left;
			}
	#footer .menu {
			position: absolute;
			right: 8%;
			top: 60%;
			height: 5em;
			line-height: 1.25em;
			margin: 0;
		}

			#footer .menu li {
				font-size: 0.9em;
				float: none;
			}
			#footer-history {
		position: relative;
		height: 7em;
		line-height: 18em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		color: #fff;
		overflow: hidden;
	}
		#footer-history .menu2 li {
				list-style:none;
				font-size: 0.8em;
				
			}
			#footer-history .menu2 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 1.2em;
			margin: 0;
			width:500px;
		}
			.senden-button {margin-left:270px; margin-top:-50px}
.impress{
	margin-left:-1em;
	margin-top:1em;
	}	
		.impress-index{
	margin-left:0em  !important;
	width:420px;
	margin-top:5em  !important;
	}
	#contact {
		padding-bottom: 0;
		left:5%;
		width:90%;
	}
.anfrage {margin-left:10px; width:350px  !important;}
	
			.senden-button {margin-left:320px; margin-top:-20px}
			.flex-caption { display:none  !important;}
	
	
	
	.zertifikatcontainer {width:90%; margin:0 auto 0 auto; text-align: center;}
.zertifikate {line-height:2.5em; width:275px; float:none;}
}

@media (max-width:480px) {
.container {
	max-width:480px;
}
.navbar-brand {
	height: 89px;
  width: 189px;
  top: 10px;
   position: absolute;
  left:0 ;
  z-index: 1030 !important;
}
.nav > li {
	min-height:30px;
}
.menu-position {padding-left:300px; width:300px; margin-top:75px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -230px;}
.linie-grau {display:none;}
.linie-rot { display:none;}
	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,.);
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
.navbar-custom ul.nav ul.dropdown-menu {
	  margin-top:0px;
	  margin-left:0px;
}	
 .uberschrift-grauh6  {color:#535353; font-size:1.8em; font-weight:bold; line-height:1.1em; text-align:left;
 }
.uberschrift-klein {font-size:1.3em; line-height:1.1em;text-align:left;}
#footer {
		position: relative;
		height: 12em;
		line-height: 16em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer-index {
		position: relative;
		height: 30em;
		line-height: 16em;
		margin: 0;
		color: #fff;
		overflow: hidden;
	}
	#footer .menu2 {
			position: absolute;
			left: 2em;
			top: 0;
			height: 5em;
			line-height: 1.2em;
			margin: 0;
			width:320px;
		}	
		#footer .menu2 li {
				list-style: none;
				font-size: 1.1em;
				float:left;
			}
	#footer .menu {
			position: absolute;
			right: 10%;
			top: 60%;
			height: 4em;
			line-height: 1.25em;
			margin: 0;
		}

			#footer .menu li {
				font-size: 0.9em;
				float: none;
			}
#footer-history {
		position: relative;
		height: 8em;
		line-height: 18em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		color: #fff;
		overflow: hidden;
	}
		#footer-history .menu2 li {
				list-style:none;
				font-size: 0.8em;
				
			}
			#footer-history .menu2 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 1.2em;
			margin: 0;
			width:320px;
		}
	.impress{
	margin-left:-1em;
	width:320px;
	margin-top:0.5em;
	}
	.impress-index{
	margin-left:7em  !important;
	width:320px;
	margin-top:4em  !important;
	}
	#contact {
		padding-bottom: 0;
		left:5%;
		width:90%;
	}
.anfrage {margin-left:10px; width:250px  !important;}
	
			.senden-button {margin-left:230px; margin-top:-90px}
			.flex-caption { display:none  !important;}
}

@media (max-width:320px){
.container {
	max-width:320px;
}
.navbar-brand {
	height: 149px;
  width: 189px;
  background-image:url(../images/bauer-treppen-logo.gif);
  top: 10px;
   position: absolute;
  left:5% ;
  z-index: 1030 !important;
}
.nav > li {
	min-height:30px;
}
.menu-position {padding-left:250px; width:250px; margin-top:75px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -230px;}
.linie-grau {display:none;}
.linie-rot { display:none;}
	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,1);
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
.navbar-custom ul.nav ul.dropdown-menu {
	  margin-top:0px;
	  margin-left:0px;
}
.dropdown-menu-left {
	  margin-top:0px !important;
	  margin-left:0px !important;
}	
		#footer {
		position: relative;
		height: 14em;
		line-height: 18em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		color: #fff;
		overflow: hidden;
	}
	
		#footer-index {
		position: relative;
		height: 30em;
		line-height: 18em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		color: #fff;
		overflow: hidden;
	}
	#footer .menu {
			position: absolute;
			right: 1em;
			top: 65%;
			height: 4em;
			line-height: 1.25em;
			margin: 0;
		}

			#footer .menu li {
				font-size: 0.9em;
				float:none;
				
			}	
	#footer .menu2 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 1.2em;
			margin: 0;
			width:240px;
		}	
		#footer-history {
		position: relative;
		height: 10em;
		line-height: 18em;
		margin: 0;
		background-image:url(../images/footer-hintergrund.jpg)  !important;
		color: #fff;
		overflow: hidden;
	}
		#footer-history .menu2 li {
				list-style:none;
				font-size: 0.8em;
				
			}
			#footer-history .menu2 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 1.2em;
			margin: 0;
			width:240px;
		}	
		#footer .menu2 li {
				list-style:none;
				font-size: 1.1em;
				
			}
			.impress{
	margin-left:0em;
	width: 240px;
	margin-top:0.5em;
	}	
		.impress-index{
	margin-left:10em  !important;
	width: 280px;
	margin-top:4em  !important;
	}	
	#contact {
		padding-bottom: 0;
		left:1%;
		width:90%;
	}
.anfrage {margin-left:5px; width:250px  !important;}

.senden-button {margin-left:220px; margin-top:-120px}
.flex-caption { display:none  !important;}
}