﻿html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-x: hidden;
  min-height: 100%;
  color: #595959;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  background: url(../images/bg.png) fixed repeat-x;
}

a, a:hover, a:focus {
  color: #595959;
}
.center-col a,.center-col a:hover,.center-col a:focus {
  color: #d00012;
}

.no-padd {
  padding-left: 0;  
  padding-right: 0;  
}

.header {
  background: url('../images/header-bg.jpg') no-repeat top center;
  background: url('../images/header-2017.jpg') no-repeat top center;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 1px;
}

.header a {
  color: #000;
}

#open {
  font-size: 10px;
  text-decoration: none;
  display: block;
  float: left;
  height: 20px;
}

#slide-in {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding-top: 8px;
}

#slide-in img {
  max-height: 88px;
  margin-bottom: 3px;
}

#slide-in .wrap {
  margin-bottom: 18px;
  color: #fff;
}

#slide-in a:hover {
  text-decoration: none;
}

#logo {
  position: relative;
  width: 30%;
  z-index: 10000;
  float: left;
}

#logo #home {
  display: block;
  max-width: 87px;
  float: left;
}

.outer-wrap {
  padding-left: 5px;
  padding-right: 5px;
  max-width: 960px;
  margin: 0 auto;
}

.container-fluid {
    min-height: auto;
}

.container-fluid.wrap {
    background: #fff;
    position: relative;
  padding: 0;
  max-width: 950px;
  padding-bottom: 45px;
}

.container {
  max-width: 950px;
}

.sidebar {
  position: relative;
}

.siegel {
    position: absolute;
    left: 45px;
    bottom: 57px;
    z-index: 200;
    width: 90px;
}

/* navbar */
.navbar-default {
  background: none;
  border: none;
  margin-top: 2px;
}

.navbar-nav {
  width: 130px;
}

.navbar-default .navbar-nav>li {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}

.navbar-default .navbar-nav>li>a {
  color: #595959;
  padding-top: 3px;
    padding-bottom: 1px;
  background: url('../images/nav-bg.png') no-repeat left 8px;
  font-size: 14px;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat left 8px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat left 8px;
  padding-left: 16px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat left 8px;
}

.dropdown.active .dropdown-menu {
  position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  display: block;
}

.dropdown-menu {
  padding: 0 0 3px;
}

.dropdown-menu>li>a {
  background: url('../images/nav-bg.png') no-repeat 20px 8px;
  padding-left: 36px;
}

.dropdown-menu>li>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat 20px 8px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat 20px 8px;
}

.navbar-collapse {
  padding: 0;
}

.navbar-collapse.collapse {
  display: block!important;
}

.navbar-default .navbar-nav>li {
    width: 100%;
  float: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}

h1 {
  color: #d00012;
  font-size: 17px;
  font-weight: 700;
  background: url('../images/title-bg.png') no-repeat left center;
  padding-left: 20px;
}

h2 {
  color: #d00012;
  font-size: 15px;
  font-weight: 600;
  background: url('../images/title-bg.png') no-repeat left center;
  padding-left: 20px;
}

h3 {
  color: #d00012;
  font-size: 12px;
  font-weight: 600;
  background: url('../images/title-bg.png') no-repeat left center;
  padding-left: 20px;
}

.important {
  color: #d00012;
  font-weight: bold;
}

.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 1.7;
  background: #d00012;
background: -moz-linear-gradient(top, #d00012 0%, #a60110 100%);
background: -webkit-linear-gradient(top, #d00012 0%,#a60110 100%);
background: linear-gradient(to bottom, #d00012 0%,#a60110 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00012', endColorstr='#a60110',GradientType=0 );
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer .cnt {
  max-width: 490px;
  margin: 4px auto 0;
  text-align: center;
}

.lg {
  position: absolute;
  top: 6px;
  right: 25px;
}

#links {
  float: right;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 2px;
}

#links a {
  text-decoration: none;
}

.col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
}

#services {
  background: url('../images/services-bg.png') no-repeat center center;
  background-size: cover;
  padding: 9px 0 20px;
  margin-bottom: 1px;
}

#services .row {
  margin-left: -6px;
  margin-right: -6px;
}

