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%}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
@charset "UTF-8";
/* ****************
/* Styles Mind.Z Zoe Beenegaard
/* Author: Heiko Goeb - cycro digital solutions
/* Version: 1.0
/* ****************
*/
/*  Now - primary font */
@font-face {
  font-family: "Now";
  src: url("../../files/mindz/assets/fonts/Now/Now-Thin.otf") format("opentype");
  font-weight: 100 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Now";
  src: url("../../files/mindz/assets/fonts/Now/Now-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Now";
  src: url("../../files/mindz/assets/fonts/Now/Now-Medium.otf") format("opentype");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}
/*  PrivateEye - secondary font */
@font-face {
  font-family: "PrivateEye";
  src: url("../../files/mindz/assets/fonts/PrivateEyeNL/PrivateEyeJNL.otf") format("opentype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-primary: rgb(215, 181, 109);
  --color-secondary: rgb(130, 119, 106);
  --color-tertiary: rgb(201, 200, 200);
  --color-quaternary: rgb(72, 71, 81);
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --padding: 3rem;
  --lineThickness: 3px;
}

@media (max-width: 1100px) {
  :root {
    --padding: 1.2rem;
  }
}
html, body {
  padding: 0 !important;
  margin: 0 !important;
  width: 100vw;
  width: -webkit-fill-available;
  width: -moz-available;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100vh;
  background-color: rgb(255, 255, 255);
  hyphens: auto;
  -webkit-hyphens: auto;
}

#wrapper {
  padding-bottom: 3.6rem;
}
#wrapper header {
  z-index: 10;
  position: fixed;
  top: env(safe-area-inset-top, 0);
  background: rgb(255, 255, 255);
}
#wrapper #container {
  margin-top: 7.2rem;
}
#wrapper footer {
  z-index: 10;
  position: fixed;
  bottom: env(safe-area-inset-bottom, 0);
  background: rgb(255, 255, 255);
}
@media (max-width: 991px) {
  #wrapper footer {
    position: relative;
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  #wrapper header {
    background: rgba(255, 255, 255, 0);
    height: max-content;
    max-height: 100vh;
    overflow: hidden;
  }
  #wrapper #container {
    margin-top: 0;
  }
}
.font-primary {
  font-family: Now, Arial, sans-serif;
}

.font-secondary {
  font-family: PrivateEye, serif;
}

.text-thin {
  font-weight: 300;
}

.text-bold {
  font-weight: 500;
}

.text-small {
  font-size: 0.57rem;
  line-height: 1.02rem;
}

.text-large {
  font-size: 1.25rem;
  line-height: 1.7rem;
}

.text-xl {
  font-size: 1.6rem;
  line-height: 2.05rem;
}

.text-xxl {
  font-size: 2.52rem;
  line-height: 2.97rem;
}

.text-color-dark {
  color: var(--color-black);
}

.text-color-light {
  color: var(--color-white);
}

.text-color-primary {
  color: var(--color-primary);
}

.text-color-secondary {
  color: var(--color-secondary);
}

.text-color-tertiary {
  color: var(--color-tertiary);
}

.text-color-quaternary {
  color: var(--color-quaternary);
}

.text-underline-primary {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-bottom: 1.8rem;
  white-space: nowrap;
}
.text-underline-primary::after {
  content: "";
  background-color: rgb(215, 181, 109);
  width: 100%;
  height: 3px;
}

html, body {
  font-family: Now, Arial, sans-serif;
  font-size: 21px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  line-height: 1.55rem;
  text-size-adjust: none;
  letter-spacing: 0.015rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  font-synthesis: weight style;
}

p, p a, p span, td {
  font: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: 400;
  text-size-adjust: none;
  margin: 0px;
}

strong > * {
  font-weight: inherit !important;
}

h1, .h1, .htag1 {
  font-family: PrivateEye, serif;
  font-size: 2.52rem;
  line-height: 2.97rem;
  color: rgb(130, 119, 106);
}

h2, .h2, .htag2 {
  font-family: PrivateEye, serif;
  font-size: 2.52rem;
  line-height: 2.97rem;
  color: rgb(130, 119, 106);
}

h3, .h3, .htag3 {
  font-family: Now, Arial, sans-serif;
  font-size: 2.52rem;
  line-height: 2.97rem;
  font-weight: 300;
  color: rgb(130, 119, 106);
  margin-bottom: 0.42rem;
}

