.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */
/**
 * Reset the margin and padding of the block elements
 */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0;
  padding: 0;
}

/**
 * Basic element formatting
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th, td {
  text-align: left;
  text-align: start; /* see #4596 */
  vertical-align: top;
}

abbr, acronym {
  font-variant: normal;
  border-bottom: 1px dotted #666;
  cursor: help;
}

blockquote, q {
  quotes: none;
}

fieldset, img {
  border: 0;
}

ul {
  list-style-type: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

/**
 * Default font settings
 */
input, button, textarea, select {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit;
}

pre, code {
  font-family: Monaco, monospace;
}

table {
  font-size: inherit;
}

caption, th {
  font-weight: bold;
}

body, form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

header, footer, nav, section, aside, article, figure, figcaption {
  display: block;
}

#main {
  width: 100%;
}

#main .inside {
  min-height: 1px; /* see #4893 */
}

/**
 * Flexible images (videos see #4896)
 *
 * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
 */
img {
  border: 0;
  padding: 0;
  margin: 0;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.ie8 img {
  width: auto; /* see #5789 */
}

/**
 * Format the Contao image galleries (now rendered as unordered lists)
 */
.ce_gallery ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.ce_gallery li {
  float: left;
}

.ce_gallery li.col_first {
  clear: left;
}

/**
 * Clear floats
 */
.block {
  overflow: hidden;
}

.clear, #clear {
  height: 1px;
  clear: both;
  margin-top: -1px;
}

/**
 * Hide invisible elements
 */
.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}

/**
 * Custom layout sections
 */
.custom {
  display: block;
}

#container:after, .custom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Buttons / Ecken
 */
html {
  font-family: "Nunito Sans", sans-serif;
  font-size: 100%;
  font-weight: 400;
  background-color: #282741;
  color: #000;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

#container {
  background-color: #ffffff;
  color: #000000;
}

/**
 * Imports
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fullWidth .flex-container-start,
.page-big,
.page {
  padding-left: 0%;
  padding-right: 0%;
}
@media (min-width: 0) and (max-width: 700px) {
  .fullWidth .flex-container-start,
  .page-big,
  .page {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.mod_navigation div.level_2 ul.level_2,
.page-big,
.page,
.fullWidth .flex-container-start,
.fullWidth .pagination,
#tabNav > div.level_1 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.mod_navigation div.level_2 ul.level_2:after,
.page-big:after,
.page:after,
.fullWidth .flex-container-start:after,
.fullWidth .pagination:after,
#tabNav > div.level_1:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 730px) {
  .mod_navigation div.level_2 ul.level_2,
  .page-big,
  .page,
  .fullWidth .flex-container-start,
  .fullWidth .pagination,
  #tabNav > div.level_1 {
    width: 700px;
  }
}
/*@include breakpoint($breite-m + 30 $breite-l + 30) {
    .page-3 {
        width:$breite-m;
    }
}*/
@media (min-width: 990px) {
  .mod_navigation div.level_2 ul.level_2,
  .page-big,
  .page,
  .fullWidth .flex-container-start,
  .fullWidth .pagination,
  #tabNav > div.level_1 {
    width: 960px;
  }
}
@media (min-width: 1180px) {
  .mod_navigation div.level_2 ul.level_2,
  .page-big,
  .page,
  .fullWidth .flex-container-start,
  .fullWidth .pagination,
  #tabNav {
    width: 1140px;
  }
}
@media (min-width: 1640px) {
  .mod_navigation div.level_2 ul.level_2,
  .page-big,
  .page,
  .fullWidth .flex-container-start,
  .fullWidth .pagination,
  #tabNav > div.level_1 {
    width: 1440px;
  }
}
@media (min-width: 1920px) {
  .page-big {
    width: 1900px;
  }
}
.rtl {
  float: right;
  clear: both;
}

.mod_navigation div.level_2 ul.level_2 {
  clear: both;
  overflow: hidden;
}

.new-line {
  clear: both;
}

/**
 * Rahmen
 */
.border-1 {
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}

/**
 * Schatten
 */
.schatten-1,
.schatten-image-1 img {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

#main .bild-rahmen-1 {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  text-align: center;
  padding: 2rem;
}
#main .bild-rahmen-1 img {
  max-width: 100%;
  margin-bottom: 0;
}

#main .bild-rahmen-2 {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  text-align: center;
  padding: 1rem;
}
#main .bild-rahmen-2 img {
  max-width: 100%;
  margin-bottom: 0;
}

/**
 * Verläufe
 */
.verlauf-1 {
  background: #00509c; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00509c", endColorstr="#48b0d6",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.verlauf-2 {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
}

.verlauf-3 {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#005097));
  background: linear-gradient(to right, #ccddee 0%, #005097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#005097",GradientType=1 ); /* IE6-9 */
}

.verlauf-3-a {
  background-size: 400% 400%;
  -webkit-animation: gradientbackground 15s ease infinite;
          animation: gradientbackground 15s ease infinite;
}

@-webkit-keyframes gradientbackground {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes gradientbackground {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.verlauf-4 {
  background: #005097; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #005097), to(#3474ab));
  background: linear-gradient(to right, #005097 1%, #3474ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005097", endColorstr="#3474ab",GradientType=1 ); /* IE6-9 */
}

.verlauf-5 {
  background: rgb(0, 80, 156);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 80, 156)), to(rgb(52, 116, 176)));
  background: linear-gradient(90deg, rgb(0, 80, 156) 0%, rgb(52, 116, 176) 100%);
}

.verlauf-green {
  background: #6a9ac6;
  background-image: -webkit-gradient(linear, left top, right top, from(#11867d), color-stop(#1de1d2), color-stop(#11867d), to(#11867d));
  background-image: linear-gradient(to right, #11867d, #1de1d2, #11867d, #11867d);
  background-size: 300% 100%;
  border-color: 11867d;
}

/**
 * Konturen
 */
.kontur-1 {
  border: solid 1px transparent; /* !important */
  border-radius: 1px;
  position: relative;
}
.kontur-1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px; /* !important */
  border-radius: inherit; /* !important */
  background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
  background: linear-gradient(to right, red, orange);
}

/**
 * Abstände
 */
.margin-1 {
  margin-top: 1rem;
  margin-bottom: 0;
  /*@include breakpoint(breite-l) {
      margin-top:$ab-3;
  }
  @include breakpoint(breite-xl) {
      margin-top:$ab-3;
  }*/
}
@media (min-width: breite-xxl) {
  .margin-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.margin-2 {
  margin-top: 1rem;
  margin-bottom: 0;
  /*@include breakpoint($breite-l) {
      margin-top:$ab-1 * 1.3 / 2;
      margin-bottom:$ab-1 * 1.3 / 2;
  }
  @include breakpoint($breite-xl) {
      margin-top:$ab-1 * 1.6 / 2;
      margin-bottom:$ab-1 * 1.6 / 2;
  }*/
}
@media (min-width: 1440px) {
  .margin-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.margin-3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 700px) {
  .margin-3 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.margin-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 700px) {
  .margin-4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.margin-main {
  clear: both;
  height: 1px;
  width: 100%;
  padding-top: 1.5rem;
}
@media (min-width: 700px) {
  .margin-main {
    padding-top: 4rem;
  }
}

.newline {
  clear: both;
}

/**
 * Paddings
 */
.padd-1 {
  padding: 1rem;
  padding-bottom: 0;
}

.padd-2 {
  padding: 2rem;
  padding-bottom: 1rem;
}

.padd-3 {
  padding: 3rem;
  padding-bottom: 2rem;
}

.padd-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 960px) {
  .padd-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1140px) {
  .padd-4 {
    padding-top: 1.3333333333rem;
    padding-bottom: 1.3333333333rem;
  }
}
@media (min-width: 1140px) {
  .padd-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

/**
 * Lists
 */
.list-1 ol {
  list-style-type: decimal;
  padding-left: 15px;
}
.list-1 ol li {
  margin-left: 10px;
  padding-left: 10px;
  text-indent: 0;
  line-height: 1.5em;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}
.list-1 ul li {
  margin-left: 1.2em;
  padding-left: 0;
  list-style: disc;
  list-style-position: outside;
}

.ce_text.list-2 ol,
.list-2 ol {
  margin-bottom: 0;
  list-style-type: decimal;
  padding-left: 0;
}
.ce_text.list-2 ol li:before,
.list-2 ol li:before {
  content: counter(counter);
  margin-left: -60px;
  position: absolute;
  background-color: #FDCA01;
  width: 40px;
  height: 40px;
  font-weight: 700;
  border-radius: 40px;
  padding: 8px 11px;
  text-align: center;
}
.ce_text.list-2 ol li,
.list-2 ol li {
  counter-increment: counter;
  background-position: left 2px;
  margin-left: 0;
  padding-left: 60px;
  text-indent: 0;
  line-height: 1.5em;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5rem;
}
.ce_text.list-2 ul li,
.list-2 ul li {
  background-image: url("../../files/daten/icon/icon-haken-2.png");
  background-image: none, url("../../files/daten/icon/icon-haken-2.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 22px 19px;
  background-position: left 2px;
  margin-left: 0;
  padding-left: 33px;
  list-style: none !important;
  list-style-position: outside;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}

.ce_text.list-3 ul li,
.list-3 ul li {
  list-style: none !important;
  list-style-position: outside;
  background-color: #333333;
  text-transform: uppercase;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  padding: 0.35rem 0.5rem;
  margin-left: 0;
  margin-bottom: 1rem;
}

#main .ce_text.list-4 ul li,
#main .list-4 ul li {
  margin-left: 0;
  list-style: none !important;
  list-style-position: outside;
  margin-top: 0.15em;
  padding: 0.35rem 0;
  margin-bottom: 0.15em;
  border-bottom: 1px solid #B1B1B1;
}
#main .ce_text.list-4 ul li img,
#main .list-4 ul li img {
  margin-bottom: 0;
  margin-right: 1rem;
}
#main .ce_text.list-4 ul li a:after,
#main .list-4 ul li a:after {
  content: " ›";
}
#main .ce_text.list-4 ul li:first-child,
#main .list-4 ul li:first-child {
  border-top: 1px solid #B1B1B1;
}

.ce_text.list-5 ul li,
.list-5 ul li {
  list-style: none !important;
  list-style-position: outside;
  background-color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  display: block;
  color: #000;
  padding: 0.5rem;
  margin-left: 0;
  font-weight: 900;
  margin-bottom: 0.5rem;
}

.ce_text.list-6 ul li,
.list-6 ul li {
  list-style: none !important;
  margin-left: 0;
}
.ce_text.list-6 ul li:before,
.list-6 ul li:before {
  content: "• ";
  font-size: 14px;
  margin-top: 0;
  display: block;
  float: left;
  margin-right: 5px;
}

.ce_text.list-7 ul li,
.list-7 ul li {
  list-style: none !important;
  margin-left: 0;
}
.ce_text.list-7 ul li:before,
.list-7 ul li:before {
  content: "";
  width: 15px;
  border-top: 1px solid #000;
  margin-top: 10px;
  display: block;
  float: left;
  margin-right: 12px;
}

/**
 * EFFECTS
 */
.effect-grey img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.effect-grey:hover img {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  -webkit-transition: opacity 0.65s ease-out;
  transition: opacity 0.65s ease-out;
}

/**
 * Buttons
 */
.btn-0-1 {
  margin-bottom: 1rem;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
.btn-0-1 span {
  background: #005097; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #005097), to(#3474ab));
  background: linear-gradient(to right, #005097 1%, #3474ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005097", endColorstr="#3474ab",GradientType=1 ); /* IE6-9 */
  color: #ffffff;
  display: block;
  border-radius: 5px;
  margin: 1px;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-0-1 span {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-0-1 span {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-0-1:hover span, .btn-0-1.active span {
  color: #ffffff;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  /*@include transition(background, 0.75s, ease-out);*/
}

.btn-0-2 {
  margin-bottom: 1rem;
  background: #005097; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #005097), to(#3474ab));
  background: linear-gradient(to right, #005097 1%, #3474ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005097", endColorstr="#3474ab",GradientType=1 ); /* IE6-9 */
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
.btn-0-2 span {
  background: #005097; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #005097), to(#3474ab));
  background: linear-gradient(to right, #005097 1%, #3474ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005097", endColorstr="#3474ab",GradientType=1 ); /* IE6-9 */
  color: #ffffff;
  display: block;
  border-radius: 5px;
  margin: 1px;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-0-2 span {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-0-2 span {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-0-2:hover span, .btn-0-2.active span {
  color: #ffffff;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  /*@include transition(background, 0.75s, ease-out);*/
}

.btn-0-3 {
  margin-bottom: 1rem;
  background-color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #00509C;
}
.btn-0-3 span {
  background-color: #ffffff;
  display: block;
  border-radius: 5px;
  margin: 1px;
  color: #00509C;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-0-3 span {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-0-3 span {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-0-3:hover span, .btn-0-3.active span {
  color: #ffffff;
  background-color: #00509C;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}

.btn-0-4 {
  margin-bottom: 1rem;
  background: rgb(0, 80, 156);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 80, 156)), to(rgb(52, 116, 176)));
  background: linear-gradient(90deg, rgb(0, 80, 156) 0%, rgb(52, 116, 176) 100%);
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
.btn-0-4 span {
  background: rgb(0, 80, 156);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 80, 156)), to(rgb(52, 116, 176)));
  background: linear-gradient(90deg, rgb(0, 80, 156) 0%, rgb(52, 116, 176) 100%);
  color: #ffffff;
  display: block;
  border-radius: 5px;
  margin: 1px;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-0-4 span {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-0-4 span {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-0-4:hover span, .btn-0-4.active span {
  color: #ffffff;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  /*@include transition(background, 0.75s, ease-out);*/
}

.btn-0-5 {
  margin-bottom: 1rem;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #00509C;
}
.btn-0-5 span {
  background-color: #ffffff;
  color: #00509C;
  display: block;
  border-radius: 5px;
  margin: 1px;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-0-5 span {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-0-5 span {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-0-5:hover span, .btn-0-5.active span {
  color: #ffffff;
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  /*@include transition(background, 0.75s, ease-out);*/
}

.btn-1, #main .btn-1 {
  background: #ccddee;
  background-image: -webkit-gradient(linear, left top, right top, from(#ccddee), color-stop(#3474b0), color-stop(#ccddee), to(#3474b0));
  background-image: linear-gradient(to right, #ccddee, #3474b0, #ccddee, #3474b0);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #ffffff !important;
  min-height: 40px;
}
.btn-1:after, #main .btn-1:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-1:hover, #main .btn-1:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-1:focus, #main .btn-1:focus {
  outline: none;
}
.btn-1 a, #main .btn-1 a {
  display: block;
  text-decoration: none;
}
.btn-1 a:after, #main .btn-1 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-1, #main .btn-1 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-1, #main .btn-1 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-1 a, #main .btn-1 a {
  color: #ffffff !important;
}

.btn-2, #main .btn-2 {
  background: #005097;
  background-image: -webkit-gradient(linear, left top, right top, from(#005097), color-stop(#3474b0), color-stop(#005097), to(#3474ab));
  background-image: linear-gradient(to right, #005097, #3474b0, #005097, #3474ab);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  border: 1px solid #0077e9;
  color: #ffffff !important;
  min-height: 40px;
}
.btn-2:after, #main .btn-2:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-2:hover, #main .btn-2:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-2:focus, #main .btn-2:focus {
  outline: none;
}
.btn-2 a, #main .btn-2 a {
  display: block;
  text-decoration: none;
}
.btn-2 a:after, #main .btn-2 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-2, #main .btn-2 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-2, #main .btn-2 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-2 a, #main .btn-2 a {
  color: #ffffff !important;
}

.btn-3, #main .btn-3 {
  background: #6a9ac6;
  background-image: -webkit-gradient(linear, left top, right top, from(#6a9ac6), color-stop(#3474b0), color-stop(#6a9ac6), to(#3474b0));
  background-image: linear-gradient(to right, #6a9ac6, #3474b0, #6a9ac6, #3474b0);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #ffffff !important;
  min-height: 40px;
}
.btn-3:after, #main .btn-3:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-3:hover, #main .btn-3:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-3:focus, #main .btn-3:focus {
  outline: none;
}
.btn-3 a, #main .btn-3 a {
  display: block;
  text-decoration: none;
}
.btn-3 a:after, #main .btn-3 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-3, #main .btn-3 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-3, #main .btn-3 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-3:hover, .btn-3:focus, .btn-3:active, #main .btn-3:hover, #main .btn-3:focus, #main .btn-3:active {
  color: #ffffff !important;
}
.btn-3 a, #main .btn-3 a {
  color: #ffffff !important;
}

.btn-4, #main .btn-4 {
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #00509C !important;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #00509C;
}
.btn-4:after, #main .btn-4:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-4:hover, #main .btn-4:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-4:focus, #main .btn-4:focus {
  outline: none;
}
.btn-4 a, #main .btn-4 a {
  display: block;
  text-decoration: none;
}
.btn-4 a:after, #main .btn-4 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-4, #main .btn-4 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-4, #main .btn-4 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-4:before, #main .btn-4:before {
  background: #00509C;
}
.btn-4:hover, .btn-4:focus, .btn-4:active, .btn-4:hover a, .btn-4:focus a, .btn-4:active a, #main .btn-4:hover, #main .btn-4:focus, #main .btn-4:active, #main .btn-4:hover a, #main .btn-4:focus a, #main .btn-4:active a {
  background-color: #00509C;
  color: #ffffff !important;
}
.btn-4 a, #main .btn-4 a {
  color: #00509C !important;
}

.btn-5, #main .btn-5 {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #282741;
}
.btn-5:after, #main .btn-5:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-5:hover, #main .btn-5:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-5:focus, #main .btn-5:focus {
  outline: none;
}
.btn-5 a, #main .btn-5 a {
  display: block;
  text-decoration: none;
}
.btn-5 a:after, #main .btn-5 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-5, #main .btn-5 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-5, #main .btn-5 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-5:hover, .btn-5:focus, .btn-5:active, .btn-5:hover a, .btn-5:focus a, .btn-5:active a, #main .btn-5:hover, #main .btn-5:focus, #main .btn-5:active, #main .btn-5:hover a, #main .btn-5:focus a, #main .btn-5:active a {
  color: #ffffff;
}
.btn-5 a, #main .btn-5 a {
  color: #282741;
}

.btn-6, #main .btn-6 {
  border: 0;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #282741;
  background-color: #ffffff;
}
.btn-6:after, #main .btn-6:after {
  margin-left: 0 !important;
  content: "" !important;
}
.btn-6:hover, #main .btn-6:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.btn-6:focus, #main .btn-6:focus {
  outline: none;
}
.btn-6 a, #main .btn-6 a {
  display: block;
  text-decoration: none;
}
.btn-6 a:after, #main .btn-6 a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .btn-6, #main .btn-6 {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .btn-6, #main .btn-6 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.btn-6:hover, .btn-6:focus, .btn-6:active, .btn-6:hover a, .btn-6:focus a, .btn-6:active a, #main .btn-6:hover, #main .btn-6:focus, #main .btn-6:active, #main .btn-6:hover a, #main .btn-6:focus a, #main .btn-6:active a {
  color: #ffffff !important;
}
.btn-6 a, #main .btn-6 a {
  color: #282741;
}

button.btn-green, #main .btn-green > button {
  background: #6a9ac6;
  background-image: -webkit-gradient(linear, left top, right top, from(#11867d), color-stop(#1de1d2), color-stop(#11867d), to(#11867d));
  background-image: linear-gradient(to right, #11867d, #1de1d2, #11867d, #11867d);
  background-size: 300% 100%;
  border-color: 11867d;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #ffffff !important;
  border: 1px solid #11867d;
  min-height: 40px;
}
button.btn-green:after, #main .btn-green > button:after {
  margin-left: 0 !important;
  content: "" !important;
}
button.btn-green:hover, #main .btn-green > button:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
button.btn-green:focus, #main .btn-green > button:focus {
  outline: none;
}
button.btn-green a, #main .btn-green > button a {
  display: block;
  text-decoration: none;
}
button.btn-green a:after, #main .btn-green > button a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  button.btn-green, #main .btn-green > button {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  button.btn-green, #main .btn-green > button {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
button.btn-green:hover, button.btn-green:focus, button.btn-green:active, #main .btn-green > button:hover, #main .btn-green > button:focus, #main .btn-green > button:active {
  color: #ffffff !important;
}
button.btn-green a, #main .btn-green > button a {
  color: #ffffff !important;
}

.btn-small, #main .btn-small {
  display: inline-block !important;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  min-height: auto !important;
}
.btn-small.centered-element a, #main .btn-small.centered-element a {
  margin-left: auto;
  margin-right: auto;
}

.inline-circle, .circle-kontur {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #00509C;
}
.inline-circle span, .circle-kontur span {
  background-color: #ffffff;
  color: #00509C;
  display: block;
  border-radius: 50%;
  margin: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.box-circle-kontur-2 {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #00509C;
  width: 200px;
  height: 200px;
  float: left;
}
.box-circle-kontur-2 span {
  background-color: #ffffff;
  color: #00509C;
  display: block;
  border-radius: 50%;
  margin: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.box-circle-kontur-2 span {
  width: 196px;
  height: 196px;
}
.box-circle-kontur-2 span figure {
  position: relative;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -48%);
          transform: translate(-50%, -48%);
}
.box-circle-kontur-2 span picture img {
  max-width: 90%;
  max-height: 90%;
  height: auto;
  margin: 0 !important;
}

/**
 * Trennlinien
 */
.trennlinie-1 {
  margin: 1.5rem auto;
  width: 100%;
  height: 2px;
  clear: both;
  border-top: 1px solid #B1B1B1;
}
@media (min-width: 700px) {
  .trennlinie-1 {
    margin: 4rem auto;
    width: 80%;
  }
}

.form-1 {
  /*legend {
  	width:100%;
  	display:block;
  	border:1px solid $grau-3;
  	@include breakpoint($breite-l) {
  		border:none;
  		background-color:$grau-1;
  	}
  }
  .radio_container legend {
  	width:100%;
  	display:block;

  }
  label {
  	width:100%;
  	@include breakpoint($breite-l) {
  		width:30%;
  		float:left;
  	}
  	display:block;
  	font-weight:400;

  }
     */
  /* zu einem späteren Zeitpunkt implementieren

  input.text:valid{
      background-color:green;
  }
  input.text:invalid{
      background-color:red;
  }
  input.text:placeholder-shown{
      background-color:$color-weiss;;
  }
  */
}
.form-1 legend, .form-1 textarea, .form-1 select, .form-1 input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
.form-1 legend, .form-1 input, .form-1 textarea {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-1 label {
  display: block;
}
.form-1 .widget-niceNumber > .nice-number button {
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #B1B1B1;
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #B1B1B1;
  width: 40px;
}
.form-1 .widget-niceNumber > .nice-number input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-width: 4ch;
}
.form-1 .widget-submit {
  margin-top: 1rem;
}
.form-1 fieldset.fieldsetIsStart {
  border-top: 2px dotted #B1B1B1;
  border-bottom: 0;
  padding: 2rem 0 0 0;
  margin: 2rem 0 2rem 0;
  /* Wenn Verschachtelung stattfindet */
}
.form-1 fieldset.fieldsetIsStart > legend {
  padding: 0 1rem 0 0;
  font-weight: bold;
  color: #000000;
  margin: 0;
}
.form-1 fieldset.fieldsetIsStart fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.form-1 .widget-radio {
  margin-bottom: 1em;
}
.form-1 .widget-radio span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.form-1 .widget-radio input.radio {
  position: absolute;
  margin-top: 0.25rem;
}
.form-1 .widget-radio label {
  margin-left: 30px;
}
.form-1 textarea,
.form-1 select,
.form-1 input.text, .form-1 input.password, .form-1 input.number {
  display: block;
  width: 100%;
}
.form-1 input.text, .form-1 input.password {
  min-height: 40px;
}
.form-1 select.select {
  height: 40px;
}
.form-1 textarea {
  min-height: 100px;
}
.form-1 .widget.text {
  position: relative;
}
.form-1 .widget.text:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-1 input[type=text]:disabled, .form-1 select:disabled {
  background-color: #f6f6f6;
}
.form-1 .b-contain *, .form-1 .b-contain *::before, .form-1 .b-contain *::after {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.form-1 .b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-1 .b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}
.form-1 .b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.form-1 .widget-checkbox-single {
  margin-bottom: 1rem;
}
.form-1 .widget-checkbox-single .b-contain {
  margin-bottom: 0;
}
.form-1 .widget-checkbox-single .b-contain span {
  line-height: inherit;
}
.form-1 .b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  /*background: rgba(241, 245, 248, 1);*/
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}
.form-1 .b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}
.form-1 .b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form-1 .b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
}
.form-1 .b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}
.form-1 .b-contain input:checked ~ .b-input::after {
  display: block;
}
.form-1 .b-contain:hover input ~ .b-input,
.form-1 .b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}
.form-1 .b-contain input:focus ~ .b-input {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
          box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}
