@charset "UTF-8";
/* Main Stylesheet
 * @copyright Copyright (c) 2024 truleccreation, Mario Trulec
 * customer: av22medien
 * No free usage allowed
*/
@font-face {
  font-family: "DIN W01 Light";
  src: url("../fonts/5590868/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot?#iefix");
  src: url("../fonts/5590868/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot?#iefix") format("eot"), url("../fonts/5590868/e39ef3e7-91b2-45d0-8c2f-cfdcd0c0ab94.woff2") format("woff2"), url("../fonts/5590868/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff") format("woff"), url("../fonts/5590868/9be9615e-18d6-4bf7-bb05-068341c85df3.ttf") format("truetype");
}
@font-face {
  font-family: "DIN W01 Medium";
  src: url("../fonts/5591111/90744ee6-df8b-4daf-924d-e84a33fa139c.eot?#iefix");
  src: url("../fonts/5591111/90744ee6-df8b-4daf-924d-e84a33fa139c.eot?#iefix") format("eot"), url("../fonts/5591111/398e3e8c-3bf0-4af1-9791-f426a7992711.woff2") format("woff2"), url("../fonts/5591111/4ba8e512-e6fb-494f-afd3-a7b68b2e5efb.woff") format("woff"), url("../fonts/5591111/d988fb64-309d-4c7f-9ded-4e9663aa6061.ttf") format("truetype");
}
@font-face {
  font-family: "DIN W01 Bold";
  src: url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix");
  src: url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix") format("eot"), url("../fonts/5591154/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2") format("woff2"), url("../fonts/5591154/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff") format("woff"), url("../fonts/5591154/24018d68-3235-4323-9ec0-4a86537b0f30.ttf") format("truetype");
}
@font-face {
  font-family: "avzweiundzwanzig";
  src: url("../fonts/avzweiundzwanzig.eot?59r2el");
  src: url("../fonts/avzweiundzwanzig.eot?59r2el#iefix") format("embedded-opentype"), url("../fonts/avzweiundzwanzig.ttf?59r2el") format("truetype"), url("../fonts/avzweiundzwanzig.woff?59r2el") format("woff"), url("../fonts/avzweiundzwanzig.svg?59r2el#avzweiundzwanzig") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "avzweiundzwanzig" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus {
  outline: none;
}

:target:before {
  content: "";
  display: block;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #009EE3;
  transition: color 0.5s;
}

figure .caption {
  font-size: 2em;
}

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

.block {
  overflow: visible !important;
}

body {
  color: #3A3A39;
  font-family: "DIN W01 Light", sans-serif;
  font-size: 10px;
  line-height: 1.4;
  background-color: white;
}

button {
  background-color: #3A3A39;
  border-radius: 1000px;
  color: white;
}

button {
  color: white;
  line-height: 1.2;
  font-family: "DIN W01 Medium", sans-serif;
  border: none;
  border-radius: 1000px;
  background-color: #009EE3;
  background-position: 0px 100px !important;
  padding: 1em 2.5em 1em 1em;
  margin: 1em 0;
  transition: background-color 0.5s ease-in-out, margin-left 0.5s ease-in-out;
}

#header {
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 1000;
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0;
  border-collapse: separate;
  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 900px) {
  #header {
    height: 90px;
  }
}
#header .inside {
  max-width: 1424px;
  margin: 0 auto;
}
#header .inside .header-inner {
  position: relative;
  margin: 0 4em;
}
@media screen and (max-width: 900px) {
  #header .inside .header-inner {
    margin: 0 3em;
  }
}
@media screen and (max-width: 599px) {
  #header .inside .header-inner {
    margin: 0 2em;
  }
}

#wrapper #headervideo {
  position: relative;
  z-index: 2;
  margin-top: 120px;
  margin-bottom: -6em;
}
@media screen and (max-width: 900px) {
  #wrapper #headervideo {
    margin-top: 90px;
    margin-bottom: -3em;
  }
}
#wrapper #headervideo #teaserbild {
  position: relative;
  margin: 0 4em;
}
@media screen and (max-width: 599px) {
  #wrapper #headervideo #teaserbild {
    margin: 0 1em;
  }
}
#wrapper #headervideo #teaserbild .mod_article.block {
  overflow: visible !important;
}
@media screen and (max-width: 599px) {
  #wrapper #headervideo .ce_image {
    padding: 0;
  }
}

#container {
  position: relative;
  z-index: 0;
  top: 8em;
}

.custom #kontaktzeile {
  margin-bottom: -8em;
}
.custom #kontaktzeile .ce_hyperlink {
  margin: 0 auto;
}

#logo {
  position: absolute;
  top: 2em;
  display: inline-block;
  z-index: 100;
  transition: opacity 0.5s;
}
#logo:hover {
  opacity: 0.5;
}
#logo img {
  height: 78px;
}
@media screen and (max-width: 900px) {
  #logo img {
    height: 58px;
  }
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.leistungen-bg-grafik #main {
  background-image: url("../images_layout/bg_grafik_leistungen.png");
  background-repeat: no-repeat;
  background-position: top 24em right 10em;
}
@media screen and (max-width: 1424px) {
  .leistungen-bg-grafik #main {
    background-position: top 24em right 4em;
  }
}

.filmproduktionen-bg-grafik #main {
  background-image: url("../images_layout/bg_grafik_filmproduktionen.png");
  background-repeat: no-repeat;
  background-position: top 24em right 0em;
}

.blog-bg-grafik #main {
  background-image: url("../images_layout/bg_grafik_blog.png");
  background-repeat: no-repeat;
  background-position: top 24em center;
}

.blogdetails #container .mod_article.first .article_wrapper {
  margin-top: 8em;
}

.team-bg-grafik #main {
  background-image: url("../images_layout/bg_grafik_team.png");
  background-repeat: no-repeat;
  background-position: top 24em right 10em;
}
@media screen and (max-width: 1424px) {
  .team-bg-grafik #main {
    background-position: top 24em right 4em;
  }
}

.kontakt-bg-grafik #main {
  background-image: url("../images_layout/bg_grafik_kontakt.png");
  background-repeat: no-repeat;
  background-position: top 24em right 10em;
}
@media screen and (max-width: 1424px) {
  .kontakt-bg-grafik #main {
    background-position: top 24em right 4em;
  }
}

.mm-menu--theme-light {
  --mm-color-background: #009EE3;
  --mm-color-border: rgb(0 0 0 / 0.15);
  --mm-color-icon: rgb(0 0 0 / 0.4);
  --mm-color-text: rgb(0 0 0 / 0.8);
  --mm-color-text-dimmed: rgb(0 0 0 / 0.4);
  --mm-color-background-highlight: rgb(0 0 0 / 0.05);
  --mm-color-background-emphasis: rgb(255 255 255 / 0.75);
  --mm-color-focusring: #06c;
}

a.mmenux {
  display: none;
  cursor: pointer;
  font-family: "avzweiundzwanzig";
  color: black;
}
@media screen and (max-width: 1320px) {
  a.mmenux {
    display: block;
    position: absolute;
    right: 0;
    top: 2.5em;
  }
}
@media screen and (max-width: 900px) {
  a.mmenux {
    top: 1em;
  }
}
a.mmenux::before {
  content: "\e903";
  position: absolute;
  clear: both;
  font-size: 5em;
  right: 0;
}
a.mmenux span {
  font-size: 0;
}

.mm-listitem__text {
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
}

