@font-face {
  font-family: 'Optima nova';
  src: url("../fonts/auto-hint/OptimaNovaLTPro-MediumCond.eot");
  src: url("../fonts/auto-hint/OptimaNovaLTPro-MediumCond.eot") format("embedded-opentype"), url("../fonts/auto-hint/OptimaNovaLTPro-MediumCond.woff2") format("woff"), url("../fonts/auto-hint/OptimaNovaLTPro-MediumCond.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: condensed; }
@font-face {
  font-family: 'Optima';
  src: url("../fonts/auto-hint/OptimaLTStd.eot");
  src: url("../fonts/auto-hint/OptimaLTStd.eot?#iefix") format("embedded-opentype"), url("../fonts/auto-hint/OptimaLTStd.woff") format("woff"), url("../fonts/auto-hint/OptimaLTStd.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Optima';
  src: url("../fonts/auto-hint/OptimaLTStd-Medium.eot");
  src: url("../fonts/auto-hint/OptimaLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/auto-hint/OptimaLTStd-Medium.woff") format("woff"), url("../fonts/auto-hint/OptimaLTStd-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
/**
 * Respond above
 * 
 * Usage: @include respond-above(b10, 1) {}
 */
.borderGradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,e7e7e7+100&0+0,1+25,1+75,0+100 */
  background: -moz-linear-gradient(top, rgba(231, 231, 231, 0) 0%, #e7e7e7 25%, #e7e7e7 75%, rgba(231, 231, 231, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(231, 231, 231, 0) 0%, #e7e7e7 25%, #e7e7e7 75%, rgba(231, 231, 231, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(231, 231, 231, 0) 0%, #e7e7e7 25%, #e7e7e7 75%, rgba(231, 231, 231, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7e7e7', endColorstr='#00e7e7e7',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  left: -1px;
  top: 50%;
  height: 90%;
  width: 2px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.doubleHead {
  display: flex;
  flex-wrap: nowrap;
  height: auto;
  margin-bottom: 0.625rem; }
  .doubleHead .icon {
    margin-right: 0.5rem; }
    .doubleHead .icon img {
      width: auto;
      height: 3rem;
      margin-right: 0; }
  .doubleHead .headlines {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .doubleHead .headlines .head1 {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      color: #ff8200;
      font-size: 0.875rem;
      text-transform: none; }
    .doubleHead .headlines h2 {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      color: #7c1514;
      font-size: 1rem;
      margin-bottom: 0; }

.menuOverlay nav .social .icons a, footer .twoCols .icons a {
  display: inline-block;
  margin: 0px 0.125rem 0px 0.125rem;
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.125rem;
  height: 2.125rem; }
  .menuOverlay nav .social .icons a.facebook, footer .twoCols .icons a.facebook {
    background-image: url(../img/icons/ico_facebook.png); }
  .menuOverlay nav .social .icons a.facebook:hover, footer .twoCols .icons a.facebook:hover {
    background-image: url(../img/icons/ico_facebook-over.png); }
  .menuOverlay nav .social .icons a.twitter, footer .twoCols .icons a.twitter {
    background-image: url(../img/icons/ico_twitter.png); }
  .menuOverlay nav .social .icons a.twitter:hover, footer .twoCols .icons a.twitter:hover {
    background-image: url(../img/icons/ico_twitter_over.png); }
  .menuOverlay nav .social .icons a.xing, footer .twoCols .icons a.xing {
    background-image: url(../img/icons/ico_xing.png); }
  .menuOverlay nav .social .icons a.xing:hover, footer .twoCols .icons a.xing:hover {
    background-image: url(../img/icons/ico_xing_over.png); }
  .menuOverlay nav .social .icons a.kununu, footer .twoCols .icons a.kununu {
    background-image: url(../img/icons/ico_kununu.png); }
  .menuOverlay nav .social .icons a.kununu:hover, footer .twoCols .icons a.kununu:hover {
    background-image: url(../img/icons/ico_kununu_over.png); }
  .menuOverlay nav .social .icons a.linkedin, footer .twoCols .icons a.linkedin {
    background-image: url(../img/icons/ico_linkedin.png); }
  .menuOverlay nav .social .icons a.linkedin:hover, footer .twoCols .icons a.linkedin:hover {
    background-image: url(../img/icons/ico_linkedin_over.png); }
  .menuOverlay nav .social .icons a.rss, footer .twoCols .icons a.rss {
    background-image: url(../img/icons/ico_rss.png); }
  .menuOverlay nav .social .icons a.rss:hover, footer .twoCols .icons a.rss:hover {
    background-image: url(../img/icons/ico_rss_over.png); }

section.contact .twoBoxes .box.kachel .content .myTable, #markerContent .myTable, .menuOverlay nav .contact .myTable {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem; }
  section.contact .twoBoxes .box.kachel .content .myTable .picture, #markerContent .myTable .picture, .menuOverlay nav .contact .myTable .picture {
    width: 3.4375rem; }
    section.contact .twoBoxes .box.kachel .content .myTable .picture img, #markerContent .myTable .picture img, .menuOverlay nav .contact .myTable .picture img {
      width: auto;
      height: 2.5rem; }
  section.contact .twoBoxes .box.kachel .content .myTable div.icon, #markerContent .myTable div.icon, .menuOverlay nav .contact .myTable div.icon {
    display: flex;
    align-items: center;
    width: 3.4375rem;
    min-height: 2.125rem; }
    section.contact .twoBoxes .box.kachel .content .myTable div.icon .rechteck, #markerContent .myTable div.icon .rechteck, .menuOverlay nav .contact .myTable div.icon .rechteck {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.5rem;
      height: 1.5rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border: 1px solid #e5d0d0;
      margin-left: 0.3125rem; }
      section.contact .twoBoxes .box.kachel .content .myTable div.icon .rechteck svg, #markerContent .myTable div.icon .rechteck svg, .menuOverlay nav .contact .myTable div.icon .rechteck svg {
        width: 1rem;
        height: 1rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        fill: #e5d0d0; }
  section.contact .twoBoxes .box.kachel .content .myTable .text, #markerContent .myTable .text, .menuOverlay nav .contact .myTable .text {
    color: #e5d0d0; }
    section.contact .twoBoxes .box.kachel .content .myTable .text h2, #markerContent .myTable .text h2, .menuOverlay nav .contact .myTable .text h2 {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      font-size: 1.25rem;
      color: white;
      margin-bottom: 0; }
    section.contact .twoBoxes .box.kachel .content .myTable .text p, #markerContent .myTable .text p, .menuOverlay nav .contact .myTable .text p {
      margin: 0; }
      section.contact .twoBoxes .box.kachel .content .myTable .text p.huge, #markerContent .myTable .text p.huge, .menuOverlay nav .contact .myTable .text p.huge {
        font-family: "Optima", sans-serif;
        font-weight: 500;
        line-height: 1.1;
        text-transform: uppercase;
        font-size: 1.5rem; }
      section.contact .twoBoxes .box.kachel .content .myTable .text p.littleMargin, #markerContent .myTable .text p.littleMargin, .menuOverlay nav .contact .myTable .text p.littleMargin {
        margin-bottom: 0.625rem; }