.form-1 .b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}
.form-1 .b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-1 .b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-1 .b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}
.form-1 .b-contain input:checked:focus ~ .b-input, .form-1 .b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}
.form-1 .b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.form-1 .b-contain input + .b-input::before {
  -webkit-animation: b-ripple 250ms ease-out;
          animation: b-ripple 250ms ease-out;
}
.form-1 .b-contain input:checked + .b-input::before {
  -webkit-animation-name: b-ripple-duplicate;
          animation-name: b-ripple-duplicate;
}
.form-1 .b-contain .b-input::before {
  visibility: hidden;
}
.form-1 .b-contain input:focus + .b-input::before {
  visibility: visible;
}
.form-1 .b-contain:first-child .b-input::before {
  visibility: hidden;
}
.form-1 button.submit,
.form-1 input.submit {
  border: 0;
  cursor: pointer;
}
.form-1 .widget-submit.width100 button {
  width: 100%;
}
.form-1 input.submit[type=image] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.form-1 .inputHeight {
  line-height: 40px;
  height: 40px;
}
.form-1 .widget input.error, .form-1 .widget select.error, .form-1 .widget textarea.error {
  border-color: #D20643;
}
.form-1 .widget p.error {
  font-size: inherit;
  margin: 0 !important;
  color: #D20643;
  padding: 0;
}
.form-1 .widget-explanation a, .form-1 .widget-checkbox a {
  text-decoration: underline;
  color: #000000 !important;
}
.form-1 .widget-explanation.grau-2 a, .form-1 .widget-checkbox.grau-2 a {
  color: #B1B1B1 !important;
  font-weight: 200;
}
.form-1 .widget-explanation.grau-3, .form-1 .widget-checkbox.grau-3 {
  font-weight: 200;
}
.form-1 .widget-explanation.grau-3 a, .form-1 .widget-checkbox.grau-3 a {
  text-decoration: underline !important;
  color: #4D4D4D !important;
}
.form-1 select.select:focus {
  background-color: #EEEEEE;
}
.form-1 textarea:focus, .form-1 input.text:focus, .form-1 input.password:focus {
  border-color: #00509C;
}
.form-1 textarea,
.form-1 select,
.form-1 input.text, .form-1 input.password, .form-1 input.number {
  border: 1px solid #B1B1B1;
  background-color: #ffffff;
}
.form-1 button.submit,
.form-1 input.submit:not([type=image]) {
  background: #005097;
  background-image: -webkit-gradient(linear, left top, right top, from(#005097), color-stop(#3474b0), color-stop(#005097), to(#3474ab));
  background-image: linear-gradient(to right, #005097, #3474b0, #005097, #3474ab);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  border: 1px solid #0077e9;
  color: #ffffff !important;
  min-height: 40px;
}
.form-1 button.submit:after,
.form-1 input.submit:not([type=image]):after {
  margin-left: 0 !important;
  content: "" !important;
}
.form-1 button.submit:hover,
.form-1 input.submit:not([type=image]):hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.form-1 button.submit:focus,
.form-1 input.submit:not([type=image]):focus {
  outline: none;
}
.form-1 button.submit a,
.form-1 input.submit:not([type=image]) a {
  display: block;
  text-decoration: none;
}
.form-1 button.submit a:after,
.form-1 input.submit:not([type=image]) a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .form-1 button.submit,
  .form-1 input.submit:not([type=image]) {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .form-1 button.submit,
  .form-1 input.submit:not([type=image]) {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.form-1 button.submit a,
.form-1 input.submit:not([type=image]) a {
  color: #ffffff !important;
}

.form-horizontal .widget, .form-horizontal .legend {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
.form-horizontal .widget-submit {
  height: 40px;
}
.form-horizontal .widget-submit input.submit {
  margin-top: 1rem !important;
}
.form-horizontal .widget-explanation p {
  margin-top: 1rem;
  margin-bottom: 0;
}
.form-horizontal .widget input, .form-horizontal .widget select {
  margin-left: 0;
  margin-right: 0;
}

/**
 * Border-Radius
 */
/**
 * Mixin - Download-Schaltfläche
 */
.downloadField-1 {
  margin: 0 0.5rem;
}
.downloadField-1 a {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #CCDDEE;
  border-radius: 5px;
  padding: 0.7rem;
  text-align: left;
  color: #D20643;
}
.downloadField-1 a .extension {
  position: absolute;
  right: 27px;
  color: #ffffff;
  background-color: #D20643;
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.8125rem;
  padding: 2px 8px 2px 2px;
  top: 14px;
}
.downloadField-1 a .extension:after {
  background: url("../../files/daten/icon/icon-download-01.svg");
  content: "";
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: -4px;
  margin-left: 3px;
}

.downloadField-2 {
  margin: 0 0.5rem;
}
.downloadField-2 a {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #00509C;
  border-radius: 5px;
  padding: 0.7rem;
  text-align: left;
  color: #D20643;
}
.downloadField-2 a .extension {
  position: absolute;
  right: 27px;
  color: #ffffff;
  background-color: #D20643;
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.8125rem;
  padding: 2px 8px 2px 2px;
  top: 14px;
}
.downloadField-2 a .extension:after {
  background: url("../../files/daten/icon/icon-download-01.svg");
  content: "";
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: -4px;
  margin-left: 3px;
}

#main .events-2 .download a, #main .ce_download a {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #CCDDEE;
  border-radius: 5px;
  padding: 0.7rem;
  text-align: left;
  color: #D20643;
  font-weight: 400;
  -webkit-transition: all 0.3 ease-in-out !important;
  transition: all 0.3 ease-in-out !important;
}
#main .events-2 .download a .extension, #main .ce_download a .extension {
  position: absolute;
  right: 27px;
  color: #ffffff;
  background-color: #D20643;
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 0.8125rem;
  padding: 2px 8px 2px 2px;
  top: 14px;
}
#main .events-2 .download a .extension:after, #main .ce_download a .extension:after {
  background: url("../../files/daten/icon/icon-download-01.svg");
  content: "";
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: -4px;
  margin-left: 3px;
}
#main .events-2 .download a:hover, #main .ce_download a:hover {
  background-color: #adc9e4;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.box-1 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-1-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-1,
.box-1-rtl,
.box-1-1-rtl,
.box-1-1 {
  margin-top: 1rem;
}

.box-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-2-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-2,
.box-2-rtl,
.box-2-2-rtl,
.box-2-2 {
  margin-top: 1rem;
}

.box-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-3-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-3,
.box-3-rtl,
.box-3-3-rtl,
.box-3-3 {
  margin-top: 1rem;
}

.box-4 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-4-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-4,
.box-4-rtl,
.box-4-4-rtl,
.box-4-4 {
  margin-top: 1rem;
}

.box-5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-5-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-5,
.box-5-rtl,
.box-5-5-rtl,
.box-5-5 {
  margin-top: 1rem;
}

.box-6 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-6-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-6,
.box-6-rtl,
.box-6-6-rtl,
.box-6-6 {
  margin-top: 1rem;
}

.box-7 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-7-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-7,
.box-7-rtl,
.box-7-7-rtl,
.box-7-7 {
  margin-top: 1rem;
}

.box-8 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-8-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-8,
.box-8-rtl,
.box-8-8-rtl,
.box-8-8 {
  margin-top: 1rem;
}

.box-9 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-9-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-9,
.box-9-rtl,
.box-9-9-rtl,
.box-9-9 {
  margin-top: 1rem;
}

.box-10 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-10-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-10,
.box-10-rtl,
.box-10-10-rtl,
.box-10-10 {
  margin-top: 1rem;
}

.box-11 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-11-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-11,
.box-11-rtl,
.box-11-11-rtl,
.box-11-11 {
  margin-top: 1rem;
}

.box-12 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}

.box-12-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.box-12,
.box-12-rtl,
.box-12-12-rtl,
.box-12-12 {
  margin-top: 1rem;
}

.col-50 {
  display: block;
  width: 100%;
}
@media (min-width: 960px) {
  .col-50 {
    width: 50%;
    float: left;
  }
}

.col-25 {
  display: block;
  width: 100%;
}
@media (min-width: 960px) {
  .col-25 {
    width: 25%;
    float: left;
  }
}

.col-33 {
  display: block;
  width: 100%;
}
@media (min-width: 960px) {
  .col-33 {
    width: 33%;
    float: left;
  }
}

.box-1 {
  width: 22.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 990px) {
  .box-1 {
    width: 22.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1180px) {
  .box-1 {
    width: 5.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-1 {
    width: 5.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-1-rtl {
  width: 22.2222222222%;
  float: right;
  margin-right: 1.3888888889%;
  margin-left: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 990px) {
  .box-1-rtl {
    width: 22.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1180px) {
  .box-1-rtl {
    width: 5.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-1-rtl {
    width: 5.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-2 {
  width: 47.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1170px) {
  .box-2 {
    width: 13.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1180px) {
  .box-2 {
    width: 13.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-2 {
    width: 13.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-2-rtl {
  width: 47.2222222222%;
  float: right;
  margin-right: 1.3888888889%;
  margin-left: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 990px) {
  .box-2-rtl {
    width: 13.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1180px) {
  .box-2-rtl {
    width: 13.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-2-rtl {
    width: 13.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-3 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-3 {
    width: 22.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-3-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-3-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-3-rtl {
    width: 22.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-3-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-3-3 {
    width: 22.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-3-3-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-3-3-rtl {
    width: 22.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-4 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-4 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-4 {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
.box-4 .image_container > picture > img {
  max-width: 100%;
  height: auto;
}

.box-4-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-4-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-4-rtl {
    width: 30.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-4-4 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-4-4 {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-4-4-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 990px) {
  .box-4-4-2 {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-4-4-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-4-4-rtl {
    width: 30.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-5 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-5 {
    width: 38.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
.box-5 .image_container > picture > img {
  max-width: 100%;
  height: auto;
}

.box-5-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-5-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-5-rtl {
    width: 38.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-5-5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-5-5 {
    width: 38.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-5-5-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-5-5-rtl {
    width: 38.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-6 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
.box-6 .image_container > picture > img {
  max-width: 100%;
  height: auto;
}

.box-6-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-6-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-6-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-6-6 {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-6-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-6-6-rtl {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-6-6-rtl {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-7 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-7 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-7 {
    width: 55.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-7-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-7-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-7-rtl {
    width: 55.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-7-7 {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-7-7 {
    width: 55.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-7-7-rtl {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-7-7-rtl {
    width: 55.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-8 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-8 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-8 {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-8-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-8-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-8-rtl {
    width: 63.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-8-8 {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-8-8 {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-8-8-rtl {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-8-8-rtl {
    width: 63.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-9 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-9 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-9 {
    width: 72.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-9-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-9-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  .box-9-rtl {
    width: 72.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-9-9 {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-9-9 {
    width: 72.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-9-9-rtl {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-9-9-rtl {
    width: 72.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-10 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-10 {
    width: 80.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-10-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-10-rtl {
    width: 80.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-11 {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-11 {
    width: 88.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}

.box-11-rtl {
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .box-11-rtl {
    width: 88.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%;
  }
}

.box-mitte {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 1180px) {
  .box-mitte {
    width: 80.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
    margin-left: 9.7222222222%;
  }
}
@media (min-width: 1640px) {
  .box-mitte {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
    margin-left: 18.0555555556%;
  }
}

@media (min-width: 1640px) {
  .offset-1 {
    margin-left: 9.7222222222%;
  }
}
@media (min-width: 1640px) {
  .offset-2 {
    margin-left: 18.0555555556%;
  }
}
@media (min-width: 1640px) {
  .offset-3 {
    margin-left: 26.3888888889%;
  }
}
@media (min-width: 1640px) {
  .offset-4 {
    margin-left: 34.7222222222%;
  }
}
@media (min-width: 1640px) {
  .offset-5 {
    margin-left: 43.0555555556%;
  }
}
@media (min-width: 1640px) {
  .offset-6 {
    margin-left: 51.3888888889%;
  }
}
@media (min-width: 1640px) {
  .offset-7 {
    margin-left: 59.7222222222%;
  }
}
@media (min-width: 1640px) {
  .offset-8 {
    margin-left: 68.0555555556%;
  }
}
@media (min-width: 1640px) {
  .offset-9 {
    margin-left: 76.3888888889%;
  }
}
@media (min-width: 1640px) {
  .offset-10 {
    margin-left: 84.7222222222%;
  }
}
@media (min-width: 1640px) {
  .offset-11 {
    margin-left: 93.0555555556%;
  }
}
@media (min-width: 1640px) {
  .offset-12 {
    margin-left: 101.3888888889%;
  }
}
.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-button .ce_hyperlinkButton {
  width: 48%;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.flex-1 {
  width: 8.3%;
}

div.flex-2 {
  width: 16.6%;
}

div.flex-3 {
  width: 16.6%;
}

div.flex-4 {
  width: 33.3%;
}

div.flex-5 {
  width: 41.6%;
}

div.flex-6 {
  width: 50%;
}

div.flex-9 {
  width: 75%;
}

div.flex-50 {
  width: 49%;
}

div.flex-33 {
  width: 32%;
}

div.flex-25 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24%;
}

div.flex-20 {
  width: 19%;
}

/**
 * Flex-Boden
 */
.flex-container-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-container-start div.flex-1 {
  width: 8.3%;
}
.flex-container-start div.flex-2 {
  width: 16.6%;
}
.flex-container-start div.flex-3 {
  width: 16.6%;
}
.flex-container-start div.flex-4 {
  width: 33.3%;
}
.flex-container-start div.flex-5 {
  width: 41.6%;
}
.flex-container-start div.flex-6 {
  width: 50%;
}
.flex-container-start div.flex-9 {
  width: 75%;
}
.flex-container-start div.flex-50 {
  width: 49%;
}
.flex-container-start div.flex-33 {
  width: 32%;
}
.flex-container-start div.flex-25 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24%;
}
.flex-container-start div.flex-20 {
  width: 19%;
}

/*@import "fonts";*/
h1, h2, h3, h4, h5, h6, p, .headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6, caption, .border-1, .border-4, .border-5 {
  margin-top: 0;
  margin-bottom: 1rem;
}

form .widget, form legend {
  margin-top: 0;
  margin-bottom: 1rem;
}

form .widget-explanation {
  margin-bottom: 1rem;
}

#main img, ul, ol, video, table {
  margin-bottom: 1rem;
}

@media (min-width: 0) and (max-width: 700px) {
  #main img {
    max-width: 100%;
    height: auto;
  }
}

#main .no-margin img {
  margin-bottom: -8px;
}

video.no-margin,
table.no-margin,
ol.no-margin,
ul.no-margin,
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin,
p.no-margin {
  margin-bottom: 0em;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

h1, h2, h3, h4, h5, h6, .headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6 {
  color: #000000;
}

.headline-1 p,
.headline-1,
h1 {
  font-weight: 300;
  /*@include breakpoint($breite-m) {
      @include px-rem(font-size, 22);
  }*/
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .headline-1 p,
  .headline-1,
  h1 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1140px) {
  .headline-1 p,
  .headline-1,
  h1 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media (min-width: 1440px) {
  .headline-1 p,
  .headline-1,
  h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.headline-2 p,
.headline-2,
h2 {
  font-weight: 900;
  font-size: 23px;
  font-size: 1.4375rem;
}
@media (min-width: 960px) {
  .headline-2 p,
  .headline-2,
  h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1140px) {
  .headline-2 p,
  .headline-2,
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media (min-width: 1440px) {
  .headline-2 p,
  .headline-2,
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.headline-3 p,
.headline-3,
h3 {
  font-weight: 900;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .headline-3 p,
  .headline-3,
  h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1140px) {
  .headline-3 p,
  .headline-3,
  h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1440px) {
  .headline-3 p,
  .headline-3,
  h3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.headline-4 p,
.headline-4,
h4 {
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 960px) {
  .headline-4 p,
  .headline-4,
  h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1140px) {
  .headline-4 p,
  .headline-4,
  h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) {
  .headline-4 p,
  .headline-4,
  h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.headline-4 p a,
.headline-4 a,
h4 a {
  color: #000000 !important;
}
.headline-4 p a:hover, .headline-4 p a:focus,
.headline-4 a:hover,
.headline-4 a:focus,
h4 a:hover,
h4 a:focus {
  color: #404040;
}

.headline-5 p,
.headline-5,
h5 {
  font-weight: 900;
  font-size: 18px;
  font-size: 1.125rem;
}

.headline-6 p,
.headline-6,
h6 {
  font-weight: 900;
  font-size: 17px;
  font-size: 1.0625rem;
}

.headline-7 p,
.headline-7 {
  font-weight: 900;
  font-size: 23px;
  font-size: 1.4375rem;
}
@media (min-width: 960px) {
  .headline-7 p,
  .headline-7 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1140px) {
  .headline-7 p,
  .headline-7 {
    font-size: 72px;
    font-size: 4.5rem;
  }
}
@media (min-width: 1440px) {
  .headline-7 p,
  .headline-7 {
    font-size: 72px;
    font-size: 4.5rem;
  }
}

.headline-8 p,
.headline-8 {
  font-weight: 900;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .headline-8 p,
  .headline-8 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1140px) {
  .headline-8 p,
  .headline-8 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1440px) {
  .headline-8 p,
  .headline-8 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.headline-8 p a,
.headline-8 a {
  color: #000000 !important;
}
.headline-8 p a:hover, .headline-8 p a:focus,
.headline-8 a:hover,
.headline-8 a:focus {
  color: #404040;
}

.text-8 p,
.text-8 {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .text-8 p,
  .text-8 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1140px) {
  .text-8 p,
  .text-8 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1440px) {
  .text-8 p,
  .text-8 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.headline-9 p,
.headline-9 {
  font-weight: 900;
  font-size: 23px;
  font-size: 1.4375rem;
}
@media (min-width: 960px) {
  .headline-9 p,
  .headline-9 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1140px) {
  .headline-9 p,
  .headline-9 {
    font-size: 46px;
    font-size: 2.875rem;
  }
}
@media (min-width: 1440px) {
  .headline-9 p,
  .headline-9 {
    font-size: 46px;
    font-size: 2.875rem;
  }
}

.headlineP {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  font-weight: normal;
  font-size: 1rem;
}

/**
 * Farben
 */
.grau-1 {
  color: #EEEEEE;
}

.grau-2 {
  color: #B1B1B1;
}

.grau-3 {
  color: #4D4D4D;
}

/**
 * Links
 */
#container a {
  color: #00509C;
  text-decoration: none;
}

/**
 * Absätze
 */
.text {
  font-size: 18px;
  font-size: 1.125rem;
}

#main li {
  font-size: 17px;
  font-size: 1.0625rem;
}

p {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 1rem;
}

.p-2 a,
span.p-2,
.p-2 p,
p.p-2 {
  font-weight: 300;
  font-size: 17px;
  font-size: 1.0625rem;
}
@media (min-width: 960px) {
  .p-2 a,
  span.p-2,
  .p-2 p,
  p.p-2 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
@media (min-width: 1140px) {
  .p-2 a,
  span.p-2,
  .p-2 p,
  p.p-2 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media (min-width: 1440px) {
  .p-2 a,
  span.p-2,
  .p-2 p,
  p.p-2 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.p-3 p,
p.p-3 {
  color: #00509C;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

.p-4 p,
p.p-4 {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
}

a.extern:after {
  display: inline-block;
  content: "";
  background-image: url("../../files/daten/icon/icon-extern.png");
  background-size: 10px 9px;
  background-position: center right;
  background-repeat: no-repeat;
  width: 10px;
  height: 9px;
  margin-left: 3px;
}

.fett {
  font-weight: 900;
}

.light {
  font-weight: 300;
}

@media (min-width: 700px) {
  .right {
    text-align: right;
  }
}

@media (min-width: 700px) {
  .center {
    text-align: center;
  }
}

a {
  font-weight: 700;
}

.btn-xl {
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 960px) {
  .btn-xl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1180px) {
  .btn-xl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1640px) {
  .btn-xl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.list-s,
.btn-s {
  font-size: 16px;
  font-size: 1rem;
}

.btn100 {
  text-align: center;
  width: 100%;
}

.color-1 {
  color: #00509C;
}

.color-2 {
  color: #CCDDEE;
}

.color-3 {
  color: #282741;
}

.color-4 {
  color: #FDCA01;
}

.color-5 {
  color: #D20643;
}

.float_left {
  float: left;
}
@media (min-width: 960px) {
  .float_left.image_container {
    margin-right: 2rem;
    margin-bottom: 1rem;
  }
}

.float_right {
  float: right;
}
@media (min-width: 960px) {
  .float_right.image_container {
    margin-left: 2rem;
    margin-bottom: 1rem;
  }
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.small {
  font-size: 12px;
  font-size: 0.75rem;
}

hr {
  border-top: 1px solid #B1B1B1;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.hr {
  margin-bottom: 2rem;
}

strong {
  font-weight: 900;
}

/*span.name {
	width:80px;
	display:block;
	float:left;
}*/
/*span.number {
	-webkit-font-feature-settings: "lnum" 1; 
  	-moz-font-feature-settings: "lnum" 1; 
 	-moz-font-feature-settings: "lnum=1"; 
  	-ms-font-feature-settings: "lnum" 1; 
  	-o-font-feature-settings: "lnum" 1; 
  	font-feature-settings: "lnum" 1;
}*/
.border {
  border: 1px solid #00509C;
  padding: 1rem;
  padding-bottom: 0;
  background-color: #fff;
}

.border-1 {
  border: 1px solid #00509C;
  border-radius: 5px;
}

.border-4 {
  border: 1px solid #FDCA01;
  border-radius: 5px;
}

.border-5 {
  border: 1px solid #D20643;
  border-radius: 5px;
}

.border-r {
  border-radius: 5px;
}

.caption {
  border-radius: 5px;
  background-color: #00509C;
  color: #fff;
  padding: 0.25rem 0.35rem;
  position: absolute;
  margin-top: -44px;
}

.ce_video_cdn .caption {
  margin-top: -1.25rem;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background-color: transparent;
  color: #000;
  font-weight: 700;
  position: relative;
  margin-bottom: 1rem;
}

p.error {
  margin: 0 0 0.5rem 0;
  color: #D20643;
  padding: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-05 {
  margin-top: 0.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .mt-2 {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1140px) {
  .mt-2 {
    margin-top: 2rem;
  }
}

.mt-3 {
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .mt-3 {
    margin-top: 2rem;
  }
}
@media (min-width: 1140px) {
  .mt-3 {
    margin-top: 3rem;
  }
}

.mt-4 {
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .mt-4 {
    margin-top: 3rem;
  }
}
@media (min-width: 1140px) {
  .mt-4 {
    margin-top: 4rem;
  }
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 1rem;
}
@media (min-width: 960px) {
  .ml-2 {
    margin-left: 1.5rem;
  }
}
@media (min-width: 1140px) {
  .ml-2 {
    margin-left: 2rem;
  }
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 1rem;
}
@media (min-width: 960px) {
  .mr-2 {
    margin-right: 1.5rem;
  }
}
@media (min-width: 1140px) {
  .mr-2 {
    margin-right: 2rem;
  }
}

.mb-0 {
  margin-bottom: 0.25rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .mb-2 {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1140px) {
  .mb-2 {
    margin-bottom: 2rem;
  }
}

.mb-3 {
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .mb-3 {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1140px) {
  .mb-3 {
    margin-bottom: 3rem;
  }
}

/**
 * Displays none
 */
@media (min-width: 0) and (max-width: 600px) {
  .s-none {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .s-only {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 700px) {
  .m-none {
    display: none !important;
  }
}

@media (min-width: 700px) {
  .m-only {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 960px) {
  .l-none {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 1180px) {
  .xl-none {
    display: none !important;
  }
}

@media (min-width: 1640px) {
  .xxl-none {
    display: none !important;
  }
}

@media (min-width: 0) and (max-width: 1639px) {
  .xxl-only {
    display: none !important;
  }
}

.image-border-1 {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  background-color: #fff;
  padding: 1rem;
  padding-bottom: 0;
}
.image-border-1 picture > img {
  width: 100%;
}

.image30 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image30 .image_container img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image30 .image_container img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image30 .image_container img {
    width: 30%;
    height: auto;
  }
}

.image40 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image40 .image_container img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image40 .image_container img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image40 .image_container img {
    width: 40%;
    height: auto;
  }
}

.image50 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image50 .image_container img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image50 .image_container img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image50 .image_container img {
    width: 50%;
    height: auto;
  }
}

.image60 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image60 .image_container img {
    width: 60%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image60 .image_container img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image60 .image_container img {
    width: 60%;
    height: auto;
  }
}

.image70 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image70 .image_container img {
    width: 60%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image70 .image_container img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image70 .image_container img {
    width: 70%;
    height: auto;
  }
}

.image80 .image_container {
  text-align: center;
}
@media (min-width: 0) and (max-width: 600px) {
  .image80 .image_container img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 600px) {
  .image80 .image_container img {
    width: 60%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .image80 .image_container img {
    width: 80%;
    height: auto;
  }
}

.image100 .image_container {
  text-align: center;
}
.image100 .image_container img {
  width: 100%;
  height: auto;
}

/**
 * Text Overlay Effect
 */
.schattenParalaxOverlay {
  position: relative;
}
.schattenParalaxOverlay > span {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("/files/daten/layout/schein-02-01.png");
  background-repeat: repeat-y;
  /*background-position: -2500px 0px;*/
  content: "";
  left: 0px;
  top: 0px;
  display: block;
}

.textOverlayEffect {
  color: transparent;
  background-color: transparent;
  text-shadow: 0px 0px 1px #fff;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .textOverlayEffect {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 1140px) {
  .textOverlayEffect {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1440px) {
  .textOverlayEffect {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

@media (min-width: 1640px) {
  #mainNav1 {
    font-size: 1rem;
    color: #000000;
  }
  #mainNav1 a {
    text-decoration: none;
    color: #4D4D4D;
  }
  #mainNav1 a:hover, #mainNav1 a.isHover {
    color: #000000;
  }
  #mainNav1 ul {
    margin-bottom: 0;
    padding: 0;
  }
  #mainNav1 ul.level_1 {
    padding: 0;
    margin: 0;
    text-align: left;
  }
  #mainNav1 ul.level_1 li {
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
  }
  #mainNav1 ul.level_1 li a, #mainNav1 ul.level_1 li strong {
    display: block;
    text-decoration: none;
    padding: 20px 10px 24px 10px;
    font-weight: 400;
  }
  #mainNav1 ul.level_1 li .submenu {
    cursor: pointer;
  }
  #mainNav1 ul.level_1 li.first {
    margin-left: 0;
  }
  #mainNav1 ul.level_1 li > strong {
    font-weight: 900;
    color: #000000;
  }
  #mainNav1 ul.level_1 li.submenu > a:after, #mainNav1 ul.level_1 li.submenu > strong:after {
    margin-bottom: 2px;
    margin-left: 5px;
    content: "";
    border: solid #00509C;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  #mainNav1 ul.level_1 li.submenu > a:after, #mainNav1 ul.level_1 li.submenu > strong:after {
    opacity: 1;
  }
  #mainNav1 ul.level_1 li.active > a, #mainNav1 ul.level_1 li.active > strong, #mainNav1 ul.level_1 li.trail > a {
    font-weight: 900;
  }
  #mainNav1 ul.level_1 li.trail > a:after, #mainNav1 ul.level_1 li.active > a:after {
    border-width: 0 2px 2px 0;
  }
  #mainNav1 ul.level_1 div.level_2 {
    position: absolute;
    left: 0;
    z-index: 1001;
    overflow: hidden;
    color: #000000;
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    width: 100%;
    display: none;
  }
  #mainNav1 ul.level_1 div.level_2 li {
    padding-top: 10px;
    display: block;
    margin-left: 0px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #mainNav1 ul.level_1 div.level_2 li.first {
    margin-top: 5px;
  }
  #mainNav1 ul.level_1 div.level_2 li.submenu > a:after {
    opacity: 0;
  }
  #mainNav1 ul.level_1 div.level_2 li a, #mainNav1 ul.level_1 div.level_2 li strong {
    padding: 5px 10px 0px 10px;
    font-weight: 400;
    color: #000000;
  }
  #mainNav1 ul.level_1 div.level_2 li.active a, #mainNav1 ul.level_1 div.level_2 li.active strong, #mainNav1 ul.level_1 div.level_2 li.trail a {
    font-weight: 700;
  }
  #mainNav1 ul.level_1 ul.level_2 {
    padding-bottom: 2rem;
  }
  #mainNav1 ul.level_1 ul.level_2 ul.level_3 li, #mainNav1 ul.level_1 ul.level_2 ul.level_3 li.first {
    display: block;
    margin-left: 0px;
    width: 100%;
    padding: 0;
  }
  #mainNav1 ul.level_1 ul.level_2 ul.level_3 li a, #mainNav1 ul.level_1 ul.level_2 ul.level_3 li.first a {
    font-weight: 300;
  }
  #mainNav1 ul.level_1 ul.level_2 ul.level_3 a, #mainNav1 ul.level_1 ul.level_2 ul.level_3 strong {
    padding: 2px 10px 6px 10px;
    font-weight: 400;
  }
  #mainNav1 ul.level_1 li.isHover ul,
  #mainNav1 ul.level_1 li.active ul {
    display: block;
  }
  #mainNav1 ul.level_1 ul li {
    display: block;
    margin-left: 0px;
  }
  #mainNav2Overview {
    display: inline;
    float: left;
  }
  #mainNav2Overview + #mainNav2 ul {
    text-align: right;
  }
  #mainNav2, #mainNav2Overview {
    font-size: 1rem;
    color: #000000;
  }
  #mainNav2 a, #mainNav2Overview a {
    text-decoration: none;
    color: #000000;
  }
  #mainNav2 ul.level_1, #mainNav2Overview ul.level_1 {
    padding: 0;
    margin: 0;
    text-align: left;
  }
  #mainNav2 ul.level_1 li, #mainNav2Overview ul.level_1 li {
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
  }
  #mainNav2 ul.level_1 li a, #mainNav2 ul.level_1 li strong, #mainNav2Overview ul.level_1 li a, #mainNav2Overview ul.level_1 li strong {
    display: block;
    text-decoration: none;
    padding: 20px 10px 24px 10px;
    font-weight: 400;
  }
  #mainNav2 ul.level_1 li.active a, #mainNav2 ul.level_1 li.active strong, #mainNav2 ul.level_1 li.trail a, #mainNav2Overview ul.level_1 li.active a, #mainNav2Overview ul.level_1 li.active strong, #mainNav2Overview ul.level_1 li.trail a {
    font-weight: 900;
  }
  /**
   * Hauptnavigation
   * - Ebene 1 (Hauptnavigationspunkte))
   */
  #mainNav {
    font-size: 1rem;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #mainNav a, #mainNav span.submenu {
    text-decoration: none;
    color: #CCDDEE;
  }
  #mainNav a:hover, #mainNav a.isHover, #mainNav span.submenu:hover, #mainNav span.submenu.isHover {
    color: #ffffff;
  }
  #mainNav ul {
    margin-bottom: 0;
    padding: 0;
  }
  #mainNav ul.level_1 {
    padding: 0;
    text-align: left;
  }
  #mainNav ul.level_1 li {
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
  }
  #mainNav ul.level_1 li a, #mainNav ul.level_1 li strong, #mainNav ul.level_1 li span.forward {
    display: block;
    text-decoration: none;
    padding: 20px 10px 24px 10px;
    font-weight: 400;
  }
  #mainNav ul.level_1 li .submenu {
    cursor: pointer;
  }
  #mainNav ul.level_1 li.trail > a, #mainNav ul.level_1 li.trail > span {
    font-weight: 700;
    color: #ffffff;
  }
  #mainNav ul.level_1 li .isOpen {
    color: #ffffff;
  }
  #mainNav ul.level_1 li.first {
    margin-left: 0;
  }
  #mainNav ul.level_1 li > strong {
    font-weight: 700;
    color: #ffffff;
  }
  #mainNav ul.level_1 li > a:after, #mainNav ul.level_1 li > strong:after, #mainNav ul.level_1 li > span.forward:after {
    margin-bottom: 2px;
    margin-left: 5px;
    content: "";
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0;
  }
  #mainNav ul.level_1 li.submenu > a:after, #mainNav ul.level_1 li.submenu > strong:after, #mainNav ul.level_1 li.submenu > span.forward:after {
    opacity: 1;
  }
  #mainNav ul.level_1 li.trail > a:after {
    border-width: 0 2px 2px 0;
  }
  #mainNav ul.level_1 div.level_2 {
    position: absolute;
    left: 0;
    z-index: 1001;
    overflow: hidden;
    text-align: left;
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    color: #000000;
    background-color: #CCDDEE;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #mainNav ul.level_1 li.branches div.level_2 {
    background-image: url(../../files/daten/layout/bg_ffffff.png);
    background-repeat: repeat-y;
    background-position: 100% 100%;
    background-size: calc(50% - 340px) 100%;
  }
  #mainNav ul.level_1 ul.level_2 li {
    display: block;
    margin-left: 0px;
    float: left;
    width: 25%;
  }
  #mainNav ul.level_1 ul.level_2 li.first, #mainNav ul.level_1 ul.level_2 li.last {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #mainNav ul.level_1 ul.level_2 li.submenu > a, #mainNav ul.level_1 ul.level_2 li.submenu > strong, #mainNav ul.level_1 ul.level_2 li.submenu > span.forward {
    font-weight: 900;
  }
  #mainNav ul.level_1 ul.level_2 li.submenu > a:after, #mainNav ul.level_1 ul.level_2 li.submenu > strong:after, #mainNav ul.level_1 ul.level_2 li.submenu > span.forward:after {
    opacity: 0;
  }
  #mainNav ul.level_1 ul.level_2 a, #mainNav ul.level_1 ul.level_2 strong, #mainNav ul.level_1 ul.level_2 span.forward {
    color: #000000;
  }
  #mainNav ul.level_1 ul.level_2 span.forward {
    cursor: default;
  }
  #mainNav ul.level_1 ul.level_2 ul.level_3 li, #mainNav ul.level_1 ul.level_2 ul.level_3 li.first, #mainNav ul.level_1 ul.level_2 ul.level_3 li.last {
    display: block;
    margin-left: 0px;
    width: 100%;
    padding: 0;
  }
  #mainNav ul.level_1 ul.level_2 ul.level_3 a, #mainNav ul.level_1 ul.level_2 ul.level_3 strong {
    padding: 2px 10px 6px 10px;
    font-weight: 400;
  }
  #mainNav ul.level_1 ul.level_2 ul.level_3 li.active > strong {
    font-weight: 900;
    cursor: default;
  }
  #mainNav ul.level_1 li.isHover ul,
  #mainNav ul.level_1 li.active ul {
    display: block;
  }
  #mainNav ul.level_1 ul li {
    display: block;
    margin-left: 0px;
  }
}
@media (min-width: 0) and (max-width: 1640px) {
  #mainNav2Overview {
    background-color: #CCDDEE;
    color: #000000;
    padding: 1rem 1rem 0 1rem;
  }
  #mainNav2 {
    background-color: #ffffff;
    color: #000000;
    padding: 1rem 1rem 0 1rem;
  }
  #mainSubNav2 ul {
    padding: 0;
    margin: 0;
  }
  #mainSubNav2 ul li {
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  #mainSubNav2 ul li strong {
    font-weight: 400;
    padding: 0.25rem 0.5rem;
    border: 1px solid #CCDDEE;
    border-radius: 10px;
    color: #ffffff;
    background-color: #00509C;
  }
  #mainSubNav2 ul li a {
    font-weight: 400;
    padding: 0.25rem 0.5rem;
    border: 1px solid #B1B1B1;
    border-radius: 10px;
    color: #000000;
    background-color: #EEEEEE;
    text-decoration: none;
  }
}
/**
 * Meta-Menu
 */
#metaMenu {
  font-size: 1rem;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#metaMenu a {
  text-decoration: none;
  color: #ffffff;
}
#metaMenu .block {
  margin-left: 0.25rem;
  vertical-align: top;
  background-color: #00509C;
  cursor: pointer;
}
@media (min-width: 960px) {
  #metaMenu .block {
    margin-left: 1rem;
  }
}
#metaMenu .block a, #metaMenu .block strong {
  display: block;
  text-decoration: none;
  padding: 20px 5px 15px 5px;
  font-weight: 400;
}
@media (min-width: 600px) {
  #metaMenu .block a, #metaMenu .block strong {
    padding: 20px 10px 15px 10px;
  }
}
#metaMenu .block.first {
  margin-left: 0;
}

#layerIconLang span {
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 5px;
}
#layerIconLang span:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#layerIconLang.clicked span:after {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  margin-bottom: -2px;
}

#metaMenuRight {
  display: none;
  font-size: 1rem;
  color: #ffffff;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
  float: right;
}
#metaMenuRight a {
  text-decoration: none;
  color: #ffffff;
}
@media (min-width: 1000px) {
  #metaMenuRight {
    display: inline-block;
  }
}
#metaMenuRight .block {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: top;
  background-color: #00509C;
  cursor: pointer;
}
#metaMenuRight .block a, #metaMenuRight .block strong {
  display: block;
  text-decoration: none;
  padding: 20px 10px 15px 10px;
  font-weight: 400;
}
#metaMenuRight .block.first {
  margin-left: 0;
}

