html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

.wohnform_button {
  float:right !Important;
  margin-top:80px !Important;
}

.secondimage {
   border:0px solid red;
   text-align:right;
   margin-top:15px !Important;
   margin-left:0x !Important;
   max-width:280px;
}

.secondimage img {
   width:100%;
   max-width:310px;
   margin-left:17px;
}


.menulast{
 height:20px;
}

img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear_float {
  clear:both;
  margin-bottom:20px;
}

.gallery-element {
  display: none;
}
.roundlink {
  text-decoration: none;
}
.roundlink:hover {
  text-decoration: none;
  color: #FFFFFF;
}

.textliste {
  list-style-type: disc;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  list-style-position: outside;
  margin-left:15px;
}

.textliste li {
   margin-bottom:15px;
}

.grid.page-content a {
  color: #028553;
  text-decoration:none;
}

.grid.page-content a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

.box.white-bg a {
  color: #028553;
  text-decoration:none;
}

.box.white-bg a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

.dividediv {
 clear:both;
}

.fb_icon {
   float:right;
   width:40px;
   height:40px;
  margin-left:10px;
}

#kunden-popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.7);
  z-index: 999;
}
#kunden-popup .container {
  width: 600px;
  height: 700px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border: 3px solid #E5E5E5;
  background: #4fbc2b url('quote.png');
  background-size: 46px 36px;
  background-repeat: no-repeat;
  background-position: 90% 92%;
}
#kunden-popup .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
#kunden-popup .container .close:hover {
  background: url('x_white.png');
  background-size: 100% 100%;
}
#kunden-popup .container .content {
  padding: 40px 30px;
}
#kunden-popup .container .content .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  color: #FFFFFF;
}
#kunden-popup .container .content .testimonals {
  width: 540px;
  height: 450px;
  overflow: hidden;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
}
#kunden-popup .container .content .testimonals h2 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#kunden-popup .container .content .testimonals p {
  margin-bottom: 40px;
}
#kunden-popup .container .content .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255,255,255,0.31);
  width: 10px;
}
#kunden-popup .container .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
}
.image-lightbox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}
.image-lightbox .container {
  width: auto;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #FFFFFF;
}
.image-lightbox .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
.image-lightbox .container .close:hover {
  background: url('x_light_green.png');
  background-size: 100% 100%;
}
.image-lightbox .container .content {
  padding: 20px;
}
.image-lightbox .container .content .caption {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  height: 20px;
  font-weight: bold;
  line-height: 20px;
}
.image-lightbox .container .content .actual-image {
  position: relative;
  border: 1px solid #eaeaea;
  text-align: center;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.image-lightbox .container .content .actual-image .img {
  opacity: 0;
}
.image-lightbox .container .content .actual-image .navigation {
  position: absolute;
  z-index: 9999;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  top: 50%;
  height: 50%;
}
.image-lightbox .container .content .actual-image .navigation:hover .left,
.image-lightbox .container .content .actual-image .navigation:hover .right {
  display: block;
}
.image-lightbox .container .content .actual-image .navigation .left,
.image-lightbox .container .content .actual-image .navigation .right {
  display: block;
}
.image-lightbox .container .content .actual-image .navigation .left {
  background: url('arrow_left.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  left: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .actual-image .navigation .right {
  background: url('arrow_right.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  right: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .downloadlink {
  margin: 20px 0;
}
.image-lightbox .container .content .thumbnails {
  margin: 0;
  width: 100%;
}
.image-lightbox .container .content .thumbnails .thumb {
  width: 150px;
  height: 90px;
  display: inline-block;
  margin: 10px 10px 0 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer;
}
.image-lightbox .container .content .thumbnails .thumb:last-child {
  margin: 0;
}
.image-lightbox .container .content .thumbnails .thumb.active {
  border: 2px solid #4fbc2b;
}

.impression_box {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   font-size: 17px;
   width:48%;
   float:left;
   background-color:#fff;
   margin:0px;
   padding:0px;
   margin-bottom:20px;
   margin-right:0px;
}

.impression_box.left {
  margin-right:23px;
}

.impression_box.rand {
   width:100%;
}


/*Unternehmen Head*/
#comp_frame {
    height:335px;
}

.objekt-content #objekt-content .placeholder-div.comp_place {
   height:335px;
   background-color: #a7d2e8;
}

.container .content-container.comp_cont {
 margin-left:-10px;
}

#objekt-content .content.comp_div {
    height:335px;
    background: #a7d2e8 url(gf.png);
    background-repeat:no-repeat;
    background-size: 744px 100%;
    background-position: right top;
}

#objekt-content .content.comp_div .grid .div-1-3.padding>h1 {
   color:#fff;
   margin-top:20px;
}

#comp_round {
    margin-top:80px;
    margin-right:15px;
    background: #4fbc2b;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    text-align: center;
    padding: 40px 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 20px;
    float:right;
     -webkit-transform: rotate(15deg);
     -moz-transform: rotate(15deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#comp_space {
    background-color:#e5e5e5;
    height:35px;
}

#comp_white{
    color: #FFFFFF;
    display: block;
    font-weight: bold;
}

#comp_green{
    color: #028553;
    display: block;
    font-weight: bold;
}
/*Ende Unternehmen Head*/



/*Newsletter Anmeldung*/
#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
   margin-top:0px;
   width:100%;
   float:left;
   background: #f3f3f3 url("newsletter.png");
   background-repeat:no-repeat;
   background-size: 78px 60px;
   background-position: 90% 10px;
   color: #666666;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter .xform {
      margin-top:15px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter p {
   font-size:10px;
   margin-bottom:0px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter input[type=text] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   border: 2px solid #e5e5e5;
   margin-bottom:10px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter input[type=submit] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   color:#fff;
   background-color: #028553;
   border: 0px solid #e5e5e5;
   margin-bottom:0px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter label {
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.rex_375_error {
   padding:5px;
   background-color: #4fbc2b;
   border: 1px solid #e5e5e5;
}

.rex_375_error p b {
   color:#fff;
   font-weight:bold;
}

#newsletterframe {
    width:100%;
    float:right;
    margin-top:20px;
}

#newsletterframe .box.white-bg.mobilepad {
    width:100%;
}



.nl-form {
   background: #fff url("newsletter.png");
   background-repeat:no-repeat;
   background-size: 78px 60px;
   background-position: 90% 15px;
}

.nl-form h2 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.nl-form input[type=text] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   border: 2px solid #e5e5e5;
   margin-bottom:10px;
}

.nl-form label {
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.nl-form input[type=submit] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   color:#fff;
   background-color: #028553;
   border: 1px solid #e5e5e5;
   margin-bottom:0px;
}


/*Ende Newsletter Anmeldung*/


#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad a {
  color: #028553;
  text-decoration:none;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg a {
  color: #028553;
  text-decoration:none;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}


/*Preisliste*/
.price_head {
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:20px;
    line-height:24px;
    color:#000;
    margin-bottom:20px;
    margin-top:40px;
    font-weight:bold;
}

