/*body,html{background-color:#fff}label.error{color:#c00}*/
*
margin: 0;
padding: 0;	
}

.clearfix {
	clear: both;
}



html {
	font-size: 100%; 
}
.menue {
	background:none;
}
a:focus, a:hover {
	text-decoration: none;
}

.container-fluid > .navbar-collapse, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container > .navbar-header  {
	margin-right: 0 !important;
	margin-left:0 !important;
}


.navbar-default .navbar-toggle {
	border:none !important;
	padding-right:2%;
	position:absolute;
	z-index:50;
	right:10px;
}
.navbar-toggle .icon-bar {
	background-color:#ec5800 !important;
	height: 6px !important;
	width:32px !important;
	border-radius:2px !important;
}
.navbar-toggle:hover {
	border:0.5px solid #ec5800 !important;
}
.navbar-toggle:focus .icon-bar, 
.navbar-toggle:hover .icon-bar {
    background-color:#b1b6bb !important;
	border:1px solid #ec5800 !important;
}

.navbar-header {
	background: none;
}
.schloesser {
	display:block;
	width:100%;
	height:600px;
	padding:0;
	background: url("/img/bg.jpg") no-repeat scroll center top / cover ;
}
.schloesser img {
	display:block;
	float:left;
	margin-top:5%;
	margin-left:4.5%;
	padding-right:0;
	padding-left:4%;
}

.benefit {
	float:right;
	margin-top:13%;
}
.werbung {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:2.97em;
	text-align:left;
	text-transform:uppercase;
	font-weight: regular;
	color:#fff;	
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8),
				 2px 3px 3px rgba(0, 0, 0, 0.8);
	float:right;
}
.container-fluid {
	margin:0 !important;	
	padding:0 !important;	
}
.paddingWeg{
	margin:0 !important;	
	padding:0 !important;
}


.row {
	margin:0 !important;	
	padding:0 !important;
}

.kappe {
	padding-top:10px;
	height:auto;
}

.nummer {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1em;
	color: #757575;
	float:right;
	margin-right:3%;
	padding-top:5px;
}