.teaser .wrap {
  padding: 6px 6px 12px;
  border-radius: 8px;
  background: #efbba6;
  background: -moz-linear-gradient(top, #efbba6 66%, #efbba6 86%, #535353 100%);
  background: -webkit-linear-gradient(top, #efbba6 66%,#efbba6 86%,#535353 100%);
  background: linear-gradient(to bottom, #efbba6 66%,#efbba6 86%,#535353 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbba6', endColorstr='#535353',GradientType=0 );
  background: #efbba6;
  background: -moz-linear-gradient(top, #efbba6 66%, #efbba6 86%, #85685c 100%, #efbba6 100%, #85685c 100%);
  background: -webkit-linear-gradient(top, #efbba6 66%,#efbba6 86%,#85685c 100%,#efbba6 100%,#85685c 100%);
  background: linear-gradient(to bottom, #efbba6 66%,#efbba6 86%,#85685c 100%,#efbba6 100%,#85685c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbba6', endColorstr='#85685c',GradientType=0 );
  font-weight: 700;
}

/*.teaser .wrap {
  padding: 3px 3px 6px;
  font-size: 9px;
}*/

.teaser .wrap.service2,
#slide-in .wrap.service2 {
  background: #e4d9cd;
  background: -moz-linear-gradient(top, #e4d9cd 66%, #e4d9cd 86%, #7f7972 100%);
  background: -webkit-linear-gradient(top, #e4d9cd 66%,#e4d9cd 86%,#7f7972 100%);
  background: linear-gradient(to bottom, #e4d9cd 66%,#e4d9cd 86%,#7f7972 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d9cd', endColorstr='#7f7972',GradientType=0 );
}

.teaser .wrap.service3,
#slide-in .wrap.service3 {
  background: #fff3ca;
  background: -moz-linear-gradient(top, #fff3ca 66%, #fff3ca 86%, #8e8770 100%);
  background: -webkit-linear-gradient(top, #fff3ca 66%,#fff3ca 86%,#8e8770 100%);
  background: linear-gradient(to bottom, #fff3ca 66%,#fff3ca 86%,#8e8770 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3ca', endColorstr='#8e8770',GradientType=0 );
}

.teaser .wrap.service4,
#slide-in .wrap.service4 {
  background: #d5e0c5;
  background: -moz-linear-gradient(top, #d5e0c5 66%, #d5e0c5 87%, #767d6d 100%);
  background: -webkit-linear-gradient(top, #d5e0c5 66%,#d5e0c5 87%,#767d6d 100%);
  background: linear-gradient(to bottom, #d5e0c5 66%,#d5e0c5 87%,#767d6d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e0c5', endColorstr='#767d6d',GradientType=0 );
}

.teaser .wrap.service5,
#slide-in .wrap.service5 {
  background: #9db2bc;
  background: -moz-linear-gradient(top, #9db2bc 66%, #9db2bc 86%, #576369 100%);
  background: -webkit-linear-gradient(top, #9db2bc 66%,#9db2bc 86%,#576369 100%);
  background: linear-gradient(to bottom, #9db2bc 66%,#9db2bc 86%,#576369 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9db2bc', endColorstr='#576369',GradientType=0 );
}

.teaser .wrap img:first-child {
  margin-bottom: 5px;
}

.teaser a {
  color: #fff;
  text-decoration: none;
}

#services .wrap .arrow {
  float: right;
  margin-top: 3px;
  margin-right: 4px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.main {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #d1d1d1;
  border-bottom: none;
}

.name {
  color: #d00012;
}

.sidebar-inner {
  margin-bottom: 25px;
}


#anfrage {
  background: url('../images/preis.png') no-repeat center top;
  width: 142px;
  height: 110px;
  display: none;
}


#anfrage:hover {
  text-decoration: none;
}

#anfrage h3 {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  color: #464646;
  text-transform: uppercase;
  width: 100px;
  padding: 9px 7px 8px;
  margin: 0;
  line-height: 1.2;
  text-decoration: none;
}

#anfrage p {
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  padding: 1px 7px 8px;
  text-decoration: underline;
  line-height: 1.2;
}

.teaser {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;  
  }
.center-col {
  padding-bottom: 20px;
  }
.ce-gallery figcaption {
    margin-top: 5px;
  margin-right: 55px;
}
.teaser .wrap img {
    border-radius: 5px;
}

@media screen and (min-width: 992px) {
.header {
  height: 93px;
  padding-top: 3px;
  padding-left: 49px;
}

.container-fluid {
    min-height: 100%;
    overflow: hidden;
}

.sidebar, .content, .right-sidebar {
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

.sidebar, .right-sidebar {
  width: 180px;
}

.sidebar {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 19px;
}

.right-sidebar {
  padding-left: 20px;
  padding-top: 19px;
}

.content {
  width: 588px;
  background: url('../images/shadow-center.png') repeat-x left 1px;
}

.sidebar {
  background: url('../images/shadow-left-sb.png') repeat-y top right;
}

.right-sidebar {
  background: url('../images/shadow-right-sb.png') repeat-y top left;
}

.content.col-md-push-3 {
    left: 179px;
}

.sidebar.col-md-pull-6 {
    right: 590px;
}

.navbar-default {
  padding-bottom: 162px;
}
}

@media screen and (max-width: 991px) {
.siegel, .right-sidebar {
  display: none;
}

.center-col {
  padding-left: 0;
  padding-right: 0;
}

.lg {
  right: 10px;
}

.sidebar {
  padding-top: 10px;
}

.right-sidebar {
  display: none;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.container-fluid.wrap  {
    max-width: 750px;
    margin-bottom: 10px;
}

#services {
  padding: 9px 0 15px;
}

#services .wrap {
  font-size: 11px;
}
}

@media screen and (max-width: 767px) {
.center-col {
    padding-bottom: 80px;
}
.header {
    margin-bottom: 10px;
}
.footer .cnt {
    max-width: 100%;
  margin: 0;
  padding: 10px 20px;
}
.footer .cnt .zeile1,
.sidebar-inner {
  display: none;
}

.clearmobil {
  clear: both;
  }
.header .row .teaser {
  width: auto;
  float: right;
  padding: 5px;
  }
.header .row .teaser IMG.img-responsive {
  width: 128px;
  max-width: 128px;
  height: 113px;
  }
.header .row .teaser:nth-of-type(3) {
  clear: both;
  }
#logo {
    position: absolute;
}

#open,
#services {
  display: none !important;
}
/*#open,
#services {
  display: none !important;
}*/

/*#slide-in {
  display: block !important;
}*/
#links {
  display: none;
  }
/*.header {
  height: 200px;
  }*/
li.csc-form-element-submit {
    float: left;
    width: 13em;
    margin-right: 0;
    vertical-align: baseline;
}
.ce-media img {
    width: 100%;
    height: auto;
}
.ce-media img {
  margin-bottom: 10px;
}
.footer {
  font-size: 14px;
  height: auto;
  position: fixed;
  opacity: 0.8;
}

.lg {
  top: 20px;
  display: none;
}

.navbar-nav {
    margin: 7.5px 0;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: ##595959;
  background: url(../images/nav-bg.png) no-repeat 20px 10px;
    padding-left: 36px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #d00012;
  background: url('../images/title-bg.png') no-repeat 20px 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
  color: #d00012;
    background: url(../images/title-bg.png) no-repeat 20px 10px;
}

#services {
  padding: 9px 0 10px;
}
}

@media screen and (min-width: 620px) and (max-width: 768px) {
#services .wrap {
  font-size: 9px;
  }

}

#services .wrap .arrow {
  margin-top: 3px;
  margin-right: 0;
  width: 10px;
}
}

@media screen and (max-width: 620px) {
.container-fluid.wrap {
  padding-bottom: 0;
}

#services .row {
    margin-left: -2px;
    margin-right: -2px;
}

.col-xs-15 {
    padding-right: 2px;
    padding-left: 2px;
}

#services .wrap {
    padding: 3px 3px 8px;
  font-size: 9px;
}

#services .wrap img:first-child {
  margin-bottom: 4px;
}

#services .wrap .arrow {
  display: none;
}

