@charset "UTF-8";
/**************************************************************************/
/********************** Typo3 Debugger über den Header setzen
/*************************************************************************/
@import '../Css/font-awesome.min.css';
.extbase-debugger {
  z-index: 9999999999;
}

/**************************************************************************/
/********************** box-sizing Reset
/*************************************************************************/
* {
  box-sizing: border-box;
}

/**************************************************************************/
/********************** Definition der Farben
/*************************************************************************/
/**************************************************************************/
/********************** Import der Fonts
/*************************************************************************/
/* Font Awesome Brands */
@font-face {
  font-family: "FontAwesome Brands";
  font-style: normal;
  font-weight: normal;
  src: url("../Fonts/fontawesome-webfont.eot"); /* IE9 Compat Modes */
  src: url("../Fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff2") format("woff2"), url("../Fonts/fontawesome-webfont.woff") format("woff"), url("../Fonts/fontawesome-webfont.ttf") format("truetype"), url("../Fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); /* Legacy iOS */
}
/* Font Awesome Brands */
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("../Fonts/fontawesome-webfont.eot"); /* IE9 Compat Modes */
  src: url("../Fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff2") format("woff2"), url("../Fonts/fontawesome-webfont.woff") format("woff"), url("../Fonts/fontawesome-webfont.ttf") format("truetype"), url("../Fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/roboto-condensed-v16-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("../Fonts/roboto-condensed-v16-latin-300.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-condensed-v16-latin-300.woff2") format("woff2"), url("../Fonts/roboto-condensed-v16-latin-300.woff") format("woff"), url("../Fonts/roboto-condensed-v16-latin-300.ttf") format("truetype"), url("../Fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../Fonts/roboto-condensed-v16-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("../Fonts/roboto-condensed-v16-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-condensed-v16-latin-300italic.woff2") format("woff2"), url("../Fonts/roboto-condensed-v16-latin-300italic.woff") format("woff"), url("../Fonts/roboto-condensed-v16-latin-300italic.ttf") format("truetype"), url("../Fonts/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/roboto-condensed-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../Fonts/roboto-condensed-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-condensed-v16-latin-regular.woff2") format("woff2"), url("../Fonts/roboto-condensed-v16-latin-regular.woff") format("woff"), url("../Fonts/roboto-condensed-v16-latin-regular.ttf") format("truetype"), url("../Fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../Fonts/roboto-condensed-v16-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("../Fonts/roboto-condensed-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-condensed-v16-latin-italic.woff2") format("woff2"), url("../Fonts/roboto-condensed-v16-latin-italic.woff") format("woff"), url("../Fonts/roboto-condensed-v16-latin-italic.ttf") format("truetype"), url("../Fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/roboto-condensed-v16-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../Fonts/roboto-condensed-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-condensed-v16-latin-700.woff2") format("woff2"), url("../Fonts/roboto-condensed-v16-latin-700.woff") format("woff"), url("../Fonts/roboto-condensed-v16-latin-700.ttf") format("truetype"), url("../Fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/**************************************************************************/
/********************** Definition der Font-Variablen
/*************************************************************************/
/**************************************************************************/
/********************** Definition Mixins
/*************************************************************************/
/**************************************************************************/
/********************** Definition Diverse Variablen
/*************************************************************************/
/**************************************************************
*********************** Breakpoints ***************************
**************************************************************/
/**************************************************************************/
/********************** Alle Typo-Farben in Grau definieren
/*************************************************************************/
p,
li {
  color: rgb(40, 40, 40);
}

/**************************************************************************/
/********************** Allgemeine Typografie
/*************************************************************************/
h1,
h2,
h3,
h4,
h5 {
  color: rgb(30, 60, 130);
  font: 300 2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  padding-bottom: 0.5rem;
  margin: 0;
  -webkit-hyphens: none;
          hyphens: none;
}

h3 {
  font-size: 1.25rem;
}
@media (min-width: 64.1rem) {
  h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 64rem) {
  h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 48rem) {
  h3 {
    font-size: 1.5rem;
  }
}

h4 {
  font-size: 1.15rem;
}

p,
a,
li,
table {
  font: 300 1rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  letter-spacing: 0.01rem;
  padding: 0;
  margin: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
}
p.intro,
a.intro,
li.intro,
table.intro {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
}
@media (max-width: 26.75rem) {
  p,
  a,
  li,
  table {
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 0;
  }
}
@media (max-width: 48rem) {
  p,
  a,
  li,
  table {
    font-size: 1.1rem;
    line-height: 1.85rem;
    padding: 0;
  }
}
@media (min-width: 100rem) {
  p,
  a,
  li,
  table {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

table td:last-child {
  text-align: right;
}

p {
  margin-bottom: 1rem;
}

ol {
  list-style-type: decimal;
}

a:link, a:active, a:visited {
  color: rgb(30, 60, 130);
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}

strong, b {
  font-weight: bold;
  color: rgb(30, 60, 130);
}

em {
  font-style: italic;
}

.align-left,
.text-left,
.ce-headline-left {
  text-align: left;
}

.align-center,
.text-center,
.ce-headline-center {
  text-align: center;
}

.align-right,
.text-right,
.ce-headline-right {
  text-align: right;
}

figcaption {
  font: italic 300 1rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(40, 40, 40);
  text-align: center;
}

/**************************************************************************/
/********************** Styling der Typo3-Elemente
/*************************************************************************/
.ce-bodytext ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1rem;
  color: rgb(30, 60, 130);
}
.ce-bodytext ul li {
  color: rgb(30, 60, 130);
}

.csc-textpic-caption {
  font: 300 0.85rem/130% "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  font-style: italic;
}

/**************************************************************************/
/********************** Tabelle
/*************************************************************************/
table {
  width: 100%;
}
table td {
  padding: 0.15rem 0rem 0.15rem 0.15rem;
}
table .row-even:last-child,
table .row-odd:last-child {
  font-weight: bold;
}

/**************************************************************************/
/********************** FontAwesome Icons
/*************************************************************************/
.fa-icons {
  font-family: "FontAwesome";
}

.fa-brand-icons {
  font-family: "Font Awesome Brands";
}

/**************************************************************************/
/********************** Clearfix für Floats
/*************************************************************************/
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}

/**************************************************************************/
/********************** Basis-Framework
/*************************************************************************/
html, body {
  height: 100%;
  margin: 0;
}

#mainWrap {
  min-height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#mainWrap header,
#mainWrap footer {
  flex: 0 1 auto;
}
#mainWrap #contentWrapper {
  flex: 1;
}

#slider {
  margin: 0 auto 2rem;
}
@media (max-width: 26.75rem) and (orientation: portrait) {
  #slider {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 57.875rem) and (orientation: landscape) {
  #slider {
    width: 100%;
  }
}
@media (min-width: 48rem) {
  #slider {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  #slider {
    width: 100%;
  }
}
@media (min-width: 64.1rem) {
  #slider {
    width: 70%;
  }
}
#slider img {
  width: 100%;
  height: auto;
}
@media (min-width: 48rem) {
  #slider div[id^=c] {
    margin-bottom: 0rem;
  }
}
@media (min-width: 26.75rem) {
  #slider div[id^=c] {
    margin-bottom: 0rem;
  }
}

footer {
  padding: 1rem 0 0.5rem;
}
@media (min-width: 57.875rem) {
  footer {
    padding: 0rem;
  }
}
@media (min-width: 26.75rem) {
  footer {
    padding: 1rem;
  }
}
footer .container-fluid {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 64rem) {
  footer .container-fluid {
    width: 100%;
  }
}
footer .container-fluid .row {
  display: flex;
  align-items: center;
}
@media (max-width: 26.75rem) {
  footer .container-fluid .row {
    flex-direction: column;
  }
}
footer .container-fluid .col {
  flex: 1 1 auto;
}
@media (max-width: 26.75rem) {
  footer .container-fluid .col {
    width: 100%;
  }
}
footer .container-fluid .col.first {
  width: 20%;
}
footer .fa-brand-icons {
  width: 20%;
  text-align: end;
}
@media (max-width: 26.75rem) {
  footer .fa-brand-icons {
    width: 100%;
    margin-top: 2rem;
  }
}
@media (max-width: 26.75rem) {
  footer .fa-brand-icons {
    text-align: center;
  }
}
footer .fa-brand-icons .icon {
  fill: white;
}
footer .fa-brand-icons img {
  height: 1.5rem;
  width: auto;
  margin: 0 1rem;
  cursor: pointer;
}
@media (max-width: 26.75rem) {
  footer .fa-brand-icons img {
    margin: 0 1rem;
  }
}
footer .fa-brand-icons a:last-child img {
  margin-right: 0;
}
@media (max-width: 26.75rem) {
  footer .fa-brand-icons a:last-child img {
    margin-right: 1rem;
  }
}

/**************************************************************************/
/********************** Styling Allgemein
/*************************************************************************/
body {
  background-color: white;
}

#header {
  text-align: center;
}

/**************************************************************************/
/********************** Footer Navigation
/*************************************************************************/
/**/
footer {
  background: rgb(236, 236, 237);
}
footer nav ul {
  list-style: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
@media (max-width: 26.75rem) {
  footer nav ul {
    padding: 0;
    margin: 0 auto;
    width: 100%;
  }
}
footer nav ul li,
footer nav ul a {
  font: 300 1rem/1rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(40, 40, 40);
}
footer nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0 0.25rem;
  border-right: 1px solid white;
}
footer nav ul li.copyright {
  padding: 0;
}
footer nav ul li:last-child {
  padding-right: 0;
}
@media (max-width: 26.75rem) {
  footer nav ul li {
    border-right: none;
    display: block;
  }
}
footer nav ul li.copyright {
  margin-right: 0.5rem;
}
@media (max-width: 26.75rem) {
  footer nav ul li.copyright {
    width: 100%;
    margin-right: 0;
  }
}
footer nav ul li a {
  display: block;
  padding: 0.25rem 1rem;
  margin-right: 0px;
  border: 0;
  background: none;
}
@media (min-width: 57.875rem) {
  footer nav ul li a {
    padding: 0 0.25rem;
    line-height: normal;
  }
}
footer nav ul li:last-child, footer nav ul li:first-child {
  border-right: none;
}

/**************************************************************************/
/********************** Content
/*************************************************************************/
#content img,
#asideRight img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 48rem) {
  header {
    margin: 0 0.5rem;
  }
}

/**************************************************************************/
/********************** Anpassung der Standard-Elemente Text & Bild
/*************************************************************************/
.ce-media {
  margin-bottom: 1rem;
}

/* Text neben Bild, Headline oben drüber */
.ce-intext.ce-right .ce-gallery,
.ce-above.ce-right .ce-gallery {
  float: right;
  margin-left: 2rem;
  max-width: 50%;
}
@media (max-width: 26.75rem) {
  .ce-intext.ce-right .ce-gallery,
  .ce-above.ce-right .ce-gallery {
    margin-left: 0;
    max-width: 100%;
  }
}

/*Text und Headline neben dem Bild */
.ce-right.ce-nowrap,
.ce-left.ce-nowrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 64rem) {
  .ce-right.ce-nowrap,
  .ce-left.ce-nowrap {
    flex-direction: row;
  }
}
.ce-right.ce-nowrap .ce-gallery,
.ce-left.ce-nowrap .ce-gallery {
  width: 100%;
}
@media (min-width: 64rem) {
  .ce-right.ce-nowrap .ce-gallery,
  .ce-left.ce-nowrap .ce-gallery {
    width: 50%;
    margin-left: 1rem;
    flex: 1 1 auto;
    order: 2;
  }
}
.ce-right.ce-nowrap .ce-bodytext,
.ce-left.ce-nowrap .ce-bodytext {
  width: 100%;
}
@media (min-width: 64rem) {
  .ce-right.ce-nowrap .ce-bodytext,
  .ce-left.ce-nowrap .ce-bodytext {
    width: 50%;
    order: 1;
  }
}

.ce-left.ce-nowrap .ce-gallery {
  float: left;
  margin-right: 1rem;
  margin-left: 0;
  flex: 1 1 auto;
  order: 1;
}
.ce-left.ce-nowrap .ce-bodytext {
  width: 100%;
  order: 2;
}
@media (min-width: 64rem) {
  .ce-left.ce-nowrap .ce-bodytext {
    width: 50%;
    order: 1;
  }
}

.ce-right.ce-above .ce-gallery,
.ce-right.ce-below .ce-gallery {
  width: 70%;
  float: right;
}
.ce-right.ce-above .ce-bodytext,
.ce-right.ce-below .ce-bodytext {
  clear: both;
}