.price_col {
   font-size:15px !Important;
   line-height:19px;
   margin-right:10px;
   float:left;
   color:#4fbc2b;
   font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.col_beschreibung {
   font-size:15px !Important;
   line-height:19px;
   margin-right:10px;
   float:left;
   color:#4fbc2b;
   font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.price_col.hidesmall {
   font-size:15px;
   line-height:19px;
   width:100%;
   display:none;
}

.price_col.black {
   font-size:15px;
   line-height:19px;
   color:#000000;
}

.price_col.one {
   font-size:15px;
   line-height:19px;
   width:11%;
}
.price_col.two {
   font-size:15px;
   line-height:19px;
   width:24%;
}
.price_col.three {
   font-size:15px;
   line-height:19px;
   width:40%;
}
.price_col.four {
   font-size:15px;
   line-height:19px;
   width:19%;
   margin-right:0px;
   text-align:right;
}
.price_col.five {
   font-size:15px;
   line-height:19px;
   margin-right:30px;
   width:75%;
}
.price_col.six {
   font-size:15px;
   line-height:19px;
   width:19%;
   margin-right:0px;
   text-align:right;
}
.price_hr {
   height:4px;
   border:none;
   background-color:#e5e5e5;
}
.price_hr.thin {
   height:1px;
}
.price_hr.thin.hidebig {
   display:none;
}
.price_clear {
   clear:both;
}
.price_abst {
   height:10px;
}
/*Ende Preisliste*/






/*
--------- FORMULAR-OBJEKTE ------------
*/

.formgen {
     font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
     color: #666666;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
    -webkit-appearance:none;
   border-radius: 0px;
   border:2px solid #e5e5e5;
   width:80%;
   height:100px;
   margin-bottom:30px;
}

/* Textfeld */
.formgen .formtext
{
    -webkit-appearance:none;
   border-radius: 0px;
   border:2px solid #e5e5e5;
   padding:5px;
   width:100%;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
   border:2px solid #4fbc2b;
}

/* Label */
.formgen label {
   width:100%;
   margin-bottom:5px;
   float:left;
}


/* Sende-Button */
.formgen .formsubmit
{
    -webkit-appearance:none;
   border-radius: 0px;
   font: 17px/15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   background-color:#028553;
   font-weight:bold;
   color: #FFFFFF;
   padding: 15px 15px 15px 15px;
   border: none;
   margin-top:-15px;
   margin-bottom:30px;
}

.formgen .formsubmit:hover
{
   background-color:#4fbc2b;
   border: none;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
     color: #000000;
}
.formgen label.formerror + input {
     border:2px solid #e40101;
}

.formgen .formreq {
	color: #666666;
}

.formblock {
     width:85%;
     clear:both;
     border:0px solid #000;
}

.forminfo {
   width:80%;
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   border:1px solid #e40101;
   border-radius: 0px;
   margin-bottom:30px;
   padding:10px;
   line-height:22px;
   color: #e40101;
}

.formgen div br {
   display:none;
}

/* Firma / Email / Internet */
.formgen .onecoldiv label {
}
.formgen .onecoldiv input {
   width:80%;
   margin-bottom:30px;
}
.formgen .onecoldiv {
}


/* Anrede */
.formgen .anredediv label {
   display:none;
}
.formgen .anredediv .formradio {
   width:100px;
   display:block;
   float:left;
   margin:0;
   padding:0;
   border: 0px solid #000;
}
.formgen .anredediv {
   width:80%;
   float:left;
   border: 0px solid #000;
   margin-bottom:30px;
}
.formgen .anredediv div {
   float:left;
   width:100%;
}
.formgen .anredediv input[type="radio"] {
  width:10px;
  float:left;
  display:block;
  margin-top:3px;
  margin-right:10px;
}


/* Name / Strasse / PLZ  */
.formgen .twocoldiv {
   width:80%;
   float:left;
   margin-bottom:30px;
}
.formgen .leftdiv {
   margin-right:4%;
   width:48%;
   float:left;
}
.formgen .rightdiv {
   width:48%;
   float:left;
}

/* Newsletter Checkbox */
.formgen .newsdiv {
    -webkit-appearance:none;
   border-radius:0px;
   float:left;
   width:80%;
   margin-bottom:30px;
}
.formgen .newsdiv label {
   display:block;
   float:right;
   width:90%;
   border: 0px solid #000;
}
.formgen .newsdiv input {
    -webkit-appearance:none;
   margin-top:3px;
   display:block;
   float:left;
}



/* Capatcha */
.formgen .captchadiv {
   float:left;
   width:80%;
}
.formgen .captchadiv label {
   float:left;
   width:80%;
}
.formgen .captchadiv img {
   border:2px solid #e5e5e5;
   width:20%;
   float:left;
   margin-right:20px;
   min-width:130px;
}
.formgen .captchadiv input {
   width:48%;
   float:left;
}


/* Info */
.formgen .infodiv {
   margin-top:40px;
   text-align:right;
   float:left;
   width:80%;
   border: 0px solid #000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



@media (max-width: 959px) {

   .secondimage {
      text-align:left;
      margin-top:15px !Important;
      margin-left:0px !Important;
   }

   .secondimage img {
      max-width:400px;
      margin-left:0px;
   }

  #kunden-popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 999;
  }
  #kunden-popup .container {
    width: 90%;
    height: auto;
    position: absolute;
    top: 3%;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    border: 3px solid #E5E5E5;
    background: #4fbc2b url('quote.png');
    background-repeat: no-repeat;
    background-position: 90% 97%;
  }
  #kunden-popup .container .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('x_green.png');
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
  }
  #kunden-popup .container .close:hover {
    background: url('x_white.png');
    background-size: 100% 100%;
  }
  #kunden-popup .container .content {
    padding: 30px 15px;
  }
  #kunden-popup .container .content .title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #FFFFFF;
  }
  #kunden-popup .container .content .testimonals {
    width: auto;
    height: 100%;
    overflow: hidden;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    padding-bottom: 75px;
  }
  #kunden-popup .container .content .testimonals h2 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #kunden-popup .container .content .testimonals p {
    margin-bottom: 20px;
  }
  #kunden-popup .container .content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,0.31);
    width: 10px;
  }
  #kunden-popup .container .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
  }
}
@media (max-width: 959px) and (orientation: portrait) {
  .image-lightbox .container {
    width: 90%;
    height: auto;
    max-height: 95%;
  }
  .image-lightbox .container .content .caption {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
  }
  .image-lightbox .container .content .thumbnails {
    display: none;
  }
  .image-lightbox .container .content .actual-image {
    border: 1px solid #eaeaea;
    text-align: center;
    width: auto;
    height: auto;
    max-height: 100% !important;
    overflow: hidden;
  }
  .image-lightbox .container .content .actual-image .img {
    position: relative;
  }
  .image-lightbox .container .content .actual-image .img img {
    width: auto;
    height: auto;
  }
}
@media (max-width: 959px) and (orientation: landscape) {
  .image-lightbox .container {
    width: 90%;
    height: 90%;
    max-height: 95%;
  }
  .image-lightbox .container .downloadlink {
    display: none;
  }
  .image-lightbox .container .content .caption {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
  }
  .image-lightbox .container .content .thumbnails {
    display: none;
  }
  .image-lightbox .container .content .actual-image {
    border: 1px solid #eaeaea;
    text-align: center;
    width: auto;
    height: auto;
    max-height: 100% !important;
    overflow: hidden;
    background-size: cover !important;
  }
  .image-lightbox .container .content .actual-image .img {
    position: relative;
    height: 75%;
  }
  .image-lightbox .container .content .actual-image .img img {
    width: auto;
    height: auto;
  }
}
.container {
  width: 100%;
}
.container.home-content {
  background: #E5E5E5;
}
.container.footer {
  background: #FFFFFF;
}
.container.objekt-page {
  background: #E5E5E5;
}
.container.objekt-page .submenu-objekt {
  background: #FFFFFF;
  width: 100%;
}
.container.objekt-page .submenu-objekt ul {
  list-style: none;
}
.container.objekt-page .submenu-objekt ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 15px;
}
.container.objekt-page .submenu-objekt ul li a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  color: #028553;
  font-size: 17px;
  text-decoration: none;
}
.container.objekt-page .submenu-objekt ul li a.active {
  color: #000000;
}
.container.objekt-page .submenu-objekt ul li a:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.container.objekt-page .page-content {
  margin-top: 35px;
}
.container.objekt-page .page-content .div-3-4 {
  width: 65.5%;
  margin-right: 2%;
}
.container.objekt-page .page-content .div-1-4 {
  width: 32%;
}
.container.objekt-page .page-content .div-1-4 .box {
  margin: 20px 0 0 0;
  padding: 20px;
}
.container.objekt-page .page-content .div-1-4 .box .box-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box:first-child {
  margin: 0;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg {
  background: #FFFFFF;
}

.container.objekt-page .page-content .div-1-4 .box.white-bg .box-title {
  margin-bottom: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p span {
  color: #FFFFFF;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p a {
  color: #FFFFFF;
  text-decoration: none;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg {
  background: #4fbc2b;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg .box-title {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p span {
  color: #FFFFFF;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p a {
  color: #FFFFFF;
  text-decoration: none;
}
.container.objekt-page .page-content .div-1-4 .box .box-image {
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  padding: 20px;
  border: 1px solid #eaeaea;
}
.container.objekt-page .page-content .div-1-4 .box .box-image img {
  width: 100%;
}
.container.objekt-page .page-content .div-1-4 .box .box-image .openModal {
  position: relative;
  top: 20px;
  left: -20px;
  z-index: 9999;
  display: block;
}
.container.objekt-page .page-content .page {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 35px;
}
.container.objekt-page .page-content .page .page-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container.objekt-page .page-content .page .page-subtitle {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin: 20px 0;
}
.container.objekt-page .page-content .page p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .page .page-image {
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  border: 1px solid #eaeaea;
}
.container.objekt-page .page-content .page .page-image img {
  width: 100%;
}
.container.objekt-page .page-content .page .page-image .openModal {
  position: relative;
  top: 20px;
  left: -20px;
  z-index: 9999;
  display: block;
}
.container #header {
  padding: 40px 0 30px 0;
  background: #E5E5E5;
}
.container #header .content {
  width: 965px;
  margin: 0 auto;
  min-height: 75px;
}
.container #header .content .logo {
  width: 218px;
  height: 73px;
  float: left;
}
.container #header .content .logo img {
  width: 100%;
  height: auto;
}
.container #header .content .mobile-menu {
  display: none;
}
.container #header .content .mobile-nav {
  display: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  padding: 20px;
}
.container #header .content .mobile-nav li {
  padding: 10px 0;
  border-top: 1px solid #4EAA87;
  position: relative;
}
.container #header .content .mobile-nav li:last-child {
  border-bottom: 1px solid #4EAA87;
}
.container #header .content .mobile-nav li.active a {
  color: #4fbc2b;
}
.container #header .content .mobile-nav li ul li {
  border: none;
}
.container #header .content .mobile-nav li ul li.active a {
  color: #4fbc2b !important;
}
.container #header .content .mobile-nav li ul li a {
  font-weight: normal;
  color: #FFFFFF !important;
}
.container #header .content .mobile-nav li ul li a:hover {
  text-decoration: underline;
  color: #4fbc2b !important;
}
.container #header .content .mobile-nav li ul li:last-child {
  border-bottom: none;
}
.container #header .content .mobile-nav li ul li:first-child {
  padding-top: 15px;
}
.container #header .content .mobile-nav a {
  font-weight: bold;
  font-size: 14px;
  display:block;
  line-height: 18px;
  width: 100%;
}
.container #header .content .mobile-nav a:hover {
  text-decoration: underline;
  color: #4fbc2b;
}
.container #header .content .menubar {
  background: #028553;
  position: absolute;
  right: 0;
  width: 60%;
  height: 46px;
  float: right;
}
.container #header .content .menubar nav {
  margin-top: -12px;
}
.container #header .content .menubar nav ul {
  list-style: none;
  position: relative;
  display: inline-table;
}
.container #header .content .menubar nav ul:after {
  content: "";
  clear: both;
  display: block;
}
.container #header .content .menubar nav ul li ul li a {
  display: block;
  padding: 10px 18px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.container #header .content .menubar nav ul li ul li a:first-child {
  padding: 10px 18px;
}
.container #header .content .menubar nav ul li ul li:hover {
  background: #FFFFFF;
  text-decoration: underline;
}
.container #header .content .menubar nav ul li ul li:hover a {
  color: #4fbc2b;
}
.container #header .content .menubar nav ul li ul li:hover > ul {
  display: block;
}
.container #header .content .menubar nav ul li ul li.active {
  background: #FFFFFF;
  margin-top: 10px;
}
.container #header .content .menubar nav ul li ul li.active a {
  color: #028553;
  padding: 10px 18px;
}
.container #header .content .menubar nav ul li a.homepage-link:before {
  content: " ";
  background: url('home_white.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li a.homepage-link:hover:before {
  content: " ";
  background: url('home_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}
.container #header .content .menubar nav ul ul {
  display: none;
  background: #FFFFFF;
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top: 100%;
  margin-top: -10px;
  z-index: 15000;
}
.container #header .content .menubar nav ul ul li {
  float: none;
  position: relative;
  max-width: 265px;
}
.container #header .content .menubar nav ul ul li.active a {
  color: #000000 !important;
}
.container #header .content .menubar nav ul ul li.active a:hover {
  color: #000000 !important;
}
.container #header .content .menubar nav ul ul li a {
  padding: 10px 15px;
  color: #028553 !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.container #header .content .menubar nav ul ul li a:hover {
  color: #4fbc2b !important;
}
.container #header .content .menubar nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.container #header .content .menubar nav ul li {
  float: left;
  line-height: 30px;
}
.container #header .content .menubar nav ul li a {
  display: block;
  padding: 15px 18px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  border:0px solid #000;
  margin-top:7px;
}
.container #header .content .menubar nav ul li a:first-child {
  padding: 15px 18px;
}
.container #header .content .menubar nav ul li:hover {
  background: #FFFFFF;
}
.container #header .content .menubar nav ul li:hover a {
  color: #4fbc2b;
}
.container #header .content .menubar nav ul li:hover > ul {
  display: block;
}
.container #header .content .menubar nav ul li.active {
  background: #FFFFFF;
  margin-top: 12px;
}
.container #header .content .menubar nav ul li.active a {
  color: #028553;
  padding: 6px 18px;
  padding-top: 3px;
}
.container #header .content .menubar nav ul li.active a.homepage-link:before {
  content: " ";
  width: 15px;
  height: 15px;
  background: url('home_dark_green.png');
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}
.container #homepage-slider {
  padding: 0;
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  height: 421px !important;
  overflow: hidden;
}
.container #homepage-slider .tgtimg {
  width: 100%;
  height: 421px !important;
}
.container #homepage-slider .tgtimg img {
  height: 421px !important;
}
.container #homepage-slider .loading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.container #homepage-slider .loading .layer1 {
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.container #homepage-slider .loading .layer2 {
  position: absolute;
  display: block;
  background: url(slider_loading.gif) no-repeat center center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.container #homepage-slider .slides-container {
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1300px;
  height: 515px !important;
  overflow: hidden;
}
.container #homepage-slider img {
  width: 100%;
  height: auto;
}
.container .jssora21l,
.container .jssora21r {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  cursor: pointer;
  background: url(slider_nav.png) center center no-repeat;
  overflow: hidden;
}
.container .jssora21l {
  background-position: -3px -33px;
  top: 50% !important;
  position: fixed;
  left: 8px;
}
.container .jssora21r {
  background-position: -63px -33px;
  top: 50% !important;
  position: fixed;
  right: 8px;
}
.container .jssora21l:hover {
  background-position: -123px -33px;
}
.container .jssora21r:hover {
  background-position: -183px -33px;
}
.container .jssora21l.jssora21ldn {
  background-position: -243px -33px;
}
.container .jssora21r.jssora21rdn {
  background-position: -303px -33px;
}
.container .content-container {
  width: 965px;
  margin: 0 auto;
}
.container .content-container#home-content {
  padding: 50px 0;
}
.container .content-container#home-top {
  background: #FFFFFF;
  padding: 50px 0;
}
.container .content-container#home-top h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container .content-container#home-top p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
}
.container .content-container#home-top .green-round-home {
  background: #4fbc2b;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  padding: 50px 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 24px;
  margin: 0 auto;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.container .content-container#home-top .green-round-home .white {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
}

.container .content-container#home-top .green-round-home .green {
  color: #028553;
  display: block;
  font-weight: bold;
}

.big {
  color: #028553;
  font-weight: bold;
  font-size:36px;
}


.container .content-container#footer {
  padding: 50px 0;
}
.container .content-container#footer .block {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
.container .content-container#footer .block.normal a {
  font-weight: normal;
  max-width: 207px;
}

.container .content-container#footer .block.normal .first {
  font-weight: bold;
}

.container .content-container#footer .block.normal a.active {
  font-weight: bold;
  color: #000000;
}
.container .content-container#footer .block a {
  display: block;
  color: #028553;
  text-decoration: none;
  margin: 0 0 20px 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}

.container .content-container#footer .block a.active {
  font-weight: bold;
  color: #000000;
}

.container .content-container#footer .block a:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.container .content-container#footer .block a.homepage-link:before {
  content: " ";
  background: url('home_dark_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}
.container .content-container#footer .block a.homepage-link:hover:before {
  content: " ";
  background: url('home_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}
.container .content-container#footer .block a.homepage-link.active {
  color: #000000;
}
.container .content-container#footer .block a.homepage-link.active:before {
  content: " ";
  background: url('home_black.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}
.container .content-container#footer .block:last-child {
  margin: 0;
}
.container .content-container#copyrights {
  color: #000000;
  padding-top: 14px;
  border-top: 1px solid #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.container .content-container#copyrights p {
  font-weight: bold;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
}
.container .content-container#copyrights div {
  width: 100%;
  height: auto;
  background: #4fbc2b;
  padding: 5px 10px;
  margin: 0 0 30px 0;
}
.container .content-container#copyrights div img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.container .content-container#copyrights div .verkaufs-hotline {
  margin: 0;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 25px;
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
}
.container .coverlink {
  font-size: 0;
}
.container .ref-item {
  background: #FFFFFF;
  max-height: 375px;
  margin-bottom: 50px;
}
.container .ref-item .ref-image {
  margin: 0;
  padding: 0;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}
.container .ref-item .ref-image img {
  width: 100%;
  height: 375px;
  position: relative;
  visibility: hidden;
}
.container .ref-item .ref-image .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.container .ref-item .ref-image .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.container .ref-item .ref-details {
  background: #FFFFFF;
  padding: 20px;
  margin: 0;
}
.container .ref-item .ref-details .logo {
  max-width: 268px;
  width: 100%;
  height: 80px;
  background-size: auto;
  background-repeat: no-repeat !important;
}
.container .ref-item .ref-details .logo img {
  visibility: hidden;
  width: 100%;
  height: auto;
  max-height: 80px;
}
.container .ref-item .ref-details .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  margin: 40px 0 0 0;
}
.container .ref-item .ref-details .details {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 20px 0;
}
.container .notice-item {
  max-height: 375px;
  margin-bottom: 50px;
  background-color: #FFFFFF;
}
.container .notice-item .notice-image {
  margin: 0;
  padding: 0;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}
.container .notice-item .notice-image img {
  width: 100%;
  height: 375px;
  position: relative;
  visibility: hidden;
}

.container .notice-item .notice-image .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.container .notice-item .notice-image .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.container .notice-item .notice-details {
  padding: 35px 20px;
  margin: 0;
}
.container .notice-item .notice-details .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.container .notice-item .notice-details .details {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 20px 0;
}
.container .bottom-boxes {
  width: 100%;
}
.container .bottom-boxes .box {
  width: 308px;
  height: 340px;
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 0 0;
}

.container .bottom-boxes .box:last-child {
  margin: 0;
}
.container .bottom-boxes .box.white-bg {
  background: #FFFFFF;
}
.container .bottom-boxes .box.white-bg.third {
  background: #FFFFFF url('scope.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
.container .bottom-boxes .box.green-bg {
  background: #4fbc2b url('quote.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
.container .bottom-boxes .box.green-bg .title {
  font-weight: bold;
  color: #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0 0 30px 0;
  display:none;
}
.container .bottom-boxes .box.green-bg .detail {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
  display:none;
}
.container .bottom-boxes .box.green-bg .nav-link {
  color: #FFFFFF;
}


/* Kundenmeinungen auf Unterseiten */

#kundenmeinung_box {
  background: #4fbc2b url('quote.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  margin-bottom:20px;
}
#kundenmeinung_box .title {
  font-weight: bold;
  color: #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0 0 30px 0;
  display:none;
}
#kundenmeinung_box .detail {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
  display:none;
}
#kundenmeinung_box .nav-link {
  color: #FFFFFF;
}
/* Ende Kundenmeinungen auf Unterseiten */



.container .bottom-boxes .box .full-width-top-padding {
  padding: 20px 0 0 20px;
}

.container .bottom-boxes .box .full-width-top-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  margin-bottom: 20px;
}

#subpage_ref .box .full-width-top-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  margin-bottom: 20px;
}


.container .bottom-boxes .box .no-padding {
  width: 100%;
  padding: 0;
  text-align: center;
}

