@charset "UTF-8";
/*
 * Base
 */
:root {
  /*
   * CI colors
   */
  --ci-color-blue: #19273b;
  --ci-color-blue-social: #1d3557;
  --ci-color-red: #e63946;
  --ci-color-grey: #e5ebef;
  --ci-color-dark-grey: #707070;
  /*
   * UI colors
   */
  /*
   * General colors
   */
  --color-heading: #fff;
  --color-text: #fff;
  --color-list-item: var(--color-text);
  --color-list-item-icon: var(--color-text);
  --color-link: var(--color-text);
  --color-link-hover: var(--color-text);
  --color-cursor-selection: #fff;
  --color-button: #fff;
  --color-button-hover: #fff;
  --color-dev: #fff;
  --color-border-form: var(--ci-color-violet-light);
  --color-border-form-focus: var(--ci-color-blue);
  --color-footer-heading: var(--ci-color-terracotta);
  --color-header-primary-nav-hover: var(--ci-color-terracotta);
  --color-footer-nav-hover: var(--ci-color-terracotta);
  --bg-color-root: var(--ci-color-blue);
  --bg-color-header: transparent;
  --bg-color-footer: var(--ci-color-champagne);
  --bg-color-cursor-selection: var(--ci-color-blue);
  --bg-color-button: var(--ci-color-red);
  --bg-color-button-hover: hsl(from var(--ci-color-red) h s calc(l - 10));
  --bg-color-button-secondary: var(--ci-color-blue);
  --bg-color-button-secondary-hover: hsl(
    from var(--ci-color-blue) h s calc(l - 10)
  );
  --bg-color-dev: #901f45;
  --bg-color-section: transparent;
  --bg-color-section-grey: var(--ci-color-champagne);
  --bg-color-header-top: var(--ci-color-blue);
  --bg-color-header-top-hover: var(--ci-color-terracotta);
  --bg-color-footer-callout: var(--ci-color-blue);
  --bg-color-carousel-dot: var(--ci-color-blue);
  /*
    * Sizes
    */
  --inner-width: 1687px;
  --inner-width-medium: 1402px;
  --inner-width-small: 768px;
  --inner-width-large: 1860px;
  --inner-padding: 30px;
  --section-padding: 80px;
  --button-padding-x: 25px;
  --button-padding-y: 10px;
  --button-padding: var(--button-padding-y) var(--button-padding-x);
  --border-radius-default: 20px;
  --border-radius-footer-callout: var(--border-radius-default);
  /*
    * Typography
    */
  --font-primary: "DIN Next LT Pro", sans-serif;
  --font-text: var(--font-primary);
  --font-heading: var(--font-primary);
  --font-size-h1: 60px;
  --font-size-h2: 48px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 18px;
  --font-size-h6: 16px;
  --font-size-text: 20px;
  --font-size-small: 13px;
  --font-weight-heading: 600;
  --font-weight-text: 400;
  --font-weight-strong: 600;
  --font-weight-black: 600;
  --line-height-heading: 1.3;
  --line-height-text: 1.6;
  --margin-heading: 0.2em;
  --margin-text: 1.5em;
  --padding-list: 1.7em;
  --box-padding: 50px;
  --card-width: 40%;
  --height-header: 145px;
  /*
    * Misc
    */
  --card-gap-x: 10px;
  --card-padding: 20px;
  --logo-height: 140px;
  --list-item-icon-content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCA2LjE1NjY0QzEwIDcuNTU0OTggOS40NzM5NiA4Ljg5Mjk3IDguNTM2NDYgOS44ODAwM0M3LjU5ODk2IDEwLjg2NzEgNi4zMjgxMiAxMS40MjA5IDUgMTEuNDIwOUMzLjY3MTg3IDExLjQyMDkgMi40MDEwNCAxMC44NjcxIDEuNDYzNTQgOS44ODAwM0MwLjUyNjA0IDguODkyOTcgMCA3LjU1NDk4IDAgNi4xNTY2NEMwIDMuMjUwMzEgMi4yMzk1OCAwLjg5MjMzNCA1IDAuODkyMzM0QzcuNzYwNDEgMC44OTIzMzQgMTAgMy4yNTAzMSAxMCA2LjE1NjY0WiIgZmlsbD0iI0U1NTEzNyIvPgo8L3N2Zz4K");
  --list-item-icon-content-negative: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCA2LjE1NjY0QzEwIDcuNTU0OTggOS40NzM5NiA4Ljg5Mjk3IDguNTM2NDYgOS44ODAwM0M3LjU5ODk2IDEwLjg2NzEgNi4zMjgxMiAxMS40MjA5IDUgMTEuNDIwOUMzLjY3MTg3IDExLjQyMDkgMi40MDEwNCAxMC44NjcxIDEuNDYzNTQgOS44ODAwM0MwLjUyNjA0IDguODkyOTcgMCA3LjU1NDk4IDAgNi4xNTY2NEMwIDMuMjUwMzEgMi4yMzk1OCAwLjg5MjMzNCA1IDAuODkyMzM0QzcuNzYwNDEgMC44OTIzMzQgMTAgMy4yNTAzMSAxMCA2LjE1NjY0WiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K");
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  :root {
    --box-padding: 20px;
    --card-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --box-padding: 20px;
    --card-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --logo-height: 90px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a, a:active, a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: var(--color-link);
}
ul li {
  list-style: none;
}
nav ul {
  list-style: none;
  margin-bottom: 0;
}
nav ul li {
  display: inline-block;
}
/* 
 * DIN Next LT Pro Regular - latin 
 */
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/site/templates/fonts/din-next-lt-pro-regular.woff2) format("woff2"), url(/site/templates/fonts/din-next-lt-pro-regular.woff) format("woff");
}
/* 
 * DIN Next LT Pro Bold - latin 
 */
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro";
  font-style: normal;
  font-weight: 600;
  src: url(/site/templates/fonts/din-next-lt-pro-bold.woff2) format("woff2"), url(/site/templates/fonts/din-next-lt-pro-bold.woff) format("woff");
}
::selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::-moz-selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::-webkit-selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::placeholder {
  color: var(--ci-color-grey);
  opacity: 1;
  /* Firefox */
}
::-ms-input-placeholder {
  color: var(--ci-color-grey);
}
html, body {
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  box-sizing: border-box;
  color: var(--color-text);
  font-size: var(--font-size-text);
  background-color: var(--bg-color-root);
}
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
.-no-scroll {
  overflow: hidden;
}
.flickity-page-dots .dot {
  background: transparent !important;
  border: 1px solid var(--bg-color-carousel-dot);
  opacity: 1 !important;
  height: 14px;
  width: 14px;
}
.flickity-page-dots .dot.is-selected {
  background: var(--bg-color-carousel-dot) !important;
}
body main {
  padding-top: var(--logo-height);
}
body.startseite main {
  padding-top: 0;
}
body.-body-color-2 {
  --bg-color-root: var(--ci-color-red);
}
body.-body-color-2 .section--teaser-theater-performances h2 {
  color: var(--ci-color-blue);
}
body.-body-color-2 .section--teaser-theater-performances__action {
  --bg-color-button: var(--ci-color-blue);
  --bg-color-button-hover: hsl(
          from var(--ci-color-blue) h s calc(l - 10)
        );
}
body.-body-color-2 .subheading {
  color: var(--ci-color-blue);
}
section p a, section .InputfieldContent a {
  color: var(--ci-color-terracotta);
  text-decoration: underline;
}
section p a *, section .InputfieldContent a * {
  color: var(--ci-color-terracotta);
}
hr {
  box-shadow: none;
  border: unset;
  margin-bottom: var(--margin-text);
  border-bottom: 1px solid var(--ci-color-grey);
}
section .align_right {
  text-align: right;
}
section .align_center {
  text-align: center;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.inner {
  position: relative;
  max-width: var(--inner-width);
  margin: 0 auto;
  padding-left: var(--inner-padding);
  padding-right: var(--inner-padding);
}
.inner.-no-section-padding {
  padding-left: 0;
  padding-right: 0;
}
.inner.-width-full {
  max-width: unset;
  margin: unset;
  padding: unset;
}
.inner.-width-full-padding {
  max-width: unset;
  margin: unset;
}
.inner.-width-full-padding-left {
  max-width: unset;
  margin: unset;
  padding-right: 0;
}
.inner.-width-small {
  --inner-width: var(--inner-width-small);
}
.inner.-width-medium {
  --inner-width: var(--inner-width-medium);
}
.inner.-width-large {
  --inner-width: var(--inner-width-large);
}
.inner.-width-left {
  max-width: unset;
  padding-right: 0;
  margin-left: calc((100vw - var(--inner-width)) / 2);
}
.inner.-width-large-left {
  --inner-width: var(--inner-width-large);
  max-width: unset;
  padding-right: 0;
  margin-left: calc((100vw - var(--inner-width-large)) / 2);
}
@media only screen and (min-width: 0px) and (max-width: 1860px) {
  .inner.-width-large-left {
    margin-left: 0;
  }
}
.form-message {
  padding: 10px;
  color: var(--color-text);
}
.form-message.-error {
  margin-bottom: var(--margin-text);
  background-color: red;
  color: #fff;
}
.form-message.-success {
  margin-bottom: var(--margin-text);
  background-color: green;
  color: #fff;
}
.form-message-toast {
  position: fixed;
  right: var(--inner-padding);
  bottom: var(--inner-padding);
  z-index: 100;
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 0 !important;
  color: var(--color-text);
}
.form-message-toast.-error {
  background-color: red;
  color: #fff;
}
.form-message-toast.-success {
  background-color: green;
  color: #fff;
}
.text-wrapper {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.no-overflow {
  overflow: hidden !important;
}
.tcenter, .align_center {
  text-align: center;
}
.tright {
  text-align: right;
}
.tleft {
  text-align: left;
}
.uppercase {
  text-transform: uppercase;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.forced-color-blue {
  color: var(--ci-color-blue) !important;
}
.filterlist-empty {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: span 6;
}
.filterlist-empty__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--margin-text);
  text-align: center;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.5s ease-in-out forwards;
  opacity: 0;
}
.filterlist-empty__wrapper img {
  width: 50px;
}
.forced-color-red {
  color: var(--ci-color-red) !important;
}
.decorator-body {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 0;
}
.detail-group {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: calc(var(--margin-text) / 2) 12px;
  align-items: start;
  margin-top: calc(var(--margin-text) * 2);
}
.detail-group dd {
  word-break: break-word;
}
.heading, .subheading, .subline, .heading-h1, h1, .heading-h2, .ga-layout-login__right__wrapper__quote-text, .section--login__right p, h2, .heading-h3, h3, .heading-h4, h4, .heading-h5, h5, .heading-h6, h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--margin-heading);
  color: var(--color-heading);
}
.subheading {
  color: var(--ci-color-red);
  font-size: 24px;
}
.subline {
  font-size: var(--font-size-text);
  font-weight: 500;
  color: var(--ci-color-yellow);
}
.typography, p, strong, small, a, .list, .list--arrow, .section ul, .section--text-image ul, .section--teaser-theater-performances ul, .section--quote ul, .section--text ul, .section--timeline ul, .section--contact-persons ul, .section--overview-theater-groups ul, .section--overview-theater-performances ul, .section--overview-theater-venues ul, .section--overview-downloads ul, .section--social ul {
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
  margin-bottom: var(--margin-text);
  font-size: var(--font-size-text);
  color: var(--color-text);
}
.heading-h1, h1 {
  font-size: var(--font-size-h1);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h1, h1 {
    font-size: 40px;
  }
  .heading-h1 br, h1 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h1, h1 {
    font-size: 40px;
  }
  .heading-h1 br, h1 br {
    display: none;
  }
}
.heading-h2, .ga-layout-login__right__wrapper__quote-text, .section--login__right p, h2 {
  font-size: var(--font-size-h2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h2, .ga-layout-login__right__wrapper__quote-text, .section--login__right p, h2 {
    font-size: 35px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .heading-h2 br, .ga-layout-login__right__wrapper__quote-text br, .section--login__right p br, h2 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h2, .ga-layout-login__right__wrapper__quote-text, .section--login__right p, h2 {
    font-size: 35px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .heading-h2 br, .ga-layout-login__right__wrapper__quote-text br, .section--login__right p br, h2 br {
    display: none;
  }
}
.heading-h3, h3 {
  font-size: var(--font-size-h3);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h3, h3 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .heading-h3 br, h3 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h3, h3 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .heading-h3 br, h3 br {
    display: none;
  }
}
.heading-h4, h4 {
  font-size: var(--font-size-h4);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h4, h4 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h4, h4 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.heading-h5, h5 {
  font-size: var(--font-size-h5);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h5, h5 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h5, h5 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.heading-h6, h6 {
  font-size: var(--font-size-h6);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h6, h6 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h6, h6 {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
strong {
  font-weight: var(--font-weight-strong);
}
small {
  font-size: var(--font-size-small);
}
a {
  color: var(--color-link);
  margin-bottom: 0;
  transition: all 0.2s linear;
}
a:hover {
  color: var(--color-link-hover);
}
@media only screen and (max-width: 767px) {
  a {
    word-wrap: break-word;
  }
}
.list, .list--arrow, .section ul, .section--text-image ul, .section--teaser-theater-performances ul, .section--quote ul, .section--text ul, .section--timeline ul, .section--contact-persons ul, .section--overview-theater-groups ul, .section--overview-theater-performances ul, .section--overview-theater-venues ul, .section--overview-downloads ul, .section--social ul {
  width: max-content;
  max-width: 100%;
  text-align: left;
  display: inline-block;
  margin-bottom: var(--margin-text);
}
.list:last-child, .list--arrow:last-child, .section ul:last-child, .section--text-image ul:last-child, .section--teaser-theater-performances ul:last-child, .section--quote ul:last-child, .section--text ul:last-child, .section--timeline ul:last-child, .section--contact-persons ul:last-child, .section--overview-theater-groups ul:last-child, .section--overview-theater-performances ul:last-child, .section--overview-theater-venues ul:last-child, .section--overview-downloads ul:last-child, .section--social ul:last-child {
  margin-bottom: 0;
}
.list li, .list--arrow li, .section ul li, .section--text-image ul li, .section--teaser-theater-performances ul li, .section--quote ul li, .section--text ul li, .section--timeline ul li, .section--contact-persons ul li, .section--overview-theater-groups ul li, .section--overview-theater-performances ul li, .section--overview-theater-venues ul li, .section--overview-downloads ul li, .section--social ul li {
  line-height: var(--line-height-text);
  font-size: calc(var(--font-size-text) - 1px);
  color: var(--color-list-item);
  font-weight: var(--font-weight-text);
  list-style: none !important;
  margin-bottom: calc((var(--margin-text) / 4));
  padding-left: var(--padding-list);
  font-weight: var(--font-weight-strong);
  position: relative;
}
.list li a, .list--arrow li a, .section ul li a, .section--text-image ul li a, .section--teaser-theater-performances ul li a, .section--quote ul li a, .section--text ul li a, .section--timeline ul li a, .section--contact-persons ul li a, .section--overview-theater-groups ul li a, .section--overview-theater-performances ul li a, .section--overview-theater-venues ul li a, .section--overview-downloads ul li a, .section--social ul li a {
  font-weight: var(--font-weight-strong);
  font-size: calc(var(--font-size-text) - 1px);
}
.list li h2, .list--arrow li h2, .section ul li h2, .section--text-image ul li h2, .section--teaser-theater-performances ul li h2, .section--quote ul li h2, .section--text ul li h2, .section--timeline ul li h2, .section--contact-persons ul li h2, .section--overview-theater-groups ul li h2, .section--overview-theater-performances ul li h2, .section--overview-theater-venues ul li h2, .section--overview-downloads ul li h2, .section--social ul li h2, .list li h3, .list--arrow li h3, .section ul li h3, .section--text-image ul li h3, .section--teaser-theater-performances ul li h3, .section--quote ul li h3, .section--text ul li h3, .section--timeline ul li h3, .section--contact-persons ul li h3, .section--overview-theater-groups ul li h3, .section--overview-theater-performances ul li h3, .section--overview-theater-venues ul li h3, .section--overview-downloads ul li h3, .section--social ul li h3, .list li h4, .list--arrow li h4, .section ul li h4, .section--text-image ul li h4, .section--teaser-theater-performances ul li h4, .section--quote ul li h4, .section--text ul li h4, .section--timeline ul li h4, .section--contact-persons ul li h4, .section--overview-theater-groups ul li h4, .section--overview-theater-performances ul li h4, .section--overview-theater-venues ul li h4, .section--overview-downloads ul li h4, .section--social ul li h4, .list li h5, .list--arrow li h5, .section ul li h5, .section--text-image ul li h5, .section--teaser-theater-performances ul li h5, .section--quote ul li h5, .section--text ul li h5, .section--timeline ul li h5, .section--contact-persons ul li h5, .section--overview-theater-groups ul li h5, .section--overview-theater-performances ul li h5, .section--overview-theater-venues ul li h5, .section--overview-downloads ul li h5, .section--social ul li h5, .list li h6, .list--arrow li h6, .section ul li h6, .section--text-image ul li h6, .section--teaser-theater-performances ul li h6, .section--quote ul li h6, .section--text ul li h6, .section--timeline ul li h6, .section--contact-persons ul li h6, .section--overview-theater-groups ul li h6, .section--overview-theater-performances ul li h6, .section--overview-theater-venues ul li h6, .section--overview-downloads ul li h6, .section--social ul li h6 {
  display: inline-block;
}
.list li:last-child, .list--arrow li:last-child, .section ul li:last-child, .section--text-image ul li:last-child, .section--teaser-theater-performances ul li:last-child, .section--quote ul li:last-child, .section--text ul li:last-child, .section--timeline ul li:last-child, .section--contact-persons ul li:last-child, .section--overview-theater-groups ul li:last-child, .section--overview-theater-performances ul li:last-child, .section--overview-theater-venues ul li:last-child, .section--overview-downloads ul li:last-child, .section--social ul li:last-child {
  margin-bottom: 0;
}
.list li:before, .list--arrow li:before, .section ul li:before, .section--text-image ul li:before, .section--teaser-theater-performances ul li:before, .section--quote ul li:before, .section--text ul li:before, .section--timeline ul li:before, .section--contact-persons ul li:before, .section--overview-theater-groups ul li:before, .section--overview-theater-performances ul li:before, .section--overview-theater-venues ul li:before, .section--overview-downloads ul li:before, .section--social ul li:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  color: var(--color-list-item-icon);
  content: var(--list-item-icon-content);
}
.list li > ul, .list--arrow li > ul, .section ul li > ul, .section--text-image ul li > ul, .section--teaser-theater-performances ul li > ul, .section--quote ul li > ul, .section--text ul li > ul, .section--timeline ul li > ul, .section--contact-persons ul li > ul, .section--overview-theater-groups ul li > ul, .section--overview-theater-performances ul li > ul, .section--overview-theater-venues ul li > ul, .section--overview-downloads ul li > ul, .section--social ul li > ul {
  margin-top: calc(var(--margin-text) / 3);
  display: block;
}
.list--arrow li:before {
  top: 3.5px !important;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIGQ9Ik0xMiwyQTEwLDEwLDAsMSwxLDIsMTIsMTAsMTAsMCwwLDEsMTIsMlptMCw5SDh2Mmg0djNsNC00TDEyLDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMiAtMikiIGZpbGw9IiMwMDliZGMiLz4KPC9zdmc+Cg==") !important;
}
nav ul {
  width: unset;
}
nav ul li:before {
  content: unset;
  margin-right: unset;
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 40px;
  background-color: var(--bg-color-dev);
  color: var(--color-dev);
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45);
  opacity: 1;
}
.float:hover {
  background-color: hsl(from var(--bg-color-dev) h s calc(l - 10));
}
.offcanvas-search {
  display: none;
}
.ga-layout-login {
  background-color: #fff;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  --color-link: var(--ci-color-blue);
  --color-link-hover: var(--ci-color-red);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .ga-layout-login {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .ga-layout-login {
    flex-direction: column;
  }
}
.ga-layout-login small, .ga-layout-login small * {
  display: inline-block;
  margin-top: var(--margin-text);
  font-size: 16px;
}
.ga-layout-login .logo {
  height: auto;
  width: 250px;
  text-align: left;
  margin-bottom: calc(var(--margin-text) * 2);
}
.ga-layout-login__left {
  text-align: left;
  width: 50%;
  min-height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: var(--inner-padding);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .ga-layout-login__left {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ga-layout-login__left {
    width: 100%;
  }
}
.ga-layout-login__left__wrapper {
  max-width: 600px;
  width: 100%;
}
.ga-layout-login__right {
  padding: var(--inner-padding);
  width: 50%;
  min-height: 100%;
  height: 100%;
  background-color: var(--ci-color-red);
  --color-text: #fff;
  --color-heading: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .ga-layout-login__right {
    width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .ga-layout-login__right {
    width: 100%;
    overflow: hidden;
  }
}
.ga-layout-login__right__decorator {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ga-layout-login__right__wrapper {
  max-width: 600px;
  position: relative;
  z-index: 2;
}
.ga-layout-default {
  background-color: #fff;
  height: 100%;
  min-height: 100vh;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  --color-link: var(--ci-color-blue);
  --color-link-hover: var(--ci-color-red);
}
.ga-layout-default__header {
  padding: var(--inner-padding);
  border-bottom: 1px solid var(--ci-color-grey);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ga-layout-default__header__right__user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ga-layout-default__header__right__user p {
  margin-bottom: 0;
}
.ga-layout-default__header__right__user a {
  font-size: 14px;
}
.ga-layout-default__body {
  max-width: 1200px;
  padding: var(--section-padding) var(--inner-padding);
  margin: 0 auto;
}
.ga-layout-default__body__hline {
  display: flex;
  gap: var(--margin-text);
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(var(--margin-text) * 2);
}
.ga-layout-default__body__hline div *:last-child {
  margin-bottom: 0;
}
.ga-layout-default__body table, .ga-layout-default__body td {
  font-family: var(--font-text);
  color: var(--color-text);
  line-height: var(--line-height-text);
}
.ga-layout-default__body table {
  border-collapse: collapse;
  width: 100%;
}
.ga-layout-default__body table tr td {
  padding: 10px 10px;
  border: 1px solid var(--ci-color-grey);
}
.ga-layout-default__body__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ga-layout-default__body__cards div {
  color: var(--color-text);
}
.ga-layout-default__body__boxes {
  display: flex;
  align-items: stretch;
  gap: var(--margin-text);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .ga-layout-default__body__boxes {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .ga-layout-default__body__boxes {
    flex-direction: column;
  }
}
.ga-layout-default__body__boxes__box {
  width: 50%;
  background-color: var(--ci-color-grey);
  padding: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .ga-layout-default__body__boxes__box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ga-layout-default__body__boxes__box {
    width: 100%;
  }
}
.ga-layout-default__body__boxes__box p {
  margin-bottom: 0 !important;
}
.ga-layout-default .logo {
  width: 220px;
}
label {
  color: var(--color-text);
  font-size: var(--font-size-text);
  font-weight: var(--font-weight-text);
  display: block;
}
.input-row {
  margin-bottom: var(--margin-text);
}
.input-row .image-item {
  display: inline-flex;
  position: relative;
}
.input-row .image-item img {
  width: 200px;
}
.input-row .image-item button {
  position: absolute;
  right: 0;
  top: 0;
  min-width: unset;
  padding: 5px 10px;
}
.input-row .checkbox-group {
  margin-top: calc(var(--margin-text) / 3);
  display: flex;
  flex-direction: column;
  gap: calc(var(--margin-text) / 3);
}
.input-row .checkbox-group .checkbox-item {
  display: flex;
  align-items: center;
  gap: calc(var(--margin-text) / 2);
}
.input-row .checkbox-group .checkbox-item input {
  width: unset;
}
.input-row.-row-4 {
  display: grid;
  gap: var(--margin-text);
  grid-template-columns: repeat(4, 1fr);
}
.input-row.-row-2 {
  display: grid;
  gap: var(--margin-text);
  grid-template-columns: repeat(2, 1fr);
}
.input-row.-row-3 {
  display: grid;
  gap: var(--margin-text);
  grid-template-columns: repeat(3, 1fr);
}
.input--default, input, textarea, .select--custom {
  background-color: var(--ci-color-grey);
  border: 0;
  border-bottom: 1px solid var(--ci-color-grey);
  padding: 10px 15px;
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  font-size: var(--font-size-text);
  line-height: var(--line-height-text);
  color: var(--color-text);
  outline: none;
  width: 100%;
}
.input--default:focus, input:focus, textarea:focus, .select--custom:focus {
  border-color: var(--ci-color-red);
}
.input--default::placeholder, input::placeholder, textarea::placeholder, .select--custom::placeholder, .input--default::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .select--custom::-webkit-input-placeholder, .input--default::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, .select--custom::-moz-placeholder {
  color: var(--ci-color-grey);
  opacity: 1;
}
.select--custom {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  min-width: 180px;
  padding: 10px 44px 10px 20px !important;
  border-radius: 0;
  background-color: #fff;
  background-color: var(--ci-color-grey);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M8.99986 12.1716L14.3639 6.8076L15.7781 8.2218L7.99986 16L0.22168 8.2218L1.6359 6.8076L6.99986 12.1716V0H8.99986V12.1716Z' fill='%2319273b'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 15px auto;
  background-clip: padding-box;
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  font-size: var(--font-size-text);
  color: var(--color-text);
  cursor: pointer;
  outline: none;
}
.select--multiple {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 10px 44px 10px 20px !important;
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  font-size: var(--font-size-text);
  background-color: var(--ci-color-grey);
  color: var(--color-text);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M8.99986 12.1716L14.3639 6.8076L15.7781 8.2218L7.99986 16L0.22168 8.2218L1.6359 6.8076L6.99986 12.1716V0H8.99986V12.1716Z' fill='%2319273b'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 15px auto;
  background-clip: padding-box;
  border: none;
}
.select--multiple option {
  padding-left: 0;
}
.select--multiple option:checked {
  background-color: var(--ci-color-red);
}
form button {
  outline: none;
  box-shadow: none;
  font-size: var(--font-size-text);
  line-height: var(--line-height-text);
  font-weight: var(--font-weight-text);
  cursor: pointer;
  border: none;
}
/*
 * Components
 */
.header__left {
  position: absolute;
  z-index: 998;
  left: var(--inner-padding);
  top: 0;
}
.header__left img {
  height: var(--logo-height);
  width: auto;
}
.header__right__language {
  position: absolute;
  z-index: 1005;
  right: calc(var(--inner-padding) + 50px + var(--margin-text));
  top: calc((50px / 2) + 22px);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: var(--margin-text);
}
@media only screen and (max-width: 767px) {
  .header__right__language {
    display: none;
  }
}
.header__right__nav {
  position: fixed;
  z-index: 1005;
  right: var(--inner-padding);
  top: 20px;
  display: flex;
  align-items: center;
  gap: var(--margin-text);
}
.header__right a {
  display: flex;
}
.menu--overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  height: 100vh;
  width: 100vw;
  background-color: var(--ci-color-red);
}
.menu--overlay__decorator {
  position: absolute;
}
.menu--overlay__decorator.-decorator-1 {
  top: 70%;
  transform: translateY(-50%);
  left: 5%;
}
@media only screen and (max-width: 767px) {
  .menu--overlay__decorator.-decorator-1 {
    display: none;
  }
}
.menu--overlay__decorator.-decorator-2 {
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
@media only screen and (max-width: 767px) {
  .menu--overlay__decorator.-decorator-2 {
    display: none;
  }
}
.menu--overlay .inner {
  z-index: unset;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.menu--overlay__wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--margin-text) * 2);
}
.menu--overlay__wrapper__language {
  text-align: center;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .menu--overlay__wrapper__language {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .menu--overlay__wrapper__language {
    display: block;
  }
}
.menu--overlay__wrapper__primary nav ul {
  display: flex;
  flex-direction: column;
  gap: var(--margin-text);
  text-align: center;
}
.menu--overlay__wrapper__primary nav ul li a {
  font-size: 36px;
  font-weight: var(--font-weight-strong);
  --color-link: #000;
}
.menu--overlay__wrapper__meta nav ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.menu--overlay__wrapper__meta nav ul li a {
  --color-link: #fff;
  font-size: 14px;
}
.menu--overlay__wrapper__meta nav ul li a:hover {
  --color-link: #000;
}
.footer {
  background-color: var(--ci-color-blue);
  padding: var(--section-padding) 0;
}
.footer .heading, .footer .subheading, .footer .subline, .footer .heading-h1, .footer h1, .footer .heading-h2, .footer .ga-layout-login__right__wrapper__quote-text, .footer .section--login__right p, .section--login__right .footer p, .footer h2, .footer .heading-h3, .footer h3, .footer .heading-h4, .footer h4, .footer .heading-h5, .footer h5, .footer .heading-h6, .footer h6 {
  font-weight: var(--font-weight-text);
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  color: var(--ci-color-red);
}
.footer__top {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--margin-text);
}
.footer .col-1 {
  grid-column: span 2;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer .col-1 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 767px) {
  .footer .col-1 {
    grid-column: span 12;
  }
}
.footer .col-1 img {
  max-width: 200px;
  width: 100%;
  height: auto;
}
.footer .col-2 {
  grid-column: span 7;
}
.footer .col-2 nav ul {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  gap: 0.5rem 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer .col-2 nav ul {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .footer .col-2 nav ul {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer .col-2 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 767px) {
  .footer .col-2 {
    grid-column: span 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer .col-3 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 767px) {
  .footer .col-3 {
    grid-column: span 12;
  }
}
.footer .col-4 {
  grid-column: span 3;
}
.footer .col-4 .phone {
  font-size: 28px;
  font-weight: var(--font-weight-strong);
  margin-bottom: 0;
}
.footer .col-4__phone {
  margin-bottom: calc(var(--margin-text) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer .col-4 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 767px) {
  .footer .col-4 {
    grid-column: span 12;
  }
}
.footer__bottom {
  margin-top: calc(var(--margin-text) * 2);
}
.footer__bottom__logos__items {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--margin-text);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer__bottom__logos__items {
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer__bottom__logos__items {
    align-items: center;
    justify-content: center;
  }
}
.footer__bottom__logos__items__item img {
  width: auto;
  height: 70px;
}
.footer__bottom__logos__items__item.-item-0 img {
  height: 150px;
  width: auto;
}
.section, .section--text-image, .section--teaser-theater-performances, .section--quote, .section--text, .section--timeline, .section--contact-persons, .section--overview-theater-groups, .section--overview-theater-performances, .section--overview-theater-venues, .section--overview-downloads, .section--social {
  position: relative;
  z-index: 2;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  background-color: var(--bg-color-section);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section, .section--text-image, .section--teaser-theater-performances, .section--quote, .section--text, .section--timeline, .section--contact-persons, .section--overview-theater-groups, .section--overview-theater-performances, .section--overview-theater-venues, .section--overview-downloads, .section--social {
    padding-top: calc(var(--section-padding) / 2);
    padding-bottom: calc(var(--section-padding) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .section, .section--text-image, .section--teaser-theater-performances, .section--quote, .section--text, .section--timeline, .section--contact-persons, .section--overview-theater-groups, .section--overview-theater-performances, .section--overview-theater-venues, .section--overview-downloads, .section--social {
    padding-top: calc(var(--section-padding) / 2);
    padding-bottom: calc(var(--section-padding) / 2);
  }
}
.section.-bg-red, .-bg-red.section--text-image, .-bg-red.section--teaser-theater-performances, .-bg-red.section--quote, .-bg-red.section--text, .-bg-red.section--timeline, .-bg-red.section--contact-persons, .-bg-red.section--overview-theater-groups, .-bg-red.section--overview-theater-performances, .-bg-red.section--overview-theater-venues, .-bg-red.section--overview-downloads, .-bg-red.section--social {
  --bg-color-section: var(--ci-color-red);
}
.section.-bg-white, .-bg-white.section--text-image, .-bg-white.section--teaser-theater-performances, .-bg-white.section--quote, .-bg-white.section--text, .-bg-white.section--timeline, .-bg-white.section--contact-persons, .-bg-white.section--overview-theater-groups, .-bg-white.section--overview-theater-performances, .-bg-white.section--overview-theater-venues, .-bg-white.section--overview-downloads, .-bg-white.section--social {
  --bg-color-section: #fff;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
}
.section.-bg-white .flickity-page-dots, .-bg-white.section--text-image .flickity-page-dots, .-bg-white.section--teaser-theater-performances .flickity-page-dots, .-bg-white.section--quote .flickity-page-dots, .-bg-white.section--text .flickity-page-dots, .-bg-white.section--timeline .flickity-page-dots, .-bg-white.section--contact-persons .flickity-page-dots, .-bg-white.section--overview-theater-groups .flickity-page-dots, .-bg-white.section--overview-theater-performances .flickity-page-dots, .-bg-white.section--overview-theater-venues .flickity-page-dots, .-bg-white.section--overview-downloads .flickity-page-dots, .-bg-white.section--social .flickity-page-dots {
  --bg-color-carousel-dot: var(--ci-color-blue);
}
.section.-valign-center .inner, .-valign-center.section--text-image .inner, .-valign-center.section--teaser-theater-performances .inner, .-valign-center.section--quote .inner, .-valign-center.section--text .inner, .-valign-center.section--timeline .inner, .-valign-center.section--contact-persons .inner, .-valign-center.section--overview-theater-groups .inner, .-valign-center.section--overview-theater-performances .inner, .-valign-center.section--overview-theater-venues .inner, .-valign-center.section--overview-downloads .inner, .-valign-center.section--social .inner {
  align-items: center;
}
.section.-valign-bottom .inner, .-valign-bottom.section--text-image .inner, .-valign-bottom.section--teaser-theater-performances .inner, .-valign-bottom.section--quote .inner, .-valign-bottom.section--text .inner, .-valign-bottom.section--timeline .inner, .-valign-bottom.section--contact-persons .inner, .-valign-bottom.section--overview-theater-groups .inner, .-valign-bottom.section--overview-theater-performances .inner, .-valign-bottom.section--overview-theater-venues .inner, .-valign-bottom.section--overview-downloads .inner, .-valign-bottom.section--social .inner {
  align-items: flex-end;
}
.section.-option-reversed .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--teaser-theater-performances .inner, .-option-reversed.section--quote .inner, .-option-reversed.section--text .inner, .-option-reversed.section--timeline .inner, .-option-reversed.section--contact-persons .inner, .-option-reversed.section--overview-theater-groups .inner, .-option-reversed.section--overview-theater-performances .inner, .-option-reversed.section--overview-theater-venues .inner, .-option-reversed.section--overview-downloads .inner, .-option-reversed.section--social .inner {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-option-reversed .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--teaser-theater-performances .inner, .-option-reversed.section--quote .inner, .-option-reversed.section--text .inner, .-option-reversed.section--timeline .inner, .-option-reversed.section--contact-persons .inner, .-option-reversed.section--overview-theater-groups .inner, .-option-reversed.section--overview-theater-performances .inner, .-option-reversed.section--overview-theater-venues .inner, .-option-reversed.section--overview-downloads .inner, .-option-reversed.section--social .inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section.-option-reversed .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--teaser-theater-performances .inner, .-option-reversed.section--quote .inner, .-option-reversed.section--text .inner, .-option-reversed.section--timeline .inner, .-option-reversed.section--contact-persons .inner, .-option-reversed.section--overview-theater-groups .inner, .-option-reversed.section--overview-theater-performances .inner, .-option-reversed.section--overview-theater-venues .inner, .-option-reversed.section--overview-downloads .inner, .-option-reversed.section--social .inner {
    flex-direction: column;
  }
}
.section.-padding-top-none, .-padding-top-none.section--text-image, .-padding-top-none.section--teaser-theater-performances, .-padding-top-none.section--quote, .-padding-top-none.section--text, .-padding-top-none.section--timeline, .-padding-top-none.section--contact-persons, .-padding-top-none.section--overview-theater-groups, .-padding-top-none.section--overview-theater-performances, .-padding-top-none.section--overview-theater-venues, .-padding-top-none.section--overview-downloads, .-padding-top-none.section--social {
  padding-top: 0;
}
.section.-padding-bottom-none, .-padding-bottom-none.section--text-image, .-padding-bottom-none.section--teaser-theater-performances, .-padding-bottom-none.section--quote, .-padding-bottom-none.section--text, .-padding-bottom-none.section--timeline, .-padding-bottom-none.section--contact-persons, .-padding-bottom-none.section--overview-theater-groups, .-padding-bottom-none.section--overview-theater-performances, .-padding-bottom-none.section--overview-theater-venues, .-padding-bottom-none.section--overview-downloads, .-padding-bottom-none.section--social {
  padding-bottom: 0;
}
.section.-padding-top-half, .-padding-top-half.section--text-image, .-padding-top-half.section--teaser-theater-performances, .-padding-top-half.section--quote, .-padding-top-half.section--text, .-padding-top-half.section--timeline, .-padding-top-half.section--contact-persons, .-padding-top-half.section--overview-theater-groups, .-padding-top-half.section--overview-theater-performances, .-padding-top-half.section--overview-theater-venues, .-padding-top-half.section--overview-downloads, .-padding-top-half.section--social {
  padding-top: calc(var(--section-padding) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-padding-top-half, .-padding-top-half.section--text-image, .-padding-top-half.section--teaser-theater-performances, .-padding-top-half.section--quote, .-padding-top-half.section--text, .-padding-top-half.section--timeline, .-padding-top-half.section--contact-persons, .-padding-top-half.section--overview-theater-groups, .-padding-top-half.section--overview-theater-performances, .-padding-top-half.section--overview-theater-venues, .-padding-top-half.section--overview-downloads, .-padding-top-half.section--social {
    padding-top: calc(var(--section-padding) / 4);
  }
}
@media only screen and (max-width: 767px) {
  .section.-padding-top-half, .-padding-top-half.section--text-image, .-padding-top-half.section--teaser-theater-performances, .-padding-top-half.section--quote, .-padding-top-half.section--text, .-padding-top-half.section--timeline, .-padding-top-half.section--contact-persons, .-padding-top-half.section--overview-theater-groups, .-padding-top-half.section--overview-theater-performances, .-padding-top-half.section--overview-theater-venues, .-padding-top-half.section--overview-downloads, .-padding-top-half.section--social {
    padding-top: calc(var(--section-padding) / 4);
  }
}
.section.-padding-bottom-half, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--teaser-theater-performances, .-padding-bottom-half.section--quote, .-padding-bottom-half.section--text, .-padding-bottom-half.section--timeline, .-padding-bottom-half.section--contact-persons, .-padding-bottom-half.section--overview-theater-groups, .-padding-bottom-half.section--overview-theater-performances, .-padding-bottom-half.section--overview-theater-venues, .-padding-bottom-half.section--overview-downloads, .-padding-bottom-half.section--social {
  padding-bottom: calc(var(--section-padding) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-padding-bottom-half, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--teaser-theater-performances, .-padding-bottom-half.section--quote, .-padding-bottom-half.section--text, .-padding-bottom-half.section--timeline, .-padding-bottom-half.section--contact-persons, .-padding-bottom-half.section--overview-theater-groups, .-padding-bottom-half.section--overview-theater-performances, .-padding-bottom-half.section--overview-theater-venues, .-padding-bottom-half.section--overview-downloads, .-padding-bottom-half.section--social {
    padding-bottom: calc(var(--section-padding) / 4);
  }
}
@media only screen and (max-width: 767px) {
  .section.-padding-bottom-half, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--teaser-theater-performances, .-padding-bottom-half.section--quote, .-padding-bottom-half.section--text, .-padding-bottom-half.section--timeline, .-padding-bottom-half.section--contact-persons, .-padding-bottom-half.section--overview-theater-groups, .-padding-bottom-half.section--overview-theater-performances, .-padding-bottom-half.section--overview-theater-venues, .-padding-bottom-half.section--overview-downloads, .-padding-bottom-half.section--social {
    padding-bottom: calc(var(--section-padding) / 4);
  }
}
.section--slider-images {
  position: relative;
}
.section--slider-images__decorator {
  position: absolute;
  z-index: 1;
}
.section--slider-images__decorator.-decorator-1 {
  bottom: -20px;
  left: var(--inner-padding);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--slider-images__decorator.-decorator-1 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section--slider-images__decorator.-decorator-1 {
    display: none;
  }
}
.section--slider-images__decorator.-decorator-2 {
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--slider-images__decorator.-decorator-2 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section--slider-images__decorator.-decorator-2 {
    display: none;
  }
}
.section--slider-images .flickity-page-dots {
  bottom: 10px;
}
.section--slider-images__slides {
  position: relative;
}
.section--slider-images__slides__item {
  width: 100%;
}
.section--slider-images__slides__item img {
  width: 100%;
  display: flex;
  height: 800px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .section--slider-images__slides__item img {
    height: 600px;
  }
}
.section--text-image {
  --bg-color-carousel-dot: #fff;
}
.section--text-image .inner {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--margin-text) * 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image .inner {
    gap: var(--margin-text);
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image .inner {
    gap: var(--margin-text);
    flex-direction: column;
  }
}
.section--text-image__text {
  width: 45%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image__text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image__text {
    width: 100%;
  }
}
.section--text-image__text > *:last-child {
  margin-bottom: 0;
}
.section--text-image__image {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--margin-text);
}
.section--text-image__image img {
  width: 100%;
}
.section--text-image__image__video {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--ci-color-grey);
}
.section--text-image__image__video .btn, .section--text-image__image__video form button, form .section--text-image__image__video button, .section--text-image__image__video .btn--decorator, .section--text-image__image__video .btn--pdf {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section--text-image__image__video iframe {
  width: 100%;
  aspect-ratio: 1.7777777778;
  border: none;
}
.section--text-image__image .carousel .carousel-cell {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image__image {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image__image {
    width: 100%;
  }
}
.section--teaser-theater-performances h2 {
  color: var(--ci-color-red);
  font-size: var(--font-size-h4);
}
.section--teaser-theater-performances__text {
  margin-bottom: calc(var(--margin-text) * 2);
}
.section--teaser-theater-performances__items {
  margin-bottom: calc(var(--margin-text) * 2);
}
.section--quote {
  --local-section-padding: 170px;
  --bg-color-section: var(--ci-color-red);
  padding-top: var(--local-section-padding);
  padding-bottom: var(--local-section-padding);
}
.section--quote .inner {
  position: relative;
}
.section--quote__decorator {
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: calc((var(--local-section-padding) - 20px) / -1);
}
.section--quote__quote {
  position: relative;
  z-index: 1;
}
.section--quote__quote__wrapper {
  width: max-content;
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}
.section--quote__quote p {
  align-self: flex-end;
  margin-bottom: 0;
  margin-right: 80px;
}
@media only screen and (max-width: 767px) {
  .section--quote__quote p {
    margin-right: 0;
  }
}
.section--quote h2 {
  font-size: 50px;
}
.section--gmap {
  --bg-color-section: var(--ci-color-grey);
  --map-height: 843px;
  padding-top: 0;
  padding-bottom: 0;
}
.section--gmap__holder {
  height: 100%;
}
.section--gmap__holder__map {
  background-color: #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--map-height);
  max-height: 90vw;
}
.section--gmap__holder__map .gm-style-iw {
  border-radius: 0;
}
.section--gmap__holder__map .content {
  font-size: calc(var(--font-size-text) - 2px);
  padding-left: 10px;
}
.section--gmap__holder__map .content p, .section--gmap__holder__map .content strong {
  font-size: calc(var(--font-size-text) - 2px);
  color: var(--ci-color-blue);
}
.section--timeline {
  --bg-color-section: #fff;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  color: var(--ci-color-blue);
}
.section--contact-persons {
  --bg-color-section: var(--ci-color-red);
}
.section--contact-persons .subheading {
  color: #fff;
}
.section--contact-persons__text {
  margin-bottom: calc(var(--margin-text) * 3);
}
.section--contact-persons__items {
  display: flex;
  gap: calc(var(--margin-text) * 2);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--contact-persons__items {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section--contact-persons__items {
    flex-direction: column;
  }
}
.section--contact-persons__items__item {
  width: 25%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--contact-persons__items__item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--contact-persons__items__item {
    width: 100%;
  }
}
.section--contact-persons__items__item__image {
  margin-bottom: var(--margin-text);
}
.section--contact-persons__items__item__image img {
  width: 225px;
  aspect-ratio: 1;
  border-radius: 100%;
  display: inline-flex;
}
.section--contact-persons__items__item__details__rank {
  font-weight: var(--font-weight-strong) !important;
}
.section--contact-persons__items__item p {
  margin-bottom: 0;
}
.section--overview-theater-groups__text {
  max-width: 700px;
  width: 100%;
  margin-bottom: calc(var(--margin-text) * 3);
}
.section--overview-theater-groups__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--card-gap-x);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--overview-theater-groups__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .section--overview-theater-groups__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section--overview-theater-groups__items__item {
  background-color: #fff;
  --color-heading: var(--ci-color-blue);
  --color-text: var(--ci-color-blue);
}
.section--overview-theater-groups__items__item__thumbnail img {
  aspect-ratio: 1.4585365854;
  object-fit: cover;
}
.section--overview-theater-groups__items__item__content {
  padding: var(--card-padding);
}
.section--overview-theater-performances__text {
  max-width: 700px;
  width: 100%;
  margin-bottom: calc(var(--margin-text) * 3);
}
.section--overview-theater-performances__filters {
  margin-bottom: calc(var(--margin-text) * 2);
  display: flex;
  justify-content: center;
}
.section--overview-theater-performances__wrapper__pagination {
  margin-top: calc(var(--margin-text) * 2);
  display: flex;
  justify-content: center;
}
.section--overview-theater-venues__text {
  max-width: 700px;
  width: 100%;
  margin-bottom: calc(var(--margin-text) * 3);
}
.section--overview-theater-venues__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--card-gap-x);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--overview-theater-venues__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .section--overview-theater-venues__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section--overview-theater-venues__items__item {
  background-color: #fff;
  --color-heading: var(--ci-color-blue);
  --color-text: var(--ci-color-blue);
}
.section--overview-theater-venues__items__item__thumbnail img {
  aspect-ratio: 1.4585365854;
  object-fit: cover;
}
.section--overview-theater-venues__items__item__content {
  padding: var(--card-padding);
}
.section--overview-downloads__text {
  max-width: 700px;
  width: 100%;
  margin-bottom: calc(var(--margin-text) * 3);
}
.section--overview-downloads__filters {
  margin-bottom: calc(var(--margin-text) * 2);
  display: flex;
  justify-content: center;
}
.section--overview-downloads__items {
  animation: fadeIn 0.5s ease-in-out forwards;
  opacity: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--margin-text);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--overview-downloads__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .section--overview-downloads__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section--overview-downloads__items__item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.section--overview-downloads__items__item__thumbnail {
  margin-bottom: calc(var(--margin-text) / 2);
}
.section--overview-downloads__items__item__action {
  margin-top: calc(var(--margin-text) / 2);
}
.section--social__text__wrapper-heading {
  max-width: 1054px;
  margin: 0 auto;
  width: 100%;
}
.section--social__text__wrapper-text {
  max-width: 764px;
  margin: 0 auto;
  width: 100%;
}
.section--social__items {
  display: flex;
  gap: var(--margin-text);
  align-items: center;
  justify-content: center;
}
.section--login {
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  min-height: 100vh;
  height: auto;
  display: flex;
  background-color: #fff;
  align-items: stretch;
}
.section--login .logo {
  height: 90px;
  margin-bottom: calc(var(--margin-text) * 2);
}
.section--login__left {
  min-height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--login__left__wrapper {
  max-width: 1000px;
}
.section--login__right {
  width: 50%;
  min-height: 100%;
  background-color: var(--ci-color-red);
  --color-text: #fff;
  --color-heading: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.section--login__right__decorator {
  position: absolute;
}
.section--login__right__wrapper {
  position: relative;
  z-index: 2;
  max-width: 900px;
}
.section--login__right p {
  text-align: center;
}
.btn--hamburger {
  display: block;
  width: 55px;
  height: 50px;
  position: relative;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.btn--hamburger__line {
  position: absolute;
  left: 10px;
  height: 4px;
  width: 35px;
  background: var(--color-text, #fff);
  display: block;
  transition: 0.5s;
  transform-origin: center;
  box-shadow: 5px 3px 22px 6px rgba(0, 0, 0, 0.2);
}
.btn--hamburger__line:nth-child(1) {
  top: 12px;
}
.btn--hamburger__line:nth-child(2) {
  top: 24px;
}
.btn--hamburger__line:nth-child(3) {
  top: 36px;
}
.btn--hamburger.-active .btn--hamburger__line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}
.btn--hamburger.-active .btn--hamburger__line:nth-child(2) {
  opacity: 0;
}
.btn--hamburger.-active .btn--hamburger__line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}
.btn--reset {
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-text);
  font-size: calc(var(--font-size-text) - 1px);
  font-weight: var(--font-weight-text);
  background-color: transparent;
  color: var(--color-text);
}
.btn, form button, .btn--decorator, .btn--pdf {
  background-color: var(--bg-color-button);
  display: inline-block;
  color: var(--color-button) !important;
  padding: 10px 25px;
  text-decoration: none;
  min-width: 150px;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-size: var(--font--size-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
}
.btn:hover, form button:hover, .btn--decorator:hover, .btn--pdf:hover {
  background-color: var(--bg-color-button-hover);
}
.btn--blue {
  background-color: var(--ci-color-blue);
  display: inline-block;
  color: var(--color-button) !important;
  padding: 10px 25px;
  text-decoration: none;
  min-width: 150px;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-size: var(--font--size-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
}
.btn--blue:hover {
  background-color: hsl(from var(--ci-color-blue) h s calc(l - 10));
}
.btn--blue-info {
  background-color: var(--ci-color-blue);
  display: inline-block;
  color: var(--color-button) !important;
  padding: 10px 25px;
  text-decoration: none;
  min-width: 150px;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-size: var(--font--size-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
}
.btn--blue-info:hover {
  background-color: hsl(from var(--ci-color-blue) h s calc(l - 10));
}
.btn--decorator {
  position: relative;
}
.btn--decorator:before {
  content: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3J1cHBlXzczMSIgZGF0YS1uYW1lPSJHcnVwcGUgNzMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzguMDQ2IiBoZWlnaHQ9Ijc3Ljg4NiIgdmlld0JveD0iMCAwIDc4LjA0NiA3Ny44ODYiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMjY0IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDI2NCIgd2lkdGg9Ijc4LjA0NiIgaGVpZ2h0PSI3Ny44ODYiIGZpbGw9Im5vbmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcnVwcGVfNzMwIiBkYXRhLW5hbWU9IkdydXBwZSA3MzAiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQZmFkXzY4MDkiIGRhdGEtbmFtZT0iUGZhZCA2ODA5IiBkPSJNNzcuOTg5LDcxLjEzNCw2MC41MDgsNjAuMDcxYS4xMTIuMTEyLDAsMCwxLS4wMzQtLjAzMkw0Ni41MTgsNDAuNDc1YS4xMjEuMTIxLDAsMCwwLS4wNjItLjA0NUwyMC44NjMsMzIuMjYxYS4xMjIuMTIyLDAsMCwxLS4wNjMtLjE4NUwzMS44NDQsMTYuMTgzYS4xMjIuMTIyLDAsMCwwLS4wODEtLjE5TDE3LjQ3LDEzLjdhLjEyMS4xMjEsMCwwLDEtLjA4NS0uMDU3TDkuMjM0LjA1OUEuMTIyLjEyMiwwLDAsMCw5LjA4OS4wMDZMLjQ5MSwyLjk2MmEuMTIyLjEyMiwwLDAsMC0uMDgyLjEyM2wuMDE2LjI2NmEuMTIyLjEyMiwwLDAsMCwuMTE3LjExNGw4LjU5LjM1M2EuMTIyLjEyMiwwLDAsMSwuMTA4LjA3N2wzLjYxOCw5LjE4YS4xMjIuMTIyLDAsMCwxLS4xMjkuMTY1bC0zLjk1Mi0uNTJhLjEyMi4xMjIsMCwwLDEtLjA5NC0uMDdMNS4yNDMsNS4yMjVhLjEyMi4xMjIsMCwwLDAtLjIzMy4wNDZsLS4zNzksOC45NTJhLjEyMi4xMjIsMCwwLDAsLjA5MS4xMjNsOS41MjUsMi40NDJhLjEyMS4xMjEsMCwwLDEsLjA4NC4xNkw5LjAyMSwzMS4zMjJhLjEyMi4xMjIsMCwwLDEtLjIzNS0uMDYxTDkuNDgyLDI2LjhhLjEyMi4xMjIsMCwwLDAtLjE3LS4xM0wuMDcyLDMwLjgzOGEuMTIzLjEyMywwLDAsMC0uMDY0LjE1NUw0LjAxOSw0MS4zMTVhLjEyMS4xMjEsMCwwLDAsLjExNy4wNzhsMi40MjktLjA2MmEuMTIxLjEyMSwwLDAsMCwuMTE2LS4xbDEuMTU3LTUuNGEuMTIyLjEyMiwwLDAsMSwuMTU1LS4wOTFsNi44MTcsMi4xYS4xMTEuMTExLDAsMCwxLC4wMzMuMDE2bDEyLjI4OCw4LjQ3N2EuMTIyLjEyMiwwLDAsMS0uMDM2LjIxOGwtMjQuMzE0LDYuOGEuMTIyLjEyMiwwLDAsMC0uMDg2LjA5MWwtMS4wMzcsNC42YS4xMjMuMTIzLDAsMCwwLC4wNTEuMTI5bDE5LjQ0MywxMi45YS4xMjIuMTIyLDAsMCwxLS4wMDkuMjA4bC04LjIzNyw0LjU0YS4xMjEuMTIxLDAsMCwwLS4wNTcuMTQ1bC4xMzcuNDEzYS4xMjIuMTIyLDAsMCwwLC4xMy4wODJsMTQuMjQ2LTEuNzA3YS4xMjIuMTIyLDAsMCwwLC4wOTEtLjE4MWwtMi43NzgtNC45MWEuMTI2LjEyNiwwLDAsMC0uMDI3LS4wMzNMOS4wMzQsNTYuMjUzYS4xMjIuMTIyLDAsMCwxLC4wNzMtLjIxNGwyMi42MTctMS4xODdhLjEyMS4xMjEsMCwwLDAsLjA3LS4wMjdsNy45ODgtNi40N2EuMTIzLjEyMywwLDAsMSwuMTU4LDBMNjAsNjYuMjE2YS4xMjEuMTIxLDAsMCwwLC4wMzYuMDIzTDczLjk2MSw3MS44MWEuMTIxLjEyMSwwLDAsMSwuMDcuMTU0bC0uOTQ3LDIuNjUyYS4xMjMuMTIzLDAsMCwxLS4wNjUuMDdMNjguNTM3LDc2LjdhLjEyMy4xMjMsMCwwLDAtLjA2OS4xMzhsLjA5My40MTdhLjEyMy4xMjMsMCwwLDAsLjExLjFsNy4zNzIuNTM2YS4xMjIuMTIyLDAsMCwwLC4xMTgtLjA2OWwxLjg3Mi0zLjg3OGEuMTIxLjEyMSwwLDAsMCwuMDEyLS4wNTNWNzEuMjM3YS4xMjIuMTIyLDAsMCwwLS4wNTctLjFNMTQuNzI5LDI5Ljk0bDMuMzItMTIuMjI3LDcuMjg4LDEuN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=");
  position: absolute;
  top: 0;
  left: 100%;
}
.btn--text {
  --width-icon: 15px;
  --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ljc3OCIgaGVpZ2h0PSIxMi43MjgiIHZpZXdCb3g9IjAgMCA3Ljc3OCAxMi43MjgiPgogIDxwYXRoIGlkPSJhcnJvdy1yaWdodC1zLWxpbmVfMV8iIGRhdGEtbmFtZT0iYXJyb3ctcmlnaHQtcy1saW5lICgxKSIgZD0iTTEzLjE3MiwxMmwtNC45NS00Ljk1TDkuNjM2LDUuNjM3LDE2LDEyLDkuNjM2LDE4LjM2NSw4LjIyMiwxNi45NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjIyMiAtNS42MzcpIiBmaWxsPSIjZTYzOTQ2Ii8+Cjwvc3ZnPgo=");
  margin-right: var(--width-icon);
  position: relative;
  font-weight: bold;
  color: var(--ci-color-blue);
}
.btn--text:hover {
  color: var(--ci-color-red);
}
.btn--text:before {
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 5px);
  width: 10px;
  position: absolute;
  content: var(--icon);
}
.btn--pdf {
  --width-icon: 20px;
  position: relative;
  padding-left: calc(35px + var(--width-icon));
}
.btn--pdf:before {
  top: 56%;
  transform: translateY(-50%);
  left: 35px;
  position: absolute;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC4xMyIgaGVpZ2h0PSIzMi4xOCIgdmlld0JveD0iMCAwIDI0LjEzIDMyLjE4Ij4KICA8cGF0aCBpZD0iZmlsZS1wZGYtcmVndWxhciIgZD0iTTIzLjI0NCw2LjA1OCwxNy45NzIuNzg2QTMuMDE2LDMuMDE2LDAsMCwwLDE1Ljg0Mi0uMUgzLjAxNkEzLjAyNiwzLjAyNiwwLDAsMCwwLDIuOTIzVjI5LjA2M0EzLjAxNywzLjAxNywwLDAsMCwzLjAxNiwzMi4wOGgxOC4xYTMuMDE3LDMuMDE3LDAsMCwwLDMuMDE2LTMuMDE2VjguMTk1QTMuMDMxLDMuMDMxLDAsMCwwLDIzLjI0NCw2LjA1OFpNMjAuODY5LDcuOTVIMTYuMDg3VjMuMTY4Wk0zLjAxNiwyOS4wNjNWMi45MjNIMTMuMDdWOS40NThhMS41LDEuNSwwLDAsMCwxLjUwOCwxLjUwOGg2LjUzNXYxOC4xWm0xNS43MjItOS4wM2MtLjc2Ny0uNzU0LTIuOTUzLS41NDctNC4wNDctLjQwOGE1LjQ0OSw1LjQ0OSwwLDAsMS0yLjMxMi0yLjkwOSw3LjksNy45LDAsMCwwLC4zMzktMy41MTksMS40LDEuNCwwLDAsMC0yLjY3Ny0uMzcxLDkuMDUsOS4wNSwwLDAsMCwuNDQsNC4yMTYsNTAuNDU5LDUwLjQ1OSwwLDAsMS0yLjIyNCw0LjY3NWMtMS4yNTcuNjQ3LTIuOTUzLDEuNjQ2LTMuMiwyLjktLjIwNy45OTMsMS42MzQsMy40NjksNC43ODItMS45NjFhMzEuMTU0LDMxLjE1NCwwLDAsMSw0LjMtMS4yNjMsOC4zNjEsOC4zNjEsMCwwLDAsMy41MDYsMS4wNjhBMS40NTIsMS40NTIsMCwwLDAsMTguNzM4LDIwLjAzM1pNNi4yOSwyNC45MjJhNy41MzUsNy41MzUsMCwwLDEsMS45MS0yLjJDNy4wMDYsMjQuNjI3LDYuMjksMjQuOTY2LDYuMjksMjQuOTIyWm01LjEyOC0xMS45NzdjLjQ2NSwwLC40MjEsMi4wMTcuMTEzLDIuNTY0QTUuMjY5LDUuMjY5LDAsMCwxLDExLjQxOCwxMi45NDVaTTkuODg0LDIxLjUyOWEyNC42NjUsMjQuNjY1LDAsMCwwLDEuNTUyLTMuNDM3LDYuOTI0LDYuOTI0LDAsMCwwLDEuODkxLDIuMjMxQTIxLjI2LDIxLjI2LDAsMCwwLDkuODg0LDIxLjUyOVptOC4yNy0uMzE0cy0uMzE0LjM3Ny0yLjM0NC0uNDlDMTguMDE2LDIwLjU2MSwxOC4zOCwyMS4wNjQsMTguMTU0LDIxLjIxNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4xKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K");
}
.btn--download {
  --width-icon: 15px;
  --icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMy43MjIiIHZpZXdCb3g9IjAgMCAxMyAxMy43MjIiPgogIDxwYXRoIGlkPSJkb3dubG9hZC1saW5lIiBkPSJNMywxNC4yNzhIMTZ2MS40NDRIM1ptNy4yMjItNC4yMDksNC4zODUtNC4zODUsMS4wMjEsMS4wMjFMOS41LDEyLjgzMywzLjM3Miw2LjcwNSw0LjM5Myw1LjY4NGw0LjM4NSw0LjM4NVYyaDEuNDQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTIpIiBmaWxsPSIjZTYzOTQ2Ii8+Cjwvc3ZnPgo=");
  position: relative;
  padding-left: calc(10px + var(--width-icon));
  color: var(--ci-color-red);
}
.btn--download:hover {
  color: var(--ci-color-red);
}
.btn--download:before {
  top: 56%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  content: var(--icon);
}
.social {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  gap: 10px;
  z-index: 998;
}
.social__item {
  width: 60px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ci-color-blue-social);
  box-shadow: 5px 3px 22px 6px rgba(0, 0, 0, 0.16);
}
.social__item img {
  width: 30px;
  height: auto;
}
.jumper {
  position: fixed;
  width: 45px;
  aspect-ratio: 1;
  border-radius: 9999px;
  display: flex;
  right: 7.5px;
  z-index: 1000;
  bottom: 10px;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  cursor: pointer;
  box-shadow: 5px 3px 22px 6px rgba(0, 0, 0, 0.16);
}
.jumper.-is-visible {
  opacity: 1;
  visibility: visible;
}
.jumper img {
  width: 16px;
}
.timeline {
  --timeline-year-circle-size: 100px;
  --gap-circle-box: 50px;
  position: relative;
  width: 100%;
  max-width: var(--inner-width);
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline {
    --gap-circle-box: 20px;
    --timeline-year-circle-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .timeline {
    --gap-circle-box: 20px;
    --timeline-year-circle-size: 80px;
  }
}
.timeline:before {
  content: "";
  position: absolute;
  width: 2px;
  background: var(--ci-color-blue);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline:before {
    left: calc(var(--timeline-year-circle-size) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .timeline:before {
    left: calc(var(--timeline-year-circle-size) / 2);
  }
}
.timeline__item {
  width: 100%;
  display: flex;
  align-items: center;
}
.timeline__item.-first, .timeline__item.-last {
  --timeline-year-circle-size: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item.-first, .timeline__item.-last {
    --timeline-year-circle-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item.-first, .timeline__item.-last {
    --timeline-year-circle-size: 80px;
  }
}
.timeline__item.-first .timeline__item__date, .timeline__item.-last .timeline__item__date {
  background-color: var(--ci-color-red);
  border-color: var(--ci-color-red);
  color: #fff;
  font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item.-first .timeline__item__date, .timeline__item.-last .timeline__item__date {
    --timeline-year-circle-size: 80px;
    font-size: var(--font-size-text);
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item.-first .timeline__item__date, .timeline__item.-last .timeline__item__date {
    --timeline-year-circle-size: 80px;
    font-size: var(--font-size-text);
  }
}
.timeline__item.-odd .timeline__item__content {
  margin-left: calc(50% + (var(--timeline-year-circle-size) / 2));
  width: calc(50% - (var(--timeline-year-circle-size) / 2));
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item.-odd .timeline__item__content {
    margin-left: var(--timeline-year-circle-size);
    width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item.-odd .timeline__item__content {
    margin-left: var(--timeline-year-circle-size);
    width: unset;
  }
}
.timeline__item.-odd .timeline__item__content__wrapper {
  margin-right: 0;
  margin-left: var(--gap-circle-box);
  position: relative;
}
.timeline__item.-odd .timeline__item__content__wrapper:before {
  content: " ";
  position: absolute;
  left: calc(var(--gap-circle-box) / -1);
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--gap-circle-box) - 2px);
  z-index: 1;
  border: 1px dashed var(--ci-color-blue);
}
.timeline__item.-even .timeline__item__content__wrapper:before {
  content: " ";
  position: absolute;
  right: calc(var(--gap-circle-box) / -1);
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--gap-circle-box) - 2px);
  z-index: 1;
  border: 1px dashed var(--ci-color-blue);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item.-even .timeline__item__content__wrapper:before {
    right: unset;
    left: calc(var(--gap-circle-box) / -1);
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item.-even .timeline__item__content__wrapper:before {
    right: unset;
    left: calc(var(--gap-circle-box) / -1);
  }
}
.timeline__item__date {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: var(--ci-color-grey);
  width: var(--timeline-year-circle-size);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid var(--ci-color-blue);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item__date {
    left: 0;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item__date {
    left: 0;
    transform: translateX(0);
  }
}
.timeline__item__content {
  min-height: var(--timeline-year-circle-size);
  margin-bottom: var(--margin-text);
  margin-top: var(--margin-text);
  width: calc(50% - (var(--timeline-year-circle-size) / 2));
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item__content {
    margin-left: var(--timeline-year-circle-size);
    width: unset;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item__content {
    margin-left: var(--timeline-year-circle-size);
    width: unset;
    justify-content: flex-start;
  }
}
.timeline__item__content p:last-child {
  margin-bottom: 0;
}
.timeline__item__content__wrapper {
  position: relative;
  border: 1px solid var(--ci-color-dark-grey);
  max-width: 375px;
  width: 100%;
  margin-right: var(--gap-circle-box);
  background-color: var(--ci-color-blue);
  --color-text: #fff;
  z-index: 1000;
}
.timeline__item__content__wrapper__image img {
  aspect-ratio: 1.8600823045;
  width: 100%;
  object-fit: cover;
  display: flex;
}
.timeline__item__content__wrapper__text {
  padding: 10px 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .timeline__item__content__wrapper {
    margin-right: 0;
    margin-left: var(--gap-circle-box);
  }
}
@media only screen and (max-width: 767px) {
  .timeline__item__content__wrapper {
    margin-right: 0;
    margin-left: var(--gap-circle-box);
  }
}
.filter--tabs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--margin-text);
  border-bottom: 1px solid var(--ci-color-red);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .filter--tabs {
    display: flex;
    flex-direction: column;
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .filter--tabs {
    display: flex;
    flex-direction: column;
    border-bottom: none;
  }
}
.filter--tabs__tab label {
  display: inline-block;
  padding: 15px 10px;
  cursor: pointer;
  position: relative;
}
.filter--tabs__tab.-active label {
  font-weight: bold;
}
.filter--tabs__tab.-active label:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  background-color: var(--ci-color-red);
  top: calc(100% - 1px);
}
.card {
  box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid var(--ci-color-grey);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  margin-right: var(--card-gap-x);
  background-color: #fff;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  --color-link: var(--ci-color-blue);
  color: var(--ci-color-blue);
}
.card__header {
  position: relative;
}
.card__header__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.537414966;
  object-fit: cover;
  vertical-align: middle;
  display: flex;
}
.card__header__date {
  position: absolute;
  display: inline-block;
  bottom: 0;
  background-color: var(--ci-color-red);
  padding: 5px;
  left: var(--card-padding);
}
.card__body {
  padding: var(--card-padding);
}
.card__body__text {
  margin-bottom: var(--margin-text);
}
.card__body__text__details {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 12px;
  align-items: start;
}
.card__body__action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--margin-text);
}
.list--performance-slides.-with-shadow .list--performance-slides__item {
  border: 1px solid var(--ci-color-grey);
  overflow: visible;
}
.list--performance-slides.-as-grid {
  display: grid;
  gap: var(--card-gap-x);
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 1372px) {
  .list--performance-slides.-as-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .list--performance-slides.-as-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.list--performance-slides.-as-grid .list--performance-slides__item {
  width: 100% !important;
  margin-right: 0;
}
.list--performance-slides.-as-grid-3 {
  display: grid;
  gap: var(--card-gap-x);
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 1372px) {
  .list--performance-slides.-as-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .list--performance-slides.-as-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.list--performance-slides.-as-grid-3 .list--performance-slides__item {
  width: 100% !important;
  margin-right: 0;
}
.list--performance-slides__item {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  min-height: 100%;
  width: 24%;
  margin-right: var(--card-gap-x);
  background-color: #fff;
  --color-text: var(--ci-color-blue);
  --color-heading: var(--ci-color-blue);
  --color-link: var(--ci-color-blue);
  color: var(--ci-color-blue);
  display: grid;
  gap: var(--margin-text);
  grid-template-rows: 1fr auto;
}
@media only screen and (min-width: 768px) and (max-width: 1372px) {
  .list--performance-slides__item {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .list--performance-slides__item {
    width: 80%;
  }
}
.list--performance-slides__item__content__header {
  position: relative;
}
.list--performance-slides__item__content__header__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.537414966;
  object-fit: cover;
  vertical-align: middle;
  display: flex;
  overflow: hidden;
}
.list--performance-slides__item__content__header__date {
  position: absolute;
  display: inline-block;
  bottom: 0;
  background-color: var(--ci-color-red);
  padding: 5px;
  left: var(--card-padding);
  color: #fff;
}
.list--performance-slides__item__content__body {
  padding: var(--card-padding);
  padding-bottom: 0;
}
.list--performance-slides__item__content__body__details {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 12px;
  align-items: start;
}
.list--performance-slides__item__action {
  padding: var(--card-padding);
  padding-top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--card-padding);
}
@media only screen and (min-width: 960px) and (max-width: 1534px) {
  .list--performance-slides__item__action {
    gap: calc(var(--margin-text) / 2);
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .list--performance-slides__item__action {
    gap: calc(var(--margin-text) / 2);
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .list--performance-slides__item__action {
    gap: calc(var(--margin-text) / 2);
    flex-direction: column;
  }
}
/* CE-3313499d85d6fa38352dad6a9620a2c196061d9d [Zeile nicht entfernen - wird für Modul-Installation benötigt] */