.ce-left.ce-above .ce-gallery,
.ce-left.ce-below .ce-gallery {
  width: 70%;
  float: none;
}
.ce-left.ce-above .ce-bodytext,
.ce-left.ce-below .ce-bodytext {
  clear: both;
}

/* Text unter Bild bei kleinen Darstellungen, z.B. Mitarbeiter oder Vertrieb */
.vertrieb .ce-gallery + .ce-bodytext {
  padding: 0rem 1rem 0;
}
.vertrieb .ce-gallery + .ce-bodytext p {
  margin: 0;
}
@media (min-width: 64rem) {
  .vertrieb .ce-gallery + .ce-bodytext {
    padding: 0.25rem 0.5rem 0;
  }
}
@media (min-width: 48rem) {
  .vertrieb .ce-gallery + .ce-bodytext {
    padding: 0.25rem 0.5rem;
  }
}

/***********************************************************************************
	                    	Anpassung Bilder im Text
************************************************************************************/
/*
.ce-intext {
  div[data-ce-columns="2"] {
    padding-left: 2rem;
    .ce-row {
      @include outer-container;
      .ce-column {
        @include span-columns(6);

        @include breakpoint(mola) {
          @include span-columns(4);
        }

        &:last-child {
          @include omega();
        }
      }
    }
  }
  &.ce-right{
    div[data-ce-columns="2"]{
      padding-left: 0;
    }
  }
}
*/
figure {
  margin: 0;
}

figcaption {
  background-color: rgb(236, 236, 237);
  padding: 0.5rem 0.25rem;
}

/***********************************************************************************
	                    	Anpassung Bilder-Reihen
************************************************************************************/
div[data-ce-columns="1"] .ce-row {
  margin-bottom: 1rem;
}
div[data-ce-columns="1"] .ce-row:last-child {
  margin-bottom: 0;
}

div[data-ce-columns="2"] .ce-row,
div[data-ce-columns="3"] .ce-row,
div[data-ce-columns="4"] .ce-row,
div[data-ce-columns="5"] .ce-row {
  float: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}
div[data-ce-columns="2"] .ce-row:after,
div[data-ce-columns="3"] .ce-row:after,
div[data-ce-columns="4"] .ce-row:after,
div[data-ce-columns="5"] .ce-row:after {
  content: none;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="2"] .ce-row,
  div[data-ce-columns="3"] .ce-row,
  div[data-ce-columns="4"] .ce-row,
  div[data-ce-columns="5"] .ce-row {
    flex-direction: column;
  }
}

div[data-ce-columns="2"] .ce-column {
  width: auto;
  max-width: 50%;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="2"] .ce-column {
    max-width: 100%;
    margin: 0 0.5rem;
  }
}
div[data-ce-columns="2"] .ce-column.twoColumns {
  margin-right: 1rem;
}
div[data-ce-columns="2"] .ce-column.twoColumns:last-child {
  margin-right: 0;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="2"] .ce-column.twoColumns {
    margin: 0;
  }
}

div[data-ce-columns="3"] .ce-column {
  width: auto;
  max-width: 33%;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="3"] .ce-column {
    max-width: 100%;
    margin: 0 0.5rem;
  }
}
div[data-ce-columns="3"] .ce-column.threeColumns {
  margin-right: 1rem;
}
div[data-ce-columns="3"] .ce-column.threeColumns:last-child {
  margin-right: 0;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="3"] .ce-column.threeColumns {
    margin: 0;
  }
}

div[data-ce-columns="4"] .ce-column {
  width: auto;
  max-width: 25%;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="4"] .ce-column {
    max-width: 100%;
    margin: 0 0.5rem;
  }
}
div[data-ce-columns="4"] .ce-column.fourColumns {
  margin-right: 1rem;
}
div[data-ce-columns="4"] .ce-column.fourColumns:last-child {
  margin-right: 0;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="4"] .ce-column.fourColumns {
    margin: 0;
  }
}

div[data-ce-columns="5"] .ce-column {
  width: auto;
  max-width: 20%;
}
@media (max-width: 26.75rem) {
  div[data-ce-columns="5"] .ce-column {
    max-width: 100%;
    margin: 0 0.5rem;
  }
}

/***********************************************************************************
                        Anpassung Abstände vor und nach
************************************************************************************/
.frame-space-before-extra-small {
  margin-top: 0.5rem;
}

.frame-space-before-small {
  margin-top: 1rem;
}

.frame-space-before-medium {
  margin-top: 2rem;
}

.frame-space-before-large {
  margin-top: 3rem;
}

.frame-space-before-xtra-large {
  margin-top: 4rem;
}

.frame-space-after-extra-small {
  margin-bottom: 0.5rem;
}

.frame-space-after-small {
  margin-bottom: 1rem;
}

.frame-space-after-medium {
  margin-bottom: 2rem;
}

.frame-space-after-large {
  margin-bottom: 3rem;
}

.frame-space-after-xtra-large {
  margin-bottom: 4rem;
}

body.SliderContentAsideRight #ContentAsideRight, body.projektaside #ContentAsideRight {
  display: flex;
  list-style: none;
  margin: 0 auto;
}
@media (max-width: 26.75rem) {
  body.SliderContentAsideRight #ContentAsideRight, body.projektaside #ContentAsideRight {
    flex-direction: column;
    padding: 0 1rem;
  }
}
@media (min-width: 48rem) {
  body.SliderContentAsideRight #ContentAsideRight, body.projektaside #ContentAsideRight {
    padding: 0 1rem;
  }
}
@media (min-width: 64.1rem) {
  body.SliderContentAsideRight #ContentAsideRight, body.projektaside #ContentAsideRight {
    flex-direction: row;
    padding: 0;
    width: 70%;
  }
}
@media (max-width: 26.75rem) {
  body.SliderContentAsideRight #ContentAsideRight #content, body.projektaside #ContentAsideRight #content {
    flex: 0 1 auto;
    margin-right: 0;
  }
}
@media (min-width: 48rem) {
  body.SliderContentAsideRight #ContentAsideRight #content, body.projektaside #ContentAsideRight #content {
    flex: 0 1 auto;
  }
}
@media (min-width: 64.1rem) {
  body.SliderContentAsideRight #ContentAsideRight #content, body.projektaside #ContentAsideRight #content {
    flex: 0 1 80%;
    margin-right: 2rem;
  }
}
@media (min-width: 48rem) {
  body.SliderContentAsideRight #ContentAsideRight #asideRight, body.projektaside #ContentAsideRight #asideRight {
    width: 20%;
  }
}
body.SliderContentAsideRight #ContentAsideRight #asideRight h3, body.projektaside #ContentAsideRight #asideRight h3 {
  font-size: 1.5rem;
}
body.SliderContentAsideRight #ContentAsideRight #asideRight .vertrieb .ce-bodytext, body.projektaside #ContentAsideRight #asideRight .vertrieb .ce-bodytext {
  padding: 1rem;
}

/***********************************************************************************
	             			        Google Maps
************************************************************************************/
#gme-1 {
  width: 70%;
  max-width: 1366px;
  margin: 0 auto;
}
@media (min-width: 26.75rem) {
  #gme-1 {
    width: 100% !important;
  }
}

/**************************************************************************/
/********************** Grid-Elements
/*************************************************************************/
.twoCol,
.ThreeCol,
.fourCol {
  list-style: none;
}