.kappe img {
	float:right;
}
/*  Menu */
.navbar-default {
	border-bottom:none!important;
	border-left:none!important;
	border-right:none!important;
	background-color:#fff !important;
	margin-top:10px;
	border-top: 1px solid #a8a8a8 !important;
}
.navbar-nav > li {
	padding-top:5% !important;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:0.99em;
	text-align:justify;
	text-transform:uppercase;
	color:#333333;
}
.navbar-nav > li a{
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{
	color:#eb5700;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover  {
	color:#eb5700;
	background-color:transparent;
	font-weight:bold;
} 

.navbar-collapse {
	box-shadow:none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none !important;
	background-color:transparent;
}
.navbar-default .navbar-nav > li > a {
	outline: none !important;
	border-top: inherit;
    border-bottom: inherit;
	color:#757575;
}
.navbar-default .navbar-nav > li > a {
	outline: none !important;
	border-top: inherit;
    border-bottom: inherit;
}

.navbar-brand > img {
	display:block;
	padding-left:60%;
	width:100%;
}
.navbar-nav {
	float:right;
	margin-right:33%;
}

/* Content */
.pageContent {
	width:72%;
	height:auto;
	margin:100px auto;
}
.fliess {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.7em;
	text-transform:uppercase;
	color: #757575;
}
.fortsetzung {
	width:74%;
	margin:0 auto;
}
.fliessPlus {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.7em;
	text-transform:uppercase;
	color: #757575;
	text-align:justify;
	-moz-text-align-last: center;
    text-align-last: center;
}

/*--  Slider titelseite	--*/
.carousel-control {
	padding-top:250px;
}
.bildWechsel {
	margin:50px auto;
}

.slidesInfo {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:2.8em;
	font-weight:regular;
	text-transform:uppercase;
	color: #5a5a5a;
	text-align:justify;
	-moz-text-align-last: center;
    text-align-last: center;
}
.carousel-caption {
	margin-bottom: 150px;
}
.carousel-indicators {
	display:none !important;
}
/* Boxen */

.fenster {
	background-color:#ec5800;
	height:450px;
}
.tuer {
	background-color:#9f3b00;
	height:450px;
}
.schluessel {
	background-color:#0074ba;
	height:450px;
}
.boxen img {
	margin:25px auto;
	width:auto;
}
.boxen a {
	text-decoration:none;
	color:#fff;
	outline:none;
}
.boxInform {
	width:75%;
	margin-top:60px;
	margin-left: auto;
	margin-right:auto;
}
.boxTxt {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.4em;
	/*font-weight:bold;*/
	text-transform:uppercase;
	color: #fff;
	text-align:justify;
	-moz-text-align-last: center;
    text-align-last: center;
}
/*  -----  Leistungen  ---- */
.sub_fliess {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
	text-align:justify;
	-moz-text-align-last: center;
    text-align-last: center;
	color: #757575;
}
.page-content {
	width:92%;
	margin:55px auto;
}

.fenster_info {
	width:34%;
	float:right;
	margin-top:140px;
}
/*--------------------------------------------------------------*/
h2 {
	font-weight:bold;
}
/*  ---  Über uns   ----------------------------------------------*/
.geschichte {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.6em;
	color:#bd4b19;
	margin-left:3%;
	text-align:left;
}
.geschichte  span {
	color: #757575;;
}
/*  ------  Leistungen   -----------------------------------------*/
.gr_fenster {
	width:65%;
	float:left;
}
.gr_fenster img{
	width:80%;
}

/*   ---  Lieferprogramm  -----*/

.bld img {
	margin-left:2%;
	margin-right:2%;
	margin-top:25px;
}
.geschichte a:hover {
	color:#bd4b19;
}
.partner {
	width:80%;
}
.fliessTextS {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.5rem;
	text-transform:uppercase;
	font-weight: black;
	color:#535353;
	text-decoration:underline;
}

.lieferprogramm {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.7rem;
	color:#757575;
	text-align:center;
	text-transform:uppercase;
}
.sortiment {
	text-align:left;
	width:25%;
	padding-left:10%;
}
.sortiment ul {
	color:#eb5700;
}
.sortiment ul span {
	color:#535353;
}


/*  ------------ Impressum   ------------------*/
.subline {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:0.83rem;
	text-align:justify;
	font-weight: black;
	color:#757575;
}
.sublineKl {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:0.7rem;
	text-align:justify;
	font-weight: black;
	color:#757575;
}
.sublineUklein {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:0.6rem;
	text-align:justify;
	font-weight: black;
	margin-top:20px;
}
.kontaktieren a {
	text-decoration:none;
	color:#2b2b2b;
	outline: none;	
}
.kontaktieren a:hover {
	color:#eb5700;
}

/* -------- Kontakt  -----------*/
.btn-success {
  color: #fff;
  background: url("/img/btn_bg.png") no-repeat scroll center top / cover ;
 /* background-color: #9ca1a6 !important;*/
  border-color: #505050! important;
}
.form-group .form-control {
	line-height: 1.6;
}
/*-----------------  Slider  unten------------------------------*/

#slideshow {
display:block;
}