.mm-menu {
  --mm-listitem-size: 56px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.mm-menu a:hover {
  background-color: white;
  color: black;
}
.mm-menu.mm-menu--position-top {
  height: 100% !important;
}
.mm-menu.mm-menu--position-top.mm-menu--opened {
  opacity: 1;
}
.mm-menu .mm-navbars--top {
  height: 122px;
  background-color: white;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 900px) {
  .mm-menu .mm-navbars--top {
    height: 92px;
  }
}
.mm-menu .mm-navbars--top .mm-navbar {
  align-items: center;
  background-color: white;
}
.mm-menu .mm-navbars--top .mm-navbar .mm-btn--close {
  height: 50px;
  margin-right: 4em;
  font-family: "avzweiundzwanzig";
  color: black;
}
.mm-menu .mm-navbars--top .mm-navbar .mm-btn--close::before {
  content: "\e902";
  font-size: 4em;
}
@media screen and (max-width: 900px) {
  .mm-menu .mm-navbars--top .mm-navbar .mm-btn--close {
    margin-right: 3em;
  }
}
@media screen and (max-width: 599px) {
  .mm-menu .mm-navbars--top .mm-navbar .mm-btn--close {
    margin-right: 2em;
  }
}
.mm-menu .mm-navbars--bottom .mm-navbar {
  background-color: #009EE3;
}
.mm-menu .mm-navbars--bottom .mm-navbar a.fa {
  font-family: "avzweiundzwanzig" !important;
  font-size: 2em;
  text-align: center;
}
.mm-menu .mm-navbars--bottom .mm-navbar a.fa.fa-facebook::before {
  content: "\e60e";
}
.mm-menu .mm-navbars--bottom .mm-navbar a.fa.fa-instagram::before {
  content: "\e911";
}
.mm-menu .mm-navbars--bottom .mm-navbar a.fa.fa-linkedin::before {
  content: "\e90c";
}
.mm-menu .mm-navbars--bottom .mm-navbar a.fa.fa-youtube::before {
  content: "\e611";
}
.mm-menu .mm-panels {
  background-color: var(--mm-color-background);
}
.mm-menu .mm-panels .mm-panel--opened {
  background-color: #009EE3;
}
.mm-menu .mm-panels .mm-navbar {
  background-color: #009EE3;
}
.mm-menu .mm-panels .mm-navbar__title {
  font-size: 2em;
  line-height: normal;
  justify-content: left;
  padding-left: 1em !important;
  color: white;
}
.mm-menu .mm-panels .mm-navbar__title:hover {
  color: #009EE3;
}
.mm-menu .mm-panels .mm-listitem {
  color: white;
}
.mm-menu .mm-panels .mm-listitem__text.active {
  color: #3A3A39;
}
.mm-menu .mm-panels .mm-listitem.active {
  color: #3A3A39;
}
.mm-menu .mm-panels .mm-btn--prev {
  border-right: 1px solid var(--mm-color-border);
}
.mm-menu .mm-panels .mm-btn--next::before, .mm-menu .mm-panels .mm-btn--next::after,
.mm-menu .mm-panels .mm-btn--prev::before,
.mm-menu .mm-panels .mm-btn--prev::after {
  border-color: white;
}
.mm-menu .mm-panels .mm-btn--next:hover::before, .mm-menu .mm-panels .mm-btn--next:hover::after,
.mm-menu .mm-panels .mm-btn--prev:hover::before,
.mm-menu .mm-panels .mm-btn--prev:hover::after {
  border-color: #009EE3;
}
.mm-menu a.mmenulogo {
  position: absolute;
  z-index: 100;
  transition: opacity 0.5s;
  margin-top: 2em;
  margin-left: 4em;
  height: 78px;
}
.mm-menu a.mmenulogo img {
  height: 78px;
}
@media screen and (max-width: 900px) {
  .mm-menu a.mmenulogo {
    margin-left: 3em;
    height: 58px;
  }
  .mm-menu a.mmenulogo img {
    height: 58px;
  }
}
@media screen and (max-width: 599px) {
  .mm-menu a.mmenulogo {
    margin-left: 2em;
  }
}
.mm-menu a:hover {
  opacity: 0.5;
}

.mod_changelanguagemmenu {
  position: absolute;
  z-index: 10;
  right: 14em;
  top: 4em;
}
@media screen and (max-width: 900px) {
  .mod_changelanguagemmenu {
    right: 11em;
    top: 2.5em;
  }
}
.mod_changelanguagemmenu li {
  display: inline-block;
  color: black;
  border: 1px solid black;
}
.mod_changelanguagemmenu li strong,
.mod_changelanguagemmenu li a {
  padding: inherit !important;
  font-size: 2em;
  font-weight: normal;
  height: 2em !important;
  width: 2em !important;
  line-height: 190%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
.mod_changelanguagemmenu li.active {
  background-color: #009EE3;
  border: 1px solid #009EE3;
}

.mod_changelanguagemmenu_b {
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  --mm-panel-child-offset: 20%;
  z-index: 2;
  z-index: 10000;
}
.mod_changelanguagemmenu_b li {
  display: inline;
  color: #009EE3;
}
.mod_changelanguagemmenu_b li strong {
  border: 1px solid #B2E2F7;
  padding: inherit !important;
  font-size: 2em;
  font-weight: bold;
  height: 2em !important;
  width: 2em !important;
  line-height: 190%;
  box-sizing: border-box;
}
.mod_changelanguagemmenu_b li.active {
  background-color: #B2E2F7;
}

.mod_navigation {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mod_navigation li {
  list-style: none;
  display: inline;
  display: flex;
}
.mod_navigation li a {
  text-decoration: none;
}

.main_navigation {
  float: right;
  margin-top: 1.5em;
  margin-left: 10em;
  margin-right: 23em;
  text-decoration: none;
  overflow: visible;
}
@media screen and (max-width: 1320px) {
  .main_navigation {
    display: none;
    height: 100px;
  }
}
.main_navigation ul {
  display: table;
  content: " ";
  clear: both;
  margin-bottom: 0;
}
.main_navigation ul.level_1 {
  clear: both;
}
.main_navigation ul.level_1 a {
  padding: 1.5em 0 1.25em;
  margin-bottom: 23px;
  display: block;
  position: relative;
  color: #3A3A39;
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  text-decoration: none;
}
.main_navigation ul.level_1 a:hover {
  color: #009EE3;
}
.main_navigation ul.level_1 a.trail {
  color: #009EE3;
  border-bottom: 3px solid #009EE3;
}
.main_navigation li {
  float: left;
  display: inline-block;
  padding: 0 1.75em;
}
.main_navigation li.last {
  padding-right: 0;
}
.main_navigation li.submenu a.trail {
  color: #009EE3;
}
.main_navigation li.submenu .level_2 {
  max-height: 0;
  position: absolute;
  transition: opacity 0.5s;
  opacity: 0;
  top: 8.4em;
  display: none;
  padding-bottom: 1em;
}
.main_navigation li.submenu .level_2 li {
  padding: 0;
  float: none;
  clear: both;
  display: inline;
}
.main_navigation li.submenu .level_2 li a {
  padding: 0.5em 1em;
  margin: 0;
  border: none;
}
.main_navigation li.submenu .level_2 li a:hover {
  color: #009EE3;
}
.main_navigation li.submenu .level_2 li strong {
  padding: 0.5em 1em;
  margin: 0;
  font-weight: normal;
  display: block;
}
.main_navigation li.submenu:hover .level_2 {
  max-height: 100%;
  opacity: 1;
  background-color: #B2E2F7;
  display: block;
}
.main_navigation strong {
  padding: 1.5em 0 1em;
  margin-bottom: 1.5em;
  color: #009EE3;
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  font-weight: normal;
  display: inline-block;
  position: relative;
}
.main_navigation strong::after {
  width: 100%;
  height: 8px;
  background-color: #009EE3;
  content: " ";
  position: absolute;
  bottom: 0.5em;
  left: 0;
  transform-origin: center;
  -webkit-tranform: translate(-50%) scaleX(0);
  transform: translate(-50%) scaleX(0);
  z-index: -1;
}

.mod_navigation .mm_dropdown {
  top: 120px;
}
.mod_navigation .mm_dropdown .inner {
  background-color: white !important;
  background-color: #009EE3 !important;
}
.mod_navigation .mm_dropdown .inner .rs-column {
  margin-right: 2.5%;
  width: 18%;
  box-sizing: border-box;
  padding-right: 0.25em;
}
.mod_navigation .mm_dropdown .inner .rs-column.-large-last {
  margin-right: 0;
}
.mod_navigation .mm_dropdown .inner div[class*=ce_] {
  margin-top: 0;
  margin-bottom: 0;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink {
  margin-right: 0 !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink a {
  border-radius: 0;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink a:hover {
  border-radius: 0;
  background: none;
  color: white;
  padding-left: 0.5em;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink.blue {
  border-bottom: 3px solid white;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink.green {
  border-bottom: 3px solid #70c9a0;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink.violet {
  border-bottom: 3px solid #be77cf;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink.red {
  border-bottom: 3px solid #d95152;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink.orange {
  border-bottom: 3px solid #FCA822;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink a {
  border-radius: 1000px;
  padding: 0.5em;
  padding-left: 0;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink a::after {
  color: white;
}
.mod_navigation .mm_dropdown .inner .ce_hyperlink a.hyperlink_txt {
  margin-bottom: 0 !important;
  margin: 0;
}
.mod_navigation .mm_dropdown .inner .ce_text {
  font-size: 1.5em;
  color: white;
}

.mobile_navigation {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: visible;
}
@media screen and (max-width: 1320px) {
  .mobile_navigation {
    display: block;
  }
}
.mobile_navigation .ui-accordion-header {
  cursor: pointer;
  float: right;
  width: 3em;
  height: 3em;
  position: relative;
  margin: 2em 0 0.5em;
  font-family: "avzweiundzwanzig";
}
.mobile_navigation .ui-accordion-header::before {
  content: "\e903";
  position: absolute;
  clear: both;
  font-size: 5em;
  right: 0;
}
@media screen and (max-width: 900px) {
  .mobile_navigation .ui-accordion-header::before {
    font-size: 3.75em;
  }
}
.mobile_navigation .ui-accordion-header-active::before {
  content: "\e902";
}
.mobile_navigation .level_1 .ui-accordion-header {
  display: none;
}
.mobile_navigation .ce_accordion {
  display: none;
}
.mobile_navigation .ce_accordion.ui-accordion-content-active {
  position: absolute;
  top: 120px;
  left: -3em;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  clear: both;
  overflow: visible;
}
@media screen and (max-width: 1080px) {
  .mobile_navigation .ce_accordion.ui-accordion-content-active {
    left: -4em;
  }
}
@media screen and (max-width: 900px) {
  .mobile_navigation .ce_accordion.ui-accordion-content-active {
    top: 90px;
    left: -3em;
  }
}
@media screen and (max-width: 599px) {
  .mobile_navigation .ce_accordion.ui-accordion-content-active {
    top: 90px;
    left: -2em;
  }
}
.mobile_navigation .ce_accordion.ui-accordion-content-active .accordion {
  background-color: #009EE3;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li {
  background-color: #009EE3;
  width: 100%;
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li a,
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li span {
  padding: 0.75em 4em;
  display: inline-block;
  color: white;
  font-family: "DIN W01 Medium", sans-serif;
  font-size: 2em;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .mobile_navigation .ce_accordion.ui-accordion-content-active ul li a,
  .mobile_navigation .ce_accordion.ui-accordion-content-active ul li span {
    padding: 0.75em 1em;
  }
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li span {
  text-decoration: none;
  background-color: #B2E2F7;
}
.mobile_navigation .ce_accordion.ui-accordion-content-active ul li span.active {
  color: #009EE3;
}
.mod_changelanguage {
  position: absolute;
  right: 0em;
}
@media screen and (max-width: 1320px) {
  .mod_changelanguage {
    display: none;
  }
}
.mod_changelanguage ul li {
  float: left;
  position: relative;
  margin-left: 0.5em;
}
.mod_changelanguage ul li::before {
  width: 100%;
  height: 1em;
  content: " ";
  position: absolute;
  top: 0em;
  left: 0px;
  transition: width 0.5s;
  z-index: -1;
}
.mod_changelanguage ul li.active {
  cursor: pointer;
}
.mod_changelanguage ul li.active::before {
  border-top: 3px solid #009EE3;
}
.mod_changelanguage ul li a,
.mod_changelanguage ul li strong {
  font-size: 1.5em;
  font-weight: 500;
  color: #3A3A39;
}
.mod_changelanguage ul li strong {
  transition: color 0.5s;
  color: #009EE3;
}

@media screen and (max-width: 1320px) {
  .changelanguage .mod_changelanguage {
    display: block;
    position: relative;
    left: 0;
    padding: 1em 0 2em;
    margin: 0 4em;
    border-bottom: 3px solid white;
  }
  .changelanguage .mod_changelanguage ul {
    float: right;
    margin: 0;
  }
  .changelanguage .mod_changelanguage ul li {
    width: auto;
    background-color: #009EE3;
    margin-left: 1em;
    padding: 0em;
  }
  .changelanguage .mod_changelanguage ul li.active {
    background-color: #B2E2F7;
  }
  .changelanguage .mod_changelanguage ul li a,
  .changelanguage .mod_changelanguage ul li strong {
    margin: 0;
    padding: 0 0.25em;
    font-size: 1em;
  }
  .changelanguage .mod_changelanguage ul li a span,
  .changelanguage .mod_changelanguage ul li strong span {
    margin: 0;
    padding: 0;
    background: none;
  }
  .changelanguage .mod_changelanguage ul li:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}
@media screen and (max-width: 599px) {
  .changelanguage .mod_changelanguage {
    padding: 1em 0 2em;
    margin: 0 1em;
  }
}

.mobile_changelanguage .mod_changelanguage {
  margin-top: 1em;
  padding-top: 1em;
}
@media screen and (max-width: 1320px) {
  .mobile_changelanguage .mod_changelanguage {
    position: relative;
    display: block !important;
  }
}
.mobile_changelanguage .mod_changelanguage ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
}
.mobile_changelanguage .mod_changelanguage ul li {
  width: auto !important;
  margin: 0 0.5em;
}
.mobile_changelanguage .mod_changelanguage ul li a,
.mobile_changelanguage .mod_changelanguage ul li strong {
  padding: inherit !important;
  font-size: 2em;
  font-weight: bold;
  height: 2em !important;
  width: 2em !important;
  line-height: 190%;
  box-sizing: border-box;
}
.mobile_changelanguage .mod_changelanguage ul li a {
  border: 1px solid #B2E2F7;
}
.mobile_changelanguage .mod_changelanguage ul li strong {
  border: 1px solid #B2E2F7;
}
.mobile_changelanguage .mod_changelanguage ul li.active {
  width: auto !important;
  color: #009EE3;
  background-color: #B2E2F7;
}

.socialmedia {
  position: absolute;
  right: 0px;
  top: 40px;
  display: flex;
  margin-right: -1em;
}
@media screen and (max-width: 1320px) {
  .socialmedia {
    display: none;
  }
}

#socialmedia_mobile ul {
  display: inline-block;
  text-align: center;
}
#socialmedia_mobile ul li {
  float: right;
  width: auto;
  margin: 1em;
}

.socialmedia_mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  left: 0;
  margin-top: 4em;
  padding-top: 1em;
  padding-bottom: 11em;
  text-align: center;
}
.socialmedia_mobile .socialmedia_icon {
  margin: 0 1em;
}

.socialmedia_mobile .ce_hyperlink figure,
.socialmedia .ce_hyperlink figure {
  line-height: 0;
}
.socialmedia_mobile .ce_hyperlink figure a,
.socialmedia .ce_hyperlink figure a {
  border: 1px solid #393939;
  display: inline-block;
  padding: 5px;
  transition: all 0.25s ease-in-out;
}
.socialmedia_mobile .ce_hyperlink figure a::after,
.socialmedia .ce_hyperlink figure a::after {
  display: none;
}
.socialmedia_mobile .ce_hyperlink figure a:hover,
.socialmedia .ce_hyperlink figure a:hover {
  border-color: white;
  background-color: #009EE3;
}
.socialmedia_mobile .ce_hyperlink figure a img,
.socialmedia .ce_hyperlink figure a img {
  width: 25px;
  height: 25px;
}

.header_contacts {
  position: absolute;
  right: 0;
  margin-right: 1em;
  margin-top: 1.5em;
}
@media screen and (max-width: 1320px) {
  .header_contacts {
    display: none;
  }
}
.header_contacts a {
  display: block;
  color: black;
  border: 1px solid black;
  transition: border-color 0.5s, background-color 0.5s;
}
@media screen and (max-width: 1320px) {
  .header_contacts a {
    color: #C4C4C4;
  }
}
.header_contacts a:hover {
  border-color: #B2E2F7;
  color: #009EE3;
  background-color: #B2E2F7;
}
.header_contacts a.contact_button {
  width: 25px;
  height: 25px;
  padding: 2px;
  margin: 0.25em 0;
  border-radius: 1000px;
  position: relative;
}
.header_contacts a.contact_button_phone::before {
  width: 12px;
  height: 12px;
  content: "\e90a";
  position: absolute;
  left: 5px;
  top: 0px;
  transition: padding-left 0.25s;
  font-family: "avzweiundzwanzig" !important;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1320px) {
  .header_contacts a.contact_button_phone::before {
    font-size: 23px;
  }
}
.header_contacts a.contact_button_mail::before {
  width: 12px;
  height: 12px;
  content: "\e90b";
  position: absolute;
  left: 5px;
  top: 0px;
  transition: padding-left 0.25s;
  font-family: "avzweiundzwanzig" !important;
  font-size: 21px;
}
@media screen and (max-width: 1320px) {
  .header_contacts a.contact_button_mail::before {
    font-size: 25px;
  }
}

@media screen and (max-width: 1320px) {
  #header_contacts .header_contacts {
    display: block;
    position: relative;
    left: 0;
    padding-top: 1em;
    padding-bottom: 7em;
    border-top: 3px solid white;
  }
}
#header_contacts .header_contacts ul {
  padding-left: 1em;
  margin: 0;
}
@media screen and (max-width: 1320px) {
  #header_contacts .header_contacts ul {
    padding-left: 0;
  }
}
#header_contacts .header_contacts ul li {
  float: left;
  width: auto;
}
@media screen and (max-width: 1320px) {
  #header_contacts .header_contacts ul li {
    float: right;
  }
}
#header_contacts .header_contacts ul li .contact_button {
  width: 30px;
  height: 30px;
  padding: 2px;
  margin: 0 0 6em 1em;
  border: 2px solid white;
}

.mobile_menu {
  font-size: 2em;
}
.mobile_menu .inner {
  background-color: #009EE3 !important;
  overflow: auto;
  margin-top: 7em;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner {
    margin-top: 5em;
  }
}
.mobile_menu .inner .main_navigation,
.mobile_menu .inner .mod_changelanguage,
.mobile_menu .inner .header_contacts {
  display: block;
  position: relative;
  right: 0;
  float: none;
  clear: both;
  margin: 0;
}
.mobile_menu .inner .mobile_navigation {
  height: auto;
}
.mobile_menu .inner .mobile_navigation ul {
  margin: 0;
}
.mobile_menu .inner .mobile_navigation ul li {
  float: none;
  clear: both;
  width: 100%;
  padding: 0;
  position: relative;
}
.mobile_menu .inner .mobile_navigation ul li a,
.mobile_menu .inner .mobile_navigation ul li strong {
  padding: 0.75em 4em;
  margin: 0;
  color: white;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 1px solid #B2E2F7;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner .mobile_navigation ul li a,
  .mobile_menu .inner .mobile_navigation ul li strong {
    padding: 0.75em 1em;
  }
}
.mobile_menu .inner .mobile_navigation ul li a:hover,
.mobile_menu .inner .mobile_navigation ul li strong:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.mobile_menu .inner .mobile_navigation ul li strong.active {
  background-color: #B2E2F7;
  color: #009EE3;
}
.mobile_menu .inner .mobile_navigation ul li span.submenu_icon {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 3em;
  height: 100%;
  border-left: 1px solid #B2E2F7;
}
.mobile_menu .inner .mobile_navigation ul li span.submenu_icon:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.mobile_menu .inner .mobile_navigation ul li span.submenu_icon::before {
  width: 12px;
  height: 12px;
  content: "\e900";
  position: absolute;
  left: 5px;
  top: -3px;
  transition: padding-left 0.25s;
  font-family: "avzweiundzwanzig" !important;
  font-size: 42px;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner .mobile_navigation ul li span.submenu_icon {
    right: 0;
  }
}
.mobile_menu .inner .mobile_navigation ul li.submenu_show span.submenu_icon::before {
  content: "\e901";
}
.mobile_menu .inner .mobile_navigation ul li.submenu_hide span.submenu_icon {
  border-left: 1px solid #B2E2F7;
}
.mobile_menu .inner .mobile_navigation ul li.submenu .submenu_icon {
  display: inline;
  box-sizing: border-box;
  border-bottom: 1px solid #B2E2F7;
  border-left: 1px solid #B2E2F7;
}
.mobile_menu .inner .mobile_navigation ul li.submenu ul {
  padding-left: 4em;
  border-bottom: 1px solid #B2E2F7;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner .mobile_navigation ul li.submenu ul {
    padding-left: 1em;
  }
}
.mobile_menu .inner .mobile_navigation ul li.submenu ul li {
  background-color: #009EE3;
}
.mobile_menu .inner .mobile_navigation ul li.submenu ul li.last a {
  border: none;
}
.mobile_menu .inner .mobile_navigation ul li.submenu ul li .submenu_icon {
  display: none;
}
.mobile_menu .inner .mobile_navigation ul li.active strong {
  font-weight: 400;
  color: #3A3A39;
  background-color: #B2E2F7;
}
.mobile_menu .inner .mobile_navigation ul li.active.submenu .submenu_icon {
  border-left: 1px solid #009EE3;
}
.mobile_menu .inner .mobile_navigation ul li ul {
  padding-left: 4em;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner .mobile_navigation ul li ul {
    padding-left: 1em;
  }
}
.mobile_menu .inner .mod_changelanguage,
.mobile_menu .inner .header_contacts {
  padding-left: 4em !important;
  padding-right: 4em;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .mobile_menu .inner .mod_changelanguage,
  .mobile_menu .inner .header_contacts {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.mod_mobile_menu .mobile_menu_trigger .trigger {
  cursor: pointer;
  float: right;
  width: 3em;
  height: 3em;
  position: relative;
  margin: 1.5em 4em 0.5em 2em;
  font-family: "avzweiundzwanzig";
}
@media screen and (max-width: 1320px) {
  .mod_mobile_menu .mobile_menu_trigger .trigger {
    width: 3em;
    height: 5.25em;
  }
}
@media screen and (max-width: 599px) {
  .mod_mobile_menu .mobile_menu_trigger .trigger {
    width: 2em;
    height: 3em;
    margin-right: 1em;
  }
}
.mod_mobile_menu .mobile_menu_trigger .trigger::before {
  content: "\e903";
  position: absolute;
  clear: both;
  font-size: 3em;
}
@media screen and (max-width: 900px) {
  .mod_mobile_menu .mobile_menu_trigger .trigger::before {
    height: 2em;
    font-size: 3em;
  }
}
@media screen and (max-width: 599px) {
  .mod_mobile_menu .mobile_menu_trigger .trigger::before {
    height: 2em;
    font-size: 2em;
  }
}
.mod_mobile_menu .mobile_menu_trigger.active ::before {
  content: "\e902";
}

#footer {
  position: relative;
  border-top: 3px solid #C4C4C4;
  padding: 2em 4em 12em;
  margin-top: 8em;
}
@media screen and (max-width: 900px) {
  #footer {
    padding: 2em 3em 12em;
  }
}
@media screen and (max-width: 599px) {
  #footer {
    padding: 2em 2em 12em;
  }
}
#footer .mod_article {
  margin: 0;
  position: relative;
  bottom: 0;
  left: 0;
}
#footer table {
  float: left;
}
#footer td {
  padding-right: 0.5em;
}
#footer .copyright {
  position: relative;
  width: 28%;
  font-size: 1.6em;
  float: left;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  #footer .copyright {
    width: 100%;
  }
}
#footer .ce_text {
  position: relative;
  width: 43%;
  padding: 0 2%;
  margin-bottom: 1em;
  font-size: 1.6em;
  float: left;
}
@media screen and (max-width: 900px) {
  #footer .ce_text {
    width: 100%;
    padding: 0;
  }
}
#footer .ce_text p {
  margin: 0;
}