.icons {
  display: flex; }
  .icons a {
    display: inline-block;
    position: relative;
    margin: 0.25rem 0.375rem; }
    .icons a span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.5rem;
      height: 1.5rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border: 1px solid #b0b0b0; }
      .icons a span svg {
        width: 1rem;
        height: 1rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        fill: #b0b0b0; }
    .icons a.active span,
    .icons a :hover span {
      border: 1px solid #7c1514; }
    .icons a.active svg,
    .icons a :hover svg {
      fill: #7c1514; }

.sprechblase {
  display: none;
  position: absolute;
  right: 0;
  bottom: 3.75rem;
  margin: 0 auto;
  padding: 6px 10px;
  background: #E7E7E7;
  white-space: nowrap;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); }
  .sprechblase a {
    font-weight: 600;
    font-size: 15px; }
  .sprechblase::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: -24px;
    border-left: 24px solid transparent;
    border-top: 24px solid #E7E7E7; }

/* ########################################### */
/** 
https://github.com/jamesflorentino/nanoScrollerJS
initial setup 
**/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .nano > .nano-content:focus {
      outline: thin dotted; }
    .nano > .nano-content::-webkit-scrollbar {
      display: none; }
  .nano > .nano-pane {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 4px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9;
    /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .nano > .nano-pane.active, .nano > .nano-pane.flashed {
      visibility: visible\9;
      /* Target only IE7 and IE8 with this hack */
      opacity: 0.99; }
    .nano > .nano-pane > .nano-slider {
      background: #444;
      background: rgba(0, 0, 0, 0.5);
      position: relative;
      margin: 0;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
  .nano:hover > .nano-pane {
    visibility: visible\9;
    /* Target only IE7 and IE8 with this hack */
    opacity: 0.99; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block; }

/* ########################################### */
.scrollable {
  width: 100%;
  height: 11.375rem;
  overflow: hidden;
  background-image: url(../img/scroll_top.png);
  background-position: right top;
  background-repeat: no-repeat;
  margin-bottom: 0.625rem; }
  .scrollable .ftscroller_container {
    background-image: url(../img/scroll_bottom.png);
    background-position: right bottom;
    background-repeat: no-repeat; }
    .scrollable .ftscroller_container .ftscroller_scrollbary {
      right: -0.0625rem; }
    .scrollable .ftscroller_container .ftscroller_scrollbar {
      opacity: 0.5;
      width: 0.25rem;
      border-radius: 0.125rem; }

section.moreContent .scrollable {
  background-image: url(../img/scroll_top_ongray.png); }
  section.moreContent .scrollable .ftscroller_container {
    background-image: url(../img/scroll_bottom_ongray.png); }

body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8125rem;
  overflow-x: hidden;
  margin: 0;
  margin-top: 4rem;
  background-color: #e7e7e7;
  color: #4f4f4f; }

@media only screen and (max-width: 767px) {
  .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0; } }
@media only screen and (max-width: 1279px) {
  .container {
    max-width: none; } }
p {
  line-height: 1.6;
  font-size: 0.875rem; }

strong,
b {
  font-weight: 600; }

a {
  font-size: 0.8125rem;
  text-decoration: none;
  color: #7c1514;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  a:hover {
    text-decoration: underline;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    color: #7c1514; }
  a.button {
    background-color: #e5d0d0;
    color: #7c1514;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    display: inline-block;
    width: 100%; }
    a.button.arrow {
      background-image: url(../img/btn_round_arrow.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 2rem;
      padding: 0.3125rem 2.125rem 0.3125rem 0.75rem; }

ul {
  padding: 0; }
  ul li {
    font-weight: 600;
    list-style: none;
    background-image: url("../img/bullet_green.png");
    background-position: left 0.375rem;
    background-repeat: no-repeat;
    background-size: auto 0.5rem;
    padding-left: 1rem; }

.dottedLine {
  border-top: 1px dotted #ff8200;
  border-bottom: 1px dotted #ff8200;
  padding-bottom: 1px; }

section.contact .twoBoxes .box.kachel {
  background-color: #7c1514; }
  section.contact .twoBoxes .box.kachel .content {
    padding: 1.25rem 1.0625rem;
    padding-bottom: 4.25rem; }
section.contact .twoBoxes .box.map {
  background-size: cover; }
@media (min-width: 768px) {
  section.contact .twoBoxes {
    display: flex;
    flex-wrap: nowrap; }
    section.contact .twoBoxes .box.kachel {
      width: 33.333%; }
      section.contact .twoBoxes .box.kachel.eselBottomLeft {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem)); }
    section.contact .twoBoxes .box.map {
      width: 66.666%; } }

#markerContent {
  min-width: 9.375rem;
  padding: 0.625rem; }
  #markerContent .myTable div.icon {
    width: 2.8125rem;
    padding-left: 0.3125rem; }
    #markerContent .myTable div.icon .rechteck {
      border-color: #b0b0b0; }
      #markerContent .myTable div.icon .rechteck svg {
        fill: #b0b0b0; }
  #markerContent .myTable .text {
    color: #b0b0b0;
    font-size: 1rem;
    font-weight: bold; }

section.smaller .container .outerWrapper {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
  section.smaller .container .outerWrapper .box {
    margin-left: 1.125rem;
    margin-right: 1.125rem;
    margin-left: 0.5625rem;
    margin-right: 0.5625rem; }
section.smaller.newsSlider .container .outerWrapper {
  margin-left: 1.625rem;
  margin-right: 1.625rem;
  margin-left: 1.125rem;
  margin-right: 1.125rem; }

body > header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 15; }
  body > header .topline {
    display: flex; }
    body > header .topline .menu {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-grow: 0;
      flex-shrink: 0;
      width: 4rem;
      height: 4rem;
      background-color: #e5d0d0;
      background-color: #7c1514;
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      body > header .topline .menu svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: #7c1514;
        fill: #e5d0d0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
      body > header .topline .menu span {
        color: #7c1514;
        color: #e5d0d0;
        font-weight: 600;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
      body > header .topline .menu:hover svg {
        fill: white; }
      body > header .topline .menu:hover span {
        color: white; }
    body > header .topline .tickerType {
      display: none;
      align-items: center;
      height: 4rem;
      background-color: #7c1514;
      padding: 0 1.25rem;
      border-left: 1px solid #e5d0d0; }
      @media (min-width: 768px) {
        body > header .topline .tickerType {
          display: flex; } }
      body > header .topline .tickerType .text {
        font-family: "Optima", sans-serif;
        font-weight: 500;
        line-height: 1.1;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: bold;
        color: #e5d0d0;
        line-height: 4rem;
        margin-right: 0.625rem; }
        @media (min-width: 768px) {
          body > header .topline .tickerType .text {
            font-size: 1.125rem; } }
      body > header .topline .tickerType svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: #e5d0d0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: -0.25rem; }
    body > header .topline #tx {
      flex-grow: 1;
      width: 100%;
      height: 4rem;
      background-color: #7c1514;
      z-index: 15; }
      body > header .topline #tx.special {
        background-color: #ff8200; }
      body > header .topline #tx > div {
        font-family: "Optima", sans-serif;
        font-weight: 500;
        line-height: 1.1;
        text-transform: uppercase;
        font-size: 0.875rem;
        color: white;
        line-height: 4rem; }
        body > header .topline #tx > div a {
          font-size: 0.875rem;
          color: white; }
        @media (min-width: 768px) {
          body > header .topline #tx > div {
            font-size: 1.125rem; }
            body > header .topline #tx > div a {
              font-size: 1.125rem; } }
    body > header .topline .fixedLogoBg {
      position: absolute;
      top: -6.25rem;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 12;
      width: 5rem;
      height: 6.25rem;
      background-color: #7c1514;
      -webkit-border-radius: 0.3125rem;
      -moz-border-radius: 0.3125rem;
      border-radius: 0.3125rem;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      body > header .topline .fixedLogoBg.special {
        background-color: #ff8200; }
      body > header .topline .fixedLogoBg:before {
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 0px;
        height: 0px;
        -webkit-transform: rotate(360deg);
        border-style: solid;
        border-width: 0 3.125rem 6.25rem 0;
        border-color: transparent #7c1514 transparent transparent; }
      body > header .topline .fixedLogoBg:after {
        content: '';
        position: absolute;
        top: 0;
        right: -60%;
        width: 0px;
        height: 0px;
        -webkit-transform: rotate(360deg);
        border-style: solid;
        border-width: 6.25rem 3.125rem 0 0;
        border-color: #7c1514 transparent transparent transparent; }
    body > header .topline .fixedLogo {
      position: absolute;
      top: -2.25rem;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 13;
      width: 3rem;
      height: 3rem; }
      body > header .topline .fixedLogo img {
        width: 3rem;
        height: auto; }

@media only screen and (max-width: 767px) {
  body.homepage section.slider .logo {
    display: none; }
  body.homepage header .topline .fixedLogoBg {
    top: 0rem; }
  body.homepage header .topline .fixedLogo {
    top: 4rem; } }
body.scrolling header .topline .fixedLogoBg,
body:not(.homepage) header .topline .fixedLogoBg {
  top: 1rem; }
body.scrolling header .topline .fixedLogo,
body:not(.homepage) header .topline .fixedLogo {
  top: 4.5rem; }

body.hasNoTicker {
  margin-top: 0; }
  body.hasNoTicker header .topline #tx {
    display: none; }
  body.hasNoTicker header .topline .fixedLogoBg {
    top: -10.25rem; }
  body.hasNoTicker header .topline .fixedLogo {
    top: -6.25rem; }
  body.hasNoTicker header .topline .tickerType {
    display: none; }
  body.hasNoTicker.scrolling header .topline .fixedLogoBg, body.hasNoTicker:not(.homepage) header .topline .fixedLogoBg {
    top: -3.625rem; }
  body.hasNoTicker.scrolling header .topline .fixedLogo, body.hasNoTicker:not(.homepage) header .topline .fixedLogo {
    top: 0.375rem; }

.tickerSource {
  display: none; }

.menuOverlay {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 20; }
  .menuOverlay .menuOverlayWrapper {
    position: relative;
    max-width: 30rem;
    height: 100%;
    overflow: auto; }
  .menuOverlay .fader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
    z-index: 21; }
    .menuOverlay .fader.show {
      opacity: 1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
  .menuOverlay nav {
    position: absolute;
    top: 0;
    left: -30rem;
    width: 30rem;
    width: 100%;
    background-color: white;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s;
    z-index: 22; }
    .menuOverlay nav .topBar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #e5d0d0;
      background-color: #7c1514; }
      .menuOverlay nav .topBar .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4rem;
        height: 4rem;
        cursor: pointer; }
        .menuOverlay nav .topBar .icon.left {
          opacity: 0;
          cursor: default;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          transition: all 0.5s; }
          .menuOverlay nav .topBar .icon.left.hasParent {
            opacity: 1;
            cursor: pointer;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            transition: all 0.5s; }
        .menuOverlay nav .topBar .icon svg {
          width: 1.3333333333rem;
          height: 1.3333333333rem;
          fill: #7c1514; }
      .menuOverlay nav .topBar .title {
        font-family: "Optima", sans-serif;
        font-weight: 500;
        line-height: 1.1;
        text-transform: uppercase;
        font-size: 0.875rem;
        color: #7c1514;
        color: #e5d0d0;
        text-transform: none;
        margin-bottom: 0; }
    .menuOverlay nav .search {
      padding: 1.25rem; }
      .menuOverlay nav .search form {
        position: relative; }
        .menuOverlay nav .search form input.sword {
          width: 100%;
          height: 2.125rem;
          background-color: #e7e7e7;
          color: #4f4f4f;
          font-size: 0.875rem;
          border: 1px solid white;
          -webkit-border-radius: 1.0625rem;
          -moz-border-radius: 1.0625rem;
          border-radius: 1.0625rem;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          padding: 0.25rem 0.9375rem;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .menuOverlay nav .search form input.submit {
          position: absolute;
          top: 0;
          right: 0;
          width: 2.125rem;
          height: 2.125rem; }
        .menuOverlay nav .search form input:focus {
          outline: none; }
    .menuOverlay nav .navigation {
      position: relative;
      margin: 0 0 0.9375rem;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .menuOverlay nav .navigation .navigationWrapper {
        position: absolute;
        top: 0;
        left: -30rem;
        width: 30rem;
        width: 100%; }
    .menuOverlay nav .navigationHome {
      position: relative;
      margin: 0 0 0.9375rem;
      padding-bottom: 0.9375rem;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      border-bottom: 1px solid #e7e7e7; }
    .menuOverlay nav .navigation a,
    .menuOverlay nav .navigationHome a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #ff8200;
      padding: 0.3125rem 1.25rem;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      cursor: pointer; }
      .menuOverlay nav .navigation a svg, .menuOverlay nav .navigation a img,
      .menuOverlay nav .navigationHome a svg,
      .menuOverlay nav .navigationHome a img {
        flex-grow: 0;
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        fill: #b0b0b0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        .menuOverlay nav .navigation a svg.arrow, .menuOverlay nav .navigation a img.arrow,
        .menuOverlay nav .navigationHome a svg.arrow,
        .menuOverlay nav .navigationHome a img.arrow {
          width: 1.3333333333rem;
          height: 1.3333333333rem;
          fill: #7c1514;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
      .menuOverlay nav .navigation a span,
      .menuOverlay nav .navigationHome a span {
        width: 100%;
        margin-left: 0.625rem;
        font-size: 1rem; }
      .menuOverlay nav .navigation a.active,
      .menuOverlay nav .navigationHome a.active {
        background-color: #e7e7e7;
        color: #7c1514;
        font-weight: bold; }
      .menuOverlay nav .navigation a.indented,
      .menuOverlay nav .navigationHome a.indented {
        margin-left: 2.625rem; }
        .menuOverlay nav .navigation a.indented svg,
        .menuOverlay nav .navigationHome a.indented svg {
          width: 1.25rem;
          fill: #7c1514;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
      .menuOverlay nav .navigation a:hover,
      .menuOverlay nav .navigationHome a:hover {
        background-color: #e7e7e7;
        color: #7c1514;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        .menuOverlay nav .navigation a:hover svg,
        .menuOverlay nav .navigationHome a:hover svg {
          fill: #7c1514;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          transition: all 0.5s; }
    .menuOverlay nav .contact {
      padding: 1.25rem;
      border-top: 1px solid #e7e7e7; }
      .menuOverlay nav .contact .myTable div.icon .rechteck {
        border-color: #7c1514; }
        .menuOverlay nav .contact .myTable div.icon .rechteck svg {
          fill: #7c1514; }
      .menuOverlay nav .contact .myTable .text {
        color: #7c1514; }
      .menuOverlay nav .contact .myTable:last-of-type {
        margin-bottom: 0; }
    .menuOverlay nav .buttons {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 4rem;
      background-color: #e7e7e7; }
      .menuOverlay nav .buttons a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 100%;
        border: 1px solid #b0b0b0;
        cursor: pointer;
        font-size: 1rem;
        color: #b0b0b0;
        text-transform: uppercase; }
        .menuOverlay nav .buttons a svg {
          width: 1.3333333333rem;
          height: 1.3333333333rem;
          fill: #b0b0b0; }
        .menuOverlay nav .buttons a:hover {
          color: #4f4f4f; }
          .menuOverlay nav .buttons a:hover svg {
            fill: #4f4f4f; }
    .menuOverlay nav .social {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 4rem;
      background-color: #4f4f4f; }
      .menuOverlay nav .social .icons {
        display: flex; }
  .menuOverlay.area {
    width: 100%;
    height: 100%; }
  .menuOverlay.open nav {
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }

section.slider {
  position: relative;
  height: 25.625rem; }
  section.slider .swiper-container {
    height: 25.625rem; }
    section.slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
      width: 0.625rem;
      height: 0.625rem;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background-color: rgba(255, 255, 255, 0.5);
      opacity: 1;
      border: 1px solid #7c1514;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin: 0.3125rem 0.4375rem; }
      section.slider .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #7c1514; }
  section.slider .sliderElement {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 14.875rem; }
    section.slider .sliderElement .gradient {
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 );
            /*&::after {
                    position: absolute;
                    content: " ";
                    width: 100%;
                    height: 100%;
                    background: -moz-radial-gradient(circle, rgba($colorWhite,1) 0%, rgba($colorWhite,0) 50%);
                    background: -webkit-radial-gradient(circle, rgba($colorWhite,1) 0%, rgba($colorWhite,0) 50%);
                    background: radial-gradient(circle, rgba($colorWhite,1) 0%, rgba($colorWhite,0) 50%);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorWhite",endColorstr="$colorWhite",GradientType=1);

                    width: rem(260);
                    height: rem(150);
                    top: rem(-20);
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    @include transform(scale(2.6,1));
            }*/ }
    section.slider .sliderElement .contentBox {
      padding-top: 13.1875rem; }
      section.slider .sliderElement .contentBox .content {
        background-color: #e7e7e7;
        -webkit-clip-path: polygon(calc(100% - 1.0625rem) 0, 100% 1.0625rem, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(calc(100% - 1.0625rem) 0, 100% 1.0625rem, 100% 100%, 0 100%, 0 0);
        text-shadow: 0px 0px 20px #FFFFFF;
        padding-top: 0.25rem;
        padding-left: 1.0625rem; }
        section.slider .sliderElement .contentBox .content h1,
        section.slider .sliderElement .contentBox .content .nav-breadcrumb {
          font-family: "Optima", sans-serif;
          font-weight: 500;
          line-height: 1.1;
          text-transform: uppercase;
          font-size: 0.875rem;
          color: #ff8200;
          text-transform: none;
          margin-top: 0.625rem;
          margin-bottom: 0.625rem; }
          section.slider .sliderElement .contentBox .content h1 a,
          section.slider .sliderElement .contentBox .content .nav-breadcrumb a {
            font-size: inherit;
            color: #ff8200; }
          @media (min-width: 768px) {
            section.slider .sliderElement .contentBox .content h1,
            section.slider .sliderElement .contentBox .content .nav-breadcrumb {
              font-size: 1rem;
              margin-bottom: 1.5rem; } }
        section.slider .sliderElement .contentBox .content h2,
        section.slider .sliderElement .contentBox .content .title {
          font-family: "Optima", sans-serif;
          font-weight: 500;
          line-height: 1.1;
          text-transform: uppercase;
          font-size: 1.25rem;
          color: #7c1514;
          margin-top: 0;
          margin-bottom: 0.625rem; }
          section.slider .sliderElement .contentBox .content h2 p,
          section.slider .sliderElement .contentBox .content .title p {
            font-size: inherit;
            line-height: 1.1; }
          @media (min-width: 768px) {
            section.slider .sliderElement .contentBox .content h2,
            section.slider .sliderElement .contentBox .content .title {
              font-size: 2.5rem;
              margin-bottom: 0.875rem; } }
        section.slider .sliderElement .contentBox .content .copytext {
          font-size: 1.25rem;
          color: black; }
          section.slider .sliderElement .contentBox .content .copytext a {
            display: inline-block;
            background-color: #f2e8e8;
            color: #7c1514;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: normal;
            font-weight: 600;
            border-radius: 1rem;
            padding: 0.25rem 0.75rem;
            cursor: pointer; }
        section.slider .sliderElement .contentBox .content .nav-breadcrumb img:nth-of-type(2),
        section.slider .sliderElement .contentBox .content .nav-breadcrumb img:nth-of-type(3),
        section.slider .sliderElement .contentBox .content .nav-breadcrumb a:nth-of-type(3),
        section.slider .sliderElement .contentBox .content .nav-breadcrumb a:nth-of-type(4),
        section.slider .sliderElement .contentBox .content .nav-breadcrumb a:nth-of-type(5) {
          display: none; }
  section.slider .logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.625rem;
    width: 25rem;
    margin: 0 auto;
    z-index: 1; }
    section.slider .logo img {
      width: 100%;
      height: auto; }
  @media (min-width: 768px) {
    section.slider {
      height: 34.375rem; }
      section.slider .swiper-container {
        height: 34.375rem; }
        section.slider .swiper-container .swiper-pagination {
          bottom: 6.25rem; }
        section.slider .swiper-container .sliderElement {
          height: 34.375rem; }
          section.slider .swiper-container .sliderElement .contentBox {
            padding-top: 0; }
            section.slider .swiper-container .sliderElement .contentBox .content {
              position: absolute;
              width: 47%;
              top: auto;
              bottom: 115px;
              background-color: transparent;
              -webkit-clip-path: none;
              clip-path: none; } }
  @media (min-width: 1024px) {
    section.slider {
      height: auto; }
      section.slider .swiper-container {
        height: auto; }
        section.slider .swiper-container .sliderElement {
          padding-bottom: 51.796875%; } }

@media (min-width: 768px) {
  section.homeImageBoxen {
    position: relative;
    margin-top: -4.375rem;
    margin-bottom: 2.5rem;
    z-index: 10; } }
section.homeImageBoxen .threeBoxes .box {
  position: relative;
  background-color: white; }
  section.homeImageBoxen .threeBoxes .box > div.t3contentElement {
    height: 100%; }
    section.homeImageBoxen .threeBoxes .box > div.t3contentElement > div:not([class]) {
      height: 100%; }
      section.homeImageBoxen .threeBoxes .box > div.t3contentElement > div:not([class]) > div.t3contentElement {
        height: 100%; }
  section.homeImageBoxen .threeBoxes .box .content {
    padding: 1.5rem 1.0625rem 2.5rem; }
    section.homeImageBoxen .threeBoxes .box .content .doubleHead {
      cursor: pointer; }
    section.homeImageBoxen .threeBoxes .box .content .text {
      padding-bottom: 1.875rem; }
      section.homeImageBoxen .threeBoxes .box .content .text .link.atBottom {
        position: absolute;
        bottom: 2.5rem; }
        section.homeImageBoxen .threeBoxes .box .content .text .link.atBottom a {
          display: inline-block;
          background-color: #f2e8e8;
          color: #7c1514;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: normal;
          font-weight: 600;
          border-radius: 1rem;
          padding: 0.25rem 0.75rem;
          cursor: pointer; }
  section.homeImageBoxen .threeBoxes .box.green {
    background-color: #f2e8e8; }
    section.homeImageBoxen .threeBoxes .box.green .doubleHead {
      padding-right: 1.25rem; }
    section.homeImageBoxen .threeBoxes .box.green .text p {
      color: #7c1514; }
    section.homeImageBoxen .threeBoxes .box.green .text .link.atBottom a {
      display: inline-block;
      background-color: #e5d0d0;
      color: #7c1514;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: normal;
      font-weight: 600;
      border-radius: 1rem;
      padding: 0.25rem 0.75rem;
      cursor: pointer; }
@media (min-width: 768px) {
  section.homeImageBoxen .threeBoxes {
    display: flex;
    flex-wrap: nowrap; }
    section.homeImageBoxen .threeBoxes .box {
      width: 33.333%; }
      section.homeImageBoxen .threeBoxes .box.eselTopRight {
        background-color: #e5d0d0;
        -webkit-clip-path: polygon(calc(100% - 4.25rem) 0, 100% 4.25rem, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(calc(100% - 4.25rem) 0, 100% 4.25rem, 100% 100%, 0 100%, 0 0); } }
section.homeImageBoxen .twoBoxes .box.image {
  display: none; }
section.homeImageBoxen .twoBoxes .box.kachel {
  background-color: #7c1514; }
  section.homeImageBoxen .twoBoxes .box.kachel.eselBottomRight {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%); }
  section.homeImageBoxen .twoBoxes .box.kachel .content {
    height: 100%;
    padding: 1.25rem 1.0625rem; }
    section.homeImageBoxen .twoBoxes .box.kachel .content > div {
      position: relative; }
    section.homeImageBoxen .twoBoxes .box.kachel .content .doubleHead {
      cursor: pointer; }
      section.homeImageBoxen .twoBoxes .box.kachel .content .doubleHead .headlines h2 {
        color: #e5d0d0; }
    section.homeImageBoxen .twoBoxes .box.kachel .content .text {
      color: #e5d0d0; }
      section.homeImageBoxen .twoBoxes .box.kachel .content .text h3 {
        font-family: "Optima", sans-serif;
        font-weight: 500;
        line-height: 1.1;
        text-transform: uppercase;
        font-size: 1.5rem; }
      section.homeImageBoxen .twoBoxes .box.kachel .content .text a {
        background-image: url(../img/bullet_green.png);
        background-position: left 5px;
        background-repeat: no-repeat;
        background-size: auto 8px;
        padding-left: 16px;
        color: #7c1514;
        font-size: 0.8125rem;
        font-weight: 600;
        background-image: url(../img/bullet_white.png);
        color: #e5d0d0; }
@media (min-width: 768px) {
  section.homeImageBoxen .twoBoxes {
    display: flex;
    flex-wrap: nowrap; }
    section.homeImageBoxen .twoBoxes .box.image {
      display: block;
      width: 66.666%;
      background-size: cover;
      padding-bottom: 33.333%; }
      section.homeImageBoxen .twoBoxes .box.image.eselBottomLeft {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem)); }
    section.homeImageBoxen .twoBoxes .box.kachel {
      width: 33.333%; } }

section.home3erBoxen {
  margin-bottom: 2.5rem; }
  section.home3erBoxen .threeBoxes .box {
    position: relative;
    background-color: white;
    margin-top: 1.25rem; }
    section.home3erBoxen .threeBoxes .box > div.t3contentElement {
      height: 100%; }
      section.home3erBoxen .threeBoxes .box > div.t3contentElement > div:not([class]) {
        height: 100%; }
        section.home3erBoxen .threeBoxes .box > div.t3contentElement > div:not([class]) > div.t3contentElement {
          height: 100%; }
    section.home3erBoxen .threeBoxes .box .imageTop img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    section.home3erBoxen .threeBoxes .box .content {
      padding: 1.25rem 1.0625rem; }
      section.home3erBoxen .threeBoxes .box .content .doubleHead .icon img {
        height: 2rem; }
      section.home3erBoxen .threeBoxes .box .content .text {
        padding-bottom: 1.875rem; }
        section.home3erBoxen .threeBoxes .box .content .text ul {
          padding: 0; }
          section.home3erBoxen .threeBoxes .box .content .text ul li {
            font-weight: 600;
            list-style: none;
            background-image: url("../img/bullet_green.png");
            background-position: left 0.375rem;
            background-repeat: no-repeat;
            background-size: auto 0.5rem;
            padding-left: 1rem; }
            section.home3erBoxen .threeBoxes .box .content .text ul li a {
              font-size: 0.75rem;
              line-height: 1.375rem; }
        section.home3erBoxen .threeBoxes .box .content .text .link.atBottom {
          position: absolute;
          bottom: 1.25rem; }
          section.home3erBoxen .threeBoxes .box .content .text .link.atBottom a {
            background-image: url(../img/bullet_green.png);
            background-position: left 5px;
            background-repeat: no-repeat;
            background-size: auto 8px;
            padding-left: 16px;
            color: #7c1514;
            font-size: 0.8125rem;
            font-weight: 600; }
        section.home3erBoxen .threeBoxes .box .content .text .joblist .job h3 {
          font-family: "Optima", sans-serif;
          font-weight: 500;
          line-height: 1.1;
          text-transform: uppercase;
          font-size: 1rem;
          color: #7c1514; }
        section.home3erBoxen .threeBoxes .box .content .text .joblist .job p:empty {
          display: none; }
      section.home3erBoxen .threeBoxes .box .content.makeCenter {
        display: flex;
        align-items: center;
        position: relative;
        height: 100%; }
        section.home3erBoxen .threeBoxes .box .content.makeCenter blockquote {
          font-family: "Optima", sans-serif;
          font-weight: 500;
          line-height: 1.1;
          text-transform: uppercase;
          font-size: 1.5rem;
          color: #7c1514;
          margin-bottom: 1.5rem; }
        section.home3erBoxen .threeBoxes .box .content.makeCenter a.bullet {
          position: absolute;
          bottom: 1.25rem;
          background-image: url(../img/bullet_green.png);
          background-position: left 5px;
          background-repeat: no-repeat;
          background-size: auto 8px;
          padding-left: 16px;
          color: #7c1514;
          font-size: 0.8125rem;
          font-weight: 600; }
    section.home3erBoxen .threeBoxes .box.eselTopRight {
      background-color: #7c1514;
      -webkit-clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0);
      clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0); }
      section.home3erBoxen .threeBoxes .box.eselTopRight:before {
        position: absolute;
        content: '';
        width: calc(100% - 0.125rem);
        height: calc(100% - 0.125rem);
        top: 0.0625rem;
        left: 0.0625rem;
        background: white; }
      section.home3erBoxen .threeBoxes .box.eselTopRight:before {
        -webkit-clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0); }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section.home3erBoxen .threeBoxes {
      display: flex;
      flex-wrap: wrap; }
      section.home3erBoxen .threeBoxes .box:nth-child(1),
      section.home3erBoxen .threeBoxes .box:nth-child(2) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        background-color: transparent; }
        section.home3erBoxen .threeBoxes .box:nth-child(1) > div,
        section.home3erBoxen .threeBoxes .box:nth-child(2) > div {
          margin-left: 1.125rem;
          margin-right: 1.125rem;
          background-color: white; }
      section.home3erBoxen .threeBoxes .box:nth-child(3) {
        display: none; } }
  @media (min-width: 1024px) {
    section.home3erBoxen .threeBoxes {
      display: flex;
      flex-wrap: nowrap; }
      section.home3erBoxen .threeBoxes .box {
        width: 33.333%;
        margin-left: 1.125rem;
        margin-right: 1.125rem;
        margin-top: 0; } }

section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {
  font-family: "Optima", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  color: #7c1514; }
section.content h1 {
  font-size: 1.25rem;
  line-height: 3rem;
  margin: 1.25rem 0 1.5625rem; }
section.content h2, section.content h3 {
  font-size: 1.25rem; }
section.content h2,
section.content .doubleHead h2 {
  font-size: 1.125rem;
  line-height: 1.375rem; }
section.content h3 {
  font-size: 1rem; }
section.content h3,
section.content h4,
section.content h5 {
  font-size: 0.9375rem;
  line-height: 1.125rem; }
@media only screen and (min-width: 481px) {
  section.content h3,
  section.content h4,
  section.content h5 {
    font-size: 1rem;
    line-height: 1.25rem; }
  section.content li a {
    font-size: 0.8125rem; } }
@media only screen and (min-width: 560px) {
  section.content h1 {
    font-size: 1.75rem; }
  section.content h2,
  section.content .doubleHead h2 {
    font-size: 1.25rem;
    line-height: 1.1; }
  section.content .headlineBox h1 {
    font-size: 1.5rem;
    line-height: 2rem; } }
section.content p.headorange, section.content section.moreContent .headorange {
  color: #ff8200;
  font-size: 0.875rem;
  margin-bottom: 0.375rem; }
section.content p a {
  font-size: 0.875rem; }
  section.content p a:hover {
    text-decoration: underline; }
  section.content p a strong,
  section.content p a b {
    font-size: 0.8125rem; }
section.content p strong a,
section.content p b a {
  font-size: 0.8125rem;
  text-decoration: none; }
section.content a.bullet {
  background-image: url(../img/bullet_green.png);
  background-position: left 5px;
  background-repeat: no-repeat;
  background-size: auto 8px;
  padding-left: 16px;
  color: #7c1514;
  font-size: 0.8125rem;
  font-weight: 600; }
section.content .contentHeadline {
  position: relative;
  background-color: white;
  margin-top: -4.25rem;
  padding: 1.25rem 1.0625rem;
  z-index: 1; }
  section.content .contentHeadline .headlineBox {
    display: flex;
    align-items: center;
    padding-bottom: 1.5625rem; }
    section.content .contentHeadline .headlineBox .picture {
      margin-right: 0.625rem; }
      section.content .contentHeadline .headlineBox .picture img {
        width: auto;
        height: 3rem; }
    section.content .contentHeadline .headlineBox h1 {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      color: #7c1514;
      font-size: 1.75rem;
      margin: 0;
      padding-right: 1.875rem; }
  section.content .contentHeadline p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: 10%; }
section.content .centerTeaser {
  background-color: white; }
  section.content .centerTeaser .twoCols .picture {
    order: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%);
    height: 19.125rem; }
    section.content .centerTeaser .twoCols .picture img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    section.content .centerTeaser .twoCols .picture .image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover; }
  section.content .centerTeaser .twoCols .textContent .content {
    padding: 1.25rem 1.0625rem; }
    section.content .centerTeaser .twoCols .textContent .content .doubleHead .headlines .head1 {
      margin-bottom: 0.375rem; }
    section.content .centerTeaser .twoCols .textContent .content .doubleHead .headlines h2,
    section.content .centerTeaser .twoCols .textContent .content .doubleHead .headlines h3 {
      font-size: 1.125rem;
      line-height: 1.375rem;
      margin: 0; }
    @media only screen and (min-width: 480px) {
      section.content .centerTeaser .twoCols .textContent .content .doubleHead h2,
      section.content .centerTeaser .twoCols .textContent .content .doubleHead h3 {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
    section.content .centerTeaser .twoCols .textContent .content .moreText {
      font-size: 0.875rem; }
      section.content .centerTeaser .twoCols .textContent .content .moreText.hasList .text {
        padding-right: 1.0625rem; }
      section.content .centerTeaser .twoCols .textContent .content .moreText.hasList .listContent {
        padding-left: 1.0625rem; }
    section.content .centerTeaser .twoCols .textContent .content a.bullet {
      background-image: url(../img/bullet_green.png);
      background-position: left 5px;
      background-repeat: no-repeat;
      background-size: auto 8px;
      padding-left: 16px;
      color: #7c1514;
      font-size: 0.8125rem;
      font-weight: 600; }
  section.content .centerTeaser .twoCols.centerTeaserLeft .picture {
    order: 0; }
  @media (min-width: 1280px) {
    section.content .centerTeaser .twoCols.centerTeaserRight .textContent .content {
      padding-left: 2.125rem; } }
  @media (min-width: 768px) {
    section.content .centerTeaser .twoCols {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      section.content .centerTeaser .twoCols .picture {
        flex-grow: 0;
        flex-shrink: 0;
        width: 33.333%;
        height: auto; }
      section.content .centerTeaser .twoCols .textContent {
        width: 66.666%; }
        section.content .centerTeaser .twoCols .textContent .content .moreText.hasList {
          display: flex;
          justify-content: space-between; }
          section.content .centerTeaser .twoCols .textContent .content .moreText.hasList .text,
          section.content .centerTeaser .twoCols .textContent .content .moreText.hasList .listContent {
            flex-grow: 0;
            flex-shrink: 0;
            width: 50%; } }
  section.content .centerTeaser.subCenterTeaser {
    padding-top: 0.625rem;
    margin-bottom: 2.5rem; }
    section.content .centerTeaser.subCenterTeaser .twoCols .picture {
      height: 12.75rem;
      margin-bottom: 1.25rem; }
    section.content .centerTeaser.subCenterTeaser .twoCols .textContent .content {
      padding: 0 2.125rem; }
    @media (min-width: 768px) {
      section.content .centerTeaser.subCenterTeaser .twoCols .picture {
        margin-bottom: 0; } }
section.content .colBigSmall,
section.content .colFull {
  background-color: white;
  padding-left: 1.0625rem;
  padding-right: 1.0625rem;
  padding-bottom: 5rem; }
@media (min-width: 1280px) {
  section.content > .container {
    padding-left: 0;
    padding-right: 0; }
    section.content > .container .colBigSmall,
    section.content > .container .colFull,
    section.content > .container .contentHeadline {
      padding-left: 2.125rem;
      padding-right: 2.125rem; } }
section.content .colBigSmall .colSmall {
  margin-top: 1.25rem; }
  section.content .colBigSmall .colSmall .doubleHead {
    align-items: center; }
    section.content .colBigSmall .colSmall .doubleHead .icon img {
      height: 2rem; }
    section.content .colBigSmall .colSmall .doubleHead .headlines h2 {
      font-size: 1rem;
      margin: 0; }
  section.content .colBigSmall .colSmall p {
    font-size: 0.8125rem; }
@media (min-width: 768px) {
  section.content .colBigSmall {
    display: flex;
    justify-content: space-between; }
    section.content .colBigSmall .colBig {
      flex-grow: 0;
      flex-shrink: 0;
      width: 66.666%;
      padding-right: 1.0625rem; }
    section.content .colBigSmall .colSmall {
      flex-grow: 0;
      flex-shrink: 0;
      width: 33.333%;
      padding-left: 1.0625rem;
      margin-top: 0; } }

body.centerpage section.content .contentHeadline {
  background-color: #e7e7e7; }
  body.centerpage section.content .contentHeadline p a {
    text-decoration: none; }
    body.centerpage section.content .contentHeadline p a .orangetext {
      color: #ff8200; }
    body.centerpage section.content .contentHeadline p a:hover {
      text-decoration: underline; }

.accordion {
  padding: 1.875rem 0; }
  .accordion .box {
    margin-bottom: 1rem; }
    .accordion .box .head:hover {
      background-color: #e5d0d0; }
    .accordion .box:hover .head:before {
      background: rgba(0, 0, 0, 0) linear-gradient(225deg, white 12px, #4f4f4f 13px, #e5d0d0 0px) repeat scroll right top; }
    .accordion .box .head {
      border: 1px solid #b0b0b0;
      font-family: 'Optima', sans-serif;
      font-size: 1.125rem;
      color: #7c1514;
      text-transform: uppercase;
      position: relative;
      padding: 0.1875rem 0.625rem 0.0625rem;
      cursor: pointer; }
      .accordion .box .head:after {
        position: absolute;
        content: "";
        top: 0.5rem;
        right: 1rem;
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        border-style: solid;
        border-width: 0.5rem 0 0.5rem 0.625rem;
        border-color: transparent transparent transparent #7c1514; }
      .accordion .box .head:before {
        content: "";
        background: rgba(0, 0, 0, 0) linear-gradient(225deg, white 12px, #4f4f4f 13px, white 0px) repeat scroll right top;
        position: absolute;
        top: -0.0625rem;
        right: -0.0625rem;
        width: 1.125rem;
        height: 1.125rem; }
      @media only screen and (min-width: 481px) {
        .accordion .box .head {
          font-size: 1.25rem; } }
    .accordion .box.open .head {
      border: none;
      background-color: #e5d0d0; }
      .accordion .box.open .head:before {
        display: none; }
      .accordion .box.open .head:after {
        top: auto;
        bottom: -0.9375rem;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        border-style: solid;
        border-width: 0.9375rem 0.8125rem 0 0.8125rem;
        border-color: #e5d0d0 transparent transparent transparent; }
    .accordion .box .body {
      display: none; }
    .accordion .box.open .body {
      padding: 1.25rem 1rem; }

.infoImage h4, .infoImage .h4, .infoImage h5, .infoImage .h5, .infoImage h6, .infoImage .h6 {
  font-family: "Optima", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  color: #7c1514;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem; }
.infoImage h4.underline {
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #7c1514;
  margin-bottom: 1.25rem; }
  .infoImage h4.underline a svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: #b0b0b0; }

.standorteContainer .standorteTeaserContainer .standorteTeaserBox {
  margin-bottom: 1.875rem; }
  .standorteContainer .standorteTeaserContainer .standorteTeaserBox .doubleHead {
    cursor: pointer; }
.standorteContainer .standorteTeaserContainer .doubleHead.withIcon .icon {
  margin: 0; }
.standorteContainer .standorteTeaserContainer .doubleHead.withIcon .headlines {
  min-height: 0; }
  .standorteContainer .standorteTeaserContainer .doubleHead.withIcon .headlines .head1 {
    margin-bottom: 0.5rem; }
.standorteContainer .deutschlandkarteContainer {
  position: relative; }
  .standorteContainer .deutschlandkarteContainer .geo {
    position: absolute;
    top: 14%;
    left: 22%;
    cursor: pointer;
    display: block; }
    #pageId-225 .standorteContainer .deutschlandkarteContainer .geo {
      cursor: default; }
    .standorteContainer .deutschlandkarteContainer .geo .dot {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #014F25;
      width: 10px;
      height: 10px;
      transform: rotate(45deg); }
    .standorteContainer .deutschlandkarteContainer .geo span {
      position: absolute;
      top: -20px;
      left: -45px;
      width: 100px;
      height: 18px;
      color: #014F25;
      text-align: center; }
    .standorteContainer .deutschlandkarteContainer .geo.duesseldorf span, .standorteContainer .deutschlandkarteContainer .geo.koeln span, .standorteContainer .deutschlandkarteContainer .geo.stuttgart span, .standorteContainer .deutschlandkarteContainer .geo.pirmasens span {
      top: -5px;
      left: 18px;
      text-align: left; }
    .standorteContainer .deutschlandkarteContainer .geo.active .dot {
      background-color: #ff8200; }
    .standorteContainer .deutschlandkarteContainer .geo.active span {
      color: #ff8200; }
    .standorteContainer .deutschlandkarteContainer .geo.hamburg {
      top: 18%;
      left: 44.4%; }
    .standorteContainer .deutschlandkarteContainer .geo.berlin {
      top: 30%;
      left: 80%; }
    .standorteContainer .deutschlandkarteContainer .geo.dortmund {
      top: 45%;
      left: 19%; }
    .standorteContainer .deutschlandkarteContainer .geo.duesseldorf {
      top: 50%;
      left: 11%; }
    .standorteContainer .deutschlandkarteContainer .geo.frankfurt {
      top: 63%;
      left: 33%; }
    .standorteContainer .deutschlandkarteContainer .geo.koeln {
      top: 54%;
      left: 13%; }
    .standorteContainer .deutschlandkarteContainer .geo.leipzig {
      top: 46%;
      left: 70%; }
    .standorteContainer .deutschlandkarteContainer .geo.saarbruecken {
      top: 74%;
      left: 16%; }
    .standorteContainer .deutschlandkarteContainer .geo.stuttgart {
      top: 80%;
      left: 36%; }
    .standorteContainer .deutschlandkarteContainer .geo.muenchen {
      top: 89%;
      left: 63%; }
    .standorteContainer .deutschlandkarteContainer .geo.pirmasens {
      top: 74.3%;
      left: 20%; }
@media (min-width: 768px) {
  .standorteContainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    .standorteContainer > div {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    .standorteContainer .standorteTeaserContainer {
      width: 50%; }
    .standorteContainer .deutschlandkarteContainer {
      width: 50%; } }

.standorteKontaktBox {
  position: relative;
  margin-bottom: 2.5rem; }
  .standorteKontaktBox .icons a {
    margin-top: 0.375rem; }
  .standorteKontaktBox .sprechblase {
    right: auto;
    left: 0;
    bottom: 3.25rem; }
    .standorteKontaktBox .sprechblase:before {
      border-right: 1.5rem solid transparent;
      border-left: none;
      right: auto;
      left: 0; }

section.content .glossarBox,
section.content .glossarLetterBox {
  -webkit-clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 2.125rem) 0, 100% 2.125rem, 100% 100%, 0 100%, 0 0);
  background-color: #e7e7e7; }
  section.content .glossarBox .colPadding,
  section.content .glossarLetterBox .colPadding {
    padding: 1.0625rem 2.375rem 1.0625rem 1.0625rem;
    position: relative; }
  section.content .glossarBox .headlineBox,
  section.content .glossarLetterBox .headlineBox {
    display: flex;
    margin-top: 0; }
    section.content .glossarBox .headlineBox h5 p,
    section.content .glossarLetterBox .headlineBox h5 p {
      font-size: 0.9375rem; }
section.content .glossarBox {
  display: none; }
  section.content .glossarBox .colPadding {
    padding-right: 2.375rem; }
  section.content .glossarBox .nano {
    height: 31.875rem; }
  section.content .glossarBox .wordsContainer .wordsBox .letter {
    background-color: #cecece;
    padding: 0 1rem;
    margin-bottom: 0.625rem;
    text-transform: uppercase; }
  section.content .glossarBox .wordsContainer .wordsBox li {
    line-height: normal; }
  @media only screen and (min-width: 768px) {
    section.content .glossarBox {
      display: block; } }
section.content .letterContainer {
  position: absolute;
  right: 0;
  /*bottom: 17px;*/
  top: 4.6875rem; }
  section.content .letterContainer .letter {
    display: block;
    width: 2.125rem;
    text-align: center;
    color: #ff8200;
    cursor: pointer;
    text-transform: uppercase; }
section.content .glossarLetterBox .buchstabenContainer {
  display: flex;
  flex-wrap: wrap; }
  section.content .glossarLetterBox .buchstabenContainer .buchstabenBox {
    width: 14.285714%; }
    section.content .glossarLetterBox .buchstabenContainer .buchstabenBox a {
      position: relative;
      display: block;
      color: #4f4f4f;
      text-align: center;
      background-color: white;
      border-right: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      padding: 0.5rem 0;
      cursor: pointer; }
      section.content .glossarLetterBox .buchstabenContainer .buchstabenBox a:hover {
        -webkit-clip-path: polygon(calc(100% - 1.0625rem) 0, 100% 1.0625rem, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(calc(100% - 1.0625rem) 0, 100% 1.0625rem, 100% 100%, 0 100%, 0 0);
        color: #7c1514;
        background-color: #e5d0d0; }

.pageEndContainer {
  padding: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 768px) {
    .pageEndContainer {
      padding-left: 0;
      padding-right: 0; } }
  .pageEndContainer .twoCols .ankerContainer {
    position: relative;
    background-color: #7c1514; }
    .pageEndContainer .twoCols .ankerContainer img.greenArrow {
      position: absolute;
      top: -2.125rem;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .pageEndContainer .twoCols .ankerContainer .content {
      padding: 1.25rem 1.0625rem; }
      .pageEndContainer .twoCols .ankerContainer .content h3 {
        color: #e5d0d0; }
      .pageEndContainer .twoCols .ankerContainer .content .headorange {
        color: #ff8200;
        font-size: 0.875rem;
        margin-bottom: 0.375rem; }
      .pageEndContainer .twoCols .ankerContainer .content ul {
        padding: 0; }
        .pageEndContainer .twoCols .ankerContainer .content ul li {
          background-image: url(../img/bullet_white.png); }
          .pageEndContainer .twoCols .ankerContainer .content ul li a {
            color: white; }
  .pageEndContainer .twoCols .newsContainer {
    background-color: #f2e8e8; }
    .pageEndContainer .twoCols .newsContainer > .content {
      padding: 1.25rem 1.0625rem 2.5rem; }
      @media (min-width: 1280px) {
        .pageEndContainer .twoCols .newsContainer > .content {
          padding-left: 2.125rem;
          padding-right: 2.125rem; } }
  @media (min-width: 768px) {
    .pageEndContainer .twoCols {
      position: relative;
      display: flex; }
      .pageEndContainer .twoCols .ankerContainer {
        order: 1;
        width: 33.333%; }
      .pageEndContainer .twoCols .newsContainer {
        order: 0;
        width: 66.666%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 2.125rem 100%, 0 calc(100% - 2.125rem)); } }
  .pageEndContainer .twoCols .doubleHead {
    align-items: center; }
    .pageEndContainer .twoCols .doubleHead .icon img {
      height: 2rem; }
    .pageEndContainer .twoCols .doubleHead .headlines h2 {
      font-size: 1rem;
      margin: 0; }

/* ########################################### */
.eventTeaser {
  margin-bottom: 40px; }
  .eventTeaser .description h2 {
    font-size: 1rem; }

.eventTeaser .date,
.eventTeaser .orange {
  color: #ff8200; }

.eventTeaser .date {
  margin-bottom: 0.625rem; }

.eventTeaser .details {
  display: table;
  margin: 30px 0 0; }

.eventTeaser .details .detail {
  display: table-row; }

.eventTeaser .details .detail label,
.eventTeaser .details .detail .text {
  display: table-cell;
  vertical-align: top;
  padding: 0 20px 15px 0; }

.eventTeaser .details .detail label {
  color: #ff8200;
  font-weight: 600;
  line-height: 1.6; }

.eventTeaser .infos {
  line-height: 30px;
  font-size: 13px;
  margin-top: 1.25rem; }

.eventTeaser .infos a {
  font-weight: 600;
  line-height: 22px; }

.eventTeaser .infos .icons {
  display: inline-block; }

.eventTeaser .infos .icons a {
  margin-top: 0; }

.eventTeaser .infos > .row > .col-sm-4:nth-child(2) {
  text-align: center; }

.eventTeaser .infos > .row > .col-sm-4:nth-child(3) {
  text-align: right; }

/* ########################################### */
.eventTeaser .topline {
  color: #ff8200; }

.eventTeaser .dottedLine {
  margin: 10px 0; }

/* ########################################### */
.colBig video {
  width: 100%;
  cursor: pointer; }

section.newsSlider {
  background-color: #f2e8e8;
  padding: 1.25rem 0 3rem;
  margin-bottom: 2.5rem; }

section.newsSlider .headlineBox,
.pageEndContainer .headlineBox {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem; }
  section.newsSlider .headlineBox .picture,
  .pageEndContainer .headlineBox .picture {
    margin-right: 0.625rem; }
    section.newsSlider .headlineBox .picture img,
    .pageEndContainer .headlineBox .picture img {
      width: auto;
      height: 3rem; }
  section.newsSlider .headlineBox h2,
  .pageEndContainer .headlineBox h2 {
    font-family: "Optima", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    font-size: 1.25rem;
    color: #7c1514;
    margin: 0; }
section.newsSlider .swiper-full-container,
.pageEndContainer .swiper-full-container {
  position: relative;
  margin-bottom: 1.875rem; }
  section.newsSlider .swiper-full-container .swiper-container .swiper-wrapper .swiper-slide,
  .pageEndContainer .swiper-full-container .swiper-container .swiper-wrapper .swiper-slide {
    height: auto; }
  section.newsSlider .swiper-full-container .swiper-button-next, section.newsSlider .swiper-full-container .swiper-button-prev,
  .pageEndContainer .swiper-full-container .swiper-button-next,
  .pageEndContainer .swiper-full-container .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(255, 255, 255, 0.75);
    color: #7c1514;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    margin-top: -1.25rem; }
    section.newsSlider .swiper-full-container .swiper-button-next svg, section.newsSlider .swiper-full-container .swiper-button-prev svg,
    .pageEndContainer .swiper-full-container .swiper-button-next svg,
    .pageEndContainer .swiper-full-container .swiper-button-prev svg {
      fill: #7c1514;
      width: 1.6666666667rem;
      height: 1.6666666667rem;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    section.newsSlider .swiper-full-container .swiper-button-next::after, section.newsSlider .swiper-full-container .swiper-button-prev::after,
    .pageEndContainer .swiper-full-container .swiper-button-next::after,
    .pageEndContainer .swiper-full-container .swiper-button-prev::after {
      display: none; }
  section.newsSlider .swiper-full-container .swiper-button-prev,
  .pageEndContainer .swiper-full-container .swiper-button-prev {
    left: -0.5rem; }
    section.newsSlider .swiper-full-container .swiper-button-prev svg,
    .pageEndContainer .swiper-full-container .swiper-button-prev svg {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
  section.newsSlider .swiper-full-container .swiper-button-next,
  .pageEndContainer .swiper-full-container .swiper-button-next {
    right: -0.5rem; }
section.newsSlider .newsContainer .content h3,
.pageEndContainer .newsContainer .content h3 {
  margin-bottom: 1rem; }
section.newsSlider .newsArticle,
.pageEndContainer .newsArticle {
  position: relative;
  height: 100%;
  background-color: white; }
  section.newsSlider .newsArticle .image,
  .pageEndContainer .newsArticle .image {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%); }
    section.newsSlider .newsArticle .image img,
    .pageEndContainer .newsArticle .image img {
      width: 100%;
      max-width: 100%;
      height: auto; }
  section.newsSlider .newsArticle .content,
  .pageEndContainer .newsArticle .content {
    padding: 1.25rem 1.0625rem 2.5rem; }
    section.newsSlider .newsArticle .content h2,
    .pageEndContainer .newsArticle .content h2 {
      font-family: "Open Sans", Arial, sans-serif;
      color: #7c1514;
      text-transform: uppercase;
      font-size: 0.875rem;
      margin-bottom: 1.875rem;
      font-weight: 600; }
    section.newsSlider .newsArticle .content a,
    .pageEndContainer .newsArticle .content a {
      position: absolute;
      bottom: 1.25rem;
      background-image: url(../img/bullet_green.png);
      background-position: left 5px;
      background-repeat: no-repeat;
      background-size: auto 8px;
      padding-left: 16px;
      color: #7c1514;
      font-size: 0.8125rem;
      font-weight: 600; }
section.newsSlider .bottomLink,
.pageEndContainer .bottomLink {
  text-align: right; }
  section.newsSlider .bottomLink a,
  .pageEndContainer .bottomLink a {
    display: inline-block;
    background-color: #e5d0d0;
    color: #7c1514;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-weight: 600;
    border-radius: 1rem;
    padding: 0.25rem 0.75rem;
    cursor: pointer; }

#c71 .newsBlogBox, #c3648 .newsBlogBox {
  padding-bottom: 1.0625rem; }
  #c71 .newsBlogBox .newsBlogElement .picture, #c3648 .newsBlogBox .newsBlogElement .picture {
    margin-bottom: 1.0625rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0 100%); }
    #c71 .newsBlogBox .newsBlogElement .picture img, #c3648 .newsBlogBox .newsBlogElement .picture img {
      max-width: 100%;
      height: auto; }
  #c71 .newsBlogBox .newsBlogElement .topline, #c3648 .newsBlogBox .newsBlogElement .topline {
    color: #ff8200;
    margin-bottom: 0.3125rem; }
  #c71 .newsBlogBox .newsBlogElement .headline, #c3648 .newsBlogBox .newsBlogElement .headline {
    color: #7c1514;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.625rem; }
    #c71 .newsBlogBox .newsBlogElement .headline a, #c3648 .newsBlogBox .newsBlogElement .headline a {
      font-size: 0.875rem; }
  #c71 .newsBlogBox .newsBlogElement .more, #c3648 .newsBlogBox .newsBlogElement .more {
    font-weight: 600; }
@media (min-width: 768px) {
  #c71, #c3648 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    #c71 > div, #c3648 > div {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    #c71 .newsBlogBox, #c3648 .newsBlogBox {
      width: 50%; } }

.loadMoreBox {
  overflow: hidden; }
  .loadMoreBox .line {
    border-bottom: 1px solid #7c1514;
    position: relative;
    margin-bottom: 1.25rem; }
    .loadMoreBox .line:before {
      content: "";
      position: absolute;
      bottom: -0.75rem;
      z-index: 1;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 2.125rem;
      height: 2.125rem;
      border: 1px solid #7c1514;
      background-color: #e7e7e7;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .loadMoreBox a {
    display: inline-block;
    background-color: #e5d0d0;
    color: #7c1514;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-weight: 600;
    border-radius: 1rem;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 12.5rem;
    margin-top: 2.125rem; }

.loadMoreHiddenContent {
  display: none; }

.news-catmenu {
  margin-bottom: 1.25rem; }
  .news-catmenu img {
    display: none; }
  .news-catmenu a {
    font-weight: 600;
    margin-bottom: 0.3125rem;
    list-style-image: url(../img/bullet_green.png);
    list-style: none;
    background-image: url("../img/bullet_green.png");
    background-position: left 0.375rem;
    background-repeat: no-repeat;
    background-size: auto 0.5rem;
    padding-left: 1rem; }
    .news-catmenu a p {
      margin: 0;
      display: inline; }
  .news-catmenu .active a {
    color: #ff8200; }

.newsBlogMeldungContainer .topline {
  color: #ff8200; }
.newsBlogMeldungContainer .picture img {
  width: 100%;
  max-width: none;
  height: auto; }
.newsBlogMeldungContainer .dottedLine {
  margin: 0.625rem 0; }
.newsBlogMeldungContainer .prev-next-article {
  position: relative;
  margin-bottom: 3.75rem; }
  .newsBlogMeldungContainer .prev-next-article::after {
    clear: both; }
  .newsBlogMeldungContainer .prev-next-article::before, .newsBlogMeldungContainer .prev-next-article::after {
    content: " ";
    display: table; }
  .newsBlogMeldungContainer .prev-next-article .prev {
    display: none;
    float: left;
    width: 50%; }
  .newsBlogMeldungContainer .prev-next-article .next {
    display: none;
    float: left;
    width: 50%;
    text-align: right; }
  .newsBlogMeldungContainer .prev-next-article .list a, .newsBlogMeldungContainer .prev-next-article .prev a, .newsBlogMeldungContainer .prev-next-article .next a {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 1.5rem;
    display: inline-block;
    line-height: 1.5rem; }
  .newsBlogMeldungContainer .prev-next-article .prev a {
    background-image: url(../img/btn_round_arrow_prev.png);
    padding-left: 1.875rem; }
  .newsBlogMeldungContainer .prev-next-article .next a {
    background-image: url(../img/btn_round_arrow.png);
    background-position: right center;
    padding-right: 1.875rem; }
  .newsBlogMeldungContainer .prev-next-article .list {
    position: absolute;
    bottom: -2.125rem; }
    .newsBlogMeldungContainer .prev-next-article .list a {
      background-image: url(../img/bullet_green.png);
      background-position: left 0.25rem;
      background-repeat: no-repeat;
      background-size: auto 0.5rem;
      padding-left: 1rem;
      color: #7c1514;
      font-size: 0.8125rem;
      font-weight: 600;
      line-height: normal; }
.newsBlogMeldungContainer .infos {
  line-height: 1.875rem;
  font-size: 0.8125rem; }
  @media (min-width: 1180px) {
    .newsBlogMeldungContainer .infos .threeCols {
      display: flex;
      justify-content: space-between;
      margin-left: -0.625rem;
      margin-right: -0.625rem; }
      .newsBlogMeldungContainer .infos .threeCols > div {
        width: 33.333%;
        padding-left: 0.625rem;
        padding-right: 0.625rem; } }
  .newsBlogMeldungContainer .infos a {
    font-weight: 600;
    line-height: 1.375rem; }
  .newsBlogMeldungContainer .infos .icons {
    display: inline-block; }
    .newsBlogMeldungContainer .infos .icons a {
      margin-top: 0; }
  .newsBlogMeldungContainer .infos > .row > .col-sm-4:nth-child(2) {
    text-align: center; }
  .newsBlogMeldungContainer .infos > .row > .col-sm-4:nth-child(3) {
    text-align: right; }
.newsBlogMeldungContainer .aboutGgwGroup {
  display: none; }

.teamBox {
  margin-bottom: 1.5rem; }
  .teamBox .teamElement {
    position: relative;
    display: flex; }
    .teamBox .teamElement .picture {
      position: relative;
      flex-grow: 0;
      flex-shrink: 0;
      width: 4.25rem;
      overflow: hidden;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%); }
      .teamBox .teamElement .picture img {
        width: 4.25rem;
        height: 4.25rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
        .teamBox .teamElement .picture img:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          transition: all 0.5s; }
    .teamBox .teamElement .overlayWrapper {
      padding-left: 1.0625rem;
      padding-right: 0; }
      .teamBox .teamElement .overlayWrapper .infos {
        position: relative;
        height: 100%; }
        .teamBox .teamElement .overlayWrapper .infos .name {
          color: #ff8200;
          font-size: 0.875rem; }
        .teamBox .teamElement .overlayWrapper .infos p {
          font-size: 0.8125rem; }
        .teamBox .teamElement .overlayWrapper .infos > .icons {
          display: none; }
  @media screen and (min-width: 360px) and (max-width: 767px), screen and (min-width: 1024px) {
    .teamBox .teamElement .picture {
      width: 8.5rem; }
      .teamBox .teamElement .picture img {
        width: 8.5rem;
        height: 8.5rem; }
    .teamBox .teamElement .overlayWrapper .infos .onBottom {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; } }

.colSmall .teamBox .extrainfo {
  display: none; }
.colSmall .teamBox .onBottom .dottedLine {
  display: none; }

.colBig #c3619 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  .colBig #c3619 > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem; }
    @media (min-width: 576px) {
      .colBig #c3619 > div {
        width: 50%; } }
    @media (min-width: 768px) {
      .colBig #c3619 > div {
        width: 100%; } }
    @media (min-width: 1024px) {
      .colBig #c3619 > div {
        width: 50%; } }
    @media (min-width: 1400px) {
      .colBig #c3619 > div {
        width: 33.333%; } }
.colBig .teamBox .teamElement .picture {
  width: 100%;
  height: auto;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.125rem), calc(100% - 2.125rem) 100%, 0 100%); }
  .colBig .teamBox .teamElement .picture img {
    width: 100%;
    height: auto; }
.colBig .teamBox .teamElement .overlayWrapper {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.75rem; }
  .colBig .teamBox .teamElement .overlayWrapper .onBottom .icons a {
    margin-top: 0.75rem; }
.colBig .teamBox .teamElement .infos {
  background: transparent linear-gradient(315deg, transparent 19px, rgba(255, 255, 255, 0.9) 0px) repeat scroll right bottom;
  height: 100%;
  padding: 1.0625rem;
  padding-bottom: 4.125rem;
  position: relative; }
  .colBig .teamBox .teamElement .infos .name {
    text-transform: uppercase;
    font-size: 1rem;
    color: #ff8200;
    margin-bottom: 0.3125rem; }
  .colBig .teamBox .teamElement .infos .extrainfo {
    display: none;
    padding-bottom: 0.625rem; }
    .colBig .teamBox .teamElement .infos .extrainfo .dottedLine {
      margin-bottom: 0.625rem; }
  .colBig .teamBox .teamElement .infos .onBottom {
    left: 1.0625rem;
    bottom: 0.75rem;
    width: calc(100% - 2.125rem); }
.colBig .teamBox.half .teamElement img.teamImage {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }
.colBig .teamBox.full .teamElement .overlayWrapper {
  top: 0;
  bottom: auto;
  height: 100%; }
  .colBig .teamBox.full .teamElement .overlayWrapper .infos .onBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.0625rem; }
.colBig .teamBox.full .teamElement img.teamImage {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-filter: blur(0.25rem);
  -moz-filter: blur(0.25rem);
  -ms-filter: blur(0.25rem);
  filter: blur(0.25rem); }
.colBig .teamBox.hasTwoCompanies .teamElement .overlayWrapper.overlayWrapperCompany .infos .description {
  cursor: pointer; }
  .colBig .teamBox.hasTwoCompanies .teamElement .overlayWrapper.overlayWrapperCompany .infos .description:hover {
    color: #7c1514; }

.historieAccordion {
  padding-bottom: 1.875rem; }
  .historieAccordion .box .head {
    cursor: pointer; }
    .historieAccordion .box .head .text {
      color: #7c1514;
      height: 1.5rem;
      line-height: 1.5rem;
      font-weight: 600; }
    .historieAccordion .box .head .leiste {
      background-image: url(../img/historie/historie_leiste.png);
      background-repeat: no-repeat;
      background-position: right center;
      position: relative;
      float: left;
      display: inline-block;
      height: 1.5rem;
      margin-right: 0.375rem; }
  .historieAccordion .box.open .head .leiste {
    background-image: url(../img/historie/historie_leiste_orange.png); }
  .historieAccordion .box .head .leiste:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&1+0,0+100 */
    background: -moz-linear-gradient(left, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00f8f8f8',GradientType=1 );
    /* IE6-9 */ }
  .historieAccordion .box[data-num="0"] .head .leiste {
    width: 2rem; }
  .historieAccordion .box[data-num="1"] .head .leiste {
    width: 3rem; }
  .historieAccordion .box[data-num="2"] .head .leiste {
    width: 4rem; }
  .historieAccordion .box[data-num="3"] .head .leiste {
    width: 5rem; }
  .historieAccordion .box[data-num="4"] .head .leiste {
    width: 6rem; }
  .historieAccordion .box[data-num="5"] .head .leiste {
    width: 7rem; }
  .historieAccordion .box[data-num="6"] .head .leiste {
    width: 8rem; }
  .historieAccordion .box[data-num="7"] .head .leiste {
    width: 9rem; }
  .historieAccordion .box.open .body {
    padding: 1.25rem 0px; }
  .historieAccordion .box .body .picture {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%); }
  .historieAccordion .box .body .nano {
    padding-top: 1.25rem; }
    .historieAccordion .box .body .nano > .nano-content {
      position: static; }
      .historieAccordion .box .body .nano > .nano-content > div {
        padding-right: 10px; }
  @media (min-width: 768px) {
    .historieAccordion .box .body {
      display: flex;
      justify-content: space-between;
      margin-left: -0.625rem;
      margin-right: -0.625rem; }
      .historieAccordion .box .body > div {
        padding-left: 0.625rem;
        padding-right: 0.625rem; }
      .historieAccordion .box .body .picture {
        order: 1;
        width: 66.666%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0 100%); }
      .historieAccordion .box .body .nano {
        order: 0;
        position: relative;
        width: 33.333%;
        height: auto;
        padding-top: 0;
        height: 200px; }
        .historieAccordion .box .body .nano > .nano-content {
          position: absolute; } }

@media only screen and (min-width: 380px) {
  section.content .historieAccordion .box[data-num="0"] .head .leiste {
    width: 32px; }
  section.content .historieAccordion .box[data-num="1"] .head .leiste {
    width: 64px; }
  section.content .historieAccordion .box[data-num="2"] .head .leiste {
    width: 96px; }
  section.content .historieAccordion .box[data-num="3"] .head .leiste {
    width: 128px; }
  section.content .historieAccordion .box[data-num="4"] .head .leiste {
    width: 160px; }
  section.content .historieAccordion .box[data-num="5"] .head .leiste {
    width: 192px; }
  section.content .historieAccordion .box[data-num="6"] .head .leiste {
    width: 224px; }
  section.content .historieAccordion .box[data-num="7"] .head .leiste {
    width: 256px; } }
@media only screen and (min-width: 520px) {
  section.content .historieAccordion .box[data-num="0"] .head .leiste {
    width: 48px; }
  section.content .historieAccordion .box[data-num="1"] .head .leiste {
    width: 96px; }
  section.content .historieAccordion .box[data-num="2"] .head .leiste {
    width: 144px; }
  section.content .historieAccordion .box[data-num="3"] .head .leiste {
    width: 192px; }
  section.content .historieAccordion .box[data-num="4"] .head .leiste {
    width: 240px; }
  section.content .historieAccordion .box[data-num="5"] .head .leiste {
    width: 288px; }
  section.content .historieAccordion .box[data-num="6"] .head .leiste {
    width: 336px; }
  section.content .historieAccordion .box[data-num="7"] .head .leiste {
    width: 384px; } }
@media only screen and (min-width: 768px) {
  section.content .historieAccordion .box[data-num="0"] .head .leiste {
    width: 64px; }
  section.content .historieAccordion .box[data-num="1"] .head .leiste {
    width: 128px; }
  section.content .historieAccordion .box[data-num="2"] .head .leiste {
    width: 192px; }
  section.content .historieAccordion .box[data-num="3"] .head .leiste {
    width: 256px; }
  section.content .historieAccordion .box[data-num="4"] .head .leiste {
    width: 320px; }
  section.content .historieAccordion .box[data-num="5"] .head .leiste {
    width: 384px; }
  section.content .historieAccordion .box[data-num="6"] .head .leiste {
    width: 448px; }
  section.content .historieAccordion .box[data-num="7"] .head .leiste {
    width: 512px; }

  section.content .historieAccordion .box .body .nano {
    height: 200px; } }
.ahnenContainer .ahnenBox {
  margin-bottom: 2.5rem; }
  .ahnenContainer .ahnenBox .name {
    font-family: "Optima", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    color: #7c1514;
    font-size: 1.25rem; }
  .ahnenContainer .ahnenBox .year {
    font-family: "Optima", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    color: #7c1514;
    font-size: 1.25rem;
    font-size: 1.125rem; }
  .ahnenContainer .ahnenBox .ahnenpicture {
    float: left;
    margin: 0.375rem 0.625rem 0.375rem 0;
    border: 1px solid #7c1514; }
    .ahnenContainer .ahnenBox .ahnenpicture img {
      margin: 0.125rem;
      max-width: 8rem;
      max-height: 8rem; }
  .ahnenContainer .ahnenBox .text {
    min-height: 8.125rem; }
    .ahnenContainer .ahnenBox .text.noPicture {
      margin-left: 0; }
@media (min-width: 768px) {
  .ahnenContainer {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    .ahnenContainer > div {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    .ahnenContainer .ahnenBox {
      width: 50%; } }

form h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem; }

.form-group {
  margin-bottom: 6px; }
  .form-group label {
    font-weight: normal; }
    .form-group label a {
      font-weight: 600;
      text-decoration: underline;
      font-size: 14px;
      color: #4f4f4f;
      cursor: pointer; }

.form-control {
  position: relative;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #517E09;
  border-radius: 0;
  box-shadow: none;
  color: #7c1514;
  padding: 0 5px;
  height: 24px;
  font-size: 0.875rem; }
  .form-control:focus {
    background-color: rgba(255, 255, 255, 0.5); }

select.form-control {
  border: 1px solid #517E09; }

.inputWrapper {
  position: relative; }
  .inputWrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 17px;
    background-color: #517E09; }
  .inputWrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #517E09; }
  .inputWrapper.fullBorder {
    border-bottom: none;
    border: 1px solid #517E09; }
    .inputWrapper.fullBorder .form-control {
      border-bottom: none; }
    .inputWrapper.fullBorder:before, .inputWrapper.fullBorder:after {
      display: none; }

.has-error .form-control {
  background-color: rgba(255, 0, 0, 0.3333); }

.radio-inline.onlyLabel,
.checkbox-inline.onlyLabel {
  padding-left: 0;
  padding-right: 20px; }

form a.btnSubmit {
  display: block;
  max-width: 300px;
  margin: 0 auto; }

.form-group .checkbox > input[type="checkbox"] {
  margin-left: 0; }

.form-group .checkbox > label {
  cursor: auto; }

form#contactForm textarea.form-control {
  height: 120px; }

form#contactForm #blockPlusButton_files,
form#contactForm .dropInputBlock {
  display: none; }

form#contactForm #inputBlocks_files > .inputBlock {
  margin-bottom: 16px; }

.hiddenInputTemplate {
  display: none; }

form#contactForm [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0; }

form#contactForm .input-group label span.btn {
  border-color: #e5d0d0;
  background-color: #e5d0d0;
  color: #7c1514;
  font-size: 0.875rem;
  padding-top: 1px;
  padding-bottom: 1px; }

form#contactForm .input-group .btnRemoveFileInput {
  border-color: #e5d0d0;
  background-color: #e5d0d0;
  color: #7c1514;
  font-size: 0.875rem;
  padding-top: 1px;
  padding-bottom: 1px; }

form#contactForm label {
  display: none; }

#contactForm .inputWrapper,
#tt_address_form .inputWrapper {
  margin-bottom: 24px; }

#contactForm .form-group-formMessage .inputWrapper,
#tt_address_form .form-group-formMessage .inputWrapper {
  margin-bottom: 5px; }

#contactForm label {
  display: none; }

#contactForm .form-group.form-group-formMessage label {
  display: block; }

#pageId-1 #contactForm .form-group.form-group-formMessage label {
  display: none; }

#contactForm #inputBlocks_files label {
  display: table-cell; }

#contactForm .checkbox label {
  display: inline-block; }

.checkbox {
  display: flex;
  align-items: flex-start; }
  .checkbox > input[type="checkbox"] {
    margin-right: 0.625rem; }

.modal .modal-content {
  border-radius: 0; }
  .modal .modal-content .modal-header {
    align-items: flex-start;
    background-image: url(../img/logo-GGW.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    min-height: 8.75rem;
    background-size: auto 4.5rem;
    padding-top: 7.5rem;
    border-bottom: none;
    padding-bottom: 0; }
    .modal .modal-content .modal-header .modal-title {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      color: #7c1514;
      font-size: 1.375rem; }
    .modal .modal-content .modal-header .btn-close {
      margin-top: -6.875rem; }
  .modal .modal-content .modal-body {
    padding-top: 0.625rem;
    padding-bottom: 1.25rem; }
    .modal .modal-content .modal-body h4 {
      font-family: "Optima", sans-serif;
      font-weight: 500;
      line-height: 1.1;
      text-transform: uppercase;
      color: #7c1514;
      font-size: 1.125rem;
      margin: 1.25rem 0 0.625rem; }
      .modal .modal-content .modal-body h4:first-of-type {
        margin-top: 0; }
  .modal .modal-content .modal-footer {
    display: none; }

.modal-backdrop.show {
  opacity: .8; }

/* ########################################### */
#shareOverlay .modal-dialog {
  max-width: none;
  margin: 0; }
  #shareOverlay .modal-dialog .modal-content {
    background-color: transparent;
    border: none; }
#shareOverlay .shareOverlayContent {
  position: relative;
  margin-top: 2.75rem;
  text-align: center;
  color: white;
  font-size: 1rem; }
  #shareOverlay .shareOverlayContent .btnShareOverlayClose {
    position: absolute;
    right: 0;
    top: -40px;
    padding: 0.625rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer; }
  #shareOverlay .shareOverlayContent img.logo {
    margin-bottom: 1.25rem;
    width: 6.25rem;
    height: 3.8125rem; }
  #shareOverlay .shareOverlayContent .url {
    margin-bottom: 1.25rem; }
  #shareOverlay .shareOverlayContent h2 {
    color: white;
    font-size: 1.25rem;
    margin-bottom: 1.25rem; }
  #shareOverlay .shareOverlayContent img.brief {
    margin-bottom: 1.25rem; }
  #shareOverlay .shareOverlayContent .button.arrow {
    display: block;
    width: 12.5rem;
    margin: 0 auto;
    margin-bottom: 2.5rem; }
  #shareOverlay .shareOverlayContent .shareIcons a {
    display: inline-block;
    margin: 0 0.3125rem 1.25rem; }

/* ########################################### */
#coronaSpecialOverlay .container {
  position: relative; }
#coronaSpecialOverlay .coronaSpecialContent {
  position: relative;
  margin-top: 44px;
  margin-bottom: 44px;
  text-align: center; }
#coronaSpecialOverlay .contentWrapper {
  margin: 0 auto;
  max-width: 768px;
  padding-left: 0;
  padding-right: 0; }
#coronaSpecialOverlay .btnCoronaSpecialOverlayClose {
  position: absolute;
  right: 0;
  /*top: -40px;*/
  padding: 10px;
  font-size: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #fff; }
#coronaSpecialOverlay .coronaSpecialContent img.logo {
  margin-bottom: 20px; }
#coronaSpecialOverlay .coronaSpecialContent .esel {
  background: rgba(0, 0, 0, 0) linear-gradient(225deg, transparent 40px, #E7E7E7 0px) repeat scroll right top;
  margin-top: -60px;
  z-index: 11111;
  position: relative;
  height: auto; }
  #coronaSpecialOverlay .coronaSpecialContent .esel .content {
    padding-left: 34px;
    padding-right: 34px; }
