@charset "UTF-8";
/**************************************************************************/
/********************** Typo3 Debugger über den Header setzen
/*************************************************************************/
.extbase-debugger {
  z-index: 9999999999; }

/**************************************************************************/
/********************** Definition der Farben
/*************************************************************************/
/**************************************************************************/
/********************** Typografie
/*************************************************************************/
/* alegreya-regular - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  src: url("../../../../../../media/fonts/alegreya-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url("../../../../../../media/fonts/alegreya-v12-latin-regular%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../../../../../../media/fonts/alegreya-v12-latin-regular.woff2") format("woff2"), url("../../../../../../media/fonts/alegreya-v12-latin-regular.woff") format("woff"), url("../../../../../../media/fonts/alegreya-v12-latin-regular.ttf") format("truetype"), url("../../../../../../media/fonts/alegreya-v12-latin-regular.svg#Alegreya") format("svg");
  /* Legacy iOS */ }

/* alegreya-italic - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 400;
  src: url("../../../../../../media/fonts/alegreya-v12-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Italic"), local("Alegreya-Italic"), url("../../../../../../media/fonts/alegreya-v12-latin-italic%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../../../../../../media/fonts/alegreya-v12-latin-italic.woff2") format("woff2"), url("../../../../../../media/fonts/alegreya-v12-latin-italic.woff") format("woff"), url("../../../../../../media/fonts/alegreya-v12-latin-italic.ttf") format("truetype"), url("../../../../../../media/fonts/alegreya-v12-latin-italic.svg#Alegreya") format("svg");
  /* Legacy iOS */ }

/* alegreya-700 - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  src: url("../../../../../../media/fonts/alegreya-v12-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Bold"), local("Alegreya-Bold"), url("../../../../../../media/fonts/alegreya-v12-latin-700%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../../../../../../media/fonts/alegreya-v12-latin-700.woff2") format("woff2"), url("../../../../../../media/fonts/alegreya-v12-latin-700.woff") format("woff"), url("../../../../../../media/fonts/alegreya-v12-latin-700.ttf") format("truetype"), url("../../../../../../media/fonts/alegreya-v12-latin-700.svg#Alegreya") format("svg");
  /* Legacy iOS */ }

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../../../../../../media/fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../../../../../../media/fonts/open-sans-v15-latin-300%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../../../../../../media/fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../../../../../../media/fonts/open-sans-v15-latin-300.woff") format("woff"), url("../../../../../../media/fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("../../../../../../media/fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../../../../../../media/fonts/open-sans-v15-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../../../../../../media/fonts/open-sans-v15-latin-300italic%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../../../../../../media/fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), url("../../../../../../media/fonts/open-sans-v15-latin-300italic.woff") format("woff"), url("../../../../../../media/fonts/open-sans-v15-latin-300italic.ttf") format("truetype"), url("../../../../../../media/fonts/open-sans-v15-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/*
@font-face {
  font-family: 'FontAwesome';
  src: url('https://schaber-garten.de/media/fonts/fontawesome-webfont.eot?v=#4.7.0');
  src: url('https://schaber-garten.de/media/fonts/fontawesome-webfont.eot?#iefix&v=%234.7.0') format('embedded-opentype'),
    url('https://schaber-garten.de/media/fonts/fontawesome-webfont.woff2?v=#4.7.0') format('woff2'),
    url('https://schaber-garten.de/media/fonts/fontawesome-webfont.woff?v=#4.7.0') format('woff'),
    url('https://schaber-garten.de/media/fonts/fontawesome-webfont.ttf?v=#4.7.0') format('truetype'),
    url('https://schaber-garten.de/media/fonts/fontawesome-webfont.svg?v=#4.7.0%23fontawesomeregular') format('svg');
//  src: url('https://schaber-garten.de/media/fonts/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}
*/
html {
  font-size: 100%; }

* {
  font: 1.25rem/2.25rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  color: #323232;
  font-display: auto; }

h1, h2, h3, h4, h5 {
  font: 8rem/8rem "Alegreya", "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #738c46;
  margin-bottom: 1rem; }

h1 {
  margin: 6rem 0;
  text-align: center; }
  @media only screen and (max-width: 25.875rem) {
    h1 {
      font-size: 3rem;
      line-height: 3rem;
      margin: 3rem 0 0; } }
h2 {
  font-size: 1.75rem;
  line-height: 1.75rem; }
  @media only screen and (min-width: 80rem) {
    h2 {
      font-size: 2rem;
      line-height: 2rem; } }
h3 {
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-size: 1.5rem;
  line-height: 1.5rem; }

h5 {
  font-size: 1.25rem;
  line-height: 1.25rem; }

a {
  color: #323232;
  text-decoration: underline; }
  a:hover {
    text-decoration: underline; }

p, ul {
  margin-bottom: 1rem; }

p + h2, p + h3, p + h4, ul + h2, ul + h3, ul + h4 {
  margin-top: 3rem; }

strong {
  font-weight: bold; }

ul {
  margin-top: -1rem;
  padding-left: 2.2rem;
  list-style: disc outside; }
  ul li {
    margin-left: -1rem; }

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

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

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

.more {
  position: absolute;
  bottom: 1rem;
  right: 1rem; }

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

/**************************************************************************/
/********************** Basis-Framework
/*************************************************************************/
* {
  margin: 0;
  padding: 0; }

/* Sticky Footer mit Flexbox */
html, body {
  height: 100%; }

#page {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* 1, 3 */ }

#contentWrap {
  flex: 1 0 auto;
  /* 2 */
  width: calc(100%-2rem);
  margin: 18rem auto 0rem;
  padding: 0 1rem; }
  @media only screen and (max-width: 25.875rem) {
    #contentWrap {
      margin-top: 8.6875rem; } }
  @media only screen and (max-width: 64rem) {
    #contentWrap {
      margin: 12rem auto 0; } }
  @media only screen and (min-width: 80rem) {
    #contentWrap {
      margin-top: 18rem;
      width: 100%;
      padding: 0; } }