.meta_navigation {
  position: relative;
  width: 25%;
  float: left;
}
@media screen and (max-width: 900px) {
  .meta_navigation {
    width: 100%;
    border-top: 1px solid #C4C4C4;
    padding-top: 1em;
  }
}
@media screen and (max-width: 599px) {
  .meta_navigation {
    position: relative;
  }
}
.meta_navigation ul {
  margin: 0;
  padding: 0;
}
.meta_navigation ul li {
  position: relative;
  float: right;
  padding: 0 0.5em;
  list-style: none;
}
@media screen and (max-width: 900px) {
  .meta_navigation ul li {
    padding: 0 1.5em 0 0;
    float: left;
  }
}
@media screen and (max-width: 1080px) {
  .meta_navigation ul li {
    clear: both;
  }
}
.meta_navigation ul li a,
.meta_navigation ul li strong {
  font-size: 1.6em;
}
.meta_navigation a {
  margin-bottom: 1em;
  float: left;
  position: relative;
  color: #3A3A39;
}
.meta_navigation a:hover {
  text-decoration: none;
}
.meta_navigation a:hover::after {
  width: 100%;
  background-color: #3A3A39;
  height: 2px;
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  transition: background-color 0.5s;
  z-index: -1;
}
.meta_navigation strong {
  margin-bottom: 1em;
  float: left;
  position: relative;
  color: #3A3A39;
  font-weight: normal;
}
.meta_navigation strong::after {
  width: 100%;
  background-color: #3A3A39;
  height: 2px;
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  transition: background-color 0.5s;
  z-index: -1;
}

@media screen and (max-width: 900px) {
  .home #container,
  .newsletter #container {
    font-size: 6px;
  }
}
.home #container div.mod_article:nth-child(1) .article_wrapper,
.newsletter #container div.mod_article:nth-child(1) .article_wrapper {
  margin: 9em auto 4em;
}

@media screen and (max-width: 900px) {
  #container {
    font-size: 6px;
  }
}
#container div.mod_article:nth-child(1) .article_wrapper,
#container div.mod_article:nth-child(1) .article_wrapper_fullscreen {
  margin: 22em auto 20em;
}
#container .mod_article {
  overflow: visible;
}
#container .mod_article .article_wrapper {
  margin: 18em auto;
  max-width: 1424px;
  clear: both;
  position: relative;
}
#container .mod_article .article_wrapper .article_wrapper_inside {
  margin: 0 4em;
}
@media screen and (max-width: 900px) {
  #container .mod_article .article_wrapper .article_wrapper_inside {
    margin: 0 5em;
  }
}
@media screen and (max-width: 599px) {
  #container .mod_article .article_wrapper .article_wrapper_inside {
    margin: 0 4em;
  }
}
#container .mod_article.first .article_wrapper {
  margin: 30em auto 20em;
}

@media screen and (max-width: 900px) {
  .landingpage #container {
    font-size: 6px;
  }
}
.landingpage #container .mod_article {
  overflow: visible;
}
.landingpage #container .mod_article .article_wrapper {
  margin: 18em auto;
  max-width: 1424px;
  clear: both;
  position: relative;
}
.landingpage #container .mod_article .article_wrapper .article_wrapper_inside {
  margin: 0 4em;
}
@media screen and (max-width: 900px) {
  .landingpage #container .mod_article .article_wrapper .article_wrapper_inside {
    margin: 0 5em;
  }
}
@media screen and (max-width: 599px) {
  .landingpage #container .mod_article .article_wrapper .article_wrapper_inside {
    margin: 0 4em;
  }
}
.landingpage #container .mod_article.first .article_wrapper {
  margin: 120px auto 12em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-bottom: 0.75em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child,
  h6:first-child {
    margin-top: 1em;
  }
}

h1 {
  font: 6.4em/115% "DIN W01 Bold", sans-serif;
  color: #009EE3;
  margin-bottom: 0.75em;
}
h2 {
  font: 4.2em/115% "DIN W01 Bold", sans-serif;
}

h3 {
  font: 2.8em/125% "DIN W01 Bold", sans-serif;
}

h4 {
  font: 1.8em/130% "DIN W01 Bold", sans-serif;
}

h5 {
  font: 1em/130% "DIN W01 Bold", sans-serif;
}

a {
  color: #009EE3;
  text-decoration: none;
}

.ce_text {
  font-size: 2em;
  margin-bottom: 2em;
  overflow: hidden !important;
  /* Headlines innerhalb von Absätzen */
  /* Links innerhalb von Absaetzen */
  /* Listen */
}
@media screen and (max-width: 900px) {
  .ce_text {
    font-size: 3em;
    margin-bottom: 0;
  }
  .ce_text + .ce_image,
  .ce_text + .ce_hyperlink {
    margin-top: 4em;
  }
  .ce_text + .ce_text h3 {
    margin-top: 1em;
  }
}
@media screen and (max-width: 599px) {
  .ce_text + .ce_text h3 {
    margin-top: 1em;
  }
}
.ce_text h1 {
  font-size: 3.2em;
}
.ce_text h2 {
  font-size: 2.1em;
}
.ce_text h3 {
  font-size: 1.4em;
}
.ce_text h4 {
  font-size: 0.9em;
}
.ce_text h5 {
  font-size: 0.8em;
}
.ce_text h6 {
  font-size: 0.5em;
}
.ce_text a {
  position: relative;
  transition: background-color 0.5s;
  color: #009EE3;
}
.ce_text a:hover {
  background-position: 0 0.3em;
  background-size: 2px 20px;
  background-color: rgba(187, 218, 217, 0.3);
}
.ce_text a.tel {
  background: none;
}
.ce_text ul li {
  list-style: none;
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  position: relative;
}
.ce_text ul li::before {
  width: 12px;
  height: 12px;
  content: "•";
  color: #009EE3;
  position: absolute;
  top: 0;
  left: 0;
}
.ce_text ol li {
  padding-left: 0;
  padding-bottom: 0.5em;
  margin-left: 1em;
}
@media screen and (max-width: 599px) {
  .ce_text .image_container.float_left {
    clear: both;
  }
}
@media screen and (max-width: 900px) {
  .ce_text p {
    clear: both;
  }
}

.ce_list {
  font-size: 2em;
  margin-bottom: 2em;
  overflow: hidden !important;
  /* Headlines innerhalb von Absätzen */
}
@media screen and (max-width: 900px) {
  .ce_list {
    font-size: 3em;
    margin-top: 2em;
  }
  .ce_list + .ce_image,
  .ce_list + .ce_hyperlink {
    margin-top: 4em;
  }
  .ce_list + .ce_text h3 {
    margin-top: 1em;
  }
}
@media screen and (max-width: 599px) {
  .ce_list + .ce_text h3 {
    margin-top: 1em;
  }
}
.ce_list h1 {
  font-size: 3.2em;
}
@media screen and (max-width: 900px) {
  .ce_list h1 {
    font-size: 2.56em;
  }
}
.ce_list h2 {
  font-size: 2.1em;
}
@media screen and (max-width: 900px) {
  .ce_list h2 {
    font-size: 1.68em;
  }
}
.ce_list h3 {
  font-size: 1.4em;
}
@media screen and (max-width: 900px) {
  .ce_list h3 {
    font-size: 1.12em;
  }
}
.ce_list h4 {
  font-size: 0.9em;
}
@media screen and (max-width: 900px) {
  .ce_list h4 {
    font-size: 0.72em;
  }
}
.ce_list h5 {
  font-size: 0.8em;
}
@media screen and (max-width: 900px) {
  .ce_list h5 {
    font-size: 0.64em;
  }
}
.ce_list h6 {
  font-size: 0.5em;
}
@media screen and (max-width: 900px) {
  .ce_list h6 {
    font-size: 0.4em;
  }
}
.ce_list ul {
  margin-bottom: 0em;
}
.ce_list ul li {
  list-style: none;
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  position: relative;
}
.ce_list ul li::before {
  width: 12px;
  height: 12px;
  content: "•";
  color: #009EE3;
  position: absolute;
  top: 0;
  left: 0;
}

.ce_image {
  margin-bottom: 4em;
}

.ce_gallery {
  margin-bottom: 8em;
  margin-top: 8em;
}
.ce_gallery .cols_2 li {
  width: 50%;
}
.ce_gallery .cols_3 li {
  width: 33.3333333333%;
}
.ce_gallery .cols_4 li {
  width: 25%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_4 li {
    width: 50%;
  }
}
.ce_gallery .cols_5 li {
  width: 20%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_5 li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_5 li {
    width: 50%;
  }
}
.ce_gallery .cols_6 li {
  width: 16.6666666667%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_6 li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_6 li {
    width: 50%;
  }
}
.ce_gallery .cols_7 li {
  width: 14.2857142857%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_7 li {
    width: 25%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_7 li {
    width: 50%;
  }
}
.ce_gallery .cols_8 li {
  width: 12.5%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_8 li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_8 li {
    width: 50%;
  }
}
.ce_gallery .cols_9 li {
  width: 11.1111111111%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_8 li {
    width: 20%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_8 li {
    width: 33.3333333333%;
  }
}
.ce_gallery .cols_10 li {
  width: 10%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_10 li {
    width: 20%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_10 li {
    width: 33.3333333333%;
  }
}
.ce_gallery .cols_12 li {
  width: 8.3333333333%;
}
@media screen and (max-width: 900px) {
  .ce_gallery .cols_12 li {
    width: 16.6666666667%;
  }
}
@media screen and (max-width: 599px) {
  .ce_gallery .cols_12 li {
    width: 33.3333333333%;
  }
}
.ce_gallery .image_container {
  line-height: 0;
}
.ce_gallery .bg_white_padding .image_container {
  padding: 5em;
  background-color: white;
}
.ce_gallery ul {
  display: inline-block;
}

.ce_download {
  position: relative;
  margin-bottom: 8em;
  margin-right: 2em;
}
.ce_download a {
  color: #009EE3;
  position: relative;
  font-family: "DIN W01 Medium", sans-serif;
  font-size: 2em;
  padding-right: 1.2em;
  padding-left: 0;
  display: inline-block;
  text-align: left;
  transition: all 0.15s ease-in-out;
}
@media screen and (max-width: 900px) {
  .ce_download a {
    font-size: 3em;
  }
}
@media screen and (max-width: 599px) {
  .ce_download a {
    padding-right: 2em;
  }
}
.ce_download a:hover {
  background-color: #B2E2F7;
  padding-left: 0.5em;
}
.ce_download a::after {
  width: auto;
  height: auto;
  content: "\e912";
  font-size: 1.6em;
  line-height: 2;
  color: #009EE3;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 50%;
  padding: 0;
  margin: 0;
  padding-right: 0.5em;
  margin-top: -1em;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(0deg);
}
.ce_download a:hover::after {
  margin-left: 1.25em;
}
.ce_download a.button {
  color: white;
  line-height: 1.2;
  font-family: "DIN W01 Medium", sans-serif;
  box-sizing: border-box;
  border: 3px solid #3A3A39;
  border-radius: 1000px;
  background-color: #3A3A39;
  background-position: 0px 100px !important;
  padding: 1em 3em 1em 1.5em;
  margin: 0;
  transition: background-color 0.15s ease-in-out, margin-left 0.15s ease-in-out;
}
.ce_download a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_download a.button::after {
  font-size: 1.4em;
}

@media screen and (max-width: 900px) {
  .rs-columns .rs-column.-large-col-2-1 .ce_gallery .cols_4 li:nth-child(5n+4) {
    clear: none;
  }
  .rs-columns .rs-column.-large-col-2-1 .ce_gallery .cols_4 li:nth-child(5n+5) {
    clear: none;
  }
}
@media screen and (max-width: 599px) {
  .rs-columns .rs-column.-large-col-2-1 .ce_gallery .cols_4 li:nth-child(5n+4) {
    clear: none;
  }
  .rs-columns .rs-column.-large-col-2-1 .ce_gallery .cols_4 li:nth-child(5n+5) {
    clear: left;
  }
}

.rs-column .ce_image {
  margin: 1em 0em 2em;
}

.ce_table {
  font-size: 2em;
  width: 100%;
}
.ce_table table {
  width: 100%;
}
.ce_table tr {
  border-top: 1px solid;
}
.ce_table td {
  padding-right: 0.5em;
  box-sizing: border-box;
  padding-bottom: 2em;
}
.ce_table td.col_first {
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .ce_table td.col_first {
    padding-bottom: 0;
  }
}
.ce_table td.col_last {
  padding-bottom: 2em;
}
@media screen and (max-width: 900px) {
  .ce_table td {
    font-size: 1.5em;
    width: 100%;
    display: block;
  }
}

.ce_hyperlink {
  position: relative;
  margin-bottom: 8em;
  margin-right: 2em;
}
.ce_hyperlink a {
  color: #009EE3;
  position: relative;
  font-family: "DIN W01 Medium", sans-serif;
  font-size: 2em;
  padding-right: 1.2em;
  padding-left: 0;
  display: inline-block;
  text-align: left;
  transition: all 0.15s ease-in-out;
}
@media screen and (max-width: 900px) {
  .ce_hyperlink a {
    font-size: 3em;
  }
}
@media screen and (max-width: 599px) {
  .ce_hyperlink a {
    padding-right: 2em;
  }
}
.ce_hyperlink a:hover {
  background-color: #B2E2F7;
  padding-left: 0.5em;
}
.ce_hyperlink a::after {
  width: auto;
  height: auto;
  content: "\e900";
  font-family: "avzweiundzwanzig" !important;
  font-size: 1.6em;
  color: #009EE3;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(270deg);
}
.ce_hyperlink a:hover::after {
  margin-left: 1.25em;
}
.ce_hyperlink a.button {
  color: white;
  line-height: 1.2;
  font-family: "DIN W01 Medium", sans-serif;
  box-sizing: border-box;
  border: 3px solid #3A3A39;
  border-radius: 1000px;
  background-color: #3A3A39;
  background-position: 0px 100px !important;
  padding: 1em 3em 1em 1.5em;
  margin: 0;
  margin-top: 2em;
  transition: background-color 0.15s ease-in-out, margin-left 0.15s ease-in-out;
}
.ce_hyperlink a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink a.button::after {
  font-size: 2.4em;
}
.ce_hyperlink.anchor_link {
  display: inline-block;
  margin-right: 2em;
  margin-bottom: 4em;
}
@media screen and (max-width: 900px) {
  .ce_hyperlink.anchor_link {
    margin-bottom: 8em;
  }
}
@media screen and (max-width: 599px) {
  .ce_hyperlink.anchor_link {
    margin-right: 1em;
  }
}
.ce_hyperlink.anchor_link a {
  display: inline-block;
  padding: 0.5em 3em 0.5em 1em;
  border-radius: 1000px;
  border: 4px solid #009EE3;
  background-color: white;
  color: #009EE3;
  transition: none;
  width: 120px;
  transition: white 0.25s ease-in-out, #3A3A39 0.25s ease-in-out;
}
.ce_hyperlink.anchor_link a:hover {
  background-color: #009EE3;
  color: white;
}
.ce_hyperlink.anchor_link a::after {
  transform: rotate(0deg);
  color: white;
  right: 0em;
  top: 0.1em;
}
.ce_hyperlink.facebook, .ce_hyperlink.youtube, .ce_hyperlink.instagram, .ce_hyperlink.xing, .ce_hyperlink.linkedin {
  display: inline-block;
  margin-right: 1em;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}
.ce_hyperlink.facebook figure, .ce_hyperlink.youtube figure, .ce_hyperlink.instagram figure, .ce_hyperlink.xing figure, .ce_hyperlink.linkedin figure {
  line-height: 0;
}
.ce_hyperlink.facebook a, .ce_hyperlink.youtube a, .ce_hyperlink.instagram a, .ce_hyperlink.xing a, .ce_hyperlink.linkedin a {
  padding: 5px;
  display: inline-block;
  border: 1px solid #3A3A39;
  box-sizing: border-box;
  transition: background-color 0.5s ease-in-out;
}
.ce_hyperlink.facebook a::after, .ce_hyperlink.youtube a::after, .ce_hyperlink.instagram a::after, .ce_hyperlink.xing a::after, .ce_hyperlink.linkedin a::after {
  display: none;
}
.ce_hyperlink.facebook a:hover, .ce_hyperlink.youtube a:hover, .ce_hyperlink.instagram a:hover, .ce_hyperlink.xing a:hover, .ce_hyperlink.linkedin a:hover {
  border: 1px solid #009EE3;
  background-color: #009EE3;
}
.ce_hyperlink.font-size-m {
  font-size: 1.2;
}
.ce_hyperlink.font-size-l {
  font-size: 1.8;
}
.ce_hyperlink.back a {
  color: white;
}
.ce_hyperlink.back a:hover {
  padding-left: 3em;
}
.ce_hyperlink.back a::after {
  display: none;
}
.ce_hyperlink.back a::before {
  width: auto;
  height: auto;
  content: "\e900";
  position: absolute;
  transform: rotate(90deg);
  transition: padding-right 0.25s;
  font-family: "avzweiundzwanzig" !important;
}
.ce_hyperlink.back a:hover::before {
  padding-right: 0px;
}
.ce_hyperlink .hyperlink_txt.big {
  font-size: 4.32em;
}
@media screen and (max-width: 599px) {
  .ce_hyperlink .hyperlink_txt.big {
    font-size: 2.4em;
  }
}

#container div.ce_hyperlink + div.ce_hyperlink {
  margin-top: -8em;
}
#container div.ce_hyperlink + div.ce_hyperlink.float_left {
  margin-top: 0;
  margin-bottom: 2em;
}
#container [class*=ce_text] + [class*=ce_hyperlink] {
  margin-top: 2em;
}