#coronaSpecialOverlay .coronaSpecialContent .doubleHead {
  padding: 20px 0 17px; }
  #coronaSpecialOverlay .coronaSpecialContent .doubleHead.withIcon .icon img {
    width: auto !important;
    height: 48px !important;
    margin-right: 12px; }
  #coronaSpecialOverlay .coronaSpecialContent .doubleHead .head1 {
    margin-bottom: 6px;
    text-align: left; }
  #coronaSpecialOverlay .coronaSpecialContent .doubleHead h2 {
    font-size: 36px;
    line-height: 24px;
    margin: 0; }
#coronaSpecialOverlay .coronaSpecialContent .textContent {
  background-color: #fff;
  padding: 34px;
  text-align: left; }
  #coronaSpecialOverlay .coronaSpecialContent .textContent h2 {
    margin: 0;
    font-size: 24px;
    margin-bottom: 12px; }
  #coronaSpecialOverlay .coronaSpecialContent .textContent .button {
    margin: 0 auto;
    display: block;
    max-width: 300px; }

@media only screen and (max-width: 767px) {
  #coronaSpecialOverlay .coronaSpecialContent .esel .content {
    padding-left: 17px;
    padding-right: 17px; }
  #coronaSpecialOverlay .coronaSpecialContent .doubleHead {
    padding: 13px 0 6px; }
    #coronaSpecialOverlay .coronaSpecialContent .doubleHead h2 {
      font-size: 22px;
      line-height: 24px; }
  #coronaSpecialOverlay .coronaSpecialContent .textContent {
    padding-left: 17px;
    padding-right: 17px; }
    #coronaSpecialOverlay .coronaSpecialContent .textContent h2 {
      font-size: 20px; } }