@media only screen and (min-width: 80rem) {
  .Base70 #contentWrap {
    width: 70%;
    margin-top: 17.25rem; } }

#slider {
  margin: 0 -1rem; }
  @media only screen and (min-width: 80rem) {
    #slider {
      margin: 0px 15% 2rem; } }
.head,
#footer {
  flex: none;
  /* 2 */ }

/*------------*/
/****************************************************
	Bilder Formatierung
****************************************************/
img {
  width: 100%;
  height: auto; }

picture img {
  display: block; }

/****************************************************
	Bilder Ausrichtung Basis-Formatierung
****************************************************/
.ce-textpic {
  margin-bottom: 2rem; }
  @media only screen and (min-width: 80rem) {
    .ce-textpic.ce-left .ce-gallery, .ce-textpic.ce-right .ce-gallery {
      width: 50%; } }
  @media only screen and (min-width: 48rem) {
    .ce-textpic.ce-left .ce-gallery {
      float: left;
      margin-right: 2rem; } }
  @media only screen and (min-width: 48rem) {
    .ce-textpic.ce-right .ce-gallery {
      float: right;
      margin-left: 2rem; } }
.ce-textpic.ce-nowrap {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 80rem) {
    .ce-textpic.ce-nowrap {
      flex-direction: row; } }
  .ce-textpic.ce-nowrap.ce-left .ce-gallery, .ce-textpic.ce-nowrap.ce-right .ce-gallery {
    order: 1;
    margin: 0;
    width: 100%;
    flex: 1 0 auto; }
    @media only screen and (min-width: 80rem) {
      .ce-textpic.ce-nowrap.ce-left .ce-gallery, .ce-textpic.ce-nowrap.ce-right .ce-gallery {
        width: 50%; } }
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext, .ce-textpic.ce-nowrap.ce-right .ce-bodytext {
    order: 2; }
    @media only screen and (min-width: 80rem) {
      .ce-textpic.ce-nowrap.ce-left .ce-bodytext, .ce-textpic.ce-nowrap.ce-right .ce-bodytext {
        order: 1; } }
  @media only screen and (min-width: 80rem) {
    .ce-textpic.ce-nowrap.ce-left .ce-gallery {
      margin-right: 2rem; } }
  @media only screen and (min-width: 80rem) {
    .ce-textpic.ce-nowrap.ce-right .ce-gallery {
      order: 2;
      margin-left: 2rem; } }
/****************************************************
	Bilder Spalten (.ce-column)
****************************************************/
.ce-gallery {
  margin-bottom: 2rem; }
  .ce-gallery .ce-media {
    width: 100%; }
  @media only screen and (min-width: 48rem) {
    .ce-gallery[data-ce-columns="2"] .ce-row {
      display: flex; }
      .ce-gallery[data-ce-columns="2"] .ce-row .twoCol {
        width: 50%;
        flex: 0 1 auto; }
        .ce-gallery[data-ce-columns="2"] .ce-row .twoCol:first-child {
          margin-right: 1rem; }
    .ce-gallery[data-ce-columns="3"] .ce-row {
      display: flex; }
      .ce-gallery[data-ce-columns="3"] .ce-row .threeCol {
        width: 33%;
        flex: 0 1 auto;
        margin-right: 1rem; }
        .ce-gallery[data-ce-columns="3"] .ce-row .threeCol:last-child {
          margin-right: 0rem; }
    .ce-gallery[data-ce-columns="4"] .ce-row {
      display: flex; }
      .ce-gallery[data-ce-columns="4"] .ce-row .fourCol {
        width: 25%;
        flex: 0 1 auto;
        margin-right: 1rem; }
        .ce-gallery[data-ce-columns="4"] .ce-row .fourCol:last-child {
          margin-right: 0rem; }
    .ce-gallery[data-ce-columns="5"] .ce-row {
      display: flex; }
      .ce-gallery[data-ce-columns="5"] .ce-row .fiveCol {
        width: 20%;
        flex: 0 1 auto;
        margin-right: 1rem; }
        .ce-gallery[data-ce-columns="5"] .ce-row .fiveCol:last-child {
          margin-right: 0rem; } }
/*****************************************
	Tabelle aus CKEditor
*****************************************/
.contenttable {
  margin-bottom: 1rem; }
  .contenttable td {
    padding: 0.25rem 2.5rem; }
    .contenttable td:first-child {
      padding-left: 0; }
    .contenttable td:last-child {
      padding-right: 0; }

p.p-twoCol {
  column-count: 1; }
  @media only screen and (min-width: 80rem) {
    p.p-twoCol {
      column-count: 2; } }
p.p-threeCol {
  column-count: 1; }
  @media only screen and (min-width: 80rem) {
    p.p-threeCol {
      column-count: 3; } }
