@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* COLOR DEFINITIONS */
/* SETTINGS */
/* BREAKPOINTS */
a, p, h1, h2, h3, h4, h5, h6, li, span, strong, label, table {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  color: #04305C; }
  a.nopadding, p.nopadding, h1.nopadding, h2.nopadding, h3.nopadding, h4.nopadding, h5.nopadding, h6.nopadding, li.nopadding, span.nopadding, strong.nopadding, label.nopadding, table.nopadding {
    padding: 0; }
  a.center, p.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, li.center, span.center, strong.center, label.center, table.center {
    text-align: center; }
  a.left, p.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left, li.left, span.left, strong.left, label.left, table.left {
    text-align: left; }
  a.white, p.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, li.white, span.white, strong.white, label.white, table.white {
    color: #ffffff; }
  a.shadow--text, p.shadow--text, h1.shadow--text, h2.shadow--text, h3.shadow--text, h4.shadow--text, h5.shadow--text, h6.shadow--text, li.shadow--text, span.shadow--text, strong.shadow--text, label.shadow--text, table.shadow--text {
    text-shadow: 2px 3px 3px #04305C; }

sub {
  font-size: 14px; }

h1[invisible] {
  display: none; }

a, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.175rem;
  line-height: 2rem;
  font-weight: 400;
  text-decoration: none;
  color: #04305C;
  cursor: pointer; }
  a.button, button.button {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 30px;
    color: #ffffff;
    border-radius: 100px;
    background: #04305C;
    border: none; }
    a.button:hover, button.button:hover {
      background: #1489C5; }
    a.button.white, button.button.white {
      border: 2px solid #ffffff;
      background: #ffffff;
      color: #04305C; }
      a.button.white:hover, button.button.white:hover {
        color: #04305C;
        border: 2px solid #04305C; }
  a.button--arrow--gelb, button.button--arrow--gelb {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #F6BB3D;
    position: relative;
    padding: 10px 20px 10px 35px; }
    a.button--arrow--gelb::before, button.button--arrow--gelb::before {
      content: '';
      position: absolute;
      left: 0;
      top: 19px;
      background: url("../img/arrow--right--gelb.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 20px;
      height: 16px; }
  a.button--arrow--rot, button.button--arrow--rot {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #C82B39;
    position: relative;
    padding: 10px 20px 10px 35px;
    background-color: transparent;
    border: 0; }
    a.button--arrow--rot::before, button.button--arrow--rot::before {
      content: '';
      position: absolute;
      left: 0;
      top: 19px;
      background: url("../img/arrow--right--rot.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 20px;
      height: 16px; }

h1, .h1, h2.big, h3.big {
  font-size: 3.75rem;
  line-height: 4.65rem;
  font-weight: 600;
  padding-bottom: 50px;
  text-transform: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    h1, .h1, h2.big, h3.big {
      font-size: 3.25rem;
      line-height: 3.875rem;
      padding-bottom: 35px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    h1, .h1, h2.big, h3.big {
      font-size: 2rem;
      line-height: 2.4rem;
      max-width: calc(100vw - 40px);
      margin: 0 auto; } }

h2, .h2, h1.small, h3.mid {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 400;
  padding-bottom: 25px; }
  @media (min-width: 768px) and (max-width: 991px) {
    h2, .h2, h1.small, h3.mid {
      font-size: 1.25rem;
      line-height: 1.75rem; } }
  @media (min-width: 320px) and (max-width: 767px) {
    h2, .h2, h1.small, h3.mid {
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0.5px;
      max-width: calc(100vw - 40px);
      margin: 0 auto; } }

h3, .h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  padding-bottom: 20px; }

p {
  font-size: 1.175rem;
  line-height: 2rem;
  font-weight: 400; }
  p.big {
    font-size: 1.55rem;
    line-height: 2.75rem; }
    @media (min-width: 320px) and (max-width: 767px) {
      p.big {
        font-size: 1.25rem;
        line-height: 2rem; } }
  p.underline {
    text-decoration: underline; }
  @media (min-width: 320px) and (max-width: 767px) {
    p {
      font-size: 1rem;
      line-height: 1.5rem; } }

span.underline {
  text-decoration: underline; }

.ce_text p {
  padding-bottom: 20px; }

.ce_text ol {
  list-style-type: decimal;
  padding-left: 24px;
  font-size: 1.175rem;
  line-height: 2rem;
  font-weight: 400; }
  .ce_text ol li {
    padding-left: 10px; }

.ce_text ul {
  list-style-type: square;
  padding-left: 30px;
  margin-bottom: 1em;
  font-size: 1.175rem;
  line-height: 2rem;
  font-weight: 400; }
  .ce_text ul li {
    text-indent: 0px;
    padding-left: 0; }

.icon {
  height: 90px;
  width: 90px;
  margin: 0 auto;
  margin-bottom: 30px; }
  .icon.black svg .st0, .icon.black svg .st1, .icon.black svg .st2 {
    stroke: #04305C; }
  .icon.white svg .st0, .icon.white svg .st1, .icon.white svg .st2 {
    stroke: #ffffff; }
  .icon.conny-rot svg .st0, .icon.conny-rot svg .st1, .icon.conny-rot svg .st2 {
    stroke: #C82B39; }
  .icon.conny-blau svg .st0, .icon.conny-blau svg .st1, .icon.conny-blau svg .st2 {
    stroke: #1489C5; }
  .icon.conny-gelb svg .st0, .icon.conny-gelb svg .st1, .icon.conny-gelb svg .st2 {
    stroke: #F6BB3D; }

/* generate grid classes */
.col-1 {
  -ms-grid-column: 1;
  grid-column-start: 1; }

.col-span-1 {
  -ms-grid-column-span: 1;
  grid-column-end: span 1; }

.row-1 {
  -ms-grid-row: 1;
  grid-row-start: 1; }

.row-span-1 {
  -ms-grid-row-span: 1;
  grid-row-end: span 1; }

.col-2 {
  -ms-grid-column: 2;
  grid-column-start: 2; }

.col-span-2 {
  -ms-grid-column-span: 2;
  grid-column-end: span 2; }

.row-2 {
  -ms-grid-row: 2;
  grid-row-start: 2; }

.row-span-2 {
  -ms-grid-row-span: 2;
  grid-row-end: span 2; }

.col-3 {
  -ms-grid-column: 3;
  grid-column-start: 3; }

.col-span-3 {
  -ms-grid-column-span: 3;
  grid-column-end: span 3; }

.row-3 {
  -ms-grid-row: 3;
  grid-row-start: 3; }

.row-span-3 {
  -ms-grid-row-span: 3;
  grid-row-end: span 3; }

.col-4 {
  -ms-grid-column: 4;
  grid-column-start: 4; }

.col-span-4 {
  -ms-grid-column-span: 4;
  grid-column-end: span 4; }

.row-4 {
  -ms-grid-row: 4;
  grid-row-start: 4; }

.row-span-4 {
  -ms-grid-row-span: 4;
  grid-row-end: span 4; }

.col-5 {
  -ms-grid-column: 5;
  grid-column-start: 5; }

.col-span-5 {
  -ms-grid-column-span: 5;
  grid-column-end: span 5; }

.row-5 {
  -ms-grid-row: 5;
  grid-row-start: 5; }

.row-span-5 {
  -ms-grid-row-span: 5;
  grid-row-end: span 5; }

.col-6 {
  -ms-grid-column: 6;
  grid-column-start: 6; }

.col-span-6 {
  -ms-grid-column-span: 6;
  grid-column-end: span 6; }

.row-6 {
  -ms-grid-row: 6;
  grid-row-start: 6; }

.row-span-6 {
  -ms-grid-row-span: 6;
  grid-row-end: span 6; }

.col-7 {
  -ms-grid-column: 7;
  grid-column-start: 7; }

.col-span-7 {
  -ms-grid-column-span: 7;
  grid-column-end: span 7; }

.row-7 {
  -ms-grid-row: 7;
  grid-row-start: 7; }

.row-span-7 {
  -ms-grid-row-span: 7;
  grid-row-end: span 7; }

.col-8 {
  -ms-grid-column: 8;
  grid-column-start: 8; }

.col-span-8 {
  -ms-grid-column-span: 8;
  grid-column-end: span 8; }

.row-8 {
  -ms-grid-row: 8;
  grid-row-start: 8; }

.row-span-8 {
  -ms-grid-row-span: 8;
  grid-row-end: span 8; }

.col-9 {
  -ms-grid-column: 9;
  grid-column-start: 9; }

.col-span-9 {
  -ms-grid-column-span: 9;
  grid-column-end: span 9; }

.row-9 {
  -ms-grid-row: 9;
  grid-row-start: 9; }

.row-span-9 {
  -ms-grid-row-span: 9;
  grid-row-end: span 9; }

.col-10 {
  -ms-grid-column: 10;
  grid-column-start: 10; }

.col-span-10 {
  -ms-grid-column-span: 10;
  grid-column-end: span 10; }

.row-10 {
  -ms-grid-row: 10;
  grid-row-start: 10; }

.row-span-10 {
  -ms-grid-row-span: 10;
  grid-row-end: span 10; }

.col-11 {
  -ms-grid-column: 11;
  grid-column-start: 11; }

.col-span-11 {
  -ms-grid-column-span: 11;
  grid-column-end: span 11; }

.row-11 {
  -ms-grid-row: 11;
  grid-row-start: 11; }

.row-span-11 {
  -ms-grid-row-span: 11;
  grid-row-end: span 11; }

.col-12 {
  -ms-grid-column: 12;
  grid-column-start: 12; }

.col-span-12 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12; }

.row-12 {
  -ms-grid-row: 12;
  grid-row-start: 12; }

.row-span-12 {
  -ms-grid-row-span: 12;
  grid-row-end: span 12; }

.col-13 {
  -ms-grid-column: 13;
  grid-column-start: 13; }

.col-span-13 {
  -ms-grid-column-span: 13;
  grid-column-end: span 13; }

.row-13 {
  -ms-grid-row: 13;
  grid-row-start: 13; }

.row-span-13 {
  -ms-grid-row-span: 13;
  grid-row-end: span 13; }

.col-14 {
  -ms-grid-column: 14;
  grid-column-start: 14; }

.col-span-14 {
  -ms-grid-column-span: 14;
  grid-column-end: span 14; }

.row-14 {
  -ms-grid-row: 14;
  grid-row-start: 14; }

.row-span-14 {
  -ms-grid-row-span: 14;
  grid-row-end: span 14; }

.col-15 {
  -ms-grid-column: 15;
  grid-column-start: 15; }

.col-span-15 {
  -ms-grid-column-span: 15;
  grid-column-end: span 15; }

.row-15 {
  -ms-grid-row: 15;
  grid-row-start: 15; }

.row-span-15 {
  -ms-grid-row-span: 15;
  grid-row-end: span 15; }

.col-16 {
  -ms-grid-column: 16;
  grid-column-start: 16; }

.col-span-16 {
  -ms-grid-column-span: 16;
  grid-column-end: span 16; }

.row-16 {
  -ms-grid-row: 16;
  grid-row-start: 16; }

.row-span-16 {
  -ms-grid-row-span: 16;
  grid-row-end: span 16; }

.justify-self-start {
  -ms-grid-column-align: start;
  justify-self: start; }

.justify-self-end {
  -ms-grid-column-align: end;
  justify-self: end; }

.justify-self-center {
  -ms-grid-column-align: center;
  justify-self: center; }

.justify-self-stretch {
  -ms-grid-column-align: stretch;
  justify-self: stretch; }

.align-self-start {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start; }

.align-self-end {
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end; }

.align-self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.justify-content-stretch {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch; }

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

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

.align-items-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.flex-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

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

.ta-left {
  text-align: left; }

.ta-right {
  text-align: right; }

@media (min-width: 1200px) {
  .col-xl-1 {
    -ms-grid-column: 1;
    grid-column-start: 1; }
  .col-xl-span-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1; }
  .row-xl-1 {
    -ms-grid-row: 1;
    grid-row-start: 1; }
  .row-xl-span-1 {
    -ms-grid-row-span: 1;
    grid-row-end: span 1; }
  .col-xl-2 {
    -ms-grid-column: 2;
    grid-column-start: 2; }
  .col-xl-span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; }
  .row-xl-2 {
    -ms-grid-row: 2;
    grid-row-start: 2; }
  .row-xl-span-2 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2; }
  .col-xl-3 {
    -ms-grid-column: 3;
    grid-column-start: 3; }
  .col-xl-span-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3; }
  .row-xl-3 {
    -ms-grid-row: 3;
    grid-row-start: 3; }
  .row-xl-span-3 {
    -ms-grid-row-span: 3;
    grid-row-end: span 3; }
  .col-xl-4 {
    -ms-grid-column: 4;
    grid-column-start: 4; }
  .col-xl-span-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4; }
  .row-xl-4 {
    -ms-grid-row: 4;
    grid-row-start: 4; }
  .row-xl-span-4 {
    -ms-grid-row-span: 4;
    grid-row-end: span 4; }
  .col-xl-5 {
    -ms-grid-column: 5;
    grid-column-start: 5; }
  .col-xl-span-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5; }
  .row-xl-5 {
    -ms-grid-row: 5;
    grid-row-start: 5; }
  .row-xl-span-5 {
    -ms-grid-row-span: 5;
    grid-row-end: span 5; }
  .col-xl-6 {
    -ms-grid-column: 6;
    grid-column-start: 6; }
  .col-xl-span-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6; }
  .row-xl-6 {
    -ms-grid-row: 6;
    grid-row-start: 6; }
  .row-xl-span-6 {
    -ms-grid-row-span: 6;
    grid-row-end: span 6; }
  .col-xl-7 {
    -ms-grid-column: 7;
    grid-column-start: 7; }
  .col-xl-span-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7; }
  .row-xl-7 {
    -ms-grid-row: 7;
    grid-row-start: 7; }
  .row-xl-span-7 {
    -ms-grid-row-span: 7;
    grid-row-end: span 7; }
  .col-xl-8 {
    -ms-grid-column: 8;
    grid-column-start: 8; }
  .col-xl-span-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8; }
  .row-xl-8 {
    -ms-grid-row: 8;
    grid-row-start: 8; }
  .row-xl-span-8 {
    -ms-grid-row-span: 8;
    grid-row-end: span 8; }
  .col-xl-9 {
    -ms-grid-column: 9;
    grid-column-start: 9; }
  .col-xl-span-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9; }
  .row-xl-9 {
    -ms-grid-row: 9;
    grid-row-start: 9; }
  .row-xl-span-9 {
    -ms-grid-row-span: 9;
    grid-row-end: span 9; }
  .col-xl-10 {
    -ms-grid-column: 10;
    grid-column-start: 10; }
  .col-xl-span-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10; }
  .row-xl-10 {
    -ms-grid-row: 10;
    grid-row-start: 10; }
  .row-xl-span-10 {
    -ms-grid-row-span: 10;
    grid-row-end: span 10; }
  .col-xl-11 {
    -ms-grid-column: 11;
    grid-column-start: 11; }
  .col-xl-span-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11; }
  .row-xl-11 {
    -ms-grid-row: 11;
    grid-row-start: 11; }
  .row-xl-span-11 {
    -ms-grid-row-span: 11;
    grid-row-end: span 11; }
  .col-xl-12 {
    -ms-grid-column: 12;
    grid-column-start: 12; }
  .col-xl-span-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12; }
  .row-xl-12 {
    -ms-grid-row: 12;
    grid-row-start: 12; }
  .row-xl-span-12 {
    -ms-grid-row-span: 12;
    grid-row-end: span 12; }
  .col-xl-13 {
    -ms-grid-column: 13;
    grid-column-start: 13; }
  .col-xl-span-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13; }
  .row-xl-13 {
    -ms-grid-row: 13;
    grid-row-start: 13; }
  .row-xl-span-13 {
    -ms-grid-row-span: 13;
    grid-row-end: span 13; }
  .col-xl-14 {
    -ms-grid-column: 14;
    grid-column-start: 14; }
  .col-xl-span-14 {
    -ms-grid-column-span: 14;
    grid-column-end: span 14; }
  .row-xl-14 {
    -ms-grid-row: 14;
    grid-row-start: 14; }
  .row-xl-span-14 {
    -ms-grid-row-span: 14;
    grid-row-end: span 14; }
  .col-xl-15 {
    -ms-grid-column: 15;
    grid-column-start: 15; }
  .col-xl-span-15 {
    -ms-grid-column-span: 15;
    grid-column-end: span 15; }
  .row-xl-15 {
    -ms-grid-row: 15;
    grid-row-start: 15; }
  .row-xl-span-15 {
    -ms-grid-row-span: 15;
    grid-row-end: span 15; }
  .col-xl-16 {
    -ms-grid-column: 16;
    grid-column-start: 16; }
  .col-xl-span-16 {
    -ms-grid-column-span: 16;
    grid-column-end: span 16; }
  .row-xl-16 {
    -ms-grid-row: 16;
    grid-row-start: 16; }
  .row-xl-span-16 {
    -ms-grid-row-span: 16;
    grid-row-end: span 16; }
  .justify-self-xl-start {
    -ms-grid-column-align: start;
    justify-self: start; }
  .justify-self-xl-end {
    -ms-grid-column-align: end;
    justify-self: end; }
  .justify-self-xl-center {
    -ms-grid-column-align: center;
    justify-self: center; }
  .justify-self-xl-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch; }
  .align-self-xl-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .align-self-xl-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end; }
  .align-self-xl-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .justify-content-xl-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .justify-content-xl-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .justify-content-xl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .justify-content-xl-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; }
  .align-items-xl-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .align-items-xl-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .align-items-xl-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .align-items-xl-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .ta-xl-center {
    text-align: center; }
  .ta-xl-left {
    text-align: left; }
  .ta-xl-right {
    text-align: right; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .col-l-1 {
    -ms-grid-column: 1;
    grid-column-start: 1; }
  .col-l-span-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1; }
  .row-l-1 {
    -ms-grid-row: 1;
    grid-row-start: 1; }
  .row-l-span-1 {
    -ms-grid-row-span: 1;
    grid-row-end: span 1; }
  .col-l-2 {
    -ms-grid-column: 2;
    grid-column-start: 2; }
  .col-l-span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; }
  .row-l-2 {
    -ms-grid-row: 2;
    grid-row-start: 2; }
  .row-l-span-2 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2; }
  .col-l-3 {
    -ms-grid-column: 3;
    grid-column-start: 3; }
  .col-l-span-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3; }
  .row-l-3 {
    -ms-grid-row: 3;
    grid-row-start: 3; }
  .row-l-span-3 {
    -ms-grid-row-span: 3;
    grid-row-end: span 3; }
  .col-l-4 {
    -ms-grid-column: 4;
    grid-column-start: 4; }
  .col-l-span-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4; }
  .row-l-4 {
    -ms-grid-row: 4;
    grid-row-start: 4; }
  .row-l-span-4 {
    -ms-grid-row-span: 4;
    grid-row-end: span 4; }
  .col-l-5 {
    -ms-grid-column: 5;
    grid-column-start: 5; }
  .col-l-span-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5; }
  .row-l-5 {
    -ms-grid-row: 5;
    grid-row-start: 5; }
  .row-l-span-5 {
    -ms-grid-row-span: 5;
    grid-row-end: span 5; }
  .col-l-6 {
    -ms-grid-column: 6;
    grid-column-start: 6; }
  .col-l-span-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6; }
  .row-l-6 {
    -ms-grid-row: 6;
    grid-row-start: 6; }
  .row-l-span-6 {
    -ms-grid-row-span: 6;
    grid-row-end: span 6; }
  .col-l-7 {
    -ms-grid-column: 7;
    grid-column-start: 7; }
  .col-l-span-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7; }
  .row-l-7 {
    -ms-grid-row: 7;
    grid-row-start: 7; }
  .row-l-span-7 {
    -ms-grid-row-span: 7;
    grid-row-end: span 7; }
  .col-l-8 {
    -ms-grid-column: 8;
    grid-column-start: 8; }
  .col-l-span-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8; }
  .row-l-8 {
    -ms-grid-row: 8;
    grid-row-start: 8; }
  .row-l-span-8 {
    -ms-grid-row-span: 8;
    grid-row-end: span 8; }
  .col-l-9 {
    -ms-grid-column: 9;
    grid-column-start: 9; }
  .col-l-span-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9; }
  .row-l-9 {
    -ms-grid-row: 9;
    grid-row-start: 9; }
  .row-l-span-9 {
    -ms-grid-row-span: 9;
    grid-row-end: span 9; }
  .col-l-10 {
    -ms-grid-column: 10;
    grid-column-start: 10; }
  .col-l-span-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10; }
  .row-l-10 {
    -ms-grid-row: 10;
    grid-row-start: 10; }
  .row-l-span-10 {
    -ms-grid-row-span: 10;
    grid-row-end: span 10; }
  .col-l-11 {
    -ms-grid-column: 11;
    grid-column-start: 11; }
  .col-l-span-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11; }
  .row-l-11 {
    -ms-grid-row: 11;
    grid-row-start: 11; }
  .row-l-span-11 {
    -ms-grid-row-span: 11;
    grid-row-end: span 11; }
  .col-l-12 {
    -ms-grid-column: 12;
    grid-column-start: 12; }
  .col-l-span-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12; }
  .row-l-12 {
    -ms-grid-row: 12;
    grid-row-start: 12; }
  .row-l-span-12 {
    -ms-grid-row-span: 12;
    grid-row-end: span 12; }
  .col-l-13 {
    -ms-grid-column: 13;
    grid-column-start: 13; }
  .col-l-span-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13; }
  .row-l-13 {
    -ms-grid-row: 13;
    grid-row-start: 13; }
  .row-l-span-13 {
    -ms-grid-row-span: 13;
    grid-row-end: span 13; }
  .col-l-14 {
    -ms-grid-column: 14;
    grid-column-start: 14; }
  .col-l-span-14 {
    -ms-grid-column-span: 14;
    grid-column-end: span 14; }
  .row-l-14 {
    -ms-grid-row: 14;
    grid-row-start: 14; }
  .row-l-span-14 {
    -ms-grid-row-span: 14;
    grid-row-end: span 14; }
  .col-l-15 {
    -ms-grid-column: 15;
    grid-column-start: 15; }
  .col-l-span-15 {
    -ms-grid-column-span: 15;
    grid-column-end: span 15; }
  .row-l-15 {
    -ms-grid-row: 15;
    grid-row-start: 15; }
  .row-l-span-15 {
    -ms-grid-row-span: 15;
    grid-row-end: span 15; }
  .col-l-16 {
    -ms-grid-column: 16;
    grid-column-start: 16; }
  .col-l-span-16 {
    -ms-grid-column-span: 16;
    grid-column-end: span 16; }
  .row-l-16 {
    -ms-grid-row: 16;
    grid-row-start: 16; }
  .row-l-span-16 {
    -ms-grid-row-span: 16;
    grid-row-end: span 16; }
  .justify-self-l-start {
    -ms-grid-column-align: start;
    justify-self: start; }
  .justify-self-l-end {
    -ms-grid-column-align: end;
    justify-self: end; }
  .justify-self-l-center {
    -ms-grid-column-align: center;
    justify-self: center; }
  .justify-self-l-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch; }
  .align-self-l-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .align-self-l-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end; }
  .align-self-l-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .align-self-l-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .justify-content-l-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .justify-content-l-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .justify-content-l-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .justify-content-l-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; }
  .align-items-l-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .align-items-l-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .align-items-l-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .align-items-l-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .ta-l-center {
    text-align: center; }
  .ta-l-left {
    text-align: left; }
  .ta-l-right {
    text-align: right; } }