h4, .h4, .htag4 {
  font-size: 1.6rem;
  line-height: 2.05rem;
  color: rgb(0, 0, 0);
  margin-bottom: 0.3rem;
}

h5, .h5, .htag5 {
  font-size: 1.25rem;
  line-height: 1.7rem;
  color: rgb(0, 0, 0);
  margin-bottom: 0.3rem;
}

h6, .h6, .htag6 {
  font-size: 1rem;
  line-height: 1.45rem;
  color: rgb(0, 0, 0);
  margin-bottom: 0.3rem;
}

.list-custom-ellipsis li {
  padding-left: 0.4ch;
}
.list-custom-ellipsis ::marker {
  content: "…";
}

@media (min-width: 992px) {
  html, body {
    font-size: 21px;
  }
  p, p a, p span, td {
    font-size: 1rem;
    line-height: 1.45rem;
  }
  h1, .h1, .htag1 {
    font-family: PrivateEye, serif;
    font-size: 2.52rem;
    line-height: 2.97rem;
  }
  h2, .h2, .htag2 {
    font-family: PrivateEye, serif;
    font-size: 2.52rem;
    line-height: 2.97rem;
  }
  h3, .h3, .htag3 {
    font-family: Now, Arial, sans-serif;
    font-size: 2.52rem;
    line-height: 2.97rem;
    font-weight: 300;
  }
  h4, .h4, .htag4 {
    font-size: 1.8rem;
    line-height: 2rem;
    color: rgb(0, 0, 0);
  }
  h5, .h5, .htag5 {
    font-size: 1.25rem;
    line-height: 1.7rem;
    color: rgb(0, 0, 0);
  }
  h6, .h6, .htag6 {
    font-size: 1rem;
    line-height: 1.45rem;
    color: rgb(0, 0, 0);
  }
  .text-small {
    font-size: 0.57rem;
    line-height: 1.02rem;
  }
  .text-large {
    font-size: 1.25rem;
    line-height: 1.7rem;
  }
  .text-extralarge {
    font-size: 1.8rem;
    line-height: 2.25rem;
  }
  .text-xl {
    font-size: 1.8rem;
    line-height: 2.25rem;
  }
  .text-xxl {
    font-size: 2.52rem;
    line-height: 2.97rem;
  }
}
::-webkit-scrollbar {
  width: 6px;
  border: 0;
  background-color: transparent;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-thumb {
  background: rgb(130, 119, 106);
  width: 4px;
  max-height: 60px;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.py-1 {
  padding: 1.14rem 0 !important;
}

.py-2 {
  padding: 2.28rem 0 !important;
}

.py-3 {
  padding: 3.42rem 0 !important;
}

.py-4 {
  padding: 4.56rem 0 !important;
}

.py-5 {
  padding: 5.7rem 0 !important;
}

.py-6 {
  padding: 6.84rem 0 !important;
}

.pt-1 {
  padding: 1.14rem 0 0 0 !important;
}

.pt-2 {
  padding: 2.28rem 0 0 0 !important;
}

.pt-3 {
  padding: 3.42rem 0 0 0 !important;
}

.pt-4 {
  padding: 4.56rem 0 0 0 !important;
}

.pt-5 {
  padding: 5.7rem 0 0 0 !important;
}

.pt-6 {
  padding: 6.84rem 0 0 0 !important;
}

.pb-1 {
  padding: 0 0 1.14rem 0 !important;
}

.pb-2 {
  padding: 0 0 2.28rem 0 !important;
}

.pb-3 {
  padding: 0 0 3.42rem 0 !important;
}

.pb-4 {
  padding: 0 0 4.56rem 0 !important;
}

.pb-5 {
  padding: 0 0 5.7rem 0 !important;
}

.pb-6 {
  padding: 0 0 6.84rem 0 !important;
}

.my-1 {
  margin: 1.14rem 0 !important;
}

.my-2 {
  margin: 2.28rem 0 !important;
}

.my-3 {
  margin: 3.42rem 0 !important;
}

.my-4 {
  margin: 4.56rem 0 !important;
}

.my-5 {
  margin: 5.7rem 0 !important;
}

.my-6 {
  margin: 6.84rem 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

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

.justify-content-between {
  justify-content: space-between;
}

.color-primary {
  background: var(--color-primary);
}

.color-secondary {
  background: var(--color-primary);
}

.color-tertiary {
  background: var(--color-tertiary);
}

.color-quaternary {
  background: var(--color-quaternary);
}

.color-black {
  background: var(--color-black);
}

.color-white {
  background: var(--color-white);
}

.border-color-secondary {
  border-color: var(--color-primary);
}

.border-color-primary {
  border-color: var(--color-primary);
}

.border-color-tertiary {
  border-color: var(--color-tertiary);
}

.border-color-quaternary {
  border-color: var(--color-quaternary);
}

.border-color-black {
  border-color: var(--color-black);
}

.border-color-white {
  border-color: var(--color-white);
}

.shadow-top::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.2rem;
  background: linear-gradient(to bottom, rgba(130, 119, 106, 0.21), rgba(130, 119, 106, 0) 90%);
  mix-blend-mode: multiply;
  pointer-events: none;
}

#main .row {
  display: grid !important;
}

header {
  width: 100%;
}
header > .inside {
  display: flex;
  align-items: center;
  padding: 0 var(--padding);
  width: -webkit-fill-available;
  width: -moz-available;
  height: 7.2rem;
}
header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4.2rem;
  width: 100%;
  height: 4.2rem;
  background: linear-gradient(to bottom, rgba(130, 119, 106, 0.39), rgba(130, 119, 106, 0) 90%);
  mix-blend-mode: multiply;
  pointer-events: none;
}
header .header-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.6rem;
}
header .container-logo {
  align-self: center;
}
header .container-logo .header-logo {
  width: 8.1rem;
}
header .container-mainmenu {
  display: flex;
  align-items: baseline;
}
header .container-mainmenu .mod_onepage_navigation {
  display: inline-block;
  margin-right: 2rem;
}
header .container-mainmenu .mod_onepage_navigation > .level_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.62rem;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 992px) and (max-width: 1023px) {
  header .container-mainmenu .mod_onepage_navigation > .level_1 {
    gap: 1.2rem;
  }
}
header .container-mainmenu .mod_onepage_navigation > .level_1 > .first {
  display: none;
}
header .container-mainmenu .mod_onepage_navigation > .level_1 li {
  width: max-content;
}
header .container-mainmenu .mod_onepage_navigation > .level_1 li a {
  color: var(--color-secondary);
  text-decoration: none;
}
@media (min-width: 800px) and (max-width: 1050px) {
  header .container-mainmenu .mod_onepage_navigation > .level_1 li a {
    font-size: 0.9rem;
  }
}
header .container-mainmenu .link-mindz a {
  color: rgb(215, 181, 109);
  text-decoration: none;
}
header .container-mainmenu .link-mindz a:hover {
  color: rgb(72, 71, 81);
}
header .hamburger {
  display: none;
}

