html {
  --grid__columns: 12;
  --grid__gutter: 1.875rem;
}
.row {
  display: grid;
  grid-template-columns: repeat(var(--grid__columns), minmax(0, 1fr));
  grid-gap: var(--grid__gutter);
  grid-auto-columns: 1fr;
}

.row--show {
  position: relative;
  background: #f9f9f9;
  z-index: 0;
  padding-top: 0.9375rem;
}

.row--show:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: repeating-linear-gradient(to right, #f0f0f0 0%, #f0f0f0 calc((100% - (1.875rem * 11)) / 12), #f9f9f9 calc((100% - (1.875rem * 11)) / 12), #f9f9f9 calc(((100% - (1.875rem * 11)) / 12) + 1.875rem) );
}


/* ----- */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  grid-column: 1 / -1;
}

.row-span-xs-1, .row-span-xs-2, .row-span-xs-3, .row-span-xs-4, .row-span-xs-5, .row-span-xs-6, .row-span-xs-7, .row-span-xs-8, .row-span-xs-9, .row-span-xs-10, .row-span-xs-11, .row-span-xs-12, .row-span-sm-1, .row-span-sm-2, .row-span-sm-3, .row-span-sm-4, .row-span-sm-5, .row-span-sm-6, .row-span-sm-7, .row-span-sm-8, .row-span-sm-9, .row-span-sm-10, .row-span-sm-11, .row-span-sm-12, .row-span-md-1, .row-span-md-2, .row-span-md-3, .row-span-md-4, .row-span-md-5, .row-span-md-6, .row-span-md-7, .row-span-md-8, .row-span-md-9, .row-span-md-10, .row-span-md-11, .row-span-md-12, .row-span-lg-1, .row-span-lg-2, .row-span-lg-3, .row-span-lg-4, .row-span-lg-5, .row-span-lg-6, .row-span-lg-7, .row-span-lg-8, .row-span-lg-9, .row-span-lg-10, .row-span-lg-11, .row-span-lg-12, .row-span-xl-1, .row-span-xl-2, .row-span-xl-3, .row-span-xl-4, .row-span-xl-5, .row-span-xl-6, .row-span-xl-7, .row-span-xl-8, .row-span-xl-9, .row-span-xl-10, .row-span-xl-11, .row-span-xl-12 {
  grid-row: 1;
}

.justify-start {
  justify-self: start;
}

.justify-center {
  justify-self: center;
}

.justify-end {
  justify-self: end;
}

.justify-stretch {
  justify-self: stretch;
}

.align-start {
  align-self: start;
}

.align-center {
  align-self: center;
}

.align-end {
  align-self: end;
}

.align-stretch {
  align-self: stretch;
}

.col-1 {
  grid-column: span 1 / span 1;
}

.col-2 {
  grid-column: span 2 / span 2;
}

.col-3 {
  grid-column: span 3 / span 3;
}

.col-4 {
  grid-column: span 4 / span 4;
}

.col-5 {
  grid-column: span 5 / span 5;
}

.col-6 {
  grid-column: span 6 / span 6;
}

.col-7 {
  grid-column: span 7 / span 7;
}

.col-8 {
  grid-column: span 8 / span 8;
}

.col-9 {
  grid-column: span 9 / span 9;
}

.col-10 {
  grid-column: span 10 / span 10;
}

.col-11 {
  grid-column: span 11 / span 11;
}

.col-12 {
  grid-column: span 12 / span 12;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1 / span 1;
  }

  .col-xs-2 {
    grid-column: span 2 / span 2;
  }

  .col-xs-3 {
    grid-column: span 3 / span 3;
  }

  .col-xs-4 {
    grid-column: span 4 / span 4;
  }

  .col-xs-5 {
    grid-column: span 5 / span 5;
  }

  .col-xs-6 {
    grid-column: span 6 / span 6;
  }

  .col-xs-7 {
    grid-column: span 7 / span 7;
  }

  .col-xs-8 {
    grid-column: span 8 / span 8;
  }

  .col-xs-9 {
    grid-column: span 9 / span 9;
  }

  .col-xs-10 {
    grid-column: span 10 / span 10;
  }

  .col-xs-11 {
    grid-column: span 11 / span 11;
  }

  .col-xs-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }

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

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

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

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

@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }

  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
  }

  .justify-xs-center {
    justify-self: center;
  }

  .justify-xs-end {
    justify-self: end;
  }

  .justify-xs-stretch {
    justify-self: stretch;
  }

  .align-xs-start {
    align-self: start;
  }

  .align-xs-center {
    align-self: center;
  }

  .align-xs-end {
    align-self: end;
  }

  .align-xs-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-xs-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-xs-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-xs-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-xs-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-xs-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-xs-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-xs-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-xs-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-xs-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-xs-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-xs-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .col-sm-1 {
    grid-column: span 1 / span 1;
  }

  .col-sm-2 {
    grid-column: span 2 / span 2;
  }

  .col-sm-3 {
    grid-column: span 3 / span 3;
  }

  .col-sm-4 {
    grid-column: span 4 / span 4;
  }

  .col-sm-5 {
    grid-column: span 5 / span 5;
  }

  .col-sm-6 {
    grid-column: span 6 / span 6;
  }

  .col-sm-7 {
    grid-column: span 7 / span 7;
  }

  .col-sm-8 {
    grid-column: span 8 / span 8;
  }

  .col-sm-9 {
    grid-column: span 9 / span 9;
  }

  .col-sm-10 {
    grid-column: span 10 / span 10;
  }

  .col-sm-11 {
    grid-column: span 11 / span 11;
  }

  .col-sm-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 34.375em) {
  .pull-right-sm {
    grid-column-end: -1;
  }

  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 34.375em) {
  .justify-sm-start {
    justify-self: start;
  }

  .justify-sm-center {
    justify-self: center;
  }

  .justify-sm-end {
    justify-self: end;
  }

  .justify-sm-stretch {
    justify-self: stretch;
  }

  .align-sm-start {
    align-self: start;
  }

  .align-sm-center {
    align-self: center;
  }

  .align-sm-end {
    align-self: end;
  }

  .align-sm-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 34.375em) {
  .row-span-sm-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-sm-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-sm-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-sm-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-sm-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-sm-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-sm-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-sm-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-sm-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-sm-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-sm-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-sm-12 {
    grid-row: span 12 / span 12;
  }
}


@media screen and (min-width: 48em) {
  .col-md-1 {
    grid-column: span 1 / span 1;
  }

  .col-md-2 {
    grid-column: span 2 / span 2;
  }

  .col-md-3 {
    grid-column: span 3 / span 3;
  }

  .col-md-4 {
    grid-column: span 4 / span 4;
  }

  .col-md-5 {
    grid-column: span 5 / span 5;
  }

  .col-md-6 {
    grid-column: span 6 / span 6;
  }

  .col-md-7 {
    grid-column: span 7 / span 7;
  }

  .col-md-8 {
    grid-column: span 8 / span 8;
  }

  .col-md-9 {
    grid-column: span 9 / span 9;
  }

  .col-md-10 {
    grid-column: span 10 / span 10;
  }

  .col-md-11 {
    grid-column: span 11 / span 11;
  }

  .col-md-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 48em) {
  .col-start-md-1 {
    grid-column-start: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-start-md-11 {
    grid-column-start: 11;
  }
  
  .row-start-md-11 {
    grid-row-start: 11;
  }
  
  .col-start-md-12 {
    grid-column-start: 12;
  }
  
  .row-start-md-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 48em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 48em) {
  .justify-md-start {
    justify-self: start;
  }

  .justify-md-center {
    justify-self: center;
  }

  .justify-md-end {
    justify-self: end;
  }

  .justify-md-stretch {
    justify-self: stretch;
  }

  .align-md-start {
    align-self: start;
  }

  .align-md-center {
    align-self: center;
  }

  .align-md-end {
    align-self: end;
  }

  .align-md-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 48em) {
  .row-span-md-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-md-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-md-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-md-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-md-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-md-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-md-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-md-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-md-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-md-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-md-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-md-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .col-lg-1 {
    grid-column: span 1 / span 1;
  }
  
  .col-lg-2 {
    grid-column: span 2 / span 2;
  }
  
  .col-lg-3 {
    grid-column: span 3 / span 3;
  }
  
  .col-lg-4 {
    grid-column: span 4 / span 4;
  }
  
  .col-lg-5 {
    grid-column: span 5 / span 5;
  }
  
  .col-lg-6 {
    grid-column: span 6 / span 6;
  }
  
  .col-lg-7 {
    grid-column: span 7 / span 7;
  }
  
  .col-lg-8 {
    grid-column: span 8 / span 8;
  }
  
  .col-lg-9 {
    grid-column: span 9 / span 9;
  }
  
  .col-lg-10 {
    grid-column: span 10 / span 10;
  }
  
  .col-lg-11 {
    grid-column: span 11 / span 11;
  }
  
  .col-lg-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 58.75em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 58.75em) {
  .justify-lg-start {
    justify-self: start;
  }

  .justify-lg-center {
    justify-self: center;
  }

  .justify-lg-end {
    justify-self: end;
  }

  .justify-lg-stretch {
    justify-self: stretch;
  }

  .align-lg-start {
    align-self: start;
  }

  .align-lg-center {
    align-self: center;
  }

  .align-lg-end {
    align-self: end;
  }

  .align-lg-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 58.75em) {
  .row-span-lg-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-lg-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-lg-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-lg-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-lg-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-lg-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-lg-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-lg-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-lg-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-lg-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-lg-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-lg-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .col-xl-1 {
    grid-column: span 1 / span 1;
  }
  
  .col-xl-2 {
    grid-column: span 2 / span 2;
  }
  
  .col-xl-3 {
    grid-column: span 3 / span 3;
  }
  
  .col-xl-4 {
    grid-column: span 4 / span 4;
  }
  
  .col-xl-5 {
    grid-column: span 5 / span 5;
  }
  
  .col-xl-6 {
    grid-column: span 6 / span 6;
  }
  
  .col-xl-7 {
    grid-column: span 7 / span 7;
  }
  
  .col-xl-8 {
    grid-column: span 8 / span 8;
  }
  
  .col-xl-9 {
    grid-column: span 9 / span 9;
  }
  
  .col-xl-10 {
    grid-column: span 10 / span 10;
  }
  
  .col-xl-11 {
    grid-column: span 11 / span 11;
  }
  
  .col-xl-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .col-start-xl-1 {
     grid-column-start: 1;
  }
  
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 68.75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 68.75em) {
  .justify-xl-start {
    justify-self: start;
  }

  .justify-xl-center {
    justify-self: center;
  }

  .justify-xl-end {
    justify-self: end;
  }

  .justify-xl-stretch {
    justify-self: stretch;
  }

  .align-xl-start {
    align-self: start;
  }

  .align-xl-center {
    align-self: center;
  }

  .align-xl-end {
    align-self: end;
  }

  .align-xl-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 68.75em) {
  .row-span-xl-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-xl-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-xl-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-xl-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-xl-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-xl-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-xl-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-xl-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-xl-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-xl-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-xl-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-xl-12 {
    grid-row: span 12 / span 12;
  }
}

.col-start-1 {
  grid-column-start: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-7 {
  grid-row: span 7 / span 7;
}

.row-span-8 {
  grid-row: span 8 / span 8;
}

.row-span-9 {
  grid-row: span 9 / span 9;
}

.row-span-10 {
  grid-row: span 10 / span 10;
}

.row-span-11 {
  grid-row: span 11 / span 11;
}

.row-span-12 {
  grid-row: span 12 / span 12;
}

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transform:translateZ(0) scaleY(.95);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{animation-name:swing;transform-origin:top center}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-name:heartBeat;animation-timing-function:ease-in-out}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{opacity:.7;transform:translateX(-2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{opacity:.7;transform:translateX(2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(700px) scale(.7)}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(2000px) scale(.7)}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;transform:skewX(-20deg)}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg)}to{opacity:0;transform:translate3d(0,700px,0)}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{animation-name:slideOutUp}
.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}
/* 
black - 800
bold - 700
medium - 600
regular - 500
light - 400
extra-light - 300
*/
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Extra-Light-Italic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Light.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Light.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Light-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Light-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Light-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Regular.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Regular.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Regular-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Regular-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Regular-Italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Medium.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Medium.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Medium-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Medium-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Medium-Italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Bold.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Bold.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Bold-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Bold-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Bold-Italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Black.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Black.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Brix Sans";
  src: url("../../files/381/assets/fonts/Brix-Sans-Web-Black-Italic.eot") format("eot"), url("../../files/381/assets/fonts/Brix-Sans-Web-Black-Italic.woff") format("woff"), url("../../files/381/assets/fonts/Brix-Sans-Web-Black-Italic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
img {
  width: 100%;
  vertical-align: bottom;
}

img.c4g_reservation_state {
  width: 1rem;
}

strong {
  font-family: "Brix Sans", Verdana, sans-serif;
  font-weight: 700;
}

.maintenance {
  background: black;
  display: grid;
}

.maintenance #wrapper {
  margin: auto;
  background: black;
}