.nbs-flexisel-container {
    position:relative;
    max-width:90%;
	left:5%;
	top:10px;	
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.Slider{
	display:block;
	width:100%;
	background: url("/img/footerBG.png") no-repeat scroll center bottom / cover ;	
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
   /* cursor:pointer;*/
    position:relative;
    line-height:0px;
}

.nbs-flexisel-item img {
    width: 100%;
   /* cursor: pointer;*/
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
	padding-bottom:10px;
    max-width:190px;
    min-height:35px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
   /* opacity: 0.5;*/
}

.nbs-flexisel-nav-left {
	top:5px !important;
    left: -5%;
    background: url(/img/prev.png) no-repeat;
	height:40px;
}

.nbs-flexisel-nav-right {
	top:5px !important;
    right: -5%;
    background: url(/img/next.png) no-repeat;
	height:40px;
}
/*-----------------------------------------------------------------------*/
/* Footer */
.page-footer {
	background-color:#1a1a1a;
	padding-top:50px;
	padding-bottom:50px;
}
.fBook {
	margin-top:19px;
	padding-left:5%;
}
.fBook img{
	width:10%;
}
.foot_head {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.7em;
	color: #fff;
}
.foot_sub {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.6em;
	color: #fff;
	margin-left:5%;
}
.adr,
.tel {
	margin-top:20px;
}
.email a {
	text-decoration:none;
	outline: none;
	color:#fff;
}
.email a:hover {
	color:#eb5700;
}

/*---@media@media@media@media@media@media@media@media@media@media@media@media@media@media*/




@media only screen and (max-width: 1600px) {
	
.menue {
	background:none;
}

.schloesser {
	display:block;
	width:100%;
	height:550px;
	padding:0;
	background: url("/img/bg.jpg") no-repeat scroll center top / cover ;
}
.navbar-brand > img {
	display:block;
	padding-left:35%;
	width:90%;
}
.benefit {				 
	float:right;
	margin-top:13%;
	padding-left:0px;
	padding-right:7px;
}
.werbung {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:2.23em;
	text-align:left;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8),
				 2px 3px 3px rgba(0, 0, 0, 0.8);
	float:right;
}	
.carousel-control {
	padding-top:180px;
}
.carousel-caption {
	margin-bottom: 100px;
}
.slidesInfo {
	font-size:2.4em;
}
.navbar-nav {
	float:right;
	margin-right:33%;
}
.navbar-nav > li {
	padding-top:5% !important;
	font-size:0.76em;
	color:#333333;
}
/*  ------  Leistungen   -----------------------------------------*/
.gr_fenster {
	width:65%;
	float:left;
}
.gr_fenster img{
	width:60%;
}

/*-----------------------------------------------------------------*/
.fenster {
	height:350px;
}
.tuer {
	height:350px;
}
.schluessel {
	background-color:#0074ba;
	height:350px;
}
.boxen img {
	margin:25px auto;
	width:15%;
}
.boxTxt {
	font-size:0.9em;
}
.foot_head {
	font-size:1.2em;
}
.foot_sub {
	font-size:1.2em;
	margin-left:5%;
}	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
.menue {
	background:none;
}
.benefit {			 
	float:right;
	margin-top:13%;
	padding-left:0;
	padding-right:5px;
}
.werbung {
	font-size:1.8em;
	text-align:left;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8),
				 2px 3px 3px rgba(0, 0, 0, 0.8);	
	float:right;
}
.schloesser {
	display:block;
	width:100%;
	height:450px;
	padding:0;
	background: url("/img/bg.jpg") no-repeat scroll center top / cover ;
}

.schloesser img {
	display:block;
	float:left;
	margin-top:7%;
	margin-left:4%;
	padding-right:0;
	padding-left:4%;
}
.navbar-nav {
	float:right;
	margin-right:18%;
}
.navbar-nav > li {
	padding-top:20 !important;
	font-size:0.77em;
	color:#333333;
}
.carousel-control {
	padding-top:140px;
}
.carousel-caption {
	margin-bottom: 70px;
}
.slidesInfo {
	font-size:2.4em;
}

/*  ------  Leistungen   -----------------------------------------*/

.gr_fenster img{
	width:80%;
}
.sub_fliess {
	font-size:1.2em;
}
.fenster_info {
	width:34%;
	float:right;
	margin-top:105px;
}
/*-----------------------------------------------------------------*/
.fenster {
	height:300px;
}
.tuer {
	height:300px;
}
.schluessel {
	background-color:#0074ba;
	height:300px;
}
.boxen img {
	margin:25px auto;
	width:15%;
}
.boxTxt {
	font-size:0.9em;
}
.foot_head {
	font-size:1.2em;
}
.foot_sub {
	font-size:1.2em;
	margin-left:5%;
}
}

/*///////////////////////////////////////////////////////////////////////////////*/
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.menue {
	background:none;
}
	
.navbar-brand > img {
	display:block;
	padding-left:13%;
	width:90%;
}
.navbar-nav {
	float:right;
	margin-right:1%;
}
.navbar-nav > li {
	padding-top:20 !important;
	font-size:0.79em;
	color:#333333;
}
.navbar-default {
	border-bottom:none!important;
	border-left:none!important;
	border-right:none!important;
	background-color:transparent !important;
	border-top: none !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}	