@media (max-width: 991px) {
  header .header-bar {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 90vw;
    top: 15vh;
    left: 5vw;
    height: max-content;
    background: rgba(72, 71, 81, 0.98);
    opacity: 0;
    transform-origin: center;
    transform: scale(0);
    transition: all 0.3s 0.12s cubic-bezier(0, 0.9, 0.2, 1), display 0s;
  }
  header .header-bar.show {
    display: flex;
    opacity: 1;
    transform: scale(1);
  }
  header .container-logo {
    margin-bottom: 1rem;
  }
  header .container-mainmenu {
    flex-direction: column;
  }
  header .container-mainmenu .mod_onepage_navigation > .level_1 {
    flex-direction: column;
    align-items: center;
  }
  header .container-mainmenu .mod_onepage_navigation > .level_1 li a {
    color: rgb(255, 255, 255);
  }
  header .container-mainmenu .link-mindz {
    margin-top: 1rem;
  }
  header .container-mainmenu .link-mindz a:hover {
    color: rgb(201, 200, 200);
  }
  header .hamburger {
    z-index: 500;
    display: flex;
    position: fixed;
    top: 0.9rem;
    right: 0;
    width: 2.1rem;
    height: 2.1rem;
    background: rgb(215, 181, 109);
    align-items: center;
    justify-content: center;
    border-radius: 9px 0 0 9px;
    transition: all 0.3s 0.12s cubic-bezier(0, 0.9, 0.2, 1);
  }
  header .hamburger #toggleMainMenu .mbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    padding: 5px;
  }
  header .hamburger .mbtn .toggleClose, header .hamburger .mbtn .toggleOpen {
    transition: all 0.3s 0.12s cubic-bezier(0, 0.9, 0.2, 1);
  }
  header .hamburger .mbtn .toggleOpen {
    opacity: 1;
  }
  header .hamburger .mbtn .toggleClose {
    opacity: 0;
  }
  header .hamburger.show {
    top: 18vh;
  }
  header .hamburger.show .mbtn .toggleOpen {
    opacity: 0;
  }
  header .hamburger.show .mbtn .toggleClose {
    opacity: 1;
  }
}
footer {
  width: 100%;
}
footer > .inside {
  display: grid;
  grid-template: "copy arrow meta" 1fr/1fr max-content 1fr;
  padding: 0 var(--padding);
  width: -webkit-fill-available;
  width: -moz-available;
  height: 2.4rem;
}
@media (max-width: 991px) {
  footer > .inside {
    grid-template: "meta arrow" 1fr "copy arrow" 1fr/1fr max-content;
    min-height: max-content;
    padding: 0.09rem var(--padding) 1.35rem var(--padding);
  }
}
footer .container-copyright, footer .container-button {
  display: flex;
  align-items: center;
}
footer .container-copyright {
  grid-area: copy;
  padding: 0.5rem 0;
}
footer .container-button {
  grid-area: arrow;
  justify-self: center;
  display: none;
}
footer .container-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.21rem;
  aspect-ratio: 1/1;
}
@media (max-width: 991px) {
  footer .container-button {
    position: fixed;
    bottom: 0.5rem;
    right: 0.25rem;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10000;
  }
  footer .container-button a {
    background: rgb(255, 255, 255);
  }
  footer .container-button a img {
    margin-top: 6px;
  }
}
footer .container-meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  justify-self: end;
}
@media (max-width: 767px) {
  footer .container-meta {
    margin-top: 0.3rem;
    justify-self: start;
  }
  footer .container-meta:not(.fade-in) {
    height: 0;
  }
}
footer .container-meta .mod_customnav {
  opacity: 1;
}
footer .container-meta .mod_customnav > .level_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1.62rem;
  margin: 0;
  list-style-type: none;
  padding: 0;
}
footer .container-meta .mod_customnav > .level_1 li a {
  color: var(--color-secondary);
  text-decoration: none;
}
@media (max-width: 767px) {
  footer .container-meta .mod_customnav > .level_1 li a {
    font-size: 0.84rem;
  }
}