#subpage_ref .box .no-padding {
  width: 100%;
  padding: 0;
  text-align: center;
}

.container .bottom-boxes .box .no-padding .img {
  width: 152px;
  height: 98px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover !important;
  margin-bottom: 2px;
  margin-right: -1px;
  margin-left: -1px;
}

#subpage_ref .img {
  width: 152px;
  height: 98px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover !important;
  margin-bottom: 2px;
  margin-right: -10px;
  margin-left: -10px;
}

.container .bottom-boxes .box .no-padding .img:nth-child(1) {
  margin-left: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(2) {
  margin-right: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(3) {
  margin-left: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(4) {
  margin-right: 0;
}

#subpage_ref .img:nth-child(1) {
  margin-left: -18px;
  margin-right: 8px;
}
#subpage_ref .img:nth-child(2) {
  margin-right: -34px;
}
#subpage_ref .img:nth-child(3) {
  margin-left: -18px;
  margin-right: 8px;
}
#subpage_ref .img:nth-child(4) {
  margin-right: -30px;
}

.container .bottom-boxes .box .bottom-padding {
  padding: 10px 0 0 20px;
}
#subpage_ref .box .bottom-padding {
  padding: 10px 0 0 0px;
}

.container .bottom-boxes .box .correct-padding {
  padding: 20px;
}
.container .bottom-boxes .box .correct-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  color: #FFFFFF;
}
.container .bottom-boxes .box .correct-padding.third h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container .bottom-boxes .box .correct-padding.third p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
}
.objekt-content {
  min-height: 250px;
  background: #E5E5E5;
}
.objekt-content #objekt-content {
  position: absolute;
  width: 100%;
  left: 0;
}
.objekt-content #objekt-content .placeholder-div {
  position: absolute;
  width: 50%;
  background-color: #f3f3f3;
  height: 210px;
}
.objekt-content #objekt-content .content {
  width: 980px;
  left: 33%;
  position: relative;
}
.objekt-content #objekt-content .content h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.objekt-content #objekt-content .content p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.objekt-content #objekt-content .content .padding {
  padding: 15px 10px;
}
.objekt-content #objekt-content .content .white {
  background: #FFFFFF;
  padding: 30px 20px 20px 20px;
  position: absolute;
}
.objekt-content #objekt-content .content .image {
  position: absolute;
  right: 10px;
}
.objekt-content #objekt-content .content .div-1-3 .logo {
  width: 288px;
  height: 160px;
  margin: 0 auto;
}
.objekt-content #objekt-content .content .div-1-3 .logo img {
  width: 100%;
}
.objekt-content #objekt-content .content .div-1-3 .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.objekt-content #objekt-content .content .div-1-3 .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.nav-link {
  color: #028553;
  font-size: 16px;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
}
.nav-link:before {
  content: "\00bb";
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none !important;
}
.nav-link:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.nav-link:hover:before {
  text-decoration: none !important;
}
a.openModal {
  width: 42px;
  height: 42px;
  background: #028553 url('plus_white.png');
  text-decoration: none;
  outline: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}
a.openModal:hover {
  background: #028553 url('plus_green.png');
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}

a#topImage {
  margin-bottom:5px;
}

.grid {
  width: 100%;
  margin: 0;
  padding: 0;
}
.grid div[class^='div'] {
  vertical-align: top;
}
.grid .div-1-2 {
  width: 50%;
  display: inline-block;
  margin: 0;
}
.grid .div-1-3 {
  width: 33%;
  display: inline-block;
  margin: 0;
}
.grid .div-2-3 {
  width: 66%;
  display: inline-block;
  margin: 0;
}
.grid .div-1-4 {
  width: 25%;
  display: inline-block;
  margin: 0;
}
.grid .div-3-4 {
  width: 74%;
  display: inline-block;
  margin: 0;
}
.clear {
  display: block;
  height: 50px;
  width: 100%;
  float: none;
}
.clear.small {
  height: 30px;
}
.downloadlink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
  font-weight: normal;
}
.downloadlink:after {
  background: url('download.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}
.downloadlink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.downloadlink:hover:after {
  background: url('download_hover.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}
.printlink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
}
.printlink:after {
  background: url('printer.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}
.printlink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.printlink:hover:after {
  background: url('printer_hover.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.pdflink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
}
.pdflink:after {

/* 
  background: url('pdf.png');
*/

  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}
.pdflink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.pdflink:hover:after {

/* 
  background: url('pdf_hover.png');
*/

  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.show-on-small {
  display: none;
}
#homepage-slider-placeholder {
  display: none;
}
@media (max-width: 1105px) {

.wohnform_button {
  width:150px !Important;
  height:150px !Important;
  margin:5px;
}

  .container #header .content .menubar {
    width: 70%;
  }
  .container #header .content .logo {
    margin-left: 10px;
  }
}


@media (max-width: 1000px) {
.impression_box.rand {
   width:48%;
}

  .container .content-container {
    width: 100%;
    padding: 50px 10px;
  }
  .container .content-container#objekt-body {
    padding: 10px !important;
  }
  .container .content-container#home-top {
    padding: 50px 10px;
  }
  .container .content-container#home-content {
    padding: 50px 10px;
  }

  .container .content-container#home-content .bottom-boxes .box.white-bg.third {
    margin-top: 30px;
  }
  .container .content-container#home-content .bottom-boxes .box .no-padding .img {
    width: 49%;
    height: 98px;
    margin: 0 0 2px 0;
  }



  .container #copyrights {
    padding: 50px 0;
  }
  .container.footer {
    padding: 0 10px;
  }
  .container #header .content {
    width: 100%;
  }
}
@media (min-width: 966px) {
  .mobile-nav,
  .mobile-subnav {
    height: 0;
    visibility: hidden;
  }
}
@media (max-width: 965px) {
  .container#home-content .bottom-boxes .box .no-padding img {
    width: 49%;
  }
#subpage_ref img {
    width: 49%;
  }

  .menubar {
    display: none;
  }
  .hide-on-small {
    display: none !important;
  }
  .full-width-on-small {
    width: 100% !important;
  }
  .show-on-small {
    display: block !important;
  }
  #homepage-slider {
    display: none;
  }
  #homepage-slider-placeholder {
    display: block;
  }
  #homepage-slider-placeholder img {
    width: 100%;
  }
  .mobile-menu {
    display: block !important;
    width: 20px;
    height: 14px;
    background: url('mobile_trigger.png');
    background-size: 100% 100%;
    right: 25px;
    position: absolute;
    margin-top: 45px;
    cursor: pointer;
  }
  .mobile-menu:hover {
    background: url('mobile_trigger_hover.png');
    background-size: 100% 100%;
  }
  #home-top {
    background: #FFFFFF;
    padding: 30px !important;
  }
  #home-top h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }
  #home-top p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .nav-link,
  .printlink,
  .pdflink,
  .downloadlink {
    font-size: 15px;
    line-height: 17px;
  }
  .container .ref-item .ref-details .title,
  .container .notice-item .notice-details .title {
    font-size: 17px !important;
    line-height: 21px !important;
    margin: 20px 0 0 0 !important;
  }
  .container .ref-item .ref-details .details,
  .container .notice-item .notice-details .details {
    font-size: 15px;
    line-height: 19px;
  }
  .container .bottom-boxes .box .full-width-top-padding h1,
  .container .bottom-boxes .box .correct-padding.third h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #000000 !important;
  }

#subpage_ref .box .full-width-top-padding h1,
#subpage_ref .box .correct-padding.third h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #000000 !important;
  }

  .container .bottom-boxes .box .correct-padding {
    padding: 30px 20px 20px 20px;
  }
  .container .bottom-boxes .box .correct-padding h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #FFFFFF !important;
  }
  .container .bottom-boxes .box.green-bg .title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .container .bottom-boxes .box.green-bg .detail,
  .container .bottom-boxes .box .correct-padding.third p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .objekt-content #objekt-content .content p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .objekt-content #objekt-content .content h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }
  .container.objekt-page .page-content .page .page-title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }


.page-content .page-title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
}

  .container.objekt-page .page-content .page p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .container.objekt-page .page-content .page .page-subtitle {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #028553;
    color: #000000 !important;
  }
  .container #header .content .logo {
    width: 177px;
    height: auto;
    float: left;
    margin-left: 20px !important;
  }
  .container #header {
    padding: 20px 0 10px 0;
  }
  .mobile-nav {
    display: none;
    position: absolute;
    top: 105px;
    z-index: 999;
    background: #028553;
    left: 10px;
    right: 10px;
  }
  .mobile-nav a {
    text-decoration: none;
    color: #FFFFFF;
  }
  .mobile-nav a.homepage-link:before {
    content: " ";
    background: url('home_white.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-nav a.homepage-link:hover {
    color: #4fbc2b;
  }
  .mobile-nav a.homepage-link:hover:before {
    content: " ";
    background: url('home_green.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

#startnow a.homepage-link:before {
    content: " ";
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
    background: url('home_green.png');
}

  .mobile-nav a:hover {
    color: #4fbc2b;
    text-decoration: underline;
  }
  .mobile-subnav {
    color: #028553;
    font-family: Arial;
    line-height: 10px;
    padding: 20px;
    font-weight: bold;
    cursor: pointer;
  }
  .mobile-subnav .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }
  .mobile-subnav:hover {
    color: #4fbc2b;
  }
  .mobile-subnav:hover .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_hover.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }
}
ul.mobile-submenu {
  display: none;
  padding: 15px;
}
.imgbox {
  position: relative;
  background: #FFFFFF;
  width: 32% !important;
  margin-right: 1.5% !important;
}
.imgbox:last-child {
  margin: 0 !important;
}
.imgbox .top {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eaeaea;
}
.imgbox .top img {
  width: 100%;
}
.imgbox .bottom {
  padding: 15px;
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.img-grid-line {
  margin: 20px 0;
}
#objekt-body {
  padding-bottom: 25px;
}
#objekt-body h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
#objekt-body .box .box-title {
  font-size: 24px;
  line-height: 28px;
}
ul.mobile-submenu > li {
  display: block !important;
  padding: 13px 0 !important;
  border-top: 1px solid #eaeaea;
}

ul.mobile-submenu > li a {
  display: block !important;
}

ul.mobile-submenu > li:last-child {
  border-bottom: 1px solid #eaeaea;
}
ul.mobile-submenu > li a:hover {
  color: #4fbc2b;
  text-decoration: underline !important;
}




  .grid .div-1-3.unternehmen {
    width: 33%;
    display: block;
    margin: 0;
    float:left;
  }

  .grid .div-2-3.unternehmen {
    float:left;
    width: calc(66% + 5px);
    display: block;
    margin: 0;
    min-height:335px; 
    background-position: 0% 100%; 
    background-size: contain;
    background-repeat: no-repeat; 
    background-color: #a7d2e8;
  }


@media (max-width: 1000px) {

   #comp_text.unternehmen {
    width: 100% !Important;
  }
 
  .grid .div-1-3.unternehmen {
    width: 100% !Important;
    height:auto !Important;
  }

  .grid .div-2-3.unternehmen {
    width: 100% !Important;
    min-height:250px !Important;
    margin-bottom:20px !Important;
  }
}


@media (max-width: 840px) {

   #comp_frame.unternehmen {
    margin-bottom:0px !Important;
    height:370px;
  }

  .grid .div-1-3.unternehmen {
    width: 100% !Important;
    height:auto !Important;
  }

  .grid .div-2-3.unternehmen {
    width: 100% !Important;
    min-height:200px !Important;
    margin-top:-30px !Important;
  }



.wohnform_button {
  display:none;
}

.fb_icon {
   margin-top:10px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad {
    width: 100% !important;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
    width: 100% !important;
}


  .page-content {
    margin-top: 10px !important;
  }
  .grid {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .grid div[class^='div'] {
    vertical-align: top;
  }
  .grid .div-1-2 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-1-3 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-2-3 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-1-4 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-3-4 {
    width: 100%;
    display: block;
    margin: 0;
  }
  #home-content {
    padding: 10px !important;
  }

  .box {
    width: 49% !important;
    margin: 0 10px 10px 0 !important;
  }

  .box.green-bg {
    margin: 0 0 10px 0 !important;
  }


  .box.mobilepad,
  .box.third {
    margin: 0 !important;
  }

  #footer {
    padding: 20px !important;
    background: #FFFFFF;
  }
  #footer .block {
    width: 100% !important;
  }
  #footer .block a {
    border-top: 1px solid #ededed;
    margin: 0 !important;
    padding: 10px 0 !important;
  }
  #footer .block a:last-child {
    border-bottom: 1px solid #ededed;
  }
  #footer .block.normal a {
    border: none;
    max-width: 100% !important;
  }
  .img-grid-line {
    margin: 10px 0 !important;
  }
  .img-grid-line.last {
    margin: 0px !important;
  }
  .imgbox {
    position: relative;
    background: #FFFFFF;
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .imgbox:last-child {
    margin: 0 !important;
  }
  .imgbox .top {
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eaeaea;
    text-align: center;
  }
  .imgbox .top img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 250px;
  }
  .imgbox .bottom {
    padding: 15px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .container.footer {
    background: #E5E5E5;
  }
  #copyrights {
    padding: 20px !important;
    background: #FFFFFF;
    border: none !important;
  }
  #copyrights p {
    border-top: 1px solid #000000;
    padding-top: 10px !important;
    font-size: 14px !important;
  }
  #copyrights .verkaufs-hotline {
    font-size: 16px !important;
    border: none !important;
    padding-top: 0 !important;
  }

#subpage_ref {
    width: 48% !important;
    margin-left:17px;
}

#imgframe {
    width: 100% !important;
}

#subpage_ref .box.white-bg {
    width: 100% !important;
    padding:0;
}


}
.objekt-content #objekt-content .content {
  margin: 0 auto;
  left: 0;
}


@media (max-width: 1000px) {

#newsletterframe {
    margin-top:0px;
    width:48%;
}

#subpage_ref {
    float:left;
    width:49%;
    margin-left:17px;
}

#subpage_ref .box.white-bg {
    width:100%;
}

#subpage_ref .img {
    width: 49%;
    height: 98px;
    padding:0px;
  }

#imgframe {
  width: 111%;
  margin:0;
  padding: 0;
}