span.sp-signature {
  color: white;
  background-color: #738c46;
  padding: 0.15rem; }

.cc-banner {
  background-color: #738c46 !important; }

.cc-window {
  box-shadow: 0.5rem 0.5rem 0.5rem #323232; }
  .cc-window span, .cc-window a {
    font: 1.25rem/2.25rem "Open Sans", sans_serif, Arial, Verdana, Helvetica !important;
    font-size: 1.25rem !important;
    line-height: normal !important; }

.cc-btn.cc-dismiss {
  background: #c8c86e !important; }

/***********************************************************************************
                                   Slider
***********************************************************************************/
#slider .frame-teaser {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center; }
  #slider .frame-teaser header {
    position: absolute;
    text-align: center;
    padding: 2rem;
    background-color: rgba(60, 55, 50, 0.8); }
    #slider .frame-teaser header h2, #slider .frame-teaser header h3 {
      color: white;
      text-transform: uppercase;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      hyphens: none;
      font-size: 1rem; }
    #slider .frame-teaser header h3 {
      font-size: 1.25rem;
      padding-top: 1rem; }
    @media only screen and (min-width: 80rem) {
      #slider .frame-teaser header h2 {
        font-size: 2.75rem; }
      #slider .frame-teaser header h3 {
        font-size: 3.5rem; } }
  #slider .frame-teaser .ce-image {
    width: 100%; }

.frame-claim {
  width: 70%;
  margin: 5rem auto; }
  .frame-claim h2 {
    text-align: center;
    font: 1.25rem/2.25rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
    font-size: 2rem;
    line-height: 3rem;
    color: #5f2314; }
    @media only screen and (min-width: 80rem) {
      .frame-claim h2 {
        font-size: 4rem;
        line-height: 4rem; } }
.frame-infobox .leftCol,
.frame-infobox .middleCol,
.frame-infobox .rightCol {
  background-color: #c8c86e; }
  .frame-infobox .leftCol > div,
  .frame-infobox .middleCol > div,
  .frame-infobox .rightCol > div {
    height: 100%; }
  .frame-infobox .leftCol .ce-textpic,
  .frame-infobox .middleCol .ce-textpic,
  .frame-infobox .rightCol .ce-textpic {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .frame-infobox .leftCol .ce-gallery,
  .frame-infobox .middleCol .ce-gallery,
  .frame-infobox .rightCol .ce-gallery {
    flex: 0 1 auto; }
  .frame-infobox .leftCol .ce-bodytext,
  .frame-infobox .middleCol .ce-bodytext,
  .frame-infobox .rightCol .ce-bodytext {
    flex: 1 1 auto;
    position: relative;
    padding: 1rem; }
    .frame-infobox .leftCol .ce-bodytext h2, .frame-infobox .leftCol .ce-bodytext h3, .frame-infobox .leftCol .ce-bodytext p, .frame-infobox .leftCol .ce-bodytext a,
    .frame-infobox .middleCol .ce-bodytext h2,
    .frame-infobox .middleCol .ce-bodytext h3,
    .frame-infobox .middleCol .ce-bodytext p,
    .frame-infobox .middleCol .ce-bodytext a,
    .frame-infobox .rightCol .ce-bodytext h2,
    .frame-infobox .rightCol .ce-bodytext h3,
    .frame-infobox .rightCol .ce-bodytext p,
    .frame-infobox .rightCol .ce-bodytext a {
      color: white; }

.frame-infoboxRund .leftCol > div,
.frame-infoboxRund .middleCol > div,
.frame-infoboxRund .rightCol > div {
  height: 100%; }

.frame-infoboxRund .leftCol .ce-textpic,
.frame-infoboxRund .middleCol .ce-textpic,
.frame-infoboxRund .rightCol .ce-textpic {
  display: flex;
  flex-direction: column;
  height: 100%; }

.frame-infoboxRund .leftCol .ce-gallery,
.frame-infoboxRund .middleCol .ce-gallery,
.frame-infoboxRund .rightCol .ce-gallery {
  flex: 0 1 auto; }
  .frame-infoboxRund .leftCol .ce-gallery .ce-media,
  .frame-infoboxRund .middleCol .ce-gallery .ce-media,
  .frame-infoboxRund .rightCol .ce-gallery .ce-media {
    margin: 0 auto 3rem;
    width: 75%; }
  .frame-infoboxRund .leftCol .ce-gallery img,
  .frame-infoboxRund .middleCol .ce-gallery img,
  .frame-infoboxRund .rightCol .ce-gallery img {
    border-radius: 50%; }

.frame-infoboxRund .leftCol .ce-bodytext,
.frame-infoboxRund .middleCol .ce-bodytext,
.frame-infoboxRund .rightCol .ce-bodytext {
  flex: 1 1 auto;
  position: relative;
  background-color: #c8c86e;
  padding: 1rem; }
  .frame-infoboxRund .leftCol .ce-bodytext h2, .frame-infoboxRund .leftCol .ce-bodytext h3, .frame-infoboxRund .leftCol .ce-bodytext p, .frame-infoboxRund .leftCol .ce-bodytext a,
  .frame-infoboxRund .middleCol .ce-bodytext h2,
  .frame-infoboxRund .middleCol .ce-bodytext h3,
  .frame-infoboxRund .middleCol .ce-bodytext p,
  .frame-infoboxRund .middleCol .ce-bodytext a,
  .frame-infoboxRund .rightCol .ce-bodytext h2,
  .frame-infoboxRund .rightCol .ce-bodytext h3,
  .frame-infoboxRund .rightCol .ce-bodytext p,
  .frame-infoboxRund .rightCol .ce-bodytext a {
    color: white; }
  .frame-infoboxRund .leftCol .ce-bodytext:before .player:before,
  .frame-infoboxRund .middleCol .ce-bodytext:before .player:before,
  .frame-infoboxRund .rightCol .ce-bodytext:before .player:before {
    width: 80px;
    height: 80px;
    border-radius: 0 40px 40px 0;
    background-color: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    content: ''; }

.frame-infobox .ce-bodytext p,
.frame-infoboxRund .ce-bodytext p {
  margin-bottom: 3rem; }

/***********************************************************************************
	             			Breite der Bilder in Text
************************************************************************************/
.frame-textImg25 {
  border-bottom: 1px solid #738c46;
  margin-bottom: 2rem; }
  .frame-textImg25 .ce-textpic {
    display: inherit; }
    .frame-textImg25 .ce-textpic.ce-left .ce-gallery, .frame-textImg25 .ce-textpic.ce-right .ce-gallery {
      width: 100%;
      margin: 0; }
      @media only screen and (min-width: 48rem) {
        .frame-textImg25 .ce-textpic.ce-left .ce-gallery, .frame-textImg25 .ce-textpic.ce-right .ce-gallery {
          width: 25%; } }
  @media only screen and (min-width: 48rem) {
    .frame-textImg25 {
      /* Bild neben Text*/ }
      .frame-textImg25 .ce-textpic.ce-left .ce-gallery {
        margin-right: 2rem; }
      .frame-textImg25 .ce-textpic.ce-right .ce-gallery {
        margin-left: 2rem; }
      .frame-textImg25 .ce-intext.ce-nowrap {
        display: flex; }
        .frame-textImg25 .ce-intext.ce-nowrap.ce-left .ce-gallery, .frame-textImg25 .ce-intext.ce-nowrap.ce-right .ce-gallery {
          flex-basis: 25%; }
        .frame-textImg25 .ce-intext.ce-nowrap.ce-left .ce-bodytext, .frame-textImg25 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
          flex-basis: 75%;
          margin-right: 1rem; }
        .frame-textImg25 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
          order: 1; }
        .frame-textImg25 .ce-intext.ce-nowrap.ce-right .ce-gallery {
          order: 2; } }
.frame-textImg33 .ce-textpic {
  display: inherit; }
  .frame-textImg33 .ce-textpic.ce-left .ce-gallery, .frame-textImg33 .ce-textpic.ce-right .ce-gallery {
    width: 100%;
    margin: 0; }
    @media only screen and (min-width: 48rem) {
      .frame-textImg33 .ce-textpic.ce-left .ce-gallery, .frame-textImg33 .ce-textpic.ce-right .ce-gallery {
        width: 33%; } }
@media only screen and (min-width: 48rem) {
  .frame-textImg33 {
    /* Bild neben Text*/ }
    .frame-textImg33 .ce-textpic.ce-left .ce-gallery {
      margin-right: 2rem; }
    .frame-textImg33 .ce-textpic.ce-right .ce-gallery {
      margin-left: 2rem; }
    .frame-textImg33 .ce-intext.ce-nowrap {
      display: flex; }
      .frame-textImg33 .ce-intext.ce-nowrap.ce-left .ce-gallery, .frame-textImg33 .ce-intext.ce-nowrap.ce-right .ce-gallery {
        flex-basis: 33.3333%; }
      .frame-textImg33 .ce-intext.ce-nowrap.ce-left .ce-bodytext, .frame-textImg33 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
        flex-basis: 66.6666%;
        margin-right: 1rem; }
      .frame-textImg33 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
        order: 1; }
      .frame-textImg33 .ce-intext.ce-nowrap.ce-right .ce-gallery {
        order: 2; } }