/******************** Zweispaltig 50/50 => 2col.html ********************/
.twoCol {
  min-height: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 2rem;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.twoCol .leftCol,
.twoCol .rightCol {
  flex: 0 1 auto;
}
@media (max-width: 26.75rem) {
  .twoCol .leftCol,
  .twoCol .rightCol {
    margin-bottom: 2rem;
  }
}
@media (min-width: 48rem) {
  .twoCol {
    flex-direction: row;
  }
}

@media (min-width: 48rem) {
  .cols5050 .leftCol,
  .cols5050 .rightCol {
    width: 50%;
  }
  .cols5050 .leftCol {
    margin-right: 0.5rem;
  }
  .cols5050 .rightCol {
    margin-left: 0.5rem;
  }
}

.cols3366 .leftCol {
  width: 33.333%;
  margin-right: 2rem;
}
.cols3366 .rightCol {
  width: 66.666%;
}
@media (max-width: 26.75rem) {
  .cols3366 {
    margin: 0;
    padding: 0;
    flex-direction: column;
  }
  .cols3366 .leftCol, .cols3366 .rightCol {
    width: 100%;
  }
  .cols3366 .leftCol .ce-bodytext, .cols3366 .rightCol .ce-bodytext {
    padding: 0;
  }
}

.cols6633 .leftCol {
  width: 66.666%;
  margin-right: 2rem;
}
.cols6633 .rightCol {
  width: 33.333%;
}
@media (max-width: 26.75rem) {
  .cols6633 {
    margin: 0;
    padding: 0;
    flex-direction: column-reverse;
  }
  .cols6633 .leftCol, .cols6633 .rightCol {
    width: 100%;
  }
  .cols6633 .leftCol .ce-bodytext, .cols6633 .rightCol .ce-bodytext {
    padding: 0;
  }
}

.cols7525 .leftCol {
  width: 70%;
  margin-right: 2rem;
}
.cols7525 .rightCol {
  width: 30%;
}
.cols2575 .leftCol {
  width: 30%;
  margin-right: 2rem;
}
.cols2575 .rightCol {
  width: 70%;
}
@media (max-width: 26.75rem) {
  .cols2575 {
    flex-direction: column-reverse;
  }
  .cols2575 .leftCol,
  .cols2575 .rightCol {
    width: 100%;
  }
}

/******************** Dreispaltig 33/33/33 => 3col.html ********************/
.threeCol {
  padding: 0;
  min-height: 100%;
  display: flex;
  align-items: stretch;
  list-style: none;
  flex-direction: row;
}
@media (max-width: 26.75rem) {
  .threeCol {
    width: 100%;
    flex-direction: column;
  }
}
@media (min-width: 48rem) {
  .threeCol {
    width: 90%;
  }
}
.threeCol .leftCol,
.threeCol .middleCol,
.threeCol .rightCol {
  flex: 1 1 10%;
  margin: 0 0.5rem 1rem;
}
.threeCol .ce-bodytext {
  padding: 0;
}
.threeCol .leftCol {
  margin-left: 0;
}
@media (max-width: 26.75rem) {
  .threeCol .leftCol {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 26.75rem) {
  .threeCol .middleCol {
    margin-left: 0;
    margin-right: 0;
  }
}
.threeCol .rightCol {
  margin-right: 0;
}
@media (max-width: 26.75rem) {
  .threeCol .rightCol {
    margin-left: 0;
    margin-right: 0;
  }
}

/******************** Vierspaltig 25/25/25/25 => 4col.html ********************/
.fourCol {
  padding: 0;
  min-height: 100%;
  display: flex;
  align-items: stretch;
}
@media (max-width: 26.75rem) {
  .fourCol {
    flex-direction: column;
  }
}
.fourCol .outerLeftCol,
.fourCol .leftCol,
.fourCol .rightCol,
.fourCol .outerRightCol {
  width: 25%;
  margin-right: 2rem;
}
@media (max-width: 26.75rem) {
  .fourCol .outerLeftCol,
  .fourCol .leftCol,
  .fourCol .rightCol,
  .fourCol .outerRightCol {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
.fourCol .outerRightCol {
  margin-right: 0;
}

.iFrameContainer {
  position: relative;
  height: 0;
  overflow: hidden;
}
.iFrameContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iFrameContainer-16x9 {
  padding-bottom: 56.25%;
}

.iFrameContainer-4x3 {
  padding-bottom: 75%;
}

.iFrameContainer-weitmar {
  padding-bottom: 57%;
  display: block;
}

.iFrameContainer-weitmar-etw-a {
  padding-bottom: 117%;
  display: block;
}

.iFrameContainer-weitmar-etw-b {
  padding-bottom: 79%;
  display: block;
}

.iFrameContainer-weitmar-etw-b3 {
  padding-bottom: 157%;
  display: block;
}

.iFrameContainer-weitmar-etw-c {
  padding-bottom: 79%;
  display: block;
}

.iFrameContainer-buederich {
  padding-bottom: 76%;
  display: block;
}
@media (min-width: 57.875rem) {
  .iFrameContainer-buederich {
    padding: inherit;
  }
}

.iFrameContainer-kaiservillen {
  padding-bottom: 195%;
  display: block;
}

iframe {
  border: none;
  width: 100%;
}

iframe.desktop {
  display: block;
}

iframe.mobile {
  display: none;
  height: 100vh;
}

@media screen and (max-width: 768px) {
  iframe.desktop {
    display: none;
  }
  iframe.mobile {
    display: block;
  }
  .iFrameContainer-weitmar {
    display: none;
  }
  .iFrameContainer-kaiservillen {
    display: none;
  }
}
/***********************************************************************************
	             			        Eingene Layouts im CE
************************************************************************************/
#content, #slider {
  /******** .block ********/
  /******** .width50 ********/
  /******** .width70 ********/
  /******** .signature ********/
  /******** .signature70 ********/
  /******** .claim ********/
  /******** .signature ********/
  /******** .signatureimage ********/
  /******** .signaturetwo / .signaturetwoimage / .signaturetwo70 ********/
  /******** .blueborder / .blueborder70 ********/
  /******** .frame-sale / Sold ********/
}
#content .block, #slider .block {
  display: block;
  overflow: hidden;
}
#content .frame-width50, #slider .frame-width50 {
  overflow: auto;
}
@media (max-width: 26.75rem) {
  #content .frame-width50, #slider .frame-width50 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 48rem) {
  #content .frame-width50, #slider .frame-width50 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 64.1rem) {
  #content .frame-width50, #slider .frame-width50 {
    width: 50%;
    max-width: 85.375rem;
    margin: 0 auto 2rem;
  }
}
@media (max-width: 26.75rem) {
  #content .frame-width50 > header, #content .frame-width50 > p,
  #content .frame-width50 .ce-bodytext, #slider .frame-width50 > header, #slider .frame-width50 > p,
  #slider .frame-width50 .ce-bodytext {
    margin: 0 0.5rem;
  }
}
#content .frame-width50 .twoCol,
#content .frame-width50 .threeCol,
#content .frame-width50 .fourCol, #slider .frame-width50 .twoCol,
#slider .frame-width50 .threeCol,
#slider .frame-width50 .fourCol {
  width: 100%;
}
#content .frame-width70, #slider .frame-width70 {
  overflow: auto;
}
@media (max-width: 26.75rem) {
  #content .frame-width70, #slider .frame-width70 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 48rem) {
  #content .frame-width70, #slider .frame-width70 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 64.1rem) {
  #content .frame-width70, #slider .frame-width70 {
    width: 70%;
    max-width: 85.375rem;
    margin: 0 auto 2rem;
  }
}
@media (max-width: 26.75rem) {
  #content .frame-width70 > header, #content .frame-width70 > p,
  #content .frame-width70 .ce-bodytext, #slider .frame-width70 > header, #slider .frame-width70 > p,
  #slider .frame-width70 .ce-bodytext {
    margin: 0 0.5rem;
  }
}
#content .frame-width70 .twoCol,
#content .frame-width70 .threeCol,
#content .frame-width70 .fourCol, #slider .frame-width70 .twoCol,
#slider .frame-width70 .threeCol,
#slider .frame-width70 .fourCol {
  width: 100%;
}
#content .frame-signature, #slider .frame-signature {
  padding: 0 5% 1rem;
  background-color: rgb(30, 60, 130);
  margin-bottom: 1rem;
}
#content .frame-signature > *, #slider .frame-signature > * {
  max-width: 1366px;
}
@media (min-width: 64rem) {
  #content .frame-signature, #slider .frame-signature {
    padding: 1rem;
  }
}
#content .frame-signature div[id^=c], #slider .frame-signature div[id^=c] {
  margin: 0rem auto;
  max-width: 1366px;
}
#content .frame-signature p, #content .frame-signature h2, #content .frame-signature h3, #content .frame-signature h4, #content .frame-signature li, #content .frame-signature a, #content .frame-signature strong, #slider .frame-signature p, #slider .frame-signature h2, #slider .frame-signature h3, #slider .frame-signature h4, #slider .frame-signature li, #slider .frame-signature a, #slider .frame-signature strong {
  color: white;
}
#content .frame-signature h2, #content .frame-signature h3, #content .frame-signature p, #slider .frame-signature h2, #slider .frame-signature h3, #slider .frame-signature p {
  padding-top: 1rem;
}
#content .frame-signature h3, #slider .frame-signature h3 {
  font-style: italic;
}
#content .frame-signature .ce-media, #slider .frame-signature .ce-media {
  margin-bottom: 0;
}
#content .frame-signature .ce-bodytext, #slider .frame-signature .ce-bodytext {
  padding: 0 1rem;
}
#content .frame-signature70, #slider .frame-signature70 {
  padding: 0 5% 1rem;
  background-color: rgb(30, 60, 130);
  margin-bottom: 1rem;
}
#content .frame-signature70 > *, #slider .frame-signature70 > * {
  max-width: 1366px;
}
@media (min-width: 64rem) {
  #content .frame-signature70, #slider .frame-signature70 {
    padding: 0 15% 1rem;
  }
}
#content .frame-signature70 div[id^=c], #slider .frame-signature70 div[id^=c] {
  margin: 0rem auto;
  max-width: 1366px;
}
#content .frame-signature70 p, #content .frame-signature70 h2, #content .frame-signature70 h3, #content .frame-signature70 h4, #content .frame-signature70 li, #content .frame-signature70 a, #slider .frame-signature70 p, #slider .frame-signature70 h2, #slider .frame-signature70 h3, #slider .frame-signature70 h4, #slider .frame-signature70 li, #slider .frame-signature70 a {
  color: white;
}
#content .frame-signature70 h2, #content .frame-signature70 h3, #content .frame-signature70 p, #slider .frame-signature70 h2, #slider .frame-signature70 h3, #slider .frame-signature70 p {
  padding-top: 1rem;
}
#content .frame-signature70 h3, #slider .frame-signature70 h3 {
  font-style: italic;
}
#content .frame-signature70 .ce-media, #slider .frame-signature70 .ce-media {
  margin-bottom: 0;
}
#content .frame-signature70 .ce-bodytext, #slider .frame-signature70 .ce-bodytext {
  padding: 0 1rem;
}
#content .frame-claim, #slider .frame-claim {
  padding: 0rem;
  max-width: 1366px;
  margin: 2rem auto;
  color: rgb(30, 60, 130);
}
@media (min-width: 48rem) {
  #content .frame-claim, #slider .frame-claim {
    padding: 1rem;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 64.1rem) {
  #content .frame-claim, #slider .frame-claim {
    padding: 5rem 0;
    width: 70%;
  }
}
#content .frame-claim p, #slider .frame-claim p {
  font: italic 300 2rem/3.5rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 26.75rem) {
  #content .frame-claim p, #slider .frame-claim p {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2rem;
    width: 100%;
  }
}
#content .signature, #content .signatureimage, #slider .signature, #slider .signatureimage {
  background-color: rgb(30, 60, 130);
  padding: 1rem;
  margin-bottom: 1rem;
}
#content .signature div[id^=c], #content .signatureimage div[id^=c], #slider .signature div[id^=c], #slider .signatureimage div[id^=c] {
  margin-bottom: 0;
}
#content .signature p, #content .signature h2, #content .signature h3, #content .signature h4, #content .signature li, #content .signature a, #content .signature b, #content .signature strong, #content .signatureimage p, #content .signatureimage h2, #content .signatureimage h3, #content .signatureimage h4, #content .signatureimage li, #content .signatureimage a, #content .signatureimage b, #content .signatureimage strong, #slider .signature p, #slider .signature h2, #slider .signature h3, #slider .signature h4, #slider .signature li, #slider .signature a, #slider .signature b, #slider .signature strong, #slider .signatureimage p, #slider .signatureimage h2, #slider .signatureimage h3, #slider .signatureimage h4, #slider .signatureimage li, #slider .signatureimage a, #slider .signatureimage b, #slider .signatureimage strong {
  color: white;
}
#content .signature a, #content .signatureimage a, #slider .signature a, #slider .signatureimage a {
  text-decoration: underline;
}
#content .signature a:hover, #content .signatureimage a:hover, #slider .signature a:hover, #slider .signatureimage a:hover {
  background-color: white;
  color: rgb(30, 60, 130);
  text-decoration: none;
  padding: 0.1rem 0.25rem;
}
#content .signature p, #content .signatureimage p, #slider .signature p, #slider .signatureimage p {
  margin-bottom: 0;
}
#content .signatureimage, #slider .signatureimage {
  padding: 0rem;
  max-height: 70vh;
}
#content .signatureimage .ce-bodytext, #slider .signatureimage .ce-bodytext {
  padding-right: 2rem;
  margin-top: 1rem;
}
#content .signatureimage .ce-media, #slider .signatureimage .ce-media {
  height: 100vh;
  overflow: hidden;
  margin-top: -1rem;
}
#content .signatureimage .ce-media img, #slider .signatureimage .ce-media img {
  width: auto;
  height: 100%;
}
@media (min-width: ) {
  #content .signatureimage .ce-media, #slider .signatureimage .ce-media {
    height: auto;
    overflow: inherit;
  }
  #content .signatureimage .ce-media img, #slider .signatureimage .ce-media img {
    width: 100%;
    height: auto;
  }
}
#content .signaturetwo,
#content .signaturetwoimage,
#content .signaturetwo70, #slider .signaturetwo,
#slider .signaturetwoimage,
#slider .signaturetwo70 {
  background-color: rgb(170, 55, 20);
  padding: 1rem;
  margin-bottom: 1rem;
}
#content .signaturetwo div[id^=c],
#content .signaturetwoimage div[id^=c],
#content .signaturetwo70 div[id^=c], #slider .signaturetwo div[id^=c],
#slider .signaturetwoimage div[id^=c],
#slider .signaturetwo70 div[id^=c] {
  margin-bottom: 0;
}
#content .signaturetwo p, #content .signaturetwo h2, #content .signaturetwo h3, #content .signaturetwo li,
#content .signaturetwoimage p,
#content .signaturetwoimage h2,
#content .signaturetwoimage h3,
#content .signaturetwoimage li,
#content .signaturetwo70 p,
#content .signaturetwo70 h2,
#content .signaturetwo70 h3,
#content .signaturetwo70 li, #slider .signaturetwo p, #slider .signaturetwo h2, #slider .signaturetwo h3, #slider .signaturetwo li,
#slider .signaturetwoimage p,
#slider .signaturetwoimage h2,
#slider .signaturetwoimage h3,
#slider .signaturetwoimage li,
#slider .signaturetwo70 p,
#slider .signaturetwo70 h2,
#slider .signaturetwo70 h3,
#slider .signaturetwo70 li {
  color: white;
}
#content .signaturetwo div[id^=c],
#content .signaturetwoimage div[id^=c],
#content .signaturetwo70 div[id^=c], #slider .signaturetwo div[id^=c],
#slider .signaturetwoimage div[id^=c],
#slider .signaturetwo70 div[id^=c] {
  margin-bottom: 0;
}
#content .signaturetwo div[id^=c] > h2, #content .signaturetwo div[id^=c] > h3,
#content .signaturetwoimage div[id^=c] > h2,
#content .signaturetwoimage div[id^=c] > h3,
#content .signaturetwo70 div[id^=c] > h2,
#content .signaturetwo70 div[id^=c] > h3, #slider .signaturetwo div[id^=c] > h2, #slider .signaturetwo div[id^=c] > h3,
#slider .signaturetwoimage div[id^=c] > h2,
#slider .signaturetwoimage div[id^=c] > h3,
#slider .signaturetwo70 div[id^=c] > h2,
#slider .signaturetwo70 div[id^=c] > h3 {
  padding: 0 1rem;
}
#content .signaturetwo .ce-bodytext,
#content .signaturetwoimage .ce-bodytext,
#content .signaturetwo70 .ce-bodytext, #slider .signaturetwo .ce-bodytext,
#slider .signaturetwoimage .ce-bodytext,
#slider .signaturetwo70 .ce-bodytext {
  padding: 0 1rem;
  margin-top: 1rem;
}
#content .signaturetwoimage, #slider .signaturetwoimage {
  padding: 0;
}
#content .signaturetwo70, #slider .signaturetwo70 {
  margin-bottom: 0;
  padding: 0 15%;
}
#content .frame-blueborder,
#content .frame-blueborder70, #slider .frame-blueborder,
#slider .frame-blueborder70 {
  border: 1px solid rgb(30, 60, 130);
  padding: 1rem;
  margin-bottom: 2rem;
}
#content .frame-blueborder div[id^=c],
#content .frame-blueborder70 div[id^=c], #slider .frame-blueborder div[id^=c],
#slider .frame-blueborder70 div[id^=c] {
  margin-bottom: 0;
}
#content .frame-blueborder .ce-bodytext p,
#content .frame-blueborder70 .ce-bodytext p, #slider .frame-blueborder .ce-bodytext p,
#slider .frame-blueborder70 .ce-bodytext p {
  margin-bottom: 0;
}
#content .frame-blueborder70, #slider .frame-blueborder70 {
  width: auto;
  margin: 0 5% 1rem;
}
#content .frame-blueborder70 .twoCol, #slider .frame-blueborder70 .twoCol {
  margin-bottom: 0;
}
#content .frame-blueborder70 .twoCol .ce-media, #slider .frame-blueborder70 .twoCol .ce-media {
  margin-bottom: 0;
}
@media (max-width: 26.75rem) {
  #content .frame-blueborder70, #slider .frame-blueborder70 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 48rem) {
  #content .frame-blueborder70, #slider .frame-blueborder70 {
    margin: 0 0 1rem;
  }
}
@media (min-width: 64.1rem) {
  #content .frame-blueborder70, #slider .frame-blueborder70 {
    width: 70%;
    max-width: 85.375rem;
    margin: 0 auto 2rem;
  }
}
#content .blueborder .twoCol,
#content .blueborder .threeCol,
#content .blueborder .fourCol, #slider .blueborder .twoCol,
#slider .blueborder .threeCol,
#slider .blueborder .fourCol {
  width: 100%;
}
#content .frame-sale, #content .frame-sale_sold, #slider .frame-sale, #slider .frame-sale_sold {
  border: none;
  background: rgb(236, 236, 237);
  padding: 0 0 0rem;
  text-align: left;
  position: relative;
  height: 100%;
}
@media (max-width: 26.75rem) {
  #content .frame-sale, #content .frame-sale_sold, #slider .frame-sale, #slider .frame-sale_sold {
    width: 100%;
  }
}
#content .frame-sale div[id^=c], #content .frame-sale_sold div[id^=c], #slider .frame-sale div[id^=c], #slider .frame-sale_sold div[id^=c] {
  margin-bottom: 0;
}
#content .frame-sale .ce-gallery, #content .frame-sale_sold .ce-gallery, #slider .frame-sale .ce-gallery, #slider .frame-sale_sold .ce-gallery {
  margin-bottom: 2rem;
}
#content .frame-sale .ce-bodytext h3, #content .frame-sale_sold .ce-bodytext h3, #slider .frame-sale .ce-bodytext h3, #slider .frame-sale_sold .ce-bodytext h3 {
  text-align: center;
  margin: 0.5rem 1rem;
  text-transform: uppercase;
}
#content .frame-sale p, #content .frame-sale_sold p, #slider .frame-sale p, #slider .frame-sale_sold p {
  margin: 0 1rem 1rem;
}
#content .frame-sale p.intro, #content .frame-sale_sold p.intro, #slider .frame-sale p.intro, #slider .frame-sale_sold p.intro {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  margin-bottom: 1rem;
}
#content .frame-sale p.intro a, #content .frame-sale_sold p.intro a, #slider .frame-sale p.intro a, #slider .frame-sale_sold p.intro a {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  text-decoration: none;
}
#content .frame-sale p.intro a:hover, #content .frame-sale_sold p.intro a:hover, #slider .frame-sale p.intro a:hover, #slider .frame-sale_sold p.intro a:hover {
  text-decoration: underline;
}
@media (min-width: 100rem) {
  #content .frame-sale p.intro, #content .frame-sale_sold p.intro, #slider .frame-sale p.intro, #slider .frame-sale_sold p.intro {
    font-size: 1.35rem;
    line-height: 2rem;
  }
}
#content .frame-sale p.goTo, #content .frame-sale_sold p.goTo, #slider .frame-sale p.goTo, #slider .frame-sale_sold p.goTo {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  bottom: 1rem;
  text-align: right;
  padding-bottom: 3rem;
}
#content .frame-sale p.goTo a, #content .frame-sale_sold p.goTo a, #slider .frame-sale p.goTo a, #slider .frame-sale_sold p.goTo a {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  text-decoration: none;
}
#content .frame-sale p.goTo a:hover, #content .frame-sale_sold p.goTo a:hover, #slider .frame-sale p.goTo a:hover, #slider .frame-sale_sold p.goTo a:hover {
  text-decoration: underline;
}
#content .frame-sale p.goTo a, #content .frame-sale_sold p.goTo a, #slider .frame-sale p.goTo a, #slider .frame-sale_sold p.goTo a {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
#content .frame-sale_sold .ce-bodytext,
#content .frame-sale_sold .ce-gallery, #slider .frame-sale_sold .ce-bodytext,
#slider .frame-sale_sold .ce-gallery {
  filter: blur(2px);
}
#content .frame-sale_sold:after, #slider .frame-sale_sold:after {
  content: "Alle Einheiten verkauft!";
  background-color: rgb(170, 55, 20);
  padding: 0.5rem;
  width: 80%;
  top: 6rem;
  left: 7%;
  right: 7%;
  margin: 0 auto;
  position: absolute;
  transform: rotate(-10deg);
  color: white;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(30, 30, 30, 0.8);
  font-size: 1rem;
  text-transform: uppercase;
}
#content .frame-soldBanner,
#content .frame-reservationBanner, #slider .frame-soldBanner,
#slider .frame-reservationBanner {
  position: relative;
  border: 10px double;
  border-color: rgb(30, 60, 130);
  padding: 1rem;
  margin-bottom: 2rem;
}
#content .frame-soldBanner h2,
#content .frame-soldBanner .leftCol,
#content .frame-soldBanner .rightCol,
#content .frame-reservationBanner h2,
#content .frame-reservationBanner .leftCol,
#content .frame-reservationBanner .rightCol, #slider .frame-soldBanner h2,
#slider .frame-soldBanner .leftCol,
#slider .frame-soldBanner .rightCol,
#slider .frame-reservationBanner h2,
#slider .frame-reservationBanner .leftCol,
#slider .frame-reservationBanner .rightCol {
  filter: blur(2px);
}
#content .frame-soldBanner:after,
#content .frame-reservationBanner:after, #slider .frame-soldBanner:after,
#slider .frame-reservationBanner:after {
  content: "Verkauft!";
  background-color: rgb(170, 55, 20);
  padding: 3rem;
  width: 60%;
  top: 6rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  transform: rotate(-10deg);
  color: white;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(30, 30, 30, 0.8);
  font-size: 2rem;
  text-transform: uppercase;
}
#content .frame-soldBanner div[id^=c],
#content .frame-reservationBanner div[id^=c], #slider .frame-soldBanner div[id^=c],
#slider .frame-reservationBanner div[id^=c] {
  margin-bottom: 0;
}
#content .frame-soldBanner .ce-bodytext p,
#content .frame-reservationBanner .ce-bodytext p, #slider .frame-soldBanner .ce-bodytext p,
#slider .frame-reservationBanner .ce-bodytext p {
  margin-bottom: 0;
}
#content .frame-soldBanner .twoCol,
#content .frame-soldBanner .threeCol,
#content .frame-soldBanner .fourCol,
#content .frame-reservationBanner .twoCol,
#content .frame-reservationBanner .threeCol,
#content .frame-reservationBanner .fourCol, #slider .frame-soldBanner .twoCol,
#slider .frame-soldBanner .threeCol,
#slider .frame-soldBanner .fourCol,
#slider .frame-reservationBanner .twoCol,
#slider .frame-reservationBanner .threeCol,
#slider .frame-reservationBanner .fourCol {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#content .frame-reservationBanner h2,
#content .frame-reservationBanner .leftCol,
#content .frame-reservationBanner .rightCol, #slider .frame-reservationBanner h2,
#slider .frame-reservationBanner .leftCol,
#slider .frame-reservationBanner .rightCol {
  filter: inherit;
}
#content .frame-reservationBanner:after, #slider .frame-reservationBanner:after {
  content: "Dieses Objekt ist reserviert!";
  background-color: rgb(30, 60, 130);
}
#content .frame-soldBanner, #slider .frame-soldBanner {
  height: 20rem;
  overflow: hidden;
}
#content .frame-reservationBanner, #slider .frame-reservationBanner {
  overflow: hidden;
}
#content .bluesale, #slider .bluesale {
  background-color: rgb(30, 60, 130);
  padding: 1rem;
  text-align: center;
}
#content .bluesale div[id^=c], #slider .bluesale div[id^=c] {
  margin-bottom: 0;
}
#content .bluesale p, #content .bluesale h2, #content .bluesale h3, #content .bluesale h4, #content .bluesale li, #content .bluesale a, #slider .bluesale p, #slider .bluesale h2, #slider .bluesale h3, #slider .bluesale h4, #slider .bluesale li, #slider .bluesale a {
  color: white;
}
#content .bluesale .ce-gallery, #slider .bluesale .ce-gallery {
  margin-bottom: 2rem;
}
#content .factIcons div[data-ce-columns="4"] .ce-row,
#content .factIcons div[data-ce-columns="5"] .ce-row,
#content .frame-factIcons div[data-ce-columns="4"] .ce-row,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row,
#content .ansichten div[data-ce-columns="4"] .ce-row,
#content .ansichten div[data-ce-columns="5"] .ce-row, #slider .factIcons div[data-ce-columns="4"] .ce-row,
#slider .factIcons div[data-ce-columns="5"] .ce-row,
#slider .frame-factIcons div[data-ce-columns="4"] .ce-row,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row,
#slider .ansichten div[data-ce-columns="4"] .ce-row,
#slider .ansichten div[data-ce-columns="5"] .ce-row {
  float: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}