.mod_article {
  padding: 1.5rem 0;
}

.mod_article.gradient {
  background: rgb(0, 45, 167);
  background: linear-gradient(45deg, rgb(0, 45, 167) 0%, rgb(230, 0, 126) 100%);
}

.mod_article.black {
  background: black;
  color: white;
}

.mod_article.black a {
  color: white;
  text-decoration: none;
}

.mod_article.grey {
  background: #F0F0F0;
}

.bg-image h2 {
  margin: 5rem 0;
}

.mod_eventlist .info {
  font-size: 0.938rem;
  line-height: 1.563rem;
}

.bg-image .content-text.headline {
  color: white;
}

.content-text.intro {
  font-size: 2.188rem;
  line-height: 2.813rem;
  margin: 0 0 5rem 0;
}

.content-text a {
  color: black;
}

th.head.previous a {
  background: url("../../files/381/assets/layout/back-white.svg") left center no-repeat;
}

.more a {
  width: 2rem;
  height: 2rem;
  display: block;
  font-size: 0;
  background: url("../../files/381/assets/layout/more-black.svg") center center no-repeat;
}

.error {
  font-family: "Brix Sans";
  font-weight: 700;
  background: black;
  color: white;
  padding: 1rem;
  margin: 2rem 0;
}

.mod_login {
  margin: 2rem 0;
}

.c4g_brick_dialog .c4g__form-control, .form-control, .c4g_brick_dialog select.c4g__form-select, .form-select {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  border: 0.125rem solid black;
  background-color: transparent;
  border-radius: 0;
  line-height: auto;
  line-height: 1.875rem;
}

.c4g_brick_dialog .c4g__form-group {
  margin: 0 0 2rem 0;
}

.c4g__btn, .ui-button {
  display: inline-block;
  padding: 1rem;
  font-family: "Brix Sans";
  font-weight: 700;
  border: 0.125rem solid black;
  font-size: 1.563rem;
  color: white;
  text-decoration: none;
  width: auto;
  background: black;
  cursor: pointer;
  border-radius: 0;
  line-height: 1.875rem;
}

.c4g__btn-date {
  width: 4.125rem;
}

.mod_C4gReservation label.agreed.c4g_agreed, .mod_C4gReservation label.reservation_id.c4g_reservation_id {
  text-transform: none;
  letter-spacing: 0;
}

label a {
  color: black;
}

.c4g__form-check-input[type=checkbox], .form-check-input[type=checkbox] {
  border-radius: 0;
}

.c4g__form-check-input[type=checkbox][disabled], .c4g__form-check-input[type=checkbox][readonly], .c4g__form-check-input:checked, .form-check-input:checked {
  background-color: black;
  border-color: black;
  opacity: 1;
}

.c4g__btn-date:hover .far {
  color: white !important;
}

.btn-primary:hover, .c4g__btn-primary:hover {
  background: black;
  border-color: black;
}

.datepicker-picker, .datepicker-picker span {
  border-radius: 0;
}

.datepicker-header .datepicker-controls .btn, .datepicker-header .datepicker-controls .c4g__btn, .datepicker-header .datepicker-controls .ui-button {
  color: black;
}

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

html, body {
  height: 100%;
}

body {
  font-family: "Brix Sans", Verdana, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: normal;
}

#wrapper {
  position: relative;
  background: white;
  z-index: 200;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#main {
  overflow: hidden;
}

.parallax {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 100%;
}

.layer {
  position: relative;
  max-width: 1400px;
  margin: auto;
  padding: 0 3rem;
}

.block {
  overflow: inherit;
}

.btn,
.submit {
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 0.08rem;
  padding: 0.5rem 1rem;
  display: inline-block;
  border: none;
  text-decoration: none;
  background: #CCCCCC;
}
.btn-lg,
.submit-lg {
  font-size: 1.5rem;
}
.btn-white,
.submit-white {
  background: white !important;
  color: black !important;
}
.btn-black,
.submit-black {
  background: black !important;
  color: white !important;
}
.btn-black.inactive,
.submit-black.inactive {
  color: #CCCCCC !important;
}
.btn-black.inactive::hover,
.submit-black.inactive::hover {
  text-decoration: none !important;
}
.btn-grey,
.submit-grey {
  background: #CCCCCC !important;
  color: black !important;
}
.btn-green,
.submit-green {
  background: #4ab921 !important;
  color: white !important;
}
.btn:hover, .btn:focus,
.submit:hover,
.submit:focus {
  text-decoration: underline !important;
  text-decoration-thickness: from-font !important;
}

a {
  color: black;
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
a:hover, afocus {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}

address {
  font-style: normal;
  margin-bottom: 0.75rem;
}

.arrow-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.078' height='72.095' viewBox='0 0 199.078 72.095'%3E%3Cpath fill='%23000000' d='M2045.477,512.272c.055-.085.1-.173.153-.263.016-.031.032-.062.047-.093.049-.094.1-.184.144-.282a4.085,4.085,0,0,0-.885-4.476l-31.923-31.926a4.109,4.109,0,0,0-5.808,5.815l24.907,24.908H1851.164a4.1,4.1,0,0,0,0,8.206h180.948l-24.948,24.948a4.11,4.11,0,0,0,0,5.811,4.048,4.048,0,0,0,2.9,1.205,4.092,4.092,0,0,0,2.911-1.207l31.964-31.962c.084-.085.16-.174.235-.264.007-.01.016-.018.023-.027a4.059,4.059,0,0,0,.281-.393' transform='translate(-1847.061 -474.03)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2rem;
  padding-left: 3rem;
  background-position: left center;
}

h1.content-headline, .h1.content-headline {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}

h2.content-headline, .h2.content-headline {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

h3, h4, .h3, .h4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.content-hyperlink {
  scroll-margin-top: 12.5rem;
}

.content-text h1 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}
.content-text h2 {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
.content-text figure.float_left {
  margin-right: 2rem;
  margin-bottom: 1rem;
}
.content-text figure.float_right {
  margin-left: 2rem;
  margin-bottom: 1rem;
}
.content-text figure.float_above {
  margin-bottom: 1rem;
}
.content-text figure.float_below {
  margin-top: 1rem;
}
.content-text ul li {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
  padding-bottom: 0.75rem;
}
.content-text ul li:before {
  content: "x";
  padding-right: 1rem;
}
.content-text ul li p {
  display: inline;
  margin-left: -0.125rem;
}
.content-text ol li {
  padding-left: 0.5rem;
  margin-left: 1.5rem;
}

.content-kicker-headline .kicker {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  margin: 0;
}
.content-kicker-headline .headline {
  margin-top: 0.25rem;
}
.content-kicker-headline.h1 .kicker {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  margin: 1.25rem 0 0.75rem 0;
}
.content-kicker-headline.h1 .headline {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}
.content-kicker-headline.h2 .kicker {
  font-size: 0.9rem;
  letter-spacing: 0.125rem;
  margin: 0.625rem 0 0.375rem 0;
}
.content-kicker-headline.h2 .headline {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

.ce_accordion {
  border-top: 1px solid black;
}
.ce_accordion:last-of-type {
  border-bottom: 1px solid black;
}
.ce_accordion .toggler {
  font-size: 1.5rem;
  background: url("../../files/381/assets/layout/dropdown.svg") no-repeat left center;
  background-size: 0.8rem 0.8rem;
  cursor: pointer;
  padding: 0.625rem 0 0.625rem 2.625rem;
}
.ce_accordion .ui-state-active {
  background-image: url("../../files/381/assets/layout/dropdown-open.svg");
}
.ce_accordion .accordion-content {
  padding: 0 0 0 2.625rem;
}

.content-text .download-element:before,
.content-downloads .download-element:before,
.content-download .download-element:before {
  content: "";
  background-image: url("../../files/381/assets/layout/download.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.mod_faqpage .faq-question {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.mod_faqpage .accordion {
  padding: 0 0 0 2.625rem;
}

.ce_form h1, .ce_form h2, .ce_form h3 {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.ce_form .required-info {
  font-size: 0.8rem;
  font-weight: 500;
}
.ce_form .widget {
  margin-bottom: 1.25rem;
}
.ce_form label, .ce_form legend {
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: 0.05rem;
}
.ce_form label {
  margin-bottom: 0.5rem;
}
.ce_form legend {
  margin-bottom: 0.25rem;
}
.ce_form .no-label label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.ce_form .no-legend legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.ce_form .small-legend legend {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
  letter-spacing: unset;
}
.ce_form .widget-calendar {
  position: relative;
}
.ce_form .widget-calendar .input-button {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
}
.ce_form .submit {
  background: black;
  color: white;
}
.ce_form .row {
  grid-template-columns: repeat(4, 1fr);
  gap: 0 1rem;
}
.ce_form .checkbox_container label {
  font-weight: 400;
  letter-spacing: normal;
  margin-bottom: 0.25rem;
}
.ce_form .checkbox_container > span {
  display: block;
  white-space: nowrap;
}
.ce_form .checkbox_container.inline-block > span {
  display: inline-block;
  white-space: nowrap;
}
.ce_form .checkbox_container .checkbox {
  border-radius: 0;
  width: 1em;
  height: 1em;
  margin: 0.25em 0.5rem 0 0;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid black;
  appearance: none;
  print-color-adjust: exact;
}
.ce_form .checkbox_container .checkbox:checked {
  background-color: black;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.ce_form .raumausstattung {
  padding-right: 1rem;
}
.ce_form .raumausstattung .widget {
  display: flex;
  margin-bottom: 0.5rem;
  align-content: center;
  flex-wrap: wrap;
}
.ce_form .widget-explanation {
  margin-bottom: 0;
}
.ce_form .widget-explanation.small {
  font-size: 0.8rem;
  color: grey;
}
.ce_form .widget-explanation.small p {
  margin: 0;
}

input[type=text],
input[type=email],
input[type=number],
input[type=date],
input[type=tel],
textarea,
select {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  line-height: normal;
  font-size: 1rem;
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: black;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
  color: black;
  background-color: white;
  border-color: black;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder,
select::placeholder {
  font-size: 1rem;
  letter-spacing: 0.05rem;
}

.slider-pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding: 0 0.5rem;
  align-items: center;
}
.slider-pagination .slick-arrow {
  cursor: pointer;
  background: transparent;
  border: none;
  height: 1rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-size: 2rem;
}
.slider-pagination .slick-arrow.slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.08 72.1'%3E%3Cpath fill='%23000000' d='M.66,33.85l-.15.27,0,.09a2.44,2.44,0,0,0-.14.28A4.11,4.11,0,0,0,1.2,39L33.13,70.89a4.11,4.11,0,0,0,5.81-5.81L14,40.17H195A4.11,4.11,0,0,0,195,32H14L39,7a4.12,4.12,0,0,0,0-5.81,4.09,4.09,0,0,0-5.81,0l-32,32a2.85,2.85,0,0,0-.23.26l0,0Z'/%3E%3C/svg%3E");
  background-position: left center;
}
.slider-pagination .slick-arrow.slick-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.078' height='72.095' viewBox='0 0 199.078 72.095'%3E%3Cpath fill='%23000000' d='M2045.477,512.272c.055-.085.1-.173.153-.263.016-.031.032-.062.047-.093.049-.094.1-.184.144-.282a4.085,4.085,0,0,0-.885-4.476l-31.923-31.926a4.109,4.109,0,0,0-5.808,5.815l24.907,24.908H1851.164a4.1,4.1,0,0,0,0,8.206h180.948l-24.948,24.948a4.11,4.11,0,0,0,0,5.811,4.048,4.048,0,0,0,2.9,1.205,4.092,4.092,0,0,0,2.911-1.207l31.964-31.962c.084-.085.16-.174.235-.264.007-.01.016-.018.023-.027a4.059,4.059,0,0,0,.281-.393' transform='translate(-1847.061 -474.03)'/%3E%3C/svg%3E");
  background-position: right center;
}
.slider-pagination .slick-dots {
  margin: 0;
}
.slider-pagination .slick-dots li {
  display: inline-block;
}
.slider-pagination .slick-dots li:only-child {
  display: none;
}
.slider-pagination .slick-dots li button {
  font-size: 0;
  border: 1px solid black;
  border-radius: 1rem;
  height: 0.5rem;
  width: 0.5rem;
  padding: 0;
  background: transparent;
  margin: 0 0.5rem;
  vertical-align: middle;
}

#booking .content-text,
#contact .content-text {
  padding: 0 12rem;
}
#booking .ce_form,
#contact .ce_form {
  padding: 0 12rem 0 24rem;
}

#contact .row {
  padding: 0 12rem;
}
#contact .row .content-text {
  padding: 0;
}
#contact .content-image {
  padding-left: 12rem;
}