.grid.page-content .div-1-3.imgbox.links {
    float:left;
    min-width: 48%;
    max-width: 48%;
    margin: 0px 0px 20px 0px;
    border:0px solid blue;
}

.img-grid-line {
   height:0px;
   padding:0px;
   margin:0px;
}

.grid.page-content .div-1-3.imgbox.rechts {
    float:right;
    min-width: 48%;
    max-width: 48%;
    margin: 0px 0px 20px 0px;
    border:0px solid red;
}

  .objekt-content #objekt-content .content {
    left: 0;
    width: 100% !important;
  }
  .objekt-content #objekt-content {
    position: inherit;
    width: 100%;
    padding: 0px;
  }
  .objekt-content #objekt-content .grid .div-1-3 {
    width: 100%;
    display: block;
    position: relative;
  }
  .objekt-content #objekt-content .placeholder-div {
    width: 100% !important;
  }
  .container.objekt-page .page-content .div-3-4 {
    width: 100%;
  }
  .container.objekt-page .page-content .div-1-4 {
    width: 100%;
  }
  .printlink, pdflink {
    display: none;
  }
  .clear {
    height: 35px;
  }
  .page {
    margin-bottom: 10px !important;
    padding: 20px !important;
  }
  .objekt-content #objekt-content .content .padding {
    padding: 23px 20px;
  }

.container.objekt-page .page-content .div-1-4 .box.white-bg {
    width: 49%;
    float:left;
    margin: 0 18px 10px 0px;
    word-wrap: break-word;
}

.container.objekt-page .page-content .div-1-4 .box.green-bg {
    width: 49%;
    float:left;
    margin: 0 0 10px 0px;
   word-wrap: break-word;
}

.container.objekt-page .page-content .div-1-4 .box.white-bg.mobilepad {
    width: 49%;
    float:left;
    margin: 0 0px 10px 0px;
    word-wrap: break-word;
}

.container .content-container.comp_cont
   {
     margin-left:0px;
   }
#comp_round
  {
     width: 150px;
     height: 150px;
    padding: 30px 0;
    font-size: 17px;
  }
 #comp_text
  {
    width: 400px !important;
  }

#objekt-content .content.comp_div {
    background-size: 595px 80%;
    background-position: 130% bottom;
}


}
@media (min-width: 985px) {

  .ref-image,
  .notice-image {
    width: 655px !important;
    display: inline-block !important;
    margin: 0;
  }
  .ref-details,
  .notice-details {
    width: 308px !important;
    display: inline-block !important;
    margin: 0;
  }
  .notice-item {
    background: #FFFFFF url('tool.png');
    background-repeat: no-repeat;
    background-position: 97% 90%;
    background-size: 73px auto;
  }
}
@media (min-width: 768px) and (max-width: 978px) {


#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 49% !important;
    float:right;
}


#subpage_ref {
    width:48%;
    margin-left:20px;
}

#subpage_ref .box.white-bg {
    padding:0px;
}

#imgframe {
    width:100%;
    margin:0;
    padding: 0;
}

#imgframe .img:nth-child(1) {
      margin-left:2px;
}

#imgframe .img:nth-child(3) {
      margin-left:2px;
}

#subpage_ref .box.white-bg .full-width-top-padding {
    padding: 20px;
    padding-bottom: 0px;
}

#subpage_ref .box.white-bg .bottom-padding {
    padding: 20px;
}

  .ref-image,
  .notice-image {
    width: 500px !important;
    display: inline-block !important;
    margin: 0;
  }
  .ref-details,
  .notice-details {
    width: 248px !important;
    display: inline-block !important;
    margin: 0;
  }
}

@media (max-width: 767px) {


#objekt-content .content.comp_div {
    background-size: 476px 60% !Important;
    background-position: 120% bottom !Important;
}



.container.objekt-page .submenu-objekt ul li a {
  font-size: 14px;
}

  .ref-item,
  .notice-item {
    max-height: none !important;
    margin-bottom: 10px !important;
  }
  .ref-item .ref-image img,
  .ref-item .notice-image img,
  .notice-item .ref-image img,
  .notice-item .notice-image img {
    width: 100%;
    height: auto !important;
  }

/* mobile Querformat */

  .notice-item {
    background: #FFFFFF url('') !important;
  }

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 49% !important;
    float:right;
}

.container .notice-item .notice-details {
  padding: 0px 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}

/*
--------- FORMULAR-OBJEKTE ------------
*/

.formgen .formtextfield
{
   width:100%;
}
.forminfo {
   width:100%;
}
.formgen .onecoldiv input {
   width:100%;
}
.formgen .twocoldiv {
   width:100%;
}
.formgen .newsdiv {
   width:100%;
}

/*
--------- Ende FORMULAR-OBJEKTE ------------
*/


#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter label {
  display:block;
  width:60px;
}

#subpage_ref {
    width:48%;
    margin-left:15px;
    border:0px solid #000;
}

#subpage_ref .box.white-bg .full-width-top-padding {
    padding: 20px;
    padding-bottom: 0px;
}

#subpage_ref .box.white-bg .bottom-padding {
    padding: 20px;
}

#imgframe .img:nth-child(1) {
      margin-left:2px;
}

#imgframe .img:nth-child(3) {
      margin-left:2px;
}

#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 230% bottom;
}

#objekt-content .content.comp_div .grid .div-1-3.padding>h1 {
    white-space: nowrap;
}

#comp_round
  {
     margin-right:10px;
     width: 130px;
     height: 130px;
    padding: 30px 0;
    font-size: 15px;
  }


 #comp_text
  {
    width: 320px !important;
  }

  .box {
    width: 49% !important;
    margin: 0 6 10px 0 !important;
  }

  .box.green-bg {
    margin: 0 0 10px 0 !important;
  }

.openModal {
     display: none !important;
}
}



/* mobile hochformat */
@media only screen and (max-width: 480px) {

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 100% !important;
}

/* Formularobjekte */
.formblock {
   width:100%;
}
.formgen .formsubmit
{
   margin-top:15px;
   width:100%;
   margin-bottom:20px;
}
.formgen .infodiv {
   margin-top:30px;
   width:100%;
   text-align:left;
}
.formgen .anredediv {
   width:100%;
}
.formgen .captchadiv {
   width:100%;
}
.formgen .captchadiv label {
   font-size:90%;
   width:100%;
}
.formgen .captchadiv input {
   width:42%;
   float:right;
}
/* Ende Formularobjekte */

#newsletterframe {
    width: 100% !important;
    float:left;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad {
    width: 100% !important;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
    width: 100% !important;
}


#subpage_ref {
    width: 100% !important;
    margin-left:0px;
}

#comp_frame {
    height:435px;
}

#objekt-content .content.comp_div {
    height:435px !Important;
    background-size: 100% auto !Important;
    background-position: 30% bottom !Important;
}

.img-grid-line {
   float:left;
   height:auto;
   width:100%;
}

.grid.page-content .img-grid-line .div-1-3.imgbox {
    min-width: 100%;
    max-width: 100%;
    margin: 0px 0px 0px 0px;
}

  .box {
    width: 100% !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
  }

.openModal {
     display: none;
}

#boxImage {
     display: none;
}

#pageImage {
     display: none;
}

  .notice-item {
    background: #FFFFFF url('') !important;
  }

.container .notice-item .notice-details {
  padding: 0px 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}

}


/* TEST  */
@media only screen and (max-width: 615px) {

.price_hide {
    display: none !important;
}

.price_hr.thin.hidebig {
   display:block;
}
.price_col {
    width: 100% !important;
   margin-right:0px;
   clear:both;
}
.price_col.hidesmall {
   display:block;
}

.price_col.black {
  margin-bottom:20px;
}

.price_col.four {
   text-align:left;
   margin-bottom:0px;
}

.price_col.six {
   text-align:left;
   margin-bottom:0px;
}




.impression_box {
   width:100%;
}
.impression_box.rand {
   width:100%;
}
.impression_box.left {
   width:100%;
}

}



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

#kunden-popup .container {
    width: 90%;
    height: auto;
    position: absolute;
    top: 3%;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    border: 3px solid #E5E5E5;
    background: #4fbc2b url('quote_2x.png');
    background-size: 46px 36px;
    background-repeat: no-repeat;
    background-position: 90% 97%;
  }
  #kunden-popup .container .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('x_green_2x.png');
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
  }
  #kunden-popup .container .close:hover {
    background: url('x_white_2x.png');
    background-size: 100% 100%;
  }

.container .bottom-boxes .box.green-bg {
  background: #4fbc2b url('quote_2x.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: 46px,  36px;
}

.image-lightbox .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green_2x.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
.image-lightbox .container .close:hover {
  background: url('x_light_green_2x.png');
  background-size: 100% 100%;
}

.image-lightbox .container .content .actual-image .navigation .left {
  background: url('arrow_left_2x.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  left: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .actual-image .navigation .right {
  background: url('arrow_right_2x.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  right: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}

.container #header .content .menubar nav ul li a.homepage-link:before {
  content: " ";
  background: url('home_white_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li a.homepage-link:hover:before {
  content: " ";
  background: url('home_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li.active a.homepage-link:before {
  content: " ";
  width: 15px;
  height: 15px;
  background: url('home_dark_green_2x.png');
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link:before {
  content: " ";
  background: url('home_dark_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link:hover:before {
  content: " ";
  background: url('home_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link.active:before {
  content: " ";
  background: url('home_black_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}

.container .bottom-boxes .box.white-bg.third {
  background: #FFFFFF url('scope_2x.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: 88px,  43px;
}

a.openModal {
  width: 42px;
  height: 42px;
  background: #028553 url('plus_white_2x.png');
  text-decoration: none;
  outline: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}
a.openModal:hover {
  background: #028553 url('plus_green_2x.png');
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.downloadlink:after {
  background: url('download_2x.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.downloadlink:hover:after {
  background: url('download_hover_2x.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.printlink:after {
  background: url('printer_2x.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}

.pdflink:after {

/* 
  background: url('pdf_2x.png');
*/

  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}

.printlink:hover:after {
  background: url('printer_hover_2x.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.pdflink:hover:after {

/* 
  background: url('pdf_hover_2x.png');
*/


  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

 .mobile-nav a.homepage-link:before {
    content: " ";
    background: url('home_white_2x.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-nav a.homepage-link:hover:before {
    content: " ";
    background: url('home_green_2x.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-subnav .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_2x.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }

  .mobile-subnav:hover .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_hover_2x.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }

  .notice-item {
    background: #FFFFFF url('tool_2x.png');
    background-repeat: no-repeat;
    background-position: 97% 90%;
    background-size: 73px 114px;
  }

  .mobile-menu:hover {
    background: url('mobile_trigger_hover_2x.png');
    background-size: 100% 100%;
  }

.mobile-menu {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_2x.png');
    background-size: 100% 100%;
    right: 25px;
    position: absolute;
    margin-top: 45px;
    cursor: pointer;
  }

}

/*Google Maps*/
#map_canvas {
	display: block;
	width: 100%;
	height: 250px;
}

.container.objekt-page .page-content .page.grey {
     background: #f3f3f3;
}

/* Samsung Querformat */
@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape)  {
#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 130% bottom;
}
}

/* Iphone 6+ Landscape */
@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3)
{
#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 120% bottom;
}
 }


#rex_375_subscribe {
    -webkit-appearance:none;
   border-radius: 0px !Important;
   font: 17px/15px Arial, 'Helvetica Neue', Helvetica, sans-serif !Important;
   background-color:#028553 !Important;
   font-weight:bold !Important;
   color: #FFFFFF !Important;
   padding: 15px 15px 15px 15px !Important;
   border: none !Important;
}

#rex_375_subscribe:hover
{
   background-color:#4fbc2b !Important;
   border: none !Important;
}

#rex_375_email
{
   border: 2px solid #e5e5e5  !Important;
}

#rex_375_multinewsletter p
{
   color: #666  !Important;
}



@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.openModal {
     display: none !important;
}
 }

.fett {
  font-weight:bold;
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

.wohnform_button {
  float:right !Important;
  margin-top:80px !Important;
}

.menulast{
 height:20px;
}

img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear_float {
  clear:both;
  margin-bottom:20px;
}

.gallery-element {
  display: none;
}
.roundlink {
  text-decoration: none;
}
.roundlink:hover {
  text-decoration: none;
  color: #FFFFFF;
}

.textliste {
  list-style-type: disc;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  list-style-position: outside;
  margin-left:15px;
}

.textliste li {
   margin-bottom:15px;
}

.grid.page-content a {
  color: #028553;
  text-decoration:none;
}

.grid.page-content a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

.box.white-bg a {
  color: #028553;
  text-decoration:none;
}

.box.white-bg a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

.dividediv {
 clear:both;
}

.fb_icon {
   float:right;
   width:40px;
   height:40px;
  margin-left:10px;
}

#kunden-popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.7);
  z-index: 999;
}
#kunden-popup .container {
  width: 600px;
  height: 700px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border: 3px solid #E5E5E5;
  background: #4fbc2b url('quote.png');
  background-size: 46px 36px;
  background-repeat: no-repeat;
  background-position: 90% 92%;
}
#kunden-popup .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
#kunden-popup .container .close:hover {
  background: url('x_white.png');
  background-size: 100% 100%;
}
#kunden-popup .container .content {
  padding: 40px 30px;
}
#kunden-popup .container .content .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  color: #FFFFFF;
}
#kunden-popup .container .content .testimonals {
  width: 540px;
  height: 450px;
  overflow: hidden;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
}
#kunden-popup .container .content .testimonals h2 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#kunden-popup .container .content .testimonals p {
  margin-bottom: 40px;
}
#kunden-popup .container .content .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255,255,255,0.31);
  width: 10px;
}
#kunden-popup .container .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
}
.image-lightbox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}
.image-lightbox .container {
  width: auto;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #FFFFFF;
}
.image-lightbox .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
.image-lightbox .container .close:hover {
  background: url('x_light_green.png');
  background-size: 100% 100%;
}
.image-lightbox .container .content {
  padding: 20px;
}
.image-lightbox .container .content .caption {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  height: 20px;
  font-weight: bold;
  line-height: 20px;
}
.image-lightbox .container .content .actual-image {
  position: relative;
  border: 1px solid #eaeaea;
  text-align: center;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.image-lightbox .container .content .actual-image .img {
  opacity: 0;
}
.image-lightbox .container .content .actual-image .navigation {
  position: absolute;
  z-index: 9999;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  top: 50%;
  height: 50%;
}
.image-lightbox .container .content .actual-image .navigation:hover .left,
.image-lightbox .container .content .actual-image .navigation:hover .right {
  display: block;
}
.image-lightbox .container .content .actual-image .navigation .left,
.image-lightbox .container .content .actual-image .navigation .right {
  display: block;
}
.image-lightbox .container .content .actual-image .navigation .left {
  background: url('arrow_left.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  left: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .actual-image .navigation .right {
  background: url('arrow_right.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  right: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .downloadlink {
  margin: 20px 0;
}
.image-lightbox .container .content .thumbnails {
  margin: 0;
  width: 100%;
}
.image-lightbox .container .content .thumbnails .thumb {
  width: 150px;
  height: 90px;
  display: inline-block;
  margin: 10px 10px 0 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer;
}
.image-lightbox .container .content .thumbnails .thumb:last-child {
  margin: 0;
}
.image-lightbox .container .content .thumbnails .thumb.active {
  border: 2px solid #4fbc2b;
}

.impression_box {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   font-size: 17px;
   width:48%;
   float:left;
   background-color:#fff;
   margin:0px;
   padding:0px;
   margin-bottom:20px;
   margin-right:0px;
}

.impression_box.left {
  margin-right:23px;
}

.impression_box.rand {
   width:100%;
}


/*Unternehmen Head*/
#comp_frame {
    height:335px;
}

.objekt-content #objekt-content .placeholder-div.comp_place {
   height:335px;
   background-color: #a7d2e8;
}

.container .content-container.comp_cont {
 margin-left:-10px;
}

#objekt-content .content.comp_div {
    height:335px;
    background: #a7d2e8 url(gf.png);
    background-repeat:no-repeat;
    background-size: 744px 100%;
    background-position: right top;
}

#objekt-content .content.comp_div .grid .div-1-3.padding>h1 {
   color:#fff;
   margin-top:20px;
}