#content .factIcons div[data-ce-columns="4"] .ce-row:after,
#content .factIcons div[data-ce-columns="5"] .ce-row:after,
#content .frame-factIcons div[data-ce-columns="4"] .ce-row:after,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row:after,
#content .ansichten div[data-ce-columns="4"] .ce-row:after,
#content .ansichten div[data-ce-columns="5"] .ce-row:after, #slider .factIcons div[data-ce-columns="4"] .ce-row:after,
#slider .factIcons div[data-ce-columns="5"] .ce-row:after,
#slider .frame-factIcons div[data-ce-columns="4"] .ce-row:after,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row:after,
#slider .ansichten div[data-ce-columns="4"] .ce-row:after,
#slider .ansichten div[data-ce-columns="5"] .ce-row:after {
  content: none;
}
#content .factIcons div[data-ce-columns="4"] .ce-row .ce-column,
#content .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#content .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#content .ansichten div[data-ce-columns="4"] .ce-row .ce-column,
#content .ansichten div[data-ce-columns="5"] .ce-row .ce-column, #slider .factIcons div[data-ce-columns="4"] .ce-row .ce-column,
#slider .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#slider .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#slider .ansichten div[data-ce-columns="4"] .ce-row .ce-column,
#slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column {
  width: auto;
  max-width: 25%;
}
#content .factIcons div[data-ce-columns="4"] .ce-row .ce-column img,
#content .factIcons div[data-ce-columns="5"] .ce-row .ce-column img,
#content .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column img,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column img,
#content .ansichten div[data-ce-columns="4"] .ce-row .ce-column img,
#content .ansichten div[data-ce-columns="5"] .ce-row .ce-column img, #slider .factIcons div[data-ce-columns="4"] .ce-row .ce-column img,
#slider .factIcons div[data-ce-columns="5"] .ce-row .ce-column img,
#slider .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column img,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column img,
#slider .ansichten div[data-ce-columns="4"] .ce-row .ce-column img,
#slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column img {
  width: 50%;
  margin: 0 auto;
}
#content .factIcons div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#content .factIcons div[data-ce-columns="5"] .ce-row .ce-column figcaption,
#content .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column figcaption,
#content .ansichten div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#content .ansichten div[data-ce-columns="5"] .ce-row .ce-column figcaption, #slider .factIcons div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#slider .factIcons div[data-ce-columns="5"] .ce-row .ce-column figcaption,
#slider .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column figcaption,
#slider .ansichten div[data-ce-columns="4"] .ce-row .ce-column figcaption,
#slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column figcaption {
  text-align: center;
  background: transparent;
  font-size: 1rem;
}
@media (max-width: 26.75rem) {
  #content .factIcons div[data-ce-columns="4"] .ce-row .ce-column,
  #content .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
  #content .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column,
  #content .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
  #content .ansichten div[data-ce-columns="4"] .ce-row .ce-column,
  #content .ansichten div[data-ce-columns="5"] .ce-row .ce-column, #slider .factIcons div[data-ce-columns="4"] .ce-row .ce-column,
  #slider .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
  #slider .frame-factIcons div[data-ce-columns="4"] .ce-row .ce-column,
  #slider .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
  #slider .ansichten div[data-ce-columns="4"] .ce-row .ce-column,
  #slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column {
    max-width: 33%;
    margin: 0 0.5rem;
  }
}
#content .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#content .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#content .ansichten div[data-ce-columns="5"] .ce-row .ce-column, #slider .factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#slider .frame-factIcons div[data-ce-columns="5"] .ce-row .ce-column,
#slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column {
  max-width: 20%;
}
#content .ansichten div[data-ce-columns="5"] .ce-row .ce-column, #slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column {
  max-width: 15%;
}
@media (min-width: 26.75rem) {
  #content .ansichten div[data-ce-columns="5"] .ce-row .ce-column, #slider .ansichten div[data-ce-columns="5"] .ce-row .ce-column {
    max-width: 55%;
    margin: 0 0.5rem;
  }
}