@media (min-width: 768px) and (max-width: 991px) {
  .col-m-1 {
    -ms-grid-column: 1;
    grid-column-start: 1; }
  .col-m-span-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1; }
  .row-m-1 {
    -ms-grid-row: 1;
    grid-row-start: 1; }
  .row-m-span-1 {
    -ms-grid-row-span: 1;
    grid-row-end: span 1; }
  .col-m-2 {
    -ms-grid-column: 2;
    grid-column-start: 2; }
  .col-m-span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; }
  .row-m-2 {
    -ms-grid-row: 2;
    grid-row-start: 2; }
  .row-m-span-2 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2; }
  .col-m-3 {
    -ms-grid-column: 3;
    grid-column-start: 3; }
  .col-m-span-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3; }
  .row-m-3 {
    -ms-grid-row: 3;
    grid-row-start: 3; }
  .row-m-span-3 {
    -ms-grid-row-span: 3;
    grid-row-end: span 3; }
  .col-m-4 {
    -ms-grid-column: 4;
    grid-column-start: 4; }
  .col-m-span-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4; }
  .row-m-4 {
    -ms-grid-row: 4;
    grid-row-start: 4; }
  .row-m-span-4 {
    -ms-grid-row-span: 4;
    grid-row-end: span 4; }
  .col-m-5 {
    -ms-grid-column: 5;
    grid-column-start: 5; }
  .col-m-span-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5; }
  .row-m-5 {
    -ms-grid-row: 5;
    grid-row-start: 5; }
  .row-m-span-5 {
    -ms-grid-row-span: 5;
    grid-row-end: span 5; }
  .col-m-6 {
    -ms-grid-column: 6;
    grid-column-start: 6; }
  .col-m-span-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6; }
  .row-m-6 {
    -ms-grid-row: 6;
    grid-row-start: 6; }
  .row-m-span-6 {
    -ms-grid-row-span: 6;
    grid-row-end: span 6; }
  .col-m-7 {
    -ms-grid-column: 7;
    grid-column-start: 7; }
  .col-m-span-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7; }
  .row-m-7 {
    -ms-grid-row: 7;
    grid-row-start: 7; }
  .row-m-span-7 {
    -ms-grid-row-span: 7;
    grid-row-end: span 7; }
  .col-m-8 {
    -ms-grid-column: 8;
    grid-column-start: 8; }
  .col-m-span-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8; }
  .row-m-8 {
    -ms-grid-row: 8;
    grid-row-start: 8; }
  .row-m-span-8 {
    -ms-grid-row-span: 8;
    grid-row-end: span 8; }
  .col-m-9 {
    -ms-grid-column: 9;
    grid-column-start: 9; }
  .col-m-span-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9; }
  .row-m-9 {
    -ms-grid-row: 9;
    grid-row-start: 9; }
  .row-m-span-9 {
    -ms-grid-row-span: 9;
    grid-row-end: span 9; }
  .col-m-10 {
    -ms-grid-column: 10;
    grid-column-start: 10; }
  .col-m-span-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10; }
  .row-m-10 {
    -ms-grid-row: 10;
    grid-row-start: 10; }
  .row-m-span-10 {
    -ms-grid-row-span: 10;
    grid-row-end: span 10; }
  .col-m-11 {
    -ms-grid-column: 11;
    grid-column-start: 11; }
  .col-m-span-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11; }
  .row-m-11 {
    -ms-grid-row: 11;
    grid-row-start: 11; }
  .row-m-span-11 {
    -ms-grid-row-span: 11;
    grid-row-end: span 11; }
  .col-m-12 {
    -ms-grid-column: 12;
    grid-column-start: 12; }
  .col-m-span-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12; }
  .row-m-12 {
    -ms-grid-row: 12;
    grid-row-start: 12; }
  .row-m-span-12 {
    -ms-grid-row-span: 12;
    grid-row-end: span 12; }
  .col-m-13 {
    -ms-grid-column: 13;
    grid-column-start: 13; }
  .col-m-span-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13; }
  .row-m-13 {
    -ms-grid-row: 13;
    grid-row-start: 13; }
  .row-m-span-13 {
    -ms-grid-row-span: 13;
    grid-row-end: span 13; }
  .col-m-14 {
    -ms-grid-column: 14;
    grid-column-start: 14; }
  .col-m-span-14 {
    -ms-grid-column-span: 14;
    grid-column-end: span 14; }
  .row-m-14 {
    -ms-grid-row: 14;
    grid-row-start: 14; }
  .row-m-span-14 {
    -ms-grid-row-span: 14;
    grid-row-end: span 14; }
  .col-m-15 {
    -ms-grid-column: 15;
    grid-column-start: 15; }
  .col-m-span-15 {
    -ms-grid-column-span: 15;
    grid-column-end: span 15; }
  .row-m-15 {
    -ms-grid-row: 15;
    grid-row-start: 15; }
  .row-m-span-15 {
    -ms-grid-row-span: 15;
    grid-row-end: span 15; }
  .col-m-16 {
    -ms-grid-column: 16;
    grid-column-start: 16; }
  .col-m-span-16 {
    -ms-grid-column-span: 16;
    grid-column-end: span 16; }
  .row-m-16 {
    -ms-grid-row: 16;
    grid-row-start: 16; }
  .row-m-span-16 {
    -ms-grid-row-span: 16;
    grid-row-end: span 16; }
  .justify-self-m-start {
    -ms-grid-column-align: start;
    justify-self: start; }
  .justify-self-m-end {
    -ms-grid-column-align: end;
    justify-self: end; }
  .justify-self-m-center {
    -ms-grid-column-align: center;
    justify-self: center; }
  .justify-self-m-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch; }
  .align-self-m-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .align-self-m-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end; }
  .align-self-m-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .align-self-m-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .justify-content-m-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .justify-content-m-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .justify-content-m-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .justify-content-m-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; }
  .align-items-m-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .align-items-m-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .align-items-m-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .align-items-m-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .ta-m-center {
    text-align: center; }
  .ta-m-left {
    text-align: left; }
  .ta-m-right {
    text-align: right; } }