#booking.parallax {
  background-image: url("../../files/381/assets/layout/booking.png");
}
#booking .content-kicker-headline.h2 .kicker {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  margin: 1.25rem 0 0.75rem 0;
}
#booking .content-kicker-headline.h2 .headline {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}
#booking h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

#contact.parallax {
  background-image: url("../../files/381/assets/layout/contact.png");
}

#impressum .content-text h3 {
  font-size: 1.25rem;
  margin-bottom: 0;
}

#datenschutz h2.content-headline {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: unset;
  letter-spacing: unset;
}

#site-switcher {
  position: fixed;
  bottom: 2vh;
  right: 3rem;
  z-index: 200;
  width: 9.375rem;
  background-color: #000000;
  color: #FFFFFF;
  padding: 0.75rem 1.25rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
}
#site-switcher * {
  margin: 0;
}
#site-switcher p {
  font-weight: 800;
}
#site-switcher a {
  color: #FFFFFF;
  text-decoration: none;
}
#site-switcher a:hover, #site-switcher a:active, #site-switcher a:focus {
  text-decoration: underline;
}

.contao-cookiebar .cc-btn {
  border-radius: 0;
}
.contao-cookiebar .highlight .cc-btn.success {
  background: black;
  border-color: black;
  color: #fff;
}