#comp_round {
    margin-top:80px;
    margin-right:15px;
    background: #4fbc2b;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    text-align: center;
    padding: 40px 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 20px;
    float:right;
     -webkit-transform: rotate(15deg);
     -moz-transform: rotate(15deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#comp_space {
    background-color:#e5e5e5;
    height:35px;
}

#comp_white{
    color: #FFFFFF;
    display: block;
    font-weight: bold;
}

#comp_green{
    color: #028553;
    display: block;
    font-weight: bold;
}
/*Ende Unternehmen Head*/



/*Newsletter Anmeldung*/
#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
   margin-top:0px;
   width:100%;
   float:left;
   background: #f3f3f3 url("newsletter.png");
   background-repeat:no-repeat;
   background-size: 78px 60px;
   background-position: 90% 10px;
   color: #666666;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter .xform {
      margin-top:15px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter p {
   font-size:10px;
   margin-bottom:0px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter input[type=text] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   border: 2px solid #e5e5e5;
   margin-bottom:10px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter input[type=submit] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   color:#fff;
   background-color: #028553;
   border: 0px solid #e5e5e5;
   margin-bottom:0px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter label {
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.rex_375_error {
   padding:5px;
   background-color: #4fbc2b;
   border: 1px solid #e5e5e5;
}

.rex_375_error p b {
   color:#fff;
   font-weight:bold;
}

#newsletterframe {
    width:100%;
    float:right;
    margin-top:20px;
}

#newsletterframe .box.white-bg.mobilepad {
    width:100%;
}



.nl-form {
   background: #fff url("newsletter.png");
   background-repeat:no-repeat;
   background-size: 78px 60px;
   background-position: 90% 15px;
}

.nl-form h2 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.nl-form input[type=text] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   border: 2px solid #e5e5e5;
   margin-bottom:10px;
}

.nl-form label {
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.nl-form input[type=submit] {
 -webkit-appearance: none;
   width:100%;
   padding:5px;
   color:#fff;
   background-color: #028553;
   border: 1px solid #e5e5e5;
   margin-bottom:0px;
}


/*Ende Newsletter Anmeldung*/


#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad a {
  color: #028553;
  text-decoration:none;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg a {
  color: #028553;
  text-decoration:none;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg a:hover {
  color: #4fbc2b;
  text-decoration:underline;
}


/*Preisliste*/
.price_head {
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:20px;
    line-height:24px;
    color:#000;
    margin-bottom:20px;
    margin-top:40px;
    font-weight:bold;
}

.price_col {
   font-size:15px !Important;
   line-height:19px;
   margin-right:10px;
   float:left;
   color:#4fbc2b;
   font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.col_beschreibung {
   font-size:15px !Important;
   line-height:19px;
   margin-right:10px;
   float:left;
   color:#4fbc2b;
   font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.price_col.hidesmall {
   font-size:15px;
   line-height:19px;
   width:100%;
   display:none;
}

.price_col.black {
   font-size:15px;
   line-height:19px;
   color:#000000;
}

.price_col.one {
   font-size:15px;
   line-height:19px;
   width:11%;
}
.price_col.two {
   font-size:15px;
   line-height:19px;
   width:24%;
}
.price_col.three {
   font-size:15px;
   line-height:19px;
   width:40%;
}
.price_col.four {
   font-size:15px;
   line-height:19px;
   width:19%;
   margin-right:0px;
   text-align:right;
}
.price_col.five {
   font-size:15px;
   line-height:19px;
   margin-right:30px;
   width:75%;
}
.price_col.six {
   font-size:15px;
   line-height:19px;
   width:19%;
   margin-right:0px;
   text-align:right;
}
.price_hr {
   height:4px;
   border:none;
   background-color:#e5e5e5;
}
.price_hr.thin {
   height:1px;
}
.price_hr.thin.hidebig {
   display:none;
}
.price_clear {
   clear:both;
}
.price_abst {
   height:10px;
}
/*Ende Preisliste*/






/*
--------- FORMULAR-OBJEKTE ------------
*/

.formgen {
     font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
     color: #666666;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
    -webkit-appearance:none;
   border-radius: 0px;
   border:2px solid #e5e5e5;
   width:80%;
   height:100px;
   margin-bottom:30px;
}

/* Textfeld */
.formgen .formtext
{
    -webkit-appearance:none;
   border-radius: 0px;
   border:2px solid #e5e5e5;
   padding:5px;
   width:100%;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
   border:2px solid #4fbc2b;
}

/* Label */
.formgen label {
   width:100%;
   margin-bottom:5px;
   float:left;
}


/* Sende-Button */
.formgen .formsubmit
{
    -webkit-appearance:none;
   border-radius: 0px;
   font: 17px/15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   background-color:#028553;
   font-weight:bold;
   color: #FFFFFF;
   padding: 15px 15px 15px 15px;
   border: none;
   margin-top:-15px;
   margin-bottom:30px;
}

.formgen .formsubmit:hover
{
   background-color:#4fbc2b;
   border: none;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
     color: #000000;
}
.formgen label.formerror + input {
     border:2px solid #e40101;
}

.formgen .formreq {
	color: #666666;
}

.formblock {
     width:85%;
     clear:both;
     border:0px solid #000;
}

.forminfo {
   width:80%;
   font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   border:1px solid #e40101;
   border-radius: 0px;
   margin-bottom:30px;
   padding:10px;
   line-height:22px;
   color: #e40101;
}

.formgen div br {
   display:none;
}

/* Firma / Email / Internet */
.formgen .onecoldiv label {
}
.formgen .onecoldiv input {
   width:80%;
   margin-bottom:30px;
}
.formgen .onecoldiv {
}


/* Anrede */
.formgen .anredediv label {
   display:none;
}
.formgen .anredediv .formradio {
   width:100px;
   display:block;
   float:left;
   margin:0;
   padding:0;
   border: 0px solid #000;
}
.formgen .anredediv {
   width:80%;
   float:left;
   border: 0px solid #000;
   margin-bottom:30px;
}
.formgen .anredediv div {
   float:left;
   width:100%;
}
.formgen .anredediv input[type="radio"] {
  width:10px;
  float:left;
  display:block;
  margin-top:3px;
  margin-right:10px;
}


/* Name / Strasse / PLZ  */
.formgen .twocoldiv {
   width:80%;
   float:left;
   margin-bottom:30px;
}
.formgen .leftdiv {
   margin-right:4%;
   width:48%;
   float:left;
}
.formgen .rightdiv {
   width:48%;
   float:left;
}

/* Newsletter Checkbox */
.formgen .newsdiv {
    -webkit-appearance:none;
   border-radius:0px;
   float:left;
   width:80%;
   margin-bottom:30px;
}
.formgen .newsdiv label {
   display:block;
   float:right;
   width:90%;
   border: 0px solid #000;
}
.formgen .newsdiv input {
    -webkit-appearance:none;
   margin-top:3px;
   display:block;
   float:left;
}



/* Capatcha */
.formgen .captchadiv {
   float:left;
   width:80%;
}
.formgen .captchadiv label {
   float:left;
   width:80%;
}
.formgen .captchadiv img {
   border:2px solid #e5e5e5;
   width:20%;
   float:left;
   margin-right:20px;
   min-width:130px;
}
.formgen .captchadiv input {
   width:48%;
   float:left;
}


/* Info */
.formgen .infodiv {
   margin-top:40px;
   text-align:right;
   float:left;
   width:80%;
   border: 0px solid #000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



@media (max-width: 959px) {

  #kunden-popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 999;
  }
  #kunden-popup .container {
    width: 90%;
    height: auto;
    position: absolute;
    top: 3%;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    border: 3px solid #E5E5E5;
    background: #4fbc2b url('quote.png');
    background-repeat: no-repeat;
    background-position: 90% 97%;
  }
  #kunden-popup .container .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('x_green.png');
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
  }
  #kunden-popup .container .close:hover {
    background: url('x_white.png');
    background-size: 100% 100%;
  }
  #kunden-popup .container .content {
    padding: 30px 15px;
  }
  #kunden-popup .container .content .title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #FFFFFF;
  }
  #kunden-popup .container .content .testimonals {
    width: auto;
    height: 100%;
    overflow: hidden;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    padding-bottom: 75px;
  }
  #kunden-popup .container .content .testimonals h2 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #kunden-popup .container .content .testimonals p {
    margin-bottom: 20px;
  }
  #kunden-popup .container .content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,0.31);
    width: 10px;
  }
  #kunden-popup .container .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
  }
}
@media (max-width: 959px) and (orientation: portrait) {
  .image-lightbox .container {
    width: 90%;
    height: auto;
    max-height: 95%;
  }
  .image-lightbox .container .content .caption {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
  }
  .image-lightbox .container .content .thumbnails {
    display: none;
  }
  .image-lightbox .container .content .actual-image {
    border: 1px solid #eaeaea;
    text-align: center;
    width: auto;
    height: auto;
    max-height: 100% !important;
    overflow: hidden;
  }
  .image-lightbox .container .content .actual-image .img {
    position: relative;
  }
  .image-lightbox .container .content .actual-image .img img {
    width: auto;
    height: auto;
  }
}
@media (max-width: 959px) and (orientation: landscape) {
  .image-lightbox .container {
    width: 90%;
    height: 90%;
    max-height: 95%;
  }
  .image-lightbox .container .downloadlink {
    display: none;
  }
  .image-lightbox .container .content .caption {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
  }
  .image-lightbox .container .content .thumbnails {
    display: none;
  }
  .image-lightbox .container .content .actual-image {
    border: 1px solid #eaeaea;
    text-align: center;
    width: auto;
    height: auto;
    max-height: 100% !important;
    overflow: hidden;
    background-size: cover !important;
  }
  .image-lightbox .container .content .actual-image .img {
    position: relative;
    height: 75%;
  }
  .image-lightbox .container .content .actual-image .img img {
    width: auto;
    height: auto;
  }
}
.container {
  width: 100%;
}
.container.home-content {
  background: #E5E5E5;
}
.container.footer {
  background: #FFFFFF;
}
.container.objekt-page {
  background: #E5E5E5;
}
.container.objekt-page .submenu-objekt {
  background: #FFFFFF;
  width: 100%;
}
.container.objekt-page .submenu-objekt ul {
  list-style: none;
}
.container.objekt-page .submenu-objekt ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 15px;
}
.container.objekt-page .submenu-objekt ul li a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  color: #028553;
  font-size: 17px;
  text-decoration: none;
}
.container.objekt-page .submenu-objekt ul li a.active {
  color: #000000;
}
.container.objekt-page .submenu-objekt ul li a:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.container.objekt-page .page-content {
  margin-top: 35px;
}
.container.objekt-page .page-content .div-3-4 {
  width: 65.5%;
  margin-right: 2%;
}
.container.objekt-page .page-content .div-1-4 {
  width: 32%;
}
.container.objekt-page .page-content .div-1-4 .box {
  margin: 20px 0 0 0;
  padding: 20px;
}
.container.objekt-page .page-content .div-1-4 .box .box-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box:first-child {
  margin: 0;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg {
  background: #FFFFFF;
}

.container.objekt-page .page-content .div-1-4 .box.white-bg .box-title {
  margin-bottom: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p span {
  color: #FFFFFF;
}
.container.objekt-page .page-content .div-1-4 .box.white-bg p a {
  color: #FFFFFF;
  text-decoration: none;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg {
  background: #4fbc2b;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg .box-title {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p span {
  color: #FFFFFF;
}
.container.objekt-page .page-content .div-1-4 .box.green-bg p a {
  color: #FFFFFF;
  text-decoration: none;
}
.container.objekt-page .page-content .div-1-4 .box .box-image {
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  padding: 20px;
  border: 1px solid #eaeaea;
}
.container.objekt-page .page-content .div-1-4 .box .box-image img {
  width: 100%;
}
.container.objekt-page .page-content .div-1-4 .box .box-image .openModal {
  position: relative;
  top: 20px;
  left: -20px;
  z-index: 9999;
  display: block;
}
.container.objekt-page .page-content .page {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 35px;
}
.container.objekt-page .page-content .page .page-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container.objekt-page .page-content .page .page-subtitle {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin: 20px 0;
}
.container.objekt-page .page-content .page p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.container.objekt-page .page-content .page .page-image {
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  border: 1px solid #eaeaea;
}
.container.objekt-page .page-content .page .page-image img {
  width: 100%;
}
.container.objekt-page .page-content .page .page-image .openModal {
  position: relative;
  top: 20px;
  left: -20px;
  z-index: 9999;
  display: block;
}
.container #header {
  padding: 40px 0 30px 0;
  background: #E5E5E5;
}
.container #header .content {
  width: 965px;
  margin: 0 auto;
  min-height: 75px;
}
.container #header .content .logo {
  width: 218px;
  height: 73px;
  float: left;
}
.container #header .content .logo img {
  width: 100%;
  height: auto;
}
.container #header .content .mobile-menu {
  display: none;
}
.container #header .content .mobile-nav {
  display: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  padding: 20px;
}
.container #header .content .mobile-nav li {
  padding: 10px 0;
  border-top: 1px solid #4EAA87;
  position: relative;
}
.container #header .content .mobile-nav li:last-child {
  border-bottom: 1px solid #4EAA87;
}
.container #header .content .mobile-nav li.active a {
  color: #4fbc2b;
}
.container #header .content .mobile-nav li ul li {
  border: none;
}
.container #header .content .mobile-nav li ul li.active a {
  color: #4fbc2b !important;
}
.container #header .content .mobile-nav li ul li a {
  font-weight: normal;
  color: #FFFFFF !important;
}
.container #header .content .mobile-nav li ul li a:hover {
  text-decoration: underline;
  color: #4fbc2b !important;
}
.container #header .content .mobile-nav li ul li:last-child {
  border-bottom: none;
}
.container #header .content .mobile-nav li ul li:first-child {
  padding-top: 15px;
}
.container #header .content .mobile-nav a {
  font-weight: bold;
  font-size: 14px;
  display:block;
  line-height: 18px;
  width: 100%;
}
.container #header .content .mobile-nav a:hover {
  text-decoration: underline;
  color: #4fbc2b;
}
.container #header .content .menubar {
  background: #028553;
  position: absolute;
  right: 0;
  width: 60%;
  height: 46px;
  float: right;
}
.container #header .content .menubar nav {
  margin-top: -12px;
}
.container #header .content .menubar nav ul {
  list-style: none;
  position: relative;
  display: inline-table;
}
.container #header .content .menubar nav ul:after {
  content: "";
  clear: both;
  display: block;
}
.container #header .content .menubar nav ul li ul li a {
  display: block;
  padding: 10px 18px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.container #header .content .menubar nav ul li ul li a:first-child {
  padding: 10px 18px;
}
.container #header .content .menubar nav ul li ul li:hover {
  background: #FFFFFF;
  text-decoration: underline;
}
.container #header .content .menubar nav ul li ul li:hover a {
  color: #4fbc2b;
}
.container #header .content .menubar nav ul li ul li:hover > ul {
  display: block;
}
.container #header .content .menubar nav ul li ul li.active {
  background: #FFFFFF;
  margin-top: 10px;
}
.container #header .content .menubar nav ul li ul li.active a {
  color: #028553;
  padding: 10px 18px;
}
.container #header .content .menubar nav ul li a.homepage-link:before {
  content: " ";
  background: url('home_white.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li a.homepage-link:hover:before {
  content: " ";
  background: url('home_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}
.container #header .content .menubar nav ul ul {
  display: none;
  background: #FFFFFF;
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top: 100%;
  margin-top: -10px;
  z-index: 15000;
}
.container #header .content .menubar nav ul ul li {
  float: none;
  position: relative;
  max-width: 265px;
}
.container #header .content .menubar nav ul ul li.active a {
  color: #000000 !important;
}
.container #header .content .menubar nav ul ul li.active a:hover {
  color: #000000 !important;
}
.container #header .content .menubar nav ul ul li a {
  padding: 10px 15px;
  color: #028553 !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.container #header .content .menubar nav ul ul li a:hover {
  color: #4fbc2b !important;
}
.container #header .content .menubar nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.container #header .content .menubar nav ul li {
  float: left;
  line-height: 30px;
}
.container #header .content .menubar nav ul li a {
  display: block;
  padding: 15px 18px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  border:0px solid #000;
  margin-top:7px;
}
.container #header .content .menubar nav ul li a:first-child {
  padding: 15px 18px;
}
.container #header .content .menubar nav ul li:hover {
  background: #FFFFFF;
}
.container #header .content .menubar nav ul li:hover a {
  color: #4fbc2b;
}
.container #header .content .menubar nav ul li:hover > ul {
  display: block;
}
.container #header .content .menubar nav ul li.active {
  background: #FFFFFF;
  margin-top: 12px;
}
.container #header .content .menubar nav ul li.active a {
  color: #028553;
  padding: 6px 18px;
  padding-top: 3px;
}
.container #header .content .menubar nav ul li.active a.homepage-link:before {
  content: " ";
  width: 15px;
  height: 15px;
  background: url('home_dark_green.png');
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}
.container #homepage-slider {
  padding: 0;
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  height: 421px !important;
  overflow: hidden;
}
.container #homepage-slider .tgtimg {
  width: 100%;
  height: 421px !important;
}
.container #homepage-slider .tgtimg img {
  height: 421px !important;
}
.container #homepage-slider .loading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.container #homepage-slider .loading .layer1 {
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.container #homepage-slider .loading .layer2 {
  position: absolute;
  display: block;
  background: url(slider_loading.gif) no-repeat center center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.container #homepage-slider .slides-container {
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1300px;
  height: 515px !important;
  overflow: hidden;
}
.container #homepage-slider img {
  width: 100%;
  height: auto;
}
.container .jssora21l,
.container .jssora21r {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  cursor: pointer;
  background: url(slider_nav.png) center center no-repeat;
  overflow: hidden;
}
.container .jssora21l {
  background-position: -3px -33px;
  top: 50% !important;
  position: fixed;
  left: 8px;
}
.container .jssora21r {
  background-position: -63px -33px;
  top: 50% !important;
  position: fixed;
  right: 8px;
}
.container .jssora21l:hover {
  background-position: -123px -33px;
}
.container .jssora21r:hover {
  background-position: -183px -33px;
}
.container .jssora21l.jssora21ldn {
  background-position: -243px -33px;
}
.container .jssora21r.jssora21rdn {
  background-position: -303px -33px;
}
.container .content-container {
  width: 965px;
  margin: 0 auto;
}
.container .content-container#home-content {
  padding: 50px 0;
}
.container .content-container#home-top {
  background: #FFFFFF;
  padding: 50px 0;
}
.container .content-container#home-top h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container .content-container#home-top p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
}
.container .content-container#home-top .green-round-home {
  background: #4fbc2b;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  padding: 50px 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 24px;
  margin: 0 auto;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.container .content-container#home-top .green-round-home .white {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
}