@media (min-width: 320px) and (max-width: 767px) {
  .col-s-1 {
    -ms-grid-column: 1;
    grid-column-start: 1; }
  .col-s-span-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1; }
  .row-s-1 {
    -ms-grid-row: 1;
    grid-row-start: 1; }
  .row-s-span-1 {
    -ms-grid-row-span: 1;
    grid-row-end: span 1; }
  .col-s-2 {
    -ms-grid-column: 2;
    grid-column-start: 2; }
  .col-s-span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; }
  .row-s-2 {
    -ms-grid-row: 2;
    grid-row-start: 2; }
  .row-s-span-2 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2; }
  .col-s-3 {
    -ms-grid-column: 3;
    grid-column-start: 3; }
  .col-s-span-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3; }
  .row-s-3 {
    -ms-grid-row: 3;
    grid-row-start: 3; }
  .row-s-span-3 {
    -ms-grid-row-span: 3;
    grid-row-end: span 3; }
  .col-s-4 {
    -ms-grid-column: 4;
    grid-column-start: 4; }
  .col-s-span-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4; }
  .row-s-4 {
    -ms-grid-row: 4;
    grid-row-start: 4; }
  .row-s-span-4 {
    -ms-grid-row-span: 4;
    grid-row-end: span 4; }
  .col-s-5 {
    -ms-grid-column: 5;
    grid-column-start: 5; }
  .col-s-span-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5; }
  .row-s-5 {
    -ms-grid-row: 5;
    grid-row-start: 5; }
  .row-s-span-5 {
    -ms-grid-row-span: 5;
    grid-row-end: span 5; }
  .col-s-6 {
    -ms-grid-column: 6;
    grid-column-start: 6; }
  .col-s-span-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6; }
  .row-s-6 {
    -ms-grid-row: 6;
    grid-row-start: 6; }
  .row-s-span-6 {
    -ms-grid-row-span: 6;
    grid-row-end: span 6; }
  .col-s-7 {
    -ms-grid-column: 7;
    grid-column-start: 7; }
  .col-s-span-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7; }
  .row-s-7 {
    -ms-grid-row: 7;
    grid-row-start: 7; }
  .row-s-span-7 {
    -ms-grid-row-span: 7;
    grid-row-end: span 7; }
  .col-s-8 {
    -ms-grid-column: 8;
    grid-column-start: 8; }
  .col-s-span-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8; }
  .row-s-8 {
    -ms-grid-row: 8;
    grid-row-start: 8; }
  .row-s-span-8 {
    -ms-grid-row-span: 8;
    grid-row-end: span 8; }
  .col-s-9 {
    -ms-grid-column: 9;
    grid-column-start: 9; }
  .col-s-span-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9; }
  .row-s-9 {
    -ms-grid-row: 9;
    grid-row-start: 9; }
  .row-s-span-9 {
    -ms-grid-row-span: 9;
    grid-row-end: span 9; }
  .col-s-10 {
    -ms-grid-column: 10;
    grid-column-start: 10; }
  .col-s-span-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10; }
  .row-s-10 {
    -ms-grid-row: 10;
    grid-row-start: 10; }
  .row-s-span-10 {
    -ms-grid-row-span: 10;
    grid-row-end: span 10; }
  .col-s-11 {
    -ms-grid-column: 11;
    grid-column-start: 11; }
  .col-s-span-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11; }
  .row-s-11 {
    -ms-grid-row: 11;
    grid-row-start: 11; }
  .row-s-span-11 {
    -ms-grid-row-span: 11;
    grid-row-end: span 11; }
  .col-s-12 {
    -ms-grid-column: 12;
    grid-column-start: 12; }
  .col-s-span-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12; }
  .row-s-12 {
    -ms-grid-row: 12;
    grid-row-start: 12; }
  .row-s-span-12 {
    -ms-grid-row-span: 12;
    grid-row-end: span 12; }
  .col-s-13 {
    -ms-grid-column: 13;
    grid-column-start: 13; }
  .col-s-span-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13; }
  .row-s-13 {
    -ms-grid-row: 13;
    grid-row-start: 13; }
  .row-s-span-13 {
    -ms-grid-row-span: 13;
    grid-row-end: span 13; }
  .col-s-14 {
    -ms-grid-column: 14;
    grid-column-start: 14; }
  .col-s-span-14 {
    -ms-grid-column-span: 14;
    grid-column-end: span 14; }
  .row-s-14 {
    -ms-grid-row: 14;
    grid-row-start: 14; }
  .row-s-span-14 {
    -ms-grid-row-span: 14;
    grid-row-end: span 14; }
  .col-s-15 {
    -ms-grid-column: 15;
    grid-column-start: 15; }
  .col-s-span-15 {
    -ms-grid-column-span: 15;
    grid-column-end: span 15; }
  .row-s-15 {
    -ms-grid-row: 15;
    grid-row-start: 15; }
  .row-s-span-15 {
    -ms-grid-row-span: 15;
    grid-row-end: span 15; }
  .col-s-16 {
    -ms-grid-column: 16;
    grid-column-start: 16; }
  .col-s-span-16 {
    -ms-grid-column-span: 16;
    grid-column-end: span 16; }
  .row-s-16 {
    -ms-grid-row: 16;
    grid-row-start: 16; }
  .row-s-span-16 {
    -ms-grid-row-span: 16;
    grid-row-end: span 16; }
  .justify-self-s-start {
    -ms-grid-column-align: start;
    justify-self: start; }
  .justify-self-s-end {
    -ms-grid-column-align: end;
    justify-self: end; }
  .justify-self-s-center {
    -ms-grid-column-align: center;
    justify-self: center; }
  .justify-self-s-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch; }
  .align-self-s-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .align-self-s-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end; }
  .align-self-s-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .align-self-s-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .justify-content-s-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .justify-content-s-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .justify-content-s-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .justify-content-s-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; }
  .align-items-s-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .align-items-s-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .align-items-s-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .align-items-s-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .ta-s-center {
    text-align: center; }
  .ta-s-left {
    text-align: left; }
  .ta-s-right {
    text-align: right; } }

@media (max-width: 320px) {
  .col-xs-1 {
    -ms-grid-column: 1;
    grid-column-start: 1; }
  .col-xs-span-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1; }
  .row-xs-1 {
    -ms-grid-row: 1;
    grid-row-start: 1; }
  .row-xs-span-1 {
    -ms-grid-row-span: 1;
    grid-row-end: span 1; }
  .col-xs-2 {
    -ms-grid-column: 2;
    grid-column-start: 2; }
  .col-xs-span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2; }
  .row-xs-2 {
    -ms-grid-row: 2;
    grid-row-start: 2; }
  .row-xs-span-2 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2; }
  .col-xs-3 {
    -ms-grid-column: 3;
    grid-column-start: 3; }
  .col-xs-span-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3; }
  .row-xs-3 {
    -ms-grid-row: 3;
    grid-row-start: 3; }
  .row-xs-span-3 {
    -ms-grid-row-span: 3;
    grid-row-end: span 3; }
  .col-xs-4 {
    -ms-grid-column: 4;
    grid-column-start: 4; }
  .col-xs-span-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4; }
  .row-xs-4 {
    -ms-grid-row: 4;
    grid-row-start: 4; }
  .row-xs-span-4 {
    -ms-grid-row-span: 4;
    grid-row-end: span 4; }
  .col-xs-5 {
    -ms-grid-column: 5;
    grid-column-start: 5; }
  .col-xs-span-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5; }
  .row-xs-5 {
    -ms-grid-row: 5;
    grid-row-start: 5; }
  .row-xs-span-5 {
    -ms-grid-row-span: 5;
    grid-row-end: span 5; }
  .col-xs-6 {
    -ms-grid-column: 6;
    grid-column-start: 6; }
  .col-xs-span-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6; }
  .row-xs-6 {
    -ms-grid-row: 6;
    grid-row-start: 6; }
  .row-xs-span-6 {
    -ms-grid-row-span: 6;
    grid-row-end: span 6; }
  .col-xs-7 {
    -ms-grid-column: 7;
    grid-column-start: 7; }
  .col-xs-span-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7; }
  .row-xs-7 {
    -ms-grid-row: 7;
    grid-row-start: 7; }
  .row-xs-span-7 {
    -ms-grid-row-span: 7;
    grid-row-end: span 7; }
  .col-xs-8 {
    -ms-grid-column: 8;
    grid-column-start: 8; }
  .col-xs-span-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8; }
  .row-xs-8 {
    -ms-grid-row: 8;
    grid-row-start: 8; }
  .row-xs-span-8 {
    -ms-grid-row-span: 8;
    grid-row-end: span 8; }
  .col-xs-9 {
    -ms-grid-column: 9;
    grid-column-start: 9; }
  .col-xs-span-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9; }
  .row-xs-9 {
    -ms-grid-row: 9;
    grid-row-start: 9; }
  .row-xs-span-9 {
    -ms-grid-row-span: 9;
    grid-row-end: span 9; }
  .col-xs-10 {
    -ms-grid-column: 10;
    grid-column-start: 10; }
  .col-xs-span-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10; }
  .row-xs-10 {
    -ms-grid-row: 10;
    grid-row-start: 10; }
  .row-xs-span-10 {
    -ms-grid-row-span: 10;
    grid-row-end: span 10; }
  .col-xs-11 {
    -ms-grid-column: 11;
    grid-column-start: 11; }
  .col-xs-span-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11; }
  .row-xs-11 {
    -ms-grid-row: 11;
    grid-row-start: 11; }
  .row-xs-span-11 {
    -ms-grid-row-span: 11;
    grid-row-end: span 11; }
  .col-xs-12 {
    -ms-grid-column: 12;
    grid-column-start: 12; }
  .col-xs-span-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12; }
  .row-xs-12 {
    -ms-grid-row: 12;
    grid-row-start: 12; }
  .row-xs-span-12 {
    -ms-grid-row-span: 12;
    grid-row-end: span 12; }
  .col-xs-13 {
    -ms-grid-column: 13;
    grid-column-start: 13; }
  .col-xs-span-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13; }
  .row-xs-13 {
    -ms-grid-row: 13;
    grid-row-start: 13; }
  .row-xs-span-13 {
    -ms-grid-row-span: 13;
    grid-row-end: span 13; }
  .col-xs-14 {
    -ms-grid-column: 14;
    grid-column-start: 14; }
  .col-xs-span-14 {
    -ms-grid-column-span: 14;
    grid-column-end: span 14; }
  .row-xs-14 {
    -ms-grid-row: 14;
    grid-row-start: 14; }
  .row-xs-span-14 {
    -ms-grid-row-span: 14;
    grid-row-end: span 14; }
  .col-xs-15 {
    -ms-grid-column: 15;
    grid-column-start: 15; }
  .col-xs-span-15 {
    -ms-grid-column-span: 15;
    grid-column-end: span 15; }
  .row-xs-15 {
    -ms-grid-row: 15;
    grid-row-start: 15; }
  .row-xs-span-15 {
    -ms-grid-row-span: 15;
    grid-row-end: span 15; }
  .col-xs-16 {
    -ms-grid-column: 16;
    grid-column-start: 16; }
  .col-xs-span-16 {
    -ms-grid-column-span: 16;
    grid-column-end: span 16; }
  .row-xs-16 {
    -ms-grid-row: 16;
    grid-row-start: 16; }
  .row-xs-span-16 {
    -ms-grid-row-span: 16;
    grid-row-end: span 16; }
  .justify-self-xs-start {
    -ms-grid-column-align: start;
    justify-self: start; }
  .justify-self-xs-end {
    -ms-grid-column-align: end;
    justify-self: end; }
  .justify-self-xs-center {
    -ms-grid-column-align: center;
    justify-self: center; }
  .justify-self-xs-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch; }
  .align-self-xs-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .align-self-xs-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end; }
  .align-self-xs-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .align-self-xs-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .justify-content-xs-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .justify-content-xs-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .justify-content-xs-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .justify-content-xs-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; }
  .align-items-xs-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .align-items-xs-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .align-items-xs-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .align-items-xs-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
  .ta-xs-center {
    text-align: center; }
  .ta-xs-left {
    text-align: left; }
  .ta-xs-right {
    text-align: right; } }

@media (min-width: 320px) and (max-width: 767px) {
  .attraktion__gallery--element img {
    width: 100% !important;
    display: table-row-group;
    height: auto;
    margin: 0px auto !important; }
  .carousel-item.active {
    display: unset !important; } }

.parkinformation__box__txt {
  position: absolute;
  top: 55px;
  left: 0;
  bottom: 0;
  padding: 40px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: left;
  max-width: 70%;
  margin: 0 auto; }

.highlights__box__txt h1 {
  padding-bottom: 30px; }

.highlights__box__txt p {
  font-size: 1.25rem;
  line-height: 2rem; }

.parkinformation__box__img {
  z-index: 2; }
  .parkinformation__box__img img {
    width: 100%;
    height: 550px;
    -o-object-fit: cover;
    object-fit: cover; }

.teaserboxes__container {
  margin-top: -90px !important;
  z-index: 2; }

video {
  width: 100%;
  height: 100%;
  display: block; }

strong {
  font-weight: 600; }

.ce_image {
  width: 100%; }
  .ce_image img {
    width: 100%; }