/* Korrektur für Verkauf auf Startseite */
body.start #content .frame-soldBanner {
  border: none;
  height: inherit;
  background: rgb(236, 236, 237);
  padding: 0;
}
body.start #content .frame-soldBanner .ce-bodytext h3 {
  text-align: center;
  margin: 0.5rem 1rem;
  text-transform: uppercase;
}
body.start #content .frame-soldBanner p {
  margin: 0 1rem 1rem;
}
body.start #content .frame-soldBanner p.intro {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  margin-bottom: 1rem;
}
body.start #content .frame-soldBanner p.intro a {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  text-decoration: none;
}
body.start #content .frame-soldBanner p.intro a:hover {
  text-decoration: underline;
}
@media (min-width: 100rem) {
  body.start #content .frame-soldBanner p.intro {
    font-size: 1.35rem;
    line-height: 2rem;
  }
}
body.start #content .frame-soldBanner p.goTo {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  bottom: 1rem;
  text-align: right;
  padding-bottom: 3rem;
}
body.start #content .frame-soldBanner p.goTo a {
  font: italic 300 1.15rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
  text-decoration: none;
}
body.start #content .frame-soldBanner p.goTo a:hover {
  text-decoration: underline;
}
body.start #content .frame-soldBanner p.goTo a {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.vertrieb,
.frame-vertrieb {
  background-color: rgb(236, 236, 237);
  padding: 0;
  text-align: center;
  height: 100%;
}
@media (max-width: 26.75rem) {
  .vertrieb,
  .frame-vertrieb {
    padding-bottom: 0.1rem;
  }
}
.vertrieb .ce-bodytext,
.frame-vertrieb .ce-bodytext {
  padding: 0 1rem 0.5rem;
  margin-bottom: 1rem;
}
.vertrieb h3,
.frame-vertrieb h3 {
  color: rgb(30, 60, 130);
  font-size: 1.25rem;
}
.vertrieb h4,
.frame-vertrieb h4 {
  color: rgb(40, 40, 40);
  font-size: 1.25rem;
}
.vertrieb p, .vertrieb a,
.frame-vertrieb p,
.frame-vertrieb a {
  font-size: 1rem;
  line-height: normal;
}
.vertrieb p,
.frame-vertrieb p {
  margin-bottom: 0 !important;
}
.vertrieb img,
.frame-vertrieb img {
  width: 100%;
  height: auto;
  display: inherit;
}

#asideRight .vertrieb,
#asideRight .frame-vertrieb {
  margin-bottom: 1rem !important;
}
@media (min-width: 57.875rem) {
  #asideRight .vertrieb,
  #asideRight .frame-vertrieb {
    width: 50%;
    margin: 0 auto 1rem;
  }
}
@media (min-width: 48rem) {
  #asideRight .vertrieb,
  #asideRight .frame-vertrieb {
    width: 50%;
    margin: 0 auto 1rem;
  }
}
@media (min-width: 26.75rem) {
  #asideRight .vertrieb,
  #asideRight .frame-vertrieb {
    width: 100%;
    margin: 0 auto 1rem;
  }
}

.frame-referenceTable table {
  border: 1px solid rgb(30, 60, 130);
  max-width: 1366px;
  margin: 0 auto 1rem;
  width: 70%;
}
@media (min-width: 48rem) {
  .frame-referenceTable table {
    width: 100%;
  }
}
@media (min-width: 64.1rem) {
  .frame-referenceTable table {
    width: 70%;
  }
}
.frame-referenceTable th.thead {
  text-align: left;
  padding-left: 1rem;
}
.frame-referenceTable thead {
  background: rgb(30, 60, 130);
  color: white;
}
.frame-referenceTable td {
  text-align: left;
  padding-left: 1rem;
  font-weight: 300;
}
.frame-referenceTable td:last-child {
  text-align: left;
}
@media (max-width: 26.75rem) {
  .frame-referenceTable {
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  .frame-referenceTable table, .frame-referenceTable thead, .frame-referenceTable tbody, .frame-referenceTable th, .frame-referenceTable td, .frame-referenceTable tr {
    display: block;
  }
  .frame-referenceTable table {
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
    font-size: 1.15rem;
  }
  .frame-referenceTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .frame-referenceTable td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
  }
  .frame-referenceTable td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0;
    left: 0.5rem;
    width: 35%;
    padding-right: 1, 5rem;
    font-weight: 700;
    white-space: nowrap;
  }
  .frame-referenceTable td:nth-of-type(1):before {
    content: "Objekt";
  }
  .frame-referenceTable td:nth-of-type(2):before {
    content: "Anzahl";
  }
  .frame-referenceTable td:nth-of-type(3):before {
    content: "Bauzeit";
  }
  .frame-referenceTable td:nth-of-type(4):before {
    content: "Volumen";
  }
  .frame-referenceTable td:nth-of-type(5):before {
    content: "verfügbar";
  }
}

#content .frame-img50 img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 26.75rem) {
  #content .frame-img50 img {
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .frame-twoColOffset .twoCol.cols6633 {
    padding-left: 16.5%;
  }
  .frame-twoColOffset .twoCol.cols6633 li {
    padding: 0;
  }
  .frame-twoColOffset .rightCol {
    margin-left: -15rem;
    margin-top: 5rem;
    box-shadow: 5px 5px 10px gray;
  }
  .frame-twoColOffset .rightCol .ce-media {
    margin-bottom: 0;
  }
}

.frame-projektstart, #slider .frame-reservationAll, #slider .frame-soldAll {
  position: relative;
  overflow: hidden;
}
.frame-projektstart:after, #slider .frame-reservationAll:after, #slider .frame-soldAll:after {
  content: "Projektstart!";
  background-color: rgb(170, 55, 20);
  margin: 0 auto;
  position: absolute;
  transform: rotate(-20deg);
  color: white;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(30, 30, 30, 0.8);
  text-transform: uppercase;
  z-index: 3;
  padding: 1rem 7rem;
  font-size: 1rem;
  top: 0.5rem;
  left: -6rem;
}
@media (min-width: 64.1rem) {
  .frame-projektstart:after, #slider .frame-reservationAll:after, #slider .frame-soldAll:after {
    padding: 1rem 11rem;
    font-size: 2rem;
    top: 2rem;
    left: -7rem;
  }
}

.frame-60prozent {
  position: relative;
  overflow: hidden;
}
.frame-60prozent:after {
  content: "60% verkauft!";
  background-color: rgb(170, 55, 20);
  margin: 0 auto;
  position: absolute;
  transform: rotate(-20deg);
  color: white;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(30, 30, 30, 0.8);
  text-transform: uppercase;
  z-index: 3;
  padding: 1rem 7rem;
  font-size: 1rem;
  top: 0.5rem;
  left: -6rem;
}
@media (min-width: 64.1rem) {
  .frame-60prozent:after {
    padding: 1rem 11rem;
    font-size: 2rem;
    top: 2rem;
    left: -7rem;
  }
}

#slider .frame-reservationAll:after, #slider .frame-soldAll:after {
  content: "Alle Einheiten reserviert";
  font-size: 0.85rem;
  top: 1.5rem;
}
@media (min-width: 64.1rem) {
  #slider .frame-reservationAll:after, #slider .frame-soldAll:after {
    padding: 1rem 9rem;
    font-size: 1rem;
    top: 2rem;
  }
}
#slider .frame-soldAll:after {
  content: "Alle Einheiten verkauft";
}

/***********************************************************************************
	                        			Powermail  
************************************************************************************/
div.tx-powermail H2 {
  text-align: center;
  color: white;
}

.powermail_legend {
  display: none;
}

.powermail_field input {
  line-height: 2rem;
  margin: 0 0 2rem;
  padding: 0.25rem;
  width: calc(100% - 1rem);
}
@media (max-width: 26.75rem) {
  .powermail_field input {
    width: 100%;
  }
}
.powermail_field input.powermail_checkbox {
  margin: 0 0.5rem 0 0;
  padding: 0;
  width: inherit;
}
.powermail_field textarea {
  width: calc(100% - 2rem);
  height: 10em;
  padding: 0.5rem 1rem;
  resize: none;
}
@media (max-width: 26.75rem) {
  .powermail_field textarea {
    width: 100%;
  }
}
.powermail_field .powermail_submit,
.powermail_field .powermail_reset {
  text-align: center;
  color: white;
  border: 1px solid #CCCCCC;
  padding: 1em 0;
  background: rgb(30, 60, 130);
  width: 50%;
  margin: 1rem auto 0;
  cursor: pointer;
}
@media (max-width: 26.75rem) {
  .powermail_field .powermail_submit,
  .powermail_field .powermail_reset {
    width: 100%;
  }
}

.powermail_fieldwrap_type_submit {
  text-align: center;
}

.powermail_fieldwrap {
  line-height: 3rem;
}

.powermail_label {
  display: none;
}

.powermail_check_inner {
  margin-top: 0 !important;
  line-height: 3rem;
  float: left;
  width: 33%;
}

.powermail_field_error_container {
  margin: 0 !important;
}

.powermail_fieldwrap_submit {
  float: left !important;
  width: 100%;
  clear: none !important;
  padding-left: 0;
}
.powermail_fieldwrap_submit input {
  width: 100% !important;
}

.powermail_fieldwrap_reset {
  width: 50% !important;
  float: left;
  padding-right: 2rem;
}
.powermail_fieldwrap_reset input {
  width: 100% !important;
}

fieldset {
  padding: 1rem;
}

fieldset legend.powermail_label.powermail_check_legend {
  width: 100% !important;
  margin: 1rem 0;
}

/******************** Dropdown gestalten **************/
.tx-powermail .powermail_fieldwrap_type_select label {
  display: inherit;
}
.tx-powermail select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  margin-bottom: 2rem;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 0.5rem 0rem 0.5rem 1.5rem;
  background: rgb(236, 236, 237);
  color: #9d9da3;
  font: italic 300 1.25rem/2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
}
.tx-powermail select::-ms-expand {
  display: none;
}
.tx-powermail select:focus::-ms-value {
  background-color: transparent;
}
.tx-powermail select option {
  margin-bottom: 0.5rem;
  color: #9d9da3;
  padding-left: 0.75rem;
}
.tx-powermail .selectbox:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  position: absolute;
  padding-top: 0.35rem;
  padding-left: 0.25rem;
  pointer-events: none;
  color: #9d9da3;
}

/**************************************************************************/
/********************** Styling der Powermail-Typo
/*************************************************************************/
.tx-powermail legend {
  font: 300 1.5rem/2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  font-style: italic;
  color: rgb(30, 60, 130);
  margin-bottom: 1rem;
}
.tx-powermail label {
  font: 300 1.25rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
}
.tx-powermail .powermail_field {
  font: italic 300 1.25rem/2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
}
.tx-powermail input,
.tx-powermail textarea {
  font: italic 300 1.25rem/2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(40, 40, 40);
}
.tx-powermail input [type=checkbox] {
  font-size: 2rem;
}
.tx-powermail dl,
.tx-powermail dt,
.tx-powermail dd {
  font: 300 1.25rem/2rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  color: rgb(30, 60, 130);
}
.tx-powermail dt {
  display: block;
  width: 20%;
  float: left;
}
.tx-powermail .powermail_fieldwrap_type_html .powermail_field {
  font-style: normal;
}