.frame-textImg66 .ce-textpic {
  display: inherit; }
  .frame-textImg66 .ce-textpic.ce-left .ce-gallery, .frame-textImg66 .ce-textpic.ce-right .ce-gallery {
    width: 100%;
    margin: 0; }
    @media only screen and (min-width: 48rem) {
      .frame-textImg66 .ce-textpic.ce-left .ce-gallery, .frame-textImg66 .ce-textpic.ce-right .ce-gallery {
        width: 66%; } }
@media only screen and (min-width: 48rem) {
  .frame-textImg66 {
    /* Bild neben Text*/ }
    .frame-textImg66 .ce-textpic.ce-left .ce-gallery {
      margin-right: 2rem; }
    .frame-textImg66 .ce-textpic.ce-right .ce-gallery {
      margin-left: 2rem; }
    .frame-textImg66 .ce-intext.ce-nowrap {
      display: flex; }
      .frame-textImg66 .ce-intext.ce-nowrap.ce-left .ce-gallery, .frame-textImg66 .ce-intext.ce-nowrap.ce-right .ce-gallery {
        flex-basis: 66.6666%; }
      .frame-textImg66 .ce-intext.ce-nowrap.ce-left .ce-bodytext, .frame-textImg66 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
        flex-basis: 33.3333%;
        margin-right: 1rem; }
      .frame-textImg66 .ce-intext.ce-nowrap.ce-right .ce-bodytext {
        order: 1; }
      .frame-textImg66 .ce-intext.ce-nowrap.ce-right .ce-gallery {
        order: 2; } }