.schloesser {
	display:block;
	width:100%;
	height:350px;
	padding:0;
	background: url("/img/bg.jpg") no-repeat scroll center top / cover ;
	margin-top:10px;
}
.schloesser img {
	display:block;
	float:left;
	margin-top:2%;
	margin-left:4%;
	padding-right:0;
	padding-left:4%;
}
.benefit {				 
	float:right;
	margin-top:18%;
	padding-left:0;
	padding-right:5px;
}
.werbung {
	font-size:1.23em;
	text-align:left;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8),
				 2px 3px 3px rgba(0, 0, 0, 0.8);	
	float:right;
}
.pageContent {
	width:85%;
	height:auto;
	margin:55px auto;
}
.fliess {
	font-size:1.1em;
	text-transform:uppercase;
}

/*  ------  Leistungen   -----------------------------------------*/
.sub_fliess {
	font-size:1.05em;
}
.gr_fenster {
	width:65%;
	float:left;
}
.gr_fenster img{
	width:80%;
}
.fenster_info {
	width:34%;
	float:right;
	margin-top:20px;
}

/*-----------------------------------------------------------------*/
.fenster {
	height:250px;
}
.carousel-control {
	padding-top:70px;
}
.carousel-caption {
	margin-bottom: 50px;
}
.slidesInfo {
	font-size:1.4em;
}
.fliessPlus {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	color: #757575;
	text-align:justify;
	-moz-text-align-last: center;
    text-align-last: center;
}
.tuer {
	height:250px;
}
.schluessel {
	background-color:#0074ba;
	height:250px;
}
.boxen img {
	margin:25px auto;
	width:10%;
}
.boxTxt {
	font-size:0.8em;
}
.foot_head {
	font-size:1.2em;
}
.foot_sub {
	font-size:1.2em;
	margin-left:5%;
}
.boxInform {
	width:84%;
	margin-top:30px;
	margin-left: auto;
	margin-right:auto;
}
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
 /* Small Devices, Tablets */
 
 @media only screen and (max-width : 768px) {

.navbar-brand > img {
	display:none;
}
.schloesser img {
	display:none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none !important;
	background-color:#4cbad6;
	margin-top:-50px;
	width:100%;
	position:absolute;
	z-index:10;
}

.menue {
	height:310px;
	background: url("/img/mob_bg.jpg") no-repeat scroll center bottom / cover ;	
}
.schloesser {
	display:none;
}

.navbar-nav {
	float:left;
	margin-left:2%;
}

/*  ------  Leistungen   -----------------------------------------*/
.sub_fliess {
	font-size:1.1em;
}
.gr_fenster {
	width:45%;
	float:left;
}
.gr_fenster img{
	width:80%;
}
.fenster_info {
	width:34%;
	float:right;
	margin-top:20px;
}
.fenster_info {
	width:55%;
	float:right;
	margin-top:20px;
}

/*-----------------------------------------------------------------*/

/*   ---  Lieferprogramm  -----*/

.fliessTextS {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size:1.2rem;
	text-transform:uppercase;
	font-weight: black;
	color:#535353;
	text-decoration:underline;
	margin-top:45px;
}
.lieferprogramm {
	font-size:1.4rem;
}
.geschichte {
	font-size:1.2em;
}
/* ------------------------------------  */
.navbar-nav > li {
	padding-top:0 !important;
	font-size:1.4em;
}
.navbar-default .navbar-nav > li > a {
	outline: none !important;
	border-top: inherit;
    border-bottom: inherit;
	color:#fff;
}
}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

.menue {
	height:300px;
	background: url("/img/mob_bg.jpg") no-repeat scroll center bottom / cover ;	
}
.navbar-nav > li {
	padding-top:0 !important;
	font-size:1.2em;
}
/*  ------  Leistungen   -----------------------------------------*/
.sub_fliess {
	font-size:1em;
}
.gr_fenster img{
	width:40%;
	margin-left:10%;
}
.fenster_info {
	width:95%;
	float:right;
	margin-top:20px;
}

/*-----------------------------------------------------------------*/
/*  ---- Über uns  -------------------------------------------------*/
h1 {
	font-size:1.6em !important;
}
h2 {
	font-size:1.4em !important;
}
.geschichte {
	font-size:1.3em;
}	
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* Custom, iPhone Retina */ 
 
 @media only screen and (max-width : 320px) {
	 
.menue {
	height:280px;
	background: url("/img/mob_bg.jpg") no-repeat scroll center bottom / cover ;	
}	 	 
}