/**************************************************************************/
/********************** Styling der Fehlermeldungen
/*************************************************************************/
.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.parsley-errors-list li {
  color: rgb(170, 55, 20);
  margin: -2rem 0 2rem;
}

.powermail_fieldwrap_type_check .parsley-errors-list li {
  margin: 0 0 2rem;
}

/***********************************************************************************
	             			        Projektseite
************************************************************************************/
/*********************************************************************************
***************************** Sliding Header *************************************
**********************************************************************************/
.head {
  background-color: white;
  position: inherit;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  transition: all 0.75s ease 0.15s;
  text-align: center;
}
@media (max-width: 26.75rem) {
  .head {
    height: 8rem;
  }
}
@media (min-width: 57.875rem) and (orientation: landscape) {
  .head {
    height: 0;
  }
}
@media (min-width: 48rem) {
  .head {
    height: 10rem;
    position: inherit;
  }
}
@media (min-width: 64rem) {
  .head {
    height: 13rem;
    position: fixed;
  }
}
@media (min-width: 64.1rem) {
  .head {
    height: 14rem;
    position: fixed;
  }
}
.head #logo {
  position: relative;
  opacity: 1;
  transition: all 0.75s ease 0.15s;
  height: 6rem;
  margin: 1.5rem 0;
}
.head #logo img {
  transition: all 0.75s ease 0.15s;
  width: auto;
}
@media (max-width: 26.75rem) and (orientation: portrait) {
  .head #logo {
    margin: 2.5rem 0 0;
    height: 2rem;
  }
  .head #logo img {
    height: 2rem;
  }
}
@media (max-width: 57.875rem) and (orientation: landscape) {
  .head #logo {
    height: 2rem;
    margin: 1rem 0 0.25rem;
  }
  .head #logo img {
    height: 2rem;
  }
}
@media (min-width: 48rem) {
  .head #logo {
    height: 3.5rem;
    margin: 1.5rem;
  }
  .head #logo img {
    height: 3.5rem;
  }
}
@media (min-width: 64rem) {
  .head #logo {
    height: 4.5rem;
    margin: 1.5rem 0;
  }
  .head #logo img {
    height: 4.5rem;
  }
}
@media (min-width: 64rem) {
  .head #logo {
    height: 6rem;
    margin: 1.5rem 0;
  }
  .head #logo img {
    height: 6rem;
  }
}
.head #call {
  transition: all 0.75s ease 0.15s;
  float: right;
  position: absolute;
  top: 3rem;
  left: 4rem;
}
@media (max-width: 26.75rem) {
  .head #call {
    top: 0.25rem;
    left: 10%;
    right: 10%;
  }
}
@media (min-width: 57.875rem) {
  .head #call {
    top: 0.25rem;
    left: 10%;
  }
}
@media (min-width: 64rem) {
  .head #call {
    top: 3rem;
    left: 2rem;
  }
}
@media (min-width: 48rem) {
  .head #call {
    top: 2rem;
    left: 1.5rem;
  }
}
@media (min-width: 64.1rem) {
  .head #call {
    top: 3rem;
    left: 4rem;
  }
}
.head #call p, .head #call a[href^=tel] {
  transition: all 0.75s ease 0.15s;
  padding: 0;
  margin: 0;
  color: rgb(30, 60, 130);
  font-size: 1.15rem;
}
@media (max-width: 26.75rem) {
  .head #call p, .head #call a[href^=tel] {
    font-size: 0.75rem;
  }
}
@media (min-width: 57.875rem) {
  .head #call p, .head #call a[href^=tel] {
    font-size: 0.75rem;
  }
}
@media (min-width: 48rem) {
  .head #call p, .head #call a[href^=tel] {
    font-size: 1.15rem;
  }
}
.head #mail {
  transition: all 0.75s ease 0.15s;
  position: absolute;
  top: 3rem;
  right: 4rem;
}
@media (max-width: 26.75rem) {
  .head #mail {
    display: none;
  }
}
@media (min-width: 48rem) {
  .head #mail {
    top: 2rem;
    right: 1.5rem;
  }
}
@media (min-width: 64.1rem) {
  .head #mail {
    top: 3rem;
    right: 4rem;
  }
}
.head #mail a {
  transition: all 0.75s ease 0.15s;
  font-size: 1.15rem;
}
@media (max-width: 26.75rem) {
  .head #mail a {
    font-size: 0.75rem;
  }
}
.head.shrink {
  opacity: 0.95;
}
@media (max-width: 26.75rem) {
  .head.shrink {
    height: 8rem;
  }
}
@media (min-width: 48rem) {
  .head.shrink {
    height: 9rem;
  }
}
@media (min-width: 64rem) {
  .head.shrink {
    height: 9rem;
  }
}
@media (min-width: 64.1rem) {
  .head.shrink {
    height: 8rem;
  }
}
.head.shrink #logo {
  height: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
.head.shrink #logo img {
  height: 2.5rem;
  width: auto;
}
@media (max-width: 26.75rem) {
  .head.shrink #logo {
    margin: 2.5rem 0 0;
    height: 2rem;
  }
  .head.shrink #logo img {
    height: 2rem;
  }
}
@media (max-width: 57.875rem) and (orientation: landscape) {
  .head.shrink #logo {
    height: 2rem;
    margin: 1rem 0 0.25rem;
  }
  .head.shrink #logo img {
    height: 2rem;
  }
}
@media (min-width: 48rem) {
  .head.shrink #logo {
    height: 3.5rem;
    margin: 1.5rem;
  }
  .head.shrink #logo img {
    height: 3.5rem;
  }
}
@media (min-width: 64rem) {
  .head.shrink #logo {
    height: 2.5rem;
  }
}
@media (min-width: 57.875rem) {
  .head.shrink #call {
    left: 2rem;
  }
}
@media (min-width: 48rem) {
  .head.shrink #call {
    top: 2rem;
  }
}
@media (min-width: 64rem) {
  .head.shrink #call {
    top: 1.5rem;
  }
}
@media (min-width: 64.1rem) {
  .head.shrink #call {
    top: 2rem;
    left: 4rem;
  }
}
@media (min-width: 57.875rem) {
  .head.shrink #mail {
    top: 3rem;
  }
}
@media (min-width: 64rem) {
  .head.shrink #mail {
    top: 1.5rem;
  }
}

@media (max-width: 26.75rem) {
  .margintop,
  #contentWrapper {
    margin-top: 0rem;
  }
}
@media (min-width: 57.875rem) {
  .margintop,
  #contentWrapper {
    margin-top: 7rem;
  }
}
@media (min-width: 48rem) {
  .margintop,
  #contentWrapper {
    margin-top: 0;
  }
}
@media (min-width: 64rem) {
  .margintop,
  #contentWrapper {
    margin-top: 13rem;
  }
}
@media (min-width: 64.1rem) {
  .margintop,
  #contentWrapper {
    margin-top: 14rem;
  }
}

/*
 * Stellarnav.js 2.5.0
 * Responsive, lightweight, multi-level dropdown menu.
 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
.stellarnav {
  width: 100%;
  z-index: 9900;
  line-height: normal;
}

.stellarnav a {
  color: #777;
}

.stellarnav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.stellarnav li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
  vertical-align: middle;
}

.stellarnav li a {
  padding: 0.75rem;
  display: block;
  text-decoration: none;
  color: rgb(40, 40, 40);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: inherit;
  font-family: inherit;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}

.stellarnav li li a {
  text-transform: inherit;
  letter-spacing: 0;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  font-size: 1.05rem;
}

/* main level */
.stellarnav > ul > li {
  display: inline-block;
}

.stellarnav > ul > li > a {
  padding: 0 2rem;
}

/* first level dd */
.stellarnav ul ul {
  top: auto;
  min-width: 220px;
  position: absolute;
  z-index: 9900;
  text-align: left;
  display: none;
  background: #ddd;
}
.stellarnav ul ul li {
  border-bottom: 1px solid #9d9da3;
}
.stellarnav ul ul li:last-child {
  border-bottom: none;
}

.stellarnav li li {
  display: block;
}

/* second level dd */
.stellarnav ul ul ul {
  top: 0; /* dd animtion - change to auto to remove */
  left: 220px;
}

.stellarnav > ul > li:hover > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 0;
}

/* .drop-left */
.stellarnav > ul > li.drop-left > ul {
  right: 0;
}

.stellarnav li.drop-left ul ul {
  left: auto;
  right: 220px;
}

/* light theme */
.stellarnav.light {
  background: rgb(255, 255, 255);
}

.stellarnav.light a {
  color: #000;
}

.stellarnav.light ul ul {
  background: rgb(255, 255, 255);
}

.stellarnav.light li a {
  color: #000;
}

/* dark theme */
.stellarnav.dark {
  background: rgb(0, 0, 0);
}

.stellarnav.dark a {
  color: #FFF;
}

.stellarnav.dark ul ul {
  background: rgb(0, 0, 0);
}

.stellarnav.dark li a {
  color: #FFF;
}

/* sticky nav */
.stellarnav.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x {
  overflow-x: hidden;
}

/* general styling */
.stellarnav li.has-sub > a:after {
  content: "";
  margin-left: 10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgb(40, 40, 40);
  display: inline-block;
  position: relative;
  top: -0.15rem;
}

.stellarnav li li.has-sub > a:after {
  margin-left: 10px;
  float: right;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgb(40, 40, 40);
  position: relative;
  top: 0.6rem;
}

.stellarnav li.drop-left li.has-sub > a:after {
  float: left;
  margin-right: 10px;
  border-left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #FFF;
}

.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after {
  display: none;
}

.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile {
  display: none;
  text-transform: uppercase;
  text-decoration: none;
}

.stellarnav .dd-toggle {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  z-index: 9999;
  border: 0;
}

.stellarnav.desktop li.has-sub a {
  padding-right: 1rem;
  white-space: nowrap;
}

.stellarnav.desktop.hide-arrows li.has-sub a {
  padding-right: 15px;
}

.stellarnav.mobile > ul > li > a.dd-toggle {
  padding: 0;
}

.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile {
  display: none;
}

/* svg icons */
.stellarnav svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
  position: relative;
  top: 2px;
}

