@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 {
  -moz-box-sizing: border-box;
  -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: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

#main .bild-rahmen-1 {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px 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: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px 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 */
  background: -moz-linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%);
  /* 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 */
  background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
  background: -moz-linear-gradient(left, #ccddee 0%, #005097 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #005097 100%);
  /* Chrome10-25,Safari5.1-6 */
  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%;
  animation: gradientbackground 15s ease infinite; }

@keyframes gradientbackground {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
.verlauf-4 {
  background: #005097;
  /* Old browsers */
  background: -moz-linear-gradient(left, #005097 1%, #3474ab 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #005097 1%, #3474ab 100%);
  /* Chrome10-25,Safari5.1-6 */
  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: #00509c;
  background: linear-gradient(90deg, #00509c 0%, #3474b0 100%); }

.verlauf-green {
  background: #6a9ac6;
  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: 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: 0px;
    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: 0px; }
  .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: 0px;
    padding-left: 60px;
    text-indent: 0px;
    line-height: 1.5em;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    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("../icon/icon-haken-2.png");
  background-image: none, url("../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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  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;
  padding-left: 0px;
  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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  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: 0px;
  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%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

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

/**
 * Buttons
 */
.btn-0-1 {
  margin-bottom: 1rem;
  background: #ccddee;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
    background: -moz-linear-gradient(left, #005097 1%, #3474ab 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005097 1%, #3474ab 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
  background: -moz-linear-gradient(left, #005097 1%, #3474ab 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #005097 1%, #3474ab 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
    background: -moz-linear-gradient(left, #005097 1%, #3474ab 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005097 1%, #3474ab 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* Chrome10-25,Safari5.1-6 */
    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;
    -moz-transition: background 0.25s ease-out;
    -ms-transition: background 0.25s ease-out;
    -o-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out; }

.btn-0-4 {
  margin-bottom: 1rem;
  background: #00509c;
  background: linear-gradient(90deg, #00509c 0%, #3474b0 100%);
  text-decoration: none;
  border-radius: 5px;
  padding: 1px;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #ffffff; }
  .btn-0-4 span {
    background: #00509c;
    background: linear-gradient(90deg, #00509c 0%, #3474b0 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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
  background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* Chrome10-25,Safari5.1-6 */
    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: 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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  .btn-1:hover, #main .btn-1:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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: 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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  .btn-2:hover, #main .btn-2:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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: 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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  .btn-3:hover, #main .btn-3:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !important;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
  color: #00509C !important;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #00509C; }
  .btn-4:after, #main .btn-4:after {
    margin-left: 0px !important;
    content: "" !important; }
  .btn-4:hover, #main .btn-4:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  .btn-5:hover, #main .btn-5:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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: 0px;
  border-radius: 5px;
  padding: 1px;
  display: block !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  text-decoration: none !important;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  .btn-6:hover, #main .btn-6:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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: 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;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !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: 0px !important;
    content: "" !important; }
  button.btn-green:hover, #main .btn-green > button:hover {
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    -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: 0px !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; }

.inline-circle, circle-kontur {
  background: #ccddee;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
  background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  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%;
      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 Zeitpüunkt 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 .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;
      transform: rotate(45deg);
      -webkit-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 {
    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: .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: white;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    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: #f1f5f8;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    border-radius: 2.0rem; }
  .form-1 .b-contain input[type="checkbox"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .45rem;
    top: .18rem;
    width: .25rem;
    height: .6rem;
    border: solid white;
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg); }
  .form-1 .b-contain input[type="radio"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .25rem;
    top: .25rem;
    width: .75rem;
    height: .75rem;
    border-radius: 2.0rem;
    background: white;
    transition: background 250ms; }
  .form-1 .b-contain input:disabled ~ .b-input::after {
    border-color: #8795a1; }
  .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: #e7eef3; }
  .form-1 .b-contain input:focus ~ .b-input {
    box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5); }
  .form-1 .b-contain input:checked ~ .b-input {
    background: #0082f3;
    border-color: #0082f3; }
  .form-1 .b-contain input[type="checkbox"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-1 .b-contain input[type="radio"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-1 .b-contain input[type="radio"]:disabled ~ .b-input::after {
    background: #8795a1; }
  .form-1 .b-contain input:checked:focus ~ .b-input, .form-1 .b-contain:hover input:not([disabled]):checked ~ .b-input {
    background: #0d8fff;
    border-color: #0d8fff; }
  .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: #0082f3;
    border-radius: 2rem;
    opacity: .6;
    z-index: 99999;
    transform: scale(0); }
@keyframes b-ripple {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
  .form-1 .b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out; }
  .form-1 .b-contain input:checked + .b-input::before {
    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: 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;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !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: 0px !important;
      content: "" !important; }
    .form-1 button.submit:hover,
    .form-1 input.submit:not([type='image']):hover {
      -moz-transition: all 1s ease-in-out !important;
      -o-transition: all 1s ease-in-out !important;
      -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: 0px !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: 0rem; }
.form-horizontal .widget input, .form-horizontal .widget select {
  margin-left: 0;
  margin-right: 0; }

/**
 * Borrder-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("../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("../icon/icon-download-01.svg");
        content: "";
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        top: -4px;
        margin-left: 3px; }

.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: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-item: baseline; }

.flex {
  display: flex;
  flex-wrap: wrap; }

.flex-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .flex-button .ce_hyperlinkButton {
    width: 48%; }

.flex-center {
  display: flex;
  flex-wrap: wrap;
  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 {
  flex-grow: 0;
  flex-shrink: 0;
  width: 24%; }

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

/**
 * Flex-Boden
 */
.flex-container-start {
  display: flex;
  justify-content: space-between;
  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 {
    flex-grow: 0;
    flex-shrink: 0;
    width: 24%; }
  .flex-container-start div.flex-20 {
    width: 19%; }

/*
    Created on : 17.10.2019, 08:40:03
    Author     : BGeiger
*/
/* nunito-sans-200 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/nunito-sans-v5-latin-200.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans ExtraLight"), local("NunitoSans-ExtraLight"), url("../fonts/nunito-sans-v5-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-200.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-200.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-200.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-200.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-200italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/nunito-sans-v5-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans ExtraLight Italic"), local("NunitoSans-ExtraLightItalic"), url("../fonts/nunito-sans-v5-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-200italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-200italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-200italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-200italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-sans-v5-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Light"), local("NunitoSans-Light"), url("../fonts/nunito-sans-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-300.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-300.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-300.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-300.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-300italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/nunito-sans-v5-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Light Italic"), local("NunitoSans-LightItalic"), url("../fonts/nunito-sans-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-300italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-300italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-300italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-300italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-sans-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../fonts/nunito-sans-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-regular.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-regular.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-regular.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-regular.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/nunito-sans-v5-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Italic"), local("NunitoSans-Italic"), url("../fonts/nunito-sans-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-sans-v5-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url("../fonts/nunito-sans-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-600.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-600.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-600.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-600.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-600italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/nunito-sans-v5-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans SemiBold Italic"), local("NunitoSans-SemiBoldItalic"), url("../fonts/nunito-sans-v5-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-600italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-600italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-600italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-600italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-sans-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("../fonts/nunito-sans-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-700.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-700.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-700.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-700.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-700italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/nunito-sans-v5-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Bold Italic"), local("NunitoSans-BoldItalic"), url("../fonts/nunito-sans-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-700italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-700italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-700italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-700italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-sans-v5-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans ExtraBold"), local("NunitoSans-ExtraBold"), url("../fonts/nunito-sans-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-800.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-800.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-800.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-800.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-800italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/nunito-sans-v5-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans ExtraBold Italic"), local("NunitoSans-ExtraBoldItalic"), url("../fonts/nunito-sans-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-800italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-800italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-800italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-800italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/nunito-sans-v5-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Black"), local("NunitoSans-Black"), url("../fonts/nunito-sans-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-900.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-900.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-900.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-900.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
/* nunito-sans-900italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/nunito-sans-v5-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Sans Black Italic"), local("NunitoSans-BlackItalic"), url("../fonts/nunito-sans-v5-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v5-latin-900italic.woff2") format("woff2"), url("../fonts/nunito-sans-v5-latin-900italic.woff") format("woff"), url("../fonts/nunito-sans-v5-latin-900italic.ttf") format("truetype"), url("../fonts/nunito-sans-v5-latin-900italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }
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("../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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

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

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

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

.caption {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  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: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px 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;
        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(../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;
        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: flex;
  flex-wrap: wrap;
  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: flex;
      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;
    -moz-transition: rotate 0.25s ease-out;
    -ms-transition: rotate 0.25s ease-out;
    -o-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 {
    -moz-transform: rotate(45deg);
    /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(45deg);
    /* Safari */
    -o-transform: rotate(45deg);
    /* Opera */
    -ms-transform: rotate(45deg);
    /* IE9 */
    transform: rotate(45deg);
    /* W3C */
    margin-top: 8px; }
  #mmenuclose a span.border-4.last {
    -moz-transform: rotate(-45deg);
    /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(-45deg);
    /* Safari */
    -o-transform: rotate(-45deg);
    /* Opera */
    -ms-transform: rotate(-45deg);
    /* 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: flex;
    justify-content: space-between;
    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: flex;
      justify-content: space-between; }
      #header .inside .flex #metaMenu .testen {
        display: flex;
        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 {
  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: grid;
  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% + 1440px / 2);
    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
*/
#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; }

.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("../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("../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;*/
  box-shadow: 0px 0px 10px 0px #ababab;
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box; }
  .table-1-head table {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0;
    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;
  box-shadow: 0px 0px 10px 0px #ababab;
  border-radius: 5px 0 0 5px;
  margin-top: 0;
  position: relative;
  z-index: 1;
  box-sizing: border-box; }
  .table-1 table {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    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: 0px;
      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; }

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

#main .ce_text_bild {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  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%;
    box-sizing: border-box;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    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; }
    @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;
      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; }
  #main .ce_text_bild .image_container:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    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; }
    #main .ce_text_bild .image_container:hover img {
      opacity: 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; }
  #main .ce_text_bild a {
    font-weight: 700; }
  #main .ce_text_bild p:last-child {
    margin-bottom: 0px; }
  #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 */
  background: -moz-linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #00509c 58%, #00509c 58%, #48b0d6 100%);
  /* 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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #3474b0 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
    background: -moz-linear-gradient(left, #ccddee 0%, #005097 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ccddee 0%, #005097 100%);
    /* Chrome10-25,Safari5.1-6 */
    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: #00509c;
  background: linear-gradient(90deg, #00509c 0%, #3474b0 100%);
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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: linear-gradient(to right, #ccddee, #005097, #ccddee, #005097);
  background-size: 300% 100%;
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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 {
    moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -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 0px;
  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 .25s ease-in-out;
    -ms-transition: -ms-transform .25s ease-in-out;
    transition: transform .25s ease-in-out; }
  .mod_slideReveal.is_shown .fas.fa-chevron-left {
    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;
      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; }
    .ce_customer_report .download a:hover {
      background-color: #adc9e4;
      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; }

.ce_customer_report_teaser-holder {
  display: flex;
  flex-wrap: wrap;
  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: flex;
  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 .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 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 960px) {
    .mod_customcatalogreader.tl_isd_jobs {
      width: 72.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  .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 .downloadField-1 {
    margin: 2rem 0;
    width: 200px;
    max-width: 80%; }

/**
 * 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 .formbody {
    display: block; }
    @media (min-width: 1640px) {
      .mod_customcatalogfilter .formbody {
        display: flex;
        flex-direction: row;
        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);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .mod_customcatalogfilter .formbody .checkbox {
      margin-left: 2px; }
    .mod_customcatalogfilter .formbody.filtercount-1 > .widget.filter {
      flex-basis: 70%;
      margin: 0 2rem 0 0; }
    .mod_customcatalogfilter .formbody.filtercount-2 > .widget.filter {
      flex-basis: 35%;
      margin: 0 2rem 0 0; }
  .mod_customcatalogfilter .widget.submit_container {
    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("../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; }

.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 {
    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("../icon/icon-filter-01.svg"); }

/**
 * Glassar - 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: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between; }
  .mod_photoCreditsList .wrapper > .block {
    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 {
  justify-content: left; }

/**
 * Slider-Reveal - Tabulator
 */
.mod_slideReveal ul.tabs {
  margin: 0px;
  padding: 0px;
  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: 0px 15px 0px 15px; }

.mod_slideReveal .content .tab-content .headline {
  padding-top: 2px; }

.mod_slideReveal .tab-content.current {
  display: inherit; }

.mod_slideReveal .trigger, .mod_slideReveal .content {
  min-height: 270px; }

.slider-1 {
  position: relative; }
  .slider-1 .slider-control {
    margin-top: 1rem; }
    .slider-1 .slider-control .slider-menu {
      display: flex;
      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;
        -moz-transition: color 0.5s ease-out;
        -ms-transition: color 0.5s ease-out;
        -o-transition: color 0.5s ease-out;
        transition: color 0.5s ease-out;
        background-color: #93b7db;
        -webkit-transition: background-color 0.5s ease-out;
        -moz-transition: background-color 0.5s ease-out;
        -ms-transition: background-color 0.5s ease-out;
        -o-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;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./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%);
  -ms-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;
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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 {
        moz-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -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 {
    moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -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 {
    moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -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;
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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 {
  moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -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: flex;
    align-items: 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;
      moz-transition: all 0.5s ease-in-out !important;
      -o-transition: all 0.5s ease-in-out !important;
      -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;
    moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -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;
    moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -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: breite-xl) {
  #main .slider-3.slick-only-3 .slick-slide, #main .slider-3.slick-only-3 .slick-slide.slick-current[style] {
    opacity: 0.5 !important;
    width: 380px !important;
    margin-top: 40px !important; } }

@media (min-width: breite-xl) {
  #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: breite-xl) {
  #main .slider-3.slick-only-3 .slick-slide[data-slick-index="1"] {
    opacity: 1 !important;
    width: 542px !important;
    margin-top: 0px !important; } }

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; }

/**
 * 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;
      transform: rotate(45deg);
      -webkit-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;
    transform: rotate(225deg);
    -webkit-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;
  touch-action: none;
  -webkit-touch-callout: 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;
  box-shadow: 0 3px 6px #ccc;
  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: #e5f2ff; }
    .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
      color: #999; }
    .datepicker-panel > ul > li.highlighted {
      background-color: #e5f2ff; }
      .datepicker-panel > ul > li.highlighted:hover {
        background-color: #cce5ff; }
    .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: #e5f2ff; }
    .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 Zeitpüunkt implementieren
    
    input.text:valid{
        background-color:green;
    }
    input.text:invalid{
        background-color:red;
    }
    input.text:placeholder-shown{
        background-color:$color-weiss;;
    }
    */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    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 .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;
        transform: rotate(45deg);
        -webkit-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 {
      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: .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: white;
      transition: background 250ms;
      border: 1px solid #b8c2cc;
      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: #f1f5f8;
      transition: background 250ms;
      border: 1px solid #b8c2cc;
      border-radius: 2.0rem; }
    #main .mod_search .formbody .b-contain input[type="checkbox"] ~ .b-input::after {
      content: '';
      position: absolute;
      display: none;
      left: .45rem;
      top: .18rem;
      width: .25rem;
      height: .6rem;
      border: solid white;
      border-width: 0 2px 2px 0;
      transition: background 250ms;
      transform: rotate(45deg); }
    #main .mod_search .formbody .b-contain input[type="radio"] ~ .b-input::after {
      content: '';
      position: absolute;
      display: none;
      left: .25rem;
      top: .25rem;
      width: .75rem;
      height: .75rem;
      border-radius: 2.0rem;
      background: white;
      transition: background 250ms; }
    #main .mod_search .formbody .b-contain input:disabled ~ .b-input::after {
      border-color: #8795a1; }
    #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: #e7eef3; }
    #main .mod_search .formbody .b-contain input:focus ~ .b-input {
      box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5); }
    #main .mod_search .formbody .b-contain input:checked ~ .b-input {
      background: #0082f3;
      border-color: #0082f3; }
    #main .mod_search .formbody .b-contain input[type="checkbox"]:disabled ~ .b-input {
      background: #f1f5f8;
      border-color: #b8c2cc;
      opacity: 0.6;
      cursor: not-allowed; }
    #main .mod_search .formbody .b-contain input[type="radio"]:disabled ~ .b-input {
      background: #f1f5f8;
      border-color: #b8c2cc;
      opacity: 0.6;
      cursor: not-allowed; }
    #main .mod_search .formbody .b-contain input[type="radio"]:disabled ~ .b-input::after {
      background: #8795a1; }
    #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: #0d8fff;
      border-color: #0d8fff; }
    #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: #0082f3;
      border-radius: 2rem;
      opacity: .6;
      z-index: 99999;
      transform: scale(0); }
@keyframes b-ripple {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
    #main .mod_search .formbody .b-contain input + .b-input::before {
      animation: b-ripple 250ms ease-out; }
    #main .mod_search .formbody .b-contain input:checked + .b-input::before {
      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: 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;
      -moz-transition: all 1s ease-in-out !important;
      -o-transition: all 1s ease-in-out !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: 0px !important;
        content: "" !important; }
      #main .mod_search .formbody button.submit:hover,
      #main .mod_search .formbody input.submit:not([type='image']):hover {
        -moz-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -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: 0px !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 {
      flex-basis: 59%; }
    #main .mod_search .formbody .widget-submit {
      flex-basis: 14%; }
    #main .mod_search .formbody .widget-radio {
      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-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
#main .bg-color-3 h1,
#main .bg-color-5
#main .bg-color-3 h2,
#main .bg-color-5
#main .bg-color-3 h3,
#main .bg-color-5
#main .bg-color-3 h4,
#main .bg-color-5
#main .bg-color-3 h5,
#main .bg-color-5
#main .bg-color-3 h6,
#main .bg-color-5
#main .bg-color-3 span.light,
#main .bg-color-5
#main .bg-color-3 p,
#main .bg-color-5
#main .bg-color-3 a,
#main .bg-color-5
#main .bg-color-3 em,
#main .bg-color-5
#main .bg-color-3 .headline-1,
#main .bg-color-5
#main .bg-color-3 .headline-2,
#main .bg-color-5
#main .bg-color-3 .headline-3,
#main .bg-color-5
#main .bg-color-3 .headline-4,
#main .bg-color-5
#main .bg-color-3 .headline-5,
#main .bg-color-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; }

body.bg-white-grey #container {
  background: white; }
  @media (min-width: 1180px) {
    body.bg-white-grey #container {
      background: linear-gradient(90deg, white 50%, #eeeeee 50%); } }
  @media (min-width: 1640px) {
    body.bg-white-grey #container {
      background: linear-gradient(90deg, white 60.5%, #eeeeee 60.5%); } }
  @media (min-width: 2200px) {
    body.bg-white-grey #container {
      background: linear-gradient(90deg, white 57%, #eeeeee 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.background-image {
  display: flex;
  align-items: center;
  min-width: auto; }
  @media (min-width: 2200px) {
    #main .mod_article.background-image {
      background-size: 100% auto; } }
  #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 Zeitpüunkt 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 .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;
      transform: rotate(45deg);
      -webkit-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 {
    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: .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: white;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    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: #f1f5f8;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    border-radius: 2.0rem; }
  .ce_form .b-contain input[type="checkbox"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .45rem;
    top: .18rem;
    width: .25rem;
    height: .6rem;
    border: solid white;
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg); }
  .ce_form .b-contain input[type="radio"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .25rem;
    top: .25rem;
    width: .75rem;
    height: .75rem;
    border-radius: 2.0rem;
    background: white;
    transition: background 250ms; }
  .ce_form .b-contain input:disabled ~ .b-input::after {
    border-color: #8795a1; }
  .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: #e7eef3; }
  .ce_form .b-contain input:focus ~ .b-input {
    box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5); }
  .ce_form .b-contain input:checked ~ .b-input {
    background: #0082f3;
    border-color: #0082f3; }
  .ce_form .b-contain input[type="checkbox"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .ce_form .b-contain input[type="radio"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .ce_form .b-contain input[type="radio"]:disabled ~ .b-input::after {
    background: #8795a1; }
  .ce_form .b-contain input:checked:focus ~ .b-input, .ce_form .b-contain:hover input:not([disabled]):checked ~ .b-input {
    background: #0d8fff;
    border-color: #0d8fff; }
  .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: #0082f3;
    border-radius: 2rem;
    opacity: .6;
    z-index: 99999;
    transform: scale(0); }
@keyframes b-ripple {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
  .ce_form .b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out; }
  .ce_form .b-contain input:checked + .b-input::before {
    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: 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;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !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: 0px !important;
      content: "" !important; }
    .ce_form button.submit:hover,
    .ce_form input.submit:not([type='image']):hover {
      -moz-transition: all 1s ease-in-out !important;
      -o-transition: all 1s ease-in-out !important;
      -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: 0px !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 Zeitpüunkt 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 Zeitpüunkt 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 .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;
      transform: rotate(45deg);
      -webkit-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 {
    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: .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: white;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    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: #f1f5f8;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    border-radius: 2.0rem; }
  .form-2 .b-contain input[type="checkbox"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .45rem;
    top: .18rem;
    width: .25rem;
    height: .6rem;
    border: solid white;
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg); }
  .form-2 .b-contain input[type="radio"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .25rem;
    top: .25rem;
    width: .75rem;
    height: .75rem;
    border-radius: 2.0rem;
    background: white;
    transition: background 250ms; }
  .form-2 .b-contain input:disabled ~ .b-input::after {
    border-color: #8795a1; }
  .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: #e7eef3; }
  .form-2 .b-contain input:focus ~ .b-input {
    box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5); }
  .form-2 .b-contain input:checked ~ .b-input {
    background: #0082f3;
    border-color: #0082f3; }
  .form-2 .b-contain input[type="checkbox"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-2 .b-contain input[type="radio"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-2 .b-contain input[type="radio"]:disabled ~ .b-input::after {
    background: #8795a1; }
  .form-2 .b-contain input:checked:focus ~ .b-input, .form-2 .b-contain:hover input:not([disabled]):checked ~ .b-input {
    background: #0d8fff;
    border-color: #0d8fff; }
  .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: #0082f3;
    border-radius: 2rem;
    opacity: .6;
    z-index: 99999;
    transform: scale(0); }
@keyframes b-ripple {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
  .form-2 .b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out; }
  .form-2 .b-contain input:checked + .b-input::before {
    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: 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;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !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: 0px !important;
      content: "" !important; }
    .form-2 button.submit:hover,
    .form-2 input.submit:not([type='image']):hover {
      -moz-transition: all 1s ease-in-out !important;
      -o-transition: all 1s ease-in-out !important;
      -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: 0px !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 .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;
      transform: rotate(45deg);
      -webkit-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 {
    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: .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: white;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    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: #f1f5f8;
    transition: background 250ms;
    border: 1px solid #b8c2cc;
    border-radius: 2.0rem; }
  .form-2 .b-contain input[type="checkbox"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .45rem;
    top: .18rem;
    width: .25rem;
    height: .6rem;
    border: solid white;
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg); }
  .form-2 .b-contain input[type="radio"] ~ .b-input::after {
    content: '';
    position: absolute;
    display: none;
    left: .25rem;
    top: .25rem;
    width: .75rem;
    height: .75rem;
    border-radius: 2.0rem;
    background: white;
    transition: background 250ms; }
  .form-2 .b-contain input:disabled ~ .b-input::after {
    border-color: #8795a1; }
  .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: #e7eef3; }
  .form-2 .b-contain input:focus ~ .b-input {
    box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5); }
  .form-2 .b-contain input:checked ~ .b-input {
    background: #0082f3;
    border-color: #0082f3; }
  .form-2 .b-contain input[type="checkbox"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-2 .b-contain input[type="radio"]:disabled ~ .b-input {
    background: #f1f5f8;
    border-color: #b8c2cc;
    opacity: 0.6;
    cursor: not-allowed; }
  .form-2 .b-contain input[type="radio"]:disabled ~ .b-input::after {
    background: #8795a1; }
  .form-2 .b-contain input:checked:focus ~ .b-input, .form-2 .b-contain:hover input:not([disabled]):checked ~ .b-input {
    background: #0d8fff;
    border-color: #0d8fff; }
  .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: #0082f3;
    border-radius: 2rem;
    opacity: .6;
    z-index: 99999;
    transform: scale(0); }
@keyframes b-ripple {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
  .form-2 .b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out; }
  .form-2 .b-contain input:checked + .b-input::before {
    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 ::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: 0px;
    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: calc(2*1.38%); } }

#main .ce_text p a, #main .ce_hyperlink > a {
  color: #00509C;
  text-decoration: none; }
  #main .ce_text p a:hover, #main .ce_hyperlink > a:hover {
    color: #002950;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -ms-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out; }
  #main .ce_text p a:after, #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: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px 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("../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 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1px;
  margin-bottom: 0px;
  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: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  background-color: #EEEEEE; }
  #main .box-fragen-flex .box-fragen-1 {
    width: 100%;
    padding: 1rem;
    padding-bottom: 0em; }
    @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 0rem 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 {
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      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: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (min-width: 990px) {
    #main .box-fragen-3 {
      padding: 2rem 0rem 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; }

#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;
  moz-transition: all 0.3 ease-in-out !important;
  -o-transition: all 0.3 ease-in-out !important;
  -webkit-transition: all 0.3 ease-in-out !important;
  transition: all 0.3 ease-in-out !important; }
  #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 .ce_download a .extension:after {
      background: url("../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 .ce_download a:hover {
  background-color: #adc9e4;
  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; }

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

.icon-download {
  background-image: url("../icon/icon-download.png");
  background-image: none, url("../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("../icon/a.png");
  background-image: none, url("../icon/a.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 61px 53px;
  width: 61px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.z {
  background-image: url("../icon/z.png");
  background-image: none, url("../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;
          -moz-transition: color 0.5s ease-out;
          -ms-transition: color 0.5s ease-out;
          -o-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: flex;
  flex-wrap: wrap;
  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;
            -moz-transition: color 0.5s ease-out;
            -ms-transition: color 0.5s ease-out;
            -o-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: flex;
  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("../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 .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;
  moz-transition: all 0.3 ease-in-out !important;
  -o-transition: all 0.3 ease-in-out !important;
  -webkit-transition: all 0.3 ease-in-out !important;
  transition: all 0.3 ease-in-out !important; }
  #main .events-2 .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 {
      background: url("../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 {
  background-color: #adc9e4;
  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; }
#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: 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;
    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 {
    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;
        -moz-transition: color 0.5s ease-out;
        -ms-transition: color 0.5s ease-out;
        -o-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(../icon/icon-pfeil-01.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      text-decoration: none;
      transform: rotate(180deg); }
  #footer:after {
    display: block;
    width: 100%;
    content: "";
    height: 144px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url("../layout/backgrounds/bg-01.png"); }
    @media (min-width: 0px) and (max-width: 600px) {
      #footer:after {
        background-image: url("../layout/backgrounds/bg-04.png");
        height: 45px; } }
    @media (min-width: 601px) and (max-width: 1140px) {
      #footer:after {
        background-image: url("../layout/backgrounds/bg-03.png");
        height: 85px; } }
    @media (min-width: 1141px) and (max-width: 1920px) {
      #footer:after {
        background-image: url("../layout/backgrounds/bg-02.png"); } }

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

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