.container .content-container#home-top .green-round-home .green {
  color: #028553;
  display: block;
  font-weight: bold;
}

.big {
  color: #028553;
  font-weight: bold;
  font-size:36px;
}


.container .content-container#footer {
  padding: 50px 0;
}
.container .content-container#footer .block {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
.container .content-container#footer .block.normal a {
  font-weight: normal;
  max-width: 207px;
}

.container .content-container#footer .block.normal .first {
  font-weight: bold;
}

.container .content-container#footer .block.normal a.active {
  font-weight: bold;
  color: #000000;
}
.container .content-container#footer .block a {
  display: block;
  color: #028553;
  text-decoration: none;
  margin: 0 0 20px 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}

.container .content-container#footer .block a.active {
  font-weight: bold;
  color: #000000;
}

.container .content-container#footer .block a:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.container .content-container#footer .block a.homepage-link:before {
  content: " ";
  background: url('home_dark_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}
.container .content-container#footer .block a.homepage-link:hover:before {
  content: " ";
  background: url('home_green.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}
.container .content-container#footer .block a.homepage-link.active {
  color: #000000;
}
.container .content-container#footer .block a.homepage-link.active:before {
  content: " ";
  background: url('home_black.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}
.container .content-container#footer .block:last-child {
  margin: 0;
}
.container .content-container#copyrights {
  color: #000000;
  padding-top: 14px;
  border-top: 1px solid #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.container .content-container#copyrights p {
  font-weight: bold;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
}
.container .content-container#copyrights div {
  width: 100%;
  height: auto;
  background: #4fbc2b;
  padding: 5px 10px;
  margin: 0 0 30px 0;
}
.container .content-container#copyrights div img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.container .content-container#copyrights div .verkaufs-hotline {
  margin: 0;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 25px;
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
}
.container .coverlink {
  font-size: 0;
}
.container .ref-item {
  background: #FFFFFF;
  max-height: 375px;
  margin-bottom: 50px;
}
.container .ref-item .ref-image {
  margin: 0;
  padding: 0;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}
.container .ref-item .ref-image img {
  width: 100%;
  height: 375px;
  position: relative;
  visibility: hidden;
}
.container .ref-item .ref-image .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.container .ref-item .ref-image .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.container .ref-item .ref-details {
  background: #FFFFFF;
  padding: 20px;
  margin: 0;
}
.container .ref-item .ref-details .logo {
  max-width: 268px;
  width: 100%;
  height: 80px;
  background-size: auto;
  background-repeat: no-repeat !important;
}
.container .ref-item .ref-details .logo img {
  visibility: hidden;
  width: 100%;
  height: auto;
  max-height: 80px;
}
.container .ref-item .ref-details .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  margin: 40px 0 0 0;
}
.container .ref-item .ref-details .details {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 20px 0;
}
.container .notice-item {
  max-height: 375px;
  margin-bottom: 50px;
  background-color: #FFFFFF;
}
.container .notice-item .notice-image {
  margin: 0;
  padding: 0;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
}
.container .notice-item .notice-image img {
  width: 100%;
  height: 375px;
  position: relative;
  visibility: hidden;
}
.container .notice-item .notice-image .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.container .notice-item .notice-image .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.container .notice-item .notice-details {
  padding: 35px 20px;
  margin: 0;
}
.container .notice-item .notice-details .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.container .notice-item .notice-details .details {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 20px 0;
}
.container .bottom-boxes {
  width: 100%;
}
.container .bottom-boxes .box {
  width: 308px;
  height: 340px;
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 0 0;
}

.container .bottom-boxes .box:last-child {
  margin: 0;
}
.container .bottom-boxes .box.white-bg {
  background: #FFFFFF;
}
.container .bottom-boxes .box.white-bg.third {
  background: #FFFFFF url('scope.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
.container .bottom-boxes .box.green-bg {
  background: #4fbc2b url('quote.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
.container .bottom-boxes .box.green-bg .title {
  font-weight: bold;
  color: #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0 0 30px 0;
  display:none;
}
.container .bottom-boxes .box.green-bg .detail {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
  display:none;
}
.container .bottom-boxes .box.green-bg .nav-link {
  color: #FFFFFF;
}


/* Kundenmeinungen auf Unterseiten */

#kundenmeinung_box {
  background: #4fbc2b url('quote.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  margin-bottom:20px;
}
#kundenmeinung_box .title {
  font-weight: bold;
  color: #000000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0 0 30px 0;
  display:none;
}
#kundenmeinung_box .detail {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
  display:none;
}
#kundenmeinung_box .nav-link {
  color: #FFFFFF;
}
/* Ende Kundenmeinungen auf Unterseiten */



.container .bottom-boxes .box .full-width-top-padding {
  padding: 20px 0 0 20px;
}

.container .bottom-boxes .box .full-width-top-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  margin-bottom: 20px;
}

#subpage_ref .box .full-width-top-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  margin-bottom: 20px;
}


.container .bottom-boxes .box .no-padding {
  width: 100%;
  padding: 0;
  text-align: center;
}

#subpage_ref .box .no-padding {
  width: 100%;
  padding: 0;
  text-align: center;
}

.container .bottom-boxes .box .no-padding .img {
  width: 152px;
  height: 98px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover !important;
  margin-bottom: 2px;
  margin-right: -1px;
  margin-left: -1px;
}

#subpage_ref .img {
  width: 152px;
  height: 98px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover !important;
  margin-bottom: 2px;
  margin-right: -10px;
  margin-left: -10px;
}

.container .bottom-boxes .box .no-padding .img:nth-child(1) {
  margin-left: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(2) {
  margin-right: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(3) {
  margin-left: 0;
}
.container .bottom-boxes .box .no-padding .img:nth-child(4) {
  margin-right: 0;
}

#subpage_ref .img:nth-child(1) {
  margin-left: -18px;
  margin-right: 8px;
}
#subpage_ref .img:nth-child(2) {
  margin-right: -34px;
}
#subpage_ref .img:nth-child(3) {
  margin-left: -18px;
  margin-right: 8px;
}
#subpage_ref .img:nth-child(4) {
  margin-right: -30px;
}

.container .bottom-boxes .box .bottom-padding {
  padding: 10px 0 0 20px;
}
#subpage_ref .box .bottom-padding {
  padding: 10px 0 0 0px;
}

.container .bottom-boxes .box .correct-padding {
  padding: 20px;
}
.container .bottom-boxes .box .correct-padding h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
  color: #FFFFFF;
}
.container .bottom-boxes .box .correct-padding.third h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.container .bottom-boxes .box .correct-padding.third p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
}
.objekt-content {
  min-height: 250px;
  background: #E5E5E5;
}
.objekt-content #objekt-content {
  position: absolute;
  width: 100%;
  left: 0;
}
.objekt-content #objekt-content .placeholder-div {
  position: absolute;
  width: 50%;
  background-color: #f3f3f3;
  height: 210px;
}
.objekt-content #objekt-content .content {
  width: 980px;
  left: 33%;
  position: relative;
}
.objekt-content #objekt-content .content h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
.objekt-content #objekt-content .content p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}
.objekt-content #objekt-content .content .padding {
  padding: 15px 10px;
}
.objekt-content #objekt-content .content .white {
  background: #FFFFFF;
  padding: 30px 20px 20px 20px;
  position: absolute;
}
.objekt-content #objekt-content .content .image {
  position: absolute;
  right: 10px;
}
.objekt-content #objekt-content .content .div-1-3 .logo {
  width: 288px;
  height: 160px;
  margin: 0 auto;
}
.objekt-content #objekt-content .content .div-1-3 .logo img {
  width: 100%;
}
.objekt-content #objekt-content .content .div-1-3 .top {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #028553;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
}
.objekt-content #objekt-content .content .div-1-3 .bottom {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  padding: 7px 15px;
  background: #4fbc2b;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  display: block;
}
.nav-link {
  color: #028553;
  font-size: 16px;
  text-decoration: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
}
.nav-link:before {
  content: "\00bb";
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none !important;
}
.nav-link:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.nav-link:hover:before {
  text-decoration: none !important;
}
a.openModal {
  width: 42px;
  height: 42px;
  background: #028553 url('plus_white.png');
  text-decoration: none;
  outline: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}