.slick-lightbox .slick-lightbox-close {
  background: url(/assets/colorbox/images/close.svg) no-repeat top center;
  width: 32px;
  height: 32px;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  text-indent: -9999px;
  z-index: 1000;
  border: none;
  cursor: pointer;
  background: transparent;
  border: none;
  height: 1rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-size: 2rem;
}
.slick-lightbox .slick-prev {
  /*background: url(/assets/colorbox/images/prev.svg) no-repeat top left;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.08 72.1'%3E%3Cpath fill='%23000000' d='M.66,33.85l-.15.27,0,.09a2.44,2.44,0,0,0-.14.28A4.11,4.11,0,0,0,1.2,39L33.13,70.89a4.11,4.11,0,0,0,5.81-5.81L14,40.17H195A4.11,4.11,0,0,0,195,32H14L39,7a4.12,4.12,0,0,0,0-5.81,4.09,4.09,0,0,0-5.81,0l-32,32a2.85,2.85,0,0,0-.23.26l0,0Z'/%3E%3C/svg%3E");
  left: 1rem;
  background-position: left center;
}
.slick-lightbox .slick-next {
  /*background: url(/assets/colorbox/images/next.svg) no-repeat;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.078' height='72.095' viewBox='0 0 199.078 72.095'%3E%3Cpath fill='%23000000' d='M2045.477,512.272c.055-.085.1-.173.153-.263.016-.031.032-.062.047-.093.049-.094.1-.184.144-.282a4.085,4.085,0,0,0-.885-4.476l-31.923-31.926a4.109,4.109,0,0,0-5.808,5.815l24.907,24.908H1851.164a4.1,4.1,0,0,0,0,8.206h180.948l-24.948,24.948a4.11,4.11,0,0,0,0,5.811,4.048,4.048,0,0,0,2.9,1.205,4.092,4.092,0,0,0,2.911-1.207l31.964-31.962c.084-.085.16-.174.235-.264.007-.01.016-.018.023-.027a4.059,4.059,0,0,0,.281-.393' transform='translate(-1847.061 -474.03)'/%3E%3C/svg%3E");
  right: 1rem;
  background-position: right center;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-1 {
  margin-bottom: 2rem !important;
}

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

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.display-none {
  display: none;
}

.greyscale {
  filter: grayscale(1);
}

.mod_header.switch,
.standard .mod_header {
  background: black;
}

.standard #container {
  margin-top: 9.75rem;
}

#header .mod_header {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  padding: 2rem 0 4rem 0;
  transition: all 0.5s ease-in;
  z-index: 30;
}
#header .mod_header .sticky {
  padding: 1rem 0 1rem 0;
}
#header .layer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 9rem;
}
#header .mod_logo {
  margin-right: auto;
}
#header .mod_logo a {
  display: block;
  width: 8rem;
  height: 3.75rem;
  background-image: url("../../files/381/assets/layout/logo-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#header .mod_logo.concept a {
  background-image: url("../../files/381/assets/layout/con-logo-header.svg");
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
}
#header .logo-only .mod_logo {
  margin-left: auto;
  margin-right: auto;
}
#header .mod_navigation,
#header .mod_customnav {
  text-transform: uppercase;
  letter-spacing: 0.313rem;
  margin-left: 2rem;
  margin: 0.5rem 0 0 0;
}
#header .mod_navigation ul,
#header .mod_customnav ul {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
#header .mod_navigation li,
#header .mod_customnav li {
  margin-left: 2rem;
}
#header .mod_navigation a,
#header .mod_customnav a {
  font-weight: 400;
  display: block;
  text-decoration: none;
  color: white;
  line-height: normal;
}
#header .mod_navigation a.trail, #header .mod_navigation a:hover, #header .mod_navigation a:focus,
#header .mod_customnav a.trail,
#header .mod_customnav a:hover,
#header .mod_customnav a:focus {
  font-weight: 600;
  text-decoration: line-through;
  text-decoration-thickness: from-font;
}
#header .mod_navigation strong,
#header .mod_customnav strong {
  font-weight: 600;
  text-decoration: line-through;
  text-decoration-thickness: from-font;
  display: block;
  color: white;
  line-height: normal;
}
#header .mod_navigation strong.trail,
#header .mod_customnav strong.trail {
  cursor: pointer;
}
#header .mod_navigation .level_2,
#header .mod_customnav .level_2 {
  display: none;
  position: absolute;
  margin-left: -2rem;
  padding-top: 1.5rem;
  font-size: 1rem;
  text-transform: none;
  font-style: italic;
  flex-wrap: nowrap;
  white-space: nowrap;
  letter-spacing: 0.122rem;
}
#header .mod_navigation .level_2 strong,
#header .mod_navigation .level_2 a:hover,
#header .mod_navigation .level_2 a:focus,
#header .mod_customnav .level_2 strong,
#header .mod_customnav .level_2 a:hover,
#header .mod_customnav .level_2 a:focus {
  font-weight: 400;
  text-decoration: underline;
}
#header .mod_navigation .trail .level_2,
#header .mod_customnav .trail .level_2 {
  display: flex;
}
#header .mobile {
  display: none;
  margin-top: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#header .mobile .mod_info .layer {
  padding: 0;
}
#header .mobile .mod_info .layer img {
  width: 16rem;
}
#header .mobile .mod_info .layer p {
  display: none;
}
#header .mobile .mod_social {
  display: flex;
  width: 15.5rem;
  justify-content: space-between;
  margin-bottom: 2rem;
}
#header .mobile .mod_social a {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 2rem 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
#header .mobile .mod_social a.last {
  margin: 0;
}
#header .mobile .mod_social .fb {
  background-image: url("../../files/381/assets/layout/facebook-white.svg");
}
#header .mobile .mod_social .tw {
  background-image: url("../../files/381/assets/layout/twitter-white.svg");
}
#header .mobile .mod_social .ig {
  background-image: url("../../files/381/assets/layout/instagram-white.svg");
}
#header .mobile .mod_social .yt {
  background-image: url("../../files/381/assets/layout/youtube-white.svg");
}

#landingpage-logo .layer {
  padding: 0 3rem !important;
}
#landingpage-logo .mod_logo {
  display: flex;
  justify-content: center;
}
#landingpage-logo .mod_logo a {
  display: block;
  width: 8rem;
  height: 3.75rem;
  background: url("../../files/381/assets/layout/logo-white.svg") no-repeat;
  background-size: contain;
}

.scroll-arrow {
  width: 3.5rem;
  height: 4rem;
  position: absolute;
  top: 20rem;
  right: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.1 199.08'%3E%3Cpath fill='%23000000' d='M33.85,198.42l.27.15.09.05.28.14a4.11,4.11,0,0,0,4.48-.88L70.89,166a4.11,4.11,0,0,0-5.81-5.81L40.17,185.05V4.1A4.11,4.11,0,0,0,32,4.1v181L7,160.1a4.12,4.12,0,0,0-5.81,0,4.09,4.09,0,0,0,0,5.81l32,32,.26.23,0,0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 2rem;
  text-align: center;
  z-index: 250;
}
.scroll-arrow .scroll {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 800;
}

.light-arrow .scroll-arrow,
.error-page .scroll-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.1 199.08'%3E%3Cpath fill='%23FFFFFF' d='M33.85,198.42l.27.15.09.05.28.14a4.11,4.11,0,0,0,4.48-.88L70.89,166a4.11,4.11,0,0,0-5.81-5.81L40.17,185.05V4.1A4.11,4.11,0,0,0,32,4.1v181L7,160.1a4.12,4.12,0,0,0-5.81,0,4.09,4.09,0,0,0,0,5.81l32,32,.26.23,0,0Z'/%3E%3C/svg%3E");
}
.light-arrow .scroll-arrow .scroll,
.error-page .scroll-arrow .scroll {
  color: #FFFFFF;
}

#footer {
  background: black;
  background-image: url("../../files/381/assets/layout/border-black-footer.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  padding: 6rem 3rem 3rem 3rem;
  color: white;
  margin-top: auto;
  position: relative;
}
#footer:before {
  content: "";
  background: white;
  width: 100%;
  height: 2px;
  display: block;
  top: -1px;
  left: 0;
  position: absolute;
}
#footer .mod_footer > .layer {
  background: black;
  display: grid;
  justify-content: space-between;
  width: 100%;
  grid-template-columns: 2fr 6fr 2fr;
  grid-template-areas: "address mainlogo navigation" "address logorow navigation";
  padding: 0;
}
#footer .mod_info {
  grid-area: mainlogo;
  z-index: 0;
  width: 100%;
}
#footer .mod_info .layer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#footer .mod_info .layer img {
  width: 16rem;
}
#footer .mod_info .layer .slogan {
  color: #FFFFFF;
  letter-spacing: 0.05rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 1.25rem;
  margin-left: 0.25rem;
}
#footer .mod_info .layer .slogan .heart {
  display: inline-block;
  position: relative;
  width: 2.125rem;
  height: 1.25rem;
}
#footer .mod_info .layer .slogan .heart::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  display: block;
  background-image: url(../../files/381/assets/layout/herz-menu.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 2.5rem;
  width: 2.5rem;
}
#footer .mod_social {
  grid-area: address;
  width: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#footer .mod_social a {
  display: inline-block;
  font-size: 1rem;
  line-height: 2rem;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.313rem;
}
#footer .mod_social .social-icon {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
#footer .mod_social .social-icon.last {
  margin: 0;
}
#footer .mod_social .fb {
  background-image: url("../../files/381/assets/layout/facebook-white.svg");
}
#footer .mod_social .tw {
  background-image: url("../../files/381/assets/layout/twitter-white.svg");
}
#footer .mod_social .ig {
  background-image: url("../../files/381/assets/layout/instagram-white.svg");
}
#footer .mod_social .yt {
  background-image: url("../../files/381/assets/layout/youtube-white.svg");
}
#footer .mod_social .footer-social-media ul {
  display: flex;
  gap: 0 3rem;
  margin: 0;
}
#footer .mod_social .footer-address {
  font-size: 1.125rem;
}
#footer .mod_social .footer-address h2 {
  font-weight: 700;
  font-size: 1.125rem;
  margin-top: 0;
}
#footer .mod_social .footer-address p {
  margin: 0;
}
#footer .mod_imprint {
  grid-area: navigation;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.313rem;
  z-index: 20;
}
#footer .mod_imprint ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1rem;
  margin: 0;
  gap: 0.625rem;
}
#footer .mod_imprint ul a {
  color: white;
  text-decoration: none;
}
#footer .cookie-consent {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.313rem;
  font-size: 1rem;
  align-self: flex-start;
  padding-right: 0;
  text-align: right;
}
#footer .footer-logos {
  grid-area: logorow;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  margin: 1.25rem 0;
}
#footer .footer-logos-title {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
}
#footer .footer-logos-link {
  text-align: center;
}
#footer .footer-logos img {
  height: 3.125rem;
  width: auto;
}
#footer .footer-address {
  width: 100%;
}
#footer .footer-address p {
  white-space: nowrap;
}

.custom {
  background: black;
  padding: 5rem 0;
  position: relative;
  background: rgb(0, 53, 152);
  background: linear-gradient(45deg, rgb(0, 53, 152) 0%, rgb(220, 46, 119) 100%);
  min-height: 100vh;
  display: flex;
}

.laden-sucht-konzept .scroll-arrow {
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
}
.laden-sucht-konzept .custom {
  background: rgb(0, 188, 198);
  background: linear-gradient(45deg, rgb(0, 188, 198) 0%, rgb(255, 49, 154) 100%);
}
.laden-sucht-konzept #header .navbar-toggle {
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
}
.laden-sucht-konzept #header .mod_header .mod_logo {
  transition: filter 1s ease-in-out;
}
.laden-sucht-konzept #header .mod_header .mod_customnav a {
  transition: color 1s ease-in-out;
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
}

.brush {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 240px;
  width: 100%;
  z-index: 100;
  background: url("../../files/381/assets/layout/brush.png") no-repeat;
  background-size: 2400px 240px;
  background-position: bottom center;
}

#intro {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 0 2.5rem 0;
}
#intro .layer {
  max-width: 954px;
  padding: 0;
}
#intro .headline {
  position: relative;
}
#intro figure {
  position: absolute;
  z-index: -100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 36rem;
  margin: 0;
}
#intro figure * {
  height: 100%;
}
#intro figure img {
  object-fit: cover;
}
#intro h1 {
  z-index: 100;
  color: white;
  font-weight: 700;
  font-size: 6.25rem;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1.25rem;
  display: grid;
  grid-template-columns: 1fr fit-content(300px) fit-content(300px) 1fr;
  grid-template-areas: ". one . ." ". three two ." ". . four ." ". . five .";
  grid-auto-rows: auto;
  width: 100%;
  text-decoration: none;
  margin: 0;
}
#intro h1 .header-1 {
  margin-top: -2rem;
  grid-area: one;
  padding-bottom: 3rem;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.125rem;
  -webkit-text-stroke-color: white;
}
#intro h1 .header-2 {
  grid-area: two;
}
#intro h1 .header-3 {
  grid-area: three;
  padding-top: 2rem;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.125rem;
  -webkit-text-stroke-color: white;
}
#intro h1 .header-4 {
  grid-area: four;
}
#intro h1 .header-5 {
  grid-area: five;
}
#intro .concept-header h1 {
  max-width: 850px;
  margin: 0 auto;
  grid-template-columns: 1fr;
  grid-template-areas: "one" "two";
  filter: drop-shadow(0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.5));
}
#intro .concept-header h1 .header-1 {
  text-align: right;
  margin-top: unset;
  padding-bottom: 7rem;
}
#intro .concept-header h1 .header-2 {
  padding-top: 7rem;
}

#home-about.parallax {
  background-image: url("../../files/381/assets/layout/home-about.png");
}
#home-about .row {
  gap: 0 1rem;
}
#home-about .ce_columns {
  align-self: center;
}
#home-about h2.content-headline {
  font-size: 2.75rem;
  line-height: 0.9;
  margin: 0;
}
#home-about h3.content-headline {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin: 0 0 2rem 0;
}
#home-about .content-image {
  padding-right: 25%;
}
#home-about .content-kicker-headline .kicker {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
}
#home-about .content-kicker-headline .headline {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin-bottom: 2rem;
}

.home .content-headline a {
  text-decoration: none;
}

.concept-content .content-text h2,
.concept-content h2.content-headline {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin: 0;
}
.concept-content .content-text h3,
.concept-content h3.content-headline {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
.concept-content .w-100 {
  width: 100%;
}
.concept-content .w-100 * {
  width: 100%;
}

.background-black {
  background-color: #000000;
  background-image: url("../../files/381/assets/layout/calendar-brush.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  color: #FFFFFF;
  padding-top: 6rem;
  margin-top: 1rem;
  position: relative;
}
.background-black:before {
  content: "";
  background: #FFFFFF;
  width: 100%;
  height: 2px;
  display: block;
  top: -1px;
  left: 0;
  position: absolute;
}
.background-black .ce_form .submit {
  background: #FFFFFF;
  color: #000000;
}

.index #intro {
  padding: 5rem 3rem 2.5rem 3rem;
}
@media (max-width: 767.98px) {
  .index #intro {
    padding: 4rem 1.5rem 7.5rem 1.5rem;
  }
}
.index #intro h1 {
  display: block;
  text-align: center;
  margin-bottom: 4rem;
}
.index #intro h1 .header-1 {
  margin: 0;
  padding: 0;
}
.index #intro .row {
  gap: 3rem 5rem;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767.98px) {
  .index #intro .row {
    grid-template-columns: 1fr;
  }
}
.index #intro .select-link {
  height: 100%;
}
.index #intro .select-link a {
  background-color: white;
  display: block;
  padding: 4rem;
  margin: auto;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  transition: all ease-in-out 500ms;
}
.index #intro .select-link a:hover, .index #intro .select-link a:focus, .index #intro .select-link a:active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}
@media (max-width: 767.98px) {
  .index #intro .select-link a {
    padding: 4rem 2rem;
    font-size: 1.5rem;
  }
}
.index #wrapper {
  height: auto;
}
.index #footer {
  background-image: none;
  margin-top: -2rem;
  padding-top: 4rem;
}
.index #footer::before {
  content: none;
}
.index .brush {
  background-image: url("../../files/381/assets/layout/brush-black.png");
}

#event-highlights-events, #event-highlights-home {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 5rem;
}
#event-highlights-events .layout_teaser, #event-highlights-home .layout_teaser {
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
#event-highlights-events .layout_teaser figure, #event-highlights-home .layout_teaser figure {
  border: 1px solid #000000;
}
#event-highlights-events .layout_teaser .date-header, #event-highlights-home .layout_teaser .date-header {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
}
#event-highlights-events .layout_teaser .date-header.has-end-date, #event-highlights-home .layout_teaser .date-header.has-end-date {
  left: 1rem;
  right: auto;
}
#event-highlights-events .layout_teaser .date-header span, #event-highlights-home .layout_teaser .date-header span {
  display: block;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  text-align: center;
}
#event-highlights-events .layout_teaser .date-header .day, #event-highlights-home .layout_teaser .date-header .day {
  color: #FFFFFF;
  background: #000000;
}
#event-highlights-events .layout_teaser .date-header .month, #event-highlights-home .layout_teaser .date-header .month {
  background: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}
#event-highlights-events .layout_teaser .time, #event-highlights-home .layout_teaser .time {
  margin: 1rem 0 0.5rem 0;
  font-size: 0.9375rem;
}
#event-highlights-events .layout_teaser .title, #event-highlights-home .layout_teaser .title {
  margin-top: 0;
  font-size: 1.5rem;
}
#event-highlights-events .layout_teaser .title a, #event-highlights-home .layout_teaser .title a {
  text-decoration: none;
}
#event-highlights-events .layout_teaser .teaser, #event-highlights-home .layout_teaser .teaser {
  font-size: 1.25rem;
}
#event-highlights-events .layout_teaser .teaser *, #event-highlights-home .layout_teaser .teaser * {
  font-size: 1.25rem;
  font-weight: normal;
  margin-top: 0;
}
#event-highlights-events .layout_teaser .ticket-button, #event-highlights-home .layout_teaser .ticket-button {
  margin-top: auto;
  padding-top: 1rem;
}
#event-highlights-events .layout_teaser .ticket-button .btn, #event-highlights-home .layout_teaser .ticket-button .btn {
  text-transform: uppercase;
}
#event-highlights-events .button-row, #event-highlights-home .button-row {
  grid-column-start: 1;
  grid-column-end: span 3;
  text-align: center;
  margin-top: 2rem;
}
#event-highlights-events .button-row .btn, #event-highlights-home .button-row .btn {
  text-transform: uppercase;
}
#event-highlights-home {
  margin-top: 5rem;
}
#event-highlights-events {
  padding-left: 3rem;
  margin-top: 3rem;
}
#event-highlights.home .content-headline {
  padding: 0 3rem;
}
#event-highlights .headline {
  padding: 0 3rem;
}

#eventlist_details .layout_teaser {
  margin: 1.5rem;
  position: relative;
}
#eventlist_details .layout_teaser figure {
  border: 1px solid #000000;
}
#eventlist_details .layout_teaser .date-header {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: flex;
}
#eventlist_details .layout_teaser .date-header.has-end-date {
  left: 1.5rem;
  right: auto;
}
#eventlist_details .layout_teaser .date-header span {
  display: block;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
}
#eventlist_details .layout_teaser .date-header .day {
  color: #FFFFFF;
  background: #000000;
}
#eventlist_details .layout_teaser .date-header .month {
  background: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}
#eventlist_details .layout_teaser .time {
  margin: 1rem 0 0.5rem 0;
  font-size: 0.9375rem;
}
#eventlist_details .layout_teaser .title {
  margin-top: 0;
  color: #FFFFFF;
  font-size: 0.9375rem;
}
#eventlist_details .layout_teaser .title a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 0.9375rem;
}
#eventlist_details .layout_teaser .teaser {
  font-size: 1.25rem;
}
#eventlist_details .layout_teaser .ticket-button {
  margin-top: 1rem;
}
#eventlist_details .layout_teaser .ticket-button .btn {
  text-transform: uppercase;
}
#eventlist_details h2 {
  display: none;
}
#eventlist_details div.empty {
  margin: 1.5rem;
  position: center;
}

#event-slider {
  margin: 3rem -1.5rem 0 -1.5rem;
}
#event-slider .layout_teaser {
  margin: 0;
  position: relative;
}
#event-slider .layout_teaser .date-header {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: flex;
}
#event-slider .layout_teaser .date-header.has-end-date {
  left: 1.5rem;
  right: auto;
}
#event-slider .layout_teaser .date-header span {
  display: block;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
}
#event-slider .layout_teaser .date-header .day {
  color: #FFFFFF;
  background: #000000;
}
#event-slider .layout_teaser .date-header .month {
  background: #FFFFFF;
  border: 1px solid #000000;
}
#event-slider .layout_teaser .time {
  margin: 1rem 0 0.5rem 0;
  font-size: 0.9375rem;
}
#event-slider .layout_teaser .title {
  margin-top: 0;
  font-size: 2rem;
}
#event-slider .layout_teaser .title a {
  text-decoration: none;
}
#event-slider .layout_teaser .teaser {
  font-size: 1.25rem;
}

#event-calendar {
  background-color: #000000;
  background-image: url("../../files/381/assets/layout/calendar-brush.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  color: #FFFFFF;
  padding-top: 6rem;
  margin-top: 1rem;
  position: relative;
}
#event-calendar:before {
  content: "";
  background: #FFFFFF;
  width: 100%;
  height: 2px;
  display: block;
  top: -1px;
  left: 0;
  position: absolute;
}
#event-calendar .layer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 5rem;
}
#event-calendar .layer h2,
#event-calendar .layer h3 {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
#event-calendar a.cal_day {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}
#event-calendar-view {
  padding-left: 6rem;
}
#event-calendar-view .calendar .current,
#event-calendar-view .calendar .label {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
  vertical-align: middle;
}
#event-calendar-view .calendar .label {
  padding: 1rem 0;
}
#event-calendar-view .calendar .days {
  font-weight: 600;
  text-align: center;
}
#event-calendar-view .calendar .days:not(.empty) .header {
  background: rgba(255, 255, 255, 0.125);
  color: #FFFFFF;
}
#event-calendar-view .calendar .days .header {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 0.75rem auto;
  line-height: 3rem;
}
#event-calendar-view .calendar .days.active .header {
  background: rgb(0, 45, 167);
  background: linear-gradient(45deg, rgb(0, 45, 167) 0%, rgb(230, 0, 126) 100%);
  border: 1px solid #FFFFFF;
}
#event-calendar-view .calendar .days.today .header {
  background: rgb(0, 45, 167) !important;
}
#event-calendar-view .calendar .days.selected .header {
  background: rgb(230, 0, 126) !important;
}
#event-calendar-view .calendar .days.private .header {
  background: #FFFFFF;
}
#event-calendar-view .calendar .days.private .header a.cal_day {
  color: #000000;
}
#event-calendar-view .caption {
  display: flex;
  font-weight: 400;
  font-size: 0.9rem;
  margin-top: 2.5rem;
}
#event-calendar-view .caption .color {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  margin: 0 1rem;
}
#event-calendar-view .caption .public-event, #event-calendar-view .caption .private-event {
  display: flex;
  align-items: center;
}
#event-calendar-view .caption .public-event span, #event-calendar-view .caption .private-event span {
  white-space: nowrap;
}
#event-calendar-view .caption .public-event .color {
  background: rgb(0, 45, 167);
  background: linear-gradient(45deg, rgb(0, 45, 167) 0%, rgb(230, 0, 126) 100%);
}
#event-calendar-view .caption .private-event .color {
  background: #FFFFFF;
}
#event-calendar-list {
  padding: 0 3rem 0 0;
}
#event-calendar-list .event {
  display: flex;
  padding: 0.75rem 0;
}
#event-calendar-list .event.first {
  border-top: 1px solid #FFFFFF;
}
#event-calendar-list .event.last-date {
  border-bottom: 1px solid #FFFFFF;
}
#event-calendar-list .event .date-info {
  font-weight: 400;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#event-calendar-list .event .date-info .day, #event-calendar-list .event .date-info .start {
  display: none;
}
#event-calendar-list .event .event-info {
  font-weight: 500;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
#event-calendar-list .event span {
  display: block;
}
#event-calendar-list .event.first-date .day, #event-calendar-list .event.first-date .start {
  display: block;
}
#event-calendar-list a {
  color: #FFFFFF;
  text-decoration: none;
}
#event-calendar-view .calendar-navigation, #event-calendar-list .calendar-navigation {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}
#event-calendar-view .calendar,
#event-calendar-view .eventlist, #event-calendar-list .calendar,
#event-calendar-list .eventlist {
  width: 100%;
}
#event-calendar-view .calendar .current,
#event-calendar-view .calendar .label,
#event-calendar-view .eventlist .current,
#event-calendar-view .eventlist .label, #event-calendar-list .calendar .current,
#event-calendar-list .calendar .label,
#event-calendar-list .eventlist .current,
#event-calendar-list .eventlist .label {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
  vertical-align: middle;
}
#event-calendar-view .calendar .next a,
#event-calendar-view .calendar .previous a,
#event-calendar-view .eventlist .next a,
#event-calendar-view .eventlist .previous a, #event-calendar-list .calendar .next a,
#event-calendar-list .calendar .previous a,
#event-calendar-list .eventlist .next a,
#event-calendar-list .eventlist .previous a {
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
#event-calendar-view .calendar .next a,
#event-calendar-view .eventlist .next a, #event-calendar-list .calendar .next a,
#event-calendar-list .eventlist .next a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.078' height='72.095' viewBox='0 0 199.078 72.095'%3E%3Cpath fill='%23FFFFFF' d='M2045.477,512.272c.055-.085.1-.173.153-.263.016-.031.032-.062.047-.093.049-.094.1-.184.144-.282a4.085,4.085,0,0,0-.885-4.476l-31.923-31.926a4.109,4.109,0,0,0-5.808,5.815l24.907,24.908H1851.164a4.1,4.1,0,0,0,0,8.206h180.948l-24.948,24.948a4.11,4.11,0,0,0,0,5.811,4.048,4.048,0,0,0,2.9,1.205,4.092,4.092,0,0,0,2.911-1.207l31.964-31.962c.084-.085.16-.174.235-.264.007-.01.016-.018.023-.027a4.059,4.059,0,0,0,.281-.393' transform='translate(-1847.061 -474.03)'/%3E%3C/svg%3E");
  display: block;
  width: 100%;
  background-size: 2rem;
  background-position: right 1.25rem center;
}
#event-calendar-view .calendar .previous a,
#event-calendar-view .eventlist .previous a, #event-calendar-list .calendar .previous a,
#event-calendar-list .eventlist .previous a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.08 72.1'%3E%3Cpath fill='%23FFFFFF' d='M.66,33.85l-.15.27,0,.09a2.44,2.44,0,0,0-.14.28A4.11,4.11,0,0,0,1.2,39L33.13,70.89a4.11,4.11,0,0,0,5.81-5.81L14,40.17H195A4.11,4.11,0,0,0,195,32H14L39,7a4.12,4.12,0,0,0,0-5.81,4.09,4.09,0,0,0-5.81,0l-32,32a2.85,2.85,0,0,0-.23.26l0,0Z'/%3E%3C/svg%3E");
  display: block;
  width: 100%;
  background-size: 2rem;
  background-position: left 1.25rem center;
}
#event-calendar .button-row {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 4rem 0 0 0;
  gap: 1rem;
}

#event-details .layer {
  max-width: none;
}
#event-details .event-row {
  display: flex;
  flex-wrap: wrap;
}
#event-details .top-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#event-details .top-column .event-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 6rem;
  width: 100%;
}
#event-details .top-column .time {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  font-size: 1.75rem;
  white-space: nowrap;
  text-align: end;
  margin-bottom: 1.5rem;
}
#event-details .top-column .event-about {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding-left: 4rem;
  margin: 0;
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
}
#event-details .col-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
}
#event-details .col-left .date-header {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: flex;
  z-index: 25;
}
#event-details .col-left .date-header.has-end-date {
  left: 1.5rem;
  right: auto;
}
#event-details .col-left .date-header span {
  display: block;
  font-weight: 400;
  font-size: 3.375rem;
  line-height: 5rem;
  width: 5rem;
  height: 5rem;
  text-align: center;
}
#event-details .col-left .date-header .day {
  color: #FFFFFF;
  background: #000000;
}
#event-details .col-left .date-header .month {
  background: #FFFFFF;
  border: 1px solid #000000;
}
#event-details .col-left #event-image-slider {
  margin-left: -3rem;
}
#event-details .col-left #event-image-slider .slider-pagination {
  margin-left: calc(35% + 3rem);
}
#event-details .col-left figure {
  display: none;
}
#event-details .col-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding-left: 4rem;
}
#event-details .col-right figure {
  margin-bottom: 1rem;
}
#event-details .button-row {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}
#event-details .back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.08 72.1'%3E%3Cpath fill='%23000000' d='M.66,33.85l-.15.27,0,.09a2.44,2.44,0,0,0-.14.28A4.11,4.11,0,0,0,1.2,39L33.13,70.89a4.11,4.11,0,0,0,5.81-5.81L14,40.17H195A4.11,4.11,0,0,0,195,32H14L39,7a4.12,4.12,0,0,0,0-5.81,4.09,4.09,0,0,0-5.81,0l-32,32a2.85,2.85,0,0,0-.23.26l0,0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 1.8rem;
  margin-top: 2rem;
}
#event-details .back a {
  margin-left: 2.8rem;
  text-decoration: none;
}
#event-details .back a:hover, #event-details .back a:focus {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}

#blog-list {
  padding: 3rem 0 0 0;
}
#blog-list.home {
  position: relative;
  padding: 0 0 3rem 0;
}
#blog-list.home.parallax {
  background-image: url("../../files/381/assets/layout/home-blog.png");
}
#blog-list h2.newslist-title,
#blog-list .content-hyperlink h2.content-headline {
  margin-bottom: -1rem;
}
#blog-list .mod_newslist.all {
  padding-left: 6rem;
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 100fr;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 0 5rem;
}
#blog-list .mod_newslist .layout_short {
  margin: 1rem 0 3rem 0;
}
#blog-list .mod_newslist .layout_short .title {
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
#blog-list .mod_newslist .layout_short .info {
  background-image: url("../../files/381/assets/layout/blog-icon.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 4rem;
  margin: 1.5rem 0;
}
#blog-list .mod_newslist .button-row {
  grid-column-start: 1;
  grid-column-end: span 3;
  text-align: center;
  margin-bottom: 3rem;
}

#blog-slider {
  margin: 0 -3rem;
}
#blog-slider .layout_short {
  margin: 1rem 0;
}
#blog-slider .layout_short .title {
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: from-font;
  margin-left: 3rem;
  margin-right: 3rem;
}
#blog-slider .layout_short .info {
  background-image: url("../../files/381/assets/layout/blog-icon.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 4rem;
  margin: 1.5rem 3rem;
}
#blog-slider .layout_short .content-text {
  margin-left: 3rem;
  margin-right: 3rem;
}
#blog-slider .button-row {
  grid-column-start: 1;
  grid-column-end: span 3;
  text-align: center;
  margin-bottom: 3rem;
}

#blog-details.mod_newsreader {
  position: relative;
  max-width: 1400px;
  margin: auto;
  padding: 0 3rem;
}
#blog-details .layout_full {
  padding: 3rem 0;
}
#blog-details .page-heading {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
#blog-details .blog-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}
#blog-details .blog-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12rem;
  align-items: center;
}
#blog-details #blog-image-slider {
  display: none;
}
#blog-details .col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
#blog-details .col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
#blog-details .blog-teaser {
  font-size: 1.75rem;
  line-height: normal;
  letter-spacing: 0.1rem;
  padding-right: 3rem;
  text-transform: uppercase;
}
#blog-details .content-text h1, #blog-details .content-text h2, #blog-details .content-text h3, #blog-details .content-text h4 {
  font-size: 1.75rem;
  font-weight: normal;
}
#blog-details .blog-image figure {
  padding-top: 45%;
  overflow: hidden;
  position: relative;
  margin-right: min(-3rem, 0px - 3rem - (100vw - 1400px) / 2);
}
#blog-details .blog-image figure img {
  position: absolute;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#blog-details .back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.08 72.1'%3E%3Cpath fill='%23000000' d='M.66,33.85l-.15.27,0,.09a2.44,2.44,0,0,0-.14.28A4.11,4.11,0,0,0,1.2,39L33.13,70.89a4.11,4.11,0,0,0,5.81-5.81L14,40.17H195A4.11,4.11,0,0,0,195,32H14L39,7a4.12,4.12,0,0,0,0-5.81,4.09,4.09,0,0,0-5.81,0l-32,32a2.85,2.85,0,0,0-.23.26l0,0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 1.8rem;
}
#blog-details .back a {
  margin-left: 2.8rem;
  text-decoration: none;
}
#blog-details .back a:hover, #blog-details .back a:focus {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
#blog-details .info {
  margin-top: 1.5rem;
}

#newsletter {
  text-align: center;
  margin-bottom: 1.5rem;
}
#newsletter .newsletter-icon {
  width: 4rem;
  margin-bottom: 1rem;
}
#newsletter .newsletter-headline {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}
#newsletter .newsletter-input {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
#newsletter .newsletter-input input {
  max-width: 25rem;
  border: 1px solid black;
}
#newsletter .newsletter-input .btn {
  margin: 0;
}
#newsletter .legal-advice {
  font-size: 0.9rem;
  width: 540px;
  margin: auto;
}
#newsletter .headline {
  width: 540px;
  margin: auto;
}
#newsletter #fa_9 {
  margin: 1rem auto;
}
#newsletter .checkbox_container > span {
  display: block;
  white-space: nowrap;
  line-height: 1.5;
}
#newsletter .checkbox_container .checkbox {
  border-radius: 0;
  width: 1em;
  height: 1em;
  margin: 0 0.5rem 0.25rem 0;
  vertical-align: middle;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid black;
  appearance: none;
  print-color-adjust: exact;
}
#newsletter .checkbox_container .checkbox:checked {
  background-color: black;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
#newsletter .nl-form-body .element .validation {
  color: #ff0000;
  display: none;
  font-weight: bold;
}
#newsletter .nl-form-body .element.invalid .validation {
  display: block !important;
}

.newsletter-page #main {
  padding: 4rem 0;
}
.newsletter-page #main .content-headline,
.newsletter-page #main .content-text {
  width: 80%;
}
.newsletter-page #footer {
  background-image: none;
  position: relative;
  padding: 1rem 3rem 3rem 3rem;
}
.newsletter-page #footer:before {
  content: "";
  position: absolute;
  height: 4rem;
  top: -4rem;
  left: 0;
  width: 100%;
  background-image: url(../../files/381/assets/layout/border-black-footer-transparent.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

#about-header {
  padding: 0;
}
#about-header .layer {
  padding: 3rem;
}
#about-header .content-headline {
  margin: auto;
}
#about-header .row {
  gap: 0 1rem;
}
#about-text h3, #about-text h4, #about-history h3, #about-history h4, #about-formats h3, #about-formats h4 {
  font-size: 1.25rem;
}
#about-text .content-text, #about-history .content-text, #about-formats .content-text {
  margin: 0 12rem;
  background: white;
}
#about-profiles {
  padding: 0.5rem 0;
}
#about-profiles.parallax {
  background-image: url("../../files/381/assets/layout/about-text.png");
}
@media (max-width: 1838px) {
  #about-profiles.parallax {
    background: none;
  }
}
#about-profiles .content-headline {
  padding: 0.5rem 3rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: uppercase;
  line-height: normal;
  border-bottom: 2px solid #000000;
  margin: 1.5rem 0;
}
#about-profiles .content-text {
  margin-bottom: 1rem;
}
#about-profiles .profile-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-auto-flow: dense;
  gap: 1.5rem;
}
#about-profiles .profile-row .profile-headline {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
#about-profiles .profile-row .profile-text p:last-child {
  margin-bottom: 0;
}
#about-profiles .profile-row .profile-text .btn {
  margin-top: 1rem;
}
#about-profiles .old-profile-row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
#about-profiles .old-profile-row .old-profile-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  background: white;
  padding-left: 0.5rem;
}
#about-profiles .old-profile-row .old-profile-text p:last-child {
  margin-bottom: 0;
}
#about-profiles .old-profile-row .old-profile-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#about-profiles .old-profile-row .old-profile-image .old-profile-headline {
  transform: rotate(-90deg);
  margin: 0 0 1rem 0;
  font-weight: 400;
  text-decoration: underline;
  font-size: 2.5rem;
  letter-spacing: 0.05rem;
  text-decoration-thickness: from-font;
  width: 5rem;
  white-space: nowrap;
}
#about-profiles .old-profile-row .old-profile-image figure {
  width: 12rem;
}
#about-profiles .old-profile-button-row {
  margin-right: calc(30% + 5rem);
  text-align: right;
  margin-top: 1.5rem;
}
#about-profiles .old-profile-button-row .btn {
  white-space: nowrap;
}
#about-faq {
  padding: 0.5rem 0;
}
#about-faq.parallax {
  background-image: url("../../files/381/assets/layout/about-profiles.png");
}
#about-faq .content-headline {
  font-size: 1.25rem;
  padding-left: 12rem;
}
#about-faq .mod_faqpage {
  padding-left: 12rem;
}
#about-faq .mod_faqpage article {
  padding-left: 6rem;
}

.has-responsive-background-image {
  padding: 0;
}
.has-responsive-background-image .parallax-bgimage {
  background-size: cover !important;
}
.has-responsive-background-image .layer {
  height: 33vw;
  max-width: none;
  padding: 3rem 0 !important;
  color: #000000;
  background: rgba(255, 255, 255, 0.5);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
}
.has-responsive-background-image .row {
  gap: 0 1rem;
}
.has-responsive-background-image .content-headline {
  margin: auto;
  max-width: 1400px;
  padding-left: 3rem;
  padding-right: 3rem;
}
.has-responsive-background-image .content-kicker-headline {
  margin: auto;
  max-width: 1400px;
  padding-left: 3rem;
  padding-right: 3rem;
}
.has-responsive-background-image .content-kicker-headline .headline, .has-responsive-background-image .content-kicker-headline .kicker {
  margin: auto;
}

.dark-bg-image .has-responsive-background-image .layer {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.masonry-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10rem 2rem 10rem;
}
.masonry-grid-sizer {
  width: 20%;
}
.masonry-grid-stamp {
  width: 40%;
  border: 3px solid white;
  padding-top: 25%;
}
.masonry-grid-item {
  width: 40%;
  border: 3px solid white;
  padding-top: 25%;
}
.masonry-grid-item figure,
.masonry-grid-item a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.masonry-grid-item a:focus-visible {
  outline: 2px solid black;
}
.masonry-grid-item img {
  position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.masonry-grid-item:nth-of-type(5), .masonry-grid-item:nth-of-type(7), .masonry-grid-item:nth-of-type(13), .masonry-grid-item:nth-of-type(15) {
  width: 20%;
}
.masonry-grid-item:nth-of-type(3) {
  padding-top: 35%;
}
.masonry-grid-item:nth-of-type(7), .masonry-grid-item:nth-of-type(8), .masonry-grid-item:nth-of-type(15), .masonry-grid-item:nth-of-type(16) {
  padding-top: 40%;
}
.masonry-grid-item:nth-of-type(10) {
  width: 60%;
  padding-top: 40%;
}

.content-gallery {
  margin: 1rem 0;
}
.content-gallery h1 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0.5rem 0 1.5rem 0;
  text-transform: uppercase;
  line-height: normal;
}
.content-gallery h2 {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
.content-gallery ul,
.content-gallery .gallery-grid {
  display: grid;
  grid-auto-flow: row dense;
  gap: 1rem 1rem;
  grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-1 ul,
.content-gallery--cols-1 .gallery-grid {
  grid-template-columns: repeat(1, 1fr);
}
.content-gallery--cols-2 ul,
.content-gallery--cols-2 .gallery-grid {
  grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-3 ul,
.content-gallery--cols-3 .gallery-grid {
  grid-template-columns: repeat(3, 1fr);
}
.content-gallery--cols-4 ul,
.content-gallery--cols-4 .gallery-grid {
  grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-6 ul,
.content-gallery--cols-6 .gallery-grid {
  grid-template-columns: repeat(6, 1fr);
}
.content-gallery--cols-8 ul,
.content-gallery--cols-8 .gallery-grid {
  grid-template-columns: repeat(8, 1fr);
}

.mobile-slider .slider-pagination {
  display: none;
}
@media (max-width: 575.98px) {
  .mobile-slider .gallery-grid {
    display: block;
    grid-template-columns: unset;
  }
  .mobile-slider .slider-pagination {
    display: flex;
    padding: 0;
  }
  .mobile-slider .slider-pagination .slick-dots {
    display: block;
  }
}

h1.timeline {
  margin-top: 1.5rem;
}

body .ce_timeline_single {
  width: 80%;
  margin-left: auto;
  padding: 0;
  overflow: visible;
  position: relative;
  --line_width: 100px;
  --timeline_lines_color_bg_default: #989898;
  --timeline_year_color_text_default: #fff;
  --timeline_year_color_bg_default: #d10000;
}
@media (max-width: 1023px) {
  body .ce_timeline_single {
    --line_width: 50px;
  }
}
@media (max-width: 1023px) {
  body .ce_timeline_single {
    width: calc(100% - 3rem);
    margin: 0 0 0 3rem;
  }
}
body .ce_timeline_single .inside {
  display: inline-block;
  padding-bottom: 2rem;
  padding-left: 5rem;
}
body .ce_timeline_single:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  background: var(--timeline_lines_color_bg, var(--timeline_lines_color_bg_default));
  width: var(--line_width);
}
body .ce_timeline_single:after {
  content: "";
  width: 1px;
  background: black;
  position: absolute;
  top: 4px;
  left: 0;
  height: 100%;
}
body .ce_timeline_single .date-header {
  display: flex;
  position: absolute;
  left: -3.75rem;
  z-index: 10;
}
body .ce_timeline_single .date-header span {
  display: block;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  body .ce_timeline_single .date-header {
    left: -3rem;
  }
  body .ce_timeline_single .date-header span {
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
  }
}
body .ce_timeline_single .date-header .day {
  color: white;
  background: black;
}
body .ce_timeline_single .date-header .month {
  background: white;
  border: 1px solid black;
}
body .ce_timeline_single .year {
  position: relative;
  top: -5px;
  padding: 2px 0 0;
  margin: 0 0 10px;
}
body .ce_timeline_single .year span {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  display: inline-block;
  padding-top: 1rem;
}
body .ce_timeline_single .text {
  padding: 2px 0 10px;
}
@media (max-width: 1023px) {
  body .ce_timeline_single .text {
    margin-right: 0;
  }
}
body .ce_timeline_single .images {
  z-index: 9;
  position: relative;
  transition: transform 1s ease-in-out;
}
body .ce_timeline_single .images:hover {
  transform: scale(1);
}
body .ce_timeline_single .images .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  margin: -0.5rem;
}
body .ce_timeline_single .images .wrapper figure {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
}
body .ce_timeline_single .images .wrapper figure a {
  border: 1px solid black;
  padding: 1rem 1rem 5rem 1rem;
  display: block;
  margin: 0.5rem;
}
@media (max-width: 767.98px) {
  body .ce_timeline_single .images .wrapper figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575.98px) {
  body .ce_timeline_single .images .wrapper figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body .ce_timeline_single:last-child i.bottom {
  top: auto;
  display: inline-block;
}
body.ivp_active .ce_timeline_single {
  /*
  &.wivp:before {
      width: var(--line_width);
      opacity: 1;
      transition: all 1s ease-in-out;
  }
  */
}
body.ivp_active .ce_timeline_single:before {
  width: 0;
  opacity: 0;
}
body.ivp_active .ce_timeline_single .year {
  display: inline-block;
  opacity: 0;
  position: relative;
  transform: scale(0.8);
  transform-origin: center;
}
body.ivp_active .ce_timeline_single.wivp .year {
  opacity: 1;
  transform: scale(1);
  transition: all 1s ease-in-out;
  transition-delay: 0.5s;
}
body.ivp_active .ce_timeline_single .text {
  opacity: 0;
  top: 50px;
  position: relative;
}
body.ivp_active .ce_timeline_single.wivp .text {
  opacity: 1;
  top: 0;
  transition: all 1.5s ease-in-out;
  transition-delay: 1s;
}
body.ivp_active .ce_timeline_single .images .wrapper {
  opacity: 0;
  top: 50px;
  position: relative;
}
body.ivp_active .ce_timeline_single.wivp .images .wrapper {
  opacity: 1;
  top: 0;
  transition: all 2s ease-in-out;
  transition-delay: 1.5s;
}