.outer-wrap {
  margin-bottom: 5px;
}

.main {
  border-radius: 8px;
  border-bottom: 1px solid #d1d1d1;
}

.footer {
  display: none;
}
}

@media screen and (max-width: 500px) {
.header .row .teaser {
  font-size: 8px;
  }
.header .row .teaser IMG.img-responsive {
  width: 90px;
  max-width: 90px;
  height: auto;
  }
#services .wrap {
  font-size: 7px;
}

#services .row {
    margin-left: -1px;
    margin-right: -1px;
}

.col-xs-15 {
    padding-right: 1px;
    padding-left: 1px;
}
}

@media screen and (min-width: 400px) {
#open {
  display: none;
}
}

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

.header {
  /*background: url('../images/header-bg2.jpg') no-repeat top center;
  background-size: 400px;*/
}

/*#services {
  display: none;
}*/

#logo #home {
  margin-top: 8px;
}

#slide-in {
  padding-left: 10px;
  padding-right: 10px;
}

#slide-in .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
}
}

@media screen and (max-width: 350px) {
.header .row .teaser {
  font-size: 7px;
  }
.header .row .teaser IMG.img-responsive {
  width: 80px;
  max-width: 80px;
  height: auto;
  }
#slide-in .wrap {
  font-size: 7px;
}  
}

.frame-space-after-large {
  margin-bottom: 55px !important; 
}