a.openModal:hover {
  background: #028553 url('plus_green.png');
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}

a#topImage {
  margin-bottom:5px;
}

.grid {
  width: 100%;
  margin: 0;
  padding: 0;
}
.grid div[class^='div'] {
  vertical-align: top;
}
.grid .div-1-2 {
  width: 50%;
  display: inline-block;
  margin: 0;
}
.grid .div-1-3 {
  width: 33%;
  display: inline-block;
  margin: 0;
}
.grid .div-2-3 {
  width: 66%;
  display: inline-block;
  margin: 0;
}
.grid .div-1-4 {
  width: 25%;
  display: inline-block;
  margin: 0;
}
.grid .div-3-4 {
  width: 74%;
  display: inline-block;
  margin: 0;
}
.clear {
  display: block;
  height: 50px;
  width: 100%;
  float: none;
}
.clear.small {
  height: 30px;
}
.downloadlink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
  font-weight: normal;
}
.downloadlink:after {
  background: url('download.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}
.downloadlink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.downloadlink:hover:after {
  background: url('download_hover.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}
.printlink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
}
.printlink:after {
  background: url('printer.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}
.printlink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.printlink:hover:after {
  background: url('printer_hover.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.pdflink {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  color: #028553;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
  float: right;
}
.pdflink:after {

/* 
  background: url('pdf.png');
*/


  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}
.pdflink:hover {
  color: #4fbc2b;
  text-decoration: underline;
}
.pdflink:hover:after {

/* 
  background: url('pdf_hover.png');
*/


  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.show-on-small {
  display: none;
}
#homepage-slider-placeholder {
  display: none;
}
@media (max-width: 1105px) {

.wohnform_button {
  width:150px !Important;
  height:150px !Important;
  margin:5px;
}

  .container #header .content .menubar {
    width: 70%;
  }
  .container #header .content .logo {
    margin-left: 10px;
  }
}


@media (max-width: 1000px) {
.impression_box.rand {
   width:48%;
}

  .container .content-container {
    width: 100%;
    padding: 50px 10px;
  }
  .container .content-container#objekt-body {
    padding: 10px !important;
  }
  .container .content-container#home-top {
    padding: 50px 10px;
  }
  .container .content-container#home-content {
    padding: 50px 10px;
  }

  .container .content-container#home-content .bottom-boxes .box.white-bg.third {
    margin-top: 30px;
  }
  .container .content-container#home-content .bottom-boxes .box .no-padding .img {
    width: 49%;
    height: 98px;
    margin: 0 0 2px 0;
  }



  .container #copyrights {
    padding: 50px 0;
  }
  .container.footer {
    padding: 0 10px;
  }
  .container #header .content {
    width: 100%;
  }
}
@media (min-width: 966px) {
  .mobile-nav,
  .mobile-subnav {
    height: 0;
    visibility: hidden;
  }
}
@media (max-width: 965px) {
  .container#home-content .bottom-boxes .box .no-padding img {
    width: 49%;
  }
#subpage_ref img {
    width: 49%;
  }

  .menubar {
    display: none;
  }
  .hide-on-small {
    display: none !important;
  }
  .full-width-on-small {
    width: 100% !important;
  }
  .show-on-small {
    display: block !important;
  }
  #homepage-slider {
    display: none;
  }
  #homepage-slider-placeholder {
    display: block;
  }
  #homepage-slider-placeholder img {
    width: 100%;
  }
  .mobile-menu {
    display: block !important;
    width: 20px;
    height: 14px;
    background: url('mobile_trigger.png');
    background-size: 100% 100%;
    right: 25px;
    position: absolute;
    margin-top: 45px;
    cursor: pointer;
  }
  .mobile-menu:hover {
    background: url('mobile_trigger_hover.png');
    background-size: 100% 100%;
  }
  #home-top {
    background: #FFFFFF;
    padding: 30px !important;
  }
  #home-top h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }
  #home-top p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .nav-link,
  .printlink,
  .pdflink,
  .downloadlink {
    font-size: 15px;
    line-height: 17px;
  }
  .container .ref-item .ref-details .title,
  .container .notice-item .notice-details .title {
    font-size: 17px !important;
    line-height: 21px !important;
    margin: 20px 0 0 0 !important;
  }
  .container .ref-item .ref-details .details,
  .container .notice-item .notice-details .details {
    font-size: 15px;
    line-height: 19px;
  }
  .container .bottom-boxes .box .full-width-top-padding h1,
  .container .bottom-boxes .box .correct-padding.third h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #000000 !important;
  }

#subpage_ref .box .full-width-top-padding h1,
#subpage_ref .box .correct-padding.third h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #000000 !important;
  }

  .container .bottom-boxes .box .correct-padding {
    padding: 30px 20px 20px 20px;
  }
  .container .bottom-boxes .box .correct-padding h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    color: #FFFFFF !important;
  }
  .container .bottom-boxes .box.green-bg .title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .container .bottom-boxes .box.green-bg .detail,
  .container .bottom-boxes .box .correct-padding.third p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .objekt-content #objekt-content .content p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .objekt-content #objekt-content .content h1 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }
  .container.objekt-page .page-content .page .page-title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
  }


.page-content .page-title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
}

  .container.objekt-page .page-content .page p {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .container.objekt-page .page-content .page .page-subtitle {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #028553;
    color: #000000 !important;
  }
  .container #header .content .logo {
    width: 177px;
    height: auto;
    float: left;
    margin-left: 20px !important;
  }
  .container #header {
    padding: 20px 0 10px 0;
  }
  .mobile-nav {
    display: none;
    position: absolute;
    top: 105px;
    z-index: 999;
    background: #028553;
    left: 10px;
    right: 10px;
  }
  .mobile-nav a {
    text-decoration: none;
    color: #FFFFFF;
  }
  .mobile-nav a.homepage-link:before {
    content: " ";
    background: url('home_white.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-nav a.homepage-link:hover {
    color: #4fbc2b;
  }
  .mobile-nav a.homepage-link:hover:before {
    content: " ";
    background: url('home_green.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

#startnow a.homepage-link:before {
    content: " ";
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
    background: url('home_green.png');
}

  .mobile-nav a:hover {
    color: #4fbc2b;
    text-decoration: underline;
  }
  .mobile-subnav {
    color: #028553;
    font-family: Arial;
    line-height: 10px;
    padding: 20px;
    font-weight: bold;
    cursor: pointer;
  }
  .mobile-subnav .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }
  .mobile-subnav:hover {
    color: #4fbc2b;
  }
  .mobile-subnav:hover .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_hover.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }
}
ul.mobile-submenu {
  display: none;
  padding: 15px;
}
.imgbox {
  position: relative;
  background: #FFFFFF;
  width: 32% !important;
  margin-right: 1.5% !important;
}
.imgbox:last-child {
  margin: 0 !important;
}
.imgbox .top {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eaeaea;
}
.imgbox .top img {
  width: 100%;
}
.imgbox .bottom {
  padding: 15px;
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.img-grid-line {
  margin: 20px 0;
}
#objekt-body {
  padding-bottom: 25px;
}
#objekt-body h1 {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  line-height: 28px;
}
#objekt-body .box .box-title {
  font-size: 24px;
  line-height: 28px;
}
ul.mobile-submenu > li {
  display: block !important;
  padding: 13px 0 !important;
  border-top: 1px solid #eaeaea;
}

ul.mobile-submenu > li a {
  display: block !important;
}

ul.mobile-submenu > li:last-child {
  border-bottom: 1px solid #eaeaea;
}
ul.mobile-submenu > li a:hover {
  color: #4fbc2b;
  text-decoration: underline !important;
}
@media (max-width: 840px) {

.wohnform_button {
  display:none;
}

.fb_icon {
   margin-top:10px;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad {
    width: 100% !important;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
    width: 100% !important;
}


  .page-content {
    margin-top: 10px !important;
  }
  .grid {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .grid div[class^='div'] {
    vertical-align: top;
  }
  .grid .div-1-2 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-1-3 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-2-3 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-1-4 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .grid .div-3-4 {
    width: 100%;
    display: block;
    margin: 0;
  }
  #home-content {
    padding: 10px !important;
  }

  .box {
    width: 49% !important;
    margin: 0 10px 10px 0 !important;
  }

  .box.green-bg {
    margin: 0 0 10px 0 !important;
  }


  .box.mobilepad,
  .box.third {
    margin: 0 !important;
  }

  #footer {
    padding: 20px !important;
    background: #FFFFFF;
  }
  #footer .block {
    width: 100% !important;
  }
  #footer .block a {
    border-top: 1px solid #ededed;
    margin: 0 !important;
    padding: 10px 0 !important;
  }
  #footer .block a:last-child {
    border-bottom: 1px solid #ededed;
  }
  #footer .block.normal a {
    border: none;
    max-width: 100% !important;
  }
  .img-grid-line {
    margin: 10px 0 !important;
  }
  .img-grid-line.last {
    margin: 0px !important;
  }
  .imgbox {
    position: relative;
    background: #FFFFFF;
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .imgbox:last-child {
    margin: 0 !important;
  }
  .imgbox .top {
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eaeaea;
    text-align: center;
  }
  .imgbox .top img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 250px;
  }
  .imgbox .bottom {
    padding: 15px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #000000;
  }
  .container.footer {
    background: #E5E5E5;
  }
  #copyrights {
    padding: 20px !important;
    background: #FFFFFF;
    border: none !important;
  }
  #copyrights p {
    border-top: 1px solid #000000;
    padding-top: 10px !important;
    font-size: 14px !important;
  }
  #copyrights .verkaufs-hotline {
    font-size: 16px !important;
    border: none !important;
    padding-top: 0 !important;
  }

#subpage_ref {
    width: 48% !important;
    margin-left:17px;
}

#imgframe {
    width: 100% !important;
}

#subpage_ref .box.white-bg {
    width: 100% !important;
    padding:0;
}


}
.objekt-content #objekt-content .content {
  margin: 0 auto;
  left: 0;
}


@media (max-width: 1000px) {

#newsletterframe {
    margin-top:0px;
    width:48%;
}

#subpage_ref {
    float:left;
    width:49%;
    margin-left:17px;
}

#subpage_ref .box.white-bg {
    width:100%;
}

#subpage_ref .img {
    width: 49%;
    height: 98px;
    padding:0px;
  }

#imgframe {
  width: 111%;
  margin:0;
  padding: 0;
}

.grid.page-content .div-1-3.imgbox.links {
    float:left;
    min-width: 48%;
    max-width: 48%;
    margin: 0px 0px 20px 0px;
    border:0px solid blue;
}

.img-grid-line {
   height:0px;
   padding:0px;
   margin:0px;
}

.grid.page-content .div-1-3.imgbox.rechts {
    float:right;
    min-width: 48%;
    max-width: 48%;
    margin: 0px 0px 20px 0px;
    border:0px solid red;
}

  .objekt-content #objekt-content .content {
    left: 0;
    width: 100% !important;
  }
  .objekt-content #objekt-content {
    position: inherit;
    width: 100%;
    padding: 0px;
  }
  .objekt-content #objekt-content .grid .div-1-3 {
    width: 100%;
    display: block;
    position: relative;
  }
  .objekt-content #objekt-content .placeholder-div {
    width: 100% !important;
  }
  .container.objekt-page .page-content .div-3-4 {
    width: 100%;
  }
  .container.objekt-page .page-content .div-1-4 {
    width: 100%;
  }
  .printlink, pdflink {
    display: none;
  }
  .clear {
    height: 35px;
  }
  .page {
    margin-bottom: 10px !important;
    padding: 20px !important;
  }
  .objekt-content #objekt-content .content .padding {
    padding: 23px 20px;
  }

.container.objekt-page .page-content .div-1-4 .box.white-bg {
    width: 49%;
    float:left;
    margin: 0 18px 10px 0px;
    word-wrap: break-word;
}

.container.objekt-page .page-content .div-1-4 .box.green-bg {
    width: 49%;
    float:left;
    margin: 0 0 10px 0px;
   word-wrap: break-word;
}

.container.objekt-page .page-content .div-1-4 .box.white-bg.mobilepad {
    width: 49%;
    float:left;
    margin: 0 0px 10px 0px;
    word-wrap: break-word;
}

.container .content-container.comp_cont
   {
     margin-left:0px;
   }
#comp_round
  {
     width: 150px;
     height: 150px;
    padding: 30px 0;
    font-size: 17px;
  }
 #comp_text
  {
    width: 400px !important;
  }

#objekt-content .content.comp_div {
    background-size: 595px 80%;
    background-position: 130% bottom;
}


}
@media (min-width: 985px) {

  .ref-image,
  .notice-image {
    width: 655px !important;
    display: inline-block !important;
    margin: 0;
  }
  .ref-details,
  .notice-details {
    width: 308px !important;
    display: inline-block !important;
    margin: 0;
  }
  .notice-item {
    background: #FFFFFF url('tool.png');
    background-repeat: no-repeat;
    background-position: 97% 90%;
    background-size: 73px auto;
  }
}
@media (min-width: 768px) and (max-width: 978px) {


#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 49% !important;
    float:right;
}


#subpage_ref {
    width:48%;
    margin-left:20px;
}

#subpage_ref .box.white-bg {
    padding:0px;
}

#imgframe {
    width:100%;
    margin:0;
    padding: 0;
}