body.onepage-menu footer .container-button {
  display: initial;
}
body.onepage-menu footer .container-meta .mod_customnav {
  opacity: 0;
}

@media (max-width: 991px) {
  #main > .inside {
    display: flex;
    flex-direction: column;
  }
  #main .mod_article:not(.article-portrait) {
    z-index: 1;
    order: 2;
    background: #fff;
  }
}
#main .mod_article {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: calc(100vh - 9.6rem);
  padding: calc(var(--padding) * 0.5) var(--padding) calc(var(--padding) * 1.5) var(--padding);
}
@media (max-width: 991px) {
  #main .mod_article {
    padding: var(--padding) var(--padding) calc(var(--padding) * 2.1) var(--padding);
  }
}
#main .mod_article .row {
  --grid__gutter: 1.2rem;
  grid-template-rows: max-content 1fr;
  row-gap: 0;
  flex: 1 1 100%;
}
#main .mod_article .row:only-child {
  grid-template-rows: 1fr;
  align-items: stretch;
  min-height: calc(100vh - 9.6rem);
}
#main .mod_article .row.first {
  grid-template-rows: 1fr;
  flex: 0;
}
#main .mod_article .ce_rowStart:first-child {
  flex: 0;
}
#main .mod_article .ce_rowStart.horizontal-bar {
  position: relative;
  padding-top: 1rem;
}
@media (max-width: 991px) {
  #main .mod_article .ce_rowStart.horizontal-bar {
    padding-top: calc(var(--padding) * 2.1);
  }
}
#main .mod_article .ce_rowStart.horizontal-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 2.7rem);
  background-color: rgb(215, 181, 109);
  width: 5.4rem;
  height: var(--lineThickness);
  min-width: 6ch;
}
@media (max-width: 991px) {
  #main .mod_article .ce_rowStart > :not(:first-child) {
    margin-top: 4.56rem;
  }
}
#main .mod_article .ce_rowStart .ce_columns {
  max-width: 100%;
}
#main .mod_article .ce_rowStart .ce_colStart {
  display: grid;
  height: 100%;
  grid-template: max-content 1fr/100%;
}
@media (max-width: 991px) {
  #main .mod_article .ce_rowStart .ce_colStart {
    grid-template: max-content max-content/100%;
  }
}
#main .mod_article .ce_rowStart .ce_colStart.content-textbox {
  height: fit-content;
}
#main .mod_article .ce_rowStart .ce_colStart .content-text {
  display: flex;
  flex-direction: column;
}
#main .mod_article .ce_rowStart .ce_colStart .content-text.media {
  display: block;
}
#main .mod_article .ce_rowStart .ce_colStart .content-image img {
  width: 100%;
  object-fit: fill;
}
#main .article-portrait {
  position: fixed;
  top: 7.2rem;
  z-index: 5;
  pointer-events: none;
  opacity: 1;
  transition: all 0.23s cubic-bezier(0.165, 0.84, 0.9, 1);
}
@media (max-width: 991px) {
  #main .article-portrait {
    position: static;
    z-index: 0;
    order: 1;
  }
}
@media (max-width: 991px) {
  #main #topic0.mod_article {
    order: 0;
    max-height: 51vh;
    min-height: 51vh;
    overflow: hidden;
    padding: 0 var(--padding) !important;
  }
  #main #topic0.mod_article .intro-headline .text-large {
    font-size: 0.84rem !important;
    line-height: 1rem;
  }
}
@media (max-height: 700px) and (max-width: 560px) {
  #main #topic0.mod_article {
    max-height: 42vh;
    min-height: 42vh;
  }
  #main #topic0.mod_article .intro-headline {
    display: none;
  }
}
@media (max-width: 991px) {
  .tpl-mental-gym #main #topic0.mod_article {
    max-height: 99vh;
    min-height: 99vh;
  }
}