img {
  height: auto;
  display: block;
  position: relative;
  z-index: 2; }

.pos--rel {
  position: relative; }

.w-100 {
  width: 100%; }

.gradient--bottom {
  height: 75%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
  background: -webkit-linear-gradient(bottom, #000000, transparent);
  background: -o-linear-gradient(bottom, #000000, transparent);
  background: linear-gradient(to top, #000000, transparent); }

.gradient--top {
  height: 75%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(transparent));
  background: -webkit-linear-gradient(top, #000000, transparent);
  background: -o-linear-gradient(top, #000000, transparent);
  background: linear-gradient(to bottom, #000000, transparent); }

.gradient--left {
  height: 100%;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: -webkit-gradient(linear, left top, right top, from(#000000), to(transparent));
  background: -webkit-linear-gradient(left, #000000, transparent);
  background: -o-linear-gradient(left, #000000, transparent);
  background: linear-gradient(to right, #000000, transparent); }

.gradient--right {
  height: 100%;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  background: -webkit-gradient(linear, right top, left top, from(#000000), to(transparent));
  background: -webkit-linear-gradient(right, #000000, transparent);
  background: -o-linear-gradient(right, #000000, transparent);
  background: linear-gradient(to left, #000000, transparent); }

.background--blue {
  background: #1489C5; }

@media (min-width: 320px) and (max-width: 767px) {
  .hidden-xs {
    display: none; } }

.visible-xs {
  display: none; }
  @media (min-width: 320px) and (max-width: 767px) {
    .visible-xs {
      display: block; } }

#wrapper .grid--container.teaserboxes__container {
  margin-top: -80px;
  position: relative;
  z-index: 20;
  padding-bottom: 40px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #wrapper .grid--container.teaserboxes__container {
      margin-top: -150px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    #wrapper .grid--container.teaserboxes__container {
      margin-top: -165px; } }

.teaserlink {
  display: block;
  height: 100%; }

@media (min-width: 320px) and (max-width: 767px) {
  #wrapper .grid--container.mobile_3_cols {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 0; } }

.teaserbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
  margin: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .teaserbox.wetter {
    cursor: pointer; }
    .teaserbox.wetter:hover {
      background-color: #04305C; }
  @media (min-width: 768px) and (max-width: 991px) {
    .teaserbox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 15px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .teaserbox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      height: calc(100% - 10px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 8px; }
      .teaserbox.wetter {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px; }
      .teaserbox svg #aussenline {
        display: none; }
      .teaserbox svg #rest {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center; }
      .teaserbox svg#shows #rest {
        -webkit-transform: scale3d(1.75, 1.75, 1.75);
        transform: scale3d(1.75, 1.75, 1.75); } }
  .teaserbox.white {
    background-color: #1489C5; }
    .teaserbox.white .st0, .teaserbox.white .st1, .teaserbox.white .st2 {
      stroke: #ffffff; }
    .teaserbox.white .title, .teaserbox.white .subtitle, .teaserbox.white .text {
      color: #ffffff; }
  .teaserbox.conny-blau .st0, .teaserbox.conny-blau .st1, .teaserbox.conny-blau .st2 {
    stroke: #1489C5; }
  .teaserbox.conny-blau .title, .teaserbox.conny-blau .subtitle {
    color: #1489C5; }
  .teaserbox.conny-rot .st0, .teaserbox.conny-rot .st1, .teaserbox.conny-rot .st2 {
    stroke: #C82B39; }
  .teaserbox.conny-rot .title, .teaserbox.conny-rot .subtitle {
    color: #C82B39; }
  .teaserbox.conny-gelb .st0, .teaserbox.conny-gelb .st1, .teaserbox.conny-gelb .st2 {
    stroke: #F6BB3D; }
  .teaserbox.conny-gelb .title, .teaserbox.conny-gelb .subtitle {
    color: #F6BB3D; }
  .teaserbox .title {
    padding-top: 5px;
    font-size: 1.25rem;
    line-height: 1.85rem;
    font-weight: 700;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .teaserbox .title {
        font-size: 1.5rem;
        line-height: 2.25rem; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .teaserbox .title {
        font-size: 1.325rem;
        line-height: 2rem;
        font-weight: 600;
        margin-top: 10px;
        text-align: center; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .teaserbox .title {
        font-size: .8rem;
        line-height: 1.2rem;
        font-weight: 600;
        margin-top: 10px;
        text-align: center; } }
  .teaserbox .subtitle {
    font-size: 16px;
    line-height: 1.8rem;
    font-weight: 400; }
    @media (min-width: 768px) and (max-width: 991px) {
      .teaserbox .subtitle {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: center;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .teaserbox .subtitle {
        display: none;
        font-size: 1.2rem;
        line-height: 1.5rem;
        text-align: left;
        padding-left: 8px; }
        .teaserbox .subtitle.wetter {
          display: block; } }
  .teaserbox .text {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400; }
    @media (min-width: 768px) and (max-width: 991px) {
      .teaserbox .text {
        display: none; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .teaserbox .text {
        display: none; }
        .teaserbox .text.wetter {
          display: block;
          text-align: left;
          font-size: 0.8rem;
          line-height: 1.2rem;
          padding-top: 5px; } }

.teaserbox--txt {
  width: 100%; }

@media (min-width: 320px) and (max-width: 767px) {
  .wetter .teaserbox--txt .teaserbox--icon-with-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .wetter .teaserbox--txt .teaserbox--icon-with-title .title {
      margin-top: 0;
      padding-left: 10px; } }

.teaserbox--icon {
  width: 90px;
  height: 70px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .teaserbox--icon {
      width: 70px;
      height: 70px;
      margin: 0 auto; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .teaserbox--icon {
      width: 60px;
      height: 60px;
      margin: 0 auto; } }
  .teaserbox--icon.wetter {
    width: 45px;
    height: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .teaserbox--icon.wetter {
        width: 70px;
        height: 70px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .teaserbox--icon.wetter {
        width: 40px;
        height: 40px;
        margin: 0; } }

.teaserbox--icon-with-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media (min-width: 768px) and (max-width: 991px) {
    .teaserbox--icon-with-title {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .teaserbox--icon-with-title {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

.scrolltrigger_panel {
  -webkit-perspective: 800;
  perspective: 800; }

.highlights__box__container {
  display: block;
  position: relative;
  -webkit-transform-style: "preserve-3d";
  transform-style: "preserve-3d"; }

.highlights__box__img {
  z-index: 2; }
  .highlights__box__img img {
    width: 100%;
    height: 700px;
    -o-object-fit: cover;
    object-fit: cover; }

.highlights__box__txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 70%;
  margin: 0 auto; }
  @media (min-width: 320px) and (max-width: 767px) {
    .highlights__box__txt {
      max-width: 100%;
      padding: 20px; } }
  .highlights__box__txt h1 {
    padding-bottom: 30px; }
  .highlights__box__txt p {
    font-size: 1.25rem;
    line-height: 2rem; }
  .highlights__box__txt .highlights__box_txt--icon {
    height: 80px;
    width: 80px;
    margin-bottom: 30px; }
    .highlights__box__txt .highlights__box_txt--icon svg .st0, .highlights__box__txt .highlights__box_txt--icon svg .st1 {
      stroke: #ffffff; }

.banner__small--img-container img {
  min-height: 620px;
  -o-object-fit: cover;
  object-fit: cover; }

.banner__small--img-container .banner__small--img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 620px;
  width: 100%;
  display: block; }

.banner__small--img-container .gradient--top {
  height: 50%; }

.banner__small--img-container .gradient--bottom {
  height: 30%; }

.banner__small__txt__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  padding: 60px; }

.banner__small__txt--btn {
  font-size: 1rem;
  line-height: 1rem;
  text-align: center; }

.banner__small__container {
  position: relative; }
  .banner__small__container.width--half .banner__small__txt__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 75%; }
  .banner__small__container.width--half h1 {
    padding-bottom: 20px; }
  .banner__small__container.width--half h2 {
    padding-bottom: 20px; }

.slider__shows__container .carousel-control-prev, .slider__shows__container .carousel-control-next {
  opacity: 1;
  z-index: 5; }

.slider__shows__slide {
  position: relative; }

.slider__shows__slide--img img {
  width: 100%;
  height: 95vh;
  -o-object-fit: cover;
  object-fit: cover;
  display: block; }

.slider__shows__slide--img .gradient--top {
  height: 50%; }

.slider__shows__slide--img .gradient--bottom {
  height: 30%; }

.slider__shows__slide__txt__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  padding: 60px; }

.slider__shows__slide__txt h2 {
  padding-bottom: 5px; }

.slider__shows__slide__txt--icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 30px; }
  .slider__shows__slide__txt--icon svg .st0, .slider__shows__slide__txt--icon svg .st1, .slider__shows__slide__txt--icon svg .st2 {
    stroke: #ffffff; }

.multislider .multislider__img__container {
  width: 33%;
  height: auto; }
  .multislider .multislider__img__container img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover; }
  .multislider .multislider__img__container p {
    margin-top: 20px; }

@media (min-width: 320px) and (max-width: 767px) {
  .slider__shows__slide__txt--btn a {
    font-size: 0.95rem; } }

.sm__container {
  position: relative; }

.sm__txt h1 {
  padding-bottom: 20px; }

.sm__txt p {
  padding-bottom: 40px; }

.sm__img {
  position: absolute;
  left: 0;
  bottom: 0; }
  @media (min-width: 320px) and (max-width: 767px) {
    .sm__img {
      position: relative;
      margin-top: 20px; } }

.sm__bg-img {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 320px; }

.sm__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media (min-width: 320px) and (max-width: 767px) {
    .sm__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .sm__buttons a {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .sm__buttons a svg {
      height: 30px;
      width: 30px;
      fill: #04305C; }
    @media (min-width: 320px) and (max-width: 767px) {
      .sm__buttons a {
        margin-bottom: 20px;
        margin-right: 0; } }
    .sm__buttons a span {
      padding: 0 15px 0 20px;
      color: #04305C; }
    .sm__buttons a:hover {
      border: 2px solid #04305C; }

#wrapper .grid--container.override-cols-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr); }
  @media (min-width: 992px) and (max-width: 1199px) {
    #wrapper .grid--container.override-cols-8 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr); } }

.card__container {
  position: relative;
  display: block;
  margin: -10px; }
  .card__container img {
    width: 100%; }

.card__txt {
  position: absolute;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .card__txt a, .card__txt p {
    text-align: center; }
  .card__txt .title {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 15px;
    font-weight: 600; }
  .card__txt .text {
    padding-bottom: 25px; }
  .card__txt .button--arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .card__txt .button--arrow span {
      padding-left: 10px;
      text-transform: uppercase;
      font-size: 1rem;
      line-height: 1rem;
      font-weight: 500;
      padding-top: 2px; }
    .card__txt .button--arrow img {
      width: 20px;
      height: auto; }
  .card__txt:after {
    content: '';
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: -o-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    z-index: -1;
    -webkit-transition: top ease-in-out .2s;
    -o-transition: top ease-in-out .2s;
    transition: top ease-in-out .2s; }

.attraktionen__filter__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  @media (min-width: 320px) and (max-width: 767px) {
    .attraktionen__filter__container {
      margin-top: -60px; } }

.attraktionen__filter--title {
  width: 100%;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 768px) and (max-width: 991px) {
    .attraktionen__filter--title {
      padding-top: 60px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .attraktionen__filter--title {
      padding-top: 0;
      text-align: center;
      display: none; } }

@media (min-width: 320px) and (max-width: 767px) {
  .ce_attractionlist {
    margin-bottom: 40px; } }

button.reset {
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 400;
  background: transparent;
  border: 0;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-transform: none;
  color: #04305C; }
  @media (min-width: 992px) and (max-width: 1199px) {
    button.reset {
      top: 50px;
      bottom: auto; } }
  button.reset:hover, button.reset.active {
    background: transparent;
    color: #04305C; }
  @media (min-width: 768px) and (max-width: 991px) {
    button.reset {
      position: static;
      padding-left: 10px;
      left: calc(50% - 75px); } }
  @media (min-width: 320px) and (max-width: 767px) {
    button.reset {
      position: static;
      padding-left: 10px;
      left: calc(50% - 75px); } }

.attraktionen__filter {
  padding-top: 20px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .attraktionen__filter {
      padding-top: 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .attraktionen__filter {
      padding-top: 0; } }
  .attraktionen__filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (min-width: 768px) and (max-width: 991px) {
      .attraktionen__filter ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .attraktionen__filter ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .attraktionen__filter ul li {
      padding: 0 10px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .attraktionen__filter ul li {
          padding: 20px; } }
      @media (min-width: 320px) and (max-width: 767px) {
        .attraktionen__filter ul li {
          padding: 5px; } }
      .attraktionen__filter ul li button {
        font-size: 1rem; }
        @media (min-width: 768px) and (max-width: 991px) {
          .attraktionen__filter ul li button.reset {
            padding-top: 14px; } }
        @media (min-width: 320px) and (max-width: 767px) {
          .attraktionen__filter ul li button {
            font-weight: 400;
            font-size: 13px;
            padding: 3px 12px; }
            .attraktionen__filter ul li button.reset {
              padding-top: 10px; } }
        .attraktionen__filter ul li button.active {
          background: #C82B39;
          padding-left: 20px;
          padding-right: 40px; }
          @media (min-width: 320px) and (max-width: 767px) {
            .attraktionen__filter ul li button.active {
              padding: 3px 12px;
              -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
              box-shadow: 0px 0px 0px 2px #ffffff; } }
          .attraktionen__filter ul li button.active:after {
            content: '✖';
            margin-left: 7px;
            margin-right: -19px;
            right: 10px; }
            @media (min-width: 320px) and (max-width: 767px) {
              .attraktionen__filter ul li button.active:after {
                display: none; } }

.attraktionen__list__element__img--element {
  position: relative; }

html body #wrapper .grid--container-element.nopadding.attraktionen__list__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  padding: 40px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    html body #wrapper .grid--container-element.nopadding.attraktionen__list__container {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
      padding: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    html body #wrapper .grid--container-element.nopadding.attraktionen__list__container {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
      padding: 20px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    html body #wrapper .grid--container-element.nopadding.attraktionen__list__container {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-gap: 0px;
      padding: 0px; } }

.attraktionen__list__element {
  width: 100%;
  display: none;
  position: relative; }
  @media (min-width: 320px) and (max-width: 767px) {
    .attraktionen__list__element {
      padding: 0; } }
  .attraktionen__list__element.active {
    display: block; }
  .attraktionen__list__element img {
    display: block;
    width: 100%; }
  .attraktionen__list__element a:after {
    content: '';
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: -o-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 65%;
    display: block;
    z-index: 3;
    -webkit-transition: top ease-in-out .2s;
    -o-transition: top ease-in-out .2s;
    transition: top ease-in-out .2s; }
  .attraktionen__list__element:hover {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4); }
    .attraktionen__list__element:hover a:after {
      top: 20%; }
      @media (min-width: 320px) and (max-width: 767px) {
        .attraktionen__list__element:hover a:after {
          top: 65%; } }
    .attraktionen__list__element:hover .attraktionen__list__element--txt p.text {
      opacity: 1;
      visibility: visible;
      -webkit-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
      height: auto; }

.attraktionen__list__element__img--container {
  position: relative; }
  .attraktionen__list__element__img--container .attraktionen__list__element__img--element--bgimg {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    min-height: 360px; }

.attraktionen__list__element--txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .attraktionen__list__element--txt p {
    color: #ffffff;
    text-align: center; }
    .attraktionen__list__element--txt p.title {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1.5rem;
      line-height: 2rem; }
    .attraktionen__list__element--txt p.text {
      opacity: 0;
      visibility: hidden;
      padding-top: 20px;
      height: 0; }
      @media (min-width: 320px) and (max-width: 767px) {
        .attraktionen__list__element--txt p.text {
          display: none; } }

.headerimg__container {
  width: 100%;
  position: relative; }
  .headerimg__container img {
    width: 100%; }
  .headerimg__container:after {
    content: '';
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: -o-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 65%;
    display: block;
    z-index: 3;
    -webkit-transition: top ease-in-out .2s;
    -o-transition: top ease-in-out .2s;
    transition: top ease-in-out .2s; }

@media (min-width: 320px) and (max-width: 767px) {
  html body #wrapper .glide.grid--container-element {
    padding: 0; } }

html body #wrapper .glide.grid--container-element img {
  width: 100%; }

.headerimg__title {
  height: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 100; }
  @media (min-width: 320px) and (max-width: 767px) {
    .headerimg__title {
      margin-top: -60px; } }
  .headerimg__title h1.title--big {
    font-size: 9rem;
    line-height: 8rem;
    font-weight: 700;
    letter-spacing: 4px;
    max-width: 100%;
    padding-bottom: 0;
    -webkit-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem); }
    @media (min-width: 768px) and (max-width: 991px) {
      .headerimg__title h1.title--big {
        font-size: 7.5rem;
        line-height: 7.5rem;
        letter-spacing: 0px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .headerimg__title h1.title--big {
        font-size: 4rem;
        line-height: 4rem;
        letter-spacing: 0px;
        -webkit-transform: translateY(4rem);
        -ms-transform: translateY(4rem);
        transform: translateY(4rem);
        max-width: calc(100vw - 40px);
        margin: 0;
        width: 100%; } }
  .headerimg__title h1.title--medium {
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 700;
    letter-spacing: 2px;
    max-width: 960px;
    padding-bottom: 0;
    -webkit-transform: translateY(1.45rem);
    -ms-transform: translateY(1.45rem);
    transform: translateY(1.45rem); }
    @media (min-width: 768px) and (max-width: 991px) {
      .headerimg__title h1.title--medium {
        font-size: 5rem;
        line-height: 5rem;
        padding-top: 30px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .headerimg__title h1.title--medium {
        font-size: 3rem;
        line-height: 4rem;
        -webkit-transform: translateY(4rem);
        -ms-transform: translateY(4rem);
        transform: translateY(4rem);
        max-width: calc(100vw - 40px);
        margin: 0;
        width: 100%;
        overflow: hidden; } }

.bc-title--breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 20px 0; }
  .bc-title--breadcrumbs a, .bc-title--breadcrumbs p {
    color: #C82B39;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400; }
  .bc-title--breadcrumbs .divider {
    padding: 0 10px; }
  .bc-title--breadcrumbs .alias {
    font-weight: 600; }

.intro__container h2 {
  text-align: left; }

@media (min-width: 320px) and (max-width: 767px) {
  .intro__container .button {
    margin-top: 30px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .intro__element__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.intro__element__txt--long {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease; }
  .intro__element__txt--long.active {
    opacity: 1;
    visibility: visible;
    height: auto; }

button.button--arrow--rot.readmore {
  margin: 20px 0; }

.ft-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  .ft-nav a.nav-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400; }
    @media (min-width: 320px) and (max-width: 767px) {
      .ft-nav a.nav-link {
        width: calc(100% - 20px);
        font-size: 16px;
        padding: 20px 0;
        text-align: center; } }
    .ft-nav a.nav-link:first-child {
      padding-left: 0; }
    .ft-nav a.nav-link:last-child {
      padding-right: 0; }
    .ft-nav a.nav-link span {
      border-bottom: 2px solid #04305C;
      display: block;
      padding-bottom: 10px; }
    .ft-nav a.nav-link.active {
      font-weight: 600; }
      .ft-nav a.nav-link.active span {
        border-bottom: 4px solid #04305C; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 768px) and (max-width: 991px) {
    .row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.col-one, .col-two, .col-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(33.333% - 40px);
  flex: 0 1 calc(33.333% - 40px); }
  @media (min-width: 768px) and (max-width: 991px) {
    .col-one, .col-two, .col-three {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 40px);
      flex: 0 1 calc(50% - 40px); } }
  @media (min-width: 320px) and (max-width: 767px) {
    .col-one, .col-two, .col-three {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      padding: 10px 0; } }
  .col-one .features-techdata--icon, .col-two .features-techdata--icon, .col-three .features-techdata--icon {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px; }
    .col-one .features-techdata--icon .features-techdata--icon--bgimg, .col-two .features-techdata--icon .features-techdata--icon--bgimg, .col-three .features-techdata--icon .features-techdata--icon--bgimg {
      width: 90%;
      height: 90%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
      @media (min-width: 320px) and (max-width: 767px) {
        .col-one .features-techdata--icon .features-techdata--icon--bgimg, .col-two .features-techdata--icon .features-techdata--icon--bgimg, .col-three .features-techdata--icon .features-techdata--icon--bgimg {
          background-position: top center; } }
      .col-one .features-techdata--icon .features-techdata--icon--bgimg.saison, .col-two .features-techdata--icon .features-techdata--icon--bgimg.saison, .col-three .features-techdata--icon .features-techdata--icon--bgimg.saison {
        width: 75%;
        height: 75%; }
        @media (min-width: 320px) and (max-width: 767px) {
          .col-one .features-techdata--icon .features-techdata--icon--bgimg.saison, .col-two .features-techdata--icon .features-techdata--icon--bgimg.saison, .col-three .features-techdata--icon .features-techdata--icon--bgimg.saison {
            width: 90%;
            height: 90%; } }
  .col-one .features-techdata--txt, .col-two .features-techdata--txt, .col-three .features-techdata--txt {
    width: 80%; }
    @media (min-width: 320px) and (max-width: 767px) {
      .col-one .features-techdata--txt, .col-two .features-techdata--txt, .col-three .features-techdata--txt {
        width: 100%; }
        .col-one .features-techdata--txt p, .col-two .features-techdata--txt p, .col-three .features-techdata--txt p {
          text-align: left; } }

.features-techdata--footer {
  padding: 20px 0;
  font-size: 0.9rem;
  line-height: 1rem; }
  @media (min-width: 320px) and (max-width: 767px) {
    .features-techdata--footer {
      padding-bottom: 0; } }

.attraktion__gallery--element img {
  margin: 30px;
  width: calc(33.33% - 30px);
  height: auto;
  -o-object-fit: cover;
  object-fit: cover; }

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
.parkbanner__bgimg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 480px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .parkbanner__bgimg {
      height: 270px;
      background-size: cover; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .parkbanner__bgimg {
      background-size: cover;
      height: 240px; } }

.parkbanner__element {
  position: relative; }
  .parkbanner__element h1 {
    padding-bottom: 20px; }

.features-techdata__container .tab-pane {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr; }
  @media (min-width: 320px) and (max-width: 767px) {
    .features-techdata__container .tab-pane {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
      .features-techdata__container .tab-pane p {
        text-align: left; } }
  .features-techdata__container .tab-pane.active {
    display: -ms-grid;
    display: grid; }
  .features-techdata__container .tab-pane .feature {
    margin-top: 30px;
    margin-bottom: 30px; }
    .features-techdata__container .tab-pane .feature.has--icon {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr; }
    .features-techdata__container .tab-pane .feature img {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0;
      width: 60px;
      margin-right: 20px;
      margin-left: 20px;
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center center;
      object-position: center center;
      max-height: 60px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .features-techdata__container .tab-pane .feature img {
          width: 30px;
          max-height: 30px;
          margin-right: 30px;
          margin-left: 10px; } }

.glide__arrow {
  position: absolute;
  top: 50%;
  -webkit-appearance: none;
  border: none;
  content: '';
  width: 60px;
  height: 100px;
  padding: 20px;
  margin-top: -50px; }
  .glide__arrow:hover {
    opacity: 0.5; }

.glide__arrow--left {
  left: -40px;
  background: url("../img/icon--prev--dark.svg") center center no-repeat;
  background-size: auto 65px; }

.glide__arrow--right {
  right: -40px;
  background: url("../img/icon--next--dark.svg") center center no-repeat;
  background-size: auto 65px; }

.bc__container {
  padding: 20px;
  padding-top: 5px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .bc__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .bc__container ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .bc__container ul li {
    display: inline-block; }
    .bc__container ul li a, .bc__container ul li strong, .bc__container ul li span {
      font-size: 0.95rem;
      line-height: 0.95rem;
      color: #C82B39;
      font-weight: 500; }
      @media (min-width: 320px) and (max-width: 767px) {
        .bc__container ul li a, .bc__container ul li strong, .bc__container ul li span {
          line-height: 1.5rem; } }
    .bc__container ul li strong {
      font-weight: 700; }
    .bc__container ul li a:after {
      content: '>';
      padding-left: 8px;
      padding-right: 5px; }
    .bc__container ul li.first {
      display: none; }

.oeffnungszeiten__lippi {
  position: relative;
  padding: 30px 0 !important; }
  .oeffnungszeiten__lippi .opened {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    text-transform: uppercase; }
  .oeffnungszeiten__lippi p, .oeffnungszeiten__lippi strong, .oeffnungszeiten__lippi li {
    color: #ffffff; }
  .oeffnungszeiten__lippi img {
    position: absolute;
    top: -200px;
    right: 0;
    height: 620px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain; }
    @media (min-width: 768px) and (max-width: 991px) {
      .oeffnungszeiten__lippi img {
        height: 400px;
        top: inherit;
        position: relative; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .oeffnungszeiten__lippi img {
        position: relative;
        height: 300px;
        top: inherit; } }

html body #wrapper .grid--container-element.eintrittspreise__personen--title, html body #wrapper .grid--container-element.eintrittspreise__personen--prizetitle {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 4px solid #04305C; }
  html body #wrapper .grid--container-element.eintrittspreise__personen--title:not(.eintrittspreise__personen--prizetitle), html body #wrapper .grid--container-element.eintrittspreise__personen--prizetitle:not(.eintrittspreise__personen--prizetitle) {
    margin-right: 20px; }
  @media (min-width: 320px) and (max-width: 767px) {
    html body #wrapper .grid--container-element.eintrittspreise__personen--title, html body #wrapper .grid--container-element.eintrittspreise__personen--prizetitle {
      padding: 0;
      padding-bottom: 10px;
      font-size: 16px;
      line-height: 20px; } }

.eintrittspreise__personen--title {
  text-align: left; }

.eintrittspreise__personen--prizetitle {
  text-align: right; }

html body #wrapper .grid--container-element.eintrittspreise__row {
  border-bottom: 2px solid #04305C; }
  @media (min-width: 320px) and (max-width: 767px) {
    html body #wrapper .grid--container-element.eintrittspreise__row {
      padding-left: 0;
      padding-right: 0; } }
  html body #wrapper .grid--container-element.eintrittspreise__row .title, html body #wrapper .grid--container-element.eintrittspreise__row .title--prize, html body #wrapper .grid--container-element.eintrittspreise__row .title--prize--second {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block; }
    @media (min-width: 320px) and (max-width: 767px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .title, html body #wrapper .grid--container-element.eintrittspreise__row .title--prize, html body #wrapper .grid--container-element.eintrittspreise__row .title--prize--second {
        font-size: 14px;
        line-height: 19px;
        text-align: left;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; } }
  @media (min-width: 320px) and (max-width: 767px) {
    html body #wrapper .grid--container-element.eintrittspreise__row .title--prize, html body #wrapper .grid--container-element.eintrittspreise__row .title--prize--second {
      width: 100%;
      text-align: right; } }
  html body #wrapper .grid--container-element.eintrittspreise__row .desc {
    padding-top: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    max-width: 80%; }
    @media (min-width: 768px) and (max-width: 991px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .desc {
        max-width: 100%; } }
    @media (min-width: 320px) and (max-width: 767px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .desc {
        width: 100%;
        font-size: 14px;
        line-height: 19px;
        max-width: 100%;
        text-align: left; } }
  html body #wrapper .grid--container-element.eintrittspreise__row .desc--prize {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    font-weight: 700;
    text-transform: uppercase; }
    @media (min-width: 320px) and (max-width: 767px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .desc--prize {
        width: 100%;
        text-align: right;
        font-size: 14px;
        line-height: 19px; } }
  html body #wrapper .grid--container-element.eintrittspreise__row .desc--prize--second {
    font-size: 1rem;
    line-height: 1.5rem;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase; }
    @media (min-width: 320px) and (max-width: 767px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .desc--prize--second {
        width: 100%;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        text-align: right;
        font-size: 14px;
        line-height: 19px; } }
  html body #wrapper .grid--container-element.eintrittspreise__row .more {
    display: inline-block;
    margin-top: 20px;
    color: #04305C;
    font-size: 1rem;
    font-weight: 800; }
    html body #wrapper .grid--container-element.eintrittspreise__row .more:before {
      content: '';
      background: url("../img/arrow--right--darkblue.svg") center bottom no-repeat;
      background-size: contain;
      width: 18px;
      height: 18px;
      display: inline-block;
      margin-right: 10px; }
    @media (min-width: 320px) and (max-width: 767px) {
      html body #wrapper .grid--container-element.eintrittspreise__row .more {
        width: 100%;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        text-align: left;
        font-size: 14px;
        line-height: 19px; } }

.mod_saisoncalendar {
  cursor: -webkit-grab;
  cursor: grab;
  padding: 0px;
  max-width: calc(100vw - ((100vw / 12) * 2) - 40px);
  margin: 0 auto; }
  @media (min-width: 320px) and (max-width: 767px) {
    .mod_saisoncalendar {
      max-width: 100vw; } }
  .mod_saisoncalendar .glide__arrow--left {
    left: -60px;
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transform: translateY(24px); }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_saisoncalendar .glide__arrow--left {
        top: 0;
        left: 0; } }
  .mod_saisoncalendar .glide__arrow--right {
    right: -60px;
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transform: translateY(24px); }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_saisoncalendar .glide__arrow--right {
        top: 0;
        right: 0; } }
  .mod_saisoncalendar .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 34px;
    color: #04305C;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mod_saisoncalendar .legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .mod_saisoncalendar .legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_saisoncalendar .legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_saisoncalendar .legend .right {
        font-size: 14px;
        line-height: 18px;
        margin-top: 20px;
        text-align: center; } }
    .mod_saisoncalendar .legend .left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 320px) and (max-width: 767px) {
        .mod_saisoncalendar .legend .left {
          font-size: 13px; } }
      .mod_saisoncalendar .legend .left span {
        display: inline-block; }
        .mod_saisoncalendar .legend .left span.circle--white {
          width: 48px;
          height: 48px;
          background: #ffffff;
          border-radius: 50%;
          vertical-align: middle;
          margin-right: 10px;
          -webkit-transform: translateY(-4px);
          -ms-transform: translateY(-4px);
          transform: translateY(-4px); }
          @media (min-width: 320px) and (max-width: 767px) {
            .mod_saisoncalendar .legend .left span.circle--white {
              height: 32px;
              width: 32px; } }
        .mod_saisoncalendar .legend .left span.closed {
          width: 48px;
          height: 48px;
          background: #C82B39;
          border-radius: 50%;
          position: relative;
          vertical-align: middle;
          -webkit-transform: translateY(-4px);
          -ms-transform: translateY(-4px);
          transform: translateY(-4px);
          margin-left: 60px;
          font-weight: bold;
          margin-right: 10px;
          color: #ffffff;
          z-index: 10; }
          @media (min-width: 320px) and (max-width: 767px) {
            .mod_saisoncalendar .legend .left span.closed {
              font-size: 13px; } }

.jsCalendar {
  position: relative;
  padding: 4px;
  padding-top: 48px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .jsCalendar {
      padding-top: 72px; } }
  .jsCalendar * {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif; }
  .jsCalendar.current table {
    -webkit-box-shadow: -1px 1px 0px 5px #04305C;
    box-shadow: -1px 1px 0px 5px #04305C; }
    .jsCalendar.current table thead .jsCalendar-title-row .jsCalendar-title-name {
      font-weight: 900; }
  .jsCalendar table {
    border-collapse: collapse;
    border: 1px solid #04305C;
    color: #04305C;
    font-family: Tahoma, Geneva, sans-serif;
    position: relative;
    width: 100%; }
    .jsCalendar table tr {
      line-height: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .jsCalendar table td, .jsCalendar table th {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 64px; }
    .jsCalendar table .out {
      opacity: 0; }
    .jsCalendar table .closed {
      color: #ffffff; }
      .jsCalendar table .closed:before {
        content: '';
        width: 48px;
        height: 48px;
        display: block;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 50%;
        margin-left: -24px;
        z-index: -1;
        background: #C82B39; }
        @media (min-width: 320px) and (max-width: 767px) {
          .jsCalendar table .closed:before {
            height: 32px;
            width: 32px;
            top: 17px;
            margin-left: -16px; } }
    .jsCalendar table .open:before {
      content: '';
      width: 48px;
      height: 48px;
      display: block;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: 50%;
      margin-left: -24px;
      z-index: -1;
      background: #ffffff; }
      @media (min-width: 320px) and (max-width: 767px) {
        .jsCalendar table .open:before {
          height: 32px;
          width: 32px;
          top: 17px;
          margin-left: -16px; } }
    .jsCalendar table thead {
      display: block;
      margin: 4px 4px 0 4px; }
      .jsCalendar table thead .jsCalendar-title-row {
        position: absolute;
        top: -48px;
        left: 0;
        right: 0;
        text-align: center; }
        @media (min-width: 320px) and (max-width: 767px) {
          .jsCalendar table thead .jsCalendar-title-row {
            top: -72px; } }
        .jsCalendar table thead .jsCalendar-title-row .jsCalendar-title {
          display: block;
          width: 100%;
          height: 40px;
          line-height: 40px;
          float: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0; }
        .jsCalendar table thead .jsCalendar-title-row .jsCalendar-title-name {
          width: 100%;
          cursor: default;
          font-size: 30px;
          font-weight: lighter;
          padding: 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-transform: uppercase;
          font-weight: 400; }
      .jsCalendar table thead .jsCalendar-week-days th {
        line-height: 64px;
        margin: 6px;
        display: inline-block;
        font-size: 22px;
        font-weight: 600;
        background: none;
        text-align: center;
        text-transform: uppercase; }
    .jsCalendar table tbody tr {
      border-top: 1px solid #04305C; }
    .jsCalendar table tbody td {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-radius: 24px;
      display: inline-block;
      font-size: 22px;
      font-weight: 600;
      line-height: 52px;
      padding-top: 8px;
      text-align: center;
      -webkit-transition: color 0.1s, background-color 0.2s;
      -o-transition: color 0.1s, background-color 0.2s;
      transition: color 0.1s, background-color 0.2s; }
      .jsCalendar table tbody td.jsCalendar-previous, .jsCalendar table tbody td.jsCalendar-next {
        opacity: 0; }

.contao-cookiebar {
  top: auto;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  overflow: visible;
  max-height: 100vh;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 500000; }
  .contao-cookiebar::before {
    display: none; }
  .contao-cookiebar .cc-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100vw;
    max-height: 100vh;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
    border-radius: 0;
    border: 5px solid #000000;
    padding: 0;
    overflow: visible; }
    @media (min-width: 320px) and (max-width: 767px) {
      .contao-cookiebar .cc-inner {
        overflow: scroll;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .contao-cookiebar .cc-inner #cookiebar-desc {
      font-size: 12px;
      padding: 10px;
      line-height: 16px; }
      .contao-cookiebar .cc-inner #cookiebar-desc a {
        font-size: 12px;
        line-height: 16px;
        font-weight: bold; }
    .contao-cookiebar .cc-inner .cc-info {
      display: none; }
    .contao-cookiebar .cc-inner .cc-btn {
      border: none;
      background: none;
      border-radius: 0;
      white-space: nowrap;
      margin: 0; }
      .contao-cookiebar .cc-inner .cc-btn:hover {
        opacity: 0.8; }
      .contao-cookiebar .cc-inner .cc-btn.success {
        background: #000000; }
    .contao-cookiebar .cc-inner .cc-groups {
      -ms-grid-column-span: 4;
      grid-column: span 4;
      padding: 20px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .contao-cookiebar .cc-inner .cc-groups {
          -ms-grid-column-span: 1;
          grid-column: span 1; } }
      .contao-cookiebar .cc-inner .cc-groups .cc-group {
        border-radius: 0;
        border-color: #000000; }
      .contao-cookiebar .cc-inner .cc-groups .cc-btn {
        background: #000000;
        color: #ffffff; }

#Banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(20, 137, 197, 0.8); }
  @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
    #Banner {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background: rgba(20, 137, 197, 0.3); } }
  #Banner .close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    padding: 20px;
    cursor: pointer;
    color: #04305C; }
    #Banner .close:hover {
      color: #1489C5; }
  #Banner .button {
    display: inline-block;
    color: #ffffff; }
    #Banner .button:hover {
      background: rgba(4, 48, 92, 0.8); }
  #Banner .inner {
    position: relative;
    max-width: 500px;
    background: #F6BB3D;
    padding: 20px; }
    #Banner .inner .logo {
      margin: 0 auto;
      margin-bottom: 30px; }
    #Banner .inner p, #Banner .inner li {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      line-height: 1.8em;
      color: #04305C; }
    #Banner .inner ul li {
      position: relative;
      padding-left: 20px; }
      #Banner .inner ul li:before {
        content: '';
        width: 5px;
        height: 5px;
        background: #04305C;
        position: absolute;
        display: block;
        left: 5px;
        top: 10px; }
  #Banner .countdown {
    font-size: 40px;
    margin-bottom: 20px; }
    #Banner .countdown .timer {
      margin: 20px auto;
      max-width: 300px; }
      #Banner .countdown .timer > * {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        text-align: center; }
        #Banner .countdown .timer > * > span {
          line-height: 1em; }
      #Banner .countdown .timer .legend {
        font-size: 12px; }
    #Banner .countdown p {
      text-align: center; }

#mc_embed_signup {
  margin-top: 40px;
  position: relative; }
  #mc_embed_signup #mc_embed_signup_scroll {
    position: relative; }
  #mc_embed_signup .mc-field-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #mc_embed_signup .mc-field-group input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      border-radius: 0;
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #mc_embed_signup .mc-field-group input.email {
        color: #C82B39;
        font-size: 20px;
        font-weight: 700;
        outline: none;
        width: 250px;
        padding: 20px 0px 20px 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media (min-width: 992px) and (max-width: 1199px) {
          #mc_embed_signup .mc-field-group input.email {
            padding: 10px; } }
        @media (min-width: 320px) and (max-width: 767px) {
          #mc_embed_signup .mc-field-group input.email {
            padding: 10px;
            font-size: 16px; } }
      #mc_embed_signup .mc-field-group input.submit {
        display: block;
        background: #C82B39 url("../img/senden.svg") center center no-repeat;
        background-size: 80% auto;
        width: 60px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media (min-width: 320px) and (max-width: 767px) {
          #mc_embed_signup .mc-field-group input.submit {
            background-size: 26px auto; } }
    #mc_embed_signup .mc-field-group div.mce_inline_error {
      position: absolute;
      left: 0;
      height: 20px;
      top: -40px;
      margin: 0;
      padding: 10px;
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-size: 12px;
      line-height: 20px;
      font-weight: 400;
      background: #F6BB3D; }
  #mc_embed_signup .gdprRequired {
    margin-top: 15px; }
    #mc_embed_signup .gdprRequired input {
      vertical-align: middle;
      margin-right: 10px;
      width: 20px;
      height: 20px;
      border: 1px solid #ffffff; }
      #mc_embed_signup .gdprRequired input:checked {
        background: #ffffff;
        -webkit-box-shadow: inset 0px 0px 0px 2px #1489C5;
        box-shadow: inset 0px 0px 0px 2px #1489C5; }
    @media (min-width: 320px) and (max-width: 767px) {
      #mc_embed_signup .gdprRequired span {
        font-size: 14px; } }
  #mc_embed_signup .content__gdprLegal {
    margin-top: 30px; }
  #mc_embed_signup .content__gdprLegal p, #mc_embed_signup .content__gdprLegal a {
    font-size: 10px;
    line-height: 16px; }
  #mc_embed_signup .clear {
    height: auto;
    font-size: 14px;
    line-height: 18px; }
  #mc_embed_signup #mce-error-response {
    background: #F6BB3D;
    color: #04305C;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    line-height: 20px;
    padding: 10px;
    margin-top: 10px;
    font-weight: 400; }
    #mc_embed_signup #mce-error-response a {
      color: #04305C;
      font-weight: 800;
      font-size: 14px;
      line-height: 20px; }
  #mc_embed_signup #mce-success-response {
    background: #00A2AA;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    padding: 10px;
    margin-top: 10px;
    font-weight: 400; }

.ce_parkplan {
  position: relative;
  max-width: 100vw;
  height: auto;
  overflow-y: hidden; }
  .ce_parkplan .overlay {
    width: 100%;
    min-width: 1280px;
    min-height: 100%;
    display: block;
    position: absolute; }
    @media (min-width: 768px) and (max-width: 991px) {
      .ce_parkplan .overlay {
        overflow: hidden; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .ce_parkplan .overlay {
        overflow: hidden; } }
  .ce_parkplan > img {
    width: 100%;
    min-width: 1280px;
    height: auto;
    pointer-events: none; }
  .ce_parkplan .pin {
    position: absolute;
    width: 64px;
    height: 64px;
    background: #F6BB3D url("../img/attraction.svg") center center no-repeat;
    border-radius: 50%;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
    z-index: 10;
    margin-left: -32px;
    margin-top: -32px; }
    .ce_parkplan .pin.active {
      z-index: 120; }
    .ce_parkplan .pin:hover {
      border: 2px solid #04305C;
      cursor: pointer; }
    .ce_parkplan .pin.papagei {
      background: #1489C5 url("../img/parrot.svg") center center no-repeat;
      background-size: 34px; }
      .ce_parkplan .pin.papagei + .tooltip {
        background: #1489C5; }
        .ce_parkplan .pin.papagei + .tooltip * {
          color: #ffffff; }
    .ce_parkplan .pin.gastro {
      background: #C82B39 url("../img/cutlery.svg") center center no-repeat;
      background-size: auto 36px; }
      .ce_parkplan .pin.gastro + .tooltip {
        background: #C82B39; }
        .ce_parkplan .pin.gastro + .tooltip * {
          color: #ffffff; }
    .ce_parkplan .pin.show {
      background: #1489C5 url("../img/show.svg") center center no-repeat; }
      .ce_parkplan .pin.show + .tooltip {
        background: #1489C5; }
        .ce_parkplan .pin.show + .tooltip * {
          color: #ffffff; }
    .ce_parkplan .pin.righthandle + .tooltip {
      -webkit-transform: translateX(-80%);
      -ms-transform: translateX(-80%);
      transform: translateX(-80%); }
  .ce_parkplan .tooltip {
    display: none;
    position: absolute;
    max-width: 500px;
    background: #F6BB3D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    z-index: 100;
    margin: 20px;
    -webkit-transform: translate(-20px, -20px);
    -ms-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
    -webkit-box-shadow: 2px 3px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 20px 0px rgba(0, 0, 0, 0.3);
    text-align: left; }
    @media (min-width: 320px) and (max-width: 767px) {
      .ce_parkplan .tooltip {
        padding: 20px;
        min-width: 220px;
        max-width: 400px;
        -webkit-transform: translate(-10px, -10px);
        -ms-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px); } }
    .ce_parkplan .tooltip .close {
      position: absolute;
      padding: 20px;
      right: 0;
      top: 0;
      font-size: 20px;
      color: #04305C;
      cursor: pointer; }
      .ce_parkplan .tooltip .close:hover {
        opacity: .8; }
    @media (min-width: 320px) and (max-width: 767px) {
      .ce_parkplan .tooltip p {
        text-align: left;
        font-size: 14px;
        line-height: 19px; } }
    .ce_parkplan .tooltip strong {
      display: inline-block;
      text-transform: uppercase; }
      @media (min-width: 320px) and (max-width: 767px) {
        .ce_parkplan .tooltip strong {
          margin-top: 20px; } }
    .ce_parkplan .tooltip .facts {
      margin-top: 10px; }
      .ce_parkplan .tooltip .facts p {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 200px auto;
        grid-template-columns: 200px auto; }
        @media (min-width: 320px) and (max-width: 767px) {
          .ce_parkplan .tooltip .facts p {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
    .ce_parkplan .tooltip h3 {
      padding-bottom: 0;
      padding-right: 40px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .ce_parkplan .tooltip h3 {
          margin-bottom: 0px;
          font-size: 20px;
          line-height: 24px; } }
    .ce_parkplan .tooltip .subtitle {
      font-size: 22px;
      margin-bottom: 0px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .ce_parkplan .tooltip .subtitle {
          font-size: 16px; } }
    .ce_parkplan .tooltip.active {
      display: block; }

.ce_table {
  width: 100%;
  margin-bottom: 20px; }
  .ce_table table {
    width: 100%;
    max-width: 650px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-size: 1.175rem;
    line-height: 2rem; }
    .ce_table table tr th {
      font-weight: 600;
      text-align: left; }

.preistabelle td.col_last {
  white-space: nowrap; }

#webcam {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(20, 137, 197, 0.8);
  z-index: 2000; }
  @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
    #webcam {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background: rgba(20, 137, 197, 0.3); } }
  #webcam .close {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    padding: 20px;
    font-size: 40px;
    cursor: pointer; }
    #webcam .close:hover {
      opacity: 0.7; }
  #webcam .inside {
    width: 100%;
    height: 100%; }
  #webcam #TwitchPlayer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80vw;
    max-height: 90vh;
    padding-top: 45.1%;
    border: 5px solid #ffffff;
    background-color: none; }
    #webcam #TwitchPlayer iframe {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  #webcam.active {
    display: block; }

.header__webcam--gross {
  z-index: 10;
  cursor: pointer; }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__webcam--gross.pb-50 {
      padding-bottom: 20px !important; } }

.header__webcam--klein {
  cursor: pointer; }

.mod_article .ce_text.image_float_left, .mod_article .ce_text.image_float_right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-gap: 0;
  width: 100%;
  max-width: 100vw;
  overflow: visible;
  margin-bottom: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 768px) and (max-width: 991px) {
    .mod_article .ce_text.image_float_left, .mod_article .ce_text.image_float_right {
      display: block; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .mod_article .ce_text.image_float_left, .mod_article .ce_text.image_float_right {
      display: block; } }
  .mod_article .ce_text.image_float_left figure, .mod_article .ce_text.image_float_right figure {
    width: 50vw;
    float: none;
    -ms-grid-column-align: end;
    justify-self: end; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mod_article .ce_text.image_float_left figure, .mod_article .ce_text.image_float_right figure {
        height: 100%; }
        .mod_article .ce_text.image_float_left figure img, .mod_article .ce_text.image_float_right figure img {
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          height: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .mod_article .ce_text.image_float_left figure, .mod_article .ce_text.image_float_right figure {
        width: 100vw;
        margin: -20px;
        margin-bottom: 20px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_article .ce_text.image_float_left figure, .mod_article .ce_text.image_float_right figure {
        width: 100vw;
        margin: -20px;
        margin-bottom: 20px; } }
    .mod_article .ce_text.image_float_left figure img, .mod_article .ce_text.image_float_right figure img {
      width: 100%; }
  .mod_article .ce_text.image_float_left .content, .mod_article .ce_text.image_float_right .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 60px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mod_article .ce_text.image_float_left .content, .mod_article .ce_text.image_float_right .content {
        padding: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .mod_article .ce_text.image_float_left .content, .mod_article .ce_text.image_float_right .content {
        padding: 0; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_article .ce_text.image_float_left .content, .mod_article .ce_text.image_float_right .content {
        padding: 0; } }

.mod_article .ce_text.image_float_right figure {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-column-align: start;
  justify-self: start; }

.mod_article .ce_text.image_float_right .content {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  padding-left: 0;
  padding-right: 60px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .mod_article .ce_text.image_float_right .content {
      padding: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mod_article .ce_text.image_float_right .content {
      padding: 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .mod_article .ce_text.image_float_right .content {
      padding: 0; } }

.mod_newsarchive .layout_latest {
  margin-bottom: 80px; }
  .mod_newsarchive .layout_latest figure.float_left {
    margin-right: 40px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_newsarchive .layout_latest figure.float_left {
        margin-right: 0;
        width: 100%; } }
    .mod_newsarchive .layout_latest figure.float_left img {
      width: 100%;
      margin-bottom: 30px; }
  .mod_newsarchive .layout_latest h2 a {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 800;
    padding-bottom: 25px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .mod_newsarchive .layout_latest h2 a {
        font-size: 1.25rem;
        line-height: 1.75rem; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .mod_newsarchive .layout_latest h2 a {
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.5px;
        max-width: calc(100vw - 40px);
        margin: 0 auto; } }
  .mod_newsarchive .layout_latest .more a {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 30px;
    color: #ffffff;
    border-radius: 100px;
    background: #04305C;
    border: none; }
    .mod_newsarchive .layout_latest .more a:hover {
      background: #1489C5; }

.mod_newsreader .back a {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 30px;
  color: #ffffff;
  border-radius: 100px;
  background: #04305C;
  border: none; }
  .mod_newsreader .back a:hover {
    background: #1489C5; }

.header__meganav {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  z-index: 10;
  background-color: #ffffff; }

.header__meganav__logo img {
  height: 85px;
  width: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  margin: 20px; }

.header__meganav__logo.scrolled img {
  height: 45px;
  margin: 10px 20px; }

.header__nav, .header__nav--main, .nav--level1, .nav--level1 ul, .nav--level1 ul li, .nav--level1 ul li a, .nav--level1 ul li strong {
  height: 100%; }

.header__nav--main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  .header__nav--main ul li a, .header__nav--main ul li strong {
    padding: 0px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 500;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease; }
    .header__nav--main ul li a:hover, .header__nav--main ul li strong:hover {
      color: #1489C5; }
  .header__nav--main ul li.active strong {
    font-weight: 700;
    color: #1489C5; }

.header__nav--mega--container {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 125px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden; }
  .header__nav--mega--container.scrolled {
    margin-top: 65px; }
  .header__nav--mega--container.show {
    opacity: 1;
    visibility: visible; }

.header__nav--mega .highlights__container, .header__nav--mega .attraktionen__container, .header__nav--mega .shows__container, .header__nav--mega .gastro__container, .header__nav--mega .parkinfo__container {
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease; }
  .header__nav--mega .highlights__container.active ul li a, .header__nav--mega .highlights__container.active ul li strong, .header__nav--mega .attraktionen__container.active ul li a, .header__nav--mega .attraktionen__container.active ul li strong, .header__nav--mega .shows__container.active ul li a, .header__nav--mega .shows__container.active ul li strong, .header__nav--mega .gastro__container.active ul li a, .header__nav--mega .gastro__container.active ul li strong, .header__nav--mega .parkinfo__container.active ul li a, .header__nav--mega .parkinfo__container.active ul li strong {
    color: #ffffff; }
  .header__nav--mega .highlights__container.active ul li.first a, .header__nav--mega .highlights__container.active ul li.first strong, .header__nav--mega .attraktionen__container.active ul li.first a, .header__nav--mega .attraktionen__container.active ul li.first strong, .header__nav--mega .shows__container.active ul li.first a, .header__nav--mega .shows__container.active ul li.first strong, .header__nav--mega .gastro__container.active ul li.first a, .header__nav--mega .gastro__container.active ul li.first strong, .header__nav--mega .parkinfo__container.active ul li.first a, .header__nav--mega .parkinfo__container.active ul li.first strong {
    border-bottom: 2px solid #ffffff; }

.header__nav--mega ul li a, .header__nav--mega ul li strong {
  font-size: 1rem;
  line-height: 2rem;
  display: block;
  color: #555555;
  padding-left: 30px; }
  .header__nav--mega ul li a:hover, .header__nav--mega ul li strong:hover {
    color: #1489C5; }

.header__nav--mega ul li.first a, .header__nav--mega ul li.first strong {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  width: 100%;
  border-bottom: 2px solid #555555;
  margin-bottom: 25px;
  padding-bottom: 10px; }
  .header__nav--mega ul li.first a:hover, .header__nav--mega ul li.first strong:hover {
    border-bottom: 2px solid #1489C5; }

.nav--parkinformationen .faq {
  margin-top: 40px; }

.img__container {
  position: relative; }
  .img__container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 4; }

.gutschein__container {
  padding-left: 60px !important; }

.gutschein--headtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px; }

.gutschein--headtitle--img {
  height: 45px;
  width: 45px;
  margin-right: 10px; }

.gutschein--headtitle--title {
  font-size: 1rem;
  line-height: 1.75rem; }

.gutschein--title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  padding-bottom: 30px;
  max-width: 70%; }

.meganav {
  font-size: 1rem; }

.contact__content-box {
  padding-left: 30px;
  height: 100%;
  position: relative; }
  .contact__content-box::before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -40px;
    background-color: #555555; }

.contact__logo {
  height: 45px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain; }

.contact__adress {
  padding-top: 20px; }
  .contact__adress p, .contact__adress a {
    font-size: 1rem;
    line-height: 1.75rem; }
  .contact__adress a:hover {
    color: #1489C5; }

.contact__socialmedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px; }
  .contact__socialmedia img {
    width: 25px;
    height: 25px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .contact__socialmedia p {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
    padding-right: 20px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .contact__socialmedia a {
    padding: 0 10px; }

#headerbild {
  margin-top: 100px;
  background: #F6BB3D; }
  @media (min-width: 768px) and (max-width: 991px) {
    #headerbild {
      margin-top: 100px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    #headerbild {
      margin-top: 65px; } }
  #headerbild .mod_article {
    max-width: 100vw;
    overflow: visible; }

.header__main {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  z-index: 2000;
  background: #f6bb3d;
  top: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header__main.active {
      background: rgba(255, 255, 255, 0.95);
      overflow-y: scroll;
      overflow-x: hidden; }
      .header__main.active .header__main__logo {
        height: 10vh; }
        .header__main.active .header__main__logo.scrolled {
          height: 6.5vh; }
      .header__main.active .header__main__nav__container {
        height: 90vh; }
        .header__main.active .header__main__nav__container.scrolled {
          height: 93.5vh; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__main.grid--container {
      -ms-grid-rows: 80px auto;
      grid-template-rows: 80px auto; }
    .header__main.active {
      overflow-y: scroll;
      overflow-x: hidden;
      height: 100vh; } }

.header__main__logo img {
  height: 65px;
  width: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  margin: 20px;
  margin-bottom: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header__main__logo img {
      height: 60px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__main__logo img {
      height: 45px;
      margin: 10px 20px; } }

.header__main__logo.scrolled img {
  height: 45px;
  margin: 10px 20px; }

.mmenu__container {
  cursor: pointer; }
  .mmenu__container .mmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px; }
    .mmenu__container .mmenu span {
      background: #04305C;
      height: 3px;
      margin: 5px 0;
      -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
      -o-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
      transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6); }
      .mmenu__container .mmenu span:nth-of-type(1), .mmenu__container .mmenu span:nth-of-type(2), .mmenu__container .mmenu span:nth-of-type(3) {
        width: 100%; }
    .mmenu__container .mmenu.active span:nth-of-type(1) {
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transform: rotatez(45deg) translate(10px, 8px);
      -ms-transform: rotate(45deg) translate(10px, 8px);
      transform: rotatez(45deg) translate(10px, 8px); }
    .mmenu__container .mmenu.active span:nth-of-type(2) {
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top;
      -webkit-transform: rotatez(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotatez(-45deg); }
    .mmenu__container .mmenu.active span:nth-of-type(3) {
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      width: 0%;
      -webkit-transform: translate(21px, -6px) rotatez(45deg);
      -ms-transform: translate(21px, -6px) rotate(45deg);
      transform: translate(21px, -6px) rotatez(45deg); }

.header__main__nav__container {
  display: block; }
  @media (max-width: 992px) {
    .header__main__nav__container {
      display: none;
      width: 100%; }
      .header__main__nav__container.active {
        display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .header__main__nav.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .header__main__nav.mobile .mobile-menu__container, .header__main__nav.mobile .nav--main--mobile--additional {
      width: 50%; } }

.header__main__nav ul.level_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }
  @media (max-width: 992px) {
    .header__main__nav ul.level_1 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 20px; } }
  .header__main__nav ul.level_1 > li.submenu > a {
    cursor: default; }
  @media (max-width: 992px) {
    .header__main__nav ul.level_1 li {
      width: 100%; } }
  .header__main__nav ul.level_1 li:hover {
    background: #ffffff; }
  .header__main__nav ul.level_1 li a, .header__main__nav ul.level_1 li strong {
    padding: 40px 30px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 500;
    -webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    display: block; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header__main__nav ul.level_1 li a, .header__main__nav ul.level_1 li strong {
        padding: 50px 15px; } }
    @media (max-width: 992px) {
      .header__main__nav ul.level_1 li a, .header__main__nav ul.level_1 li strong {
        padding: 20px 0;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 0;
        border-bottom: 2px solid #04305C;
        -webkit-transition: 0s ease;
        -o-transition: 0s ease;
        transition: 0s ease;
        position: relative; }
        .header__main__nav ul.level_1 li a.submenu::after, .header__main__nav ul.level_1 li strong.submenu::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          background-image: url("../img/arrow--down--sw.svg");
          background-repeat: no-repeat;
          width: 29px;
          height: 9px; } }
    .header__main__nav ul.level_1 li a:hover, .header__main__nav ul.level_1 li a.active, .header__main__nav ul.level_1 li a.trail, .header__main__nav ul.level_1 li strong:hover, .header__main__nav ul.level_1 li strong.active, .header__main__nav ul.level_1 li strong.trail {
      color: #1489C5; }
      .header__main__nav ul.level_1 li a:hover span, .header__main__nav ul.level_1 li a:hover strong, .header__main__nav ul.level_1 li a.active span, .header__main__nav ul.level_1 li a.active strong, .header__main__nav ul.level_1 li a.trail span, .header__main__nav ul.level_1 li a.trail strong, .header__main__nav ul.level_1 li strong:hover span, .header__main__nav ul.level_1 li strong:hover strong, .header__main__nav ul.level_1 li strong.active span, .header__main__nav ul.level_1 li strong.active strong, .header__main__nav ul.level_1 li strong.trail span, .header__main__nav ul.level_1 li strong.trail strong {
        padding-bottom: 10px; }
        @media (max-width: 992px) {
          .header__main__nav ul.level_1 li a:hover span, .header__main__nav ul.level_1 li a:hover strong, .header__main__nav ul.level_1 li a.active span, .header__main__nav ul.level_1 li a.active strong, .header__main__nav ul.level_1 li a.trail span, .header__main__nav ul.level_1 li a.trail strong, .header__main__nav ul.level_1 li strong:hover span, .header__main__nav ul.level_1 li strong:hover strong, .header__main__nav ul.level_1 li strong.active span, .header__main__nav ul.level_1 li strong.active strong, .header__main__nav ul.level_1 li strong.trail span, .header__main__nav ul.level_1 li strong.trail strong {
            padding-bottom: 0;
            border-bottom: 0; } }
  .header__main__nav ul.level_1 li:hover > ul.level_2 {
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    opacity: 1;
    visibility: visible; }
    @media (max-width: 992px) {
      .header__main__nav ul.level_1 li:hover > ul.level_2 {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0s ease-out;
        -o-transition: 0s ease-out;
        transition: 0s ease-out; } }
  @media (max-width: 992px) {
    .header__main__nav ul.level_1 li.active {
      background-color: #F2F2F2;
      padding-bottom: 10px; }
      .header__main__nav ul.level_1 li.active a.submenu::after, .header__main__nav ul.level_1 li.active strong.submenu::after {
        content: '';
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.4s ease-out;
        -o-transition: 0.4s ease-out;
        transition: 0.4s ease-out; }
      .header__main__nav ul.level_1 li.active ul.level_2 {
        opacity: 1;
        visibility: visible;
        height: inherit;
        padding-bottom: 16px; } }

.header__main__nav.scrolled ul.level_1 li a, .header__main__nav.scrolled ul.level_1 li strong {
  padding: 25px 30px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header__main__nav.scrolled ul.level_1 li a, .header__main__nav.scrolled ul.level_1 li strong {
      padding: 20px 30px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__main__nav.scrolled ul.level_1 li a, .header__main__nav.scrolled ul.level_1 li strong {
      padding: 20px;
      padding-left: 0; } }

.header__main__nav.scrolled ul.level_2 {
  top: 100%; }
  @media (max-width: 992px) {
    .header__main__nav.scrolled ul.level_2 {
      top: 0; } }
  .header__main__nav.scrolled ul.level_2 li a, .header__main__nav.scrolled ul.level_2 li strong {
    padding: 10px 30px; }
    @media (max-width: 992px) {
      .header__main__nav.scrolled ul.level_2 li a, .header__main__nav.scrolled ul.level_2 li strong {
        padding: 20px; } }
    .header__main__nav.scrolled ul.level_2 li a.last, .header__main__nav.scrolled ul.level_2 li strong.last {
      padding-bottom: 20px; }

.header__main__nav ul.level_2 {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  padding-top: 16px;
  padding-bottom: 16px; }
  @media (max-width: 992px) {
    .header__main__nav ul.level_2 {
      background-color: transparent;
      position: relative;
      top: 0;
      height: 0;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      padding-bottom: 0; } }
  @media (max-width: 992px) {
    .header__main__nav ul.level_2 li {
      width: 100%; } }
  .header__main__nav ul.level_2 li a, .header__main__nav ul.level_2 li strong {
    padding: 10px 30px;
    display: inline-block;
    font-size: 1.075rem;
    line-height: 1.25rem;
    font-weight: 400; }
    @media (max-width: 992px) {
      .header__main__nav ul.level_2 li a, .header__main__nav ul.level_2 li strong {
        padding: 20px 20px;
        border-bottom: 1px solid #04305C;
        margin-bottom: 0;
        display: block; }
        .header__main__nav ul.level_2 li a::after, .header__main__nav ul.level_2 li strong::after {
          content: '';
          display: none; }
        .header__main__nav ul.level_2 li a.ueberblick, .header__main__nav ul.level_2 li strong.ueberblick {
          text-transform: uppercase;
          font-weight: 600;
          color: #1489C5; } }
    .header__main__nav ul.level_2 li a:hover span, .header__main__nav ul.level_2 li a.active span, .header__main__nav ul.level_2 li a.trail span, .header__main__nav ul.level_2 li strong:hover span, .header__main__nav ul.level_2 li strong.active span, .header__main__nav ul.level_2 li strong.trail span {
      padding-bottom: 0;
      border-bottom: 0px; }

@media (min-width: 768px) and (max-width: 991px) {
  .nav--mobile--footer1 ul.level_1 li a, .nav--mobile--footer1 ul.level_1 li strong, .nav--mobile--footer2 ul.level_1 li a, .nav--mobile--footer2 ul.level_1 li strong {
    font-size: 1rem;
    line-height: 1.5rem;
    border-bottom: 0;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 40px;
    font-weight: 600; }
  .nav--main--mobile--adress p {
    text-align: center; }
  .nav--main--mobile--additional {
    margin-top: 15px;
    margin-left: 80px; }
    .nav--main--mobile--additional .nav--main--mobile--adress a {
      font-weight: 600; }
    .nav--main--mobile--additional .nav--main--mobile--sm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-top: 20px; }
      .nav--main--mobile--additional .nav--main--mobile--sm img {
        height: 44px;
        width: 44px;
        margin: 15px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .nav--mobile--footer1 ul.level_1, .nav--mobile--footer2 ul.level_1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0; }
    .nav--mobile--footer1 ul.level_1 li, .nav--mobile--footer2 ul.level_1 li {
      width: inherit; }
      .nav--mobile--footer1 ul.level_1 li a, .nav--mobile--footer1 ul.level_1 li strong, .nav--mobile--footer2 ul.level_1 li a, .nav--mobile--footer2 ul.level_1 li strong {
        font-size: 1rem;
        line-height: 1.5rem;
        border-bottom: 0;
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        padding: 15px;
        font-weight: 600; }
        .nav--mobile--footer1 ul.level_1 li a.first, .nav--mobile--footer1 ul.level_1 li strong.first, .nav--mobile--footer2 ul.level_1 li a.first, .nav--mobile--footer2 ul.level_1 li strong.first {
          padding-left: 20px; }
        .nav--mobile--footer1 ul.level_1 li a.last, .nav--mobile--footer1 ul.level_1 li strong.last, .nav--mobile--footer2 ul.level_1 li a.last, .nav--mobile--footer2 ul.level_1 li strong.last {
          padding-right: 20px; }
  .nav--mobile--footer1:not(.nav--mobile--footer1) ul.level_1, .nav--mobile--footer2:not(.nav--mobile--footer1) ul.level_1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .header__main__nav.mobile.scrolled .nav--mobile--footer1 ul.level_1 li a, .header__main__nav.mobile.scrolled .nav--mobile--footer1 ul.level_1 li strong {
    padding: 15px; }
  .nav--main--mobile--adress {
    padding-top: 20px; }
    .nav--main--mobile--adress p, .nav--main--mobile--adress a {
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: center; }
    .nav--main--mobile--adress a {
      font-weight: 600; }
  .nav--main--mobile--sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 130px; }
    .nav--main--mobile--sm img {
      height: 44px;
      width: 44px;
      margin: 15px; } }

.header__img img {
  height: auto;
  width: 100vw;
  -o-object-fit: cover;
  object-fit: cover; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header__img img {
      height: auto; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__img img {
      height: auto; } }

.header__webcam--gross img {
  z-index: -1;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header__webcam--gross img {
      padding-bottom: 50px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .header__webcam--gross img {
      width: 140px;
      padding-bottom: 36px; } }

.header__webcam--klein {
  position: relative; }
  .header__webcam--klein img {
    position: fixed;
    bottom: 15%;
    right: 0;
    width: 130px;
    opacity: 0;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    z-index: 15; }
  .header__webcam--klein.active img {
    opacity: 1; }

.mod_article {
  padding: 60px 0;
  display: block;
  max-width: calc(100vw - ((100vw / 12) * 2) - 40px);
  margin: 0 auto;
  overflow: visible; }
  .mod_article .ce_text {
    max-width: 1000px; }
    .mod_article .ce_text.fullwidth {
      max-width: 100vw; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .mod_article {
      max-width: calc(100vw - 40px);
      padding: 50px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mod_article {
      max-width: calc(100vw - 40px);
      padding: 50px 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .mod_article {
      max-width: calc(100vw - 40px);
      padding: 25px 0; } }
  .mod_article.fullwidth {
    max-width: 100vw;
    overflow: hidden; }
  .mod_article.nopadding {
    padding: 0; }

.grid--container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  padding: 20px; }
  .grid--container.nopadding {
    padding: 0; }
  .grid--container.conny-rot {
    background-color: #C82B39; }
  .grid--container.conny-gelb {
    background-color: #F6BB3D; }
  .grid--container.conny-blau {
    background-color: #1489C5; }
  .grid--container.white {
    background-color: #ffffff; }
  .grid--container.black {
    background-color: #04305C; }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid--container {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr); } }
  @media (min-width: 320px) and (max-width: 767px) {
    .grid--container {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr); } }
  @media (max-width: 320px) {
    .grid--container {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 1200px) {
    .grid--container.nopadding--xl {
      padding: 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .grid--container.nopadding--l {
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid--container.nopadding--m {
      padding: 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .grid--container.nopadding--s {
      padding: 0; } }

.grid--container-element {
  padding: 20px; }
  .grid--container-element.nopadding {
    padding: 0; }
  .grid--container-element.conny-rot {
    background-color: #C82B39; }
  .grid--container-element.conny-gelb {
    background-color: #F6BB3D; }
  .grid--container-element.conny-blau {
    background-color: #1489C5; }
  .grid--container-element.white {
    background-color: #ffffff; }
  .grid--container-element.black {
    background-color: #04305C; }
  @media (min-width: 1200px) {
    .grid--container-element.nopadding--xl {
      padding: 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .grid--container-element.nopadding--l {
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid--container-element.nopadding--m {
      padding: 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .grid--container-element.nopadding--s {
      padding: 0; } }

@media (min-width: 1200px) {
  .hide--xl {
    display: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hide--l {
    display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hide--m {
    display: none; } }

@media (min-width: 320px) and (max-width: 767px) {
  .hide--s {
    display: none; } }

@media (min-width: 320px) and (max-width: 767px) {
  footer .footer--container {
    padding: 0; } }

footer p, footer a, footer strong, footer span {
  color: #ffffff;
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 400; }
  footer p.title, footer p.title--footer, footer a.title, footer a.title--footer, footer strong.title, footer strong.title--footer, footer span.title, footer span.title--footer {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px; }

footer li.impressum {
  margin-top: 40px;
  margin-bottom: 10px; }

footer li.presse {
  margin-top: 35px; }

@media (min-width: 320px) and (max-width: 767px) {
  footer .nav__footer--attraktionen li, footer .nav__footer--ueber-den-park li {
    text-align: left; } }

.footer__contact--img {
  padding-top: 70px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .footer__contact--img {
      padding-top: 40px; } }
  .footer__contact--img img {
    width: 160px;
    height: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain; }
    @media (min-width: 320px) and (max-width: 767px) {
      .footer__contact--img img {
        margin: 0 auto; } }

.footer__nl__box--headtitle {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.footer__nl__box--title {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 600;
  padding-bottom: 40px; }

.footer__nl__box--text {
  padding-bottom: 30px; }

.footer__nl__box--email-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  .footer__nl__box--email-input .footer__nl__box--email-input--text {
    padding: 20px;
    background-color: #ffffff;
    color: #C82B39;
    width: 75%; }
  .footer__nl__box--email-input button {
    width: 25%;
    background-color: #C82B39;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none; }

.footer__nl__box--sm p {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 700;
  padding-right: 20px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.footer__nl__box--sm div.links {
  margin-top: 20px;
  margin-left: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .footer__nl__box--sm div.links a {
    padding: 0 10px; }

.scrolltotop__container img {
  width: 60px;
  height: 60px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer; }
  @media (min-width: 320px) and (max-width: 767px) {
    .scrolltotop__container img {
      margin: 0 auto; } }

html {
  width: 100%;
  height: 100%; }
  html body {
    width: 100%;
    height: 100%;
    background-color: #F6BB3D; }
    html body.scrolled {
      background-color: #1489C5; }
    html body #wrapper #main {
      background-color: #F6BB3D;
      margin-top: 100px; }
      html body #wrapper #main.has--header {
        margin-top: 0; }
        @media (min-width: 320px) and (max-width: 767px) {
          html body #wrapper #main.has--header .mod_article:first-child {
            padding-top: 40px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        html body #wrapper #main {
          margin-top: 100px; } }
      @media (min-width: 320px) and (max-width: 767px) {
        html body #wrapper #main {
          margin-top: 80px; } }
    html body #AttraktionenTeaser {
      position: relative;
      background: #F6BB3D; }
    html body #wrapper {
      width: 100%;
      height: 100%; }
      html body #wrapper.mmenu--active {
        overflow: hidden; }