@media only screen and (min-width: 80rem) {
  .frame-img50 {
    /* Bild neben Text*/ }
    .frame-img50 img {
      width: 50%; } }

@media only screen and (min-width: 80rem) {
  .frame-img25 {
    /* Bild neben Text*/ }
    .frame-img25 img {
      width: 25%; } }

/***********************************************************************************
	             			Icons für Hotline u.ä.
************************************************************************************/
.frame-icons img {
  width: 50%; }

/***********************************************************************************
	             			Frame mit Abstand unten
************************************************************************************/
.frame-marginBottom {
  margin-bottom: 2rem; }

/**************************************************************************/
/********************** Footer Navigation
/*************************************************************************/
footer {
  width: 100%;
  color: #5f2314;
  text-align: center; }
  footer nav {
    background-color: #5f2314; }
    footer nav ul {
      list-style: none;
      position: relative;
      margin: 0 auto;
      text-align: center;
      padding: 0.5rem 0; }
      footer nav ul li {
        display: inherit;
        margin: 0;
        padding-bottom: 0;
        border-right: 1px solid white;
        color: white;
        font-weight: 400;
        font-size: 0.85rem; }
        @media only screen and (min-width: 80rem) {
          footer nav ul li {
            display: inline-block; } }
        footer nav ul li a {
          display: block;
          padding: 0 0.5rem;
          margin-right: 0px;
          border: 0;
          background: none;
          color: white;
          font-size: 0.85rem;
          line-height: 1.25rem; }
        footer nav ul li:last-child, footer nav ul li:first-child {
          border-right: none; }

/**************************************************************************/
/********************** Grid-Elements
/*************************************************************************/
.twoCol,
.threeCol,
.fourCol  {
  display: flex;
  padding: 0.25rem;
  margin-bottom: 2rem;
  list-style-type: none;
  flex-direction: column; }
  @media only screen and (min-width: 80rem) {
    .twoCol,
    .threeCol,
    .fourCol  {
      flex-direction: row; } }
  .twoCol h2,
  .twoCol h3, .twoCol h4, .twoCol h5,
  .threeCol h2,
  .threeCol h3,
  .threeCol h4,
  .threeCol h5,
  .fourCol  h2,
  .fourCol  h3,
  .fourCol  h4,
  .fourCol  h5 {
    padding-left: 0; }
  .twoCol .ce-bodytext,
  .threeCol .ce-bodytext,
  .fourCol  .ce-bodytext {
    padding: 0; }

/***************
	***** Zweispaltig 50/50 => 2col.html ********************/
.twoColWrapper {
  /*TIM*/ }
  @media only screen and (max-width: 25.875rem) {
    .twoColWrapper {
      color: black; } }
  .twoColWrapper .twoCol {
    display: block; }
    @media only screen and (min-width: 80rem) {
      .twoColWrapper .twoCol {
        display: flex;
        align-items: stretch; } }
    .twoColWrapper .twoCol .leftCol,
    .twoColWrapper .twoCol .rightCol {
      padding: 0;
      margin: 0; }
      @media only screen and (min-width: 80rem) {
        .twoColWrapper .twoCol .leftCol,
        .twoColWrapper .twoCol .rightCol {
          flex-basis: 48%; } }
    .twoColWrapper .twoCol .leftCol {
      margin-right: 1rem; }
  .twoColWrapper .cols3366 .leftCol {
    flex-basis: 33.33333%; }
  .twoColWrapper .cols3366 .rightCol {
    flex-basis: 66.66666%; }
  .twoColWrapper .cols6633 .leftCol {
    flex-basis: 66.66666%; }
  .twoColWrapper .cols6633 .rightCol {
    flex-basis: 33.33333%; }
  .twoColWrapper .cols2575 .leftCol {
    flex-basis: 25%; }
  .twoColWrapper .cols2575 .rightCol {
    flex-basis: 75%; }
  .twoColWrapper .cols7525 .leftCol {
    flex-basis: 75%; }
  .twoColWrapper .cols7525 .rightCol {
    flex-basis: 25%; }

/******************** Dreispaltig 33/33/33 => 3col.html ********************/
.threeCol {
  padding: 0;
  display: block; }
  .threeCol li {
    margin: 0; }
  @media only screen and (min-width: 80rem) {
    .threeCol {
      display: flex;
      align-items: stretch;
      justify-content: space-between; } }
  .threeCol .ce-bodytext {
    padding: 0; }
  .threeCol .leftCol, .threeCol .middleCol, .threeCol .rightCol {
    flex: 1;
    margin: 0 0.25rem;
    text-align: center;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 80rem) {
      .threeCol .leftCol, .threeCol .middleCol, .threeCol .rightCol {
        margin-bottom: 0; } }
    .threeCol .leftCol .logo, .threeCol .middleCol .logo, .threeCol .rightCol .logo {
      margin: 0 auto;
      width: 50%;
      height: auto; }
  .threeCol .leftCol {
    flex-basis: 32%; }
  .threeCol .middleCol {
    flex-basis: 32%; }
    @media only screen and (min-width: 80rem) {
      .threeCol .middleCol {
        margin: 0 2rem; } }
  .threeCol .rightCol {
    flex-basis: 32%; }

/******************** Vierspaltig 25/25/25/25 => 4col.html ********************/
.fourCol {
  padding: 0;
  min-height: 100%;
  display: flex; }
  .fourCol .ce-bodytext {
    padding: 0; }
  .fourCol .outerLeftCol {
    align-items: stretch; }
    .fourCol .outerLeftCol > div {
      height: 100%;
      align-items: stretch; }
  .fourCol .leftCol {
    align-items: stretch; }
    .fourCol .leftCol > div {
      height: 100%; }
  .fourCol .rightCol {
    align-items: stretch; }
    .fourCol .rightCol > div {
      height: 100%; }
  .fourCol .outerRightCol {
    align-items: stretch; }
    .fourCol .outerRightCol > div {
      height: 100%; }

.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-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-c {
  padding-bottom: 79%;
  display: block; }

.iFrameContainer-buederich {
  padding-bottom: 76%;
  display: block; }

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

iframe.desktop {
  display: block; }

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

@media screen and (max-device-width: 768px) {
  iframe.desktop {
    display: none; }
  iframe.mobile {
    display: block; }
  .iFrameContainer-weitmar {
    display: none; } }

/***********************************************************************************
	             			        Eingene Layouts im CE
************************************************************************************/
#contentWrap {
  /******** .block ********/
  /******** .width70 ********/
  /******** .signature100 ********/ }
  #contentWrap .block {
    display: block;
    overflow: hidden; }
  #contentWrap .width70 {
    margin: 0 auto;
    padding: 0; }
    @media only screen and (min-width: 80rem) {
      #contentWrap .width70 {
        width: 70%; } }
    @media only screen and (max-width: 64rem) {
      #contentWrap .width70 {
        width: 90%; } }
    @media only screen and (max-width: 25.875rem) {
      #contentWrap .width70 {
        width: 100%; } }
  #contentWrap .signature100 {
    background: #738c46;
    margin-bottom: 2rem; }
    #contentWrap .signature100 .ce-textpic {
      margin: 0; }
      @media only screen and (min-width: 80rem) {
        #contentWrap .signature100 .ce-textpic {
          margin: 0 15%; } }
      #contentWrap .signature100 .ce-textpic .ce-bodytext {
        padding: 1rem 1rem 0; }
        @media only screen and (min-width: 80rem) {
          #contentWrap .signature100 .ce-textpic .ce-bodytext {
            padding-top: 1rem; } }
        #contentWrap .signature100 .ce-textpic .ce-bodytext h2, #contentWrap .signature100 .ce-textpic .ce-bodytext h3, #contentWrap .signature100 .ce-textpic .ce-bodytext a, #contentWrap .signature100 .ce-textpic .ce-bodytext p {
          color: white; }