.actionPage #metaMenuRight {
  float: none;
  right: 0px;
  position: absolute;
}
.actionPage #metaMenuRight .block strong {
  padding: 15px 10px;
}

/**
 * Submenu unter
 */
#main .mod_subnavigation .flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 0) and (max-width: 1640px) {
  #main .mod_subnavigation .flex-end .nav-headline {
    display: none !important;
  }
}
#main .mod_subnavigation .flex-end .nav-headline span {
  font-weight: 700;
  color: #00509C;
  text-transform: uppercase;
  display: block;
  margin-top: 0.3rem;
}
@media (min-width: 600px) {
  #main .mod_subnavigation .flex-end .nav-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation {
  display: inline-block;
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation ul {
  margin-top: 0.3rem;
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation ul li {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  margin-right: 1rem;
  font-weight: 300;
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation ul li a {
  font-weight: 400;
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation ul li strong {
  font-weight: 700;
}
#main .mod_subnavigation .flex-end .nav-col .mod_navigation ul li.last {
  margin-right: 0;
}
#main .mod_subnavigation .flex-end .nav-col .btn-2 {
  max-height: 33px;
}
@media (min-width: 0) and (max-width: 600px) {
  #main .mod_subnavigation .flex-end .nav-col .btn-2 {
    width: 100%;
  }
}

/**
 * Breadcrumb Navigation
 */
#container .mod_breadcrumb a {
  font-size: 1rem;
}

.mod_breadcrumb {
  margin-top: 1rem;
}
.mod_breadcrumb ul {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none;
}
.mod_breadcrumb ul li {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  padding: 0;
  list-style: none;
}
.mod_breadcrumb ul li a {
  font-weight: 300;
}
.mod_breadcrumb ul li:after {
  content: ">";
  display: inline-block;
  margin-left: 0.5rem;
}
.mod_breadcrumb ul li.first {
  display: none;
}
.mod_breadcrumb ul li.last {
  margin: 0;
  font-weight: 400;
}
.mod_breadcrumb ul li.last:after {
  display: none;
  content: "";
}

/**
 * Mobile Menu
 */
#mobileMenuOpener {
  color: #ffffff;
}

/**
 * Damit die mobile Navigation nur einmal eingebunden wird, habe ich dies via Javascript realisiert.
 * Anbei die entsprechenden Selektoren die angepasst werden müssen, damit diese quasi matchen.
 * Hintergrund ist, dass die mobile Navigation durch das Javascript kopieren zusätzlich noch ein <div class hinzubekommt in der UL-Liste
 */
/* Close - Button */
#mmenuclose {
  position: absolute;
  z-index: 1000;
  color: #fff;
  left: 80%;
  top: 0px;
  width: 60px;
  height: 60px;
  display: none;
}

.mm-opening #mmenuclose {
  display: block;
  cursor: pointer;
}

#mmenuclose a {
  background-color: #272727;
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  background-size: 100% 100%;
}
#mmenuclose a span.border-4 {
  -webkit-transition: rotate 0.25s ease-out;
  transition: rotate 0.25s ease-out;
  height: 2px;
  background-color: #4D4D4D;
  display: block;
  border-radius: 4px;
}
#mmenuclose a span.border-4.first { /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(45deg); /* Safari */ /* Opera */ /* IE9 */
  transform: rotate(45deg); /* W3C */
  margin-top: 8px;
}
#mmenuclose a span.border-4.last { /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(-45deg); /* Safari */ /* Opera */ /* IE9 */
  transform: rotate(-45deg); /* W3C */
  margin-top: -2px;
}

.mm-menu {
  height: calc(100% - 70px) !important;
}

/**
 * Pagination
 */
.pagination {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.pagination ul {
  display: inline-block;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
.pagination ul li {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.pagination ul li:first-child {
  margin-left: 0;
}
.pagination ul li.next, .pagination ul li.last, .pagination ul li.previous, .pagination ul li.first {
  display: none;
}
.pagination ul li a {
  color: #000000 !important;
  font-weight: 300;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pagination ul li strong {
  color: #00509C;
  font-weight: 700;
  padding-right: 0.5rem;
}
.pagination .total, .pagination .first, .pagination .previous, .pagination .next, .pagination .last {
  text-transform: uppercase;
  font-weight: 300;
  display: inline;
}

/**
 * Tabbed-Navigation für Aktionsseiten
 */
#tabNav {
  background-color: #CCDDEE;
  width: 100%;
}
#tabNav ul.level_1 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 0;
}
#tabNav ul.level_1 li {
  margin: 4px 0 0 0;
  padding: 1rem;
  font-size: 1rem;
  float: left;
}
#tabNav ul.level_1 li.active {
  background-color: #ffffff;
}
#tabNav a {
  color: #000000;
}

#header {
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #00509C;
}
#header .inside .box-12 {
  margin-top: 0;
}
#header .inside .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 480px) {
  #header .inside .flex .logo img {
    width: 80px;
    height: auto;
  }
}
#header .inside .flex #metaMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .inside .flex #metaMenu .testen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .inside .flex #metaMenu .testen img {
  display: none;
}
#header .inside .flex #metaMenu .testen .image_container::before {
  display: block;
  content: "testen & kaufen";
}

#mainSubNav {
  color: #000000;
  background-color: #CCDDEE;
}
#mainSubNav .inside {
  width: 1440px;
  margin: 0 auto;
  padding-left: 10px;
}

@media (min-width: 1640px) {
  #mainSubNav2 {
    color: #000000;
    background-color: #ffffff;
    min-height: 64px;
  }
  #mainSubNav2 .inside {
    width: 1440px;
    margin: 0 auto;
    padding-left: 10px;
  }
}
.actionPage #header .inside .flex {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  position: relative;
}
.actionPage #header .ce_hyperlink {
  display: inline-block;
  padding-top: 20px;
  height: 65px;
  margin-left: 30px;
  font-weight: 700;
}
.actionPage #header .ce_hyperlink a {
  color: #fff;
  text-decoration: none;
}
.actionPage #header .ce_hyperlink a:before {
  margin-right: 3px;
  content: "‹";
  font-size: 90%;
}
.actionPage #header .ce_hyperlink a:hover {
  text-decoration: none;
}

#headLayerBoxes a {
  color: #00509C;
}
#headLayerBoxes h2 {
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}
@media (min-width: 960px) {
  #headLayerBoxes h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1140px) {
  #headLayerBoxes h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) {
  #headLayerBoxes h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
#headLayerBoxes p.error {
  font-size: 14px;
  font-size: 0.875rem;
}
#headLayerBoxes ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
#headLayerBoxes ul.level_1 {
  text-align: center;
}
#headLayerBoxes ul li {
  margin-bottom: 1rem;
}
#headLayerBoxes .inside > .block {
  position: absolute;
  z-index: 500;
  color: #ffffff;
  padding: 1rem 1rem 0 1rem;
  font-size: 1rem;
  display: none;
}
#headLayerBoxes .inside > .block .block {
  margin-bottom: 1rem;
}
@media (min-width: 0) and (max-width: 1639px) {
  #headLayerBoxes .inside > .block {
    top: 70px;
    width: 100%;
    background-color: #CCDDEE;
    color: #000000;
  }
}
@media (min-width: 1640px) {
  #headLayerBoxes .inside > .block {
    top: 71px;
    background-color: #EEEEEE;
    color: #000000;
    left: calc(50% + 720px);
    margin-left: -370px;
    margin-left: -405px;
    width: 400px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
}

/*
    Created on : 17.10.2019, 08:40:03
    Author     : BGeiger
*/
button {
  cursor: pointer;
}

#main .form-1 .widget.widget-niceNumber,
#main .form-1 .widget.mt-2 {
  margin-top: 2rem;
}
#main .form-1 .widget.widget-niceNumber label {
  margin-bottom: 0.45rem;
  font-weight: 300;
  font-size: 17px;
  font-size: 1.0625rem;
}
@media (min-width: 960px) {
  #main .form-1 .widget.widget-niceNumber label {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
@media (min-width: 1140px) {
  #main .form-1 .widget.widget-niceNumber label {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media (min-width: 1440px) {
  #main .form-1 .widget.widget-niceNumber label {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
#main .form-1 .widget.widget-customerno-proposal {
  position: relative;
}
#main .form-1 .widget.widget-customerno-proposal span.hint {
  display: none;
  position: absolute;
  right: 1rem;
  top: 2rem;
  color: #11867d;
  cursor: default;
}
#main .form-1 .widget.widget-customerno-proposal.customerNoVerified span.hint {
  display: block;
}
#main .form-1 .selectric {
  border-radius: 5px;
  border: 1px solid #B1B1B1;
  min-height: 42px;
}
#main .form-1 .qq-upload-button {
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #00509C !important;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #00509C;
  width: auto;
  max-width: 50%;
  cursor: pointer;
}
#main .form-1 .qq-upload-button:after {
  margin-left: 0 !important;
  content: "" !important;
}
#main .form-1 .qq-upload-button:hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
#main .form-1 .qq-upload-button:focus {
  outline: none;
}
#main .form-1 .qq-upload-button a {
  display: block;
  text-decoration: none;
}
#main .form-1 .qq-upload-button a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  #main .form-1 .qq-upload-button {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  #main .form-1 .qq-upload-button {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
#main .form-1 .qq-upload-button:before {
  background: #00509C;
}
#main .form-1 .qq-upload-button:hover, #main .form-1 .qq-upload-button:focus, #main .form-1 .qq-upload-button:active, #main .form-1 .qq-upload-button:hover a, #main .form-1 .qq-upload-button:focus a, #main .form-1 .qq-upload-button:active a {
  background-color: #00509C;
  color: #ffffff !important;
}
#main .form-1 .qq-upload-button a {
  color: #00509C !important;
}
#main .form-1 .qq-upload-list {
  max-width: 50%;
}
#main .form-1 .widget-upload-wtf {
  position: relative;
  margin-bottom: 2rem;
}
#main .form-1 .widget-upload-wtf input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
#main .form-1 .widget-upload-wtf .file-custom {
  max-width: 50%;
  position: absolute;
  top: 2rem;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: 0.075rem solid #ddd;
  border-radius: 0.5rem;
  -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
#main .form-1 .widget-upload-wtf .file-custom.filled {
  max-width: 100%;
}
#main .form-1 .widget-upload-wtf .file-custom::before {
  position: absolute;
  top: -0.075rem;
  right: -0.075rem;
  bottom: -0.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #fff;
  background-color: #005097;
  border: 0.075rem solid #ddd;
  border-radius: 0 0.5rem 0.5rem 0;
}
#main .form-1 .widget-upload-wtf .label.error .file-custom {
  margin-top: 1rem;
}

@media (min-width: 0) and (max-width: 520px) {
  #main .form-1 .flex-container-start div.flex-50 {
    width: 100%;
  }
}
.background-image-verlauf {
  height: 5px;
  display: block;
  width: 100%;
}

.ce_inlineCircleText {
  margin-bottom: 1rem;
}

/**
 * CE-Text Video
 */
.ce_textVideo .linkOpener a .icon {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 5px;
  background-image: url("../../files/daten/icon/playbutton_blau_36x36.png");
}
.ce_textVideo .linkOpener a .textInline {
  vertical-align: top;
  position: relative;
  top: 5px;
}
.ce_textVideo.ce_text_bild-1 .linkOpener a .icon {
  background-image: url("../../files/daten/icon/playbutton_weiss_36x36.png");
}
.ce_textVideo #videoContainerHolder > div {
  background-color: #000;
  position: absolute;
}
.ce_textVideo #videoContainerHolder > div video {
  margin: 0 !important;
  display: block;
}

.textVideoBox #cboxContent {
  margin-top: 0;
}
.textVideoBox #cboxLoadedContent {
  background-color: #000;
}

/**
 * Tabellen
 */
.table-1-head {
  background-color: #fff;
  /*box-shadow: 0px -5px 5px 0px #333;*/
  -webkit-box-shadow: 0 0 10px 0 rgb(171, 171, 171);
          box-shadow: 0 0 10px 0 rgb(171, 171, 171);
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table-1-head table {
  margin: 1rem 1rem 0 1rem;
  width: calc(100% - 2rem) !important;
}

.table-1-head-spacer {
  height: 10px;
  background-color: #fff;
  margin-top: 0;
  z-index: 10;
  position: relative;
  margin-bottom: -10px;
}

.table-1 {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgb(171, 171, 171);
          box-shadow: 0 0 10px 0 rgb(171, 171, 171);
  border-radius: 5px 0 0 5px;
  margin-top: 0;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table-1 table {
  margin: 1rem 1rem 2rem 1rem;
  width: calc(100% - 2rem) !important;
}
.table-1 table td {
  padding: 10px;
}
.table-1 table tr:nth-child(odd) td {
  background-color: #EEEEEE;
}
.table-1 table tr:nth-child(even) td {
  background-color: #ffffff;
}

#main .table-2 {
  width: 100%;
  background-color: #fff;
}
#main .table-2 table {
  padding: 0;
  margin: 0;
}
#main .table-2 table th {
  text-align: centeR;
  padding: 5px 3px;
  border: 1px solid #d5d5d5;
}
#main .table-2 table tr {
  text-align: center;
  padding: 0;
  margin: 0;
}
#main .table-2 table td {
  border: 1px solid #d5d5d5;
  padding: 5px 3px;
  vertical-align: inherit;
  text-align: center;
}
#main .table-2 table td img {
  margin-bottom: 0;
}
#main .table-2 table tr:nth-child(odd) td {
  background-color: #EEEEEE;
}
#main .table-2 table tr:nth-child(even) td {
  background-color: #ffffff;
}

/**
 * Color-1-Box
 */
.color-1-box {
  background-color: #00509C;
  color: #ffffff;
  padding: 2rem;
  padding-bottom: 1rem;
}

/**
 * Content-Elemente ce_text_bild
 */
#main .ce_text_bild.clear {
  height: auto;
}

#main .ce_text_bild {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1180px) {
  #main .ce_text_bild {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
#main .ce_text_bild .textHolder {
  position: relative;
  width: 85%;
  z-index: 1;
}
@media (min-width: 600px) {
  #main .ce_text_bild .textHolder {
    width: 65%;
  }
}
#main .ce_text_bild .textHolder .inline-verlauf {
  height: 5px;
  display: block;
  width: 100%;
}
#main .ce_text_bild .text {
  padding: 1rem 2rem 1rem 1rem;
}
@media (min-width: 600px) {
  #main .ce_text_bild .text {
    padding: 2rem 3rem 2rem 2rem;
  }
}
#main .ce_text_bild .image_container {
  border-radius: 5px;
  padding: 1.25rem;
  width: 19%;
  margin-left: -4%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
@media (min-width: 600px) {
  #main .ce_text_bild .image_container {
    width: 39%;
  }
}
#main .ce_text_bild .image_container a {
  position: relative;
}
#main .ce_text_bild .image_container img {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
#main .ce_text_bild .image_container:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
#main .ce_text_bild .image_container:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
#main .ce_text_bild a {
  font-weight: 700;
}
#main .ce_text_bild p:last-child {
  margin-bottom: 0;
}
#main .ce_text_bild .inline-circle {
  position: absolute;
  left: calc(82% + 7px);
  top: 7px;
  z-index: 3;
  pointer-events: none;
}
@media (min-width: 600px) {
  #main .ce_text_bild .inline-circle {
    left: calc(62% + 7px);
  }
}