.article-background-image {
  position: absolute;
  z-index: -1;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.article-background-image picture {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.article-background-image img {
  height: auto;
  width: auto;
  min-width: 100vw;
  object-fit: cover;
  object-position: top center;
}
@media (max-width: 991px) {
  .article-background-image img {
    min-width: 255vw;
  }
}

.onepage_article .article-background-image.image-start {
  top: 0;
  left: 0;
  height: 100%;
}
.onepage_article .article-background-image.image-start picture, .onepage_article .article-background-image.image-start img {
  height: 100%;
}
.onepage_article .article-background-image.image-top {
  top: 0;
  left: 0;
}
.onepage_article .article-background-image.image-bottom {
  bottom: 0;
  left: 0;
}

@media (max-width: 991px) {
  #topic0.onepage_article img {
    min-height: 100%;
  }
}
.media img {
  margin-top: 0.21rem;
}
.media:is(.media--left, .media--right) figure {
  max-width: 40%;
}
.media.media--left figure {
  margin-right: 1rem;
}
.media.media--right figure {
  margin-left: 1rem;
}

.image-portrait {
  display: flex;
  justify-content: stretch;
  height: 100%;
  box-shadow: 10px 0 20px rgba(130, 119, 106, 0.33);
}
.image-portrait img {
  height: 100%;
  object-fit: cover;
}

.intro-mainimage {
  align-self: center;
}
.intro-mainimage h1 {
  text-align: center;
}
.intro-mainimage img {
  max-width: 51%;
  margin: 3rem 0;
}
@media (max-width: 800px) {
  .tpl-mental-gym .intro-mainimage img {
    max-width: 88%;
    margin-top: 15vh;
  }
}
@media (max-width: 991px) {
  .intro-mainimage img {
    margin: 1.2rem 0 0 0;
    max-width: 65%;
  }
}

.content-player figure video {
  width: 100%;
}

.topic-headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  margin: 0 0 2rem 0;
  text-align: center;
  /* line-break: anywhere; */
  white-space: normal;
  flex-wrap: wrap;
  max-width: 100%;
}
.topic-headline::after {
  content: "";
  background-color: rgb(215, 181, 109);
  width: 100%;
  height: var(--lineThickness);
  min-width: 6ch;
}
@media (max-width: 991px) {
  .topic-headline {
    max-width: 90vw;
    margin-top: 2.28rem !important;
    margin-bottom: 2.28rem !important;
  }
}