/* svg icons */
.stellarnav a.dd-toggle .icon-plus {
  box-sizing: border-box;
  transition: transform 0.3s;
  width: 12px;
  height: 100%;
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.stellarnav a.dd-toggle .icon-plus:before {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 3px #777;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
  transition: width 0.3s;
}

.stellarnav a.dd-toggle .icon-plus:after {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  top: 50%;
  border-bottom: solid 3px #777;
  position: absolute;
}

.stellarnav li.open > a.dd-toggle .icon-plus {
  transform: rotate(135deg);
}

.stellarnav.light a.dd-toggle .icon-plus:before {
  border-color: #000;
}

.stellarnav.light a.dd-toggle .icon-plus:after {
  border-color: #000;
}

.stellarnav.dark a.dd-toggle .icon-plus:before {
  border-color: #FFF;
}

.stellarnav.dark a.dd-toggle .icon-plus:after {
  border-color: #FFF;
}

.stellarnav .icon-close {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  position: relative;
  display: inline-block;
}

.stellarnav .icon-close:before {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 3px #777;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}

.stellarnav .icon-close:after {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  top: 50%;
  border-bottom: solid 3px #777;
  position: absolute;
  transform: rotate(-45deg);
}

.stellarnav.light .icon-close:before {
  border-color: #000;
}

.stellarnav.light .icon-close:after {
  border-color: #000;
}

.stellarnav.dark .icon-close:before {
  border-color: #FFF;
}

.stellarnav.dark .icon-close:after {
  border-color: #FFF;
}

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
  padding: 15px;
  box-sizing: border-box;
}

.stellarnav .menu-toggle span.bars {
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: 3px;
}

.stellarnav .menu-toggle span.bars span {
  display: block;
  width: 15px;
  height: 2px;
  border-radius: 6px;
  background: #777;
  margin: 0 0 3px;
}

.stellarnav .full {
  width: 100%;
}

.stellarnav .half {
  width: 50%;
}

.stellarnav .third {
  width: 33%;
  text-align: center;
}

.stellarnav .location-btn-mobile.third {
  text-align: center;
}

.stellarnav .location-btn-mobile.half {
  text-align: right;
}

.stellarnav.light .third, .stellarnav.light .half {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.stellarnav.light.left .third, .stellarnav.light.left .half {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.stellarnav.light.right .third, .stellarnav.light.right .half {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.stellarnav.light .third:first-child, .stellarnav.light .half:first-child {
  border-left: 0;
}

.stellarnav.dark .third, .stellarnav.dark .half {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.stellarnav.dark.left .third, .stellarnav.dark.left .half {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.stellarnav.dark.right .third, .stellarnav.dark.right .half {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
  border-bottom: 0;
}

.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {
  border-bottom: 0;
}

.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child {
  border-left: 0;
}

.stellarnav.light .menu-toggle span.bars span {
  background: #000;
}

.stellarnav.dark .menu-toggle span.bars span {
  background: #FFF;
}

.stellarnav.mobile.fixed {
  position: static;
}

.stellarnav.mobile ul {
  position: relative;
  display: none;
}

.stellarnav.mobile.active {
  padding-bottom: 0;
}

.stellarnav.mobile.active > ul {
  display: block;
}

.stellarnav.mobile ul {
  text-align: left;
}

.stellarnav.mobile > ul > li {
  display: block;
}

.stellarnav.mobile > ul > li > a {
  padding: 15px;
}

.stellarnav.mobile ul {
  background: rgb(221, 221, 221);
}

.stellarnav.mobile ul ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: auto;
  display: none;
  transition: none;
}

.stellarnav.mobile ul ul ul {
  left: auto;
  top: auto;
}

.stellarnav.mobile li.drop-left ul ul {
  right: auto;
}

.stellarnav.mobile li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.stellarnav.mobile > ul {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.stellarnav.mobile.light li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.stellarnav.mobile.light > ul {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.stellarnav.mobile li a.dd-toggle {
  border: 0;
}

.stellarnav.mobile.light li a.dd-toggle {
  border: 0;
}

.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile {
  display: inline-block;
}

.stellarnav.mobile li.call-btn-mobile {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}

.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile {
  display: inline-block;
  width: 50%;
  text-transform: uppercase;
  text-align: center;
}

.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full {
  display: block;
  width: 100%;
  text-transform: uppercase;
  border-right: 0;
  text-align: left;
}

.stellarnav.mobile.light ul {
  background: rgb(255, 255, 255);
}

.stellarnav.mobile.dark ul {
  background: rgb(0, 0, 0);
}

.stellarnav.mobile.dark ul ul {
  background: rgba(255, 255, 255, 0.08);
}

.stellarnav.mobile.light li.call-btn-mobile {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.stellarnav.mobile.top {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after {
  display: none;
}

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.stellarnav.mobile.right > ul {
  right: 0;
}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
  display: inline-block;
  text-align: right;
}

.stellarnav.mobile.left > ul {
  left: 0;
}

.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half {
  text-align: center;
}

.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third {
  text-align: center;
}

.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half {
  text-align: center;
}

.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third {
  text-align: center;
}

.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third {
  text-align: left;
}

.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span {
  display: none;
}

/* left and right positions */
/* mega dd */
.stellarnav.desktop li.mega ul ul {
  background: none;
}

.stellarnav.desktop li.mega li {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}

.stellarnav.desktop li.mega li li {
  display: block;
  position: relative;
  left: 4px;
}

.stellarnav.desktop li.mega ul ul {
  width: auto;
}

.stellarnav.desktop > ul > li.mega {
  position: inherit;
}

.stellarnav.desktop > ul > li.mega > ul {
  width: 100%;
}

.stellarnav.desktop > ul > li.mega > ul li.has-sub ul {
  display: block;
  position: relative;
  left: auto;
}

.stellarnav.desktop > ul > li.mega > ul > li {
  padding-bottom: 15px;
  box-sizing: border-box;
}

.stellarnav.desktop li.mega li li a {
  padding: 5px 15px;
}

.stellarnav.desktop li.mega li.has-sub a:after {
  display: none;
}

.stellarnav.desktop > ul > li.mega > ul > li > a {
  color: yellow;
}

/* mega dd */
/* Fallback for slow javascript load */
@media only screen and (max-width: 768px) {
  .stellarnav {
    overflow: hidden;
    display: block;
  }
  .stellarnav ul {
    position: relative;
    display: none;
  }
}
/* mobile nav */
@media only screen and (max-width: 420px) {
  .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span {
    display: none;
  }
}
/*****************************************************************************
	                           Responsive Video
*****************************************************************************/
.frame-responsive_video .ce-media {
  margin-bottom: 0;
}

.responsive_video {
  /*	position: relative;
  	padding-top: 15px;
  	height: 100%;
  	overflow: hidden;
  	margin-bottom: 0rem;	
  */
}
.responsive_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive_video video {
  width: 100%;
  height: 100%;
}

.responsiveVideoNoPadding .responsive_video {
  padding-bottom: 0;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.tx-ws-flexslider .flexslider {
  margin: 0 0 1rem;
  padding: 0;
  background-color: transparent;
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* Hide the slides before the JS is loaded. Avoids image jumping */
}
@media (max-width: 26.75rem) {
  .tx-ws-flexslider .flexslider {
    margin-bottom: 0;
  }
}
.tx-ws-flexslider .flexslider .slides img {
  width: 100%;
  display: block;
}
.tx-ws-flexslider .flexslider .slides .caption-title {
  font: "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: normal;
  color: rgb(30, 60, 130);
  margin-bottom: 0;
}
@media (max-width: 26.75rem) {
  .tx-ws-flexslider .flexslider .slides .caption-title {
    text-align: center;
  }
}
.tx-ws-flexslider .flexslider .slides .caption-body {
  color: rgb(40, 40, 40);
  padding: 0rem;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 48rem) {
  .tx-ws-flexslider .flexslider .slides .caption-body {
    font-size: 1.5rem;
  }
}
@media (max-width: 26.75rem) {
  .tx-ws-flexslider .flexslider .slides .caption-body {
    font-size: 1.25rem;
  }
}
.tx-ws-flexslider .flexslider .slides .caption-body p,
.tx-ws-flexslider .flexslider .slides .caption-body a {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: normal;
}
@media (min-width: 48rem) {
  .tx-ws-flexslider .flexslider .slides .caption-body p,
  .tx-ws-flexslider .flexslider .slides .caption-body a {
    font-size: 1.25rem;
  }
}
@media (min-width: 26.75rem) {
  .tx-ws-flexslider .flexslider .slides .caption-body p,
  .tx-ws-flexslider .flexslider .slides .caption-body a {
    font-size: 1rem;
    line-height: 1.05rem;
  }
}
.tx-ws-flexslider .flexslider .slides .caption-link {
  font-size: 1rem;
  line-height: normal;
  margin: 0;
  text-align: center;
}
.tx-ws-flexslider .flexslider .slides .caption-link a {
  font-size: 1rem;
  line-height: normal;
}
.tx-ws-flexslider .flexslider .slides .caption-align-left .caption-text {
  /*				background: none;
  				bottom: auto;
  				padding: 0;
  */
}
.tx-ws-flexslider .flexslider .slides .caption-align-right {
  display: none;
}
.tx-ws-flexslider .flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.tx-ws-flexslider .flexslider .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.tx-ws-flexslider .flexslider .caption-wrapper {
  /*		display: block;
  		position: absolute;
  		bottom: 1rem;
  		right: 1rem;
  		max-width: 45%;
  		background-color: rgba($colGreyBG,0.9),;
  		padding: .75rem .75rem;


  		@include breakpoint(mola){
  			position: inherit;
  			max-width: 100%;
  			padding: 0.5rem 1rem;
  			width: 100%;
  			bottom: 1rem;
  			left: 1rem;
  		}
  */
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}

/* Korrektur der neuen Styles nach Update */
.tx-ws-flexslider .caption-title {
  font-weight: 300;
}
.tx-ws-flexslider .caption-text {
  position: relative;
  width: auto;
  top: auto;
  left: auto;
  background: inherit;
}
.tx-ws-flexslider .caption-align-left .caption-text {
  left: 1rem !important;
  top: inherit !important;
  bottom: 1rem !important;
  width: auto !important;
}
@media (max-width: 26.75rem) {
  .tx-ws-flexslider .caption-align-left .caption-text {
    left: auto !important;
    bottom: auto !important;
  }
}
.tx-ws-flexslider .caption-align-left .caption-text h2 {
  padding-bottom: 0 !important;
}
.tx-ws-flexslider .caption-align-left .caption-text h2 a {
  font-size: 1.25rem !important;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

.cc-revoke,
.cc-window {
  font: 300 1rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
}
.cc-revoke .cc-link,
.cc-window .cc-link {
  font-size: 1rem;
  font-weight: bold;
}
.cc-revoke.cc-banner,
.cc-window.cc-banner {
  height: 50vh;
  padding: 2% 33%;
  flex-direction: column;
}

.cc-revoke {
  display: none;
}

/* Typo anpassen */
.lb-data .lb-number,
.lb-data .lb-caption {
  font: 300 1rem/1.75rem "Roboto Condensed", sans_serif, Arial, Verdana, Helvetica;
  font-size: 1rem;
}

/* Padding bei Bildunterschriften im Mobile-View korrigieren */
.jnlightbox {
  padding: 0 !important;
}

/**************************************************************************/
/************************ Definition der Variablen ************************/
/**************************************************************************/
body.pro_dichterviertel {
  /**************************************************************************/
  /******************************* Header Typo ******************************/
  /**************************************************************************/
  background-color: rgb(155, 153, 160);
  /****************************************************************************/
  /**************************** Typografie Footer *****************************/
  /****************************************************************************/
  /**************************************************************************/
  /********************************* Claim **********************************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Click-enlargement ****************************/
  /**************************************************************************/
  /**************************************************************************/
  /******************** Auflistung 3-Spaltig & 4-Spaltig ********************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Spalte "Vertrieb" ****************************/
  /**************************************************************************/
  /**************************************************************************/
  /***************************** Blauer Rahmen ******************************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Tabelle Wohnflächen **************************/
  /**************************************************************************/
  /**************************************************************************/
  /******************************** Fact Icons ******************************/
  /**************************************************************************/
  /**************************************************************************/
  /********************************* Lightbox *******************************/
  /**************************************************************************/
  /**************************************************************************/
  /***************************** Text im Bild 50% ***************************/
  /**************************************************************************/
  /****************************************************************************/
  /********************* Abstände zwischen den Elementen **********************/
  /****************************************************************************/
  /****************************************************************************/
  /********************* Reserviert/Verkauft Störer **********************/
  /****************************************************************************/
}
body.pro_dichterviertel p, body.pro_dichterviertel h2, body.pro_dichterviertel h3, body.pro_dichterviertel h4, body.pro_dichterviertel h5, body.pro_dichterviertel table {
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel strong {
  color: inherit;
}
body.pro_dichterviertel .head,
body.pro_dichterviertel .head #call p,
body.pro_dichterviertel footer {
  background-color: rgb(155, 153, 160);
}
body.pro_dichterviertel .head #call p,
body.pro_dichterviertel .head #call p a[href^=tel],
body.pro_dichterviertel .head #mail a {
  color: rgb(216, 216, 216);
  font-size: 1rem;
}
body.pro_dichterviertel .stellarnav li a {
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel .stellarnav li li a {
  color: rgb(100, 100, 100);
}
body.pro_dichterviertel .stellarnav li.has-sub > a::after {
  border-top: 8px solid rgb(216, 216, 216);
}
body.pro_dichterviertel .stellarnav .menu-toggle {
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel .stellarnav.mobile > ul > li > a {
  color: rgb(100, 100, 100);
}
body.pro_dichterviertel #footer li, body.pro_dichterviertel #footer a {
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel #footer nav ul li {
  border-right-color: rgb(216, 216, 216);
}
body.pro_dichterviertel #content .claim {
  margin: 5rem auto;
}
@media (min-width: 26.75rem) {
  body.pro_dichterviertel #content .claim {
    margin: 0rem auto;
  }
}
body.pro_dichterviertel #content .claim h2, body.pro_dichterviertel #content .claim p {
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel #content .claim h2 {
  font-size: 3.5rem;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
}
body.pro_dichterviertel #content .claim p {
  font-style: italic;
}
body.pro_dichterviertel figcaption {
  padding: 0;
  background: transparent;
}
body.pro_dichterviertel #content .frame-sale, body.pro_dichterviertel #content .frame-sale_sold {
  background: rgb(155, 153, 160);
  background: rgb(216, 216, 216);
}
body.pro_dichterviertel #content .frame-sale h2, body.pro_dichterviertel #content .frame-sale_sold h2, body.pro_dichterviertel #content .frame-sale h3, body.pro_dichterviertel #content .frame-sale_sold h3, body.pro_dichterviertel #content .frame-sale h4, body.pro_dichterviertel #content .frame-sale_sold h4, body.pro_dichterviertel #content .frame-sale p, body.pro_dichterviertel #content .frame-sale_sold p {
  color: rgb(100, 100, 100);
}
body.pro_dichterviertel .frame-vertrieb h2, body.pro_dichterviertel .frame-vertrieb h3, body.pro_dichterviertel .frame-vertrieb h4, body.pro_dichterviertel .frame-vertrieb p {
  color: rgb(100, 100, 100);
}
body.pro_dichterviertel #content .frame-blueborder,
body.pro_dichterviertel #content .frame-blueborder70 {
  border: 10px double;
  border-color: rgb(216, 216, 216);
}
body.pro_dichterviertel .contenttable {
  border-bottom: 1px solid rgb(216, 216, 216);
}
body.pro_dichterviertel .ce-table {
  border-collapse: collapse;
  margin-bottom: 2rem;
}
body.pro_dichterviertel .ce-table tr:last-child td {
  border-top: 1px solid rgb(216, 216, 216);
}
body.pro_dichterviertel .ce-table td {
  font-size: 1.2rem;
  line-height: inherit;
}
@media (min-width: 48rem) {
  body.pro_dichterviertel .ce-table td {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}
@media (min-width: 64.1rem) {
  body.pro_dichterviertel .ce-table td {
    font-size: 1.2rem;
    line-height: inherit;
  }
}
body.pro_dichterviertel #content .frame-factIcons .ce-row {
  justify-content: space-between;
}
body.pro_dichterviertel #content .frame-factIcons .ce-row .ce-column figcaption {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: rgb(216, 216, 216);
}
body.pro_dichterviertel .mfp-figure::after {
  background: rgb(155, 153, 160);
}
body.pro_dichterviertel #content .frame-img50 .ce-intext.ce-right .ce-gallery {
  width: 25%;
}
body.pro_dichterviertel #content .frame-img50 .ce-intext.ce-right .ce-gallery img {
  width: 100%;
}
@media (max-width: 26.75rem) {
  body.pro_dichterviertel #content .frame-img50 .ce-intext.ce-right .ce-gallery {
    width: 100%;
  }
}
body.pro_dichterviertel #slider {
  margin-bottom: 3rem;
}
@media (min-width: 26.75rem) {
  body.pro_dichterviertel #slider {
    margin-bottom: 1rem;
  }
}
body.pro_dichterviertel #content .frame-soldBanner,
body.pro_dichterviertel #content .frame-reservationBanner {
  border-color: rgb(216, 216, 216);
}
body.pro_dichterviertel .lb-outerContainer {
  background-color: rgb(155, 153, 160);
}