.error-page #wrapper {
  background-color: black;
  background-image: url(../../files/381/assets/layout/error.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: white;
}
.error-page #wrapper .content-text a {
  color: white;
  text-decoration: underline;
}
.error-page #main {
  padding: 4rem 0;
}
.error-page #main .content-headline,
.error-page #main .content-text {
  width: 80%;
}
.error-page #footer {
  background-image: none;
  position: relative;
  padding: 1rem 3rem 3rem 3rem;
}
.error-page #footer:before {
  content: "";
  position: absolute;
  height: 4rem;
  top: -4rem;
  left: 0;
  width: 100%;
  background-image: url(../../files/381/assets/layout/border-black-footer-transparent.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

@media (max-width: 1484.98px) {
  #blog-list .mod_newslist.all,
  #event-highlights {
    margin-right: 2rem;
  }
  .scroll-arrow {
    right: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  #header .layer {
    padding: 0 3rem;
  }
  #intro .concept-header h1 .header-1 {
    padding-bottom: 2rem;
  }
  #intro .concept-header h1 .header-2 {
    padding-top: 2rem;
  }
  #event-calendar-view,
  #event-calendar-list {
    padding: 0;
  }
  #event-calendar-view .calendar .days .header,
  #event-calendar-list .calendar .days .header {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.5rem auto;
    line-height: 2.5rem;
  }
  #newsletter .headline {
    width: 90%;
  }
  #newsletter .legal-advice {
    width: 90%;
  }
  #booking .content-text,
  #booking .ce_form,
  #contact .content-text,
  #contact .ce_form {
    padding-left: 20vw;
    padding-right: 6rem;
  }
  #contact .row {
    padding-left: 20vw;
    padding-right: 6rem;
  }
  #contact .content-image {
    padding-left: 20vw;
  }
}
@media (min-width: 992px) {
  #event-details .layer {
    padding-right: 8rem;
  }
  #about-profiles .row > div:nth-of-type(4n+3) .profile-row, #about-profiles .row > div:nth-of-type(4n+4) .profile-row {
    grid-template-columns: 2fr 1fr;
  }
  #about-profiles .row > div:nth-of-type(4n+3) .profile-row .profile-text, #about-profiles .row > div:nth-of-type(4n+4) .profile-row .profile-text {
    order: 1;
  }
  #about-profiles .row > div:nth-of-type(4n+3) .profile-row .profile-image, #about-profiles .row > div:nth-of-type(4n+4) .profile-row .profile-image {
    order: 2;
  }
}
@media (max-width: 991.98px) {
  body {
    font-size: 1rem;
    line-height: normal;
  }
  h1.content-headline,
  .h1.content-headline,
  .content-text h1,
  .content-gallery h1 {
    font-size: 1.5rem;
  }
  h2.content-headline,
  .h2.content-headline,
  .content-text h2,
  .content-gallery h2 {
    font-size: 1rem;
  }
  h3, h4 {
    font-size: 1.25rem;
  }
  .content-kicker-headline.h1 .kicker {
    font-size: 1rem;
  }
  .content-kicker-headline.h1 .headline {
    font-size: 1.5rem;
  }
  .content-kicker-headline.h2 .kicker {
    font-size: 0.75rem;
  }
  .content-kicker-headline.h2 .headline {
    font-size: 1rem;
  }
  #intro figure {
    padding: 0 5rem;
  }
  #intro .concept-header h1 {
    padding: 0 1rem 0 2rem;
  }
  #intro .concept-header h1 .header-2 {
    padding-top: 2rem;
  }
  #header .mod_navigation li,
  #header .mod_customnav li {
    margin-left: 1rem;
  }
  #home-about h2.content-headline {
    font-size: 2.5rem;
  }
  #home-about h3.content-headline {
    font-size: 2.25rem;
  }
  #home-about .content-kicker-headline .kicker {
    font-size: 2.25rem;
  }
  #home-about .content-kicker-headline .headline {
    font-size: 2.5rem;
  }
  #blog-list .mod_newslist.all {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  #event-highlights-events, #event-highlights-home {
    grid-template-columns: repeat(2, 1fr);
  }
  #event-highlights-events .button-row, #event-highlights-home .button-row {
    grid-column-end: span 2;
  }
  #event-calendar .layer {
    gap: 1rem 2.5rem;
  }
  #event-calendar-view .calendar .days .header {
    margin: 0.25rem auto;
  }
  #event-details {
    padding: 0;
  }
  #event-details .layer > .content-headline {
    display: none;
  }
  #event-details .top-column {
    order: 2;
    margin-top: 2rem;
  }
  #event-details .top-column .event-title {
    order: 2;
    margin: 0;
    padding: 0;
    font-size: 2rem;
  }
  #event-details .top-column .time {
    width: 100%;
    order: 1;
    text-align: start;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
  }
  #event-details .top-column .event-about {
    width: 100%;
    order: 3;
    margin: 2rem 0;
    padding: 0;
  }
  #event-details .col-left, #event-details .col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  #event-details .col-left {
    order: 1;
  }
  #event-details .col-left .date-header {
    top: 2rem;
    right: -1.5rem;
  }
  #event-details .col-left .date-header.has-end-date {
    left: -1.5rem;
    right: auto;
  }
  #event-details .col-left .date-header span {
    font-size: 2.875rem;
    line-height: 4rem;
    width: 4rem;
    height: 4rem;
  }
  #event-details .col-left #event-image-slider {
    margin: 0 -3rem;
  }
  #event-details .col-left #event-image-slider .slider-pagination {
    margin: 0.5rem 0 0 0;
  }
  #event-details .col-right {
    order: 3;
  }
  #blog-list .mod_newslist .layout_short .title,
  #blog-slider .layout_short .title {
    font-size: 1.25rem;
  }
  #blog-details .blog-teaser {
    font-size: 1.5rem;
  }
  #blog-details .content-text h1, #blog-details .content-text h2, #blog-details .content-text h3, #blog-details .content-text h4 {
    font-size: 1.5rem;
  }
  #about-text, #about-history, #about-profiles, #about-faq, #about-formats {
    padding: 0.5rem 0;
  }
  #about-text .content-headline, #about-text h3, #about-text h4, #about-history .content-headline, #about-history h3, #about-history h4, #about-profiles .content-headline, #about-profiles h3, #about-profiles h4, #about-faq .content-headline, #about-faq h3, #about-faq h4, #about-formats .content-headline, #about-formats h3, #about-formats h4 {
    font-size: 1rem;
  }
  #about-faq .mod_faqpage article {
    padding-left: 0;
  }
  #about-faq .mod_faqpage .faq-question {
    font-size: 1.125rem;
  }
  #about-profiles .content-headline {
    font-size: 1.5rem;
    padding: 0.5rem 3rem;
  }
  #about-profiles .profile-row .profile-headline {
    font-size: 1rem;
  }
  #about-profiles .row .col-lg-6 {
    grid-column: span 12/span 12;
  }
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row {
    grid-template-columns: 2fr 1fr;
  }
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row .profile-text {
    order: 1;
  }
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row .profile-image {
    order: 2;
  }
  #about-profiles .content-text:nth-of-type(even) .old-profile-button-row {
    margin-right: calc(30% + 6rem);
  }
  .ce_form label, .ce_form legend {
    font-size: 1.125rem;
  }
  .ce_form .checkbox_container label {
    font-size: 1rem;
  }
  .ce_accordion .toggler {
    font-size: 1.25rem;
  }
  .masonry-grid {
    margin: 0;
  }
  .content-gallery {
    margin: 1rem 0;
  }
  .content-gallery ul,
  .content-gallery .gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .content-gallery--cols-1 ul,
  .content-gallery--cols-1 .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .content-gallery--cols-2 ul,
  .content-gallery--cols-2 .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-gallery--cols-3 ul,
  .content-gallery--cols-3 .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .content-gallery--cols-4 ul,
  .content-gallery--cols-4 .gallery-grid, .content-gallery--cols-6 ul,
  .content-gallery--cols-6 .gallery-grid, .content-gallery--cols-8 ul,
  .content-gallery--cols-8 .gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .has-responsive-background-image .layer {
    height: 40vw;
  }
}
@media (min-width: 768px) {
  #header .navbar-toggle {
    display: none;
  }
  #home-divider .divider-desktop {
    display: block;
  }
  #home-divider .divider-mobil {
    display: none;
  }
  #blog-slider,
  #event-slider {
    display: none;
  }
  #about-profiles .content-text:nth-of-type(odd) .old-profile-row .old-profile-text {
    order: 1;
  }
  #about-profiles .content-text:nth-of-type(odd) .old-profile-row .old-profile-image {
    order: 2;
    justify-content: flex-start;
  }
  #about-profiles .content-text:nth-of-type(odd) .old-profile-button-row {
    margin-left: calc(30% + 5rem);
    text-align: left;
  }
  .btn-mobile {
    display: none;
  }
  .display-md-block {
    display: block;
  }
  #intro .mobile-only {
    display: none;
  }
  #intro .desktop-only {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .home .headline,
  .home .mod_newslist {
    padding-left: 0;
  }
  .parallax {
    background: none;
  }
  .layer {
    padding: 0 1.5rem;
  }
  .scroll-arrow {
    right: calc(50% - 1.75rem);
    top: auto;
    margin-top: -9rem;
  }
  .scroll-arrow .scroll {
    display: none;
  }
  .standard .scroll-arrow {
    display: none;
  }
  .btn-desktop {
    display: none;
  }
  .content-text h1 {
    font-size: 1.5rem;
  }
  .ce_form .widget {
    margin-bottom: 0.5rem;
  }
  .slider-pagination {
    padding: 0 1.5rem;
  }
  #header .layer {
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 1.5rem;
  }
  #header .mobile-open {
    background: black;
    overflow-y: scroll;
    bottom: 0;
  }
  #header .mobile-open .navbar-toggle {
    background-image: url(../../files/381/assets/layout/burger-menu-close.svg);
  }
  #header .mobile-open .mod_navigation:after,
  #header .mobile-open .mod_customnav:after {
    content: "";
    position: absolute;
    background-image: url(../../files/381/assets/layout/herz-menu.svg);
    background-repeat: no-repeat;
    background-size: 12rem;
    height: 22rem;
    width: 14rem;
    right: -5rem;
    bottom: 0;
  }
  #header .mod_header {
    padding: 1.5rem 0 2rem 0;
  }
  #header .mod_logo {
    margin: 0;
    align-self: center;
  }
  #header .mod_logo a {
    height: 2.75rem;
  }
  #header .mod_navigation,
  #header .mod_customnav {
    display: none;
    width: 100%;
    margin-top: 2rem;
  }
  #header .mod_navigation ul,
  #header .mod_customnav ul {
    flex-direction: column;
    gap: 0.5rem;
  }
  #header .mod_navigation ul li,
  #header .mod_customnav ul li {
    margin: 0;
  }
  #header .mod_navigation ul li a,
  #header .mod_customnav ul li a {
    font-size: 2.5rem;
    font-weight: 300;
  }
  #header .mod_navigation ul li a:hover, #header .mod_navigation ul li a:active,
  #header .mod_customnav ul li a:hover,
  #header .mod_customnav ul li a:active {
    font-weight: 500;
  }
  #header .mod_navigation ul li strong,
  #header .mod_customnav ul li strong {
    font-size: 2.5rem;
    font-weight: 500;
  }
  #header .mod_navigation .level_2,
  #header .mod_customnav .level_2 {
    position: unset;
    padding: 0.5rem 0;
    margin-left: unset;
  }
  #header .mod_navigation .level_2 li strong,
  #header .mod_navigation .level_2 li a,
  #header .mod_customnav .level_2 li strong,
  #header .mod_customnav .level_2 li a {
    font-size: 1.75rem;
    font-weight: 400;
  }
  #header .navbar-toggle {
    display: block;
    height: 2.75rem;
    width: 3rem;
    background-image: url(../../files/381/assets/layout/burger-menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2rem;
    position: absolute;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  #intro {
    padding: 8.5rem 0;
  }
  #intro figure {
    padding: 0 3.5rem;
  }
  #intro h1 {
    font-size: 4rem;
    letter-spacing: 0.8rem;
    padding: 0 1rem 0 2rem;
    grid-template-columns: 1fr minmax(1rem, 10.75rem) min-content 1rem 1fr;
    grid-template-areas: ". one one . ." ". . two two ." ". three three . ." ". . four four ." ". . five five .";
  }
  #intro h1 .header-1 {
    grid-area: one;
    padding: 0;
  }
  #intro h1 .header-2 {
    grid-area: two;
  }
  #intro h1 .header-3 {
    grid-area: three;
    padding: 0;
  }
  #intro h1 .header-4 {
    grid-area: four;
  }
  #intro h1 .header-5 {
    grid-area: five;
  }
  #intro .mobile-only {
    display: block;
  }
  #intro .desktop-only {
    display: none;
  }
  #home-about {
    padding: 0;
  }
  #home-about .layer {
    padding: 0;
  }
  #home-about .content-kicker-headline .kicker, #home-about .content-kicker-headline .headline {
    font-size: 2rem;
    display: inline;
  }
  #home-about .about-text {
    padding: 3rem 1.5rem 0 1.5rem;
    order: 2;
  }
  #home-about .about-text .content-headline {
    display: inline;
    font-size: 2rem;
  }
  #home-about .about-text .content-text {
    padding: 1rem 0 0 2rem;
  }
  #home-about .about-image {
    order: 1;
  }
  #home-about .about-image .content-image {
    padding: 0;
  }
  #home-about .about-image figure {
    padding-top: 70%;
    overflow: hidden;
    position: relative;
  }
  #home-about .about-image figure img {
    position: absolute;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #home-divider {
    padding: 0;
  }
  #home-divider .divider-desktop {
    display: none;
  }
  #home-divider .divider-mobil {
    display: block;
  }
  #home-divider .divider-mobil figure {
    padding-top: 60%;
    overflow: hidden;
    position: relative;
  }
  #home-divider .divider-mobil figure img {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #event-highlights {
    margin-right: 0;
  }
  #event-highlights.home .headline {
    padding-left: 2rem;
  }
  #event-highlights.home .content-headline {
    padding-left: 0;
  }
  #event-highlights.home .content-headline a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.078' height='72.095' viewBox='0 0 199.078 72.095'%3E%3Cpath fill='%23000000' d='M2045.477,512.272c.055-.085.1-.173.153-.263.016-.031.032-.062.047-.093.049-.094.1-.184.144-.282a4.085,4.085,0,0,0-.885-4.476l-31.923-31.926a4.109,4.109,0,0,0-5.808,5.815l24.907,24.908H1851.164a4.1,4.1,0,0,0,0,8.206h180.948l-24.948,24.948a4.11,4.11,0,0,0,0,5.811,4.048,4.048,0,0,0,2.9,1.205,4.092,4.092,0,0,0,2.911-1.207l31.964-31.962c.084-.085.16-.174.235-.264.007-.01.016-.018.023-.027a4.059,4.059,0,0,0,.281-.393' transform='translate(-1847.061 -474.03)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2rem;
    padding-left: 2.5rem;
    background-position: left center;
  }
  #event-highlights-home,
  #event-highlights-events {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  #event-highlights-home .layout_teaser figure,
  #event-highlights-events .layout_teaser figure {
    border: none;
    margin: 0 -1.5rem;
  }
  #event-highlights-home .layout_teaser .date-header span,
  #event-slider .layout_teaser .date-header span {
    font-size: 1.875rem;
    line-height: 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
  }
  #event-highlights-home .layout_teaser .time,
  #event-highlights-home .layout_teaser .title,
  #event-highlights-home .layout_teaser .teaser,
  #event-slider .layout_teaser .time,
  #event-slider .layout_teaser .title,
  #event-slider .layout_teaser .teaser {
    padding: 0 1.5rem;
  }
  #event-highlights-home .layout_teaser .title,
  #event-slider .layout_teaser .title {
    font-size: 1.5rem;
  }
  #event-highlights-home .layout_teaser .ticket-button,
  #event-slider .layout_teaser .ticket-button {
    padding: 0 1.5rem;
  }
  #event-highlights-home .button-row,
  #event-slider .button-row {
    margin-top: 1rem;
  }
  #event-calendar {
    padding-top: 2rem;
  }
  #event-calendar .layer {
    display: block;
    grid-template-columns: 1fr;
  }
  #event-calendar .layer h2,
  #event-calendar .layer h3 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  #event-calendar-view {
    margin-bottom: 3rem;
  }
  #event-details .top-column .event-title {
    font-size: 1.5rem;
  }
  #event-details .top-column .time {
    font-size: 1.125rem;
  }
  #event-details .col-left .date-header {
    right: 0;
  }
  #event-details .col-left .date-header.has-end-date {
    left: 0;
    right: auto;
  }
  #event-details .col-left #event-image-slider {
    margin: 0 -1.5rem;
  }
  #blog-slider {
    margin: 0 -1.5rem;
  }
  #blog-slider .layout_short {
    margin: 0;
  }
  #blog-slider .layout_short .title,
  #blog-slider .layout_short .content-text {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  #blog-slider .layout_short .info {
    margin: 0.75rem 1.5rem;
  }
  #blog-list.home {
    padding: 0;
  }
  #blog-list.home .layer {
    padding: 0 1.5rem;
  }
  #blog-list.home .mod_newslist.all {
    display: none;
  }
  #blog-list.home:before, #blog-list.home:after {
    content: none;
  }
  #blog-list .mod_newslist.all {
    margin-right: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  #blog-list .mod_newslist.all figure {
    margin: 0 -1.5rem;
  }
  #blog-list .mod_newslist .layout_short {
    margin: 1rem 0 2rem 0;
  }
  #blog-list .mod_newslist .layout_short .info {
    margin: 0.75rem 0;
  }
  #blog-details #blog-image-slider {
    display: block;
    margin: 0 -1.5rem;
  }
  #blog-details #blog-image-slider .slick-slide {
    object-fit: cover;
    height: 45vw;
  }
  #blog-details.mod_newsreader {
    padding: 0 1.5rem;
  }
  #blog-details .layout_full {
    padding: 1.5rem 0;
  }
  #blog-details .page-heading {
    font-size: 1rem;
  }
  #blog-details .blog-title {
    font-size: 1.5rem;
  }
  #blog-details .blog-row {
    padding: 0;
    margin: 0;
  }
  #blog-details .col-4, #blog-details .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #blog-details .blog-image {
    display: none;
  }
  #blog-details .blog-teaser {
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    font-size: 1.5rem;
  }
  #blog-details .content-text h1, #blog-details .content-text h2, #blog-details .content-text h3, #blog-details .content-text h4 {
    font-size: 1.5rem;
    font-weight: normal;
  }
  #blog-details figure {
    display: none;
  }
  #newsletter .newsletter-icon {
    width: 2.5rem;
  }
  #about-header .layer {
    padding: 1.5rem;
  }
  #about-text .content-text, #about-history .content-text, #about-formats .content-text {
    margin: 0;
  }
  #about-text:after, #about-history:after, #about-formats:after {
    content: none;
  }
  #about-profiles .content-headline {
    padding: 0.5rem 1rem;
  }
  #about-profiles .old-profile-row .old-profile-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  #about-profiles .old-profile-row .old-profile-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 1rem 0;
    padding: 0;
  }
  #about-profiles .old-profile-button-row {
    margin: 0;
    text-align: left;
  }
  #about-profiles:before {
    content: none;
  }
  #about-faq .content-headline {
    padding-left: 0;
  }
  #about-faq .mod_faqpage {
    padding-left: 0;
  }
  #about-faq .mod_faqpage .faq-question {
    font-size: 1rem;
  }
  #booking .content-text,
  #booking .content-image,
  #booking .ce_form,
  #booking .row,
  #contact .content-text,
  #contact .content-image,
  #contact .ce_form,
  #contact .row {
    padding: 0;
  }
  #footer {
    padding: 6rem 1.5rem 3rem 1.5rem;
  }
  #footer .mod_footer > .layer {
    grid-template-columns: 1fr;
    grid-template-areas: "mainlogo" "logorow" "address" "navigation";
  }
  #footer .mod_social {
    margin-bottom: 0.5rem;
  }
  #footer .mod_social .footer-address {
    text-align: center;
  }
  #footer .mod_social .footer-social-media {
    justify-content: center;
  }
  #footer .mod_imprint {
    padding-top: 1.25rem;
  }
  #footer .mod_imprint ul {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem 1.25rem;
  }
  #footer .mod_imprint ul .cookie-consent {
    text-align: center;
  }
  #footer .footer-logos {
    margin-bottom: 1.75rem;
  }
  .masonry-grid-sizer {
    width: 50%;
  }
  .masonry-grid-stamp, .masonry-grid-item {
    width: 50%;
  }
  .masonry-grid-stamp:nth-of-type(5), .masonry-grid-stamp:nth-of-type(7), .masonry-grid-stamp:nth-of-type(10), .masonry-grid-item:nth-of-type(5), .masonry-grid-item:nth-of-type(7), .masonry-grid-item:nth-of-type(10) {
    width: 50%;
  }
  .content-gallery ul,
  .content-gallery .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-gallery--cols-1 ul,
  .content-gallery--cols-1 .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .content-gallery--cols-2 ul,
  .content-gallery--cols-2 .gallery-grid, .content-gallery--cols-3 ul,
  .content-gallery--cols-3 .gallery-grid, .content-gallery--cols-4 ul,
  .content-gallery--cols-4 .gallery-grid, .content-gallery--cols-6 ul,
  .content-gallery--cols-6 .gallery-grid, .content-gallery--cols-8 ul,
  .content-gallery--cols-8 .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .has-responsive-background-image .content-headline {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .has-responsive-background-image .layer {
    height: 60vw;
    padding: 1.5rem 0;
  }
}
@media (max-width: 575.98px) {
  #header .mod_logo {
    align-self: flex-end;
  }
  #header .mod_header {
    padding: 1.5rem 0 1.5rem 0;
  }
  #home-about .content-kicker-headline .kicker, #home-about .content-kicker-headline .headline {
    font-size: 1.5rem;
  }
  #home-about .about-text .content-headline {
    font-size: 1.5rem;
  }
  #home-divider .divider-mobil figure {
    padding-top: 0;
    overflow: hidden;
    position: relative;
  }
  #home-divider .divider-mobil figure img {
    position: relative;
  }
  #event-highlights-home,
  #event-highlights-events {
    display: block;
  }
  #event-highlights-home .layout_teaser,
  #event-highlights-events .layout_teaser {
    margin-bottom: 2rem;
  }
  #event-details .top-column {
    margin-top: 1rem;
  }
  #event-details .top-column .event-about {
    font-size: 1.125rem;
    margin: 1.5rem 0;
  }
  #event-details .col-left .date-header span {
    font-size: 1.875rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
  }
  #event-calendar .button-row {
    justify-content: center;
    gap: 0 1rem;
  }
  #event-calendar .button-row .btn {
    margin-bottom: 1rem;
  }
  #blog-list .mod_newslist.all {
    display: block;
    grid-template-columns: 1fr;
  }
  #blog-list .mod_newslist.all figure {
    margin: 0 -3rem;
  }
  #blog-list h2.newslist-title,
  #blog-list .content-hyperlink h2.content-headline {
    margin-bottom: 0;
  }
  #blog-details #blog-image-slider .slick-slide {
    height: 70vw;
  }
  .error-page #main .content-headline,
  .error-page #main .content-text,
  .newsletter-page #main .content-headline,
  .newsletter-page #main .content-text {
    width: 100%;
  }
  #footer .mod_imprint {
    margin: 0 auto;
  }
  #footer .mod_imprint ul {
    gap: 0;
  }
  #footer .mod_imprint ul li {
    width: 100%;
    text-align: center;
    margin: 0;
    line-height: 2rem;
  }
  #intro .concept-header h1 {
    max-width: 100%;
    font-size: 3.5rem;
    letter-spacing: 0.7rem;
    padding: 0 2rem;
  }
  .content-gallery ul,
  .content-gallery .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .content-gallery--cols-1 ul,
  .content-gallery--cols-1 .gallery-grid, .content-gallery--cols-2 ul,
  .content-gallery--cols-2 .gallery-grid, .content-gallery--cols-3 ul,
  .content-gallery--cols-3 .gallery-grid, .content-gallery--cols-4 ul,
  .content-gallery--cols-4 .gallery-grid, .content-gallery--cols-6 ul,
  .content-gallery--cols-6 .gallery-grid, .content-gallery--cols-8 ul,
  .content-gallery--cols-8 .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  #about-profiles .profile-row {
    grid-template-columns: 1fr;
  }
  #about-profiles .profile-row .profile-image {
    max-width: 11.25rem;
  }
  #about-profiles .profile-row .profile-headline {
    margin-top: 0;
  }
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row {
    grid-template-columns: 1fr;
  }
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row .profile-text,
  #about-profiles .row > div:nth-of-type(2n+2) .profile-row .profile-image {
    order: unset;
  }
  #site-switcher {
    bottom: 0;
    right: 0;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
  }
  #footer {
    padding-bottom: 5rem;
  }
}
@media (max-width: 310px) {
  .layer,
  #home-about .about-text,
  #footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .home .content-headline {
    margin-left: 0;
  }
  #event-slider,
  #blog-slider {
    margin: 0 -1rem;
  }
  #header .spacer {
    display: none;
  }
  #event-slider .layout_teaser .teaser {
    margin-left: 1rem;
  }
  #blog-slider .layout_short .title,
  #blog-slider .layout_short .info,
  #blog-slider .layout_short .content-text {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .masonry-grid-sizer {
    width: 100%;
  }
  .masonry-grid-stamp, .masonry-grid-item {
    width: 100%;
  }
  .masonry-grid-stamp:nth-of-type(5), .masonry-grid-stamp:nth-of-type(7), .masonry-grid-stamp:nth-of-type(10), .masonry-grid-item:nth-of-type(5), .masonry-grid-item:nth-of-type(7), .masonry-grid-item:nth-of-type(10) {
    width: 100%;
  }
}
@media (max-width: 350px) {
  #intro .concept-header {
    padding: 0;
  }
  #intro .concept-header h1 {
    letter-spacing: 0.5rem;
  }
  #intro .concept-header h1 .header-1, #intro .concept-header h1 .header-2 {
    text-align: center;
  }
}
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
.flatpickr-input {
  padding-right: 2rem !important;
}

.flatpickr-calendar {
  border-radius: 0;
  background: #000000;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #20222c;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #000000;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #000000;
}

.flatpickr-months .flatpickr-month {
  background: #000000;
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.numInputWrapper span {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}

.numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid rgba(255, 255, 255, 0.6);
}

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}

.flatpickr-current-month {
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flatpickr-current-month input.cur-year {
  font-size: 1rem;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #000000;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #000000;
}

span.flatpickr-weekday {
  background: #000000;
  color: #fff;
  font-weight: bolder;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c;
}

.flatpickr-day {
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: white;
  color: black;
  border-color: black;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: #000000;
  border-color: #000000;
}

.flatpickr-day.today {
  color: white;
  border-color: white !important;
  background: none !important;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: white !important;
  color: black !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 0;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #ffffff;
  box-shadow: -10px 0 0 #ffffff;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 0;
}

.flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #000000, 5px 0 0 #000000;
  box-shadow: -5px 0 0 #000000, 5px 0 0 #000000;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-day.flatpickr-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #ffffff, 5px 0 0 #ffffff;
  box-shadow: -5px 0 0 #ffffff, 5px 0 0 #ffffff;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time input {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}

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