#login .tx-felogin-pi1 {
  text-align: center;
  background: black;
  border-radius: 0.25rem;
  color: white;
  padding: 1rem;
  margin-bottom: 2rem; }
  #login .tx-felogin-pi1 * {
    font-size: 1rem;
    line-height: 1.5rem;
    color: white;
    text-align: center; }
  #login .tx-felogin-pi1 h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem; }
  #login .tx-felogin-pi1 fieldset {
    border: none; }
    #login .tx-felogin-pi1 fieldset legend {
      display: none; }
    #login .tx-felogin-pi1 fieldset div {
      text-align: center;
      padding: 0.5rem; }
    #login .tx-felogin-pi1 fieldset input {
      width: calc(100% - 1rem);
      color: black; }

/***********************************************************************************
	                        			Powermail  
************************************************************************************/
div.tx-powermail {
  width: 100% !important;
  text-align: left;
  padding: 0;
  padding-left: 0%;
  box-shadow: none !important;
  background-color: none;
  border: none !important;
  margin: 0 auto 1rem; }
  div.tx-powermail H2 {
    text-align: center;
    color: white; }

.powermail_fieldset {
  background: none;
  border: none; }

.powermail_legend {
  display: none; }

.powermail_field input {
  float: none;
  width: 100%;
  line-height: 2rem;
  margin: 0 0 2rem;
  padding: 0.25rem; }

.powermail_field textarea {
  width: 100%;
  height: 10em;
  padding: 0.5rem 1rem;
  resize: none; }

.powermail_field .powermail_submit,
.powermail_field .powermail_reset {
  text-align: center;
  color: #5f2314;
  border: 1px solid #CCCCCC;
  padding: 1em 0;
  background: #738c46;
  width: 100%;
  margin-left: 0;
  margin-top: 1rem; }

.powermail_fieldwrap {
  line-height: 3rem; }

/*.powermail_label {
	float: left;
	width: 20%;
	font-weight: normal;
	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: 0; }

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 {
  appearance: none;
  border: none;
  margin-bottom: 2rem;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 0.5rem 0rem 0.5rem 1.5rem;
  background: #3c3732;
  color: white;
  font: italic 300 1.25rem/2rem "Open Sans", 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: #3c3732;
    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: #3c3732; }

/**************************************************************************/
/********************** Styling der Powermail-Typo
/*************************************************************************/
.tx-powermail legend {
  font: 300 1.5rem/2rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  font-style: italic;
  color: #738c46;
  margin-bottom: 1rem; }