/* ########################################### */
#newsletterStoerer {
  position: fixed;
  right: -300px;
  bottom: 0;
  z-index: 900; }
  #newsletterStoerer .bg {
    background-image: url(../img/newsletter/bgStoerer.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 300px;
    padding: 30px 25px; }
  #newsletterStoerer h3 {
    font-family: "Optima", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 1.75rem;
    color: #7c1514; }
  #newsletterStoerer p {
    margin-bottom: 24px;
    font-size: 16px; }
  #newsletterStoerer .btnNewsletterStoererClose, #newsletterStoerer .btnCoronaSpecialOverlayClose {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 10px;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    cursor: pointer; }
  #newsletterStoerer .button.arrow {
    text-transform: uppercase; }
  #newsletterStoerer.coronaSpecial .bg {
    background-position: center -60px; }

/*
remove after corona
*/
@media only screen and (max-width: 767px) {
  #newsletterStoerer > img {
    max-width: 200px; }
  #newsletterStoerer .bg {
    width: 200px;
    padding: 15px 15px; }
  #newsletterStoerer h3 {
    font-size: 20px; }
  #newsletterStoerer p {
    margin-bottom: 16px;
    font-size: 14px; } }
footer {
  background-color: #4f4f4f;
  padding: 1.375rem 0;
  font-size: 13px;
  color: #b0b0b0;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 768px) {
    footer {
      margin-top: -4.25rem; } }
  @media (min-width: 768px) {
    footer {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1280px) {
    footer .footer > .container {
      padding-left: 0;
      padding-right: 0; } }
  footer a {
    color: #b0b0b0;
    font-size: 0.8125rem; }
    footer a:hover {
      color: white; }
  footer .twoCols {
    position: relative;
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
    @media (min-width: 768px) {
      footer .twoCols {
        padding-left: 1.0625rem;
        padding-right: 1.0625rem;
        margin-top: 4.25rem; } }
    @media (min-width: 1280px) {
      footer .twoCols {
        padding-left: 2.125rem;
        padding-right: 2.125rem; } }
    footer .twoCols .logo img.logo {
      width: 160px;
      height: 54px;
      margin-bottom: 0.625rem; }
    footer .twoCols .logo .company {
      margin-top: 64px;
      text-align: center; }
    footer .twoCols .links {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      flex-wrap: wrap; }
    @media (min-width: 768px) {
      footer .twoCols {
        display: flex;
        justify-content: space-between; }
        footer .twoCols .links {
          justify-content: flex-end; } }
    footer .twoCols .icons {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: flex-end; }
      @media (min-width: 768px) {
        footer .twoCols .icons {
          justify-content: center; } }

body.centerpage footer,
body.subcenterpage footer,
body#pageId-34 footer {
  margin-top: 2.5rem;
  margin-top: 0rem; }
  body.centerpage footer .twoCols,
  body.subcenterpage footer .twoCols,
  body#pageId-34 footer .twoCols {
    margin-top: 0; }

