html {position: relative;
min-height: 100%;
-webkit-text-size-adjust: none;}
body {margin-bottom: 90px;
}
body {margin-bottom: 90px;
background-color: #fcf2cc !important;}
h1 {margin-bottom: 30px;}
.logobar {height: 60px;
background: #fff;
margin: 0 auto;
max-width: 1200px;
font-size: 13px;
font-family: light !important;
line-height:18px;
padding:10px 0 0 15px;
}
.footer {position: absolute;
bottom: 0;
font-size: 100%;
background-color: #75767a;
color: #fff !important;
padding: 10px 0;
width: 100%;
/* Set the fixed height of the footer here */}
.logobar a, .logobar a:visited {color:#000 !important;
text-decoration: underline;}
.logobar a:hover {color: #ffca00 !important;
text-decoration:underline;}
.footer ul {padding-left: 15px;}
#logo {width: 360px;
margin: 0;
margin-left: -10px;
border:0; 
-moz-opacity: 1.0;
-webkit-opacity: 1.0;
opacity: 1.0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

@media only screen and (max-width: 468px) {
#logo {
width: 320px;
}
}

@media only screen and (max-width: 380px) {
#logo {
width: 300px;
}
}
#mainimage {position:relative;
height: 300px;
width: 100%;
float:left;
background: url(../src/header_glas_web.jpg) center center no-repeat #000;
border: 0;
overflow:hidden;
margin: -20px 0 20px 0;
border-bottom: 1px solid #ffca00;
}

@media only screen and (max-width: 1023px) {
#mainimage {
height: 250px;
}
}

@media only screen and (max-width: 767px) {
#mainimage {
height: 200px;
}
}

@media only screen and (max-width: 468px) {
#mainimage {
height: 150px;
}
}

@media only screen and (max-width: 380px) {
#mainimage {
display:none;
}
}

@media only screen and (max-height: 420px) and (orientation: landscape) {
#mainimage {
display:none;
}
}
#next, #previous {position: absolute;
top: 40%;}
.newsback a, .bgyellow a {color: #b89200;
text-decoration: underline;}
#previous {left: 20px;
top:45%;}
#next {right: 20px;
top:45%;}
.navbar-toggle {border: 2px solid transparent;
background: #fff;
margin-top: -1px;
margin-bottom: -2px;
padding: 6px 9px;}
.btn, .panel-primary strong, .panel-default strong {color: #000;
text-transform: uppercase;}
.boximage a img {width: 100%;
margin: 0;
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  opacity: 1.0;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.boximage a img:hover { -moz-opacity: 0.7;
 -webkit-opacity: 0.7;
 opacity: 0.7;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.box {padding:0;
border:0;
background-color:#ffca00;}
.newsback, .bgyellow {background: url(../src/centercorner.png) top center no-repeat #fcf2cc;
background-size: 5%;
padding:20px 0;}
.bggrey {background: url(../src/centercorner.png) top center no-repeat #f6f6f6;
background-size: 5%;
padding:20px 0;}
.bgwhite {background-color: #fff !important;}
.xsnews {padding: 0;
}

@media only screen and (max-width: 768px) {
.xsnews {
margin-left: 0;
margin-right: 0;
}
}
.left-10 {margin-left: -10px;}
.top20 {margin-top:20px !important;
margin-bottom: 20px !important;}
.rightplus20 {padding-right:20px;}
.down20 {margin-bottom: 20px;}
.team {height: 300px;
}

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

.team {
height: 330px;
}
}

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

.team {
width: 100%;
height: auto;
}}
.viewport {width: 100%;
overflow: hidden;
position: relative;
}
.viewport a, .viewportfront a {display: block;
position: relative;}
.viewport a img, .viewportfront a img {position: relative;
width:100%;
height:auto;}
.viewport a span, .viewportfront a span {display: none;
height: 100%;
padding: 5%;
position: absolute;
text-align: left;
text-decoration: none;
width: 100%;
z-index: 100;}
.viewport a span p, .viewportfront a span p {display: block;
font-weight: normal;
color:#fff;
padding:0;
margin:0;}
.viewport a span h3, .viewportfront a span h3 {color:#fff;
padding:4% 0 0 0;
margin:0 0 0.3em 0;}
.dark-background {background: url(../src/img_blackgrad.png) top repeat-x;
color: #fff;
}
.fieldnod {display:none;
visibility:hidden;}
.form-group {display: block;
padding: 15px 0 !important;
}

@media only screen and (max-width: 768px) {
.form-group {
display: block;
padding: 0 !important;
}
}
.spacer {padding-bottom: 20px;
padding-top:20px;}
hr.form {margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #ffca00;}
.control-label {font-family: norm;
font-weight: normal;}
#bemerkungen {margin: 0 0 25px 0;}
a.btn {text-decoration: none;}
.panel-primary .panel-heading {color: #000;}
.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;}
input[type="text"] {  background-image: -webkit-linear-gradient(top, #fffbec 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #fffbec 0%, #fff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffbec), to(#fff));
  background-image: linear-gradient(to bottom, #fffbec 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;}
#show_version {display: none;}
.kata, #show_verwendung, #show_layers {display: none;
}
.bottomspacer {margin-bottom: 20px;}
.fullwidth {width: 100%;
float:left;
clear:both;}
.text-white {color: #ffffff !important;
}

a.text-white {
color: #ffffff !important;
text-decoration: underline;}
.address-top {margin-top: 18px;}
.center-block {margin: 0 auto !important;}
.w50 {width: 50%;
height: auto;
margin: 0 auto;}
.w75 {width: 75%;
height: auto;
margin: 0 auto;}