.bg_blue .ce_hyperlink a,
.bg_blue_s .ce_hyperlink a {
  color: #3A3A39;
}
.bg_blue .ce_hyperlink a.button,
.bg_blue_s .ce_hyperlink a.button {
  color: white;
  background-color: #3A3A39;
}
.bg_blue .ce_hyperlink a.button:hover,
.bg_blue_s .ce_hyperlink a.button:hover {
  color: #3A3A39;
  background-color: white;
}

.bg_grey .ce_hyperlink {
  position: relative;
}
.bg_grey .ce_hyperlink a {
  color: #3A3A39;
  position: relative;
}
@media screen and (max-width: 900px) {
  .bg_grey .ce_hyperlink a {
    font-size: 1.3333333333em;
  }
}
.bg_grey .ce_hyperlink a::after {
  color: #3A3A39;
}
.bg_grey .ce_hyperlink a:hover::after {
  color: #3A3A39;
}
.bg_grey .ce_hyperlink a.font-size-l {
  font-family: "DIN W01 Medium", sans-serif;
}

.bg_grey_dark .ce_hyperlink {
  position: relative;
}
.bg_grey_dark .ce_hyperlink a {
  color: white;
  position: relative;
}
@media screen and (max-width: 900px) {
  .bg_grey_dark .ce_hyperlink a {
    font-size: 1.3333333333em;
  }
}
.bg_grey_dark .ce_hyperlink a::after {
  color: white;
}
.bg_grey_dark .ce_hyperlink a:hover::after {
  color: white;
}
.bg_grey_dark .ce_hyperlink a.font-size-l {
  font-family: "DIN W01 Medium", sans-serif;
}

#container {
  /* Die Zeile mit dem Inhalt des Akkordions das aufklappt */
}
#container .ce_accordion {
  position: relative;
  margin-bottom: 0;
  margin-bottom: 1px;
}
@media screen and (max-width: 900px) {
  #container .ce_accordion .rs-column.-large-last {
    margin-bottom: 4em;
  }
}
#container .ce_accordion ul {
  margin-top: 1em;
}
#container .ce_accordion li {
  list-style: none;
  padding-left: 0;
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  position: relative;
  z-index: 0;
}
#container .ce_accordion li::before {
  width: 9px;
  height: 9px;
  background-color: #3A3A39;
  content: " ";
  position: absolute;
  top: 13px;
  left: 0;
  transition: background-color 0.5s;
  z-index: -1;
}
#container .ce_accordion.ce_text {
  font-size: 1em;
  margin-bottom: 1px;
}
#container .ce_accordion.ce_text .ui-accordion-content {
  font-size: 2em;
  margin: 0;
}
#container .ui-accordion-header {
  padding: 1em;
  padding-right: 3em;
  font-size: 2em;
  font-family: "DIN W01 Bold", sans-serif;
  color: white;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #009EE3;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 900px) {
  #container .ui-accordion-header {
    font-size: 3em;
  }
}
#container .ui-accordion-header.ui-state-hover {
  background-color: #35C2FF;
  transition: border 0.5s;
}
#container .ui-accordion-header.ui-state-hover .ui-accordion-header-icon {
  border: 2px solid #B2E2F7;
}
#container .ui-accordion-header.ui-state-active {
  background-color: #35C2FF;
}
#container .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  border: 2px solid white;
}
#container .ui-accordion-header.ui-state-active .ui-accordion-header-icon::after {
  transform: rotate(45deg);
  /*animation: 0.6s ease-in-out 0s 1 normal both running rotate-center;*/
}
#container .ui-accordion-header .ui-accordion-header-icon {
  font-size: 0.5em;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 2em;
  border: 2px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  background-color: #009EE3;
  display: block;
  cursor: pointer;
  transition: transform, border 0.25s ease-in-out;
}
#container .ui-accordion-header .ui-accordion-header-icon::after {
  width: auto;
  height: auto;
  content: "\e910";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2em;
  text-align: center;
  color: white;
  position: absolute;
  top: 2px;
  left: 6px;
  transition: border 0.5s ease-in-out;
}
@media screen and (max-width: 900px) {
  #container .ui-accordion-header .ui-accordion-header-icon::after {
    font-size: 2.4em;
    left: 4px;
  }
}
#container .ui-accordion-content {
  background-color: #B2E2F7;
  padding: 2.5em;
  clear: both;
  position: relative;
}
@media screen and (max-width: 1080px) {
  #container .ui-accordion-content {
    padding: 2.5em 2em;
  }
}
@media screen and (max-width: 900px) {
  #container .ui-accordion-content {
    padding: 2.5em 3.5em;
  }
}
#container .bg_blue .ui-accordion-header {
  background-color: white;
  color: #009EE3;
}
#container .bg_blue .ui-accordion-content {
  background-color: white;
  color: #3A3A39;
}
#container .bg_blue .ui-accordion-content p {
  color: #3A3A39;
}

.ce_youtube .ce_youtube_wrapper_inner {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin-left: 0;
  margin-right: 0;
  background-color: black;
}
.ce_youtube .ce_youtube_wrapper_inner figure {
  cursor: pointer;
}
.ce_youtube .ce_youtube_wrapper_inner figure::before {
  width: 25px;
  height: 25px;
  content: "\e909";
  font-size: 4em;
  position: absolute;
  right: 0.75em;
  bottom: 0.75em;
  font-family: "avzweiundzwanzig" !important;
  text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.5);
  padding: 29px 49px 29px 12px;
  color: white;
  background-color: #009EE3;
  box-sizing: border-box;
  border: 3px solid #009EE3;
  transition: border 0.25s;
}
@media screen and (max-width: 900px) {
  .ce_youtube .ce_youtube_wrapper_inner figure::before {
    font-size: 6em;
  }
}
.ce_youtube .ce_youtube_wrapper_inner figure:hover::before {
  border: 3px solid white;
}
.ce_youtube .ce_youtube_wrapper_inner figure img {
  width: 100%;
  height: 100%;
}
.ce_youtube figure.video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0mm;
}
.ce_youtube figure.video_container a::before {
  content: "YouTube Video anschauen";
  position: absolute;
  right: 5.75em;
  bottom: 2.2em;
  line-height: 120%;
  padding: 4px 10px;
  font-size: 15px;
  color: white;
  text-align: right;
  transition: display 0.25s;
}
@media screen and (max-width: 900px) {
  .ce_youtube figure.video_container a::before {
    display: inline-block;
    right: 4.25em;
    bottom: 2.25em;
    font-family: "DIN W01 Medium", sans-serif;
    text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.5);
  }
}
.ce_youtube figure.video_container a::after {
  width: 25px;
  height: 25px;
  content: "\e611";
  background-color: #009EE3;
  position: absolute;
  bottom: 1em;
  right: 0.75em;
  padding: 29px 47px 29px 11px;
  box-sizing: border-box;
  border: 3px solid #009EE3;
  transition: border 0.25s;
  font-family: "avzweiundzwanzig" !important;
  font-size: 3.25em;
  color: white;
}
@media screen and (max-width: 900px) {
  .ce_youtube figure.video_container a::after {
    padding: 23px 36px 22px 8px;
    font-size: 4.5em;
    right: 0.5em;
    bottom: 0.75em;
  }
}
.ce_youtube figure.video_container a:hover::before {
  display: inline-block;
  background-color: #009EE3;
}
.ce_youtube figure.video_container a:hover::after {
  border: 3px solid white;
}
.ce_youtube figure.video_container img {
  width: 100%;
}

.englisch .ce_youtube figure.video_container a::before {
  content: "start youtube video";
}

.ce_vimeo .ce_vimeo_wrapper_inner {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin-left: 0;
  margin-right: 0;
  background-color: none;
}
.ce_vimeo .ce_vimeo_wrapper_inner figure {
  cursor: pointer;
  line-height: 0;
  position: relative;
}
.ce_vimeo .ce_vimeo_wrapper_inner figure::before {
  width: 25px;
  height: 25px;
  content: "\e909";
  font-size: 4em;
  position: absolute;
  right: 0.75em;
  bottom: 0.75em;
  font-family: "avzweiundzwanzig" !important;
  text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.5);
  padding: 29px 49px 29px 12px;
  color: white;
  background-color: #009EE3;
  box-sizing: border-box;
  border: 3px solid #009EE3;
  transition: border 0.25s;
}
@media screen and (max-width: 900px) {
  .ce_vimeo .ce_vimeo_wrapper_inner figure::before {
    font-size: 6em;
  }
}
.ce_vimeo .ce_vimeo_wrapper_inner figure:hover::before {
  border: 3px solid white;
}
.ce_vimeo .ce_vimeo_wrapper_inner figure img {
  width: 100%;
  height: 100%;
}

.landingpage .ce_vimeo {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .landingpage .ce_vimeo {
    width: 100%;
  }
}