#main .ce_text_bild-1 .textHolder {
  color: #ffffff !important;
  background: #00509c; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00509c", endColorstr="#48b0d6",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#main .ce_text_bild-1 .textHolder .headline {
  color: #ffffff !important;
}
#main .ce_text_bild-1 .textHolder .inline-verlauf {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#3474b0));
  background: linear-gradient(to right, #ccddee 0%, #3474b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#3474b0",GradientType=1 ); /* IE6-9 */
}
#main .ce_text_bild-1 a {
  color: #ffffff !important;
}

#main .ce_text_bild-2 .textHolder {
  background-color: #ffffff;
}
#main .ce_text_bild-2 .textHolder .inline-verlauf {
  background: #ccddee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ccddee), to(#005097));
  background: linear-gradient(to right, #ccddee 0%, #005097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccddee", endColorstr="#005097",GradientType=1 ); /* IE6-9 */
}

#main .ce_text_bild-3 .textHolder {
  background-color: #EEEEEE;
}

#main .ce_text_bild-gross .textHolder {
  position: absolute;
}
#main .ce_text_bild-gross .image_container {
  position: relative;
  margin-bottom: 0;
}

#container .refImageTeaser {
  background: rgb(0, 80, 156);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 80, 156)), to(rgb(52, 116, 176)));
  background: linear-gradient(90deg, rgb(0, 80, 156) 0%, rgb(52, 116, 176) 100%);
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  margin-bottom: 1rem;
}
#container .refImageTeaser a {
  color: #fff;
  font-weight: 300;
}
#container .refImageTeaser .text {
  padding: 1rem;
}
#container .refImageTeaser img {
  margin-bottom: 0;
  display: block;
}
#container .refImageTeaser .image_container {
  text-align: center;
}
#container .refImageTeaser .image_container img {
  width: 100%;
  height: auto;
}

/**
 * .ce_character_circle_with_text
 */
.ce_character_circle_with_text {
  margin-bottom: 1rem;
}
.ce_character_circle_with_text .content {
  position: relative;
}
.ce_character_circle_with_text .content .ce_text {
  display: inline-block;
  position: absolute;
  background-color: #00509C;
  color: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 30px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.ce_character_circle_with_text .content .ce_textarea {
  margin-left: 3rem;
}

#container .refImageTeaser:hover,
#main .ce_imageTeaser:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}

#main .ce_imageTeaser {
  padding-bottom: 4px;
  margin-bottom: 1rem;
  background: #ccddee;
  background-image: -webkit-gradient(linear, left top, right top, from(#ccddee), color-stop(#005097), color-stop(#ccddee), to(#005097));
  background-image: linear-gradient(to right, #ccddee, #005097, #ccddee, #005097);
  background-size: 300% 100%;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  /*
  .image_container {
      position: relative;
      display: block;
      width: 100%;
      height: 0;
      padding: 0 0 56.25%;
      img {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 100%;
          scale:1;
          moz-transition: all 0.3s ease-in-out!important;
         -o-transition: all 0.3s ease-in-out!important;
          -webkit-transition: all 0.3s ease-in-out!important;
          transition: all 0.3s ease-in-out!important;
      }
  }
  a:hover .image_container  img {
      height:97%;
      scale:1.05;
      moz-transition: all 0.3s ease-in-out!important;
      -o-transition: all 0.3s ease-in-out!important;
      -webkit-transition: all 0.3s ease-in-out!important;
      transition: all 0.3s ease-in-out!important;
  }*/
  vertical-align: middle;
  /*-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;

  &:hover, &:focus, &:active {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }*/
}
#main .ce_imageTeaser:hover {
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  background-position: 100% 0;
}
#main .ce_imageTeaser:focus {
  outline: none;
}
#main .ce_imageTeaser img {
  width: 100%;
  height: auto;
}
#main .ce_imageTeaser a {
  color: #00509C;
  text-decoration: none !important;
  max-width: 90%;
}
#main .ce_imageTeaser a:hover {
  color: #282741;
}
#main .ce_imageTeaser a:after {
  display: none;
}
#main .ce_imageTeaser a span:after {
  margin-left: 2px;
  content: "›";
  width: 3px;
}
#main .ce_imageTeaser .image_container,
#main .ce_imageTeaser .text_container {
  background-color: #ffffff;
}
#main .ce_imageTeaser .image_container img,
#main .ce_imageTeaser .text_container img {
  padding: 0 !important;
  margin: 0 !important;
}
#main .ce_imageTeaser .text_container {
  padding: 1rem;
  text-align: left;
  color: #00509C;
  font-weight: 700;
}

.box-2.cLogosVAligned > .ce_image {
  height: 200px;
  display: table-cell;
  vertical-align: middle;
}
.box-2.cLogosVAligned > .ce_image img {
  max-width: 100%;
  height: auto;
}

/**
 * SlideReveal
 */
.mod_slideReveal {
  padding: 10px 0 10px 0;
  z-index: 1049;
}
.mod_slideReveal .trigger {
  cursor: pointer;
  position: absolute;
  left: -60px;
  padding: 0 20px 10px 24px;
  background-color: #FDCA01;
  color: #fff;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.mod_slideReveal .inside {
  background-color: #FDCA01;
  color: #fff;
  padding: 0 10px 0 10px;
}
.mod_slideReveal .fas.fa-chevron-left {
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.mod_slideReveal.is_shown .fas.fa-chevron-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mod_slideReveal .content .headline {
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.mod_slideReveal .content .phoneNumber {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
}
.mod_slideReveal .content p {
  font-size: 0.9375rem;
  line-height: 1rem;
  padding: 1rem 0 0 0;
  margin: 0;
}
.mod_slideReveal .content a {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}
.mod_slideReveal .headline {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mod_slideReveal .phoneNumber {
  height: 120px;
}
.mod_slideReveal .email {
  margin-top: 20px;
  height: 40px;
}
@media (min-width: 0) and (max-width: 600px) {
  .mod_slideReveal {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 1180px) {
  .mod_slideReveal .trigger {
    left: -55px;
  }
}
@media only screen and (max-height: 499px) {
  .mod_slideReveal .trigger {
    height: 55px !important;
  }
  .mod_slideReveal .trigger .phoneNumber, .mod_slideReveal .trigger .email {
    display: none;
  }
}

/**
 * .ce_customer_report
 */
.ce_customer_report {
  background-color: #ffffff;
}
.ce_customer_report .image_container {
  text-align: center;
}
.ce_customer_report .image_container img {
  width: 100%;
  height: auto;
}
.ce_customer_report img {
  margin: 0 !important;
}
.ce_customer_report .text {
  position: relative;
}
.ce_customer_report .download {
  background-color: #fff;
  padding-top: 1rem;
  border-top: 1px solid #EEEEEE;
  margin: 0;
}
.ce_customer_report .download a {
  font-weight: 400;
  margin: 0;
  color: #D20643 !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.ce_customer_report .download a:hover {
  background-color: #adc9e4;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.ce_customer_report_teaser-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.ce_customer_report_small {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 4rem;
}
@media (min-width: 700px) {
  .ce_customer_report_small {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1180px) {
  .ce_customer_report_small {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
.ce_customer_report_small .text {
  padding: 1rem;
}
.ce_customer_report_small .text .customer {
  color: #00509C;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
@media (min-width: 700px) {
  .ce_customer_report_small .text {
    min-height: 250px;
  }
}
.ce_customer_report_small .download {
  width: calc(100% - 3rem);
}
@media (min-width: 700px) {
  .ce_customer_report_small .download {
    position: absolute;
    bottom: 1rem;
  }
}
.ce_customer_report_small .download a {
  min-width: 50%;
  display: inline-block;
}

.ce_customer_report_big {
  margin-bottom: 3rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_customer_report_big > .ce_image {
  margin-bottom: -6px;
  width: 100%;
  display: block;
}
@media (min-width: 990px) {
  .ce_customer_report_big > .ce_image {
    width: 50%;
  }
}
@media (min-width: 1640px) {
  .ce_customer_report_big > .ce_image {
    width: 58%;
  }
}
.ce_customer_report_big .text {
  width: 100%;
  display: block;
  padding: 1rem;
}
@media (min-width: 990px) {
  .ce_customer_report_big .text {
    width: 50%;
  }
}
@media (min-width: 1640px) {
  .ce_customer_report_big .text {
    width: 42%;
  }
}
@media (min-width: 1640px) {
  .ce_customer_report_big .text {
    padding: 2rem;
  }
}
.ce_customer_report_big .text .textarea {
  font-size: 17px;
  font-size: 1.0625rem;
}
.ce_customer_report_big .text .customer {
  color: #00509C;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.ce_customer_report_big .text .headline {
  margin-bottom: 1.5rem;
}
.ce_customer_report_big .text .download {
  margin-top: 1rem;
  width: calc(100% - 2rem);
  background-color: #fff;
}
@media (min-width: 990px) {
  .ce_customer_report_big .text .download {
    position: absolute;
    bottom: 1rem;
  }
}
.ce_customer_report_big .text .download a {
  min-width: 40%;
  display: inline-block;
}

/**
 * Custom Catalog - Referenzen Projekte-Liste
 */
.mod_customcataloglist.tl_isd_customers_ref_projects .refProjectImageTeaser .ce_image {
  height: 380px;
  width: 440px;
  display: table;
}
.mod_customcataloglist.tl_isd_customers_ref_projects .refProjectImageTeaser .ce_image .image_container {
  display: table-cell;
  vertical-align: middle;
}
.mod_customcataloglist.tl_isd_customers_ref_projects .refProjectImageTeaser .ce_image .image_container picture {
  margin: 0 auto;
  display: inline-block;
}
.mod_customcataloglist.tl_isd_customers_ref_projects .pagination {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}

.mod_customcataloglist.tl_isd_customers_ref_reports img {
  width: 100%;
  height: auto;
}
.mod_customcataloglist.tl_isd_customers_ref_reports .no-quote > picture > img {
  display: block;
  margin-bottom: 0 !important;
}

/**
 * Custom Catalog - Partner-Liste
 */
.mod_customcataloglist.tl_isd_partners .entry {
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.mod_customcataloglist.tl_isd_partners .entry.even {
  background-color: #EEEEEE;
}
.mod_customcataloglist.tl_isd_partners img {
  margin: 0 !important;
}

/**
 * Custom Catalog - Job-List
 */
.mod_customcataloglist.tl_isd_jobs .categoryHeadline {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.mod_customcataloglist.tl_isd_jobs .categoryHeadline.firstHeadline {
  margin-top: 0;
}
.mod_customcataloglist.tl_isd_jobs .entry {
  font-size: 20px;
  font-size: 1.25rem;
  clear: both;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #B1B1B1;
}
.mod_customcataloglist.tl_isd_jobs .entry a {
  color: #000000 !important;
}
.mod_customcataloglist.tl_isd_jobs .entry .name {
  font-weight: 700;
}

.mod_customcatalogreader.tl_isd_jobs {
  /*@include span(12);
  @include breakpoint($breite-l) {
      @include span(9);
  }*/
}
.mod_customcatalogreader.tl_isd_jobs .entrytext {
  margin-bottom: 2rem;
}
.mod_customcatalogreader.tl_isd_jobs .entrytext:after {
  display: block;
  width: 200px;
  max-width: 80%;
  height: 2px;
  background-color: #CCDDEE;
  content: "";
}
.mod_customcatalogreader.tl_isd_jobs h2 {
  margin-top: 1.5rem;
}
.mod_customcatalogreader.tl_isd_jobs .downloadField-1 {
  margin: 2rem 0;
  width: 200px;
  max-width: 80%;
}
.mod_customcatalogreader.tl_isd_jobs .job_location .ce_text {
  text-transform: capitalize;
}
.mod_customcatalogreader.tl_isd_jobs .job_info-block + .job_info-block {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #B1B1B1;
}
.mod_customcatalogreader.tl_isd_jobs .job_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print {
  .mod_customcatalogreader.tl_isd_jobs .job_btns {
    display: none;
  }
}
.mod_customcatalogreader.tl_isd_jobs .job_btns > * {
  margin-right: 0.5rem;
}
.mod_customcatalogreader.tl_isd_jobs .job_btns > *:last-child {
  margin-right: 0;
}
#main .mod_customcatalogreader.tl_isd_jobs .ce_hyperlink.btn-2 {
  display: none !important;
}
@media (min-width: 1180px) {
  #main .mod_customcatalogreader.tl_isd_jobs .ce_hyperlink.btn-2 {
    display: block !important;
  }
}
.mod_customcatalogreader.tl_isd_jobs .back {
  display: none;
}
@media (min-width: 1180px) {
  .mod_customcatalogreader.tl_isd_jobs .back {
    display: block;
  }
}
@media (max-width: 1180px) {
  .mod_customcatalogreader.tl_isd_jobs.job_right-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mod_customcatalogreader.tl_isd_jobs.job_right-side .job_btns {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 1rem;
  }
}
.mod_customcatalogreader.tl_isd_jobs.job_right-side .back {
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 1rem;
}
@media (min-width: 1180px) {
  .mod_customcatalogreader.tl_isd_jobs.job_right-side .back {
    display: none;
  }
}

/**
 * Custom Catalog - Filter
 */
.mod_customcatalogfilter {
  border-bottom: 1px solid #4D4D4D;
  margin-bottom: 4rem;
  padding-bottom: 1rem;
}
.mod_customcatalogfilter.tl_isd_jobs {
  margin-bottom: 0;
}
.mod_customcatalogfilter.tl_isd_customers_ref_reports .clearall {
  margin-top: 1rem;
}
.mod_customcatalogfilter .formbody {
  display: block;
}
@media (min-width: 1640px) {
  .mod_customcatalogfilter .formbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.mod_customcatalogfilter .formbody .select_container > select {
  background-color: #3474B0;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
  display: block;
  width: 100%;
}
.mod_customcatalogfilter .formbody .select_container > select:focus {
  background-color: #ffffff;
  color: #000000;
}
.mod_customcatalogfilter .formbody legend {
  display: block;
  width: 100%;
  border-bottom: 1px solid #4D4D4D;
  padding-bottom: 0.5rem;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0;
}
.mod_customcatalogfilter .formbody .radio_container > div, .mod_customcatalogfilter .formbody .checkbox_container > div {
  display: inline-block;
  margin-right: 1rem;
  margin-top: 0.5rem;
}
.mod_customcatalogfilter .formbody .checkbox_container label {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 24px;
  cursor: pointer;
  display: inline-block;
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.mod_customcatalogfilter .formbody .checkbox_container label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mod_customcatalogfilter .formbody .checkbox_container label .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #EEEEEE;
}
.mod_customcatalogfilter .formbody .checkbox_container label input ~ .checkmark {
  background-color: #EEEEEE;
}
.mod_customcatalogfilter .formbody .checkbox_container label input:checked ~ .checkmark {
  background-color: #00509C;
}
.mod_customcatalogfilter .formbody .checkbox_container label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mod_customcatalogfilter .formbody .checkbox_container label input:checked ~ .checkmark:after {
  display: block;
}
.mod_customcatalogfilter .formbody .checkbox_container label .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mod_customcatalogfilter .formbody .checkbox {
  margin-left: 2px;
}
.mod_customcatalogfilter .formbody.filtercount-1 > .widget.filter {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  margin: 0 2rem 0 0;
}
.mod_customcatalogfilter .formbody.filtercount-2 > .widget.filter {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  margin: 0 2rem 0 0;
}
.mod_customcatalogfilter .widget.submit_container {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  margin: 0;
}
.mod_customcatalogfilter .widget.submit_container button {
  cursor: pointer;
  border: 0;
  position: relative;
  background-color: transparent;
}
.mod_customcatalogfilter .widget.clearall {
  font-weight: 700;
}
.mod_customcatalogfilter .widget.submit {
  text-align: right;
}
.mod_customcatalogfilter .widget.submit button {
  background-image: url("../../files/daten/icon/icon-filter-02.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 40px;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  text-indent: -10000px;
}
.mod_customcatalogfilter .widget.product legend {
  margin-bottom: 1.125rem;
}
.mod_customcatalogfilter .widget.product .checkbox_container > div {
  margin-bottom: 0.5rem;
}
.mod_customcatalogfilter .widget.show_on legend {
  margin-bottom: 1rem;
}

.bg-grau-1 .mod_customcatalogfilter .formbody input ~ .checkmark, .bg-grau-1 .mod_customcatalogfilter .checkmark {
  background-color: #B1B1B1 !important;
}
.bg-grau-1 .mod_customcatalogfilter .formbody input:checked ~ .checkmark {
  background-color: #00509C !important;
}

.background-verlauf-1 .mod_customcatalogfilter {
  margin-bottom: 0;
  border: none;
  color: #fff;
}
.background-verlauf-1 .mod_customcatalogfilter .formbody {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.background-verlauf-1 .mod_customcatalogfilter .widget.submit_container button {
  color: #fff;
  font-weight: 700;
}
.background-verlauf-1 .mod_customcatalogfilter .widget.submit button {
  background-image: url("../../files/daten/icon/icon-filter-01.svg");
}

/**
 * Glossar - Navigations-Liste
 */
nav.navList ul li {
  display: inline-block;
  margin: 0 0.5rem 1rem 0;
  padding: 0;
}
nav.navList ul li a {
  padding: 0.5rem;
  display: block;
}

.mod_customcataloglist.tl_isd_glossary .headline {
  margin-top: 2rem;
}

/**
 * Photo-Credits-List
 */
.mod_photoCreditsList .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mod_photoCreditsList .wrapper > .block {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  text-align: center;
}

/**
 * MyISD - CustomersAdmin
 */
.mod_ISDSSOCustomersAdmin .memberList {
  display: table;
  width: 100%;
}
.mod_ISDSSOCustomersAdmin .memberList .tableRow {
  display: table-row;
}
.mod_ISDSSOCustomersAdmin .memberList .tableRow li {
  display: table-cell;
  padding: 10px 0;
  border-bottom: 1px solid #B1B1B1;
}
.mod_ISDSSOCustomersAdmin .memberList .tableRow li.tableHeader {
  font-weight: 700;
}

/**
 * ISD Locations
 */
.tl_isd_locations.flex-container-start {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media (min-width: 0) and (max-width: 990px) {
  .tl_isd_locations.flex-container-start div.flex-33 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
/**
 * Slider-Reveal - Tabulator
 */
.mod_slideReveal ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod_slideReveal ul.tabs li {
  color: #FFFFFF;
  display: inline-block;
  padding: 0 15px 1px 15px;
  margin: 18px 0 15px 0;
  cursor: pointer;
  border-bottom: 1px solid #ffffff;
  width: 49%;
}
.mod_slideReveal ul.tabs li.current {
  color: #666;
  border-bottom: 1px solid #666;
}

/*.mod_slideReveal .trigger{
    border-bottom: 4px solid 
}*/
.mod_slideReveal .tab-content {
  display: none;
  padding: 0 15px 0 15px;
}
.mod_slideReveal .tab-content.current {
  display: inherit;
}
.mod_slideReveal .content .tab-content .headline {
  padding-top: 2px;
}
.mod_slideReveal .trigger, .mod_slideReveal .content {
  min-height: 270px;
}
.mod_slideReveal .trigger {
  height: auto !important;
}

/**
 * Teaserblock
**/
.mod_article.fullwidth .page {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.mod_article.mt0 .page {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .isd-teaserblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.isd-teaserblock.yellow_mountains .teaserblock_headline:after {
  background-image: url("/files/daten/layout/backgrounds/ISD_mountains-yellow.png");
}
.isd-teaserblock.red_mountains .teaserblock_headline:after {
  background-image: url("/files/daten/layout/backgrounds/ISD_mountains-red.png");
}
.isd-teaserblock .teaserblock_headline {
  background-color: rgba(0, 0, 0, 0.34);
  padding: 20px 30px 90px 35px;
  position: relative;
}
@media screen and (min-width: 730px) {
  .isd-teaserblock .teaserblock_headline {
    padding: 45px 45px 90px 45px;
  }
}
@media screen and (min-width: 1024px) {
  .isd-teaserblock .teaserblock_headline {
    width: 25vw;
  }
}
.isd-teaserblock .teaserblock_headline:after {
  content: "";
  width: 100vw;
  height: 100px;
  max-width: 320px;
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/files/daten/layout/backgrounds/ISD_mountains-blue.png");
  background-position: left bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .isd-teaserblock .teaserblock_headline:after {
    max-width: 33vw;
    height: 100%;
  }
}
.isd-teaserblock .teaserblock_headline h1, .isd-teaserblock .teaserblock_headline h2, .isd-teaserblock .teaserblock_headline h3, .isd-teaserblock .teaserblock_headline h4, .isd-teaserblock .teaserblock_headline h5, .isd-teaserblock .teaserblock_headline h6 {
  color: white;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .isd-teaserblock .teaserblock_headline h1, .isd-teaserblock .teaserblock_headline h2, .isd-teaserblock .teaserblock_headline h3, .isd-teaserblock .teaserblock_headline h4, .isd-teaserblock .teaserblock_headline h5, .isd-teaserblock .teaserblock_headline h6 {
    margin-left: auto;
    margin-right: auto;
  }
}
.isd-teaserblock .teaserblock_content {
  width: 100%;
  padding: 20px 5% 20px 5%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 730px) {
  .isd-teaserblock .teaserblock_content {
    padding: 40px 80px 40px 40px;
    width: 700px;
  }
}
@media screen and (min-width: 990px) {
  .isd-teaserblock .teaserblock_content {
    width: 960px;
  }
}
@media screen and (min-width: 1180px) {
  .isd-teaserblock .teaserblock_content {
    width: 1440px;
  }
}

/** Colorbox für den Referenzen-Video-Slider **/
.textVideoBox #cboxClose, .textVideoBox #cboxNext, .textVideoBox #cboxPrevious {
  background-image: url("/files/daten/layout/colorbox_controls.svg");
  opacity: 0.9;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.textVideoBox #cboxClose:hover, .textVideoBox #cboxClose:focus, .textVideoBox #cboxNext:hover, .textVideoBox #cboxNext:focus, .textVideoBox #cboxPrevious:hover, .textVideoBox #cboxPrevious:focus {
  opacity: 1;
}
.textVideoBox #cboxClose {
  background-size: 200px;
  width: 40px;
  height: 40px;
  background-position: top center;
}
.textVideoBox #cboxNext, .textVideoBox #cboxPrevious {
  background-size: 300px;
  background-position: center right;
  width: 65px;
}
.textVideoBox #cboxPrevious {
  background-position: center left;
}

/**
 * Störer-Button
**/
.fullheight-header {
  position: relative;
}

.stoerer-btn p {
  margin-bottom: 0;
  font-size: 0.9rem;
  text-transform: uppercase;
}
@media screen and (min-width: 730px) {
  .stoerer-btn p {
    font-size: 1.2rem;
  }
}
.stoerer-btn a {
  color: white !important;
  background: #D20643;
  position: absolute;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  top: -16px;
  right: -16px;
  width: 110px;
  padding: 30px;
  height: 110px;
  z-index: 2;
}
@media screen and (min-width: 600px) {
  .stoerer-btn a {
    right: auto;
    left: -16px;
  }
}
@media screen and (min-width: 730px) {
  .stoerer-btn a {
    top: -30px;
    left: -25px;
    width: 180px;
    height: 180px;
    padding: 40px 35px;
  }
}
.stoerer-btn a:hover {
  background: #00509C;
}
.stoerer-btn.orange-btn a {
  background: #DD4E2E;
}
.stoerer-btn.orange-btn a:hover {
  background: #00509C;
}

/**
* Teaser-List mit Bild
**/
#main .teaserList .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
#main .teaserList .slick-track:after, #main .teaserList .slick-track:before {
  display: none;
}
#main .teaserList .slick-slide {
  height: auto;
}
#main .teaserList .slick-slide > div {
  height: 100%;
  padding: 0.5rem;
}
#main .teaserList .slick-prev {
  left: 0;
}
#main .teaserList .slick-next {
  right: 0;
}
#main .teaserList .slick-arrow {
  background: #00509C;
  width: 50px;
  height: 50px;
  z-index: 2;
}
@media screen and (max-width: 990px) {
  #main .teaserList .slick-arrow {
    top: 25%;
  }
}
#main .teaserList img {
  width: 100%;
  height: auto;
}
#main .teaserWrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #EEEEEE;
}
#main .teaserText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5rem 1.5rem;
}

/**
* Liste von Boxen mit Rahmen
**/
.bordered-boxes-list, .borderless-boxes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bordered-boxes-list .rs-column, .borderless-boxes-list .rs-column {
  border: 1px solid #EEEEEE;
  padding: 1rem 1.5rem;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}
.bordered-boxes-list .rs-column.-large-col-4-1, .borderless-boxes-list .rs-column.-large-col-4-1 {
  width: calc(25% - 1.125rem);
}
.bordered-boxes-list .rs-column.-large-col-3-1, .borderless-boxes-list .rs-column.-large-col-3-1 {
  width: calc(33.3333333333% - 1rem);
}
.bordered-boxes-list .rs-column.-large-last, .borderless-boxes-list .rs-column.-large-last {
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  .bordered-boxes-list .rs-column.-large-last, .borderless-boxes-list .rs-column.-large-last {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 900px) {
  .bordered-boxes-list .rs-column.-medium-col-2-1, .borderless-boxes-list .rs-column.-medium-col-2-1 {
    width: calc(50% - 0.75rem);
  }
  .bordered-boxes-list .rs-column.-medium-col-2-1.-medium-last, .borderless-boxes-list .rs-column.-medium-col-2-1.-medium-last {
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .bordered-boxes-list .rs-column.-small-col-1-1, .borderless-boxes-list .rs-column.-small-col-1-1 {
    width: 100%;
    margin-right: 0;
  }
  .bordered-boxes-list .rs-column.-small-last, .borderless-boxes-list .rs-column.-small-last {
    margin-right: 0;
  }
}
.bordered-boxes-list .rs-column .image_container img, .borderless-boxes-list .rs-column .image_container img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.bordered-boxes-list .rs-column .ce_text p:last-child, .borderless-boxes-list .rs-column .ce_text p:last-child {
  margin-bottom: 0;
}

.borderless-boxes-list .rs-column {
  border: 0;
}

/** 
* Referenzprojekte Details
**/
.refProjectDetailsPage #main {
  position: relative;
}
.refProjectDetails .refProjectImageTeaser {
  /*&, .ce_gallery ul {
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      gap: 20px;
  }*/
}
.refProjectDetails .refProjectImageTeaser .refProjectImageTeaser_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  gap: 20px;
}
.refProjectDetails .refProjectImageTeaser .ce_gallery {
  width: 100%;
}
.refProjectDetails .refProjectImageTeaser .grid-sizer, .refProjectDetails .refProjectImageTeaser .grid-item {
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.refProjectDetails .refProjectImageTeaser .refProjectImageTeaser_img .cboxElement {
  width: calc(50% - 20px);
}
.refProjectDetails .refProjectImageTeaser .refProjectImageTeaser_img .cboxElement img, .refProjectDetails .refProjectImageTeaser .ce_gallery .grid-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0 !important;
}
.refProjectDetails .refProjectImageTeaser .grid-item .cboxElement {
  width: 100%;
}
.refProjectDetails .steckbrief {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.refProjectDetails .steckbrief dt, .refProjectDetails .steckbrief dd {
  padding: 5px 0;
  border-bottom: 1px solid #B1B1B1;
}
.refProjectDetails .steckbrief dt {
  width: 35%;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}
.refProjectDetails .steckbrief dd {
  width: 65%;
}
.refProjectDetails + .pagination a {
  position: fixed;
  top: 25%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  outline: none;
  background: #00509C !important;
  width: 50px;
  height: 50px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.refProjectDetails + .pagination a:hover, .refProjectDetails + .pagination a:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.refProjectDetails + .pagination a:hover:before, .refProjectDetails + .pagination a:focus:before {
  opacity: 1;
}
.refProjectDetails + .pagination a:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.refProjectDetails + .pagination .link-previous {
  left: 0;
}
.refProjectDetails + .pagination .link-previous:before {
  content: "←";
}
.refProjectDetails + .pagination .link-next {
  right: 0;
}
.refProjectDetails + .pagination .link-next:before {
  content: "→";
}

.slider-1 {
  position: relative;
}
.slider-1 .slider-control {
  margin-top: 1rem;
}
.slider-1 .slider-control .slider-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-1 .slider-control .slider-menu b {
  content: " ";
  font-size: 3px;
  width: 100px;
  color: #CCDDEE;
  background-color: #CCDDEE;
  margin-left: 1rem;
  margin-right: 1rem;
  min-height: 5px;
  border-top: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
}
.slider-1 .slider-control .slider-menu b:hover {
  color: #93b7db;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
  background-color: #93b7db;
  -webkit-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.slider-1 .slider-control .slider-menu b.active {
  cursor: text;
  color: #00509C;
  background-color: #00509C;
}
.slider-1 .slider-prev,
.slider-1 .slider-next {
  display: none;
}

.bg-grau-1 .slider-1 .slider-menu b, .bg-grau-2 .slider-1 .slider-menu b, .bg-grau-3 .slider-1 .slider-menu b, .bg-grau-4 .slider-1 .slider-menu b, .background-blue .slider-1 .slider-menu b {
  background-color: #ffffff;
  color: #ffffff;
}

.bg-grau-1 .slider-1 .slider-menu b {
  border-color: #EEEEEE;
}

.bg-grau-2 .slider-1 .slider-menu b {
  border-color: #B1B1B1;
}

.bg-grau-3 .slider-1 .slider-menu b {
  border-color: #4D4D4D;
}

.bg-grau-4 .slider-1 .slider-menu b {
  border-color: #333333;
}

.background-blue .slider-1 .slider-menu b {
  border-color: #CCDDEE;
}

/**
 * Slick - Slider
 **/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../files/daten/css/./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../files/daten/css/./fonts/slick.eot");
  src: url("../../files/daten/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../files/daten/css/./fonts/slick.woff") format("woff"), url("../../files/daten/css/./fonts/slick.ttf") format("truetype"), url("../../files/daten/css/./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

#main .slider-3 .slick-prev {
  left: 0;
}
#main .slider-3 .slick-next {
  right: 0;
}
#main .slider-3 .slick-prev,
#main .slider-3 .slick-next {
  background: #00509C;
  width: 50px;
  height: 50px;
  z-index: 2;
}
#main .slider-3 .slick-slide.slick-current[style] {
  opacity: 1;
  margin-top: 0;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide.slick-current[style] {
    width: 411px !important;
  }
  #main .slider-3 .slick-slide.slick-current[style] .description {
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide.slick-current[style] {
    width: 542px !important;
  }
}
#main .slider-3 .slick-slide.slick-current[style] .ce_image .ce_image {
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide.slick-current[style] .ce_image .ce_image {
    height: 300px;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide.slick-current[style] .ce_image .ce_image {
    height: 380px;
  }
}
#main .slider-3 .slick-slide.slick-current[style] .description {
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
#main .slider-3 .slick-slide.slick-active {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide.slick-active {
    width: 300px !important;
    opacity: 0.4;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide.slick-active {
    width: 380px !important;
    opacity: 0.4;
  }
}
#main .slider-3 .slick-slide {
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  padding: 0 1rem;
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide {
    height: 450px;
    margin-top: 40px;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide {
    height: 510px;
    margin-top: 40px;
  }
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide {
    opacity: 0.3;
  }
}
#main .slider-3 .slick-slide .ce_image {
  border: 1px solid #EEEEEE;
  border-bottom: none;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
#main .slider-3 .slick-slide .ce_image .ce_image {
  border: none !important;
  text-align: center;
  padding: 1rem;
  height: 240px;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  overflow: hidden;
}
@media (min-width: 600px) {
  #main .slider-3 .slick-slide .ce_image .ce_image {
    height: 300px;
  }
}
@media (min-width: 990px) {
  #main .slider-3 .slick-slide .ce_image .ce_image {
    height: 240px;
  }
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide .ce_image .ce_image {
    height: 220px;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide .ce_image .ce_image {
    height: 300px;
  }
}
#main .slider-3 .slick-slide .ce_image .ce_image img {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
#main .slider-3 .slick-slide .description {
  height: 130px;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  overflow: hidden;
  padding: 2rem 1rem;
  background-color: #EEEEEE;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