.mod_article .content-text > div > :not(:first-child) {
  margin-top: 1.5rem;
}
@media (max-width: 992px) {
  .mod_article .ce_columns:not(:first-child) {
    margin-top: 4.5rem;
  }
}
.mod_article .content-text:not(:first-child) {
  margin-top: 4.5rem;
}
.mod_article ul {
  padding-left: 20px;
}
.mod_article ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.mod_article :is(p, ul, ol) + * {
  margin-top: 1.5rem;
}
.mod_article :is(ul, ol) li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.ce_accordion .toggler {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-weight: 500;
}
.ce_accordion .toggler .ui-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  transition: all 0.3s 0.12s cubic-bezier(0, 0.9, 0.2, 1);
}
.ce_accordion .toggler .ui-icon::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
  background: url("../../files/mindz/img/icons/angle-right.svg") no-repeat;
  background-position: center;
  transition: all 0.3s cubic-bezier(0, 0.9, 0.2, 1);
}
.ce_accordion .toggler.active .ui-icon {
  transform: rotate(90deg);
}

.card.ce_rsce_imagebox {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
.card.ce_rsce_imagebox .card-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.ce_rsce_imagebox .card-head:empty {
  min-width: 80px;
}
.card.ce_rsce_imagebox .card-head .card-image {
  max-width: 80px;
}
.card.ce_rsce_imagebox.icon-sm .card-head:empty {
  min-width: 42px;
}
.card.ce_rsce_imagebox.icon-sm .card-head .card-image {
  max-width: 42px;
}
.card.ce_rsce_imagebox:not(:first-child) {
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  .card.ce_rsce_imagebox:not(:first-child) {
    margin-top: 4.56rem;
  }
}
.card.ce_rsce_imagebox.flex-row :is(.card-head figure, .card-body) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ce_form .widget {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin-bottom: 1.17rem;
}
.ce_form .widget-text .text {
  padding: 0.6rem 0.51rem 0.42rem 0.51rem;
  font-family: Now, Arial, sans-serif;
}
.ce_form .widget-textarea .textarea {
  padding: 0.6rem 0.51rem 0.42rem 0.51rem;
  font-family: Now, Arial, sans-serif;
}
.ce_form .widget-submit .btn {
  max-width: 72%;
}
.grid-calendar {
  display: grid;
  grid-template: "menu calendar" 5.4rem "text calendar" 12rem "button calendar"/22ch 4fr !important;
  column-gap: calc(var(--padding) * 2);
}
@media (max-width: 991px) {
  .grid-calendar {
    grid-template: "calendar" 350px "menu" "text" "button"/100% !important;
    gap: 1rem;
  }
}
.grid-calendar .button-booking {
  grid-area: button;
}
@media (max-width: 991px) {
  .grid-calendar .button-booking {
    margin-top: 2.1rem;
  }
}
.grid-calendar .button-booking .btn {
  max-width: unset;
  width: 100%;
}
.grid-calendar .content-text {
  grid-area: text;
}
.grid-calendar .mod_calendar {
  display: contents;
}

.calendar-menu {
  grid-area: menu;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: start;
  padding: 0.5rem 0.6rem;
  background-color: #efefef;
}
.calendar-menu :is(.current, .next, .previous) a {
  font-weight: 500;
  text-decoration: none;
  color: rgb(130, 119, 106);
}
.calendar-menu .current {
  font-family: PrivateEye, serif;
  font-size: 2.52rem;
  line-height: 2.97rem;
  color: rgb(130, 119, 106);
}

.calendar-view {
  grid-area: calendar;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  line-height: 1.7rem;
}
.calendar-view .calendar-month {
  display: grid;
  grid-template: max-content/100%;
  row-gap: 9px;
}
.calendar-view :is(.calendar-head, .week) {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calendar-view :is(.calendar-head, .week) span {
  padding: 0 0.39rem;
  text-align: center;
}
.calendar-view :is(.calendar-head, .week) .day {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 9px;
  aspect-ratio: 2/1.26;
}
.calendar-view :is(.calendar-head, .week) .day:not(.weekend, .active) {
  cursor: pointer;
}
.calendar-view :is(.calendar-head, .week) .day.today span {
  position: relative;
}
.calendar-view :is(.calendar-head, .week) .day.today span::after {
  position: absolute;
  bottom: -0.9rem;
  left: 0;
  content: "•";
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  color: rgb(130, 119, 106);
}
.calendar-view :is(.calendar-head, .week) .day.active .booked {
  position: relative;
  pointer-events: none;
}
.calendar-view :is(.calendar-head, .week) .day.active .booked::after {
  content: "";
  position: absolute;
  top: 27%;
  left: 0;
  width: 100%;
  height: 9px;
  mix-blend-mode: multiply;
  background-color: rgb(215, 181, 109);
}
.calendar-view .calendar-head {
  pointer-events: none;
}
.calendar-view .calendar-head .day {
  align-items: flex-start;
}

:is(button, a).btn {
  max-width: fit-content;
  text-decoration: none;
}
:is(button, a).btn-default {
  font-family: Now, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.05rem;
  color: rgb(130, 119, 106);
  border: 0;
  background: transparent;
  padding: 0.6rem 0.51rem 0.42rem 0.51rem;
}
:is(button, a).btn-filled {
  padding: 0.6rem 1.32rem 0.42rem 1.32rem;
  transform: scale(0.96);
  transition: all 0.31s cubic-bezier(0.47, 0, 0.745, 0.715);
}
:is(button, a).btn-filled-black {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
:is(button, a).btn-filled-primary {
  background-color: rgb(215, 181, 109);
  color: rgb(255, 255, 255);
  font-weight: 500;
}
:is(button, a).btn-filled-primary * {
  color: inherit;
}
:is(button, a).btn-filled:hover {
  opacity: 0.88;
  transform: scale(1.1);
}
:is(button, a).btn-filled:focus, :is(button, a).btn-filled:active {
  opacity: 1;
  transform: scale(0.81);
}
:is(button, a).btn-pill {
  display: flex;
  place-content: center;
  padding: 1.2rem 2.1rem;
  border-radius: 20px;
}
:is(button, a).btn-underline-primary {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: PrivateEye, serif;
  padding: 0;
}
:is(button, a).btn-underline-primary::after {
  content: "";
  background-color: rgb(215, 181, 109);
  width: 100%;
  height: var(--lineThickness);
}

#scrollTopicButton {
  opacity: 1;
}
#scrollTopicButton img {
  width: 1.5rem;
}

.box-booking .btn {
  text-decoration: none;
  align-items: center;
  gap: 0.15rem 0;
  padding: 1rem 3rem;
  box-shadow: 1px 1px 12px -6px rgba(134, 103, 37, 0.7);
  transform: scale(0.88);
  transition: all 0.23s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.box-booking .btn:hover, .box-booking .btn:focus, .box-booking .btn:active {
  transform: scale(1);
}
.box-booking .btn .firstline {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 500;
}
.box-booking.color-primary .btn {
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 1px 1px 18px -6px rgba(237, 222, 189, 0.9);
}

.rsce_box {
  width: 100%;
}
.rsce_box .card .card-body {
  flex: 5 5 100%;
  justify-content: space-between;
}
.rsce_box:not(:first-child) {
  margin: 1rem 0;
}
.rsce_box:first-child {
  margin-top: 0;
}
.container-termine .rsce_box:not(first-child) {
  margin-top: 2rem;
}

.flipcard-container {
  width: 100%;
  min-height: 14rem;
  margin: 0 !important;
  perspective: 2000px;
}
.flipcard-container::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0.85rem;
  left: calc(50% - 0.85rem);
  width: 1.7rem;
  height: 1.7rem;
  background: url(../../files/mindz/img/icons/icon_flip_gold.svg) no-repeat transparent;
  background-size: contain;
  opacity: 0.69;
  transition: all 0.56s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.flipcard-container .flipcard-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  transition: all 0.56s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.flipcard-container:hover {
  cursor: pointer;
}
.flipcard-container.flipped::after {
  transform: rotate(360deg);
  filter: brightness(50%);
  transition: all 0.56s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.flipcard-container.flipped .flipcard-inner {
  transform: rotateX(180deg);
  transition: all 0.56s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.flipcard-container .card {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  place-content: center;
  min-width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 15px 18px; /* Safari */
  backface-visibility: hidden;
}
.flipcard-container .card * {
  color: inherit;
}
.flipcard-container .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateX(180deg);
}
.flipcard-container .card-body {
  display: flex;
  flex-direction: column;
  place-content: center !important;
}
.flipcard-container .card-body :is(h1, h2, h3, h4, h5) {
  margin: 0 0 0.84rem 0;
  text-align: center;
}

.box-pakete .rsce_box {
  margin: 0 !important;
}

.box-event {
  overflow: visible;
  height: fit-content !important;
  margin-bottom: 3rem;
}
.box-event .text-container {
  display: grid;
  grid-template: "date kind" max-content "headline headline" max-content "description description"/1fr max-content;
  align-items: stretch;
  justify-items: stretch;
}
.box-event .text-container .text-title {
  grid-area: headline;
  border-top: 2px solid var(--color-primary) !important;
  padding: 0.5rem 0 1rem 0;
  line-height: inherit;
}
@media (max-width: 576px) {
  .box-event .text-container .text-title {
    padding: 3rem 0 1rem 0;
  }
}
.box-event .text-container .text-title :is(h2, h3, h4, h5, h6) {
  margin-top: 0.25rem;
}
.box-event .text-container .text-title :is(h2, h3, h4, h5, h6) span {
  display: inline-block;
  font-size: 0.7em;
  margin-top: 0.5rem;
}
@media (max-width: 576px) {
  .box-event .text-container .text-title :is(h2, h3, h4, h5, h6) span {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 0.81rem;
  }
}
.box-event .text-container .text-copy {
  display: contents;
  padding: 0 0 2.5rem 0;
}
.box-event .text-container .text-copy p:first-child {
  grid-area: date;
  line-height: 2.4;
}
@media (max-width: 576px) {
  .box-event .text-container .text-copy p:first-child {
    line-height: 1.6;
  }
  .box-event .text-container .text-copy p:first-child .text-xl {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.box-event .text-container .text-copy p:last-child {
  grid-area: description;
}
.box-event .text-container .text-copy p:nth-child(2) {
  grid-area: kind;
  align-self: stretch;
  justify-self: end;
  margin-top: 0;
  padding: 0.5rem 0.7rem;
  background: rgb(215, 181, 109);
  color: rgb(255, 255, 255);
  font-weight: 700;
}
@media (max-width: 576px) {
  .box-event .text-container .text-copy p:nth-child(2) {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.box-event .btn {
  margin-top: 1.5rem;
  margin-bottom: -2rem;
  padding: 0.6rem 1rem !important;
}
.box-event .btn .firstline {
  font-size: 1.2rem !important;
}

.box-booking {
  padding: 9px 10px;
  height: 100%;
  box-sizing: border-box;
}
.box-booking .card-body {
  display: flex;
  flex-direction: column;
}
.box-booking .card-body .text-link {
  display: flex;
  align-self: center;
  justify-content: center;
}
.box-booking:not(.box-event) .card-body .text-title :is(h1, h2, h3, h4, h5, h6) {
  margin: 0.5rem auto 1.5rem auto;
  max-width: fit-content;
}
.box-booking:not(.box-event) .card-body .text-copy {
  font-size: 0.9rem;
}
.box-booking:not(.box-event) .card-body .text-copy * {
  font-size: inherit;
}

.flex-50 {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 38px 40px;
}
.flex-50 .rsce_box {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .flex-50 .rsce_box {
    max-width: calc(50% - 40px);
  }
}

.flex-30 {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 38px 15px;
}
.flex-30 .rsce_box {
  flex: 0 0 auto;
}
@media (min-width: 1500px) {
  .flex-30 .rsce_box {
    max-width: calc(33% - 10px);
  }
}

.box-pakete-neu .box-booking {
  overflow: visible;
}
.box-pakete-neu .card-body {
  align-items: center;
}
.box-pakete-neu .text-link {
  margin-top: 1.5rem;
  margin-bottom: -2rem;
}

.slider-referenzen .swiper-wrapper {
  align-items: center;
}
.slider-referenzen .imagebox {
  padding: 2rem 0;
}
.slider-referenzen .imagebox .card {
  transition: all 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
  transform: scale(0.7);
  opacity: 0.51;
}
.slider-referenzen .imagebox.swiper-slide-active .card {
  transform: scale(1);
  opacity: 1;
  color: #866725 !important;
}
.slider-referenzen .swiper-pagination {
  margin-bottom: -20px;
}
.slider-referenzen .swiper-pagination .swiper-pagination-bullet {
  background: rgb(201, 200, 200);
}
.slider-referenzen .swiper-pagination .swiper-pagination-bullet-active {
  background: rgb(215, 181, 109);
}

.fade-out {
  opacity: 0 !important;
  pointer-events: none;
  touch-action: none;
}

.fade-in {
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .fade-out {
    opacity: 1 !important;
  }
}/*# sourceMappingURL=styles.css.map */