/**************************************************************************/
/************************ Definition der Variablen ************************/
/**************************************************************************/
body.pro_goldeck {
  /**************************************************************************/
  /******************************* Header Typo ******************************/
  /**************************************************************************/
  background-color: white;
  /****************************************************************************/
  /**************************** Typografie Footer *****************************/
  /****************************************************************************/
  /****************************************************************************/
  /**************************** Abstand Content anpassen *****************************/
  /****************************************************************************/
  /**************************************************************************/
  /********************************* Claim **********************************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Click-enlargement ****************************/
  /**************************************************************************/
  /**************************************************************************/
  /******************** Auflistung 3-Spaltig & 4-Spaltig ********************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Spalte "Vertrieb" ****************************/
  /**************************************************************************/
  /**************************************************************************/
  /***************************** Blauer Rahmen ******************************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Tabelle Wohnflächen **************************/
  /**************************************************************************/
  /**************************************************************************/
  /*************************** Tabelle Wohnflächen **************************/
  /**************************************************************************/
  /**************************************************************************/
  /******************************** Fact Icons ******************************/
  /**************************************************************************/
  /**************************************************************************/
  /********************************* Lightbox *******************************/
  /**************************************************************************/
  /**************************************************************************/
  /***************************** Text im Bild 50% ***************************/
  /**************************************************************************/
  /****************************************************************************/
  /********************* Abstände zwischen den Elementen **********************/
  /****************************************************************************/
  /****************************************************************************/
  /********************* Reserviert/Verkauft Störer **********************/
  /****************************************************************************/
  /***************************************************************************/
  /*************************** Lightbox anpassen *****************************/
  /***************************************************************************/
  /***************************************************************************/
  /*************************** Wohnungsfinder *****************************/
  /***************************************************************************/
}
body.pro_goldeck p, body.pro_goldeck h2, body.pro_goldeck h3, body.pro_goldeck h4, body.pro_goldeck h5, body.pro_goldeck table {
  color: rgb(50, 50, 50);
}
body.pro_goldeck strong {
  color: inherit;
}
@media (max-width: 48rem) {
  body.pro_goldeck header {
    margin: 0;
  }
}
body.pro_goldeck .head,
body.pro_goldeck footer {
  background: rgb(8, 0, 43);
  background: linear-gradient(180deg, rgb(8, 0, 43) 0%, rgb(24, 32, 97) 100%);
}
body.pro_goldeck .head #call p,
body.pro_goldeck .head #call p a[href^=tel],
body.pro_goldeck .head #mail a {
  color: rgb(220, 220, 220);
  font-size: 1rem;
}
body.pro_goldeck .stellarnav li a {
  color: rgb(220, 220, 220);
}
body.pro_goldeck .stellarnav li li a {
  color: rgb(100, 100, 100);
}
body.pro_goldeck .stellarnav li.has-sub > a::after {
  border-top: 8px solid rgb(220, 220, 220);
}
body.pro_goldeck .stellarnav .menu-toggle {
  color: rgb(220, 220, 220);
}
body.pro_goldeck .stellarnav.mobile > ul > li > a {
  color: rgb(100, 100, 100);
}
body.pro_goldeck footer li, body.pro_goldeck footer a {
  color: rgb(220, 220, 220) !important;
}
body.pro_goldeck footer nav ul li {
  border-right-color: rgb(220, 220, 220);
}
body.pro_goldeck footer nav ul li a:link, body.pro_goldeck footer nav ul li a:visited, body.pro_goldeck footer nav ul li a:active {
  color: rgb(220, 220, 220) !important;
}
body.pro_goldeck footer .fa-brand-icons {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(54deg) brightness(122%) contrast(98%);
}
@media (min-width: 64.1rem) {
  body.pro_goldeck .margintop,
  body.pro_goldeck #contentWrapper {
    margin-top: 17rem;
  }
}
body.pro_goldeck #content .claim {
  margin: 5rem auto;
}
@media (min-width: 26.75rem) {
  body.pro_goldeck #content .claim {
    margin: 0rem auto;
  }
}
body.pro_goldeck #content .claim h2, body.pro_goldeck #content .claim p {
  color: rgb(50, 50, 50);
}
body.pro_goldeck #content .claim h2 {
  font-size: 3.5rem;
  letter-spacing: 0.2rem;
  text-align: center;
  text-transform: uppercase;
}
body.pro_goldeck #content .claim p {
  font-style: italic;
}
body.pro_goldeck figcaption {
  padding: 0;
  background: transparent;
}
body.pro_goldeck #content .frame-sale, body.pro_goldeck #content .frame-sale_sold {
  background: rgb(8, 0, 43);
  background: linear-gradient(180deg, rgb(8, 0, 43) 0%, rgb(24, 32, 97) 100%);
}
body.pro_goldeck #content .frame-sale h2, body.pro_goldeck #content .frame-sale_sold h2, body.pro_goldeck #content .frame-sale h3, body.pro_goldeck #content .frame-sale_sold h3, body.pro_goldeck #content .frame-sale h4, body.pro_goldeck #content .frame-sale_sold h4, body.pro_goldeck #content .frame-sale p, body.pro_goldeck #content .frame-sale_sold p, body.pro_goldeck #content .frame-sale a, body.pro_goldeck #content .frame-sale_sold a {
  color: rgb(220, 220, 220);
}
body.pro_goldeck .frame-vertrieb h2, body.pro_goldeck .frame-vertrieb h3, body.pro_goldeck .frame-vertrieb h4, body.pro_goldeck .frame-vertrieb p {
  color: rgb(100, 100, 100);
}
body.pro_goldeck #content .frame-blueborder,
body.pro_goldeck #content .frame-blueborder70,
body.pro_goldeck #content .frame-soldBanner,
body.pro_goldeck #content .frame-reservationBanner {
  border: 5px double;
  border-color: rgb(8, 0, 43);
  box-shadow: 5px 5px 5px grey;
  padding-bottom: 0;
}
body.pro_goldeck #content .frame-blueborder .twoCol,
body.pro_goldeck #content .frame-blueborder70 .twoCol,
body.pro_goldeck #content .frame-soldBanner .twoCol,
body.pro_goldeck #content .frame-reservationBanner .twoCol {
  margin-bottom: 0;
}
body.pro_goldeck #content .frame-blueborder .twoCol .frame-type-table:last-child .ce-table,
body.pro_goldeck #content .frame-blueborder70 .twoCol .frame-type-table:last-child .ce-table,
body.pro_goldeck #content .frame-soldBanner .twoCol .frame-type-table:last-child .ce-table,
body.pro_goldeck #content .frame-reservationBanner .twoCol .frame-type-table:last-child .ce-table {
  margin-bottom: 1rem;
}
body.pro_goldeck .contenttable {
  border-bottom: 1px solid rgb(50, 50, 50);
}
body.pro_goldeck .ce-table {
  border-collapse: collapse;
  margin-bottom: 2rem;
}
body.pro_goldeck .ce-table tr:last-child td {
  border-top: 1px solid rgb(50, 50, 50);
}
body.pro_goldeck .ce-table td {
  font-size: 1.2rem;
  line-height: inherit;
}
@media (min-width: 48rem) {
  body.pro_goldeck .ce-table td {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}
@media (min-width: 64.1rem) {
  body.pro_goldeck .ce-table td {
    font-size: 1.2rem;
    line-height: inherit;
  }
}
body.pro_goldeck .wohnungsfinder table {
  border-bottom: 0;
}
body.pro_goldeck .wohnungsfinder table td:first-child {
  width: 40%;
}
body.pro_goldeck .wohnungsfinder table td:last-child {
  width: 20%;
}
body.pro_goldeck #content .frame-factIcons .ce-row {
  justify-content: space-between;
}
body.pro_goldeck #content .frame-factIcons .ce-row .ce-column figcaption {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: rgb(50, 50, 50);
}
body.pro_goldeck .mfp-figure::after {
  background: rgb(8, 0, 43);
}
body.pro_goldeck #content .frame-img50 .ce-intext.ce-right .ce-gallery {
  width: 25%;
}
body.pro_goldeck #content .frame-img50 .ce-intext.ce-right .ce-gallery img {
  width: 100%;
}
@media (max-width: 26.75rem) {
  body.pro_goldeck #content .frame-img50 .ce-intext.ce-right .ce-gallery {
    width: 100%;
  }
}
body.pro_goldeck #slider {
  margin-bottom: 3rem;
}
@media (max-width: 26.75rem) {
  body.pro_goldeck #slider {
    margin-bottom: 1rem !important;
  }
}
body.pro_goldeck #content .frame-soldBanner,
body.pro_goldeck #content .frame-reservationBanner {
  border-color: rgb(50, 50, 50);
}
body.pro_goldeck #lightboxOverlay {
  background: rgb(8, 0, 43);
  background: linear-gradient(180deg, rgb(8, 0, 43) 0%, rgb(24, 32, 97) 100%);
}
body.pro_goldeck .lb-outerContainer {
  background: rgb(8, 0, 43);
  background: linear-gradient(180deg, rgb(8, 0, 43) 0%, rgb(24, 32, 97) 100%);
}
body.pro_goldeck .wohnungsfinder table {
  background-color: rgb(236, 236, 237);
}
body.pro_goldeck .wohnungsfinder table td {
  padding: 2px 4px;
  border-bottom: 1px solid white;
}
body.pro_goldeck .wohnungsfinder table td:last-child {
  border-bottom: none;
}
body.pro_goldeck .wohnungsfinder table td.sold {
  background-color: rgb(170, 55, 20);
  color: white;
}
body.pro_goldeck .wohnungsfinder table td.reserved {
  background-color: rgb(30, 60, 130);
  color: white;
}
body.pro_goldeck .wohnungsfinder table td.reserved a {
  color: white;
}

/*# sourceMappingURL=00.styles.neu.css.map */