html {position: relative;
min-height: 100%;
-webkit-text-size-adjust: none;}
body {background-color:#000;
margin-bottom: 120px;
padding-top: 50px;
padding-bottom: 20px;}
a:hover img.imgbtn, a:hover img.mdb  {filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;}
.jumbotron img {display:block;
text-align:center !important;
width:100%;}
.jumbotron {background-color:#000;}
.mainimage {position:relative;
float:left;
clear:both;
background: #cc0000;
background-size:contain;
width:100%;
height: 400px;
overflow:hidden;
margin-bottom: 4px;
}

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

.mainimage {
height:280px
}

}

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

.mainimage {
height:160px
}}
.footer {position: absolute;
border-top: 1px solid #171717;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 120px;
color: #7e888d;
background-color: #000;
}

.footer div p {
color: #7e888d !important;
} 

.footer div a {
color: #7e888d !important;
text-decoration: underline;}
body > .container {padding: 60px 15px 0;}
.container .text-muted {margin: 20px 0;}
.footer > .container {padding-right: 15px;
padding-left: 15px;}
.code {font-size: 80%;}
.spacer {padding-bottom: 20px;
padding-top:20px;}
.top-space-5 {margin-top:5px;}
.box {padding:15px 5px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#f5f5f5;}
.border {padding:0;
margin:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #eee;}
.nav > li > a {padding-left: 10px;
padding-right:10px;}
.subline {display:block;
border-bottom: 1px solid #ccc;
width: 100%;
padding: -15px 0 0 0;
margin: 0 0 15px 0;}
.centerlog {float:none;
clear:both;
display:block;
margin: 0 auto !important;}
.fieldnod {display:none;
visibility:hidden;}
.form-group {margin-bottom: 15px;}
.logo {position: absolute:
margin-top:100px;
z-index:9999;
width:250px;
height:250px;
}

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

.logo {
height:155px;
width:155px;
}
}

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

.logo {
height:120px;
width:120px;
}}
.logopos {padding-top:50px;
}

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

.logopos {
padding-top:5px;
}
}

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

.logopos {
padding-top:5px;
}
}
.trenner {position:relative;
float:left;
clear:both;
background:url(src/bgmainimage.png) bottom center no-repeat #f1975c;
background-size:contain;
width:100%;
min-height: 400px;
overflow:hidden;
margin-bottom: 20px;
}

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

.trenner {
min-height:250px
}

}

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

.trenner {
min-height:200px
}}
.gify {max-height:220px;
width:auto;}
.google-maps {       position: relative;
        padding-bottom: 45%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}


@media only screen and (max-width: 760px) {
.google-maps {
       position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
}
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}
#breadcrumb {position: relative;
color: #fff !important;
text-decoration:none;
text-transform: uppercase;
padding: 4px 15px 0 15px;
height: 25px;
font-size: 90%;
}

#breadcrumb>a {
text-decoration: none;
color: #fff;
}

#breadcrumb>a:hover {
text-decoration: underline;
color: #cc0000;
}
#breadcrumbholder {background-color:#000;
margin-top:400px;
border-bottom: 1px solid #171717;
}

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

#breadcrumbholder {
margin-top: 280px
}

}

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

#breadcrumbholder {
margin-top:160px
}}
.medgrey {background-color: #20272a;}
.darkgrey {background-color: #131313;}
.ohi {display:block;
overflow:hidden;
background: url(../src/ic_lupe.png) no-repeat center center;
background-size: 10%;
}

.ohv {
display:block;
overflow:hidden;
background: transparent;
}

.ohl {
display:block;
overflow:hidden;
background: url(../src/ic_link.png) no-repeat center center;
background-size: 10%;
}
.ng0 {background-color: #000 !important;}
.downer li a {padding: 30px 15px 4px 15px;}
a.lightbox img {max-width: 110%;
margin: -5%;
padding: 0;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.5s;
}

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

a.lightbox img {
max-width: 100%;
margin: 0;
padding: 0;
}}
a.lightbox img:hover {opacity: 0.2;
-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}
.my20 {margin: 20px 0;}
.py20 {padding: 20px 0;
}

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

.py20 {
padding: 8px 0;
}}
.full {float:left;
clear:both;
width:100%;
height: auto;
background:transparent;}
.lb50 {border: 1px solid #20272a;
padding: 20px;
margin: 8px 15px 10px 15px;
height: 50% !important;
min-height:120px;}
.fifty {position: relative;
left:25%;
width: 50%;
height: auto;
padding: 0 auto 0 auto;}
.py40 {padding: 40px 0;}
.px40 {padding: 0 40px;}
.decotop {background: url('src/wn_quote-deko_1200.jpg') top center no-repeat transparent;
background-size: contain;}
.navbar-fixed-top {border-bottom: 1px solid #131313;
box-shadow: 0px 4px 15px rgba(19, 19, 19, 0.3);}
.pr15 {padding: 0 15px 0 0 !important;
}

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

.pr15 {
padding: 0;
}}
.pl30 {padding: 0 0 0 30px !important;
}

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

.pl30 {
padding: 0 0 0 15px !important;
}}
.mp0 {margin:0 !important;
padding:0 !important;}
a.white {color: #efefef;
text-decoration: underline;
}

a.white:hover {
color: #cc0000;
text-decoration:underline;}
.pb20 {padding-bottom: 0 0 20px 0;
}

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

.pb20 {
padding-bottom: 15px;
}}
.googrey {background-color: #f8f9fa;}
.mapframe {padding: 0 !important;}
.pb5 {padding-bottom: 5px !important}
.mt5 {margin-top: 5px !important;}
.h3h {line-height: 120%;}
.mb5 {margin-bottom: 5px !important;}
.bottomspacer {padding-bottom: 25px;}
.wnform {border-radius: 0;
border: 0;
border-bottom: 1px solid #7e888d;
background-color: transparent;
color: #fff;
font-size: 16px;}
input[type="radio"] {  height: 20px;
  width: 20px;
  border: 2px solid #7e888d;
  border-radius: 50%;
  transition: 0.2s all linear;
margin: -1px 5px 0 0;
}

input[type="checkbox"] {
  height: 20px;
  width: 20px;
  border: 2px solid #7e888d;
  border-radius: 50%;
  transition: 0.2s all linear;
margin: -1px 5px 0 0;
}

input[type="radio"]:checked {
  border: 2px solid #cc000 !important;
 color: #cc000 !important;}