.wrapper-vimeo-live-chat-seite .wrapper-video-responsive {
  display: inline-block;
  width: calc(100% - 540px);
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .wrapper-vimeo-live-chat-seite .wrapper-video-responsive {
    width: 100%;
  }
}
.wrapper-vimeo-live-chat-seite .wrapper-video-responsive .video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.wrapper-vimeo-live-chat-seite .wrapper-video-responsive .video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat {
  display: block;
  float: right;
  min-width: 540px;
  margin: 0;
  padding: 0;
  overflow: scroll;
  position: relative;
  height: 530px;
}
@media screen and (max-width: 900px) {
  .wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat {
    float: none;
    clear: both;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat {
    min-width: 100%;
  }
}
.wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat iframe {
  width: 100%;
  height: 100%;
  background-color: #009EE3;
  position: absolute;
  left: 0;
  top: 0;
}
.wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat iframe input {
  max-width: 200px;
}
@media screen and (max-width: 900px) {
  .wrapper-vimeo-live-chat-seite .wrapper-vimeo-live-chat iframe footer form div {
    max-width: 80%;
  }
}

.layout_full h1:first-child {
  text-align: center;
}
.layout_full h2 {
  color: #009EE3;
}
.layout_full h2.center,
.layout_full h3.center,
.layout_full h4.center {
  text-align: center;
}
.layout_full h1 ~ h2 {
  margin-bottom: 2em;
}
.layout_full .ce_image {
  text-align: center;
}
.layout_full .ce_youtube {
  margin-bottom: 4em;
}
@media screen and (max-width: 900px) {
  .layout_full .ce_youtube figure.video_container a::before {
    right: 5em;
    bottom: 1.75em;
  }
}
.layout_full .ce_youtube figure.video_container a::after {
  padding: 5px 45px 49px 11px;
}
@media screen and (max-width: 900px) {
  .layout_full .ce_youtube figure.video_container a::after {
    font-size: 5.5em;
  }
}

.ce_youtube iframe,
.ce_vimeo iframe {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  background-color: #009EE3;
}

.ce_rsce_boxes {
  display: flex;
}
@media screen and (max-width: 900px) {
  .ce_rsce_boxes {
    flex-direction: column;
  }
}
.ce_rsce_boxes .box {
  background-color: #009EE3;
  padding: 4em;
  margin-bottom: 2em;
  display: block;
}
@media screen and (max-width: 900px) {
  .ce_rsce_boxes .box {
    padding: 5em;
  }
}
@media screen and (max-width: 900px) {
  .ce_rsce_boxes .box.box.rs-column.-large-col-2-1.-large-first.-large-first-row.-medium-col-2-1.-medium-first.-medium-first-row.-small-col-2-1.-small-first.-small-first-row {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .ce_rsce_boxes .box.box.rs-column.-large-col-2-1.-large-first.-large-first-row.-medium-col-2-1.-medium-first.-medium-first-row.-small-col-2-1.-small-first.-small-first-row {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .ce_rsce_boxes .box.box.rs-column.-large-col-2-1.-large-last.-large-first-row.-medium-col-2-1.-medium-last.-medium-first-row.-small-col-2-1.-small-last.-small-first-row {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .ce_rsce_boxes .box.box.rs-column.-large-col-2-1.-large-last.-large-first-row.-medium-col-2-1.-medium-last.-medium-first-row.-small-col-2-1.-small-last.-small-first-row {
    width: 100%;
  }
}
.ce_rsce_boxes .box .ce_text {
  color: white;
}
.ce_rsce_boxes .box .ce_hyperlink {
  margin-bottom: 4em;
}

.one_box {
  padding: 5em;
  font-family: "DIN W01 Medium", sans-serif;
}
@media screen and (max-width: 1080px) {
  .one_box {
    padding: 4em;
  }
}
@media screen and (max-width: 599px) {
  .one_box {
    padding: 3em;
  }
}
.one_box .ce_text {
  color: white;
  margin-bottom: 1em;
}
.one_box .ce_hyperlink {
  margin-bottom: 2em;
  margin-top: 4em;
}
.one_box.blue {
  background-color: #009EE3;
  border: 10px solid #009EE3;
}
.one_box.violet {
  background-color: #be77cf;
  border: 10px solid #be77cf;
}
.one_box.violet li::before {
  color: white;
}
.one_box.green {
  background-color: #70c9a0;
  border: 10px solid #70c9a0;
}
.one_box.green .ce_text {
  color: #3A3A39;
  color: #3A3A39;
}
.one_box.red {
  background-color: #d95152;
  border: 10px solid #d95152;
}
.one_box.orange {
  background-color: #FCA822;
  border: 10px solid #FCA822;
}

hr.ce_rsce_trennlinie {
  margin: 6em 0 3em;
  border-width: 5px;
  border-style: solid;
}
hr.ce_rsce_trennlinie.blue {
  border-color: #009EE3;
}
hr.ce_rsce_trennlinie.hidden {
  border-color: rgba(255, 255, 255, 0);
}
hr.ce_rsce_trennlinie.grey {
  border-color: #98a0ab;
}
hr.ce_rsce_trennlinie.black {
  border-color: rgb(0, 0, 0);
}
hr.ce_rsce_trennlinie.anthrazit {
  border-color: #3A3A39;
}
hr.ce_rsce_trennlinie.white {
  border-color: white;
}
@media screen and (max-width: 900px) {
  hr.ce_rsce_trennlinie.empty {
    margin: 0;
  }
}

.ce_rsce_hyperlink_zeile {
  overflow: hidden;
  margin-bottom: 0;
  margin-right: 0;
}
.ce_rsce_hyperlink_zeile + .ce_rsce_hyperlink_zeile {
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  .ce_rsce_hyperlink_zeile + .ce_rsce_hyperlink_zeile {
    margin-top: 4em;
  }
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a {
  position: relative;
  border-top: 1px solid #C4C4C4;
  display: flex;
  align-items: center;
  min-height: 110px;
  padding-right: 0;
  transition: right 0.2s ease-in-out;
}
@media screen and (max-width: 599px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a {
    align-items: normal;
    flex-direction: column;
  }
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a::after {
  width: 1em;
  height: 1em;
  top: auto;
  bottom: auto;
  font-size: 6em;
}
@media screen and (max-width: 599px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a::after {
    font-size: 2.5em;
    top: auto;
    bottom: 3px;
    display: none;
  }
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a:hover {
  padding-left: 0;
  color: #3A3A39;
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a:hover::after {
  color: #3A3A39;
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a figure {
  line-height: 0;
  width: 30%;
}
@media screen and (max-width: 1320px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a figure {
    width: 40%;
  }
}
@media screen and (max-width: 599px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a figure {
    width: 100%;
  }
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a figure.image_container.float_left {
  margin-bottom: 0;
  margin-right: 3em;
}
.ce_rsce_hyperlink_zeile.ce_hyperlink a div.link_text {
  position: relative;
  box-sizing: border-box;
  width: 70%;
  padding-right: 6.5em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.4em;
}
@media screen and (max-width: 1320px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a div.link_text {
    width: 60%;
  }
}
@media screen and (max-width: 900px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a div.link_text {
    padding-right: 5em;
    font-size: 1em;
  }
}
@media screen and (max-width: 599px) {
  .ce_rsce_hyperlink_zeile.ce_hyperlink a div.link_text {
    padding-right: 3em;
    padding-left: 0em;
    width: 50%;
    width: 100%;
  }
  .ce_rsce_hyperlink_zeile.ce_hyperlink a div.link_text::after {
    width: 1em;
    height: 1em;
    content: "\e900";
    font-family: "avzweiundzwanzig" !important;
    font-size: 2.6em;
    color: #009EE3;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0;
    margin: 0;
    margin-top: -0.5em;
    transition: margin-left 0.15s ease-in-out;
    transform: rotate(270deg);
  }
}

.rs-columns {
  box-sizing: border-box;
}
.rs-columns.centered-vertikal {
  display: -webit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 599px) {
  .rs-columns.centered-vertikal {
    display: block;
  }
}
.rs-columns.centered-vertikal .rs-column {
  display: -webit-flex;
  display: -ms-flex;
  display: flex;
  align-items: -webit-center;
  align-items: -ms-center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .rs-columns.centered-vertikal .rs-column {
    float: none;
  }
}
@media screen and (max-width: 599px) {
  .rs-columns.centered-vertikal .rs-column.-medium-last {
    width: 90%;
    margin: 0 5%;
  }
  .rs-columns.centered-vertikal .rs-column.-medium-last .ce_image {
    margin: 0;
  }
}
@media screen and (max-width: 599px) {
  .rs-columns.rs-columns_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.rs-column {
  box-sizing: border-box;
  margin-left: 0 !important;
}
.rs-column.-large-col-3-1 {
  width: 31.4606741573%;
  margin-right: 2.808988764%;
}
@media screen and (max-width: 900px) {
  .rs-column.-large-col-3-1 {
    width: 100%;
  }
  .rs-column.-large-col-3-1.-large-first-row {
    margin-top: 2em;
  }
}
.rs-column.-large-last {
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  .rs-column.-large-last {
    margin-top: 0 !important;
    margin-bottom: 8em !important;
  }
}
@media screen and (max-width: 599px) {
  .rs-column.-large-last.-small-last h2,
  .rs-column.-large-last.-small-last h3 {
    margin-top: 1em;
  }
  .rs-column.-large-last.-small-last .ce_image {
    margin-top: 6em;
  }
}

.dev .rs-columns {
  background-color: wheat;
}
.dev .rs-columns .rs-column {
  background-color: lightblue;
  /* 1-Spalte_100 */
}
.dev .rs-columns .rs-column.-large-col-1-1 {
  background-color: red;
}
.dev .rs-columns .rs-column.-large-col-2-1 {
  background-color: red;
}
.dev .rs-columns .rs-column.-large-col-3-1 {
  background-color: red;
}
.dev .rs-columns .rs-column.-large-col-4-1 {
  background-color: red;
}
.dev .rs-columns .rs-column.-large-col-4-2 {
  background-color: red;
}
.dev .rs-columns .rs-column.-large-col-3-2 {
  background-color: red;
}

@media screen and (max-width: 900px) {
  .sc {
    padding-left: 0 !important;
  }
}

.sc2 {
  width: 49%;
}
@media screen and (max-width: 900px) {
  .sc2 {
    width: 100%;
  }
}
.sc2.sc2-first {
  margin-right: 1% !important;
}
.sc2.sc2-last {
  margin-left: 1% !important;
}
@media screen and (max-width: 900px) {
  .sc2.sc2-first, .sc2.sc2-last {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1em;
  }
}

form button,
input[type=submit],
.button {
  font-size: 0.75em;
  padding: 1em 2.5em 1em 1em;
  border: none;
  color: white;
  border-radius: 1000px;
  background: none;
  background-color: #3A3A39;
  padding: 1em 2.5em 1em 1em;
  margin: 1em 0;
  transition: background-color 0.5s ease-in-out, margin-left 0.5s ease-in-out;
}
form button::after,
input[type=submit]::after,
.button::after {
  color: white;
  width: auto;
  height: auto;
  content: "\e900";
  font-family: "avzweiundzwanzig" !important;
  font-size: 1.2em;
  position: absolute;
  transform: rotate(270deg);
}
form button:hover,
input[type=submit]:hover,
.button:hover {
  background: none;
  background-color: #35C2FF;
  background-position: inherit !important;
}
form button:hover::after,
input[type=submit]:hover::after,
.button:hover::after {
  transition: margin-left 0.25s;
  margin-left: 0.25em;
}

.formbody {
  font-size: 1.6em;
  width: 100%;
  max-width: 450px;
}
@media screen and (max-width: 900px) {
  .formbody {
    font-size: 2.4em;
  }
}

.widget > label {
  font-weight: normal;
  font-family: "DIN W01 Medium", sans-serif;
}
.widget.widget-submit {
  font-size: 1.6em;
  color: white;
}
input {
  border-radius: 6px;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input:not([type]),
textarea {
  padding: 1em;
  border-radius: 6px;
}

.ce_player {
  margin-bottom: 8em;
}
.ce_player figure.video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0mm;
}
.ce_player figure.video_container video {
  max-width: 100%;
}

.ce_playerce_player_mejs figure.video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0mm;
}

.layout_short {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  border-left: 10px solid #C4C4C4;
  padding-left: 1em;
  padding-right: 1em;
  margin: 1em 0em 4em;
}
@media screen and (max-width: 599px) {
  .layout_short {
    float: none;
    width: auto;
  }
}
.layout_short h3 {
  margin-top: 0;
  font-weight: 500;
  padding-right: 1.5em;
}
.layout_short h3 a::after {
  width: 12px;
  height: 12px;
  content: "\e907";
  position: absolute;
  padding-left: 5px;
  transition: padding-left 0.25s;
  font-family: "avzweiundzwanzig" !important;
  color: #009EE3;
}
.layout_short h3 a:hover {
  color: #009EE3;
}
.layout_short h3 a:hover::after {
  padding-left: 10px;
}

.layout_short_2v3 {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-left: 10px solid #C4C4C4;
  padding-left: 1em;
  margin: 1em 0em 4em;
}
@media screen and (max-width: 599px) {
  .layout_short_2v3 {
    float: none;
    width: auto;
  }
}
.layout_short_2v3 h3 {
  margin-top: 0 !important;
  font-weight: 500;
  padding-right: 1.5em;
}
.layout_short_2v3 h3 a::after {
  width: 12px;
  height: 12px;
  content: "\e907";
  position: absolute;
  padding-left: 5px;
  transition: padding-left 0.25s;
  font-family: "avzweiundzwanzig" !important;
  color: #009EE3;
}
.layout_short_2v3 h3 a:hover {
  color: #009EE3;
}
.layout_short_2v3 h3 a:hover::after {
  padding-left: 10px;
}

.mod_newslist {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.mod_newslist .layout_latest {
  position: relative;
  width: 31.333%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 8em;
  border: 5px solid #C4C4C4;
  box-sizing: border-box;
  /*display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox*/
  display: flex;
  /*-webkit-flex-direction: column;
  -ms-flex-direction: column;*/
  flex-direction: column;
  /*-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;*/
  flex-wrap: wrap;
  /*-webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: start*/
  justify-content: flex-start;
  /*-webkit-align-items: stretch;
  -ms-align-items: stretch;*/
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 1320px) {
  .mod_newslist .layout_latest {
    width: 48%;
  }
}
@media screen and (max-width: 599px) {
  .mod_newslist .layout_latest {
    width: 100%;
    margin: 0 0 10em;
  }
}
.mod_newslist .layout_latest figure {
  line-height: 0;
  background-color: #009EE3;
}
.mod_newslist .layout_latest a img {
  transition: opacity 0.5s;
  box-sizing: border-box;
  /*border: 1px solid $grey-light;*/
}
.mod_newslist .layout_latest a:hover img {
  opacity: 0.75;
}
.mod_newslist .layout_latest .layout_latest_textblock {
  padding: 3em;
  min-height: 275px;
}
@media screen and (max-width: 900px) {
  .mod_newslist .layout_latest .layout_latest_textblock {
    min-height: 183.3333333333px;
  }
}
.mod_newslist .layout_latest .layout_latest_textblock h3 {
  margin-top: 0.5em !important;
  margin-bottom: 0.25em;
  padding-right: 1.5em;
}
.mod_newslist .layout_latest .layout_latest_textblock .teaser {
  font-size: 1.6em;
  clear: both;
}
@media screen and (max-width: 900px) {
  .mod_newslist .layout_latest .layout_latest_textblock .teaser {
    font-size: 2.4em;
  }
}
.mod_newslist .layout_latest .layout_latest_textblock .more {
  position: absolute;
  bottom: 1em;
  right: 1em;
  text-align: right;
  font-size: 3.6em;
  margin-top: 1em;
  margin-bottom: 0;
}
@media screen and (max-width: 900px) {
  .mod_newslist .layout_latest .layout_latest_textblock .more a {
    font-size: 1.6em;
  }
}
.mod_newslist .layout_latest .layout_latest_textblock .more a::after {
  width: auto;
  height: auto;
  content: "\e900";
  transform: rotate(270deg);
  background-color: #009EE3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 2px 7px;
  transition: background-color 0.25s;
  font-family: "avzweiundzwanzig" !important;
  color: white;
}
.mod_newslist .layout_latest .layout_latest_textblock .more a:hover::after {
  background-color: #B2E2F7;
}

.mod_eventlist .empty {
  font-size: 2em;
  color: white;
  background-color: #009EE3;
  display: inline-block;
  padding: 1em;
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .mod_eventlist .empty {
    width: 75%;
    font-size: 3em;
  }
}
@media screen and (max-width: 599px) {
  .mod_eventlist .empty {
    width: 100%;
  }
}

.layout_projekte {
  width: 98%;
  margin: 0 1% 8em;
  border: 5px solid #C4C4C4;
  box-sizing: border-box;
  position: relative;
  overflow: hidden !important;
}
@media screen and (max-width: 599px) {
  .layout_projekte {
    padding-bottom: 6em;
  }
}
.layout_projekte figure {
  line-height: 0;
}
.layout_projekte .ce_youtube,
.layout_projekte .ce_image,
.layout_projekte .ce_player {
  position: relative;
  float: left;
  width: 100%;
  max-width: 60%;
  margin-right: 3%;
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .layout_projekte .ce_youtube,
  .layout_projekte .ce_image,
  .layout_projekte .ce_player {
    max-width: none;
    margin-right: 0;
    float: none;
  }
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_youtube figure::before {
    padding: 22px 39px 22px 6px;
    right: 0.5em;
    bottom: 0.5em;
  }
}
.layout_projekte .ce_image a {
  font-size: 3.6em;
  position: relative;
}
.layout_projekte .ce_image a::before {
  line-height: 120%;
  padding: 4px 10px;
  content: " ";
  position: absolute;
  right: 6.5em;
  bottom: 3em;
  font-size: 15px;
  color: white;
  text-align: right;
  transition: display 0.25s;
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_image a::before {
    display: inline-block;
    right: 5.5em;
    font-family: "DIN W01 Medium", sans-serif;
    text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.5);
  }
}
.layout_projekte .ce_image a::after {
  width: 25px;
  height: 25px;
  content: "\e611";
  background-color: #009EE3;
  position: absolute;
  right: 4em;
  bottom: 1.25em;
  right: 1em;
  padding: 29px 47px 29px 11px;
  box-sizing: border-box;
  border: 3px solid #009EE3;
  transition: border 0.25s;
  font-family: "avzweiundzwanzig" !important;
  color: white;
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_image a::after {
    padding: 23px 36px 22px 13px;
  }
}
.layout_projekte .ce_image a:hover::before {
  display: inline-block;
  background-color: #009EE3;
}
.layout_projekte .ce_image a:hover::after {
  border: 3px solid white;
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_image a:hover::after {
    padding: 23px 36px 22px 13px;
  }
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_image.youtube a::after, .layout_projekte .ce_image.vimeo a::after, .layout_projekte .ce_image.facebook a::after, .layout_projekte .ce_image.externes-video a::after {
    padding: 23px 32px 20px 9px;
    padding: 23px 36px 20px 9px;
    font-size: 1.25em;
    bottom: 1em;
    right: 0.75em;
  }
}
.layout_projekte .ce_image.youtube a::before {
  content: "zu Youtube";
}
.layout_projekte .ce_image.vimeo a::before {
  content: "zu Vimeo";
}
.layout_projekte .ce_image.vimeo a::after {
  content: "\e612";
}
.layout_projekte .ce_image.facebook a::before {
  content: "zu Facebook";
}
.layout_projekte .ce_image.facebook a::after {
  content: "\e60e";
}
.layout_projekte .ce_image.externes-video a::before {
  content: "zum externen Video";
}
.layout_projekte .ce_image.externes-video a::after {
  content: "\e602";
}
.layout_projekte .ce_headline,
.layout_projekte .ce_text {
  float: left;
  width: 34%;
  margin-right: 3%;
  font-size: 1.5em;
}
@media screen and (max-width: 599px) {
  .layout_projekte .ce_headline,
  .layout_projekte .ce_text {
    width: 90%;
    margin-right: 0;
    padding-left: 5%;
    padding-right: 5%;
    float: none;
  }
}
.layout_projekte .ce_headline {
  font-size: 1.6em;
  font-family: "DIN W01 Bold", sans-serif;
  color: #98a0ab;
  text-transform: uppercase;
  margin-top: 3em;
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_headline {
    margin-top: 1.5em;
  }
}
.layout_projekte .ce_text h2 {
  font-size: 2em;
  font-family: "DIN W01 Bold", sans-serif;
}
@media screen and (max-width: 900px) {
  .layout_projekte .ce_text p {
    font-size: 1.5em;
  }
}
.layout_projekte .ce_hyperlink {
  position: absolute;
  bottom: 2em;
  right: 2em;
  font-size: 0.8em;
  margin-bottom: 0;
}
.layout_projekte.centered .ce_text {
  text-align: left;
  margin: 2em 16em;
}
@media screen and (max-width: 1320px) {
  .layout_projekte.centered .ce_text {
    margin: 2em 8em;
  }
}
@media screen and (max-width: 900px) {
  .layout_projekte.centered .ce_text {
    margin: 2em 0;
  }
}
.layout_projekte.centered .info {
  margin-bottom: 2em;
  color: #009EE3;
}

.englisch .layout_projekte .ce_image.youtube a::before {
  content: "visit youtube";
}
.englisch .layout_projekte .ce_image.vimeo a::before {
  content: "visit vimeo";
}
.englisch .layout_projekte .ce_image.facebook a::before {
  content: "visit facebook";
}
.englisch .layout_projekte .ce_image.externes-video a::before {
  content: "visit external video";
}

@media screen and (max-width: 900px) {
  .mod_newsreader .rs-column.-large-first-row {
    margin-top: 0;
    margin-bottom: -2em;
  }
  .mod_newsreader .rs-column.-large-first-row .ce_text h3 {
    margin-top: 1.5em;
  }
}
.mod_newsreader .back_link,
.mod_newsreader .back {
  text-align: center;
}
@media screen and (max-width: 900px) {
  .mod_newsreader .back_link,
  .mod_newsreader .back {
    font-size: 1.75em;
  }
}

.pagination {
  clear: both;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  font-size: 2em;
}
.pagination li {
  display: inline-block;
  margin-bottom: 0.25em;
}
.pagination li span,
.pagination li a,
.pagination li strong {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  color: #3A3A39;
}
@media screen and (max-width: 900px) {
  .pagination li span,
  .pagination li a,
  .pagination li strong {
    font-size: 1.6em;
  }
}
.pagination li span.active,
.pagination li a.active,
.pagination li strong.active {
  border-width: 3px;
  background-color: #C4C4C4;
}
.pagination li span {
  background-color: #C4C4C4;
}
.pagination li a {
  background-color: white;
  transition: border-width 0.2s;
}
.pagination li a:hover {
  border-width: 3px;
}
.pagination li.first a, .pagination li.last a, .pagination li.next a, .pagination li.previous a {
  width: 157px;
  padding: 0 1em;
}

.back_overview,
.back {
  position: relative;
  margin-top: 120px;
}
@media screen and (max-width: 900px) {
  .back_overview,
  .back {
    margin-top: 90px;
  }
}
.back_overview a,
.back a {
  color: white;
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  padding: 0.5em 2em 0.5em 3em;
  border-radius: 1000px;
  border: 3px solid #3A3A39;
  background-color: #3A3A39;
  position: relative;
}
@media screen and (max-width: 900px) {
  .back_overview a,
  .back a {
    font-size: 3em;
  }
}
.back_overview a::before,
.back a::before {
  width: auto;
  height: auto;
  content: "\e900";
  transform: rotate(90deg);
  position: absolute;
  left: 0.2em;
  top: 0;
  bottom: 0;
  padding: 2px 0;
  font-family: "avzweiundzwanzig" !important;
  font-size: 2.4em;
  color: white;
  transition: left 0.25s;
}
.back_overview a:hover,
.back a:hover {
  background-color: white;
  color: #3A3A39;
}
.back_overview a:hover::before,
.back a:hover::before {
  left: 0.1em;
  color: #009EE3;
}

.ce_hyperlink.anchor_link.button_blue a {
  background-color: #009EE3;
  border-color: #009EE3;
  color: white;
}
.ce_hyperlink.anchor_link.button_blue a:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_blue a:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_green a {
  background-color: #70c9a0;
  border-color: #70c9a0;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_green a::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_green a:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_green a:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_violet a {
  background-color: #be77cf;
  border-color: #be77cf;
  color: white;
}
.ce_hyperlink.anchor_link.button_violet a:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_violet a:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_red a {
  background-color: #d95152;
  border-color: #d95152;
  color: white;
}
.ce_hyperlink.anchor_link.button_red a:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_red a:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_orange a {
  background-color: #FCA822;
  border-color: #FCA822;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_orange a::after {
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_orange a:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.anchor_link.button_orange a:hover::after {
  color: #3A3A39;
}
.ce_hyperlink[class*=button_].float_left {
  margin-bottom: 2em;
}
.ce_hyperlink[class*=button_].float_left a {
  width: 230px;
}
.ce_hyperlink.button_blue a.button {
  background-color: #009EE3;
  border-color: #009EE3;
  color: white;
}
.ce_hyperlink.button_blue a.button::after {
  color: white;
}
.ce_hyperlink.button_blue a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.button_blue a.button:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.button_green a.button {
  background-color: #70c9a0;
  border-color: #70c9a0;
  color: #3A3A39;
}
.ce_hyperlink.button_green a.button::after {
  color: #3A3A39;
}
.ce_hyperlink.button_green a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.button_green a.button:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.button_violet a.button {
  background-color: #be77cf;
  border-color: #be77cf;
  color: white;
}
.ce_hyperlink.button_violet a.button::after {
  color: white;
}
.ce_hyperlink.button_violet a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.button_violet a.button:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.button_red a.button {
  background-color: #d95152;
  border-color: #d95152;
  color: white;
}
.ce_hyperlink.button_red a.button::after {
  color: white;
}
.ce_hyperlink.button_red a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.button_red a.button:hover::after {
  color: #3A3A39;
}
.ce_hyperlink.button_orange a.button {
  background-color: #FCA822;
  border-color: #FCA822;
  color: #3A3A39;
}
.ce_hyperlink.button_orange a.button::after {
  color: #3A3A39;
}
.ce_hyperlink.button_orange a.button:hover {
  background-color: white;
  color: #3A3A39;
}
.ce_hyperlink.button_orange a.button:hover::after {
  color: #3A3A39;
}

.ce_text.abstand_oben {
  padding-top: 2em;
}
.ce_text.headline_bg h1 {
  color: #212121;
  padding: 1em;
  margin-top: 0;
  width: calc(100% - 330px);
  box-sizing: border-box;
  color: white;
  font-size: 1.5em;
}
@media screen and (max-width: 900px) {
  .ce_text.headline_bg h1 {
    width: 100%;
    clear: both;
    font-size: 2.4em;
    padding: 0.5em;
  }
}
@media screen and (max-width: 599px) {
  .ce_text.headline_bg h1 {
    font-size: 2.4em;
    padding: 0.5em;
  }
}
.ce_text.headline_blue h1 {
  background-color: #009EE3;
  color: white;
}
.ce_text.headline_green h1 {
  background-color: #70c9a0;
  color: #3A3A39;
}
.ce_text.headline_red h1 {
  background-color: #d95152;
  color: white;
}
.ce_text.headline_violet h1 {
  background-color: #be77cf;
  color: white;
}
.ce_text.headline_orange h1 {
  background-color: #FCA822;
  color: #3A3A39;
}

.slider_text {
  position: absolute;
  top: 40%;
  left: 2em;
}
.slider_text::before {
  content: "\e90f";
  position: absolute;
  left: -2em;
  font-family: "avzweiundzwanzig" !important;
  font-size: 2.1em;
  color: #009EE3;
  text-shadow: none;
}
.slider_text.ce_text {
  font-size: 5.4em;
  color: white;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px #3A3A39;
}
.slider_text.ce_text strong {
  font-family: "DIN W01 Bold", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 900px) {
  .slider_text.ce_text {
    font-size: 3.6em;
  }
}
@media screen and (max-width: 599px) {
  .slider_text.ce_text {
    font-size: 2em;
  }
}

.border {
  border-top: 1px solid #C4C4C4;
}

.centered {
  text-align: center;
}

.right {
  text-align: right;
}

[class*=button_].float_left {
  float: none;
  display: inline-block;
  margin-bottom: 4em;
}

.width-75 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 599px) {
  .width-75 {
    width: 100%;
  }
}

#container .mod_article.bg_blue_s .article_wrapper {
  margin: 9em auto 4em;
}
#container .box_blue,
#container .bg_blue,
#container .bg_blue_s {
  background-color: #009EE3;
  border-top: 1px solid white;
  color: white;
}
#container .box_blue p,
#container .bg_blue p,
#container .bg_blue_s p {
  color: white;
}
#container .box_blue .ce_text ul li::before,
#container .bg_blue .ce_text ul li::before,
#container .bg_blue_s .ce_text ul li::before {
  color: white;
}
#container .bg_grey {
  background-color: #C4C4C4;
}
#container .bg_grey_dark {
  background-color: #3A3A39;
}
#container .box_blue,
#container .bg_blue,
#container .bg_blue_s,
#container .bg_grey,
#container .bg_grey_dark {
  margin: 0;
}
#container .box_blue {
  padding: 0.25em 1em 1em;
}
#container .box_white {
  background-color: white;
  padding: 8em;
}
@media screen and (max-width: 1080px) {
  #container .box_white {
    padding: 4em;
  }
}
@media screen and (max-width: 599px) {
  #container .box_white {
    padding: 8em;
  }
}
#container .bg_blue,
#container .bg_blue_s,
#container .bg_grey,
#container .bg_grey_dark {
  padding: 0.25em 0em;
}
#container .bg_blue > h1,
#container .bg_blue > h2,
#container .bg_blue > h3,
#container .bg_blue > h4,
#container .bg_blue > h5,
#container .bg_blue > h6,
#container .bg_blue_s > h1,
#container .bg_blue_s > h2,
#container .bg_blue_s > h3,
#container .bg_blue_s > h4,
#container .bg_blue_s > h5,
#container .bg_blue_s > h6,
#container .bg_grey > h1,
#container .bg_grey > h2,
#container .bg_grey > h3,
#container .bg_grey > h4,
#container .bg_grey > h5,
#container .bg_grey > h6,
#container .bg_grey_dark > h1,
#container .bg_grey_dark > h2,
#container .bg_grey_dark > h3,
#container .bg_grey_dark > h4,
#container .bg_grey_dark > h5,
#container .bg_grey_dark > h6 {
  margin-top: 3em;
}
#container .box_border {
  border: 2px solid #009EE3;
  margin: 0 11% 2em;
  padding: 2% 5%;
}
@media screen and (max-width: 1320px) {
  #container .box_border {
    margin: 0 17% 2em;
  }
}
@media screen and (max-width: 1080px) {
  #container .box_border {
    margin: 0 12% 2em;
  }
}
@media screen and (max-width: 900px) {
  #container .box_border {
    margin: 0 25% 2em;
    padding: 2% 5%;
  }
}
#container .box_border .ce_image {
  padding: 11% 31% 0%;
  margin: 2em 0em;
}
#container .bg_blue .box_border {
  border: 2px solid white;
}
#container .article_wrapper_fullscreen {
  line-height: 0;
}
#container .article_wrapper_fullscreen .ce_image {
  margin-bottom: 0;
}
#container .article_wrapper_fullscreen .ce_image .image_container {
  text-align: center;
  line-height: 0;
}
#container h2.headline_blue,
#container h3.headline_blue,
#container h4.headline_blue,
#container h5.headline_blue,
#container h6.headline_blue {
  color: #009EE3;
}
#container .boxen .rs-column.-large-col-2-1 {
  width: 49%;
  margin-right: 2%;
  background-color: #009EE3;
  color: white;
  padding: 3em;
}
@media screen and (max-width: 900px) {
  #container .boxen .rs-column.-large-col-2-1 {
    width: 100%;
  }
  #container .boxen .rs-column.-large-col-2-1.-medium-col-1-1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
}
#container .boxen .rs-column.-large-col-2-1.-large-last {
  margin-right: 0;
}
#container .boxen .rs-column.-large-col-2-1 .ce_table td {
  min-width: none;
}
#container .boxen .rs-column.-large-col-2-1 .ce_accordion {
  color: #3A3A39;
}
#container .boxen .rs-column.-large-col-2-1 .ce_accordion .ui-accordion-header {
  background-color: #B2E2F7;
  color: #3A3A39;
}
#container .boxen .rs-column.-large-col-2-1 .ce_accordion .ui-accordion-content {
  background-color: white;
}
#container .box_leistungen {
  min-height: 325px;
  background-color: #009EE3;
  border-right: 1px solid white;
  border-top: 1px solid white;
  box-sizing: border-box;
}
@media screen and (max-width: desktop-alter) {
  #container .box_leistungen {
    min-height: 325px;
  }
}
@media screen and (max-width: 900px) {
  #container .box_leistungen {
    min-height: 270px;
  }
}
#container .box_leistungen h3 {
  margin: auto 0.75em;
  color: white;
}
@media screen and (max-width: 900px) {
  #container .box_leistungen h3 {
    font-size: 4em;
  }
}
#container .box_leistungen .ce_image {
  display: inline-block;
}
#container .box_leistungen .ce_image .image_container {
  margin: 3em 2em 2em 2em;
}
@media screen and (max-width: 900px) {
  #container .box_leistungen .ce_image .image_container {
    margin: 4em 3em 3em 3em;
  }
}
#container .box_leistungen_accordion.ce_accordion {
  border-right: 1px solid white;
  background-color: #009EE3;
}
#container .box_leistungen_accordion .ui-accordion-header {
  height: 5em;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  #container .box_leistungen_accordion .ui-accordion-header {
    height: 10em;
  }
}
#container .box_leistungen_accordion .ui-accordion-header.ui-state-hover {
  transition: border 0.5s;
}
#container .box_leistungen_accordion .ui-accordion-header.ui-state-hover .ui-accordion-header-icon {
  border: 2px solid #B2E2F7;
}
#container .box_leistungen_accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  border: 2px solid white;
}
#container .box_leistungen_accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::after {
  transform: rotate(45deg);
}
#container .box_leistungen_accordion .ui-accordion-header .ui-accordion-header-icon {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 2em;
  border: 2px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  background-color: #009EE3;
  display: block;
  cursor: pointer;
  transition: transform, border 0.25s ease-in-out;
}
#container .box_leistungen_accordion .ui-accordion-header .ui-accordion-header-icon::after {
  width: auto;
  height: auto;
  content: "\e910";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2em;
  color: white;
  position: absolute;
  top: 2px;
  left: 5px;
  transition: border 0.5s ease-in-out;
}
@media screen and (max-width: 900px) {
  #container .box_leistungen_accordion .ui-accordion-header .ui-accordion-header-icon::after {
    font-size: 3.6em;
    left: 4px;
  }
}
@media screen and (max-width: 900px) {
  #container .box_leistungen_accordion .ui-accordion-header .ui-accordion-header-icon {
    right: 4em;
  }
}
#container .box_leistungen_accordion .ui-accordion-content .ce_text a {
  color: white;
  border-bottom: 1px solid white;
}
#container .team .ce_image {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  #container .team .team-img figure {
    overflow: hidden;
  }
  #container .team .team-img figure img {
    max-width: none;
    height: 250px;
  }
}
@media screen and (max-width: 599px) {
  #container .team .team-img figure img {
    max-width: none;
    height: 200px;
  }
}
#container .team .teammitglied {
  margin-top: -7em;
  position: relative;
  margin-bottom: 0em;
  padding-top: 1em;
}
@media screen and (max-width: 900px) {
  #container .team .teammitglied {
    margin-top: -10em;
  }
}
#container .team .teammitglied.last {
  padding-top: 1em;
}
#container .team .teammitglied h2,
#container .team .teammitglied h4 {
  position: absolute;
  color: white;
  margin-left: 0;
  left: 1em;
  text-shadow: 1px 1px 38px #3A3A39;
}
#container .team .teammitglied h2 {
  font-size: 2.8em;
  font-family: "DIN W01 Light", sans-serif;
  margin-bottom: 0;
  bottom: 2.75em;
}
@media screen and (max-width: 1080px) {
  #container .team .teammitglied h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 900px) {
  #container .team .teammitglied h2 {
    font-size: 3.6em;
    bottom: 3.5em;
  }
}
@media screen and (max-width: 599px) {
  #container .team .teammitglied h2 {
    font-size: 3.6em;
    bottom: 3.25em;
  }
}
@media screen and (max-width: 399px) {
  #container .team .teammitglied h2 {
    font-size: 3.6em;
    bottom: 4.25em;
  }
}
#container .team .teammitglied h4 {
  margin-left: 0.5em;
  bottom: 1em;
}
@media screen and (max-width: 1080px) {
  #container .team .teammitglied h4 {
    font-size: 1.6em;
    margin-left: 0.25em;
    bottom: 0.5em;
  }
}
@media screen and (max-width: 900px) {
  #container .team .teammitglied h4 {
    font-size: 2.6666666667em;
    margin-left: 0.33em;
    margin-right: 4em;
  }
}
@media screen and (max-width: 599px) {
  #container .team .teammitglied h4 {
    font-family: "DIN W01 Medium", sans-serif;
  }
}
#container .team .teammitglied figure {
  line-height: 0;
}
#container .team .ce_accordion {
  position: relative;
  top: -6em;
  padding: 0;
}
@media screen and (max-width: 900px) {
  #container .team .ce_accordion {
    top: -9em;
  }
}
#container .team .ce_accordion td {
  padding-bottom: 1em;
  min-width: 3em;
  display: block;
}
#container .team .ce_accordion td.col_first {
  padding-bottom: 0;
}
#container .team .ce_accordion ul {
  margin-top: 1em;
}
#container .team .ce_accordion li {
  list-style: none;
  padding-left: 0;
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  position: relative;
  z-index: 0;
}
#container .team .ce_accordion li::before {
  width: 9px;
  height: 9px;
  background-color: #3A3A39;
  content: " ";
  position: absolute;
  top: 8px;
  left: 0;
  transition: background-color 0.5s;
  z-index: -1;
}
#container .team .ui-accordion-header {
  margin-bottom: 3em;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  display: block;
  float: right;
  background: none;
  cursor: auto;
}
#container .team .ui-accordion-header.ui-state-hover {
  transition: border 0.5s;
}
#container .team .ui-accordion-header.ui-state-hover .ui-accordion-header-icon {
  border: 2px solid #B2E2F7;
}
#container .team .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  border: 2px solid white;
}
#container .team .ui-accordion-header.ui-state-active .ui-accordion-header-icon::after {
  transform: rotate(45deg);
}
#container .team .ui-accordion-header .ui-accordion-header-icon {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 2em;
  border: 2px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  background-color: #009EE3;
  display: block;
  cursor: pointer;
  transition: transform, border 0.25s ease-in-out;
}
#container .team .ui-accordion-header .ui-accordion-header-icon::after {
  width: auto;
  height: auto;
  content: "\e910";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2em;
  color: white;
  position: absolute;
  top: 2px;
  left: 5px;
  transition: border 0.5s ease-in-out;
}
@media screen and (max-width: 900px) {
  #container .team .ui-accordion-header .ui-accordion-header-icon::after {
    font-size: 2.4em;
    left: 4px;
  }
}
#container .team .ui-accordion-content {
  background-color: #009EE3;
  padding: 2.5em;
  clear: both;
  color: white;
  position: relative;
}
@media screen and (max-width: 1080px) {
  #container .team .ui-accordion-content {
    padding: 2.5em 2em;
  }
}
@media screen and (max-width: 900px) {
  #container .team .ui-accordion-content {
    padding: 2.5em 3.5em;
  }
}
@media screen and (max-width: 900px) {
  #container .team .ce_text {
    font-size: 3em;
  }
}
#container .rs-columns.no-margin .ce_image {
  margin: 0;
  line-height: 0;
}
#container .rs-columns.no-margin .rs-column {
  margin: 0;
}
#container .rs-columns.no-margin .rs-column.-large-col-1-1 {
  width: 100%;
}
#container .rs-columns.no-margin .rs-column.-large-col-2-1 {
  width: 50%;
}
@media screen and (max-width: 599px) {
  #container .rs-columns.no-margin .rs-column.-large-col-2-1.-medium-col-2-1 {
    width: 100%;
  }
}
#container .rs-columns.no-margin .rs-column.-large-col-3-1 {
  width: 33.333%;
}
@media screen and (max-width: 900px) {
  #container .rs-columns.no-margin .rs-column.-large-col-3-1.-medium-col-2-1 {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  #container .rs-columns.no-margin .rs-column.-large-col-3-1.-small-col-1-1 {
    width: 100%;
  }
}
#container .rs-columns.no-margin .rs-column.-large-col-4-1 {
  width: 25%;
}
@media screen and (max-width: 900px) {
  #container .rs-columns.no-margin .rs-column.-large-col-4-1.-medium-col-2-1 {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  #container .rs-columns.no-margin .rs-column.-large-col-4-1.-small-col-1-1 {
    width: 100%;
  }
}
#container .rs-columns.no-margin .rs-column.-large-col-4-2 {
  width: 50%;
}
@media screen and (max-width: 900px) {
  #container .rs-columns.no-margin .rs-column.-large-col-4-2.-medium-col-2-1 {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  #container .rs-columns.no-margin .rs-column.-large-col-4-2.-small-col-1-1 {
    width: 100%;
  }
}
#container .rs-columns.no-margin .rs-column.-large-last {
  margin-bottom: 8em !important;
}
#container.centered-vertikal {
  display: -webit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 599px) {
  #container.centered-vertikal {
    display: block;
  }
}
#container.centered-vertikal .rs-column {
  display: -webit-flex;
  display: -ms-flex;
  display: flex;
  align-items: -webit-center;
  align-items: -ms-center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  #container.centered-vertikal .rs-column {
    float: none;
  }
}
@media screen and (max-width: 599px) {
  #container.centered-vertikal .rs-column.-medium-last {
    width: 90%;
    margin: 0 5%;
  }
  #container.centered-vertikal .rs-column.-medium-last .ce_image {
    margin: 0;
  }
}