#imgframe .img:nth-child(1) {
      margin-left:2px;
}

#imgframe .img:nth-child(3) {
      margin-left:2px;
}

#subpage_ref .box.white-bg .full-width-top-padding {
    padding: 20px;
    padding-bottom: 0px;
}

#subpage_ref .box.white-bg .bottom-padding {
    padding: 20px;
}

  .ref-image,
  .notice-image {
    width: 500px !important;
    display: inline-block !important;
    margin: 0;
  }
  .ref-details,
  .notice-details {
    width: 248px !important;
    display: inline-block !important;
    margin: 0;
  }
}

@media (max-width: 767px) {

#objekt-content .content.comp_div {
    background-size: 476px 60% !Important;
    background-position: 120% bottom !Important;
}



.container.objekt-page .submenu-objekt ul li a {
  font-size: 14px;
}

  .ref-item,
  .notice-item {
    max-height: none !important;
    margin-bottom: 10px !important;
  }
  .ref-item .ref-image img,
  .ref-item .notice-image img,
  .notice-item .ref-image img,
  .notice-item .notice-image img {
    width: 100%;
    height: auto !important;
  }

/* mobile Querformat */

  .notice-item {
    background: #FFFFFF url('') !important;
  }

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 49% !important;
    float:right;
}

.container .notice-item .notice-details {
  padding: 0px 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}

/*
--------- FORMULAR-OBJEKTE ------------
*/

.formgen .formtextfield
{
   width:100%;
}
.forminfo {
   width:100%;
}
.formgen .onecoldiv input {
   width:100%;
}
.formgen .twocoldiv {
   width:100%;
}
.formgen .newsdiv {
   width:100%;
}

/*
--------- Ende FORMULAR-OBJEKTE ------------
*/


#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter label {
  display:block;
  width:60px;
}

#subpage_ref {
    width:48%;
    margin-left:15px;
    border:0px solid #000;
}

#subpage_ref .box.white-bg .full-width-top-padding {
    padding: 20px;
    padding-bottom: 0px;
}

#subpage_ref .box.white-bg .bottom-padding {
    padding: 20px;
}

#imgframe .img:nth-child(1) {
      margin-left:2px;
}

#imgframe .img:nth-child(3) {
      margin-left:2px;
}

#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 230% bottom;
}

#objekt-content .content.comp_div .grid .div-1-3.padding>h1 {
    white-space: nowrap;
}

#comp_round
  {
     margin-right:10px;
     width: 130px;
     height: 130px;
    padding: 30px 0;
    font-size: 15px;
  }


 #comp_text
  {
    width: 320px !important;
  }

  .box {
    width: 49% !important;
    margin: 0 6 10px 0 !important;
  }

  .box.green-bg {
    margin: 0 0 10px 0 !important;
  }

.openModal {
     display: none !important;
}
}



/* mobile hochformat */
@media only screen and (max-width: 480px) {

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad.secondbox {
    width: 100% !important;
}

/* Formularobjekte */
.formblock {
   width:100%;
}
.formgen .formsubmit
{
   margin-top:15px;
   width:100%;
   margin-bottom:20px;
}
.formgen .infodiv {
   margin-top:30px;
   width:100%;
   text-align:left;
}
.formgen .anredediv {
   width:100%;
}
.formgen .captchadiv {
   width:100%;
}
.formgen .captchadiv label {
   font-size:90%;
   width:100%;
}
.formgen .captchadiv input {
   width:42%;
   float:right;
}
/* Ende Formularobjekte */

#newsletterframe {
    width: 100% !important;
    float:left;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.mobilepad {
    width: 100% !important;
}

#objekt-body .grid.page-content .div-1-4 .box.white-bg.newsletter {
    width: 100% !important;
}


#subpage_ref {
    width: 100% !important;
    margin-left:0px;
}

#comp_frame {
    height:435px;
}

#objekt-content .content.comp_div {
    height:435px !Important;
    background-size: 100% auto !Important;
    background-position: 30% bottom !Important;
}

.img-grid-line {
   float:left;
   height:auto;
   width:100%;
}

.grid.page-content .img-grid-line .div-1-3.imgbox {
    min-width: 100%;
    max-width: 100%;
    margin: 0px 0px 0px 0px;
}

  .box {
    width: 100% !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
  }

.openModal {
     display: none;
}

#boxImage {
     display: none;
}

#pageImage {
     display: none;
}

  .notice-item {
    background: #FFFFFF url('') !important;
  }

.container .notice-item .notice-details {
  padding: 0px 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}

}


/* TEST  */
@media only screen and (max-width: 615px) {

.price_hide {
    display: none !important;
}

.price_hr.thin.hidebig {
   display:block;
}
.price_col {
    width: 100% !important;
   margin-right:0px;
   clear:both;
}
.price_col.hidesmall {
   display:block;
}

.price_col.black {
  margin-bottom:20px;
}

.price_col.four {
   text-align:left;
   margin-bottom:0px;
}

.price_col.six {
   text-align:left;
   margin-bottom:0px;
}




.impression_box {
   width:100%;
}
.impression_box.rand {
   width:100%;
}
.impression_box.left {
   width:100%;
}

}



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

#kunden-popup .container {
    width: 90%;
    height: auto;
    position: absolute;
    top: 3%;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    border: 3px solid #E5E5E5;
    background: #4fbc2b url('quote_2x.png');
    background-size: 46px 36px;
    background-repeat: no-repeat;
    background-position: 90% 97%;
  }
  #kunden-popup .container .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('x_green_2x.png');
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
  }
  #kunden-popup .container .close:hover {
    background: url('x_white_2x.png');
    background-size: 100% 100%;
  }

.container .bottom-boxes .box.green-bg {
  background: #4fbc2b url('quote_2x.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: 46px,  36px;
}

.image-lightbox .container .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('x_green_2x.png');
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  cursor: pointer;
}
.image-lightbox .container .close:hover {
  background: url('x_light_green_2x.png');
  background-size: 100% 100%;
}

.image-lightbox .container .content .actual-image .navigation .left {
  background: url('arrow_left_2x.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  left: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.image-lightbox .container .content .actual-image .navigation .right {
  background: url('arrow_right_2x.png');
  width: 45px;
  height: 100px;
  max-height: 100px;
  position: absolute;
  right: 5%;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% 100%;
}

.container #header .content .menubar nav ul li a.homepage-link:before {
  content: " ";
  background: url('home_white_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li a.homepage-link:hover:before {
  content: " ";
  background: url('home_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 10px;
}

.container #header .content .menubar nav ul li.active a.homepage-link:before {
  content: " ";
  width: 15px;
  height: 15px;
  background: url('home_dark_green_2x.png');
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link:before {
  content: " ";
  background: url('home_dark_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link:hover:before {
  content: " ";
  background: url('home_green_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-block;
}

.container .content-container#footer .block a.homepage-link.active:before {
  content: " ";
  background: url('home_black_2x.png');
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  margin-right: 5px;
  display: inline-block;
}

.container .bottom-boxes .box.white-bg.third {
  background: #FFFFFF url('scope_2x.png');
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: 88px,  43px;
}

a.openModal {
  width: 42px;
  height: 42px;
  background: #028553 url('plus_white_2x.png');
  text-decoration: none;
  outline: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}
a.openModal:hover {
  background: #028553 url('plus_green_2x.png');
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.downloadlink:after {
  background: url('download_2x.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.downloadlink:hover:after {
  background: url('download_hover_2x.png');
  width: 26px;
  height: 21px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.printlink:after {
  background: url('printer_2x.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}

.printlink:hover:after {
  background: url('printer_hover_2x.png');
  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}

.pdflink:after {

/* 
  background: url('pdf_2x.png');
*/


  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -5px;
}

.pdflink:hover:after {

/* 
  background: url('pdf_hover_2x.png');
*/


  width: 24px;
  height: 27px;
  margin-left: 10px;
  content: " ";
  display: inline-block;
  background-size: 100% 100%;
}


 .mobile-nav a.homepage-link:before {
    content: " ";
    background: url('home_white_2x.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-nav a.homepage-link:hover:before {
    content: " ";
    background: url('home_green_2x.png');
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 5px;
    display: inline-block;
  }

  .mobile-subnav .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_2x.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }

  .mobile-subnav:hover .trigger {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_hover_2x.png');
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: -2px;
  }

  .notice-item {
    background: #FFFFFF url('tool_2x.png');
    background-repeat: no-repeat;
    background-position: 97% 90%;
    background-size: 73px 114px;
  }

  .mobile-menu:hover {
    background: url('mobile_trigger_hover_2x.png');
    background-size: 100% 100%;
  }

.mobile-menu {
    width: 20px;
    height: 14px;
    background: url('mobile_trigger_2x.png');
    background-size: 100% 100%;
    right: 25px;
    position: absolute;
    margin-top: 45px;
    cursor: pointer;
  }

}

/*Google Maps*/
#map_canvas {
	display: block;
	width: 100%;
	height: 250px;
}

.container.objekt-page .page-content .page.grey {
     background: #f3f3f3;
}

/* Samsung Querformat */
@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape)  {
#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 130% bottom;
}
}

/* Iphone 6+ Landscape */
@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3)
{
#objekt-content .content.comp_div {
    background-size: 476px 60%;
    background-position: 120% bottom;
}
 }


#rex_375_subscribe {
    -webkit-appearance:none;
   border-radius: 0px !Important;
   font: 17px/15px Arial, 'Helvetica Neue', Helvetica, sans-serif !Important;
   background-color:#028553 !Important;
   font-weight:bold !Important;
   color: #FFFFFF !Important;
   padding: 15px 15px 15px 15px !Important;
   border: none !Important;
}

#rex_375_subscribe:hover
{
   background-color:#4fbc2b !Important;
   border: none !Important;
}

#rex_375_email
{
   border: 2px solid #e5e5e5  !Important;
}

#rex_375_multinewsletter p
{
   color: #666  !Important;
}



@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.openModal {
     display: none !important;
}
 }

.fett {
  font-weight:bold;
}


.iwcc-headline {
	padding-bottom: 10px;
}

.newsletter .yform p{
	padding-top: 20px;
	font-size: 16px !important;
	line-height: 1.3 !important;
}
.newsletter form {
  padding: 20px 18px 15px 18px;
}
.newsletter form label{
  font-size: 12px;
  float: left;
  padding-top: 4px;
}

.newsletter form label .checkbox{
  border: 3px solid red !important;
}

.newsletter form .checkbox{
  margin: 4px !important;
}

.newsletter .btn-primary {
  margin-top: 15px;
  padding: 12px !important;
}

.video_subtitle {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #000000;
   margin-bottom: 15px;
   margin-top: 15px;
   font-size: 16px;
   line-height: 20px;
}

.iwcc-background{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;z-index:999999;height:100%;width:100%;overflow:hidden}.iwcc-wrapper{background:#fff;position:relative;font-size:15px;width:100%;max-width:60em;max-height:100vh;overflow-y:auto}.iwcc-wrapper-inner{padding:1em;position:relative}.iwcc-hidden{display:none}.iwcc-detail{margin-bottom:1em}.iwcc-headline{font-weight:bold;font-size:1.2em}.iwcc-headline span{font-weight:normal}.iwcc-show-details{padding:0 0 1em 0}.iwcc-show-details a{color:green;text-decoration:none}.iwcc-show-details a:hover{color:#004000;text-decoration:none}.iwcc-save-selection,.iwcc-accept-all{transition:200ms ease all;background:green;border:1px solid green;color:#fff;padding:0.5em 2em;border-radius:0.2em;font-weight:bold;text-align:center;margin:0.5em 0;display:block}.iwcc-save-selection:hover,.iwcc-accept-all:hover{background:#004000;border-color:#004000;color:#fff;text-decoration:none}.iwcc-save-selection{background:none transparent;border:1px solid #999;color:#666}.iwcc-save-selection:hover{background:#666;border-color:#666;color:#fff}.iwcc-sitelinks a{display:inline-block;margin:0.5em 0.5em 0.5em 0;color:#999;text-decoration:none}.iwcc-sitelinks a:hover{color:#404040;text-decoration:none}.iwcc-save-and-close{color:green}.iwcc-save-and-close:hover{color:#004000}.iwcc-close-box{position:absolute;right:0.5em;top:0.5em;display:block;padding:0;margin:0;border:0;cursor:pointer;color:#999;font-size:1.8em;background:none transparent;line-height:1;text-decoration:none}.iwcc-close-box:before{margin:0}.iwcc-close-box:hover{color:#404040;background:none transparent;text-decoration:none}.iwcc-cookiegroups{padding:1em 0}.iwcc-cookiegroup-checkbox{display:block;margin:0 0 1em 0}.iwcc-cookiegroup-checkbox.pretty .state label{font-weight:bold;font-size:1.2em}.iwcc-cookiegroup-checkbox.pretty.p-default input:checked~.state label::before{border-color:green}.iwcc-cookiegroup-checkbox.pretty.p-default input:checked~.state label::after{background-color:green !important}.iwcc-cookiegroup-checkbox.pretty.p-locked{opacity:0.75}.iwcc-cookiegroup+.iwcc-cookiegroup-title{margin-top:1em}.iwcc-cookie{margin-top:0.5em;border-left:2px solid #999;padding:0.5em 0.5em 0.5em 1em;background:#f9f9f9}.iwcc-cookie span{display:block}.pretty.p-icon .state .icon{font-size:1.15em;transition:all 0.1s ease}.pretty.p-icon .state label:before{margin-top:-0.1em}@media (min-width:35em){.iwcc-cookiegroups{display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:2em}.iwcc-cookiegroup-checkbox{margin:0 2em 0 0}.iwcc-show-details{text-align:right;padding:1em 2em 2em 0}.iwcc-buttons{display:flex;justify-content:flex-end;align-items:center}.iwcc-sitelinks{text-align:right;padding-right:1.5em}.iwcc-sitelinks a{margin:0.5em 0 0.5em 1em}.iwcc-save-selection,.iwcc-accept-all{display:inline-block;margin:0 0 0 0.5em}}@media (min-width:50em){.iwcc-wrapper-inner{padding:2em}.iwcc-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}.iwcc-close-box{font-size:2em;margin:0}}