.tx-powermail label {
  font: 300 1.25rem/3rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  color: #738c46; }

.tx-powermail .powermail_field {
  font: italic 300 1.25rem/2rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  color: #738c46; }

.tx-powermail input,
.tx-powermail textarea {
  font: italic 300 1.25rem/2rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  color: #323232; }

.tx-powermail input [type="checkbox"] {
  font-size: 2rem; }

.tx-powermail dl,
.tx-powermail dt,
.tx-powermail dd {
  font: 300 1.25rem/2rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
  color: #738c46; }

.tx-powermail dt {
  display: block;
  width: 20%;
  float: left; }

/**************************************************************************/
/********************** Styling der Fehlermeldungen
/*************************************************************************/
.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .parsley-errors-list li {
    color: #738c46;
    margin: -2rem 0 2rem; }

/*********************************************************************************
***************************** Sliding Header *************************************
**********************************************************************************/
.Base .head {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: auto;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  transition: all .75s ease .15s;
  text-align: center; }
  .Base .head #logo {
    position: relative;
    opacity: 1;
    transition: all .75s ease .15s;
    width: auto;
    height: 5rem; }
    .Base .head #logo img {
      transition: all .75s ease .15s; }
  .Base .head #call {
    position: relative;
    transition: all 0.75s ease .15s; }

@media only screen and (min-width: 48rem) {
  .Base .head {
    height: 15.75rem; } }

@media only screen and (orientation: landscape) {
  .Base .head {
    height: 0; } }

@media only screen and (max-width: 25.875rem) {
  .Base .head {
    height: 10.875rem; } }

@media only screen and (max-width: 64rem) {
  .Base .head {
    height: 11rem; } }

@media only screen and (min-width: 80rem) {
  .Base .head {
    height: 18rem; } }

@media only screen and (min-width: 80rem) {
  .Base .head #logo {
    height: 10rem; } }

.Base .head #logo img {
  width: auto;
  height: 5rem; }

@media only screen and (orientation: landscape) {
  .Base .head #logo {
    height: 2rem; }
    .Base .head #logo img {
      height: 2rem; } }

@media only screen and (min-width: 48rem) {
  .Base .head #logo {
    height: 10rem;
    margin: 2rem 0; }
    .Base .head #logo img {
      height: 10rem; } }

@media only screen and (max-width: 64rem) {
  .Base .head #logo {
    margin: 1rem 0;
    height: 4.5rem; }
    .Base .head #logo img {
      height: 4.5rem; } }

@media only screen and (max-width: 25.875rem) {
  .Base .head #logo {
    margin: 1rem auto;
    height: 4.5rem; } }

@media only screen and (min-width: 80rem) {
  .Base .head #logo {
    height: 10rem;
    margin: 2rem 0; }
    .Base .head #logo img {
      height: 10rem; } }

@media only screen and (min-width: 80rem) {
  .Base .head #call {
    position: absolute;
    right: 2rem;
    top: calc(50% - 2.25rem); } }

.Base .head.shrink {
  height: 8rem;
  opacity: 0.9; }
  @media only screen and (min-width: 48rem) {
    .Base .head.shrink {
      height: 8rem; } }
  @media only screen and (orientation: landscape) {
    .Base .head.shrink {
      height: 1rem; } }
  @media only screen and (max-width: 25.875rem) {
    .Base .head.shrink {
      height: 7.2rem; } }
  @media only screen and (max-width: 64rem) {
    .Base .head.shrink {
      height: 8rem; } }
  @media only screen and (min-width: 80rem) {
    .Base .head.shrink {
      height: 7rem; } }
  .Base .head.shrink #logo {
    height: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 0.75rem; }
    .Base .head.shrink #logo img {
      height: 2.5rem;
      width: auto; }
    @media only screen and (max-width: 25.875rem) {
      .Base .head.shrink #logo {
        height: 2rem; }
        .Base .head.shrink #logo img {
          height: 2rem; } }
    @media only screen and (orientation: landscape) {
      .Base .head.shrink #logo {
        height: 0rem;
        margin: 1rem 0 0.25rem; }
        .Base .head.shrink #logo img {
          height: 2rem; } }
    @media only screen and (min-width: 48rem) {
      .Base .head.shrink #logo {
        height: 3.5rem; } }
    @media only screen and (max-width: 64rem) {
      .Base .head.shrink #logo {
        height: 2rem; }
        .Base .head.shrink #logo img {
          height: 2rem; } }
    @media only screen and (min-width: 80rem) {
      .Base .head.shrink #logo {
        height: 3rem;
        margin: 1rem 0 0.25rem; } }
/* all nav */
.stellarnav {
  position: relative;
  width: 100%;
  z-index: 9900;
  line-height: normal; }
  .stellarnav a {
    color: #777;
    font: 1.15rem "Alegreya", "Times New Roman", Times, serif;
    text-transform: uppercase; }
  .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: 1rem;
      display: block;
      text-decoration: none;
      color: #777;
      font-size: inherit;
      box-sizing: border-box;
      transition: all .3s ease-out; }
      .stellarnav li a:hover {
        text-decoration: underline; }
      @media only screen and (max-width: 64rem) {
        .stellarnav li a {
          font-size: 1rem; } }
      @media only screen and (min-width: 80rem) {
        .stellarnav li a {
          font-size: 1.25rem; } }
      @media only screen and (max-width: 25.875rem) {
        .stellarnav li a {
          font-size: 1rem;
          padding: 0.25rem 1rem; } }
/* main level */
.stellarnav > ul > li {
  display: inline-block; }

@media only screen and (max-width: 64rem) {
  .stellarnav > ul > li > a {
    padding: 0.25rem 0.5rem; } }