#container .box_lightblue .article_wrapper,
#container .bg_lightblue .article_wrapper,
#container .bg_darkblue .article_wrapper,
#container .box_lightblue .article_wrapper,
#container .bg_lightblue .article_wrapper,
#container .box_green .article_wrapper,
#container .bg_green .article_wrapper {
  padding: 3em 0 4em;
}
#container .box_lightblue .layout_short_2v3,
#container .bg_lightblue .layout_short_2v3,
#container .bg_darkblue .layout_short_2v3,
#container .box_lightblue .layout_short_2v3,
#container .bg_lightblue .layout_short_2v3,
#container .box_green .layout_short_2v3,
#container .bg_green .layout_short_2v3 {
  border-color: #009EE3;
  margin-bottom: 2em;
}
#container .box_lightblue .ce_hyperlink.button,
#container .bg_lightblue .ce_hyperlink.button,
#container .bg_darkblue .ce_hyperlink.button,
#container .box_lightblue .ce_hyperlink.button,
#container .bg_lightblue .ce_hyperlink.button,
#container .box_green .ce_hyperlink.button,
#container .bg_green .ce_hyperlink.button {
  background-color: #009EE3;
  color: white;
}
#container .box_lightblue .ce_hyperlink.button a,
#container .bg_lightblue .ce_hyperlink.button a,
#container .bg_darkblue .ce_hyperlink.button a,
#container .box_lightblue .ce_hyperlink.button a,
#container .bg_lightblue .ce_hyperlink.button a,
#container .box_green .ce_hyperlink.button a,
#container .bg_green .ce_hyperlink.button a {
  color: white;
}
#container .box_lightblue .ce_hyperlink.button.white,
#container .bg_lightblue .ce_hyperlink.button.white,
#container .bg_darkblue .ce_hyperlink.button.white,
#container .box_lightblue .ce_hyperlink.button.white,
#container .bg_lightblue .ce_hyperlink.button.white,
#container .box_green .ce_hyperlink.button.white,
#container .bg_green .ce_hyperlink.button.white {
  background-color: white;
}
#container .box_lightblue .ce_hyperlink.button.white a,
#container .bg_lightblue .ce_hyperlink.button.white a,
#container .bg_darkblue .ce_hyperlink.button.white a,
#container .box_lightblue .ce_hyperlink.button.white a,
#container .bg_lightblue .ce_hyperlink.button.white a,
#container .box_green .ce_hyperlink.button.white a,
#container .bg_green .ce_hyperlink.button.white a {
  color: #009EE3;
}