@media (min-width: 990px) {
  #main .slider-3 .slick-slide .description {
    height: 130px;
  }
}
@media (min-width: 1180px) {
  #main .slider-3 .slick-slide .description {
    height: 150px;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide .description {
    height: 130px;
  }
}
#main .slider-3 .slick-slide .description .customer {
  font-weight: 300;
}
#main .slider-3 .slick-slide .description .customer p {
  margin-bottom: 0.25rem;
}
#main .slider-3 .slick-slide .description .project {
  font-weight: 700;
}
#main .slider-3 .slick-slide .description .project p {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 1170px) {
  #main .slider-3 .slick-slide .description .project p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media (min-width: 1640px) {
  #main .slider-3 .slick-slide .description .project p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.mod_customcataloglist.tl_isd_customers_ref_projects .slider-3 .refProjectImageTeaser .ce_image {
  height: auto;
  width: auto;
  display: inline-block;
}

.ce_image-slick-slider .imageHolder .ce_image {
  height: 380px;
  width: 440px;
  display: table;
}
.ce_image-slick-slider .imageHolder .ce_image .image_container {
  display: table-cell;
  vertical-align: middle;
}
.ce_image-slick-slider .imageHolder .ce_image .image_container picture {
  margin: 0 auto;
  display: inline-block;
}

@media (min-width: 1140px) {
  #main .slider-3.slick-only-3 .slick-slide,
  #main .slider-3.slick-only-3 .slick-slide.slick-current[style] {
    width: 33.3333333333% !important;
    margin-top: 0 !important;
    opacity: 1 !important;
  }
}
@media (min-width: 1140px) {
  #main .slider-3.slick-only-3 .slick-slide:hover,
  #main .slider-3.slick-only-3 .slick-slide.slick-current[style]:hover {
    opacity: 1 !important;
  }
}
@media (min-width: 1140px) {
  #main .slider-3.slick-only-3 .slick-slide .ce_image .ce_image,
  #main .slider-3.slick-only-3 .slick-slide.slick-current[style] .ce_image .ce_image {
    height: 300px;
  }
}
@media (min-width: 1140px) {
  #main .slider-3.slick-only-3 .slick-slide .slick-slide[data-slick-index="1"],
  #main .slider-3.slick-only-3 .slick-slide.slick-current[style] .slick-slide[data-slick-index="1"] {
    opacity: 1 !important;
    margin-top: 0px !important;
  }
}

/** Referenzen-Projekten-Slider **/
#main .tl_isd_customers_ref_projects .slider-3 .slick-slide .description {
  height: 160px;
}

/** Referenzen-Video-Slider **/
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide a {
  pointer-events: none;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .description {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .description p.project_name {
  margin-bottom: 1rem;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .description p.project_description {
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 1170px) {
  #main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .description p.project_description {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 1640px) {
  #main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .description p.project_description {
    font-size: 16px;
    font-size: 1rem;
  }
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide.slick-current {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide.slick-current a {
  pointer-events: all;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide.slick-current .description {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide.slick-current .ce_image .ce_image {
  height: 100%;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .slick-slide .ce_image .ce_image {
  padding: 0;
  height: 100%;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3.slick-only-3 .slick-slide {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3.slick-only-3 .slick-slide a {
  pointer-events: all;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3.slick-only-3 .slick-slide .description {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3.slick-only-3 .slick-slide .ce_image .ce_image, #main .ce_rsce_isd-referenzvideo-slider.slider-3.slick-only-3 .slick-slide.slick-current .ce_image .ce_image {
  height: auto;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .image_container {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .image_container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .ce_rsce_isd-referenzvideo-slider.slider-3 .play_button {
  position: absolute;
  background-color: transparent;
  border: 0;
  color: white;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  left: 50%;
  height: 12em;
  cursor: pointer;
}

/**
* Testimonials-Slider
**/
#main .testimonial_slider picture, #main .testimonial_slider img {
  margin-bottom: 0;
}
#main .testimonial_slider .slick-prev {
  left: 0;
}
#main .testimonial_slider .slick-next {
  right: 0;
}
#main .testimonial_slider .slick-arrow {
  background: #00509C;
  width: 50px;
  height: 50px;
  z-index: 2;
}
#main .testimonial_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main .testimonial_slider .slick-slide {
  height: auto;
}
#main .testimonial_slider .slick-slide > div, #main .testimonial_slider .slick-slide .image_container, #main .testimonial_slider .slick-slide img {
  height: 100%;
}
#main .testimonial-main_slider {
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#main .testimonial-main_slider .testimonial_image {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 990px) {
  #main .testimonial-main_slider .testimonial_image {
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    height: auto;
  }
}
@media screen and (max-width: 990px) {
  #main .testimonial-main_slider .testimonial_image .image_container {
    height: auto;
  }
}
#main .testimonial-main_slider .testimonial_image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 990px) {
  #main .testimonial-main_slider .testimonial_image img {
    height: auto;
  }
}
@media screen and (max-width: 990px) {
  #main .testimonial-main_slider .slick-arrow {
    top: 25%;
  }
}
#main .testimonial-main_slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  background-color: #EEEEEE;
  height: 100%;
}
@media screen and (max-width: 990px) {
  #main .testimonial-main_slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#main .testimonial-navi_slider {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (max-width: 450px) {
  #main .testimonial-navi_slider {
    display: none;
  }
}
#main .testimonial-navi_slider .slick-slide {
  position: relative;
  cursor: pointer;
}
#main .testimonial-navi_slider .slick-slide:after {
  background-color: #282741;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 1rem;
  left: 1.5rem;
  z-index: 2;
  font-weight: 600;
  color: white;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#main .testimonial-navi_slider .slick-slide:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0rem;
  width: calc(100% - 1rem);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  z-index: 1;
}
#main .testimonial-navi_slider .slick-slide:hover:before {
  background-color: rgba(255, 255, 255, 0);
}
#main .testimonial-navi_slider .slick-current:after {
  background-color: #4D4D4D;
}
#main .testimonial-navi_slider .slick-current:before {
  background-color: rgba(77, 77, 77, 0.5);
}
#main .testimonial-navi_slide {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: block !important;
  height: 100%;
}
#main .testimonial-navi_slide img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .testimonial_image {
  position: relative;
  height: 100%;
}
#main .testimonial_name {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  padding: 2rem 1rem 1rem;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 100%);
  color: white;
  text-transform: uppercase;
}
#main .testimonial_position {
  display: block;
  font-size: 75%;
}
#main .testimonial_textwrapper {
  padding: 2rem 3rem 2rem 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#main .testimonial_textwrapper p:last-child {
  margin-bottom: 0;
}

/** 
* Karussell mit Einzelelement mit Bild
**/
#main .teasersliderSingleSlide picture, #main .teasersliderSingleSlide img {
  margin-bottom: 0;
}
#main .teasersliderSingleSlide .slick-prev {
  left: 0;
}
#main .teasersliderSingleSlide .slick-next {
  right: 0;
}
#main .teasersliderSingleSlide .slick-arrow {
  background: #00509C;
  width: 50px;
  height: 50px;
  z-index: 2;
}
@media screen and (max-width: 450px) {
  #main .teasersliderSingleSlide .slick-arrow {
    top: 25%;
  }
}
#main .teasersliderSingleSlide .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main .teasersliderSingleSlide .slick-slide {
  height: auto;
}
#main .teasersliderSingleSlide .slick-slide > div, #main .teasersliderSingleSlide .slick-slide .image_container, #main .teasersliderSingleSlide .slick-slide img {
  height: 100%;
}
#main .teasersliderContainer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  background-color: #EEEEEE;
  height: 100%;
}
@media screen and (max-width: 990px) {
  #main .teasersliderContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#main .teasersliderImage {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 990px) {
  #main .teasersliderImage {
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
#main .teasersliderImage img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .teasersliderText {
  padding: 2rem 3rem 2rem 2rem;
}

video {
  position: relative;
  width: 100% !important;
  height: auto !important;
}
video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ce_player2 .video_container,
.ce_player2 .mejs-video,
.ce_player2 .mejs__video {
  margin-left: auto;
  margin-right: auto;
}
.ce_player2 .video_container,
.ce_player2 .mejs-video,
.ce_player2 .mejs__video {
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25%;
}
.ce_player2 .video_container,
.ce_player2 .mejs-audio,
.ce_player2 .mejs__audio {
  margin-top: 30px;
}
.ce_player2 .video_container audio,
.ce_player2 .mejs-audio audio,
.ce_player2 .mejs__audio audio {
  height: auto;
}
.ce_player2 .mejs-overlay,
.ce_player2 .mejs-poster,
.ce_player2 .mejs__overlay,
.ce_player2 .mejs__poster {
  width: 100% !important;
  height: 100% !important;
}
.ce_player2 .mejs-video .mejs-mediaelement video,
.ce_player2 .mejs-video .mejs-mediaelement .me-plugin,
.ce_player2 .mejs-video .mejs-mediaelement .me__plugin,
.ce_player2 .mejs-video .mejs-mediaelement embed, .ce_player2 .mejs__video .mejs-mediaelement video,
.ce_player2 .mejs__video .mejs-mediaelement .me-plugin,
.ce_player2 .mejs__video .mejs-mediaelement .me__plugin,
.ce_player2 .mejs__video .mejs-mediaelement embed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

/**
 * Fullwidth-Video (see #AD-6692)
 */
.wrapper-fullwidth-video {
  height: 100vh;
  position: absolute;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@supports (display: flex) {
  .wrapper-fullwidth-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.fullwidth-video {
  margin: 0 auto;
  background-color: rgb(233, 233, 233);
  padding: 0;
  position: inherit;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.fullwidth-container-video {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  font-weight: normal;
  overflow: hidden;
  z-index: 10;
}
.fullwidth-container-video .bg-color-weiss, .fullwidth-container-video .bg-white {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px;
}
.fullwidth-container-video .bg-color-weiss .ce_text, .fullwidth-container-video .bg-white .ce_text {
  padding: 10px 10px 0 10px;
}
.fullwidth-container-video .inlinePage {
  position: relative;
  z-index: 100;
}

.fullwidth-container-video.grey-opacity::before {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0.3;
  background-color: #fff;
  z-index: 1;
  height: 100%;
}

/**
 * Content-Element YouTube (see #AD-6766)
 */
.ce_youtube .video_container {
  text-align: center;
}
.ce_youtube .video_container iframe {
  border: 0 !important;
}

@media only screen and (max-width: 989px) {
  .ce_youtube .video_container iframe {
    width: auto;
    height: auto;
  }
}
.ce_video_cdn button svg {
  -webkit-filter: drop-shadow(3px 5px 5px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(3px 5px 5px rgba(0, 0, 0, 0.4));
}

/**
 * Accordion
 */
.ce_accordion {
  clear: both;
}
.ce_accordion .toggler {
  /*margin-top: $ab-1;*/
  cursor: pointer;
  text-align: center;
  color: #00509C;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}
.ce_accordion .toggler:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}
@media (min-width: 960px) {
  .ce_accordion .toggler {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1140px) {
  .ce_accordion .toggler {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) {
  .ce_accordion .toggler {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.ce_accordion .toggler.ui-state-active:after {
  margin-top: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.ce_accordion .ui-accordion-content {
  margin-top: 1rem;
}

.accordion-1 {
  margin-bottom: 1rem;
}
.accordion-1 .toggler {
  background-color: #00509C;
  text-align: left;
  padding: 1rem;
  color: #fff;
  position: relative;
}
.accordion-1 .toggler:after {
  position: absolute;
  right: 1rem;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  border: 2px solid #fff;
  border-width: 0 1px 1px 0;
}
.accordion-1 .toggler:hover {
  background-color: #003669;
}
.accordion-1 .toggler.ui-state-active:after {
  border: 2px solid #fff;
  border-width: 0px 1px 1px 0px;
}

.accordion-2 .toggler {
  font-size: 16px;
  font-size: 1rem;
  background-color: #CCDDEE;
  text-align: left;
  padding: 0.5rem;
  color: #00509C;
  position: relative;
}
.accordion-2 .toggler:after {
  position: absolute;
  right: 1rem;
  font-size: 30px;
  font-size: 1.875rem;
  color: #00509C;
  border: 2px solid #00509C;
  border-width: 0 1px 1px 0;
}
.accordion-2 .toggler:hover {
  background-color: #a6c4e1;
}
.accordion-2 .toggler.ui-state-active:after {
  border: 2px solid #00509C;
  border-width: 0px 1px 1px 0px;
}

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 210px;
  z-index: -1;
}
.datepicker-container::before, .datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
          box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 1;
}
.datepicker-inline {
  position: static;
}
.datepicker-top-left, .datepicker-top-right {
  border-top-color: #39f;
}
.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}
.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: #39f;
}
.datepicker-top-left::after, .datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}
.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #39f;
}
.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}
.datepicker-bottom-left::before, .datepicker-bottom-right::before {
  border-top-color: #39f;
}
.datepicker-bottom-left::after, .datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}
.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}
.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}
.datepicker-panel > ul::before, .datepicker-panel > ul::after {
  content: " ";
  display: table;
}
.datepicker-panel > ul::after {
  clear: both;
}
.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}
.datepicker-panel > ul > li:hover {
  background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
  color: #999;
}
.datepicker-panel > ul > li.highlighted {
  background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(204, 229, 255);
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #39f;
}
.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
  font-size: 18px;
}
.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}
.datepicker-panel > ul[data-view=years] > li, .datepicker-panel > ul[data-view=months] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}
.datepicker-panel > ul[data-view=week] > li,
.datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #fff;
  cursor: default;
}
.datepicker-hide {
  display: none;
}

input[data-toggle] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}

#main .mod_sitemap ul.level_1 li {
  margin-top: 1rem;
}
#main .mod_sitemap ul.level_2 li {
  margin-top: 0;
}
#main .mod_sitemap ul.level_2 li.submenu {
  margin-top: 1rem;
}
#main .mod_sitemap ul.level_2 a {
  font-weight: 400;
}
#main .mod_sitemap ul.level_3 li {
  margin-top: 0em;
}
#main .mod_sitemap ul.level_3 a {
  font-weight: 400;
  color: #4d4d4d;
}

#main .ce_gallery-test {
  display: none;
}

#main .ce_gallery-1 ul {
  text-align: center;
  padding-top: 0.75em;
}
#main .ce_gallery-1 ul li {
  float: left;
  display: block;
  width: 20%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}
#main .ce_gallery-1 ul li img {
  width: 100%;
  height: auto;
}

/**
 * Such-Modul Hauptbereich
 */
#main .mod_search {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 960px) {
  #main .mod_search {
    width: 72.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .mod_search .formbody {
  /*legend {
  	width:100%;
  	display:block;
  	border:1px solid $grau-3;
  	@include breakpoint($breite-l) {
  		border:none;
  		background-color:$grau-1;
  	}
  }
  .radio_container legend {
  	width:100%;
  	display:block;

  }
  label {
  	width:100%;
  	@include breakpoint($breite-l) {
  		width:30%;
  		float:left;
  	}
  	display:block;
  	font-weight:400;

  }
     */
  /* zu einem späteren Zeitpunkt implementieren

  input.text:valid{
      background-color:green;
  }
  input.text:invalid{
      background-color:red;
  }
  input.text:placeholder-shown{
      background-color:$color-weiss;;
  }
  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main .mod_search .formbody legend, #main .mod_search .formbody textarea, #main .mod_search .formbody select, #main .mod_search .formbody input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
#main .mod_search .formbody legend, #main .mod_search .formbody input, #main .mod_search .formbody textarea {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#main .mod_search .formbody label {
  display: block;
}
#main .mod_search .formbody .widget-niceNumber > .nice-number button {
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #B1B1B1;
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #B1B1B1;
  width: 40px;
}
#main .mod_search .formbody .widget-niceNumber > .nice-number input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-width: 4ch;
}
#main .mod_search .formbody .widget-submit {
  margin-top: 1rem;
}
#main .mod_search .formbody fieldset.fieldsetIsStart {
  border-top: 2px dotted #B1B1B1;
  border-bottom: 0;
  padding: 2rem 0 0 0;
  margin: 2rem 0 2rem 0;
  /* Wenn Verschachtelung stattfindet */
}
#main .mod_search .formbody fieldset.fieldsetIsStart > legend {
  padding: 0 1rem 0 0;
  font-weight: bold;
  color: #000000;
  margin: 0;
}
#main .mod_search .formbody fieldset.fieldsetIsStart fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
#main .mod_search .formbody .widget-radio {
  margin-bottom: 1em;
}
#main .mod_search .formbody .widget-radio span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
#main .mod_search .formbody .widget-radio input.radio {
  position: absolute;
  margin-top: 0.25rem;
}
#main .mod_search .formbody .widget-radio label {
  margin-left: 30px;
}
#main .mod_search .formbody textarea,
#main .mod_search .formbody select,
#main .mod_search .formbody input.text, #main .mod_search .formbody input.password, #main .mod_search .formbody input.number {
  display: block;
  width: 100%;
}
#main .mod_search .formbody input.text, #main .mod_search .formbody input.password {
  min-height: 40px;
}
#main .mod_search .formbody select.select {
  height: 40px;
}
#main .mod_search .formbody textarea {
  min-height: 100px;
}
#main .mod_search .formbody .widget.text {
  position: relative;
}
#main .mod_search .formbody .widget.text:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main .mod_search .formbody input[type=text]:disabled, #main .mod_search .formbody select:disabled {
  background-color: #f6f6f6;
}
#main .mod_search .formbody .b-contain *, #main .mod_search .formbody .b-contain *::before, #main .mod_search .formbody .b-contain *::after {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#main .mod_search .formbody .b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#main .mod_search .formbody .b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}
#main .mod_search .formbody .b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
#main .mod_search .formbody .widget-checkbox-single {
  margin-bottom: 1rem;
}
#main .mod_search .formbody .widget-checkbox-single .b-contain {
  margin-bottom: 0;
}
#main .mod_search .formbody .widget-checkbox-single .b-contain span {
  line-height: inherit;
}
#main .mod_search .formbody .b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  /*background: rgba(241, 245, 248, 1);*/
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}
#main .mod_search .formbody .b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}
#main .mod_search .formbody .b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#main .mod_search .formbody .b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
}
#main .mod_search .formbody .b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}
#main .mod_search .formbody .b-contain input:checked ~ .b-input::after {
  display: block;
}
#main .mod_search .formbody .b-contain:hover input ~ .b-input,
#main .mod_search .formbody .b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}
#main .mod_search .formbody .b-contain input:focus ~ .b-input {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
          box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}