@media only screen and (min-width: 80rem) {
  .stellarnav > ul > li > a {
    padding: 0 1.5rem; } }

/* first level dd */
.stellarnav ul ul {
  top: auto;
  width: 220px;
  position: absolute;
  z-index: 9900;
  text-align: left;
  display: none;
  background: #3c3732; }

.stellarnav li li {
  display: block;
  border-bottom: 1px solid white; }
  .stellarnav li li:last-child {
    border-bottom: none; }

/* 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: white; }
  .stellarnav.light a {
    color: #323232; }
  .stellarnav.light ul ul {
    background: #5f2314; }
  .stellarnav.light li a {
    color: #5f2314; }
  .stellarnav.light ul li {
    border-right: 1px solid #5f2314; }
    .stellarnav.light ul li:last-child {
      border-right: none; }
  .stellarnav.light ul ul li a {
    font: 1.25rem/2.25rem "Open Sans", sans_serif, Arial, Verdana, Helvetica;
    color: white;
    text-transform: inherit; }
    @media only screen and (max-width: 25.875rem) {
      .stellarnav.light ul ul li a {
        color: #c8c86e;
        font-size: 1rem;
        padding-left: 2rem; } }
/* dark theme */
.stellarnav.dark {
  background: #738c46;
  border-top: 2px solid white; }
  .stellarnav.dark a {
    color: #FFF; }
  .stellarnav.dark ul ul {
    background: #3c3732; }
  .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: 0.5rem; 
	border-left: 0.5rem solid transparent; 
	border-right: 0.5rem solid transparent; 
	border-top: 0.5rem solid $colBase; 
	display: inline-block; 
}
*/
.stellarnav li li.has-sub > a:after {
  margin-left: 10px;
  float: right;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #5f2314;
  position: relative;
  top: 2px; }

.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:hover {
  text-decoration: none; }

.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 {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

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

.stellarnav.dark a.dd-toggle .icon-plus:before, .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, .stellarnav.light .icon-close:after {
  border-color: #000; }

.stellarnav.dark .icon-close:before, .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: 0.25rem 0;
  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 {
  position: static; }
  .stellarnav.mobile.fixed {
    position: static; }
  .stellarnav.mobile ul {
    position: relative;
    display: none;
    text-align: left; }
  .stellarnav.mobile.active {
    padding-bottom: 0; }
  .stellarnav.mobile.active > ul {
    display: block; }

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

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

.stellarnav.mobile ul {
  background: #dddddd; }

.stellarnav.mobile ul ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: auto;
  display: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  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: white; }

.stellarnav.mobile.dark ul {
  background: #3c3732; }

.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
*****************************************************************************/
.responsive_video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 15px;
  height: 100%;
  overflow: hidden;
  margin-bottom: 2rem; }
  .responsive_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive_video video {
    width: 100%;
    height: 100%; }

.frame-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
*********************************/
.flexslider {
  margin: 0 0 1rem !important;
  padding: 0 !important;
  background-color: transparent !important;
  position: relative !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* Hide the slides before the JS is loaded. Avoids image jumping */ }
  .flexslider .slides img {
    width: 100%;
    display: block; }
  .flexslider .slides .caption-title {
    font: "Open Sans", sans_serif, Arial, Verdana, Helvetica;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #738c46;
    margin-bottom: 0; }
  .flexslider .slides .caption-body {
    color: white;
    padding: 0rem;
    margin-bottom: 0; }
    @media only screen and (min-width: 48rem) {
      .flexslider .slides .caption-body {
        font-size: 1.5rem; } }
    .flexslider .slides .caption-body p,
    .flexslider .slides .caption-body a {
      margin-bottom: 0;
      font-size: 1rem;
      line-height: normal; }
      @media only screen and (min-width: 48rem) {
        .flexslider .slides .caption-body p,
        .flexslider .slides .caption-body a {
          font-size: 1.25rem; } }
    .flexslider .slides .caption-body a {
      text-decoration: underline; }
  .flexslider .slides .caption-link {
    font-size: 1rem;
    line-height: normal;
    margin: 0;
    text-align: center; }
    .flexslider .slides .caption-link a {
      font-size: 1rem;
      line-height: normal; }
  .flexslider .slides .caption-align-left,
  .flexslider .slides .caption-align-right {
    left: 2rem;
    display: block;
    overflow: auto; }
    .flexslider .slides .caption-align-left .caption-text,
    .flexslider .slides .caption-align-right .caption-text {
      color: white;
      position: unset;
      background: none;
      bottom: auto;
      padding: 0; }
  .flexslider .slides .caption-align-right {
    display: none; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .flexslider .caption-wrapper {
    display: inherit;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    max-width: 45%;
    background-color: rgba(60, 55, 50, 0.9);
    padding: .75rem .75rem; }

.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: auto; }

.tx-ws-flexslider
.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; }

#sponsoren {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 2rem;
  margin: 0 auto;
  width: 100%;
  color: black;
  padding: 1rem 0; }
  @media only screen and (min-width: 80rem) {
    #sponsoren {
      height: 5rem;
      width: 70%; } }
  #sponsoren p {
    margin-bottom: 0;
    font-size: 0.75rem; }
    @media only screen and (min-width: 80rem) {
      #sponsoren p {
        font-size: inherit; } }
  #sponsoren img {
    width: 100%;
    height: 2rem;
    display: block; }
    @media only screen and (min-width: 80rem) {
      #sponsoren img {
        height: 5rem; } }