#kontaktzeile .bg_grey,
#kontaktzeile .bg_grey_dark {
  background-color: #C4C4C4;
  padding: 5em 4em;
}
@media screen and (max-width: 900px) {
  #kontaktzeile .bg_grey,
  #kontaktzeile .bg_grey_dark {
    padding: 5em 5em;
  }
}
@media screen and (max-width: 599px) {
  #kontaktzeile .bg_grey,
  #kontaktzeile .bg_grey_dark {
    padding: 5em 4em;
  }
}

#kontaktzeile .bg_grey_dark {
  background-color: #3A3A39;
}
#kontaktzeile .bg_grey_dark .ce_hyperlink a {
  color: #009EE3;
  border-radius: 1000px;
  padding: 0.25em 2em 0.25em 1em;
}
#kontaktzeile .bg_grey_dark .ce_hyperlink a:hover {
  color: #3A3A39;
  background-color: white;
}
#kontaktzeile .bg_grey_dark .ce_hyperlink a:hover::after {
  color: #009EE3;
}

.font-size-l {
  font-size: 3.6em;
}

.font-size-m {
  font-size: 2.4em;
}
@media screen and (max-width: 900px) {
  .font-size-m {
    font-size: 3.6em;
  }
}

.font-size-s {
  font-size: 1.6em;
}
.font-size-s h1 {
  left: 0 !important;
  margin-right: 0 !important;
}
.font-size-s h1::before {
  background: none !important;
}

.rs-column.right_column {
  margin-left: 53.84616% !important;
}
@media screen and (max-width: 599px) {
  .rs-column.right_column {
    margin-left: 0 !important;
  }
}

#footer .margin-top {
  margin-top: 2.35em;
}
@media screen and (max-width: 599px) {
  #footer .margin-top {
    margin: 0em;
  }
}

.margin-bottom {
  margin-bottom: 2em;
}

@media screen and (max-width: 1320px) {
  #container .table td {
    display: block;
  }
  #container .table td.col_last {
    padding-bottom: 0.5em;
  }
}
#container .ce_accordion .rs-column {
  margin-top: 0;
}
#container .ce_accordion.ce_accordion_below {
  background: none;
  background-color: rgba(250, 250, 250, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fafafa, endColorstr=#fafafa)";
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0), #C4C4C4);
  color: #009EE3;
  position: relative;
  bottom: 7em;
  padding-top: 6em;
}
#container .ce_accordion.ce_accordion_below .ui-accordion-header {
  background: none;
  padding-left: 0;
  padding-bottom: 0;
}
#container .ce_accordion.ce_accordion_below .ui-accordion-header::before {
  width: 12px;
  height: 12px;
  content: "mehr";
  position: relative;
}
#container .ce_accordion.ce_accordion_below .ui-accordion-header::after {
  width: 12px;
  height: 12px;
  content: "\e907";
  position: absolute;
  margin-left: 0.75em;
  font-family: "avzweiundzwanzig" !important;
  transform: rotate(90deg);
}
#container .ce_accordion.ce_accordion_below .ui-accordion-header.active::before {
  width: 12px;
  height: 12px;
  content: "weniger";
  position: relative;
}
#container .ce_accordion.ce_accordion_below .ui-accordion-header.active::after {
  margin-left: 0;
  margin-top: 0.5em;
  transform: rotate(270deg);
}
#container .ce_accordion.ce_accordion_below .ui-accordion-content {
  color: #3A3A39;
  background: none;
  padding: 0;
  margin-top: 1em;
}
#container .ce_accordion .accordion_below2 {
  background: none;
  background-color: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fff, endColorstr=#fff)";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  color: #009EE3;
  position: absolute;
  bottom: 0;
}

.table-green table {
  background-color: #B2E2F7;
  margin: 0 auto;
}
.table-green thead tr {
  border-bottom: 2px solid #3A3A39;
}
.table-green thead th {
  padding: 0.5em 0.5em;
  font-weight: 600;
  border-right: 2px solid #3A3A39;
}
.table-green thead th.col_last {
  border-right: none;
}
.table-green tbody tr:first-child {
  padding-top: 3em;
}
.table-green tbody td {
  padding: 0.25em 0.5em;
  border-right: 2px solid #3A3A39;
  line-height: 1.1em;
}
.table-green tbody td.col_last {
  border-right: none;
}
.table-green tfoot {
  border-top: 4px solid white;
}
.table-green tfoot td {
  padding: 0.5em;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 599px) {
  .table-green.table-horizontal tbody tr {
    border-bottom: 2px solid #3A3A39;
  }
}
@media screen and (max-width: 599px) {
  .table-green.table-horizontal tbody tr:last-child {
    border: none;
  }
}
.table-green.table-horizontal tbody tr td {
  padding: 0.5em;
  border-right-width: 0px;
  border-bottom: 2px solid #3A3A39;
}
@media screen and (max-width: 599px) {
  .table-green.table-horizontal tbody tr td {
    float: left;
    width: 97%;
    border: none;
  }
}
.table-green.table-horizontal tbody tr td.col_last {
  border-right: none;
}
.table-green.table-horizontal tbody tr.row_last td {
  border-bottom: none;
}

.rocksolid-wrapper {
  margin: 0 auto;
}

.mod_rocksolid_slider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rsts-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg_blue.transparent .rsts-slide {
  background: none;
}
.bg_blue.transparent .rsts-slide .box_white {
  background: none !important;
}
@media screen and (max-width: 599px) {
  .bg_blue.transparent .rsts-slide .box_white {
    padding: 0 !important;
  }
}
@media screen and (max-width: 599px) {
  .bg_blue.transparent .rsts-slide .ce_text {
    margin-bottom: 3em;
  }
}
.bg_blue.transparent .rsts-slide .ce_text a {
  color: white;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 599px) {
  .bg_blue.transparent .rsts-slide .ce_text h3 {
    font-family: "DIN W01 Medium", sans-serif;
    line-height: 1em;
  }
  .bg_blue.transparent .rsts-slide .ce_text h3 span {
    font-size: 0.75em !important;
  }
}