#main .mod_search .formbody .b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}
#main .mod_search .formbody .b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
#main .mod_search .formbody .b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
#main .mod_search .formbody .b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}
#main .mod_search .formbody .b-contain input:checked:focus ~ .b-input, #main .mod_search .formbody .b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}
#main .mod_search .formbody .b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#main .mod_search .formbody .b-contain input + .b-input::before {
  -webkit-animation: b-ripple 250ms ease-out;
          animation: b-ripple 250ms ease-out;
}
#main .mod_search .formbody .b-contain input:checked + .b-input::before {
  -webkit-animation-name: b-ripple-duplicate;
          animation-name: b-ripple-duplicate;
}
#main .mod_search .formbody .b-contain .b-input::before {
  visibility: hidden;
}
#main .mod_search .formbody .b-contain input:focus + .b-input::before {
  visibility: visible;
}
#main .mod_search .formbody .b-contain:first-child .b-input::before {
  visibility: hidden;
}
#main .mod_search .formbody button.submit,
#main .mod_search .formbody input.submit {
  border: 0;
  cursor: pointer;
}
#main .mod_search .formbody .widget-submit.width100 button {
  width: 100%;
}
#main .mod_search .formbody input.submit[type=image] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
#main .mod_search .formbody .inputHeight {
  line-height: 40px;
  height: 40px;
}
#main .mod_search .formbody .widget input.error, #main .mod_search .formbody .widget select.error, #main .mod_search .formbody .widget textarea.error {
  border-color: #D20643;
}
#main .mod_search .formbody .widget p.error {
  font-size: inherit;
  margin: 0 !important;
  color: #D20643;
  padding: 0;
}
#main .mod_search .formbody .widget-explanation a, #main .mod_search .formbody .widget-checkbox a {
  text-decoration: underline;
  color: #000000 !important;
}
#main .mod_search .formbody .widget-explanation.grau-2 a, #main .mod_search .formbody .widget-checkbox.grau-2 a {
  color: #B1B1B1 !important;
  font-weight: 200;
}
#main .mod_search .formbody .widget-explanation.grau-3, #main .mod_search .formbody .widget-checkbox.grau-3 {
  font-weight: 200;
}
#main .mod_search .formbody .widget-explanation.grau-3 a, #main .mod_search .formbody .widget-checkbox.grau-3 a {
  text-decoration: underline !important;
  color: #4D4D4D !important;
}
#main .mod_search .formbody select.select:focus {
  background-color: #EEEEEE;
}
#main .mod_search .formbody textarea:focus, #main .mod_search .formbody input.text:focus, #main .mod_search .formbody input.password:focus {
  border-color: #00509C;
}
#main .mod_search .formbody textarea,
#main .mod_search .formbody select,
#main .mod_search .formbody input.text, #main .mod_search .formbody input.password, #main .mod_search .formbody input.number {
  border: 1px solid #B1B1B1;
  background-color: #ffffff;
}
#main .mod_search .formbody button.submit,
#main .mod_search .formbody input.submit:not([type=image]) {
  background: #005097;
  background-image: -webkit-gradient(linear, left top, right top, from(#005097), color-stop(#3474b0), color-stop(#005097), to(#3474ab));
  background-image: linear-gradient(to right, #005097, #3474b0, #005097, #3474ab);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  border: 1px solid #0077e9;
  color: #ffffff !important;
  min-height: 40px;
}
#main .mod_search .formbody button.submit:after,
#main .mod_search .formbody input.submit:not([type=image]):after {
  margin-left: 0 !important;
  content: "" !important;
}
#main .mod_search .formbody button.submit:hover,
#main .mod_search .formbody input.submit:not([type=image]):hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
#main .mod_search .formbody button.submit:focus,
#main .mod_search .formbody input.submit:not([type=image]):focus {
  outline: none;
}
#main .mod_search .formbody button.submit a,
#main .mod_search .formbody input.submit:not([type=image]) a {
  display: block;
  text-decoration: none;
}
#main .mod_search .formbody button.submit a:after,
#main .mod_search .formbody input.submit:not([type=image]) a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  #main .mod_search .formbody button.submit,
  #main .mod_search .formbody input.submit:not([type=image]) {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  #main .mod_search .formbody button.submit,
  #main .mod_search .formbody input.submit:not([type=image]) {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
#main .mod_search .formbody button.submit a,
#main .mod_search .formbody input.submit:not([type=image]) a {
  color: #ffffff !important;
}
#main .mod_search .formbody .widget {
  margin: 0 0 1rem 0;
}
#main .mod_search .formbody .widget-text {
  -ms-flex-preferred-size: 59%;
      flex-basis: 59%;
}
#main .mod_search .formbody .widget-submit {
  -ms-flex-preferred-size: 14%;
      flex-basis: 14%;
}
#main .mod_search .formbody .widget-radio {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
}
#main .mod_search .even {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#main .mod_search p.header {
  padding-top: 0.5rem;
  clear: both;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}
#main .mod_search h3 {
  margin-bottom: 0.25rem;
}
#main .mod_search h3 span {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
#main .mod_search p.url {
  font-size: 14px;
  font-size: 0.875rem;
}

.bg-grau-1 {
  background-color: #EEEEEE;
}

.bg-grau-2 {
  background-color: #B1B1B1;
}

.bg-grau-3 {
  background-color: #4D4D4D;
}

.bg-color-weiss, .bg-white {
  background-color: #ffffff;
}

.bg-trans-white {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-color-1 {
  background-color: #00509C;
}
.bg-color-1 li, .bg-color-1 p {
  color: #fff;
}
.bg-color-1 .btn-2 {
  border: 1px solid #0077e9;
}

.bg-color-2 {
  background-color: #CCDDEE;
}
.bg-color-2 p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.bg-color-3 {
  background-color: #282741;
}
.bg-color-3 .btn-2 {
  border: 1px solid #0077e9;
}
.bg-color-3 p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.bg-color-4 {
  background-color: #FDCA01;
}
.bg-color-4 p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.bg-color-5 {
  background-color: #D20643;
}
.bg-color-5 p {
  padding-left: 1rem;
  padding-right: 1rem;
}

#main .bg-grau-3 h1, #main .bg-grau-3 h2, #main .bg-grau-3 h3, #main .bg-grau-3 h4, #main .bg-grau-3 h5, #main .bg-grau-3 h6, #main .bg-grau-3 span.light, #main .bg-grau-3 p, #main .bg-grau-3 a, #main .bg-grau-3 em, #main .bg-grau-3 .headline-1, #main .bg-grau-3 .headline-2, #main .bg-grau-3 .headline-3, #main .bg-grau-3 .headline-4, #main .bg-grau-3 .headline-5, #main .bg-grau-3 .headline-6,
#main .bg-color-5 h1,
#main .bg-color-5 h2,
#main .bg-color-5 h3,
#main .bg-color-5 h4,
#main .bg-color-5 h5,
#main .bg-color-5 h6,
#main .bg-color-5 span.light,
#main .bg-color-5 p,
#main .bg-color-5 a,
#main .bg-color-5 em,
#main .bg-color-5 .headline-1,
#main .bg-color-5 .headline-2,
#main .bg-color-5 .headline-3,
#main .bg-color-5 .headline-4,
#main .bg-color-5 .headline-5,
#main .bg-color-5 .headline-6,
#main .bg-color-3 h1,
#main .bg-color-3 h2,
#main .bg-color-3 h3,
#main .bg-color-3 h4,
#main .bg-color-3 h5,
#main .bg-color-3 h6,
#main .bg-color-3 span.light,
#main .bg-color-3 p,
#main .bg-color-3 a,
#main .bg-color-3 em,
#main .bg-color-3 .headline-1,
#main .bg-color-3 .headline-2,
#main .bg-color-3 .headline-3,
#main .bg-color-3 .headline-4,
#main .bg-color-3 .headline-5,
#main .bg-color-3 .headline-6,
#main .bg-color-1 h1,
#main .bg-color-1 h2,
#main .bg-color-1 h3,
#main .bg-color-1 h4,
#main .bg-color-1 h5,
#main .bg-color-1 h6,
#main .bg-color-1 span.light,
#main .bg-color-1 p,
#main .bg-color-1 a,
#main .bg-color-1 em,
#main .bg-color-1 .headline-1,
#main .bg-color-1 .headline-2,
#main .bg-color-1 .headline-3,
#main .bg-color-1 .headline-4,
#main .bg-color-1 .headline-5,
#main .bg-color-1 .headline-6 {
  color: #fff;
}

.bg-opacity-09 {
  opacity: 0.9;
}

.bg-opacity-08 {
  opacity: 0.8;
}

.bg-opacity-07 {
  opacity: 0.7;
}

.padding-1 {
  padding: 1rem;
}

body.bg-white-grey #container {
  background: rgb(255, 255, 255);
}
@media (min-width: 1180px) {
  body.bg-white-grey #container {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), color-stop(50%, rgb(238, 238, 238)));
    background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(238, 238, 238) 50%);
  }
}
@media (min-width: 1640px) {
  body.bg-white-grey #container {
    background: -webkit-gradient(linear, left top, right top, color-stop(60.5%, rgb(255, 255, 255)), color-stop(60.5%, rgb(238, 238, 238)));
    background: linear-gradient(90deg, rgb(255, 255, 255) 60.5%, rgb(238, 238, 238) 60.5%);
  }
}
@media (min-width: 2200px) {
  body.bg-white-grey #container {
    background: -webkit-gradient(linear, left top, right top, color-stop(57%, rgb(255, 255, 255)), color-stop(57%, rgb(238, 238, 238)));
    background: linear-gradient(90deg, rgb(255, 255, 255) 57%, rgb(238, 238, 238) 57%);
  }
}

.mod_article .page,
.mod_article.page {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 700px) {
  .mod_article .page,
  .mod_article.page {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.no_margin-t.mod_article .page,
.no_margin-t.mod_article.page {
  margin-top: 0;
}

.mod_article.margin-top-1 .page {
  margin-top: 1rem;
}

.mod_article.margin-top-2 .page {
  margin-top: 2rem;
}

.mod_article.margin-top-3 .page {
  margin-top: 3rem;
}

.no_margin-b.mod_article .page,
.no_margin-b.mod_article.page {
  margin-bottom: 0;
}

.margin-small .page {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#main .mod_article.background-blue,
#main .mod_article .background-blue {
  background-color: #CCDDEE;
  color: #282741;
  /*a{
      color: $color-1;
      &:hover{
          color: darken($color-1, 15%);
      }
  }*/
}

#main .mod_article.background-darkblue,
#main .mod_article .background-darkblue {
  background-color: #282741;
  color: #ffffff;
}
#main .mod_article.background-darkblue h1, #main .mod_article.background-darkblue h2, #main .mod_article.background-darkblue h3, #main .mod_article.background-darkblue h4, #main .mod_article.background-darkblue h5, #main .mod_article.background-darkblue h6, #main .mod_article.background-darkblue .headline-1, #main .mod_article.background-darkblue .headline-2, #main .mod_article.background-darkblue .headline-3, #main .mod_article.background-darkblue .headline-4, #main .mod_article.background-darkblue .headline-5, #main .mod_article.background-darkblue .headline-6,
#main .mod_article .background-darkblue h1,
#main .mod_article .background-darkblue h2,
#main .mod_article .background-darkblue h3,
#main .mod_article .background-darkblue h4,
#main .mod_article .background-darkblue h5,
#main .mod_article .background-darkblue h6,
#main .mod_article .background-darkblue .headline-1,
#main .mod_article .background-darkblue .headline-2,
#main .mod_article .background-darkblue .headline-3,
#main .mod_article .background-darkblue .headline-4,
#main .mod_article .background-darkblue .headline-5,
#main .mod_article .background-darkblue .headline-6 {
  color: #ffffff;
}
#main .mod_article.background-darkblue a,
#main .mod_article .background-darkblue a {
  color: #ffffff;
  text-decoration: underline;
}
#main .mod_article.background-darkblue a:hover,
#main .mod_article .background-darkblue a:hover {
  color: #EEEEEE;
}

#main .mod_article.verlauf-1 {
  color: #ffffff;
}
#main .mod_article.verlauf-1 h1, #main .mod_article.verlauf-1 h2, #main .mod_article.verlauf-1 h3, #main .mod_article.verlauf-1 h4, #main .mod_article.verlauf-1 h5, #main .mod_article.verlauf-1 h6, #main .mod_article.verlauf-1 .headline-1, #main .mod_article.verlauf-1 .headline-2, #main .mod_article.verlauf-1 .headline-3, #main .mod_article.verlauf-1 .headline-4, #main .mod_article.verlauf-1 .headline-5, #main .mod_article.verlauf-1 .headline-6 {
  color: #ffffff;
}
#main .mod_article.verlauf-1 .ce_text a {
  color: #ffffff;
  font-weight: bold;
}

#main .mod_article.background-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: auto;
}
@media (min-width: 2200px) {
  #main .mod_article.background-image {
    background-size: 100% auto;
  }
}
#main .mod_article.background-image.bg_left-center {
  background-position: left center;
  background-size: cover;
}
#main .mod_article.background-image .page {
  margin-top: 0;
  margin-bottom: 0;
}
#main .mod_article.background-image .box-1, #main .mod_article.background-image .box-2, #main .mod_article.background-image .box-3, #main .mod_article.background-image .box-4, #main .mod_article.background-image .box-5, #main .mod_article.background-image .box-6, #main .mod_article.background-image .box-7, #main .mod_article.background-image .box-8, #main .mod_article.background-image .box-9, #main .mod_article.background-image .box-10, #main .mod_article.background-image .box-11, #main .mod_article.background-image .box-12 {
  margin-top: 0;
}

.hicad {
  color: #D20643;
}

.helios {
  color: #FDCA01;
}

/**
 * Formnulare
 */
.ce_form {
  /*legend {
  	width:100%;
  	display:block;
  	border:1px solid $grau-3;
  	@include breakpoint($breite-l) {
  		border:none;
  		background-color:$grau-1;
  	}
  }
  .radio_container legend {
  	width:100%;
  	display:block;

  }
  label {
  	width:100%;
  	@include breakpoint($breite-l) {
  		width:30%;
  		float:left;
  	}
  	display:block;
  	font-weight:400;

  }
     */
  /* zu einem späteren Zeitpunkt implementieren

  input.text:valid{
      background-color:green;
  }
  input.text:invalid{
      background-color:red;
  }
  input.text:placeholder-shown{
      background-color:$color-weiss;;
  }
  */
}
.ce_form legend, .ce_form textarea, .ce_form select, .ce_form input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
.ce_form legend, .ce_form input, .ce_form textarea {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ce_form label {
  display: block;
}
.ce_form .widget-niceNumber > .nice-number button {
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #B1B1B1;
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #B1B1B1;
  width: 40px;
}
.ce_form .widget-niceNumber > .nice-number input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-width: 4ch;
}
.ce_form .widget-submit {
  margin-top: 1rem;
}
.ce_form fieldset.fieldsetIsStart {
  border-top: 2px dotted #B1B1B1;
  border-bottom: 0;
  padding: 2rem 0 0 0;
  margin: 2rem 0 2rem 0;
  /* Wenn Verschachtelung stattfindet */
}
.ce_form fieldset.fieldsetIsStart > legend {
  padding: 0 1rem 0 0;
  font-weight: bold;
  color: #000000;
  margin: 0;
}
.ce_form fieldset.fieldsetIsStart fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.ce_form .widget-radio {
  margin-bottom: 1em;
}
.ce_form .widget-radio span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.ce_form .widget-radio input.radio {
  position: absolute;
  margin-top: 0.25rem;
}
.ce_form .widget-radio label {
  margin-left: 30px;
}
.ce_form textarea,
.ce_form select,
.ce_form input.text, .ce_form input.password, .ce_form input.number {
  display: block;
  width: 100%;
}
.ce_form input.text, .ce_form input.password {
  min-height: 40px;
}
.ce_form select.select {
  height: 40px;
}
.ce_form textarea {
  min-height: 100px;
}
.ce_form .widget.text {
  position: relative;
}
.ce_form .widget.text:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ce_form input[type=text]:disabled, .ce_form select:disabled {
  background-color: #f6f6f6;
}
.ce_form .b-contain *, .ce_form .b-contain *::before, .ce_form .b-contain *::after {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.ce_form .b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.ce_form .b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}
.ce_form .b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.ce_form .widget-checkbox-single {
  margin-bottom: 1rem;
}
.ce_form .widget-checkbox-single .b-contain {
  margin-bottom: 0;
}
.ce_form .widget-checkbox-single .b-contain span {
  line-height: inherit;
}
.ce_form .b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  /*background: rgba(241, 245, 248, 1);*/
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}
.ce_form .b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}
.ce_form .b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ce_form .b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
}
.ce_form .b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}
.ce_form .b-contain input:checked ~ .b-input::after {
  display: block;
}
.ce_form .b-contain:hover input ~ .b-input,
.ce_form .b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}
.ce_form .b-contain input:focus ~ .b-input {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
          box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}
.ce_form .b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}
.ce_form .b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.ce_form .b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.ce_form .b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}
.ce_form .b-contain input:checked:focus ~ .b-input, .ce_form .b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}
.ce_form .b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.ce_form .b-contain input + .b-input::before {
  -webkit-animation: b-ripple 250ms ease-out;
          animation: b-ripple 250ms ease-out;
}
.ce_form .b-contain input:checked + .b-input::before {
  -webkit-animation-name: b-ripple-duplicate;
          animation-name: b-ripple-duplicate;
}
.ce_form .b-contain .b-input::before {
  visibility: hidden;
}
.ce_form .b-contain input:focus + .b-input::before {
  visibility: visible;
}
.ce_form .b-contain:first-child .b-input::before {
  visibility: hidden;
}
.ce_form button.submit,
.ce_form input.submit {
  border: 0;
  cursor: pointer;
}
.ce_form .widget-submit.width100 button {
  width: 100%;
}
.ce_form input.submit[type=image] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.ce_form .inputHeight {
  line-height: 40px;
  height: 40px;
}
.ce_form .widget input.error, .ce_form .widget select.error, .ce_form .widget textarea.error {
  border-color: #D20643;
}
.ce_form .widget p.error {
  font-size: inherit;
  margin: 0 !important;
  color: #D20643;
  padding: 0;
}
.ce_form .widget-explanation a, .ce_form .widget-checkbox a {
  text-decoration: underline;
  color: #000000 !important;
}
.ce_form .widget-explanation.grau-2 a, .ce_form .widget-checkbox.grau-2 a {
  color: #B1B1B1 !important;
  font-weight: 200;
}
.ce_form .widget-explanation.grau-3, .ce_form .widget-checkbox.grau-3 {
  font-weight: 200;
}
.ce_form .widget-explanation.grau-3 a, .ce_form .widget-checkbox.grau-3 a {
  text-decoration: underline !important;
  color: #4D4D4D !important;
}
.ce_form select.select:focus {
  background-color: #EEEEEE;
}
.ce_form textarea:focus, .ce_form input.text:focus, .ce_form input.password:focus {
  border-color: #00509C;
}
.ce_form textarea,
.ce_form select,
.ce_form input.text, .ce_form input.password, .ce_form input.number {
  border: 1px solid #B1B1B1;
  background-color: #ffffff;
}
.ce_form button.submit,
.ce_form input.submit:not([type=image]) {
  background: #005097;
  background-image: -webkit-gradient(linear, left top, right top, from(#005097), color-stop(#3474b0), color-stop(#005097), to(#3474ab));
  background-image: linear-gradient(to right, #005097, #3474b0, #005097, #3474ab);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  border: 1px solid #0077e9;
  color: #ffffff !important;
  min-height: 40px;
}
.ce_form button.submit:after,
.ce_form input.submit:not([type=image]):after {
  margin-left: 0 !important;
  content: "" !important;
}
.ce_form button.submit:hover,
.ce_form input.submit:not([type=image]):hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.ce_form button.submit:focus,
.ce_form input.submit:not([type=image]):focus {
  outline: none;
}
.ce_form button.submit a,
.ce_form input.submit:not([type=image]) a {
  display: block;
  text-decoration: none;
}
.ce_form button.submit a:after,
.ce_form input.submit:not([type=image]) a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .ce_form button.submit,
  .ce_form input.submit:not([type=image]) {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .ce_form button.submit,
  .ce_form input.submit:not([type=image]) {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.ce_form button.submit a,
.ce_form input.submit:not([type=image]) a {
  color: #ffffff !important;
}

.form-2 {
  /*legend {
  	width:100%;
  	display:block;
  	border:1px solid $grau-3;
  	@include breakpoint($breite-l) {
  		border:none;
  		background-color:$grau-1;
  	}
  }
  .radio_container legend {
  	width:100%;
  	display:block;

  }
  label {
  	width:100%;
  	@include breakpoint($breite-l) {
  		width:30%;
  		float:left;
  	}
  	display:block;
  	font-weight:400;

  }
     */
  /* zu einem späteren Zeitpunkt implementieren

  input.text:valid{
      background-color:green;
  }
  input.text:invalid{
      background-color:red;
  }
  input.text:placeholder-shown{
      background-color:$color-weiss;;
  }
  */
  /*legend {
  	width:100%;
  	display:block;
  	border:1px solid $grau-3;
  	@include breakpoint($breite-l) {
  		border:none;
  		background-color:$grau-1;
  	}
  }
  .radio_container legend {
  	width:100%;
  	display:block;

  }
  label {
  	width:100%;
  	@include breakpoint($breite-l) {
  		width:30%;
  		float:left;
  	}
  	display:block;
  	font-weight:400;

  }
     */
  /* zu einem späteren Zeitpunkt implementieren

  input.text:valid{
      background-color:green;
  }
  input.text:invalid{
      background-color:red;
  }
  input.text:placeholder-shown{
      background-color:$color-weiss;;
  }
  */
}
.form-2 legend, .form-2 textarea, .form-2 select, .form-2 input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
.form-2 legend, .form-2 input, .form-2 textarea {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-2 label {
  display: block;
}
.form-2 .widget-niceNumber > .nice-number button {
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #B1B1B1;
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #B1B1B1;
  width: 40px;
}
.form-2 .widget-niceNumber > .nice-number input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-width: 4ch;
}
.form-2 .widget-submit {
  margin-top: 1rem;
}
.form-2 fieldset.fieldsetIsStart {
  border-top: 2px dotted #B1B1B1;
  border-bottom: 0;
  padding: 2rem 0 0 0;
  margin: 2rem 0 2rem 0;
  /* Wenn Verschachtelung stattfindet */
}
.form-2 fieldset.fieldsetIsStart > legend {
  padding: 0 1rem 0 0;
  font-weight: bold;
  color: #000000;
  margin: 0;
}
.form-2 fieldset.fieldsetIsStart fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.form-2 .widget-radio {
  margin-bottom: 1em;
}
.form-2 .widget-radio span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.form-2 .widget-radio input.radio {
  position: absolute;
  margin-top: 0.25rem;
}
.form-2 .widget-radio label {
  margin-left: 30px;
}
.form-2 textarea,
.form-2 select,
.form-2 input.text, .form-2 input.password, .form-2 input.number {
  display: block;
  width: 100%;
}
.form-2 input.text, .form-2 input.password {
  min-height: 40px;
}
.form-2 select.select {
  height: 40px;
}
.form-2 textarea {
  min-height: 100px;
}
.form-2 .widget.text {
  position: relative;
}
.form-2 .widget.text:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-2 input[type=text]:disabled, .form-2 select:disabled {
  background-color: #f6f6f6;
}
.form-2 .b-contain *, .form-2 .b-contain *::before, .form-2 .b-contain *::after {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.form-2 .b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-2 .b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}
.form-2 .b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.form-2 .widget-checkbox-single {
  margin-bottom: 1rem;
}
.form-2 .widget-checkbox-single .b-contain {
  margin-bottom: 0;
}
.form-2 .widget-checkbox-single .b-contain span {
  line-height: inherit;
}
.form-2 .b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  /*background: rgba(241, 245, 248, 1);*/
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}
.form-2 .b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}
.form-2 .b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form-2 .b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
}
.form-2 .b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}
.form-2 .b-contain input:checked ~ .b-input::after {
  display: block;
}
.form-2 .b-contain:hover input ~ .b-input,
.form-2 .b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}
.form-2 .b-contain input:focus ~ .b-input {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
          box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}