.onlyPrint {
  display: none; }

@media print {
  /*@media only screen and (min-width: 1200px) */
  body {
    background: none; }

  img {
    max-width: 100%;
    height: auto; }

  .onlyPrint {
    display: block; }

  .printLogo {
    text-align: center;
    margin: 0 auto 20px; }

  .printLogo img {
    max-width: 250px;
    height: auto; }

  .owl-carousel .owl-item, .sliderElementWrapper,
  .sliderElement {
    height: auto; }

  .sliderElement .contentBox {
    position: static;
    height: auto; }

  a.bullet {
    background-image: none;
    padding-left: 0; }

  .menuOverlay,
  section.navigation,
  section.slider,
  .owl-theme .owl-dots, .owl-theme .owl-nav,
  section.content .headlineBox .picture,
  section.content .colSmall .doubleHead .icon,
  section.content .colSmall .teamBox .icons,
  footer .icons, section.moreContent,
  footer, .modal,
  #newsletterStoerer {
    display: none; }

  section.content .row.headlineRow {
    padding: 0; }

  section.content .headlineBox {
    margin: 25px 0; }

  	/*
      body#pageId-42 section.slider {
  		display: block;
  	}
      body#pageId-42 section.slider .sliderElement {
  		height: 500px;
  	}
  	*/
  /* Home */
  section.homeImageBoxen .whiteBlock .col-xs-6 .text, section.homeImageBoxen .greenBlock .text .text {
    display: block; }

  .doubleHead.withIcon .icon,
  section.homeImageBoxen .whiteBlock .col-xs-6 .doubleHead:after, section.homeImageBoxen .greenBlock .doubleHead:after,
  .textOnPicture .dreieck {
    display: none; }

  .doubleHead.withIcon .headlines {
    min-height: 0; }

  section.homeImageBoxen .whiteBlock .textOnPicture {
    height: auto; }

  section.homeImageBoxen .whiteBlock .textOnPicture .picture {
    height: auto; }

  section.homeImageBoxen .whiteBlock .textOnPicture .fixedHeight610 {
    height: auto;
    position: static; }

  .esel.green .greenTop {
    height: auto;
    position: static; }

  .green .textOnPicture {
    height: auto; }

  .green .textOnPicture .text {
    height: auto;
    position: static; }

  .scrollable {
    height: auto;
    overflow: visible; }

  section.contact {
    display: none; }

  section.content li, section.moreContent li, section.centerTeaser li {
    background-image: none; }

  /* Centerpage */
  section .centerTeaser {
    margin-bottom: 20px; }

  section .centerTeaser .picture:after {
    display: none; }

  section.content ul, section.moreContent ul, section.centerTeaser ul {
    padding-left: 40px; }

  section.content li, section.moreContent li, section.centerTeaser li {
    padding-left: 0;
    list-style-type: disc; }

  /* Subcenterpage */
  section .centerTeaser.subCenterTeaser .col-xs-4 {
    display: none; }

  section .centerTeaser.subCenterTeaser .col-xs-8 {
    width: 100%; }

  /* GGW Team */
  .colBig .teamBox .teamElement .overlayWrapper {
    display: block !important;
    position: static; }

  .colBig .teamBox .teamElement .overlayWrapper .infos {
    background-color: #fff; }

  .colBig .teamBox .teamElement .overlayWrapper .infos .extrainfo {
    display: block !important; }

  .colBig .teamBox .teamElement .overlayWrapper .infos .extrainfo .dottedLine {
    border: none;
    margin-bottom: 10px; }

  .colBig .teamBox .teamElement .overlayWrapper .infos .extrainfo p {
    margin: 0; }

  .colBig .teamBox .teamElement .overlayWrapper .infos .onBottom {
    display: none; }

  /* Ansprechpartner */
  .colSmall .teamBox .teamElement .picture {
    float: left; }

  .colSmall .teamBox .teamElement .infos {
    padding-right: 0;
    padding-left: 76px; }

  section.content .colSmall .teamBox .extrainfo {
    display: block; }

  section.content .colSmall .teamBox .extrainfo .dottedLine {
    border: none;
    margin-bottom: 10px; }

  section.content .colSmall .teamBox .extrainfo p {
    margin: 0; }

  /* Historie */
  section.content .historieAccordion .box .head .leiste {
    display: none; }

  section.content .historieAccordion .box .head .text {
    font-size: 20px;
    margin: 10px 0; }

  section.content .historieAccordion .box .body {
    display: block; }

  /* News */
  .loadMoreBox {
    display: none; }

  .loadMoreHiddenContent {
    display: block; }

  .newsBlogMeldungContainer .infos > .row > .col-sm-4:nth-child(3) {
    display: none; }

  /* Mediathek */
  section .centerTeaser.subCenterTeaser .picture,
  .kundenmagazinBox .dottedLine,
  .kundenmagazinBox a.bullet {
    display: none; }

  .kundenmagazinBox .picture img {
    width: 75%; }

  .kundenmagazinBox .description {
    min-height: 0; }

  /* Glossar */
  section.content .accordion .box.open .head:after {
    display: none; }

  section.content .accordion .box.open .body {
    padding: 0; }

  section.content .accordion .box .head {
    border: none; }

  section.content .accordion .box .head:before,
  section.content .accordion .box .head:after {
    display: none; }

  section.content .accordion .box .body {
    display: block; }

  section.content .esel.glossarLetterBox,
  section.content .esel.glossarBox {
    display: none; }

  /* More content */
  section.moreContent .scrollable {
    height: auto; }

  .ftscroller_container {
    overflow: visible; }

  /* Footer */
  footer .row > div {
    height: auto; }

  footer .row > div.logo {
    height: 80px; }

  .newsBlogMeldungContainer .aboutGgwGroup {
    display: block; } }

/*# sourceMappingURL=ggw.css.map */