#rezensionen.bg_white .box_white, #rezensionen.bg_blue .box_white {
  padding-bottom: 12em !important;
}
#rezensionen.bg_white .ce_text a {
  color: #3A3A39;
  border-bottom: 1px solid #3A3A39;
}

.ce_rsce_zitat, .ce_rsce_zitat_2 {
  font-size: 0.75em;
}
@media screen and (max-width: 900px) {
  .ce_rsce_zitat, .ce_rsce_zitat_2 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 599px) {
  .ce_rsce_zitat, .ce_rsce_zitat_2 {
    font-size: 1.1em;
  }
}
.ce_rsce_zitat .quote, .ce_rsce_zitat_2 .quote {
  font-family: "DIN W01 Medium", sans-serif;
  font-size: 2.8em;
  font-style: italic;
  line-height: 145%;
  margin-bottom: 1em;
}
.ce_rsce_zitat .quote_source,
.ce_rsce_zitat .quote_position,
.ce_rsce_zitat .quote_company, .ce_rsce_zitat_2 .quote_source,
.ce_rsce_zitat_2 .quote_position,
.ce_rsce_zitat_2 .quote_company {
  font-size: 2em;
  display: inline;
}
@media screen and (max-width: 599px) {
  .ce_rsce_zitat .quote_source,
  .ce_rsce_zitat .quote_position,
  .ce_rsce_zitat .quote_company, .ce_rsce_zitat_2 .quote_source,
  .ce_rsce_zitat_2 .quote_position,
  .ce_rsce_zitat_2 .quote_company {
    font-size: 2.25em;
  }
}
.ce_rsce_zitat a.quote_company, .ce_rsce_zitat_2 a.quote_company {
  color: #3A3A39;
  border-bottom: 1px solid #3A3A39;
  transition: background-color 0.5s;
}
.ce_rsce_zitat a.quote_company:hover, .ce_rsce_zitat_2 a.quote_company:hover {
  background-position: 0 0.3em;
  background-size: 2px 20px;
  background-color: rgba(187, 218, 217, 0.3);
}

.bg_blue a.quote_company {
  color: white;
  border-bottom: 1px solid white;
  transition: background-color 0.5s;
}
.bg_blue a.quote_company:hover {
  background-position: 0 0.3em;
  background-size: 2px 20px;
  background-color: rgba(187, 218, 217, 0.3);
}

.abstand {
  padding-top: 4em;
}

.rsts-skin-default-content .rsts-nav {
  padding-top: 10px;
  padding-bottom: 10px;
}

.slide-movie-css video {
  min-height: 202px;
  max-width: 850px;
  max-height: 475px;
}

.rocksolid-wrapper .sc {
  margin-bottom: 0;
}

.event.layout_full h1:first-child {
  margin-bottom: 2em;
}
.event.layout_full .c4g_reservation_details_headline {
  font: 2.8em/125% "DIN W01 Bold", sans-serif;
  text-transform: uppercase;
  margin-top: 2em;
  margin-bottom: 1em;
}
.event.layout_full .c4g_reservation_details {
  margin-bottom: 1.5em;
  border-top: 1px solid #98a0ab;
}
@media screen and (max-width: 900px) {
  .event.layout_full .c4g_reservation_details {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 599px) {
  .event.layout_full .c4g_reservation_details {
    flex-direction: column;
  }
}
.event.layout_full .c4g_reservation_details.c4g_reservation_details_state {
  padding-top: 1em;
  justify-content: flex-end;
}
@media screen and (max-width: 599px) {
  .event.layout_full .c4g_reservation_details.c4g_reservation_details_state {
    flex-direction: row-reverse;
  }
}
.event.layout_full .c4g_reservation_details.c4g_reservation_details_state .c4g_reservation_details_label {
  width: 290px;
}
.event.layout_full .c4g_reservation_details.c4g_reservation_details_button {
  border: none;
}
.event.layout_list {
  background-color: #009EE3;
  padding: 3em;
  margin-bottom: 3em;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .event.layout_list {
    font-size: 1.5em;
  }
}
.event.layout_list.av22film {
  background-color: #009EE3;
}
.event.layout_list.av22film.no-link .link_container {
  display: none !important;
  color: #009EE3;
}
.event.layout_list.av22event {
  background-color: #70c9a0;
}
.event.layout_list.av22event.no-link .link_container {
  display: none !important;
  color: #70c9a0;
}
.event.layout_list.av22studio {
  background-color: #d95152;
}
.event.layout_list.av22studio.no-link .link_container {
  display: none !important;
  color: #d95152;
}
.event.layout_list.av22learn {
  background-color: #be77cf;
}
.event.layout_list.av22learn.no-link .link_container {
  display: none !important;
  color: #be77cf;
}
.event.layout_list.av22online {
  background-color: #FCA822;
}
.event.layout_list.av22online.no-link .link_container {
  display: none !important;
  color: #FCA822;
}
.event.layout_list h2 {
  font-size: 3em;
}
@media screen and (max-width: 900px) {
  .event.layout_list h2 {
    font-size: 2.4em;
  }
}
.event.layout_list h2 a {
  color: #3A3A39;
  line-height: 130%;
  margin-right: 1em;
  border-bottom: 2px solid #3A3A39;
}
.event.layout_list h2 a:hover {
  color: white;
  border-color: white;
  transition-property: all;
}
.event.layout_list h2 a::after {
  content: "\e907";
  font-family: "avzweiundzwanzig" !important;
  padding: 0;
  padding-left: 0.25em;
  margin: 0;
  margin-right: -0.15em;
  vertical-align: text-bottom;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(270deg);
}
.event.layout_list .time {
  font-size: 2em;
}

.grid_reservation {
  display: flex;
  color: white;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .grid_reservation {
    flex-direction: column;
  }
}
.grid_reservation .label {
  font-family: "DIN W01 Medium", sans-serif;
  font-size: 2em;
}
@media screen and (max-width: 900px) {
  .grid_reservation .label {
    font-size: 2em;
  }
}
.grid_reservation .column_description {
  display: flex;
  flex-direction: column;
  padding-right: 5em;
}
@media screen and (max-width: 900px) {
  .grid_reservation .column_description {
    padding-right: 0;
  }
}
.grid_reservation .column_description .column_description_inner {
  display: grid;
  grid-template-columns: 105px 1fr;
}
.grid_reservation .column_description .column_description_inner .label {
  margin-bottom: 12px;
}
.grid_reservation .column_description .link_container a {
  color: #3A3A39;
}
.grid_reservation .column_description .link_container a.link_details {
  position: relative;
  display: inline-block;
  color: #3A3A39;
  line-height: 1.2;
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  text-align: center;
  box-sizing: border-box;
  border: 3px solid white;
  border-radius: 1000px;
  background-color: white;
  padding: 1em 3em 1em 1.5em;
  margin: 1em 0;
  transition: background-color 0.15s ease-in-out, margin-left 0.15s ease-in-out;
}
.grid_reservation .column_description .link_container a.link_details::after {
  width: auto;
  height: auto;
  content: "\e900";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2.4em;
  color: #3A3A39;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(270deg);
}
.grid_reservation .column_description .link_container a.link_details:hover {
  color: white;
  background-color: #009EE3;
}
.grid_reservation .column_description .link_container a.link_details:hover::after {
  color: white;
}
.grid_reservation .column_description .ce_text {
  margin-bottom: 0;
}
@media screen and (max-width: 900px) {
  .grid_reservation .column_description .ce_text {
    font-size: 2em;
  }
}
.grid_reservation .column_reservation {
  min-width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media screen and (max-width: 900px) {
  .grid_reservation .column_reservation {
    flex-direction: column;
    align-items: baseline;
  }
}
@media screen and (max-width: 599px) {
  .grid_reservation .column_reservation {
    flex-direction: column;
    align-items: baseline;
    min-width: 250px;
  }
}
@media screen and (max-width: 900px) {
  .grid_reservation .column_reservation .c4g_reservation_details_state {
    margin-top: 3em;
  }
}
@media screen and (max-width: 599px) {
  .grid_reservation .column_reservation .c4g_reservation_details_state .c4g_reservation_details_label {
    width: 100%;
  }
}

.c4g_reservation_details {
  display: flex;
}
.c4g_reservation_details label {
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  vertical-align: bottom;
  width: 190px;
  display: inline-block;
}
.c4g_reservation_details .c4g_reservation_details_value {
  font-size: 2em;
  margin-right: 0.5em;
}
.c4g_reservation_details .c4g_reservation_details_value img {
  width: 1em;
  height: 1em;
  border: 5px solid #3A3A39;
  border-radius: 100%;
}
.c4g_reservation_details.c4g_reservation_details_state {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
}
.c4g_reservation_details.c4g_reservation_details_state label.c4g_reservation_details_label {
  font-family: "DIN W01 Light", sans-serif;
}

.mod_C4gReservation .c4g_field_description_text {
  margin-left: 7px;
  margin-right: 7px;
}
.mod_C4gReservation .displayReservationObjects select:disabled {
  cursor: auto;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-label {
  margin-bottom: 0;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  .mod_C4gReservation .c4g_brick_dialog .c4g__form-group {
    flex-direction: column;
    align-items: baseline;
  }
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-group label {
  width: 260px;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-group label.c4g__form-label {
  font-family: "DIN W01 Medium", sans-serif;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-group .formdata {
  width: calc(100% - 260px);
  font-size: 20px;
}
@media screen and (max-width: 900px) {
  .mod_C4gReservation .c4g_brick_dialog .c4g__form-group .formdata {
    width: 100%;
  }
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-group .formdata .c4g__form-group {
  margin-bottom: 0;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-select--reservation_object_event .c4g__form-select-label {
  display: none !important;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-select--reservation_object_event .formdata {
  font-weight: 500;
  padding: 0;
  background: none;
  border: none;
  width: 100%;
  background-color: #B2E2F7;
}
.mod_C4gReservation .c4g_brick_dialog .begindate-event {
  width: 180px;
  display: inline-block;
  vertical-align: top;
}
.mod_C4gReservation .c4g_brick_dialog .begindate-event .c4g__form-date-label {
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .begindate-event .c4g__form-date-container {
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .begindate-event .c4g__form-date-container .c4g__form-date-input {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-radio--beginTimeEvent {
  width: 180px;
  display: inline-block;
  vertical-align: top;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-radio--beginTimeEvent .c4g__form-radio-group_wrapper {
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-radio--beginTimeEvent .c4g__form-radio-group_wrapper .c4g__form-check {
  padding-left: 0;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-radio--beginTimeEvent .c4g__form-radio-group_wrapper .c4g__form-check .c4g__form-check-label {
  cursor: auto;
  background: none;
  border: none;
  padding: 0;
  color: #3A3A39;
  font-size: 20px;
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .event-location {
  width: calc(100% - 360px);
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2em;
}
@media screen and (max-width: 1080px) {
  .mod_C4gReservation .c4g_brick_dialog .event-location {
    width: 100%;
  }
}
.mod_C4gReservation .c4g_brick_dialog .event-location .location {
  font-size: 20px;
}
.mod_C4gReservation .c4g_brick_dialog .event-location .c4g_non_input {
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-select--salutation .c4g__form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  cursor: pointer;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-check--agreed {
  justify-content: left;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (max-width: 900px) {
  .mod_C4gReservation .c4g_brick_dialog .c4g__form-check--agreed {
    padding: 0;
  }
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-check--agreed input.c4g_agreed {
  width: auto;
  margin-right: 0.5em;
  font-size: 28px;
  margin-left: -30px;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-check--agreed label {
  width: auto;
}
.mod_C4gReservation .c4g_brick_dialog .c4g__form-check--agreed label.c4g_agreed {
  font-family: "DIN W01 Light", sans-serif;
}
.location,
.prize {
  font-size: 2em;
}

a.c4g_reservation_details_book-button {
  position: relative;
  display: inline-block;
  color: white;
  line-height: 1.2;
  font-size: 2em;
  font-family: "DIN W01 Medium", sans-serif;
  text-align: center;
  box-sizing: border-box;
  border: 3px solid #3A3A39;
  border-radius: 1000px;
  background-color: #3A3A39;
  background-position: 0px 100px !important;
  padding: 1em 3em 1em 1.5em;
  margin: 1em 0;
  transition: background-color 0.15s ease-in-out, margin-left 0.15s ease-in-out;
}
@media screen and (max-width: 599px) {
  a.c4g_reservation_details_book-button {
    width: 100%;
  }
}
a.c4g_reservation_details_book-button:hover {
  background-color: white;
  color: #3A3A39;
}
a.c4g_reservation_details_book-button::after {
  width: auto;
  height: auto;
  content: "\e900";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2.4em;
  color: #009EE3;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(270deg);
}

.mod_C4gReservation,
.mod_C4gReservationCancellation {
  font-size: 2em;
}
@media screen and (max-width: 900px) {
  .mod_C4gReservation,
  .mod_C4gReservationCancellation {
    font-size: 3em;
  }
}
.mod_C4gReservation .c4gGuiDialogButtonsJqui,
.mod_C4gReservationCancellation .c4gGuiDialogButtonsJqui {
  width: 100%;
}
.mod_C4gReservation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn,
.mod_C4gReservationCancellation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn {
  position: relative;
  color: white;
  font-size: 1em;
  line-height: 1.2;
  font-family: "DIN W01 Medium", sans-serif;
  box-sizing: border-box;
  border: 3px solid #3A3A39;
  border-radius: 1000px;
  background-color: #3A3A39;
  background-position: 0px 100px !important;
  padding: 1em 3em 1em 1.5em;
  margin: 0;
  transition: background-color 0.15s ease-in-out, margin-left 0.15s ease-in-out;
}
@media screen and (max-width: 599px) {
  .mod_C4gReservation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn,
  .mod_C4gReservationCancellation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn {
    width: 100%;
  }
}
.mod_C4gReservation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn:hover,
.mod_C4gReservationCancellation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn:hover {
  background-color: white;
  color: #3A3A39;
}
.mod_C4gReservation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn::after,
.mod_C4gReservationCancellation .c4gGuiDialogButtonsJqui .c4gGuiButton.c4g__btn::after {
  width: auto;
  height: auto;
  content: "\e900";
  font-family: "avzweiundzwanzig" !important;
  font-size: 2.4em;
  color: #009EE3;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  transition: margin-left 0.15s ease-in-out;
  transform: rotate(270deg);
}

@media screen and (max-width: 599px) {
  .contao-cookiebar .cc-group {
    padding-bottom: 2em;
  }
  .contao-cookiebar .cc-group label {
    width: 100%;
  }
  .contao-cookiebar .cc-group > button {
    position: absolute;
    right: 0;
    bottom: -0.5em;
  }
}

.mod_cookiebarOpener {
  font-size: 2em;
}
@media screen and (max-width: 900px) {
  .mod_cookiebarOpener {
    font-size: 3em;
  }
}
.mod_cookiebarOpener a {
  transition: background-color 0.5s;
  color: #009EE3;
}
.mod_cookiebarOpener a:hover {
  background-position: 0 0.3em;
  background-size: 2px 20px;
  background-color: rgba(187, 218, 217, 0.3);
}

iframe {
  height: 100vh;
  width: 100vw;
}/*# sourceMappingURL=main.css.map */