.form-2 .b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}
.form-2 .b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-2 .b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-2 .b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}
.form-2 .b-contain input:checked:focus ~ .b-input, .form-2 .b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}
.form-2 .b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.form-2 .b-contain input + .b-input::before {
  -webkit-animation: b-ripple 250ms ease-out;
          animation: b-ripple 250ms ease-out;
}
.form-2 .b-contain input:checked + .b-input::before {
  -webkit-animation-name: b-ripple-duplicate;
          animation-name: b-ripple-duplicate;
}
.form-2 .b-contain .b-input::before {
  visibility: hidden;
}
.form-2 .b-contain input:focus + .b-input::before {
  visibility: visible;
}
.form-2 .b-contain:first-child .b-input::before {
  visibility: hidden;
}
.form-2 button.submit,
.form-2 input.submit {
  border: 0;
  cursor: pointer;
}
.form-2 .widget-submit.width100 button {
  width: 100%;
}
.form-2 input.submit[type=image] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.form-2 .inputHeight {
  line-height: 40px;
  height: 40px;
}
.form-2 .widget input.error, .form-2 .widget select.error, .form-2 .widget textarea.error {
  border-color: #D20643;
}
.form-2 .widget p.error {
  font-size: inherit;
  margin: 0 !important;
  color: #D20643;
  padding: 0;
}
.form-2 .widget-explanation a, .form-2 .widget-checkbox a {
  text-decoration: underline;
  color: #000000 !important;
}
.form-2 .widget-explanation.grau-2 a, .form-2 .widget-checkbox.grau-2 a {
  color: #B1B1B1 !important;
  font-weight: 200;
}
.form-2 .widget-explanation.grau-3, .form-2 .widget-checkbox.grau-3 {
  font-weight: 200;
}
.form-2 .widget-explanation.grau-3 a, .form-2 .widget-checkbox.grau-3 a {
  text-decoration: underline !important;
  color: #4D4D4D !important;
}
.form-2 select.select:focus {
  background-color: #EEEEEE;
}
.form-2 textarea:focus, .form-2 input.text:focus, .form-2 input.password:focus {
  border-color: #00509C;
}
.form-2 textarea,
.form-2 select,
.form-2 input.text, .form-2 input.password, .form-2 input.number {
  border: 1px solid #B1B1B1;
  background-color: #ffffff;
}
.form-2 button.submit,
.form-2 input.submit:not([type=image]) {
  background: #005097;
  background-image: -webkit-gradient(linear, left top, right top, from(#005097), color-stop(#3474b0), color-stop(#005097), to(#3474ab));
  background-image: linear-gradient(to right, #005097, #3474b0, #005097, #3474ab);
  background-size: 300% 100%;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  border: 1px solid #0077e9;
  color: #ffffff !important;
  min-height: 40px;
}
.form-2 button.submit:after,
.form-2 input.submit:not([type=image]):after {
  margin-left: 0 !important;
  content: "" !important;
}
.form-2 button.submit:hover,
.form-2 input.submit:not([type=image]):hover {
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  background-position: 100% 0;
}
.form-2 button.submit:focus,
.form-2 input.submit:not([type=image]):focus {
  outline: none;
}
.form-2 button.submit a,
.form-2 input.submit:not([type=image]) a {
  display: block;
  text-decoration: none;
}
.form-2 button.submit a:after,
.form-2 input.submit:not([type=image]) a:after {
  margin-left: 0 !important;
  content: "" !important;
}
@media (min-width: 0) and (max-width: 600px) {
  .form-2 button.submit,
  .form-2 input.submit:not([type=image]) {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}
@media (min-width: 600px) {
  .form-2 button.submit,
  .form-2 input.submit:not([type=image]) {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.form-2 button.submit a,
.form-2 input.submit:not([type=image]) a {
  color: #ffffff !important;
}
.form-2 legend, .form-2 textarea, .form-2 select, .form-2 input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
.form-2 legend, .form-2 input, .form-2 textarea {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-2 label {
  display: block;
}
.form-2 .widget-niceNumber > .nice-number button {
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #B1B1B1;
  text-decoration: none;
  border-radius: 50%;
  padding: 1px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  color: #B1B1B1;
  width: 40px;
}
.form-2 .widget-niceNumber > .nice-number input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-width: 4ch;
}
.form-2 .widget-submit {
  margin-top: 1rem;
}
.form-2 fieldset.fieldsetIsStart {
  border-top: 2px dotted #B1B1B1;
  border-bottom: 0;
  padding: 2rem 0 0 0;
  margin: 2rem 0 2rem 0;
  /* Wenn Verschachtelung stattfindet */
}
.form-2 fieldset.fieldsetIsStart > legend {
  padding: 0 1rem 0 0;
  font-weight: bold;
  color: #000000;
  margin: 0;
}
.form-2 fieldset.fieldsetIsStart fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.form-2 .widget-radio {
  margin-bottom: 1em;
}
.form-2 .widget-radio span {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.form-2 .widget-radio input.radio {
  position: absolute;
  margin-top: 0.25rem;
}
.form-2 .widget-radio label {
  margin-left: 30px;
}
.form-2 textarea,
.form-2 select,
.form-2 input.text, .form-2 input.password, .form-2 input.number {
  display: block;
  width: 100%;
}
.form-2 input.text, .form-2 input.password {
  min-height: 40px;
}
.form-2 select.select {
  height: 40px;
}
.form-2 textarea {
  min-height: 100px;
}
.form-2 .widget.text {
  position: relative;
}
.form-2 .widget.text:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-2 input[type=text]:disabled, .form-2 select:disabled {
  background-color: #f6f6f6;
}
.form-2 .b-contain *, .form-2 .b-contain *::before, .form-2 .b-contain *::after {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.form-2 .b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-2 .b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}
.form-2 .b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.form-2 .widget-checkbox-single {
  margin-bottom: 1rem;
}
.form-2 .widget-checkbox-single .b-contain {
  margin-bottom: 0;
}
.form-2 .widget-checkbox-single .b-contain span {
  line-height: inherit;
}
.form-2 .b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  /*background: rgba(241, 245, 248, 1);*/
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}
.form-2 .b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  -webkit-transition: background 250ms;
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}
.form-2 .b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form-2 .b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  -webkit-transition: background 250ms;
  transition: background 250ms;
}
.form-2 .b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}
.form-2 .b-contain input:checked ~ .b-input::after {
  display: block;
}
.form-2 .b-contain:hover input ~ .b-input,
.form-2 .b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}
.form-2 .b-contain input:focus ~ .b-input {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
          box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}
.form-2 .b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}
.form-2 .b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-2 .b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}
.form-2 .b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}
.form-2 .b-contain input:checked:focus ~ .b-input, .form-2 .b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}
.form-2 .b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@keyframes b-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes b-ripple-duplicate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.form-2 .b-contain input + .b-input::before {
  -webkit-animation: b-ripple 250ms ease-out;
          animation: b-ripple 250ms ease-out;
}
.form-2 .b-contain input:checked + .b-input::before {
  -webkit-animation-name: b-ripple-duplicate;
          animation-name: b-ripple-duplicate;
}
.form-2 .b-contain .b-input::before {
  visibility: hidden;
}
.form-2 .b-contain input:focus + .b-input::before {
  visibility: visible;
}
.form-2 .b-contain:first-child .b-input::before {
  visibility: hidden;
}
.form-2 button.submit,
.form-2 input.submit {
  border: 0;
  cursor: pointer;
}
.form-2 .widget-submit.width100 button {
  width: 100%;
}
.form-2 input.submit[type=image] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.form-2 .inputHeight {
  line-height: 40px;
  height: 40px;
}
.form-2 .widget-explanation a, .form-2 .widget-checkbox a {
  text-decoration: underline;
  color: #ffffff !important;
}
.form-2 input.text, .form-2 input.password, .form-2 input.number, .form-2 select.select {
  background-color: #3474B0;
  border: 1px solid #fff;
  color: #ffffff;
}
.form-2 ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}
.form-2 ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}
.form-2 :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}
.form-2 ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}
.form-2 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}
.form-2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}
.form-2 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}
.form-2 select.select:focus, .form-2 select.isSelected {
  background-color: #ffffff;
  color: #000000;
}
.form-2 textarea:focus, .form-2 input.text:focus, .form-2 input.password:focus {
  border-color: #00509C;
}
.form-2 textarea,
.form-2 select,
.form-2 input.text, .form-2 input.password, .form-2 input.number {
  border: 1px solid #fff;
  background-color: #3474B0;
}

/**
 * Text-Element
 */
.ce_text ol {
  list-style-type: decimal;
  padding-left: 15px;
}
.ce_text ol li {
  margin-left: 10px;
  padding-left: 10px;
  text-indent: 0;
  line-height: 1.5em;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}
.ce_text ul li {
  margin-left: 1.2em;
  padding-left: 0;
  list-style: disc;
  list-style-position: outside;
}
@media (min-width: -960px) {
  .ce_text .float_right {
    float: none;
  }
}
@media (min-width: 960px) {
  .ce_text .float_right {
    margin-left: 2.76%;
  }
}

#main .ce_text p a {
  color: #00509C;
  text-decoration: none;
  font-weight: normal;
}
#main .ce_text p a:hover {
  color: #002950;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

#main .ce_hyperlink > a {
  color: #00509C;
  text-decoration: none;
}
#main .ce_hyperlink > a:hover {
  color: #002950;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
#main .ce_hyperlink > a:after {
  margin-left: 2px;
  content: "›";
  width: 3px;
}

main .ce_hyperlink_back a:after,
main .ce_hyperlink_back span:after {
  display: none;
}

p.back a:before,
.ce_hyperlink_back a:before,
.ce_hyperlink_back span:before {
  margin-right: 3px;
  content: "‹";
  font-size: 90%;
}
p.back a:before:hover,
.ce_hyperlink_back a:before:hover,
.ce_hyperlink_back span:before:hover {
  text-decoration: none;
}

/**
 * ce_imageTextTeaser
 */
.ce_imageTextTeaser {
  background-color: #ffffff;
  color: #000000;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.ce_imageTextTeaser a {
  max-width: 90%;
  margin: 0 auto !important;
}
.ce_imageTextTeaser.check {
  position: relative;
}
.ce_imageTextTeaser.check:after {
  position: absolute;
  content: "";
  width: 25%;
  height: 25%;
  right: 10px;
  bottom: 10px;
  background-image: url("../../files/daten/icon/icon-ok.svg");
  background-repeat: no-repeat;
}

/**
 * Bilder
 */
/*picture > img {
    width:100%;
    height:auto;
}*/
/*.header-img {
	overflow:hidden;
	text-align:center;
	margin-bottom:-7px;
	max-height:650px;
	@include breakpoint($breite-xxl) {
		width:100%;
		max-height:650px;
	}

	@include breakpoint($breite-xxxl) {
		width:1920px;
		height:650px;
		margin-left:auto;
		margin-right:auto;
	}

	img {
		width:100%;
		height:auto;
	}
}*/
.nav-headline img {
  width: 80px;
  height: auto;
}

.nav-col .btn-2 {
  float: right;
  margin-left: 2rem;
}

.box-community {
  width: 47.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 990px) {
  .box-community {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
    margin-bottom: 7rem;
  }
}
.box-community img {
  width: 120px;
  height: auto;
}

.ce_headlineContour.color-1 svg .cls-1 {
  stroke: #00509C;
}
.ce_headlineContour.bg-kontur-1 svg .cls-1 {
  stroke-width: 2;
  stroke: #fff;
}
.ce_headlineContour.color-4 svg .cls-1 {
  stroke: #FDCA01;
}
.ce_headlineContour.svg-bg-color-2 svg .cls-1 {
  fill: rgba(204, 221, 238, 0.2);
}

.ce_headlineContour {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1px;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ce_headlineContour span,
.ce_headlineContour svg {
  height: 20px;
  margin-right: 2px;
  width: auto;
}
.ce_headlineContour span .cls-1,
.ce_headlineContour svg .cls-1 {
  stroke-width: 1;
  padding: 1px;
}
@media (min-width: 700px) {
  .ce_headlineContour span,
  .ce_headlineContour svg {
    margin-right: 3px;
    height: 30px;
  }
}
@media (min-width: 990px) {
  .ce_headlineContour span,
  .ce_headlineContour svg {
    height: 40px;
    margin-right: 5px;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour span,
  .ce_headlineContour svg {
    height: 60px;
  }
}
.ce_headlineContour svg.letter_point {
  height: 5px;
  margin-top: 15px;
}
@media (min-width: 700px) {
  .ce_headlineContour svg.letter_point {
    height: 8px;
    margin-top: 20px;
  }
}
@media (min-width: 990px) {
  .ce_headlineContour svg.letter_point {
    height: 10px;
    margin-top: 30px;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour svg.letter_point {
    height: 15px;
    margin-top: 35px;
  }
}
.ce_headlineContour span.letter_space {
  width: 5px;
  display: inline-block;
}
@media (min-width: 990px) {
  .ce_headlineContour span.letter_space {
    width: 10px;
    display: inline-block;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour span.letter_space {
    width: 20px;
    display: inline-block;
  }
}
.ce_headlineContour svg.letter_l + svg.letter_y,
.ce_headlineContour svg.letter_L + svg.letter_Y,
.ce_headlineContour svg.letter_y + svg.letter_point,
.ce_headlineContour svg.letter_y + svg.letter_point,
.ce_headlineContour svg.letter_v + svg.letter_a,
.ce_headlineContour svg.letter_V + svg.letter_A {
  margin-left: -3px;
}
@media (min-width: 700px) {
  .ce_headlineContour svg.letter_l + svg.letter_y,
  .ce_headlineContour svg.letter_L + svg.letter_Y,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_v + svg.letter_a,
  .ce_headlineContour svg.letter_V + svg.letter_A {
    margin-left: -10px;
  }
}
@media (min-width: 990px) {
  .ce_headlineContour svg.letter_l + svg.letter_y,
  .ce_headlineContour svg.letter_L + svg.letter_Y,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_v + svg.letter_a,
  .ce_headlineContour svg.letter_V + svg.letter_A {
    margin-left: -10px;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour svg.letter_l + svg.letter_y,
  .ce_headlineContour svg.letter_L + svg.letter_Y,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_y + svg.letter_point,
  .ce_headlineContour svg.letter_v + svg.letter_a,
  .ce_headlineContour svg.letter_V + svg.letter_A {
    margin-left: -16px;
  }
}
.ce_headlineContour svg.letter_l + svg.letter_apotstrophe,
.ce_headlineContour svg.letter_L + svg.letter_aposstrophe {
  margin-left: -12px;
}
@media (min-width: 700px) {
  .ce_headlineContour svg.letter_l + svg.letter_apotstrophe,
  .ce_headlineContour svg.letter_L + svg.letter_aposstrophe {
    margin-left: -12px;
  }
}
@media (min-width: 990px) {
  .ce_headlineContour svg.letter_l + svg.letter_apotstrophe,
  .ce_headlineContour svg.letter_L + svg.letter_aposstrophe {
    margin-left: -18px;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour svg.letter_l + svg.letter_apotstrophe,
  .ce_headlineContour svg.letter_L + svg.letter_aposstrophe {
    margin-left: -20px;
  }
}
.ce_headlineContour svg.letter_T + svg.letter_A,
.ce_headlineContour svg.letter_t + svg.letter_a,
.ce_headlineContour svg.letter_a + svg.letter_t,
.ce_headlineContour svg.letter_A + svg.letter_T {
  margin-left: -6px;
}
@media (min-width: 700px) {
  .ce_headlineContour svg.letter_T + svg.letter_A,
  .ce_headlineContour svg.letter_t + svg.letter_a,
  .ce_headlineContour svg.letter_a + svg.letter_t,
  .ce_headlineContour svg.letter_A + svg.letter_T {
    margin-left: -8px;
  }
}
@media (min-width: 990px) {
  .ce_headlineContour svg.letter_T + svg.letter_A,
  .ce_headlineContour svg.letter_t + svg.letter_a,
  .ce_headlineContour svg.letter_a + svg.letter_t,
  .ce_headlineContour svg.letter_A + svg.letter_T {
    margin-left: -8px;
  }
}
@media (min-width: 1640px) {
  .ce_headlineContour svg.letter_T + svg.letter_A,
  .ce_headlineContour svg.letter_t + svg.letter_a,
  .ce_headlineContour svg.letter_a + svg.letter_t,
  .ce_headlineContour svg.letter_A + svg.letter_T {
    margin-left: -10px;
  }
}

#main .ce_tabs ul {
  margin-bottom: 0;
}
#main .ce_tabs ul li:first-child {
  margin-left: 0;
}
#main .ce_tabs ul li.ui-tabs-active a {
  background-color: #00509C;
  color: #fff;
}
#main .ce_tabs ul li {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #00509C;
  border-bottom: none;
  display: inline-block;
}
@media (min-width: 1170px) {
  #main .ce_tabs ul li {
    margin-left: 1rem;
  }
}
#main .ce_tabs ul li a {
  display: block;
  padding: 1rem;
}
#main .ce_tabs ul li a:hover {
  background-color: #00509C;
  color: #fff;
}
#main .ce_tabs .panel {
  padding: 3rem;
  padding-bottom: 2rem;
  border: 1px solid #00509C;
}

#main .box-fragen-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #EEEEEE;
}
#main .box-fragen-flex .box-fragen-1 {
  width: 100%;
  padding: 1rem;
  padding-bottom: 0;
}
@media (min-width: 990px) {
  #main .box-fragen-flex .box-fragen-1 {
    width: 49%;
  }
}
@media (min-width: 990px) {
  #main .box-fragen-flex .box-fragen-1 {
    padding: 2rem 0.5rem 0 2rem;
  }
}
#main .box-fragen-flex .box-fragen-1 li {
  font-weight: 300;
  margin-bottom: 0.5rem;
}
@media (min-width: 1640px) {
  #main .box-fragen-flex .box-fragen-1 li {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#main .box-fragen-flex .box-fragen-2 {
  width: 100%;
}
@media (min-width: 990px) {
  #main .box-fragen-flex .box-fragen-2 {
    width: 51%;
  }
}
#main .box-fragen-flex .box-fragen-2 img {
  border-top-right-radius: 6px;
  margin-bottom: -7px;
}

#main .box-fragen-3 {
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 990px) {
  #main .box-fragen-3 {
    padding: 2rem 0 1rem 2rem;
  }
}
#main .box-fragen-3 .col-1 {
  width: 100%;
}
@media (min-width: 990px) {
  #main .box-fragen-3 .col-1 {
    width: 60%;
  }
}
#main .box-fragen-3 .col-2 {
  width: 100%;
}
@media (min-width: 990px) {
  #main .box-fragen-3 .col-2 {
    margin-left: 10%;
    width: 20%;
    margin-right: 10%;
  }
}

table {
  width: 100%;
}
table tbody tr td {
  padding: 0.35rem;
}
table tbody tr td p {
  margin-bottom: 0;
}
table tbody tr:nth-child(odd) {
  background-color: #EEEEEE;
}

/**
 * Kaufen-Boxen / Grey-Boxen
 */
.textbox-grau-1 {
  background-color: #EEEEEE;
  padding: 1rem 1rem 0 1rem;
}

.centered-element {
  margin-left: auto;
  margin-right: auto;
}

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

.icon-download {
  background-image: url("../../files/daten/icon/icon-download.png");
  background-image: none, url("../../files/daten/icon/icon-download.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50px 50px;
}
.icon-download a {
  display: block;
  padding: 25px;
  margin-bottom: 0.75em;
}

.space {
  width: 10px;
}

.a {
  background-image: url("../../files/daten/icon/a.png");
  background-image: none, url("../../files/daten/icon/a.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 61px 53px;
  width: 61px;
}

.b {
  background-image: url("../../files/daten/icon/b.png");
  background-image: none, url("../../files/daten/icon/b.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 45px 53px;
  width: 45px;
}

.c {
  background-image: url("../../files/daten/icon/c.png");
  background-image: none, url("../../files/daten/icon/c.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 46px 53px;
  width: 46px;
}

.d {
  background-image: url("../../files/daten/icon/d.png");
  background-image: none, url("../../files/daten/icon/d.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50px 53px;
  width: 50px;
}

.e {
  background-image: url("../../files/daten/icon/e.png");
  background-image: none, url("../../files/daten/icon/e.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 38px 53px;
  width: 38px;
}

.f {
  background-image: url("../../files/daten/icon/f.png");
  background-image: none, url("../../files/daten/icon/f.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 37px 53px;
  width: 37px;
}

.g {
  background-image: url("../../files/daten/icon/g.png");
  background-image: none, url("../../files/daten/icon/g.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 49px 53px;
  width: 49px;
}

.h {
  background-image: url("../../files/daten/icon/h.png");
  background-image: none, url("../../files/daten/icon/h.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 49px 53px;
  width: 49px;
}

.i {
  background-image: url("../../files/daten/icon/i.png");
  background-image: none, url("../../files/daten/icon/i.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 15px 53px;
  width: 15px;
}

.j {
  background-image: url("../../files/daten/icon/j.png");
  background-image: none, url("../../files/daten/icon/j.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 26px 53px;
  width: 26px;
}

.k {
  background-image: url("../../files/daten/icon/k.png");
  background-image: none, url("../../files/daten/icon/k.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 52px 53px;
  width: 52px;
}

.l {
  background-image: url("../../files/daten/icon/l.png");
  background-image: none, url("../../files/daten/icon/l.svg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 37px;
  background-size: 37px 53px;
}

.m {
  background-image: url("../../files/daten/icon/m.png");
  background-image: none, url("../../files/daten/icon/m.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 54px 53px;
  width: 54px;
}

.n {
  background-image: url("../../files/daten/icon/n.png");
  background-image: none, url("../../files/daten/icon/n.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 47px 53px;
  width: 47px;
}

.o {
  background-image: url("../../files/daten/icon/o.png");
  background-image: none, url("../../files/daten/icon/o.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 54px 53px;
  width: 54px;
}

.p {
  background-image: url("../../files/daten/icon/p.png");
  background-image: none, url("../../files/daten/icon/p.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 44px 53px;
  width: 44px;
}

.r {
  background-image: url("../../files/daten/icon/r.png");
  background-image: none, url("../../files/daten/icon/r.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 48px 53px;
  width: 48px;
}

.s {
  background-image: url("../../files/daten/icon/s.png");
  background-image: none, url("../../files/daten/icon/s.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 44px 53px;
  width: 44px;
}

.t {
  background-image: url("../../files/daten/icon/t.png");
  background-image: none, url("../../files/daten/icon/t.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 46px 53px;
  width: 46px;
}

.u {
  background-image: url("../../files/daten/icon/u.png");
  background-image: none, url("../../files/daten/icon/u.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 48px 53px;
  width: 48px;
}

.v {
  background-image: url("../../files/daten/icon/v.png");
  background-image: none, url("../../files/daten/icon/v.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 60px 53px;
  width: 60px;
}

.w {
  background-image: url("../../files/daten/icon/w.png");
  background-image: none, url("../../files/daten/icon/w.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 82px 53px;
  width: 82px;
}

.x {
  background-image: url("../../files/daten/icon/x.png");
  background-image: none, url("../../files/daten/icon/x.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 58px 53px;
  width: 58px;
}

.y {
  background-image: url("../../files/daten/icon/y.png");
  background-image: none, url("../../files/daten/icon/y.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 60px 53px;
  width: 60px;
}

.z {
  background-image: url("../../files/daten/icon/z.png");
  background-image: none, url("../../files/daten/icon/z.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 40px 53px;
  width: 40px;
}

/**
 * News-Liste Startseite
 */
#main .news-1 {
  background-color: #fff;
  padding-bottom: 1rem;
}
#main .news-1 .layout_latest {
  padding-bottom: 1rem;
}
@media (min-width: 0) and (max-width: 700px) {
  #main .news-1 .layout_latest {
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .news-1 .layout_latest .category, #main .news-1 .layout_latest p.more {
  display: none;
}
#main .news-1 .layout_latest h3 {
  padding-top: 2rem;
  border-top: 1px solid #B1B1B1;
  overflow: hidden;
  margin-left: 1rem;
  margin-right: 1rem;
}
#main .news-1 .layout_latest h3 a {
  color: #000000;
  text-decoration: none;
}
#main .news-1 .layout_latest h3 a:hover {
  color: #262626;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
#main .news-1 .layout_latest.first h3 {
  border: none;
  padding-top: 0;
}
#main .news-1 .layout_latest p.info {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #cbcbcb;
}
#main .news-1 .layout_latest .ce_text {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}
#main .news-1 .layout_latest .image_container > picture > img {
  max-width: 100%;
  height: auto;
}
#main .news-1 .layout_home .headline a:after {
  margin-left: 2px;
  content: "›";
  width: 3px;
}
#main .news-1 .layout_home .image_container > picture > img {
  max-width: 100%;
  height: auto;
}
#main .news-1 .empty {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

/**
 * News und Events-Seite
 */
#main .news-2 {
  clear: both;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: Space-between;
      -ms-flex-pack: Space-between;
          justify-content: Space-between;
}
@media (min-width: 990px) {
  #main .news-2 {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .news-2 .layout_latest {
  background-color: #fff;
  margin-bottom: 2rem;
}
#main .news-2 .layout_latest picture img,
#main .news-2 .layout_latest .image_container img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
#main .news-2 .layout_latest .text {
  padding: 1rem;
  padding-bottom: 0;
}
#main .news-2 .layout_latest .text .category {
  color: #D20643;
  font-size: 13px;
  font-size: 0.8125rem;
}
#main .news-2 .layout_latest .text h3 {
  padding-top: 1rem;
  overflow: hidden;
}
#main .news-2 .layout_latest .text h3 a {
  color: #000000;
  text-decoration: none;
}
#main .news-2 .layout_latest .text h3 a:hover {
  color: #262626;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
#main .news-2 .layout_latest .text .category + h3 {
  padding-top: 0;
}
#main .news-2 .layout_latest .text .ce_text {
  display: block;
}
#main .news-2 .layout_latest .text p.more {
  text-transform: lowercase;
}
#main .news-2 .layout_latest .text p.more a:after {
  content: "›";
  display: inline-block;
  margin-left: 5px;
}
#main .news-2 .layout_latest.first {
  width: 100%;
}
#main .news-2 .layout_latest {
  width: 100%;
}
@media (min-width: 700px) {
  #main .news-2 .layout_latest {
    width: 48%;
  }
}
#main .news-2 .empty {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1rem;
}

#main .mod_newscategories_cumulative {
  margin-bottom: 1rem;
}
#main .mod_newscategories_cumulative h6 {
  font-weight: normal;
  float: left;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#main .mod_newscategories_cumulative ul, #main .mod_newscategories_cumulative div {
  display: inline;
}
#main .mod_newscategories_cumulative div.reset-link {
  margin-left: 1rem;
}
#main .mod_newscategories_cumulative ul li {
  display: inline;
  margin-left: 1rem;
}
#main .mod_newscategories_cumulative a, #main .mod_newscategories_cumulative strong {
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  color: #4D4D4D;
  border-radius: 5px;
  border: 1px solid #B1B1B1;
  margin: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 0) and (max-width: 600px) {
  #main .mod_newscategories_cumulative a, #main .mod_newscategories_cumulative strong {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 600px) {
  #main .mod_newscategories_cumulative a, #main .mod_newscategories_cumulative strong {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#main .mod_newscategories_cumulative strong {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

/**
 * News-Detailseite
 */
.bg-grau-1 .mod_newsreader > .layout_full {
  background-color: #ffffff;
}

.mod_newsreader .headlineBreadcrumb span {
  font-size: 0.75rem;
}
.mod_newsreader .layout_full.news_category_5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  padding: 1rem;
  padding-bottom: 0;
}
@media (min-width: 990px) {
  .mod_newsreader .layout_full.news_category_5 {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
.mod_newsreader .layout_full {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 0) and (max-width: 990px) {
  .mod_newsreader .layout_full {
    padding: 1rem;
    padding-bottom: 0;
  }
}
.mod_newsreader .layout_full p.info {
  margin-top: 1rem;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
  border-bottom: 1px solid #00509C;
}
.mod_newsreader .layout_full h1 {
  margin-bottom: 0;
}
.mod_newsreader .layout_full img {
  width: 100%;
  height: auto;
}
.mod_newsreader .layout_full .accordion-2 {
  margin-bottom: 0.85rem;
}
.mod_newsreader p.back {
  clear: both;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 2rem;
}
.mod_newsreader p.back a {
  text-transform: lowercase;
}
.mod_newsreader p.back a:before {
  content: "‹";
  display: inline-block;
  margin-right: 5px;
}

/**
 * Events-Liste Startseite
 */
#main .events-1 {
  background-color: #fff;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 990px) {
  #main .events-1 {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .events-1 .empty {
  font-weight: 700;
  text-align: center;
  padding: 1rem 0;
}

#main .box-4 .events-1 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

/** 
*Event Filter
*/
/**
 * Event-Liste
 * -> auf Detail-Seite
 */
#main .events-2 .flex-container-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#main .events-2 .flex-container-start .flex-6 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 990px) {
  #main .events-2 .flex-container-start .flex-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .events-2 .flex-container-start .flex-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 990px) {
  #main .events-2 .flex-container-start .flex-2 {
    width: 13.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#main .events-2 .trainingType {
  color: #00509C;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}
#main .events-2 .trainingType a.iconInfo {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../../files/daten/icon/icon-info.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}
#main .events-2 h4 {
  font-size: 22px;
  font-size: 1.375rem;
}
#main .events-2 .dateTime {
  font-weight: 700;
}
#main .events-2 .duration {
  margin-bottom: 1rem;
}
#main .events-2 .price {
  color: #00509C;
  padding: 0;
}
@media (min-width: 0) and (max-width: 990px) {
  #main .events-2 .price {
    margin-bottom: 1rem;
  }
}
#main .events-2 .ticket a {
  font-size: 16px;
  font-size: 1rem;
}
#main .events-2 .empty {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
}

#main .fullWidth .events-2 {
  padding: 0;
}
#main .fullWidth .events-2 .layout_upcoming {
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#main .fullWidth .events-2 .layout_upcoming:after {
  content: " ";
  display: block;
  clear: both;
}
#main .fullWidth .events-2 .layout_upcoming:nth-child(even) {
  background-color: #EEEEEE;
}
#main .fullWidth .events-2 .layout_upcoming p {
  padding: 0;
}

#main .events-1 p.location, #main .events-1 p.nameType, #main .events-1 h4,
#main .events-2 p.location,
#main .events-2 p.nameType,
#main .events-2 h4 {
  margin: 0;
}
#main .events-1 p.location span + span,
#main .events-2 p.location span + span {
  display: block;
  color: #B1B1B1;
}
#main .events-1 a,
#main .events-2 a {
  text-decoration: none;
}
#main .events-1 .layout_teaser,
#main .events-2 .layout_teaser {
  clear: both;
  border-bottom: 3px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main .events-1 .layout_teaser:first-child,
#main .events-2 .layout_teaser:first-child {
  border-top: none;
  margin-top: 0;
}
#main .events-1 .layout_teaser .nameType,
#main .events-2 .layout_teaser .nameType {
  color: #D20643;
  margin-top: -5px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#main .events-1 .layout_teaser .dateTime,
#main .events-2 .layout_teaser .dateTime {
  background-color: #EEEEEE;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 60px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 1rem;
  width: 100px;
}
#main .events-1 .layout_teaser .teaser,
#main .events-2 .layout_teaser .teaser {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  margin: 1rem;
  margin-left: 0;
}
#main .events-1 .layout_teaser .teaser p,
#main .events-2 .layout_teaser .teaser p {
  margin-bottom: 0;
}
#main .events-1 .layout_teaser .ticket,
#main .events-2 .layout_teaser .ticket {
  margin-top: 1rem;
  margin-bottom: 0;
}
#main .events-1 .layout_latest,
#main .events-2 .layout_latest {
  padding-bottom: 1rem;
  /*.image_container {
  	height:220px;
  	overflow:hidden;
  	img {
  		width:100%;
  		height:auto;
  	}
  }*/
  /*.text {
  	display:block;
  }*/
}
#main .events-1 .layout_latest.last,
#main .events-2 .layout_latest.last {
  margin-bottom: 0;
  padding-bottom: 0;
}
#main .events-1 .layout_latest h3,
#main .events-2 .layout_latest h3 {
  padding-top: 2rem;
  border-top: 1px solid #B1B1B1;
  overflow: hidden;
  /*@include breakpoint($breite-m) {
          height:60px;
  }*/
  margin-left: 1rem;
  margin-right: 1rem;
}
#main .events-1 .layout_latest h3 a,
#main .events-2 .layout_latest h3 a {
  color: #000000;
  text-decoration: none;
}
#main .events-1 .layout_latest h3 a:hover,
#main .events-2 .layout_latest h3 a:hover {
  color: #262626;
  -webkit-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
#main .events-1 .layout_latest.first h3,
#main .events-2 .layout_latest.first h3 {
  border: none;
  padding-top: 0;
}
#main .events-1 .layout_latest p.info,
#main .events-2 .layout_latest p.info {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #cbcbcb;
}
#main .events-1 .layout_latest .ce_text,
#main .events-2 .layout_latest .ce_text {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  /*@include breakpoint($breite-m) {
          height:178px;
  }
  overflow:hidden;
  @include breakpoint($breite-xl) {
          height:128px;
          overflow:hidden;
  }*/
}

/**
 * Booking - Details
 */
.mod_eventreader .layout_booking_details .headline {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #B1B1B1;
  padding-bottom: 0.25rem;
}
.mod_eventreader .layout_booking_details .headline.first {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}
.mod_eventreader .layout_booking_details .value {
  font-size: 17px;
  font-size: 1.0625rem;
}
.mod_eventreader .layout_booking_details .name {
  font-weight: bold;
}
.mod_eventreader .layout_booking_details .sum {
  margin-top: 1rem;
  padding-top: 2rem;
  border-top: 1px solid #B1B1B1;
  font-size: 1.7rem;
  font-weight: 700;
}
.mod_eventreader .layout_booking_details .sum .total {
  text-align: right;
}
.mod_eventreader .layout_booking_details .sum .taxNotice {
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
}

/**
 * Detail-Ansicht Messe
 */
.mod_eventreader .headlineBreadcrumb span {
  font-size: 0.75rem;
}
.mod_eventreader .layout_full {
  padding: 1rem;
  background-color: #ffffff;
}
.mod_eventreader .layout_full p.info {
  margin-top: 1rem;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
}
.mod_eventreader .layout_full p.info span.verlauf-1 {
  margin-top: 1rem;
  display: block;
  height: 1px;
}
.mod_eventreader .layout_full h1, .mod_eventreader .layout_full h2 {
  margin-bottom: 0;
}
.mod_eventreader p.back {
  clear: both;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 2rem;
}
.mod_eventreader p.back a {
  text-transform: lowercase;
}
.mod_eventreader p.back a:before {
  content: "‹";
  display: inline-block;
  margin-right: 5px;
}

#footer {
  background-color: #282741;
  color: #ffffff;
}
#footer .inside {
  position: relative;
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  color: #EEEEEE;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 960px) {
  #footer .box-3, #footer .box-4 {
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
  #footer .box-3 .right, #footer .box-4 .right {
    text-align: left;
  }
}
@media (min-width: 1640px) {
  #footer .box-3 {
    width: 22.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 0) and (max-width: 1140px) {
  #footer .box-5 {
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  #footer .box-5 {
    width: 38.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 0) and (max-width: 960px) {
  #footer .box-6 {
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 1640px) {
  #footer .box-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 0) and (max-width: 1640px) {
  #footer .box-6.right, #footer .box-5.right {
    text-align: left !important;
  }
}
#footer p {
  margin: 0;
  padding: 0;
}
#footer .inline-block p {
  font-weight: 200;
  color: #B1B1B1;
  vertical-align: top;
  padding-top: 5px;
}
#footer .ce_text.inline-block {
  margin-left: 60px;
}
#footer .ce_hyperlink a:after,
#footer .ce_hyperlink span:after,
#footer .mod_navigation .level_2 a:after {
  margin-left: 3px;
  content: "›";
  font-size: 90%;
}
#footer .ce_hyperlink a:after:hover,
#footer .ce_hyperlink span:after:hover,
#footer .mod_navigation .level_2 a:after:hover {
  text-decoration: none;
}
#footer h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #ffffff;
}
#footer .ce_headline + .ce_text {
  margin-top: 0;
}
#footer .page {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
#footer #footerNav .mod_navigation {
  padding-top: 2rem;
  padding-bottom: 2rem;
  clear: both;
}
@media (min-width: 600px) and (max-width: 700px) {
  #footer #footerNav .box-3 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
@media (min-width: 0) and (max-width: 600px) {
  #footer #footerNav .box-3.last {
    margin-top: 2rem;
  }
}
#footer #footerNav .level_1 > li > a, #footer #footerNav .level_1 > li > strong {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
}
#footer #footerNav .level_1 > li > strong {
  font-weight: 700;
}
#footer #footerNav .level_2 {
  margin-top: 1rem;
}
#footer #footerNav .level_2 a, #footer #footerNav .level_2 strong {
  font-weight: 200;
  color: #EEEEEE;
  margin-bottom: 0.25rem;
}
#footer #footerNav .level_2 a:hover {
  color: #d7d7d7;
}
#footer #footerNav .level_2 strong {
  font-weight: 700;
}
#footer #footerNav ul, #footer #footerNav .box-3 {
  margin-top: 0;
  margin-bottom: 0;
}
#footer .copy .box-copy {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
}
@media (min-width: 990px) {
  #footer .copy .box-copy {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
  }
}
#footer .copy .box-copy .ce_text p {
  font-size: 13px;
  font-size: 0.8125rem;
}
#footer .copy .box-social {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
}
@media (min-width: 990px) {
  #footer .copy .box-social {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%;
    text-align: right;
  }
}
#footer .mod_changelanguage {
  position: absolute;
}
#footer .mod_changelanguage ul {
  margin: 0;
  padding: 4px 0;
  border: 1px solid #fff;
  border-radius: 4px;
}
#footer .mod_changelanguage ul li {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}
#footer .mod_changelanguage ul li.active, #footer .mod_changelanguage ul:hover li {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}
#footer .mod_changelanguage ul li > a, #footer .mod_changelanguage ul li > strong {
  padding: 0px 5px;
}
#footer .mod_changelanguage ul li.first > a:after, #footer .mod_changelanguage ul li.first > strong:after {
  margin-bottom: 2px;
  margin-left: 5px;
  content: "";
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  opacity: 1;
}
#footer .ce_image {
  margin-left: 5px;
}
#footer #footerToplink {
  position: absolute;
  width: 36px;
  height: 24px;
  top: 292px;
  right: 5%;
  display: block;
}
@media (min-width: 700px) {
  #footer #footerToplink {
    top: 330px;
    right: 1.3888888889%;
  }
}
#footer #footerToplink a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../../files/daten/icon/icon-pfeil-01.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  text-decoration: none;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#footer:after {
  display: block;
  width: 100%;
  content: "";
  height: 144px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-image: url("../../files/daten/layout/backgrounds/bg-01.png");
}
@media (min-width: 0px) and (max-width: 600px) {
  #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-04.png");
    height: 45px;
  }
}
@media (min-width: 601px) and (max-width: 1140px) {
  #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-03.png");
    height: 85px;
  }
}
@media (min-width: 1141px) and (max-width: 1920px) {
  #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-02.png");
  }
}

/**
 * HELiOS Gelb
 */
.ftbg-2 #footer:after {
  background-image: url("../../files/daten/layout/backgrounds/bg-05.png");
}
@media (min-width: 0px) and (max-width: 600px) {
  .ftbg-2 #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-08.png");
    height: 45px;
  }
}
@media (min-width: 601px) and (max-width: 1140px) {
  .ftbg-2 #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-07.png");
    height: 85px;
  }
}
@media (min-width: 1141px) and (max-width: 1920px) {
  .ftbg-2 #footer:after {
    background-image: url("../../files/daten/layout/backgrounds/bg-06.png");
  }
}

@media print {
  html, #header {
    background-color: transparent;
  }
  .mainNav, #metaMenu, #mobileMenuOpener,
  #sidebar, #footer, .noprint {
    display: none !important;
  }
}
/* 
    Created on : 06.08.2021, 11:30:22
    Author     : BGeiger
*/

/* mburger */
:root {
    --mb-button-size: 60px;
    --mb-bar-width: 0.6;
    --mb-bar-height: 4px;
    --mb-bar-spacing: 10px;
    --mb-animate-timeout: 0.4s;
    --mm-iconbar-size: 50px;
    --mm-iconpanel-size: 50px;
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: 440px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    z-index: 0;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-line-height);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited {
    text-decoration: none;
    color: inherit
}

.mm-panel {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-panel:after {
    height: 44px
}

.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panels>.mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panels {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text)
}

.mm-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding: 0
}

.mm-btn:after,.mm-btn:before {
    border: 2px solid rgba(0,0,0,.3);
    border: 2px solid var(--mm-color-button)
}

.mm-btn_next:after,.mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-navbar {
    min-height: 44px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: #f3f3f3;
    color: rgba(0,0,0,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--mm-navbar-size);
    border-bottom: 1px solid var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-navbar>* {
    min-height: 44px
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .mm-navbar_sticky {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

.mm-navbar>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-navbar__btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mm-navbar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
}

.mm-navbar__title>span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: rgba(0,0,0,.75);
    border-color: rgba(0,0,0,.1);
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.mm-listitem a,.mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__btn,.mm-listitem__text {
    padding: 12px;
    display: block;
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-left: 0;
    padding-right: 0;
    color: inherit
}

.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.mm-listitem__btn {
    background: rgba(3,2,1,0);
    border-color: inherit;
    width: auto;
    padding-right: 50px;
    position: relative
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_opened .mm-page {
    min-height: 100vh
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    position: fixed;
    right: auto;
    z-index: 0
}

.mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none
}

.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform:translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3,2,1,0);
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking {
    overflow: hidden
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block
}

.mm-sronly {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    width: 1px!important;
    min-width: 1px!important;
    height: 1px!important;
    min-height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important
}

.mm-navbars_top {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-menu_border-full .mm-listitem:after {
    left: 0!important
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
    -webkit-transform: translate3d(100vw,0,0);
    transform: translate3d(100vw,0,0)
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened {
    z-index: 2
}

.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker {
    z-index: 1
}

.mm-menu_position-bottom,.mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    top: auto
}

.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}



.mburger {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: var(--mb-button-size);
    padding: 0 0 0 var(--mb-button-size);
    margin: 0;
    line-height: var(--mb-button-size);
    vertical-align: middle;
    appearance: none;
    outline: 0;
    cursor: pointer
}

.mburger b {
    display: block;
    position: absolute;
    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
    width: calc(var(--mb-button-size) * var(--mb-bar-width));
    height: var(--mb-bar-height);
    border-radius: calc(var(--mb-bar-height)/ 2);
    background: currentColor;
    color: inherit;
    opacity: 1
}

.mburger b:nth-of-type(1) {
    bottom: calc(50% + var(--mb-bar-spacing));
    transition: bottom .2s ease,transform .2s ease,width .2s ease
}

.mburger b:nth-of-type(2) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transition: opacity .2s ease
}

.mburger b:nth-of-type(3) {
    top: calc(50% + var(--mb-bar-spacing));
    transition: top .2s ease,transform .2s ease,width .2s ease
}

.mm-wrapper_opened .mburger b:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(45deg)
}

.mm-wrapper_opened .mburger b:nth-of-type(2) {
    opacity: 0
}

.mm-wrapper_opened .mburger b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(-45deg)
}

.mburger--collapse b:nth-of-type(1) {
    transition: bottom .2s ease,margin .2s ease,transform .2s ease;
    transition-delay: .2s,0s,0s
}

.mburger--collapse b:nth-of-type(2) {
    transition: top .2s ease,opacity 0s ease;
    transition-delay: .3s,.3s
}

.mburger--collapse b:nth-of-type(3) {
    transition: top .2s ease,transform .2s ease
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
    bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
    margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
    transform: rotate(45deg);
    transition-delay: calc(var(--mb-animate-timeout) + .1s),calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
    top: calc(50% + var(--mb-bar-spacing));
    opacity: 0;
    transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(-45deg);
    transition-delay: calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)
}
/* mhead.css */
.mh-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.online-help h1{font-weight:800;font-size:2rem;line-height:130%}.online-help h2{font-weight:700;font-size:1.75rem}.online-help p,.online-help li{line-height:150%}.online-help strong{font-weight:800}.aktuelles_slider .slick-container{padding-left:1.5rem;padding-right:1.5rem}.aktuelles_slider .slick-dotted{margin-bottom:50px}.aktuelles_slider .slick-dotted .slick-dots{bottom:-45px}.aktuelles_slider .slick-track{display:flex}.aktuelles_slider .slick-track:before,.aktuelles_slider .slick-track:after{display:none}.aktuelles_slider .slick-arrow{width:25px;height:25px}.aktuelles_slider .slick-arrow:before{content:"";background-image:url("/files/daten/icon/chevron-down-solid.svg");background-repeat:no-repeat;display:block;width:25px;height:25px;filter:brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(1935%) hue-rotate(195deg) brightness(88%) contrast(102%)}.aktuelles_slider .slick-arrow.slick-prev{left:0}.aktuelles_slider .slick-arrow.slick-prev:before{rotate:90deg}.aktuelles_slider .slick-arrow.slick-next{right:0}.aktuelles_slider .slick-arrow.slick-next:before{rotate:270deg}.aktuelles_slider .slick-slide{background-color:white;padding:2rem 1.875rem;height:auto;margin-left:0.5rem;margin-right:0.5rem}.aktuelles_slider .slick-slide h2,.aktuelles_slider .slick-slide h3,.aktuelles_slider .slick-slide h4,.aktuelles_slider .slick-slide h5,.aktuelles_slider .slick-slide h6{font-size:1.7rem;font-weight:700;line-height:1.3}.aktuelles_slider .slick-dots{text-align:center;left:0;display:flex;justify-content:center;gap:1rem}.aktuelles_slider .slick-dots li{height:auto;width:auto;margin:0;flex:1;max-width:100px}.aktuelles_slider .slick-dots li button{cursor:pointer;content:" ";font-size:3px;max-width:100px;color:#fff;background-color:#fff;min-height:5px;height:5px;padding:0;margin:0;width:100%}.aktuelles_slider .slick-dots li button:before{display:none}.aktuelles_slider .slick-dots li.slick-active button{cursor:text;color:#00509C;background-color:#00509C}#version-details{scroll-margin-top:2rem}#main .newsdetailsbox{margin-top:3rem}@media (min-width:990px){#main .newsdetailsbox .content_container{display:flex}#main .newsdetailsbox .content_container>*{width:50%}}#main .newsdetailsbox .content_container .image figure{height:100%}#main .newsdetailsbox .content_container .image img{width:100%;height:auto;object-position:right}#main .newsdetailsbox .content_container .image .float_left{float:none}#main .newsdetailsbox .content_container .image .float_left img{object-position:left}#main .newsdetailsbox .content_container .image .float_right{float:none}#main .newsdetailsbox .content_container .image .float_right img{object-position:right}#main .newsdetailsbox .content_container .image .float_below img{object-position:center}#main .newsdetailsbox .content_container .image .float_left,#main .newsdetailsbox .content_container .image .float_right{margin:0}#main .newsdetailsbox .content_container .layout_full{float:none;margin-right:0;overflow:visible;padding:2rem;box-sizing:border-box;background-color:white}@media (min-width:990px){#main .newsdetailsbox .content_container .layout_full{margin-left:1rem}}#main .newsdetailsbox .content_container .layout_full .ce_text{overflow:visible}#main .newsdetailsbox .content_container .layout_full .ce_text p,#main .newsdetailsbox .content_container .layout_full .ce_text ul{padding-left:2.5rem}#main .newsdetailsbox .content_container .layout_full .ce_text ul li{list-style:none;margin-left:0;margin-bottom:0.5rem}#main .newsdetailsbox .content_container .layout_full a{color:black;text-decoration:underline;font-weight:800}#main .newsdetailsbox.helios_details .content_container .image img{object-position:left}#main .newsdetailsbox.helios_details .content_container .image .float_right{float:none}#main .newsdetailsbox.helios_details .content_container .image .float_right img{object-position:right}#main .newsdetailsbox.helios_details .content_container .image .float_below img{object-position:center}#main .newsdetailsbox p.back{margin:3rem 0;margin-top:2rem;float:none}#main .newsdetailsbox a{position:relative}#main .newsdetailsbox a:before{content:"";background-image:url("/files/daten/icon/link-solid.svg");background-repeat:no-repeat;display:block;width:25px;height:20px;min-width:25px;top:2px;min-height:20px;position:absolute;left:-2.5rem}#main .newsdetailsbox a[href$=".pdf"]:before{background-image:url("/files/daten/icon/file-pdf-solid.svg");height:25px;top:-2px;min-height:25px}#main .newsdetailsbox .browser-notice{margin-top:2.5rem}#main .newsdetailsbox .browser-notice p{font-size:0.8rem}@media (max-width:990px){#main .newslistbox .slick-arrow{top:50%}}#main .newslistbox .slick-slide .hicad_version{background-color:#881B16}#main .newslistbox .slick-slide .hicad_version .navi_dropdown a.toggler .snippet{background-color:#881B16;opacity:0.4}#main .newslistbox .slick-slide .helios_version{background-color:#D4B34C}#main .newslistbox .slick-slide .helios_version .navi_dropdown a.toggler .snippet{background-color:#D4B34C;opacity:0.4}#main .newslistbox .slick-slide .tools_version{background-color:#215199}#main .newslistbox .slick-slide .tools_version .navi_dropdown a.toggler .snippet{background-color:#215199;opacity:0.4}#main .newslistbox .teaserWrapper{color:white}#main .newslistbox .teaserWrapper h1,#main .newslistbox .teaserWrapper h2,#main .newslistbox .teaserWrapper h3,#main .newslistbox .teaserWrapper h4,#main .newslistbox .teaserWrapper h5,#main .newslistbox .teaserWrapper h6,#main .newslistbox .teaserWrapper p{color:white}#main .newslistbox .teaserWrapper h1,#main .newslistbox .teaserWrapper h2,#main .newslistbox .teaserWrapper h3,#main .newslistbox .teaserWrapper h4,#main .newslistbox .teaserWrapper h5,#main .newslistbox .teaserWrapper h6{font-weight:700;font-size:1.4rem;line-height:1.2}#main .newslistbox .teaserWrapper picture,#main .newslistbox .teaserWrapper img{margin-bottom:0}#main .newslistbox .teaserWrapper .teaserText{padding:1rem 1.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(20px, 80px) max-content max-content}#container .navi_dropdown{background-color:white}#container .navi_dropdown a{color:#000000;font-size:1.1rem;font-weight:600;display:block;position:relative}#container .navi_dropdown a.toggler{padding:0.7rem;position:relative}#container .navi_dropdown a.toggler .snippet{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:1rem;height:100%;display:flex;align-items:center}#container .navi_dropdown a.toggler .snippet:after{content:"";background-image:url(/files/daten/icon/chevron-down-solid.svg);background-repeat:no-repeat;display:block;width:16px;height:16px;filter:brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1163%) hue-rotate(308deg) brightness(117%) contrast(100%)}#container .navi_dropdown .menue{display:none;padding:0.7rem;padding-top:0}#container .navi_dropdown .menue a{padding:0.3rem 0}#container .navi_dropdown .menue a:hover{font-weight:800}#mainExtraNav{color:#000000;background-color:#DBDBDB}#mainExtraNav .inside{width:1440px;margin:0 auto;padding-left:10px}@media (min-width:1640px){#mainExtraNav #mainNav a,#mainExtraNav #mainNav a>span,#mainExtraNav #mainNav span.submenu,#mainExtraNav #mainNav span.forward,#mainExtraNav #mainNav strong{color:#000000}}@media (min-width:1640px){#mainExtraNav #mainNav a,#mainExtraNav #mainNav strong,#mainExtraNav #mainNav span.forward{padding:10px;padding-top:12px}}#mainExtraNav #mainNav strong,#mainExtraNav #mainNav a:hover{font-weight:700}#mainExtraNav #mainNav ul.level_1 li>a:after,#mainExtraNav #mainNav ul.level_1 li>strong:after,#mainExtraNav #mainNav ul.level_1 li>span.forward:after{border-color:black}#mainExtraNav #mainNav ul.level_1 li.submenu a:hover .level_2{display:block}.bg-lila-1{background-color:#282741}.bg-lila-1 h1,.bg-lila-1 h2,.bg-lila-1 h3,.bg-lila-1 h4,.bg-lila-1 h5,.bg-lila-1 h6,.bg-lila-1 .ce_text p{color:white}#footer .ce_text.inline-block{margin-left:95px}.ce_sliderStart.aktuelles{position:relative;overflow:visible}.ce_sliderStart.aktuelles .sliderSheetStart{display:flex}@media (max-width:989px){.ce_sliderStart.aktuelles .sliderSheetStart{display:block}}.ce_sliderStart.aktuelles .sliderSheetStart>*{background-color:white;box-sizing:border-box;padding:2rem}.ce_sliderStart.aktuelles .sliderSheetStart>* h2,.ce_sliderStart.aktuelles .sliderSheetStart>* h3,.ce_sliderStart.aktuelles .sliderSheetStart>* h4,.ce_sliderStart.aktuelles .sliderSheetStart>* h5,.ce_sliderStart.aktuelles .sliderSheetStart>* h6{font-size:1.6rem;font-weight:800;line-height:1.3}.ce_sliderStart.aktuelles .slider-control>a{font-size:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.ce_sliderStart.aktuelles .slider-control>a:after{content:"";background-image:url("/files/daten/icon/chevron-down-solid.svg");background-repeat:no-repeat;display:block;width:25px;height:25px;filter:brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(1935%) hue-rotate(195deg) brightness(88%) contrast(102%)}.ce_sliderStart.aktuelles .slider-control>a.slider-prev{left:1rem}.ce_sliderStart.aktuelles .slider-control>a.slider-prev:after{rotate:90deg}.ce_sliderStart.aktuelles .slider-control>a.slider-next{right:1rem}.ce_sliderStart.aktuelles .slider-control>a.slider-next:after{rotate:270deg}