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;
}

.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)}
@charset "UTF-8";/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
      var(--mm-min-size),
      var(--mm-size),
      var(--mm-max-size)
  )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
      calc(-1 * var(--mm-max-size)),
      calc(-1 * var(--mm-size)),
      calc(-1 * var(--mm-min-size))
  )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
#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}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Pangea Family */
/* body text */
@font-face {
    font-family: 'Pangea Text';
    src: url('../../files/layout/webfonts/PangeaText-Regular.eot');
    src: local('Pangea Text Regular'), local('PangeaText-Regular'),
        url('../../files/layout/webfonts/PangeaText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/PangeaText-Regular.woff2') format('woff2'),
        url('../../files/layout/webfonts/PangeaText-Regular.woff') format('woff'),
        url('../../files/layout/webfonts/PangeaText-Regular.ttf') format('truetype'),
        url('../../files/layout/webfonts/PangeaText-Regular.svg#PangeaText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea Text';
    src: url('../../files/layout/webfonts/PangeaText-Italic.eot');
    src: local('Pangea Text Italic'), local('PangeaText-Italic'),
        url('../../files/layout/webfonts/PangeaText-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/PangeaText-Italic.woff2') format('woff2'),
        url('../../files/layout/webfonts/PangeaText-Italic.woff') format('woff'),
        url('../../files/layout/webfonts/PangeaText-Italic.ttf') format('truetype'),
        url('../../files/layout/webfonts/PangeaText-Italic.svg#PangeaText-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea Text';
    src: url('../../files/layout/webfonts/PangeaText-Bold.eot');
    src: local('Pangea Text Bold'), local('PangeaText-Bold'),
        url('../../files/layout/webfonts/PangeaText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/PangeaText-Bold.woff2') format('woff2'),
        url('../../files/layout/webfonts/PangeaText-Bold.woff') format('woff'),
        url('../../files/layout/webfonts/PangeaText-Bold.ttf') format('truetype'),
        url('../../files/layout/webfonts/PangeaText-Bold.svg#PangeaText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea Text';
    src: url('../../files/layout/webfonts/PangeaText-BoldItalic.eot');
    src: local('Pangea Text Bold Italic'), local('PangeaText-BoldItalic'),
        url('../../files/layout/webfonts/PangeaText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/PangeaText-BoldItalic.woff2') format('woff2'),
        url('../../files/layout/webfonts/PangeaText-BoldItalic.woff') format('woff'),
        url('../../files/layout/webfonts/PangeaText-BoldItalic.ttf') format('truetype'),
        url('../../files/layout/webfonts/PangeaText-BoldItalic.svg#PangeaText-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



/* headlines */
@font-face {
    font-family: 'Pangea';
    src: url('../../files/layout/Pangea-Bold.eot');
    src: local('Pangea Bold'), local('Pangea-Bold'),
        url('../../files/layout/webfonts/Pangea-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/Pangea-Bold.woff2') format('woff2'),
        url('../../files/layout/webfonts/Pangea-Bold.woff') format('woff'),
        url('../../files/layout/webfonts/Pangea-Bold.ttf') format('truetype'),
        url('../../files/layout/webfonts/Pangea-Bold.svg#Pangea-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea';
    src: url('../../files/layout/Pangea-BoldItalic.eot');
    src: local('Pangea Bold Italic'), local('Pangea-BoldItalic'),
        url('../../files/layout/Pangea-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/Pangea-BoldItalic.woff2') format('woff2'),
        url('../../files/layout/Pangea-BoldItalic.woff') format('woff'),
        url('../../files/layout/Pangea-BoldItalic.ttf') format('truetype'),
        url('../../files/layout/Pangea-BoldItalic.svg#Pangea-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea';
    src: url('../../files/layout/webfonts/Pangea-Light.eot');
    src: local('Pangea Light'), local('Pangea-Light'),
        url('../../files/layout/webfonts/Pangea-Light.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/Pangea-Light.woff2') format('woff2'),
        url('../../files/layout/webfonts/Pangea-Light.woff') format('woff'),
        url('../../files/layout/webfonts/Pangea-Light.ttf') format('truetype'),
        url('../../files/layout/webfonts/Pangea-Light.svg#Pangea-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pangea';
    src: url('../../files/layout/webfonts/Pangea-LightItalic.eot');
    src: local('Pangea Light Italic'), local('Pangea-LightItalic'),
        url('../../files/layout/webfonts/Pangea-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../../files/layout/webfonts/Pangea-LightItalic.woff2') format('woff2'),
        url('../../files/layout/webfonts/Pangea-LightItalic.woff') format('woff'),
        url('../../files/layout/webfonts/Pangea-LightItalic.ttf') format('truetype'),
        url('../../files/layout/webfonts/Pangea-LightItalic.svg#Pangea-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}



/* EUF Grid */
html {
  --grid__columns: 12;
  --grid__gutter: 1.875rem;
}

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }

@media screen and (min-width: 58.75em) {
	html {
		--grid__gutter: 3rem;	
	}
}
@media screen and (min-width: 34.375em) {
	.xs-order-1 { order: 1; }
	.xs-order-2 { order: 2; }
	.xs-order-3 { order: 3; }
	.xs-order-4 { order: 4; }
	.xs-order-5 { order: 5; }
	.xs-order-6 { order: 6; }
	.xs-order-7 { order: 7; }
	.xs-order-8 { order: 8; }
	.xs-order-9 { order: 9; }
	.xs-order-10 { order: 10; }
}

.row.nogap { grid-gap: 0 }
.row .empty { grid-column: span 12 / span 12; }

/* children of stretched grid elements should stretch */
.align-stretch { display: grid; }

/* hide elements on different devices */
@media screen and (min-width: 58.75em) {
	.desktop--hide {
		display: none;
		visibility: hidden;	
	}
}
@media screen and (min-width: 34.375em) and (max-width: 58.75em) {
	.tablet--hide {
		display: none;
		visibility: hidden;	
	}
}
@media screen and (max-width: 34.375em) {
	.mobile--hide {
		display: none;
		visibility: hidden;	
	}
}

/* Extension Background  */
.mod_article {
		position: relative;
}

.mod_article > .article-image {
	 position: absolute;
	 z-index: 1;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 overflow: hidden
}

.mod_article > .inside {
	 position: relative;
	 z-index: 3;
}

.mod_article > .article-image.float-right {
	 left: auto;
	 right: 0;
	 width: 50%
}

.mod_article > .article-image.float-left {
	 left: 0;
	 width: 50%
}

.mod_article > .article-image .image_container,
.mod_article > .article-image picture {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%
}

.mod_article > .article-image .image_container img,
.mod_article > .article-image picture img {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 max-width: none;
	 min-width: 100%;
	 min-height: 100%;
	 width: auto;
	 height: auto;
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%)
}

/* Contao layout.css
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body,form,figure {
	margin:0;
	padding:0;
}

strong, b { 
	font-weight: 700; 
	font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}

figure { line-height: 0; }
figure figcaption {
	line-height: 1.4;
	color: var(--color-gray-medium);
	font-size: 1.4rem;
}

img, input[type="image"], video, embed, iframe, marquee, object, table {
  aspect-ratio: attr(width) / attr(height);
}

img {
	border:0;
	max-width: 100%;
	height: auto;
}
.ce_image img,
.media img {
	max-width: 100%;
	height: auto;
}
.image_container a,
figure a {
  display: block;
  line-height: 0;
}

.quote-img--round figure {
	overflow: hidden;
	border-radius: 50%;	
}

.icon-30 img { max-width: 30px; max-height: 30px; }
.icon-40 img { max-width: 40px; max-height: 40px; }
.icon-50 img { max-width: 50px; max-height: 50px; }
.icon-60 img { max-width: 60px; max-height: 60px; }
.icon-70 img { max-width: 70px; max-height: 70px; }
.icon-80 img { max-width: 80px; max-height: 80px; }
.icon-90 img { max-width: 90px; max-height: 90px; }
.icon-100 img { max-width: 100px; max-height: 100px; }
.icon-110 img { max-width: 110px; max-height: 110px; }
.icon-120 img { max-width: 120px; max-height: 120px; }
.icon-130 img { max-width: 130px; max-height: 130px; }
.icon-140 img { max-width: 140px; max-height: 140px; }
.icon-150 img { max-width: 150px; max-height: 150px; }
.icon-175 img { max-width: 175px; max-height: 1750px; }
.icon-200 img { max-width: 200px; max-height: 200px; }

video {
	/* override other styles to make responsive */
	/* width: 100%    !important;
	height: auto   !important; */
	aspect-ratio: auto;
	max-width: 100%;
	height: auto;
}

/* Video */
iframe {
	border: 0px;
}

.index .hero .ce_player figure {
	border-radius: 0;
}
.ce_player figure figcaption {
	line-height: 1.2;
}
.bg-brand-dark figure figcaption {
	color: var(--color-white);
	opacity: 0.8;
}
.content-youtube button,
.content-youtube button:hover,
.content-youtube button:focus,
.content-youtube button:active {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}
.content-youtube figure,
.content-vimeo figure {
	border-radius: var(--base-border-radius);
	overflow: hidden;
	line-height: 0;
	margin: 0
}
.content-youtube figure.aspect,
.content-vimeo figure.aspect {
	position: relative;
	width: 100%
}
.content-youtube figure.aspect iframe,
.content-vimeo figure.aspect iframe {
	position: absolute;
	inset: 0;
	z-index: 5;
	width: calc(100% + 2px) !important;
	height: 100% !important
}

video {
	max-width: 100%
}

.aspect--3\:2 {
	aspect-ratio: 1.5
}
.aspect--4\:3 {
	aspect-ratio: 1.3333333333
}
.aspect--16\:9 {
	aspect-ratio: 1.7777777778
}
.aspect--16\:10 {
	aspect-ratio: 1.6
}
.aspect--21\:9 {
	aspect-ratio: 2.3333333333
}
.bg-brand-dark iframe {
	background: #fff;
}

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;
}
*/

/* Quotes */
blockquote {
	border-left: 2px solid var(--color-petrol6);
	padding-left: 2rem;
	margin-left: 2rem;
}

.mod_article ul {
	padding-left: 25px;
	/* list-style-image: url(../../files/layout/images/list.png); */
}
.mod_article ul {
  list-style: none;
}
.mod_article ul li {
  position: relative;
	margin-bottom: .5rem;
}
.mod_article ul li::before{
	content: '';
	position: absolute;
	content: "\2013";
	top: 0;
	left: -15px;
}
.mod_article ul li > ul {
	padding-top: 0.5rem;
}

.mod_article .mod_newslist ul li::before {
	display: none;
}

.mod_article ul.enclosure {
	padding-left: 0;
}
.mod_article ul.enclosure::before {
	content: 'Downloads';
	font-weight: 700;
	font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}
.mod_article ul.enclosure li::before {
	display: none;
}
.enclosure .ext-pdf {
	background-position-y: 7px;
}

/* special list styles */
.mod_article ul.checklist,
.mod_article ul.no-checklist {
	padding-left: 32px;
}
.mod_article ul.checklist li::before {
	font-family: "lof_icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	left: -25px;
	top: 1px;

	content: "\e811";
	color: var(--color-petrol6);
}
.mod_article ul.no-checklist li::before {
	display: inline-block;
	text-decoration: inherit;
	left: -25px;
	top: 0;

	font-family: "lof_icons";
	font-style: normal;
	font-weight: normal;
	font-size: 1.8rem;
	speak: none;
	content: "\e81F";
	
	/*color: var(--color-gray-light1);*/
	color: var(--color-brand-interaction);
	opacity: 0.5;
}

.mod_article ul.checklist--brand {
	color: #393939;
	padding-left: 0;
}
.mod_article ul.checklist--brand li {
	list-style-type: none;
	position: relative;
	line-height: 1.5;
	padding: 5px 5px 5px 40px;
	margin-bottom: 5px;
}
.mod_article ul.checklist--brand li::before{
	content: ' ';
	display: inline-block;
	background: transparent url('../../files/layout/images/checklist-item.png') no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 0;
	top: 5px;
}

/* Feature-Box */
.feature-box {
	border: 0px solid var(--base-border-color);
	border-radius: 8px;
	box-shadow: var(--base-box-shadow);
	overflow: hidden;
}
.feature-box .text_content,
.feature-box .rte {
	padding: 1.5rem 1rem 1.5rem 54px;
	position: relative;
}
.feature-box .text_content p:last-child,
.feature-box .rte p:last-child {
	margin-bottom: 0;
}
.feature-box .text_content::before ,
.feature-box .rte::before {
	content: ' ';
	display: inline-block;
	background: var(--color-petrol8) url('../../files/layout/images/checklist-item.png') no-repeat center center;
	background-size: 24px 24px;
	border-radius: 4px;
	height: 32px;
	width: 32px;
	position: absolute;
	left: 12px;
	top: 12px;
}

.mod_article ol {
	padding-left: 25px;
}
.mod_article ol li {
	position: relative;
	margin-bottom: .5rem;
}

.mod_article.introduction ul,
.mod_article.introduction ol {
	padding-left: 35px;
}

.content_navigation ul {
	padding-left: 25px !important;
}
.content_navigation ul li.first {
	margin-top: 0.5rem;
}
.content_navigation ul li a {
	display: inline-block;
	padding: .3rem 0;
	text-decoration-color: var(--color-brand-primary-light);
	text-underline-offset: 3px;
}


/* Responsive image gallery */
.ce_gallery ul {
	list-style:none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 2rem;
}
.ce_gallery ul li {
	flex: 0 0 auto;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.mod_article .ce_gallery ul li::before { display: none; }

/* Gallery - Grid-Layout */
.content-gallery ul {
	list-style: none;
	display: grid;
	grid-gap: 2rem;
	padding: 0;
}

.content-gallery--cols-2 ul {
	grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-3 ul {
	grid-template-columns: repeat(3, 1fr);
}
.content-gallery--cols-4 ul {
	grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-5 ul {
	grid-template-columns: repeat(5, 1fr);
}
.content-gallery--cols-6 ul {
	grid-template-columns: repeat(6, 1fr);
}
.content-gallery--cols-7 ul {
	grid-template-columns: repeat(7, 1fr);
}
.content-gallery--cols-8 ul {
	grid-template-columns: repeat(8, 1fr);
}
.content-gallery--cols-9 ul {
	grid-template-columns: repeat(9, 1fr);
}
.content-gallery--cols-10 ul {
	grid-template-columns: repeat(10, 1fr);
}
.content-gallery--cols-11 ul {
	grid-template-columns: repeat(11, 1fr);
}
.content-gallery--cols-12 ul {
	grid-template-columns: repeat(12, 1fr);
}

.content-gallery ul li,
.content-gallery ul li img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.content-gallery ul li a {
	text-decoration: none;
	line-height: 0;
	border: none;
}
.mod_article .content-gallery ul li::before { display: none; }

.content-gallery.clients ul li img { }

.content-gallery.oneliner ul {
	display: flex !important;
	gap: 2rem;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	/* justify-items: center; */
}
.content-gallery.oneliner ul li {
	flex-basis: auto;
	width: auto;
	height: auto;
}
.content-gallery.oneliner ul figure {
	height: fit-content;
	width: fit-content;
	padding: 0;
}
.content-gallery.oneliner ul img {
	/* height: 100%; */
	vertical-align: middle;
	width: auto;
	max-height: 95px;
}  


@media screen and (min-width: 34.375em) and (max-width: 48em) { }
@media screen and (min-width: 48em) { }

/* clients - carousel */
.mod_article .clients.ce_gallery ul li::before {
	display: none;
}
.clients.ce_gallery figure {
	flex-basis: auto;
	height: 100px;
}
.clients.ce_gallery img {
	display: block;
	height: 100px;
	width: auto;
}

@media screen and (min-width: 48em) {
	.clients.ce_gallery img {
		filter: grayscale(100%)
	}
	.clients.ce_gallery img:hover {
		filter: grayscale(0%)
	}
	
	.clients.oneliner.ce_gallery img {
		filter: grayscale(0%);
	}

}
@media screen and (max-width: 48em) {
	/* swipe gallery */
	.clients.ce_gallery {
		overflow-x: scroll;
		--slide-count: 6;
	
		height: auto;
		width: calc(100vw - 20px);
		/* padding: 20px 0 30px; */
		padding: 20px 20px 30px;
	
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
	}
	.clients.ce_gallery ul {
		width: calc(150px * var(--slide-count));
		-webkit-overflow-scrolling: touch;
		display: flex;
		flex-wrap: nowrap;
		padding: 0;
	}
	.clients.ce_gallery ul li {
		flex-basis: auto;
		box-sizing: border-box;
		/* box-shadow: var(--base-box-shadow); */
		border: 1px solid var(--base-border-color);
		border-radius: var(--base-border-radius);
		padding: 2rem;
		margin: 0 2rem 0 0;
		
		scroll-margin: 0;
		scroll-snap-align: start;
		scroll-snap-stop: normal;
	}
	.clients.ce_gallery figure {
		height: auto;
		min-width: 150px;
		width: auto;
	}
	.clients.ce_gallery img {
		object-fit: contain;
		filter: grayscale(0);
		opacity: 1;
	}
}

/* Content-Slider Swiper.js - added 2025-06 */
.swiper-container {
	padding: 2rem;
}
.no-padding .swiper-container {
	padding: 0;
}
.no-margin .swiper-container {
	margin: 0;
}
.has-buttons .swiper-container,
.has-pagination .swiper-container {
	padding-bottom: 5rem;
	margin-bottom: 1rem;
}
.swiper-wrapper { cursor: grab; }
.swiper-wrapper:active { cursor: grabbing; }
.swiper-slide {
	/* calculating the scroll width based on contents width */
	box-sizing: border-box;
}
.swiper-button-next, 
.swiper-button-prev {
	color: var(--color-petrol4);
	background-color: var(--color-gray-light2);
	border-radius: var(--base-border-radius);
	mix-blend-mode: multiply;
	
	top: auto !important;
	bottom: 10px;
	
	height: var(--swiper-navigation-size);
	width: var(--swiper-navigation-size);
}
.swiper-button-next {
	right: 0;
} 
.swiper-button-prev {
	left: 0;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
	font-size: 24px;
	font-weight: 500;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
		opacity: 0;
}
.swiper-pagination {
	bottom: 0 !important;
	padding: 2rem 0;
}
.swiper-pagination-bullet-active {
	background-color: var(--color-petrol4) !important;
	transform: scale(1.4);
}
.swiper-pagination-bullet {
	background-color: var(--color-gray-light1);
	width: 10px;
	height: 10px;
	margin: 0 6px !important;
}


.block {
/* 	overflow:hidden; */
}
.mod_article.block {
    overflow: visible;
}

.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;
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* alignment */
.centered,
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}

/* Text Bild Content  */
.ce_text:has(figure),
.content-text.media {
	clear: both;
	display: flex;
	gap: 0;
}
.ce_text:has(.float_left),
.content-text.media--left {
	flex-direction: row;
	align-items: flex-start;
}
.ce_text:has(.float_right),
.content-text.media--right {
	flex-direction: row-reverse;
	align-items: flex-start;
}
.ce_text:has(.float_above),
.content-text.media--above {
	flex-direction: column;
}
.ce_text:has(.float_below),
.content-text.media--below {
	flex-direction: column;
}

.content-text.media > figure {
	flex: 0 0 auto;
	max-width: 100%;
	height: auto;	
}

.ce_text figure,
.content-text figure {
}

.content-text.media > .rte {
	flex: 1 1 0;
}
.content-text.media > h1,
.content-text.media > h2,
.content-text.media > h3,
.content-text.media > h4,
.content-text.media > h5,
.content-text.media > h6 {
	flex-basis: 100%;
	width: 100%;
}

.content-text.media .rte > h1,
.content-text.media .rte > h2,
.content-text.media .rte > h3,
.content-text.media .rte > h4,
.content-text.media .rte > h5,
.content-text.media .rte > h6 {
	margin-top: 0.5rem;
}

.ce_text:has(.float_right) figure,
.content-text.media--right figure {}

.content-text.media--above figure {
	margin-bottom: 2rem;
}
.content-text.media--above[class^="icon"] figure {
	margin-bottom: 0;
}
.content-text.media--above figure:has(figcaption) {
	margin-bottom: 0;
}

.float_below, .float_above,
.media--below figure, 
.media--above figure  {
	max-width: 100%;
}


/* vertical align */
.valign_start .text_content {
	align-self: start;
}

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

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

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

figcaption {
	padding: 1rem 0;
}

@media screen and (min-width: 34.375em) {}
@media screen and (min-width: 48em) {
	figcaption {
		padding: 1rem 0 2rem;
	}

	.float_right, .float_left,
	.media--right figure, .media--left figure { 
		max-width: 50%; 
	}
	
	.float_right,
	.media--right figure { padding: 0 0 0 2rem; }
	.float_left,
	.media--left figure { padding: 0 2rem 0 0; }
	.float_above, 
	.media--above figure { padding: 0 0 1rem 0; }
	.float_below, 
	.media--below figure { padding: 1rem 0 0 0; }
}

@media screen and (max-width: 48em) {
	.ce_text:has(figure),
	.content-text.media {
		flex-direction: column;
	}
	.media  {
		flex-direction: column;
	}
	.mobile-flex.ce_text:has(.float_left),
	.mobile-flex.ce_text:has(.float_right),
	.mobile-flex.content-text.media--left,
	.mobile-flex.content-text.media--right {
		gap: 1rem;
		flex-direction: row;
	}
	.float_left,
	.float_above,	
	.media--left figure,
	.media--above figure { 
		width: 100%; 
		margin: 2rem auto 1rem;
	}
	.float_right,
	.float_below,
	.media--right figure,
	.media--below figure { 
		width: 100%; 
		margin: 1rem auto 2rem;
	}
}

/* author info on blog */
.ce_text.author,
.content-text.author { margin: 3rem 0 4rem; color: var(--color-gray2); }
.ce_text.author .text_content,
.content-text.author .rte { align-self: center; }
.ce_text.author .text_content p,
.content-text.author .rte p { line-height: 1.35; margin: 0; }
.ce_text.author .float_left,
.content-text.author figure { max-width: 50px; padding: 0 2rem 0 0; }
.ce_text.author figure img,
.content-text.author img { border-radius: 50%; }

/* author box module */
.author-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1rem auto;
}
.author-box.content-text.author figure { padding-right: 1rem; }
.author-box p { margin: 0; }
.author-box.media--left figure {
	flex-basis: auto;
	flex-grow: 0;
	padding: 0 2rem 0 0;
}

@media only screen and (max-width: 34.425em) {
	.content-text.author {
		flex-wrap: wrap;
		flex-direction: row;
	}
	.content-text.author {
		margin: 0 0 2rem 0;
		flex-shrink: 1;
	}
	.content-text.author .rte {
		flex-grow: 1;
	}
	.author-box.content-text.author figure { padding-right: 0; }
	.content-text.author .text_content {
		flex-grow: 0;
	}
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.intro .button,
.intro button {
	font-size: 1.6rem;
}

.button:not(.widget),
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 7px 20px;
	color: var(--color-brand-accent);
  text-align: center;
	font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
	background-color: var(--color-brand-primary);
  border: 2px solid var(--color-brand-primary);
	border-radius: 24px;
  cursor: pointer;
  box-sizing: border-box; 
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: var(--color-brand-accent);
	background-color: var(--color-brand-primary);
	border-color: var(--color-brand-primary); 
  outline: 0; 
}

.button.button-primary:not(.widget),
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: var(--color-brand-accent-light);
	background-color: var(--color-brand-primary-dark);
	border-color: var(--color-brand-primary-dark); 
}
.button.button-primary:not(.widget):hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: var(--color-brand-accent-light);
	background-color: var(--color-brand-primary-dark);
	border-color: var(--color-brand-primary-dark); 
}

.button.button-secondary,
button.button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input[type="button"].button-secondary {
	color: var(--color-white);
	background-color: var(--color-brand-interaction);
	border-color: var(--color-brand-interaction); 
}
.button.button-secondary:hover,
button.button-secondary:hover,
input[type="submit"].button-secondary:hover,
input[type="reset"].button-secondary:hover,
input[type="button"].button-secondary:hover {
	opacity: 0.8; 
}

.button.button-outline,
button.button-outline,
input[type="submit"].button-outline,
input[type="reset"].button-outline,
input[type="button"].button-outline {
	border: 2px solid var(--color-brand-primary);
	color: var(--color-brand-primary);
	background: transparent;
}
.button.button-outline:hover,
button.button-outline:hover,
input[type="submit"].button-outline:hover,
input[type="reset"].button-outline:hover,
input[type="button"].button-outline:hover {
	border: 2px solid var(--color-brand-primary-dark);
	color: var(--color-brand-primary-dark);
	background: transparent;
}

.button.button-outline-white,
button.button-outline-white,
input[type="submit"].button-outline-white,
input[type="reset"].button-outline-white,
input[type="button"].button-outline-white,
.button.button-outline-white:hover,
button.button-outline-white:hover,
input[type="submit"].button-outline-white:hover,
input[type="reset"].button-outline-white:hover,
input[type="button"].button-outline-white:hover {
	border: 2px solid #fff;
	background: transparent;
	color: var(--color-white);
}
.button.button-small {
	font-size: 15px;
	padding: 8px 16px 9px !important
}
.button.button-large {
	font-size: 19px;
	padding: 8px 22px 11px !important;
}
@media screen and (min-width: 48em) {
	.button + .button {
		margin-left: 1rem;
	}
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ce_form .widget,
.form .widget {
	display: block;
	margin: 0 0 1.4rem;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  height: auto;
  padding: 9px 10px;
  background-color: #fff;
  border: 1px solid var(--base-border-color);
  border-radius:  var(--base-border-radius);
  box-shadow: none;
  display: block;
	width: 100%;
	box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; 
}
.ce_form textarea {
	min-height: 100px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid  var(--color-brand-primary);
  outline: 0; 
}
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 400;
}
fieldset {
  padding: 0;
  border-width: 0; 
}
input[type="checkbox"],
input[type="radio"] {
  display: inline; 
}
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; 
}

label[for=marketing-opt-in] {
		font-size: 1.5rem;
		/* line-height: 1.4 !important; */
}

.ce_form .checkbox_container input,
.ce_form .widget-checkbox input,
.form .checkbox_container input {
  display: inline-block;
  margin-right: .5rem;
  margin-bottom: 0;
  margin-bottom: 0;
}
.ce_form .checkbox_container label,
.ce_form .widget-checkbox label,
.form .checkbox_container label {
	display: inline;
	font-weight: 400;
  text-transform: none;
}

#nwsform label[for=marketing-opt-in] {
	font-size: 1.5rem;
	line-height: 1.4;
}


/* Tables */
@media only screen and (min-width: 68.75em) {
	.ce_table {
		width: calc(100% + 200px);
		margin-left: -100px;
	}
	.mod_glossaryreader .ce_table {
		margin-left: 0;
		max-width: 100%;
	}
}
@media only screen and (max-width: 48em) {
	.mobile-table th:first-child,
	.mobile-table td:first-child {
			max-width: 120px;
			padding-left: 0;
	}
	.mobile-table th:last-child,
	.mobile-table td:last-child {
			padding-right: 0;
	}
}

table {
	background: inherit;
	border: 0;
	border-collapse: collapse;
  border: 0px solid var(--base-border-color);
	border-radius: 4px;
	/* font-size: 1.5rem; */
	line-height: 1.4;
	min-width: 100%;
	overflow: auto;
	table-layout: auto;
}
/* Minimal Table  */
table {
	color: var(--color-gray-medium);
	margin-bottom: 1rem;
	width: 100%;
}
table caption {
	font-size: 1.4rem;
	letter-spacing: .05rem;	
	line-height: 1.2;
	padding: 1rem 0;
	text-transform: uppercase;
}
th, 
td {
	border: 0;
	border-top: 1px solid #dee2e6;
	padding: 0.75rem;
	text-align: left;
	vertical-align: top;
}
thead th {
	color: var(--color-brand-primary);
	border-bottom: 2px solid #dee2e6;
	text-align: left;
	vertical-align: bottom;
}
thead tr, 
thead th {
	border-top: none;
}
tbody th, 
tbody td {
	font-weight: 400;
	font-weight: 300;
}
tbody th {
	color: var(--color-brand-primary);	
}
tfoot td {
	border-top: 2px solid #dee2e6;
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
}

/* Rechenbeispiel */
.example th,
.example td {
	text-align: right
}
.example th:first-child,
.example td:first-child {
	text-align: left;
}


/* Rechenbeispiel Pricetable */
.ce_text:has('.pricetable') {
	border-radius: 12px;
}
.pricetable {
	border-width: 0;
}
.pricetable td,
.pricetable th {
	text-align: center;
}
.pricetable tr {
	border: 0;
}
.pricetable tbody tr {
	border-top: 1px solid var(--color-gray3);
}
.pricetable thead th:first-child, 
.pricetable tbody td:first-child,
.pricetable tfoot td:first-child {
	text-align: left;
}
.pricetable tbody tr:first-child {
	border-top: 0;
}
.pricetable thead th {
	font-size: 2.4rem;
	background: var(--color-gray3);
	padding: 1rem 2.5rem;
}
.pricetable thead th:first-child {
	padding-left: 0.75rem;
}
.pricetable thead th:nth-child(2),
.pricetable tbody td:nth-child(2) {
	background: var(--color-petrol3);
	color: #fff;
}
.pricetable tbody tr:first-child td {
	line-height: 1;
	padding: 1rem;
}
.pricetable tbody tr:first-child strong {
	display: block;
	font-size: 3rem;
	font-weight: 700;
	color: var(--color-petrol3);
}
.pricetable tfoot th {
	font-size: 1.8rem;
	padding: 1rem;
	background: var(--color-gray3);
	padding: 1rem 2.5rem;
}
.pricetable tfoot th:nth-child(2),
.pricetable tfoot td:nth-child(2) {
	background: var(--color-petrol3);
	color: #fff;	
}
.pricetable tfoot strong {
	display: inline-block;
}

.pricetable-box { }
.pricetable-box ul {
	list-style: none;
	color: var(--color-gray2);
	padding: 0;
}
.pricetable-box li {
	line-height: 1.2;
	margin: 0;
	padding: 1rem 0;
	border-bottom: 1px solid var(--color-gray3);
}
.pricetable-box li:before {
	display: none;
}
.pricetable-box strong {
	display: block;
	font-weight: 400;
	font-size: 3rem;
	color: var(--color-gray1);
}
.pricetable-box li:first-child strong {
	font-size: 3rem;
}
.pricetable-box-hilite { background: var(--color-petrol3); color: #fff; }
.pricetable-box-hilite strong,
.pricetable-box-hilite ul { color: #fff; }
.pricetable-box-hilite li { border-color: #ffffff78; } 

/* Forms */
.ce_form {}

/* Various */
hr {
	border: 0;
	margin: 2rem 0;
	height: 0;
	border-top: 1px solid var(--base-border-color);
}

.toplink--hide .toplink {
	display: none;
}

/* highlights */
.highlight, 
.marker{
		font-style: normal;
		margin: 0 -0.4em;
		padding: 0.1em 0.4em;
		border-radius: 0.8em 0.3em;
		background: transparent;
		background-image: linear-gradient(
		to right,
		rgba(255, 225, 0, 0.1),
		rgba(255, 225, 0, 0.7) 4%,
		rgba(255, 225, 0, 0.3)
	);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
}

/* Accordion */
.ce_accordion,
.mod_faqpage section {
	margin-bottom: 1.5rem;
	box-shadow: 0 0 2px rgba(0,0,0,0.0);
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	overflow: hidden;
}
.ce_accordion:last-of-type,
.mod_faqpage section:last-of-type {
	margin-bottom: 3rem;
}
.ce_accordion.last-of-type--0,
.mod_faqpage section.last-of-type--0 {
	margin-bottom: 0 !important;
}
.ce_accordion.last-of-type--15,
.mod_faqpage section.last-of-type--15 {
	margin-bottom: 1.5rem !important;
}
.ce_accordion:hover,
.mod_faqpage section:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media screen and (min-width: 34.375em) {
	.ce_accordion,
	.mod_faqpage section {
		border-radius: var(--base-border-radius);
	}
}

.ce_accordion + .ce_accordion,
.mod_faqpage section + section {
	margin-top: -1px;
}
.ce_accordion .toggler,
.mod_faqpage section > h3 {
	padding: 1rem 3.5rem 1rem 1.5rem;
	border: 1px solid #cac1ba;
	background: var(--color-gray-lighter);
	border-color: var(--color-gray-light);
	border-bottom: 1px solid var(--color-gray-light);
	color: var(--color-text);
	font-size: 1.7rem;
	font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
	font-weight: 400;
	
	outline: none;
	margin: 0;
	position: relative;
	cursor: pointer;
	transition: color 0.3s ease;
	
	border: 0;
	background: #fff;
}
.ce_accordion .toggler:focus,
.ce_accordion .toggler.active,
.mod_faqpage section > h3:focus,
.mod_faqpage section > h3:active {
	border-bottom: 1px solid var(--color-gray-light);
	color: var(--color-petrol4);
}

@media screen and (min-width: 34.375em) {
	.ce_accordion .toggler,
	.mod_faqpage section > h3 {
		padding: 1.2rem 4.5rem 1.2rem 2.0rem;
	}
}
.ce_accordion .toggler .ui-icon,
.mod_faqpage section .ui-icon {
	position: absolute;
	right: 1rem;
	top: 1rem;
	display: inline-block;
	width: 24px;
	height: 24px;
	opacity: 0.7;
	transition: all .2s ease-in;
	background: transparent url(../../files/layout/images/toggle-inactive.png) no-repeat;
}
@media screen and (min-width: 34.375em) {
	.ce_accordion .toggler .ui-icon,
	.mod_faqpage section .ui-icon {
		right: 1.5rem;
		top: 1.2rem;
	}
}
.ce_accordion .toggler.active .ui-icon,
.ce_accordion .toggler.ui-state-active .ui-icon {
	background: transparent url(../../files/layout/images/toggle-active.png) no-repeat;
}
.ce_accordion .accordion,
.mod_faqpage .accordion {
	padding: 1rem 2rem 1rem 1.5rem;
	
	border: 0;
	background: #fff;
}
.accordion > div > h3 {
	margin-top: 1rem;
}
.accordion .info {
	margin-top: 1rem;
	color: var(--color-gray-medium);
}
.positions .ce_accordion .accordion {
	padding-top: 0;
}
.ce_accordion .accordion.ui-accordion-content-active {}
@media screen and (min-width: 34.375em) {
	.ce_accordion .accordion {
		padding: 2rem 3rem 2rem 2rem;
	}
}
.accordion table {
	margin-top: 1rem;
}

/** Akkordeon NEU - Contao 5.3 **/
.content-accordion,
.faq-accordion {
	margin-bottom: 3rem;
	border-bottom: 0;
}
.content-accordion :is(h1, h2, h3, h4, h5, h6).handorgel__header,
.faq-accordion :is(h1, h2, h3, h4, h5, h6).handorgel__header  {
	font-size: 1.7rem;
}
.handorgel__header {
	border: 0;
	overflow: visible;
}
.handorgel__content + .handorgel__header {
	margin-top: 1rem;
}
.handorgel__header button {
	padding: 1rem 3.5rem 1rem 1.5rem;

	background: #fff;
	border: 1px solid var(--color-gray-light1);
	border-radius: var(--base-border-radius);
	
	color: var(--color-text);
	font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	white-space: normal;

	outline: none;
	margin: 0;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-in;
}
.handorgel__header:not(.handorgel__header--open) button:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.handorgel__header--open button {
	color: var(--color-petrol4);
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.handorgel__header__button::before {
	position: absolute;
	right: 1rem;
	top: 1rem;
	display: inline-block;
	content: '';
	width: 24px;
	height: 24px;
	opacity: 0.7;
	transition: all .2s ease-in;
	background: transparent url(../../files/layout/images/toggle-inactive.png) no-repeat;
}
.handorgel__header--open .handorgel__header__button::before {
	background: transparent url(../../files/layout/images/toggle-active.png) no-repeat;
}

.handorgel__content {	
	border: 0;
	background-color: white;
}
.handorgel__content p:last-child {
	margin-bottom: 0;
}
.handorgel__content__inner {
	padding: 1rem 1.5rem 2rem;
}
.handorgel__content--open {
	border: 1px solid var(--color-gray-light1);
	border-top: 0;
	border-radius: var(--base-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
@media screen and (min-width: 34.375em) {
	.handorgel__header button {
		padding: 1.2rem 4.5rem 1.2rem 2.0rem;
	}
	.handorgel__header__button:before {
		right: 1.5rem;
		top: 1.2rem;
	}
	.handorgel__content__inner {
		padding: 2rem 3rem 2rem 2rem;
	}
}

/** FAQ Akkordeon CSS only **/
.faq-accordion {
	border: 1px solid ddd;
}

.faq-accordion section {
	margin: 0 0 1.5rem;
}

.faq-accordion input[type="checkbox"],
.faq-accordion input[type="radio"] {
	display: none;
}

.faq-accordion label {
	display: block;
	cursor: pointer;
	padding: 1rem 3.5rem 1rem 1.5rem;
	margin: 0;
	position: relative;

	color: var(--color-text);
	font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	white-space: normal;
	background: #fff;
}

.faq-accordion .faq-answer {
	background: white;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition:
		max-height 0.3s ease,
		opacity 0.3s ease;
	padding: 0;
}

.faq-accordion input[type="checkbox"]:checked ~ label,
.faq-accordion input[type="radio"]:checked ~ label,
.faq-accordion label.active {
	color: var(--color-petrol4);
}

.faq-accordion input[type="checkbox"]:checked ~ .faq-answer,
.faq-accordion input[type="radio"]:checked ~ .faq-answer {
	max-height: 1000px; /* ausreichend für meisten Inhalte */
	opacity: 1;
}
.faq-answer .rte {
	padding: 1rem 1.5rem 2rem;
	transition: padding 0.5s ease;
}
.faq-answer .rte p:last-child {
	margin-bottom: 0;
}

.faq-accordion label::after {
	position: absolute;
	right: 1rem;
	top: 1rem;
	display: inline-block;
	content: '';
	width: 24px;
	height: 24px;
	opacity: 0.7;
	background: transparent url(../../files/layout/images/toggle-inactive.png) no-repeat;
	/* transition: all .2s ease-in; */
	transition: transform 0.3s ease, content 0.3s ease;
}

/* Wenn das zugehörige input:radio aktiv ist, ersetze das + mit – */
.faq-accordion input[type="radio"]:checked + label::after {
	background: transparent url(../../files/layout/images/toggle-active.png) no-repeat;
}

@media screen and (min-width: 34.375em) {
	.faq-accordion label {
		padding: 1.2rem 4.5rem 1.2rem 2.0rem;
	}
	.faq-accordion label::after {
		right: 1.5rem;
		top: 1.2rem;
	}
	.faq-answer .rte {
		padding: 2rem 3rem 2rem 2rem;
	}
}


/* Colorbox / Lightbox */
#cboxOverlay {
	background: var(--color-gray1);
}

#cboxWrapper,#colorbox {
	overflow: visible
}

#colorbox [id="cboxLoadedContent"] {
	background: var(--color-gray1);
	border: none
}

#colorbox [id="cboxTitle"],#colorbox [id="cboxCurrent"] {
	font-size: 1.4rem;
	line-height: 1.5;
	top: -3rem;
	color: var(--color-gray3);
}

#colorbox [id="cboxClose"],#colorbox [id="cboxPrevious"],#colorbox [id="cboxNext"] {
	border-radius: 0;
	width: 3rem;
	height: 3rem;
	transition: background ease-in-out 0.2s
}

#colorbox [id="cboxClose"]:hover,#colorbox [id="cboxClose"]:focus-visible,#colorbox [id="cboxPrevious"]:hover,#colorbox [id="cboxPrevious"]:focus-visible,#colorbox [id="cboxNext"]:hover,#colorbox [id="cboxNext"]:focus-visible {
	background-color: var(--color-petrol5);
}

@media only screen and (min-width: 64rem) {
	#colorbox [id="cboxClose"],#colorbox [id="cboxPrevious"],#colorbox [id="cboxNext"] {
		width: 4rem;
		height: 4rem
	}
}

#colorbox [id="cboxPrevious"],#colorbox [id="cboxNext"] {
	margin-block-start:0;transform: translateY(-50%)
}

#colorbox [id="cboxClose"] {
	top: 0;
	right: 0;
	background: var(--color-gray1) url("../../files/layout/images/close-x.svg") center center no-repeat
}

#colorbox [id="cboxPrevious"] {
	left: 0;
	background: var(--color-gray1) url("../../files/layout/images/caret-left--white.svg") center center no-repeat;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem
}

#colorbox [id="cboxNext"] {
	right: 0;
	background: var(--color-gray1) url("../../files/layout/images/caret-right--white.svg") center center no-repeat;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem
}

/* Tabs */
.ce_tabs-nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0 !important;
	margin: 0 0;
}
.mod_article .ce_tabs-nav li {
	margin-bottom: 0;
}
.ce_tabs-nav a {
	padding: 1rem 2rem;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	color: var(--color-black);
	display: block;
}
.ce_tabs-nav li a:hover {
	background-color: var(--color-gray-lighter);
	color: var(--color-brand-primary);
}
.ce_tabs-nav li a.active-tab-nav {
	background-color: var(--color-brand-offwhite);
	border-bottom: 3px solid var(--color-brand-primary);
	color: var(--color-brand-primary);
}
.ce_tabs-nav li:not(:last-of-type) a {
	border-right: 0;
}
.ce_tabs-nav li:before {
	display: none;
}
.tab-content .tab-pane {
	display: none;
	border: 1px solid var(--color-gray-light);
	border-radius: var(--base-border-radius);
	border-top-left-radius: 0;
	padding: 2rem;
}
.tab-content .tab-pane.active-tab {
	display: block;
}

/* Tabs equal height */
.tabs-equalheight .tab-content {
	display: grid;
}
.tabs-equalheight .tab-content > .tab-pane {
	/* hide all the tabs to get equal heights */
	visibility: hidden; 
	display: block;
	grid-area: 1 / 1;		
}
.tabs-equalheight .tab-content > .tab-pane.active-tab {
	/* show a tab, and bring it to the top of the z-index stack */
	position: relative;
	visibility: visible;
	z-index: 10;	
}

/* Tabs toggle-style */
.tabs-toggled .ce_tabs {
	display: flex;
	flex-direction: column;
}
.tabs-toggled .ce_tabs-nav {
	display: inline-flex;
	justify-content: center;
	border-radius: calc( var(--base-border-radius) + 4px );
	margin: 0 auto;
	background: var(--color-gray4);
}
.tabs-toggled  .ce_tabs-nav li {
	background: transparent;
	padding: .42rem;
}
.tabs-toggled .ce_tabs-nav a {
	/* padding: 0.8rem 1.6rem; */
	padding: 0.6rem 1.2rem;
	text-decoration: none;
	border-bottom: 0;
}
.tabs-toggled .ce_tabs-nav li a:hover {
	background: transparent;
}
.tabs-toggled .ce_tabs-nav li a.active-tab-nav {
	background-color: var(--color-white);
	border: 0;
	border-radius: calc( var(--base-border-radius) + 2px );
	color: var(--color-black);
	box-shadow: var(--base-box-shadow);
}
.tabs-toggled .tab-content {
	display: grid;
}
.tabs-toggled .tab-content > .tab-pane {
	border-color: transparent;
	/* hide all the tabs to get equal heights */
	visibility: hidden; 
	display: block;
	grid-area: 1 / 1;	
}
.tabs-toggled .tab-content > .tab-pane.active-tab {
	/* show a tab, and bring it to the top of the z-index stack */
	position: relative;
	visibility: visible;
	z-index: 10;	
}
@media screen and (max-width: 34.375em) {
	.tabs-toggled .ce_tabs-nav { background: transparent; }
	.tabs-toggled .ce_tabs-nav li a {
		background: var(--color-gray4);
		margin: 3px;
		border-radius: calc( var(--base-border-radius) + 2px );
		border: 3px solid var(--color-gray4);
	}
	.tabs-toggled .ce_tabs-nav li a.active-tab-nav {
		border: 3px solid var(--color-gray4);
	}
}


/* Tabs round */
.tabs-round .ce_tabs-nav {
	justify-content: center;
	margin: 2rem 0;
} 
.tabs-round .ce_tabs-nav li {
	padding: 0;
	margin: 0 1rem;
	text-align: center;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
	border-radius: 50%;
	box-sizing: border-box;
	height: 12rem;
	width: 12rem;
	background: transparent;
	border: 3px solid var(--color-gray-light);
}
.tabs-round .ce_tabs-nav li:has(.active-tab-nav) {
	background-color: var(--color-brand-offwhite);
	border-color: var(--color-brand-offwhite);
}
.tabs-round .ce_tabs-nav a {
	border: none;
	line-height: 1;
	background: transparent !important;
}
.tabs-round .ce_tabs-nav li a.active-tab-nav {
	border: none;
	background: transparent !important;
}
.tabs-round .tab-content .tab-pane {
	border: none;
}

/* Tabs timeline style / process style */
@media screen and (min-width: 48em) {
	.tabs-process .ce_tabs-nav li {
		margin: 0 2.5rem;
	}
	.tabs-process .ce_tabs-nav li::before {
		display: inline-block;
		content: '';
		height: 20px;
		width: 20px;
		position: absolute;
		left: 5px;
		top: 50%;
		transform: translate(-20px, -11px);
		background: transparent url("../../files/layout/images/list.png") center center no-repeat;
		background-size: contain;
	}
	.tabs-process .ce_tabs-nav li:first-child::before {
		display: none;
	}
	.tabs-process .ce_tabs-nav li::after {
		display: inline-block;
		content: '';
		height: 2px;
		width: 5rem;
		position: absolute;
		right: -2px;
		transform: translateX(5rem);
		background: transparent;
		border-top: 2px dashed gainsboro;
	}
	.tabs-process .ce_tabs-nav li:last-child::after {
		display: none;
	}
}

/** 
  LESS-SPACE 
 
  less-space is a responsive css positioning classses independent of Bootstrap built with Less 
  github url: http://https://github.com/Eomerx/less-space 
 */
.xs-p-50 {
  padding: 50px;
}
.xs-pt-50 {
  padding-top: 50px;
}
.xs-pl-50 {
  padding-left: 50px;
}
.xs-pr-50 {
  padding-right: 50px;
}
.xs-pb-50 {
  padding-bottom: 50px;
}
.xs-m-50 {
  margin: 50px;
}
.xs-mt-50 {
  margin-top: 50px;
}
.xs-ml-50 {
  margin-left: 50px;
}
.xs-mr-50 {
  margin-right: 50px;
}
.xs-mb-50 {
  margin-bottom: 50px;
}
.xs-p-40 {
  padding: 40px;
}
.xs-pt-40 {
  padding-top: 40px;
}
.xs-pl-40 {
  padding-left: 40px;
}
.xs-pr-40 {
  padding-right: 40px;
}
.xs-pb-40 {
  padding-bottom: 40px;
}
.xs-m-40 {
  margin: 40px;
}
.xs-mt-40 {
  margin-top: 40px;
}
.xs-ml-40 {
  margin-left: 40px;
}
.xs-mr-40 {
  margin-right: 40px;
}
.xs-mb-40 {
  margin-bottom: 40px;
}
.xs-p-30 {
  padding: 30px;
}
.xs-pt-30 {
  padding-top: 30px;
}
.xs-pl-30 {
  padding-left: 30px;
}
.xs-pr-30 {
  padding-right: 30px;
}
.xs-pb-30 {
  padding-bottom: 30px;
}
.xs-m-30 {
  margin: 30px;
}
.xs-mt-30 {
  margin-top: 30px;
}
.xs-ml-30 {
  margin-left: 30px;
}
.xs-mr-30 {
  margin-right: 30px;
}
.xs-mb-30 {
  margin-bottom: 30px;
}
.xs-p-20 {
  padding: 20px;
}
.xs-pt-20 {
  padding-top: 20px;
}
.xs-pl-20 {
  padding-left: 20px;
}
.xs-pr-20 {
  padding-right: 20px;
}
.xs-pb-20 {
  padding-bottom: 20px;
}
.xs-m-20 {
  margin: 20px;
}
.xs-mt-20 {
  margin-top: 20px;
}
.xs-ml-20 {
  margin-left: 20px;
}
.xs-mr-20 {
  margin-right: 20px;
}
.xs-mb-20 {
  margin-bottom: 20px;
}
.xs-p-15 {
  padding: 15px;
}
.xs-pt-15 {
  padding-top: 15px;
}
.xs-pl-15 {
  padding-left: 15px;
}
.xs-pr-15 {
  padding-right: 15px;
}
.xs-pb-15 {
  padding-bottom: 15px;
}
.xs-m-15 {
  margin: 15px;
}
.xs-mt-15 {
  margin-top: 15px;
}
.xs-ml-15 {
  margin-left: 15px;
}
.xs-mr-15 {
  margin-right: 15px;
}
.xs-mb-15 {
  margin-bottom: 15px;
}
.xs-p-10 {
  padding: 10px;
}
.xs-pt-10 {
  padding-top: 10px;
}
.xs-pl-10 {
  padding-left: 10px;
}
.xs-pr-10 {
  padding-right: 10px;
}
.xs-pb-10 {
  padding-bottom: 10px;
}
.xs-m-10 {
  margin: 10px;
}
.xs-mt-10 {
  margin-top: 10px;
}
.xs-ml-10 {
  margin-left: 10px;
}
.xs-mr-10 {
  margin-right: 10px;
}
.xs-mb-10 {
  margin-bottom: 10px;
}
.xs-p-5 {
  padding: 5px;
}
.xs-pt-5 {
  padding-top: 5px;
}
.xs-pl-5 {
  padding-left: 5px;
}
.xs-pr-5 {
  padding-right: 5px;
}
.xs-pb-5 {
  padding-bottom: 5px;
}
.xs-m-5 {
  margin: 5px;
}
.xs-mt-5 {
  margin-top: 5px;
}
.xs-ml-5 {
  margin-left: 5px;
}
.xs-mr-5 {
  margin-right: 5px;
}
.xs-mb-5 {
  margin-bottom: 5px;
}
.xs-p-0 {
  padding: 0px;
}
.xs-pt-0 {
  padding-top: 0px;
}
.xs-pl-0 {
  padding-left: 0px;
}
.xs-pr-0 {
  padding-right: 0px;
}
.xs-pb-0 {
  padding-bottom: 0px;
}
.xs-m-0 {
  margin: 0px;
}
.xs-mt-0 {
  margin-top: 0px;
}
.xs-ml-0 {
  margin-left: 0px;
}
.xs-mr-0 {
  margin-right: 0px;
}
.xs-mb-0 {
  margin-bottom: 0px;
}
@media (min-width: 480px) {
  .sm-p-50 {
    padding: 50px;
  }
  .sm-pt-50 {
    padding-top: 50px;
  }
  .sm-pl-50 {
    padding-left: 50px;
  }
  .sm-pr-50 {
    padding-right: 50px;
  }
  .sm-pb-50 {
    padding-bottom: 50px;
  }
  .sm-m-50 {
    margin: 50px;
  }
  .sm-mt-50 {
    margin-top: 50px;
  }
  .sm-ml-50 {
    margin-left: 50px;
  }
  .sm-mr-50 {
    margin-right: 50px;
  }
  .sm-mb-50 {
    margin-bottom: 50px;
  }
  .sm-p-40 {
    padding: 40px;
  }
  .sm-pt-40 {
    padding-top: 40px;
  }
  .sm-pl-40 {
    padding-left: 40px;
  }
  .sm-pr-40 {
    padding-right: 40px;
  }
  .sm-pb-40 {
    padding-bottom: 40px;
  }
  .sm-m-40 {
    margin: 40px;
  }
  .sm-mt-40 {
    margin-top: 40px;
  }
  .sm-ml-40 {
    margin-left: 40px;
  }
  .sm-mr-40 {
    margin-right: 40px;
  }
  .sm-mb-40 {
    margin-bottom: 40px;
  }
  .sm-p-30 {
    padding: 30px;
  }
  .sm-pt-30 {
    padding-top: 30px;
  }
  .sm-pl-30 {
    padding-left: 30px;
  }
  .sm-pr-30 {
    padding-right: 30px;
  }
  .sm-pb-30 {
    padding-bottom: 30px;
  }
  .sm-m-30 {
    margin: 30px;
  }
  .sm-mt-30 {
    margin-top: 30px;
  }
  .sm-ml-30 {
    margin-left: 30px;
  }
  .sm-mr-30 {
    margin-right: 30px;
  }
  .sm-mb-30 {
    margin-bottom: 30px;
  }
  .sm-p-20 {
    padding: 20px;
  }
  .sm-pt-20 {
    padding-top: 20px;
  }
  .sm-pl-20 {
    padding-left: 20px;
  }
  .sm-pr-20 {
    padding-right: 20px;
  }
  .sm-pb-20 {
    padding-bottom: 20px;
  }
  .sm-m-20 {
    margin: 20px;
  }
  .sm-mt-20 {
    margin-top: 20px;
  }
  .sm-ml-20 {
    margin-left: 20px;
  }
  .sm-mr-20 {
    margin-right: 20px;
  }
  .sm-mb-20 {
    margin-bottom: 20px;
  }
  .sm-p-15 {
    padding: 15px;
  }
  .sm-pt-15 {
    padding-top: 15px;
  }
  .sm-pl-15 {
    padding-left: 15px;
  }
  .sm-pr-15 {
    padding-right: 15px;
  }
  .sm-pb-15 {
    padding-bottom: 15px;
  }
  .sm-m-15 {
    margin: 15px;
  }
  .sm-mt-15 {
    margin-top: 15px;
  }
  .sm-ml-15 {
    margin-left: 15px;
  }
  .sm-mr-15 {
    margin-right: 15px;
  }
  .sm-mb-15 {
    margin-bottom: 15px;
  }
  .sm-p-10 {
    padding: 10px;
  }
  .sm-pt-10 {
    padding-top: 10px;
  }
  .sm-pl-10 {
    padding-left: 10px;
  }
  .sm-pr-10 {
    padding-right: 10px;
  }
  .sm-pb-10 {
    padding-bottom: 10px;
  }
  .sm-m-10 {
    margin: 10px;
  }
  .sm-mt-10 {
    margin-top: 10px;
  }
  .sm-ml-10 {
    margin-left: 10px;
  }
  .sm-mr-10 {
    margin-right: 10px;
  }
  .sm-mb-10 {
    margin-bottom: 10px;
  }
  .sm-p-5 {
    padding: 5px;
  }
  .sm-pt-5 {
    padding-top: 5px;
  }
  .sm-pl-5 {
    padding-left: 5px;
  }
  .sm-pr-5 {
    padding-right: 5px;
  }
  .sm-pb-5 {
    padding-bottom: 5px;
  }
  .sm-m-5 {
    margin: 5px;
  }
  .sm-mt-5 {
    margin-top: 5px;
  }
  .sm-ml-5 {
    margin-left: 5px;
  }
  .sm-mr-5 {
    margin-right: 5px;
  }
  .sm-mb-5 {
    margin-bottom: 5px;
  }
  .sm-p-0 {
    padding: 0px;
  }
  .sm-pt-0 {
    padding-top: 0px;
  }
  .sm-pl-0 {
    padding-left: 0px;
  }
  .sm-pr-0 {
    padding-right: 0px;
  }
  .sm-pb-0 {
    padding-bottom: 0px;
  }
  .sm-m-0 {
    margin: 0px;
  }
  .sm-mt-0 {
    margin-top: 0px;
  }
  .sm-ml-0 {
    margin-left: 0px;
  }
  .sm-mr-0 {
    margin-right: 0px;
  }
  .sm-mb-0 {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .md-p-50 {
    padding: 50px;
  }
  .md-pt-50 {
    padding-top: 50px;
  }
  .md-pl-50 {
    padding-left: 50px;
  }
  .md-pr-50 {
    padding-right: 50px;
  }
  .md-pb-50 {
    padding-bottom: 50px;
  }
  .md-m-50 {
    margin: 50px;
  }
  .md-mt-50 {
    margin-top: 50px;
  }
  .md-ml-50 {
    margin-left: 50px;
  }
  .md-mr-50 {
    margin-right: 50px;
  }
  .md-mb-50 {
    margin-bottom: 50px;
  }
  .md-p-40 {
    padding: 40px;
  }
  .md-pt-40 {
    padding-top: 40px;
  }
  .md-pl-40 {
    padding-left: 40px;
  }
  .md-pr-40 {
    padding-right: 40px;
  }
  .md-pb-40 {
    padding-bottom: 40px;
  }
  .md-m-40 {
    margin: 40px;
  }
  .md-mt-40 {
    margin-top: 40px;
  }
  .md-ml-40 {
    margin-left: 40px;
  }
  .md-mr-40 {
    margin-right: 40px;
  }
  .md-mb-40 {
    margin-bottom: 40px;
  }
  .md-p-30 {
    padding: 30px;
  }
  .md-pt-30 {
    padding-top: 30px;
  }
  .md-pl-30 {
    padding-left: 30px;
  }
  .md-pr-30 {
    padding-right: 30px;
  }
  .md-pb-30 {
    padding-bottom: 30px;
  }
  .md-m-30 {
    margin: 30px;
  }
  .md-mt-30 {
    margin-top: 30px;
  }
  .md-ml-30 {
    margin-left: 30px;
  }
  .md-mr-30 {
    margin-right: 30px;
  }
  .md-mb-30 {
    margin-bottom: 30px;
  }
  .md-p-20 {
    padding: 20px;
  }
  .md-pt-20 {
    padding-top: 20px;
  }
  .md-pl-20 {
    padding-left: 20px;
  }
  .md-pr-20 {
    padding-right: 20px;
  }
  .md-pb-20 {
    padding-bottom: 20px;
  }
  .md-m-20 {
    margin: 20px;
  }
  .md-mt-20 {
    margin-top: 20px;
  }
  .md-ml-20 {
    margin-left: 20px;
  }
  .md-mr-20 {
    margin-right: 20px;
  }
  .md-mb-20 {
    margin-bottom: 20px;
  }
  .md-p-15 {
    padding: 15px;
  }
  .md-pt-15 {
    padding-top: 15px;
  }
  .md-pl-15 {
    padding-left: 15px;
  }
  .md-pr-15 {
    padding-right: 15px;
  }
  .md-pb-15 {
    padding-bottom: 15px;
  }
  .md-m-15 {
    margin: 15px;
  }
  .md-mt-15 {
    margin-top: 15px;
  }
  .md-ml-15 {
    margin-left: 15px;
  }
  .md-mr-15 {
    margin-right: 15px;
  }
  .md-mb-15 {
    margin-bottom: 15px;
  }
  .md-p-10 {
    padding: 10px;
  }
  .md-pt-10 {
    padding-top: 10px;
  }
  .md-pl-10 {
    padding-left: 10px;
  }
  .md-pr-10 {
    padding-right: 10px;
  }
  .md-pb-10 {
    padding-bottom: 10px;
  }
  .md-m-10 {
    margin: 10px;
  }
  .md-mt-10 {
    margin-top: 10px;
  }
  .md-ml-10 {
    margin-left: 10px;
  }
  .md-mr-10 {
    margin-right: 10px;
  }
  .md-mb-10 {
    margin-bottom: 10px;
  }
  .md-p-5 {
    padding: 5px;
  }
  .md-pt-5 {
    padding-top: 5px;
  }
  .md-pl-5 {
    padding-left: 5px;
  }
  .md-pr-5 {
    padding-right: 5px;
  }
  .md-pb-5 {
    padding-bottom: 5px;
  }
  .md-m-5 {
    margin: 5px;
  }
  .md-mt-5 {
    margin-top: 5px;
  }
  .md-ml-5 {
    margin-left: 5px;
  }
  .md-mr-5 {
    margin-right: 5px;
  }
  .md-mb-5 {
    margin-bottom: 5px;
  }
  .md-p-0 {
    padding: 0px;
  }
  .md-pt-0 {
    padding-top: 0px;
  }
  .md-pl-0 {
    padding-left: 0px;
  }
  .md-pr-0 {
    padding-right: 0px;
  }
  .md-pb-0 {
    padding-bottom: 0px;
  }
  .md-m-0 {
    margin: 0px;
  }
  .md-mt-0 {
    margin-top: 0px;
  }
  .md-ml-0 {
    margin-left: 0px;
  }
  .md-mr-0 {
    margin-right: 0px;
  }
  .md-mb-0 {
    margin-bottom: 0px;
  }
  
  .md-mt-minus50 {
	  position: relative;
	  top: -50px;
  }
  .md-mt-minus100 {
	  position: relative;
	  top: -100px;
  }
  .md-mt-minus150 {
	  position: relative;
	  top: -150px;
  }
}
@media (min-width: 992px) {
  .xl-p-200 {
    padding: 200px;
  }
  .xl-pt-200 {
    padding-top: 200px;
  }
  .xl-pl-200 {
    padding-left: 200px;
  }
  .xl-pr-200 {
    padding-right: 200px;
  }
  .xl-pb-200 {
    padding-bottom: 200px;
  }
  .xl-m-200 {
    margin: 200px;
  }
  .xl-mt-200 {
    margin-top: 200px;
  }
  .xl-ml-200 {
    margin-left: 200px;
  }
  .xl-mr-200 {
    margin-right: 200px;
  }
  .xl-mb-200 {
    margin-bottom: 200px;
  }
  .xl-p-150 {
    padding: 150px;
  }
  .xl-pt-150 {
    padding-top: 150px;
  }
  .xl-pl-150 {
    padding-left: 150px;
  }
  .xl-pr-150 {
    padding-right: 150px;
  }
  .xl-pb-150 {
    padding-bottom: 150px;
  }
  .xl-m-150 {
    margin: 150px;
  }
  .xl-mt-150 {
    margin-top: 150px;
  }
  .xl-ml-150 {
    margin-left: 150px;
  }
  .xl-mr-150 {
    margin-right: 150px;
  }
  .xl-mb-150 {
    margin-bottom: 150px;
  }
  .xl-p-100 {
    padding: 100px;
  }
  .xl-pt-100 {
    padding-top: 100px;
  }
  .xl-pl-100 {
    padding-left: 100px;
  }
  .xl-pr-100 {
    padding-right: 100px;
  }
  .xl-pb-100 {
    padding-bottom: 100px;
  }
  .xl-m-100 {
    margin: 100px;
  }
  .xl-mt-100 {
    margin-top: 100px;
  }
  .xl-ml-100 {
    margin-left: 100px;
  }
  .xl-mr-100 {
    margin-right: 100px;
  }
  .xl-mb-100 {
    margin-bottom: 100px;
  }
  .lg-p-50 {
    padding: 50px;
  }
  .lg-pt-50 {
    padding-top: 50px;
  }
  .lg-pl-50 {
    padding-left: 50px;
  }
  .lg-pr-50 {
    padding-right: 50px;
  }
  .lg-pb-50 {
    padding-bottom: 50px;
  }
  .lg-m-50 {
    margin: 50px;
  }
  .lg-mt-50 {
    margin-top: 50px;
  }
  .lg-ml-50 {
    margin-left: 50px;
  }
  .lg-mr-50 {
    margin-right: 50px;
  }
  .lg-mb-50 {
    margin-bottom: 50px;
  }
  .lg-p-40 {
    padding: 40px;
  }
  .lg-pt-40 {
    padding-top: 40px;
  }
  .lg-pl-40 {
    padding-left: 40px;
  }
  .lg-pr-40 {
    padding-right: 40px;
  }
  .lg-pb-40 {
    padding-bottom: 40px;
  }
  .lg-m-40 {
    margin: 40px;
  }
  .lg-mt-40 {
    margin-top: 40px;
  }
  .lg-ml-40 {
    margin-left: 40px;
  }
  .lg-mr-40 {
    margin-right: 40px;
  }
  .lg-mb-40 {
    margin-bottom: 40px;
  }
  .lg-p-30 {
    padding: 30px;
  }
  .lg-pt-30 {
    padding-top: 30px;
  }
  .lg-pl-30 {
    padding-left: 30px;
  }
  .lg-pr-30 {
    padding-right: 30px;
  }
  .lg-pb-30 {
    padding-bottom: 30px;
  }
  .lg-m-30 {
    margin: 30px;
  }
  .lg-mt-30 {
    margin-top: 30px;
  }
  .lg-ml-30 {
    margin-left: 30px;
  }
  .lg-mr-30 {
    margin-right: 30px;
  }
  .lg-mb-30 {
    margin-bottom: 30px;
  }
  .lg-p-20 {
    padding: 20px;
  }
  .lg-pt-20 {
    padding-top: 20px;
  }
  .lg-pl-20 {
    padding-left: 20px;
  }
  .lg-pr-20 {
    padding-right: 20px;
  }
  .lg-pb-20 {
    padding-bottom: 20px;
  }
  .lg-m-20 {
    margin: 20px;
  }
  .lg-mt-20 {
    margin-top: 20px;
  }
  .lg-ml-20 {
    margin-left: 20px;
  }
  .lg-mr-20 {
    margin-right: 20px;
  }
  .lg-mb-20 {
    margin-bottom: 20px;
  }
  .lg-p-15 {
    padding: 15px;
  }
  .lg-pt-15 {
    padding-top: 15px;
  }
  .lg-pl-15 {
    padding-left: 15px;
  }
  .lg-pr-15 {
    padding-right: 15px;
  }
  .lg-pb-15 {
    padding-bottom: 15px;
  }
  .lg-m-15 {
    margin: 15px;
  }
  .lg-mt-15 {
    margin-top: 15px;
  }
  .lg-ml-15 {
    margin-left: 15px;
  }
  .lg-mr-15 {
    margin-right: 15px;
  }
  .lg-mb-15 {
    margin-bottom: 15px;
  }
  .lg-p-10 {
    padding: 10px;
  }
  .lg-pt-10 {
    padding-top: 10px;
  }
  .lg-pl-10 {
    padding-left: 10px;
  }
  .lg-pr-10 {
    padding-right: 10px;
  }
  .lg-pb-10 {
    padding-bottom: 10px;
  }
  .lg-m-10 {
    margin: 10px;
  }
  .lg-mt-10 {
    margin-top: 10px;
  }
  .lg-ml-10 {
    margin-left: 10px;
  }
  .lg-mr-10 {
    margin-right: 10px;
  }
  .lg-mb-10 {
    margin-bottom: 10px;
  }
  .lg-p-5 {
    padding: 5px;
  }
  .lg-pt-5 {
    padding-top: 5px;
  }
  .lg-pl-5 {
    padding-left: 5px;
  }
  .lg-pr-5 {
    padding-right: 5px;
  }
  .lg-pb-5 {
    padding-bottom: 5px;
  }
  .lg-m-5 {
    margin: 5px;
  }
  .lg-mt-5 {
    margin-top: 5px;
  }
  .lg-ml-5 {
    margin-left: 5px;
  }
  .lg-mr-5 {
    margin-right: 5px;
  }
  .lg-mb-5 {
    margin-bottom: 5px;
  }
  .lg-p-0 {
    padding: 0px;
  }
  .lg-pt-0 {
    padding-top: 0px;
  }
  .lg-pl-0 {
    padding-left: 0px;
  }
  .lg-pr-0 {
    padding-right: 0px;
  }
  .lg-pb-0 {
    padding-bottom: 0px;
  }
  .lg-m-0 {
    margin: 0px;
  }
  .lg-mt-0 {
    margin-top: 0px;
  }
  .lg-ml-0 {
    margin-left: 0px;
  }
  .lg-mr-0 {
    margin-right: 0px;
  }
  .lg-mb-0 {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .xl-p-200 {
    padding: 200px;
  }
  .xl-pt-200 {
    padding-top: 200px;
  }
  .xl-pl-200 {
    padding-left: 200px;
  }
  .xl-pr-200 {
    padding-right: 200px;
  }
  .xl-pb-200 {
    padding-bottom: 200px;
  }
  .xl-m-200 {
    margin: 200px;
  }
  .xl-mt-200 {
    margin-top: 200px;
  }
  .xl-ml-200 {
    margin-left: 200px;
  }
  .xl-mr-200 {
    margin-right: 200px;
  }
  .xl-mb-200 {
    margin-bottom: 200px;
  }
  .xl-p-150 {
    padding: 150px;
  }
  .xl-pt-150 {
    padding-top: 150px;
  }
  .xl-pl-150 {
    padding-left: 150px;
  }
  .xl-pr-150 {
    padding-right: 150px;
  }
  .xl-pb-150 {
    padding-bottom: 150px;
  }
  .xl-m-150 {
    margin: 150px;
  }
  .xl-mt-150 {
    margin-top: 150px;
  }
  .xl-ml-150 {
    margin-left: 150px;
  }
  .xl-mr-150 {
    margin-right: 150px;
  }
  .xl-mb-150 {
    margin-bottom: 150px;
  }
  .xl-p-100 {
    padding: 100px;
  }
  .xl-pt-100 {
    padding-top: 100px;
  }
  .xl-pl-100 {
    padding-left: 100px;
  }
  .xl-pr-100 {
    padding-right: 100px;
  }
  .xl-pb-100 {
    padding-bottom: 100px;
  }
  .xl-m-100 {
    margin: 100px;
  }
  .xl-mt-100 {
    margin-top: 100px;
  }
  .xl-ml-100 {
    margin-left: 100px;
  }
  .xl-mr-100 {
    margin-right: 100px;
  }
  .xl-mb-100 {
    margin-bottom: 100px;
  }
  .xl-p-50 {
    padding: 50px;
  }
  .xl-pt-50 {
    padding-top: 50px;
  }
  .xl-pl-50 {
    padding-left: 50px;
  }
  .xl-pr-50 {
    padding-right: 50px;
  }
  .xl-pb-50 {
    padding-bottom: 50px;
  }
  .xl-m-50 {
    margin: 50px;
  }
  .xl-mt-50 {
    margin-top: 50px;
  }
  .xl-ml-50 {
    margin-left: 50px;
  }
  .xl-mr-50 {
    margin-right: 50px;
  }
  .xl-mb-50 {
    margin-bottom: 50px;
  }
  .xl-p-40 {
    padding: 40px;
  }
  .xl-pt-40 {
    padding-top: 40px;
  }
  .xl-pl-40 {
    padding-left: 40px;
  }
  .xl-pr-40 {
    padding-right: 40px;
  }
  .xl-pb-40 {
    padding-bottom: 40px;
  }
  .xl-m-40 {
    margin: 40px;
  }
  .xl-mt-40 {
    margin-top: 40px;
  }
  .xl-ml-40 {
    margin-left: 40px;
  }
  .xl-mr-40 {
    margin-right: 40px;
  }
  .xl-mb-40 {
    margin-bottom: 40px;
  }
  .xl-p-30 {
    padding: 30px;
  }
  .xl-pt-30 {
    padding-top: 30px;
  }
  .xl-pl-30 {
    padding-left: 30px;
  }
  .xl-pr-30 {
    padding-right: 30px;
  }
  .xl-pb-30 {
    padding-bottom: 30px;
  }
  .xl-m-30 {
    margin: 30px;
  }
  .xl-mt-30 {
    margin-top: 30px;
  }
  .xl-ml-30 {
    margin-left: 30px;
  }
  .xl-mr-30 {
    margin-right: 30px;
  }
  .xl-mb-30 {
    margin-bottom: 30px;
  }
  .xl-p-20 {
    padding: 20px;
  }
  .xl-pt-20 {
    padding-top: 20px;
  }
  .xl-pl-20 {
    padding-left: 20px;
  }
  .xl-pr-20 {
    padding-right: 20px;
  }
  .xl-pb-20 {
    padding-bottom: 20px;
  }
  .xl-m-20 {
    margin: 20px;
  }
  .xl-mt-20 {
    margin-top: 20px;
  }
  .xl-ml-20 {
    margin-left: 20px;
  }
  .xl-mr-20 {
    margin-right: 20px;
  }
  .xl-mb-20 {
    margin-bottom: 20px;
  }
  .xl-p-15 {
    padding: 15px;
  }
  .xl-pt-15 {
    padding-top: 15px;
  }
  .xl-pl-15 {
    padding-left: 15px;
  }
  .xl-pr-15 {
    padding-right: 15px;
  }
  .xl-pb-15 {
    padding-bottom: 15px;
  }
  .xl-m-15 {
    margin: 15px;
  }
  .xl-mt-15 {
    margin-top: 15px;
  }
  .xl-ml-15 {
    margin-left: 15px;
  }
  .xl-mr-15 {
    margin-right: 15px;
  }
  .xl-mb-15 {
    margin-bottom: 15px;
  }
  .xl-p-10 {
    padding: 10px;
  }
  .xl-pt-10 {
    padding-top: 10px;
  }
  .xl-pl-10 {
    padding-left: 10px;
  }
  .xl-pr-10 {
    padding-right: 10px;
  }
  .xl-pb-10 {
    padding-bottom: 10px;
  }
  .xl-m-10 {
    margin: 10px;
  }
  .xl-mt-10 {
    margin-top: 10px;
  }
  .xl-ml-10 {
    margin-left: 10px;
  }
  .xl-mr-10 {
    margin-right: 10px;
  }
  .xl-mb-10 {
    margin-bottom: 10px;
  }
  .xl-p-5 {
    padding: 5px;
  }
  .xl-pt-5 {
    padding-top: 5px;
  }
  .xl-pl-5 {
    padding-left: 5px;
  }
  .xl-pr-5 {
    padding-right: 5px;
  }
  .xl-pb-5 {
    padding-bottom: 5px;
  }
  .xl-m-5 {
    margin: 5px;
  }
  .xl-mt-5 {
    margin-top: 5px;
  }
  .xl-ml-5 {
    margin-left: 5px;
  }
  .xl-mr-5 {
    margin-right: 5px;
  }
  .xl-mb-5 {
    margin-bottom: 5px;
  }
  .xl-p-0 {
    padding: 0px;
  }
  .xl-pt-0 {
    padding-top: 0px;
  }
  .xl-pl-0 {
    padding-left: 0px;
  }
  .xl-pr-0 {
    padding-right: 0px;
  }
  .xl-pb-0 {
    padding-bottom: 0px;
  }
  .xl-m-0 {
    margin: 0px;
  }
  .xl-mt-0 {
    margin-top: 0px;
  }
  .xl-ml-0 {
    margin-left: 0px;
  }
  .xl-mr-0 {
    margin-right: 0px;
  }
  .xl-mb-0 {
    margin-bottom: 0px;
  }
}

/* Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
/* Brand Gray Tones */
 --color-gray1:             #0F2830;  /* Firefly */
 --color-gray2:             #526268;  /* Shuttle Grey */
 --color-gray3:             #E5EBF2;  /* Catskill White */
 --color-gray4:             #F5F9FA;  /* Aqua Haze */
 
 --color-black:             #000000;  /* Black */
 --color-white:        			#FFFFFF;  /* Surface */

 --color-gray:              #0F2830;  /* Firefly */
 --color-gray-dark:         #303030;
 --color-gray-medium:      	#7A747F;
 --color-gray-light1:      	#DDDDDD;
 --color-gray-light2:       #F2F2F2;

/* Primary brand colors */
 --color-brand-primary:       #0E5E6F;   /* Petrol Bright */
 --color-brand-primary-dark:  #0B4B59;   /* Deep Sea Green */
 --color-brand-primary-light: #0093AD;   /* Bondi Blue */
 --color-brand-offwhite:      #E9F6F9;   /* Aqua Spring */
 --color-brand-accent:		    #FFE8AE;   /* Creamy Yellow */
 --color-brand-accent-light:  #FFF5D1;   /* Barley White */
 --color-brand-accent-white:  #FFFBF0;   /* Neural Cream */

 --color-brand-interaction:		#F54A62;   /* Carnation Pink */

 --color-brand-highlight1:		#DEFF8C;   /* Lime Green */
 --color-brand-highlight2:		#AFF8C8;   /* Mint Green */
 
 /* Shades and tints - from dark to light */
 --color-petrol1:             #0B4B59;  /* Deep Sea Green */
 --color-petrol2:             #0E5E6F;  /* Petrol Bright */
 --color-petrol3:             #007286;  /* Blue Lagoon */
 --color-petrol4:             #0093AD;  /* Bondi Blue */
 --color-petrol5:             #62B5C7;  /* Fountain Blue */
 --color-petrol6:             #9CD5E2;  /* Morning Glory */
 --color-petrol7:             #D5F0F6;  /* Polar */
 --color-petrol8:             #E9F6F9;  /* Aqua Spring */


 --color-navigation-main--active: var(--color-brand-accent);
 
 --color-page-background:   var(--color-white);
 --color-text:              var(--color-gray1);
 --color-text--light:       var(--color-gray-light1);
 --color-links:             var(--color-brand-primary);
 --color-links-hover:       var(--color-brand-primary-dark);
 
 --base-spacing-unit:   		1rem;
 --base-border-radius:  		5px;
 --base-border-radius-large: 20px;
 --base-border-width:   		1px;
 --base-border-color:   		var(--color-gray3);
 --base-box-shadow:   			0 10px 35px rgba(0,0,0,0.05);
 --base-box-shadow-strong:  0 10px 40px 0 rgba(50, 50, 50, 0.25);
}

/*
  Break points
  .xs - mobile
  .sm - 34.375em 	- 550px
  .md - 48em 			- 768px
  .lg - 58.75em 	- 940px
  .xl - 68.75em 	- 1100px
  .xxl - 90em.    - 1440px
*/

@media screen and (min-width: 34.375em) {}
@media screen and (min-width: 48em) {}
@media screen and (min-width: 58.75em) {}
@media screen and (min-width: 68.75em) {}
@media screen and (min-width: 90em) {}

/* Backgrounds and Borders
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-offwhite { background: var(--color-brand-offwhite); }
.bg-white { background: var(--color-white); }
.bg-black {background: var(--color-black); }

.bg-dark, 
.bg-gray1 { background: var(--color-gray1); }
.bg-gray2 { background: var(--color-gray2); }
.bg-gray3 { background: var(--color-gray3); }
.bg-gray4 { background: var(--color-gray4); }

.bg-brand { background: var(--color-brand-primary); }
.bg-brand-light { background: var( --color-brand-primary-light); }
.bg-brand-dark { background: var(--color-brand-primary-dark); }
.bg-brand-offwhite { background: var(--color-brand-offwhite); }

.bg-accent { background-color: var(--color-brand-accent); }
.bg-accent-light { background-color: var(--color-brand-accent-light); }
.bg-accent-offwhite { background-color: var(--color-brand-accent-white); }

.bg-brand1,
.bg-petrol1 { background: var(--color-petrol1); }
.bg-brand2,
.bg-petrol2 { background: var(--color-petrol2); }
.bg-brand3,
.bg-petrol3 { background: var(--color-petrol3); }
.bg-brand4,
.bg-petrol4 { background: var(--color-petrol4); }
.bg-brand5,
.bg-petrol5 { background: var(--color-petrol5); }
.bg-petrol6 { background: var(--color-petrol6); }
.bg-petrol7 { background: var(--color-petrol7); }
.bg-petrol8 { background: var(--color-petrol8); }

.color-white, .color-white a,
.color-white h1, .color-white h2, 
.color-white h3, .color-white h4,
.color-white h5, .color-white h6,
.color-white figure figcaption { color: var(--color-white); }
.color-hilite { color: var(--color-brand-primary); }
.color-brand { color: var(--color-brand-primary); }
.color-accent { color: var(--color-brand-accent); }
.color-white a, .color-white a:hover,
.color-accent a, .color-accent a:hover { color: var(--color-brand-highlight2); }

.bg-brand-dark figure figcaption { color: var(--color-white); opacity: 0.8; }

.border { border: 1px solid var(--color-gray3); }
.border-top { border-top: 1px solid var(--color-gray3); }
.border-bottom { border-bottom: 1px solid var(--color-gray3); }

.border-radius {border-radius: var(--base-border-radius);}
.border-radius-large {border-radius: var(--base-border-radius-large);}

.ce_image.border,
.content-image.border,
.content-gallery.border-img { border: none; }
.ce_image.border img,
.content-image.border img,
.content-gallery.border-img img { border: 1px solid var(--color-gray3); }

.ce_image.border-radius img,
.content-image.border-radius img {border-radius: var(--base-border-radius);}
.ce_image.border-radius-large img,
.content-image.border-radius-large img {border-radius: var(--base-border-radius-large);}

/* Box Shadow */
.box-shadow {
  box-shadow: var(--base-box-shadow);
}
.box-shadow-strong {
  box-shadow: var(--base-box-shadow-strong);
}

.ce_image.box-shadow,
.ce_image.box-shadow-strong,
.content-image.box-shadow,
.content-image.box-shadow-strong {
  box-shadow: none;
}
.ce_image.box-shadow figure img,
.content-image.box-shadow img {
  box-shadow: var(--base-box-shadow);
}
.ce_image.box-shadow-strong figure img,
.content-image.box-shadow-strong img {
  box-shadow: var(--base-box-shadow-strong);
}
.ce_image.box-shadow.light,
.content-image.box-shadow.light {
   box-shadow: none;
}
.ce_image.box-shadow.light figcaption, 
.content-image.box-shadow.light figcaption {
  display: block;
  padding: 1rem 0;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: .05rem;
  color: var(--color-gray-medium);
}
.ce_image.box-shadow.light img,
.content-image.box-shadow.light img {
  box-shadow: var(--base-box-shadow-light);
}

/* Image overlay */
.overlay-hilite figure {
  position: relative;
}
.overlay-hilite figure a::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-brand-primary);
}
.overlay-multiply figure a::after {
  mix-blend-mode: multiply;
}
.overlay-softlight figure a::after {
  mix-blend-mode: soft-light;
}
.overlay-darken figure a::after {
  mix-blend-mode: darken;
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: auto;  
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media screen and (max-width: 34.375em) {
  html {
    scroll-padding-top: 80px;
  }
}
@media screen and (min-width: 34.375em) {
  html {
    scroll-padding-top: 110px;
  
  }
}
body {
  font-size: 1.7rem; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.5;
  font-weight: 400;

  /* simple font stack */
  font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;

  color: var(--color-text);
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media screen and (max-width: 34.375em) {
  body { 
    font-size: 1.6em;
    font-weight: 300; 
  }
  .ce_text p:first-child {
    margin-top: 0;
  }
}

body {
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; */
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1.8rem;
  font-weight: 700; 
}

h1, .h1 { font-size: 3.6rem; line-height: 1.1; } 
h2, .h2 { font-size: 2.8rem; line-height: 1.15; }
h3, .h3 { font-size: 2.4rem; line-height: 1.25; }
h4, .h4 { font-size: 2.0rem; line-height: 1.3; }
h5, .h5 { font-size: 1.8rem; line-height: 1.5; }
h6, .h6 { font-size: 1.6rem; line-height: 1.6; }

@media screen and (max-width: 479px) {
  h1, .h1 { }
  h2, .h2 { line-height: 1.2; }
  h3, .h3 { line-height: 1.2; }
}

p {
  margin-top: 0; 
}

.intro, .intro p,
.lead, .lead p {
  font-size: 2.0rem; 
}

.subtitle, .intro .subtitle,
.date, .info {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
}
.info {
  color: var(--color-gray2);
}

.subtitle {
  color: var(--color-brand-primary);
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#hero .subtitle {
  color: inherit;
}
.subtitle + h1,
.subtitle + h2,
.subtitle + h3,
.subtitle + :is(h1, h2, h3) {
  margin-top: 1.5rem;
}

@media screen and (min-width: 34.375em) {
  .product h1 /*,
  .mod_article h1:first-of-type*/ {
    font-size: 4.8rem;
  }
}

.minimal h1 { font-size: 3.6rem !important; }

.intro h1 + h2,
.intro h1 + .text_content h2,
.intro h1 + .rte h2,
.slogan, h2.slogan, h3.slogan {
  font-weight: 300;
}
.float_above + .text_content > h3,
.float_above + .rte > h3 {
  margin-top: 0;
}
h2.slogan, h3.slogan {
  font-size: 2.8rem !important;
  /* font-weight: 700; */
}

.ce_hero h1, .ce_hero h2, 
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 700; 
}
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em, h6 strong em,
h1 em strong, h2 em strong, h3 em strong, h4 em strong, h5 em strong, h6 em strong {
  font-style: normal;
  color: var(--color-petrol4);
}
.ce_hero h1,
.ce_hero h2 {
  font-size: 3.6rem;
  font-weight: 700;
}
.ce_hero h1 + h2 { font-size: 2.2rem; }
.ce_hero h1 {
  margin-bottom: 0;
}
.ce_hero h1 em,
.ce_hero h2 em {
  font-weight: 400;
}
.ce_hero .subtitle {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.ce_hero h1 + p {
  margin-top: 1.8rem;
}
.mod_newslist.border-top > h2,
.mod_newslist.mod_newslist--related > h2 {
  margin-bottom: 2rem;
}
.mod_newslist > h1 + .row {
  margin-top: 3rem;
}

/* Headline sizes */
.ce_headline.headline-size-xxlarge,
:is(h1, h2, h3, h4, h5, h6).headline-size-xxlarge,
.headline-size-xxlarge :is(h1, h2, h3, h4, h5, h6) { 
  font-size: 6rem;
}
.ce_headline.headline-size-xlarge,
:is(h1, h2, h3, h4, h5, h6).headline-size-xlarge,
.headline-size-xlarge :is(h1, h2, h3, h4, h5, h6) { 
  font-size: 4.8rem; 
}
.ce_headline.headline-size-large,
:is(h1, h2, h3, h4, h5, h6).headline-size-large,
.headline-size-large :is(h1, h2, h3, h4, h5, h6) { 
  font-size: 3.6rem; 
}
.ce_headline.headline-size-medium,
:is(h1, h2, h3, h4, h5, h6).headline-size-medium,
.headline-size-medium :is(h1, h2, h3, h4, h5, h6) { 
  font-size: 2.2rem; 
}
.ce_headline.headline-size-small,
:is(h1, h2, h3, h4, h5, h6).headline-size-small,
.headline-size-small :is(h1, h2, h3, h4, h5, h6),
.headline-size-small h1 span, .headline-size-small h2 span, .headline-size-small h3 span { 
  font-size: 1.8rem;
}
.ce_headline.headline-size-xsmall,
:is(h1, h2, h3, h4, h5, h6).headline-size-xsmall,
.headline-size-xsmall :is(h1, h2, h3, h4, h5, h6) { 
  font-size: 1.4rem;
}

@media screen and (min-width: 48em) {
  .ce_headline.md-headline-size-large,
  :is(h1, h2, h3, h4, h5, h6).md-headline-size-large,
  .md-headline-size-large :is(h1, h2, h3, h4, h5, h6) { 
    font-size: 3.6rem; 
  }
}
@media screen and (min-width: 58.75em) {
  .ce_headline.lg-headline-size-large,
  :is(h1, h2, h3, h4, h5, h6).lg-headline-size-large,
  .lg-headline-size-large :is(h1, h2, h3, h4, h5, h6) { 
    font-size: 3.6rem; 
  }
}
@media screen and (min-width: 68.75em) {
  .ce_headline.xl-headline-size-large,
  :is(h1, h2, h3, h4, h5, h6).xl-headline-size-large,
  .xl-headline-size-large :is(h1, h2, h3, h4, h5, h6) { 
    font-size: 3.6rem; 
  }
}
@media screen and (max-width: 34.375em) {
  .headline-size-xxlarge.ce_headline,
  .headline-size-xxlarge.content-headline,
  .headline-size-xxlarge h1, .headline-size-xxlarge h2, .headline-size-xxlarge h3,
  .headline-size-xxlarge h4, .headline-size-xxlarge h5, .headline-size-xxlarge h6 { font-size: 5rem; }
  .headline-size-xlarge.ce_headline,
  .headline-size-xlarge.content-headline,,
  .headline-size-xlarge h1, .headline-size-xlarge h2, .headline-size-xlarge h3,
  .headline-size-xlarge h4, .headline-size-xlarge h5, .headline-size-xlarge h6 { font-size: 4.2rem; }
}

.headline--hide .ce_headline,
.headline--hide .content-headline {
  display: none;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: var(--color-brand-primary-light); 
  text-decoration: none;
  transition: all ease-in-out 0.2s;
}
a:hover {
  color: var(--color-brand-primary); 
}
a.red {
  color: var(--color-brand-interaction); 
}

.mod_newsarchive h3 a,
.footer-nav a,
#subcontent a,
.mod_newslist .enclosure a { 
  color: var(--color-text);
  text-decoration: underline;
}

.mod_newsarchive h3 a:hover,
.footer-nav a:hover,
#subcontent a:hover,
.mod_newslist .enclosure a:hover { 
  color: var(--color-black); 
}

.mod_newslist h2,
.mod_newsarchive  h2 { 
  font-size: 2.4rem;
  margin: 0 0 2rem;
}
.mod_newslist .categories + h2,
.mod_newsarchive .categories + h2 { }
.mod_newslist h2 a,
.mod_newsarchive h2 a { text-decoration: none; }

.ce_text p a, .ce_text li a,
.btn-container p a, .btn-container > a {
  max-width: 100%;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#wrapper {
  background: var(--color-brand-primary);
}
#container,
.custom {
  background: #fff;
}
#topbar .inside,
#header .inside,
#hero .inside,
#main > .inside,
#subcontent .inside,
#footer-widgets .inside,
#footer .inside {
  margin-right: auto;
  margin-left: auto;
  position: relative;	
  
  max-width: 1280px; /*1240px*/
  padding: 20px;
}
.row.inside,
.article_inside,
.mod_breadcrumb .inside {
  margin-right: auto;
  margin-left: auto;
  position: relative;	
  
  max-width: 1280px;

  padding: 0 20px;
}

#topbar .inside,
#hero .inside {
  padding: 0 20px;
}
#hero > .inside,
#hero .inside .row.inside { padding: 0; }

@media screen and (max-width: 34.375em) {
  .fullwidth > div {
    padding: 0 20px;
  }
}

.inside,
.custom .inside { }
.mod_article,
.custom .inside > div { }

#wrapper {
  overflow: hidden;
}

/* article background
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Ext entfernt --- START */
.mod_article {
  position: relative;
}
.mod_article.has_img,
.mod_article.video {
  overflow: hidden;
}
.mod_article > div {
  z-index: 2;
}

#wrapper .mod_article .article_bg {}
#wrapper .mod_article.contain .article_bg .inside {
  min-height: auto;
  height: auto;
}
#wrapper .mod_article .article_bg img {}

#hero .article_bg.image > .inside {
  max-width: none;
  padding: 0;
}
/* Ext entfernt --- ENDE */


// Basisklasse für alle Artikel mit Hintergrundbild
.mod_article[class^="bg-img--"] {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.mod_article.bg-img--dticket {
  background: url("../../files/layout/images/bg/deutschlandticket-trenner.png") no-repeat top center;
}
.mod_article.bg-img--dienstrad {
  background: url("../../files/layout/images/bg/dienstrad-trenner.png") no-repeat top center;
}
.mod_article.bg-img--fitness {
  background: url("../../files/layout/images/bg/fitness-zuschuss-trenner.png") no-repeat top center;
}
.mod_article.bg-img--fitness-int {
  background: url("../../files/layout/images/bg/fitness-integration-trenner.png") no-repeat top center;
}
.mod_article.bg-img--mobi,
.mod_article.bg-img--mobility {
  background: url("../../files/layout/images/bg/mobilitaetsbudget-trenner.png") no-repeat top center;
}
.mod_article.bg-img--lunch {
  background: url("../../files/layout/images/bg/lunch-trenner.png") no-repeat top center;
}
.mod_article.bg-img--sachbezug,
.mod_article.bg-img--spend {
  background: url("../../files/layout/images/bg/sachbezug-trenner.png") no-repeat top center;
}
.mod_article.bg-img--relax {
  background: url("../../files/layout/images/bg/erholungsbeihilfe-trenner.png") no-repeat top center;
}
.mod_article.bg-img--fit {
  background: url("../../files/layout/images/bg/gesundheitsbonus-trenner.png") no-repeat top center;
}
.mod_article.bg-img--kita {
  background: url("../../files/layout/images/bg/kita-zuschuss-trenner.png") no-repeat top center;
}
.mod_article.bg-img--web {
  background: url("../../files/layout/images/bg/web-trenner.png") no-repeat top center;
}
.mod_article.bg-img--paket-lunch-web {
  background: url("../../files/layout/images/bg/paket-web-lunch-trenner.png") no-repeat top center;
}

.mod_article.bg-img--plattform {
  background: url("../../files/layout/images/bg/plattform-trenner.png") no-repeat top center;
}


/* Topbar
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
  padding: 1rem 0;
  transition: padding 0.2s ease-in-out;
  min-height: 90px;
  box-sizing: border-box;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
#header.stickytop {
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  -webkit-transform:translate3d(0,0,0);
  box-shadow: 0 1px 15px rgba(0,0,0,.1);
  transition: padding 1.0s ease-in-out;
}
#wrapper {
  padding-top: 87px;
  /* padding-top: 64px; */
}
.minimal #wrapper { 
  padding-top: 0;
  min-height: 100vh;
  background: var(--color-brand-accent-white);
}
.minimal #container {
  background: white;
}
.minimal #footer {
  background: var(--color-brand-accent-white);
}

@media only screen and ( max-width: 34.375em ) {
  #header {
    background: var(--color-brand-primary-dark);
    padding: 0;
    min-height: 65px;
  }
  #header .inside {
    width: auto;
    padding: 15px 20px;
  }
  #logo {
    max-width: 40%;
    margin: 0;
    height: auto;
    width: auto;
    
    position: relative;
    top: 4px;
  }
  #logo a {
    display: block;
    line-height: 1;
    margin: 0;
    padding: 0;
  }
  #logo img {
    border: 0;
    max-width: 100%;
    height: auto;
    line-height: 0;
  }
  #wrapper {
    padding-top: 65px;
  }
}

@media only screen and ( min-width: 34.735em ) {
  #header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  #header .inside {
    display: flex;
    flex-basis: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;   /* vertical align   */
  }
  #logo {
    display: block;
    margin-left: 0; 
    max-width: 175px;

    position: relative;
    top: 2px;
  }
  #logo a, #logo img {
    display: block;
    max-width: 100%;
  }
  .cta-termin {
    display: inline-block;
  }
  #header .cta-termin {
    margin: 0 0 0 1rem;
    line-height: 1;
    padding: 8px 16px 9px !important;
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 58.75em ) {
  /* .index #wrapper, 
  #wrapper {
    padding-top: 145px;
  } */
  #header {
    /* padding: 3rem 0; */
  }
  #header .inside {
    padding: 0 2rem;
    max-width: none;
  }
  #logo {
    display: inline-block;
    width: 25%;
  }
  /* new left aligned navigation with more space */
  .nav--main {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 68.75em) {
  #header .inside {
    padding: 0 3rem;
  }
}
@media only screen and ( min-width: 90em ) {
  #logo {	
  }
}

/* Navigation */
.nav--main {
  color: var(--color-brand-accent);
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;	
}
.nav--main ul {
  margin: 0;
  padding: 0;
}
.nav--main li {
  padding: 0;
  margin: 0 0.5rem;
  display: inline-block;
  position: relative;
}
.nav--main a,
.nav--main strong,
.nav--main span.folder {
  padding: 0.5rem 0.5rem;
  letter-spacing: 0;
  font-size: 1.6rem;
  color: var(--color-brand-accent);
  text-decoration: none;
  transition: all .5s ease-in-out;
}
.nav--main .active strong {
  font-weight: 700;
  color: var(--color-brand-accent);
}
.nav--main a:hover {
  color: var(--color-brand-accent);
}
.nav--main li.active > span,
.nav--main li.trail > a,
.nav--main li.trail > span {
  /* color: var(--color-brand-highlight2); */
  color: var(--color-brand-accent-light);
  /* color: var(--color-brand-accent); */
  
  text-decoration: underline;
  text-decoration-color: var(--color-brand-accent-light);
  text-underline-offset: 5px;
}

.nav--main .submenu > a::after,
.nav--main .submenu > strong::after,
.nav--main .submenu > span.folder::after {
  content: "\e800";
  color: #999;
  
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0 5px 0 6px;
  text-align: center;
  text-decoration: none;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nav--main .level_2 .submenu > a::after,
.nav--main .submenu > strong::after {
  content: "\e806";
}

/* min-width 1100px */
@media screen and (max-width: 68.75em) {
  
  .nav--main .submenu > a::after, 
  .nav--main .submenu > strong::after, 
  .nav--main .submenu > span.folder::after {
    display: none;
  }
  
}

.nav--main .kontakt > a::before,
.nav--main .kontakt > strong::before,
.nav--main .kontakt > .folder::before {
  content: "\e810";
  color: #999;
  
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin: 0 5px 0 0px;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  font-size: 110%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav--main .index {
  display: none;
}
.nav--main .cta-termin,
.nav--main .cta-termin--mobile {
  display: none !important;
}

.nav--main .level_2 {
  position: absolute;
  left: -1rem;
  top: 3rem;
  z-index: 10;
  text-align: left;
  background: var(--color-brand-primary-dark);
  width: auto;
  min-width: 240px;
  max-width: 275px;
  padding: 0 0;
  box-shadow: 0 2px 15px rgba(14, 94, 111, 0.2); 
}
/* disable line-break for parent nav items when child is active */
.nav--main .level_2 a.submenu {
  padding-right: .5rem;
}
.nav--main .level_2 a.submenu.trail {
  white-space: nowrap;
}

.nav--main .folder {
  cursor: pointer;
}
.nav--main .folder > .level_2  {
  max-height: none;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translateY(25px);
  
  box-shadow: 0 10px 30px rgba(34,34,34,.15);
  transition: 0.2s ease-in-out all;
  left: -1.5rem;
  top: 4rem;
}

/* active Submenu */
.nav--main .folder > .level_2.active {
  visibility: visible;
  max-height: none;
  transform: translateY(0);
  opacity: 1;
  overflow: visible;
}

.nav--main .level_2 li {
  display: block;
  margin: 0;
  margin-bottom: 0;
  position: relative;
}
.nav--main .level_2 a,
.nav--main .level_2 strong {
  display: block;
  padding: 0.2rem 2rem;
  border-bottom: 0px solid var(--color-brand-primary);
  border-radius: 0;
  text-transform: none;
  line-height: 1.5;
}
.nav--main .level_2 strong {
  font-weight: 700;
}
.nav--main .level_2 a:hover,
.nav--main .level_2 strong:hover {
  color: var(--color-brand-accent-light);
  background: var(--color-brand-primary-light);
}

/* Submenu .level_3 */
.nav--main .level_3 {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 10;
  text-align: left;
  background: var(--color-brand-primary-dark);
  width: auto;
  min-width: 225px;
  max-width: 275px;
  padding: 0 0;
  box-shadow: 0 2px 15px rgba(0,0,0,0.15);
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 10px);
  transition: all ease-in-out 0.3s;
}
.nav--main .level_2 li:hover > .level_3 {
  display: block;
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
@media only screen and ( min-width: 34.375em ) {
  /* .nav--main {
    display: block;
    width: 100%;
    overflow: visible;
  } */
}
@media only screen and ( max-width: 48em ) {
  .nav--main {
    display: none;
    visibility: hidden;
  }
  #header .cta-termin {
    display: none;
    visibility: hidden;
  }
}
@media only screen and ( min-width: 58.75em ) {
  .nav--main {
    display: inline-block;
    width: 80%;
    /* text-align: right; */
    vertical-align: top;
    overflow: visible;
    margin-left: 2rem;
    flex-grow: 1;
  }
  .nav--main a, .nav--main strong {
    padding: 1rem;
    display: block;
  }
  
  /* new left aligned navigation with more space */
  .nav--main ul.level_1 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    justify-items: flex-start;
    width: auto;
  }
  .nav--main li.icon-login {
    margin-left: auto;
  }
  .nav--main li.icon-user-add,
  .nav--main li.icon-thumbs-up {
    margin-left: auto;
  }
  .nav--main li.icon-login + li.icon-thumbs-up {
    margin-left: 0;
  }

  .nav--main .level_2 a,
  .nav--main .level_2 strong {
    padding: 0.8rem 2rem;
  }
}


/* Mobile menu */
#mmenu {
  border-right: 1px solid var(--base-border-color);
  box-shadow: var(--base-box-shadow-light);
}
@media screen and (min-width: 48em) {
  .mod_mmenu, #mmenu:not( .mm-menu ) {
    display: none;
  }
  
}
.menutoggle { display: none; flex: none; }
@media screen and (max-width: 48em) {
  .menutoggle {
    display: block;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 3rem;
    height: 3rem;
    text-indent: -9999px;
    font-size: 1em;
  }
  .menutoggle img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: var(--color-gray-light);
    opacity: 0.9;
    padding: 5px;
  }
  .main_nav {
    display: none;
    visibility: hidden;
  }
  
  li.cta-termin--mobile {}
  .mm-listitem.cta-termin--mobile a {
      display: inline-block;
      background: var(--color-brand-interaction);
      color: #fff ;
      
  }
}
@media screen and (max-width: 48em) {
  .menutoggle img {
    background: transparent;
    padding: 0;
  }
}

/* Breadcrumb Navigation */
.index .mod_breadcrumb,
.aufeinenblick .mod_breadcrumb {
  display: none;
}
@media only screen and ( min-width: 58.75em ) {
  .index .mod_breadcrumb {
    visibility: hidden;
    display: none;
  }
}

.mod_breadcrumb, 
#hero .mod_breadcrumb {
  position: relative;
  z-index: 2;
}
.breadcrumb, .mod_breadcrumb ul {
  width: 100%;
  padding: 1.5rem 0;
  margin: 0;
}
.mod_breadcrumb li {
  display: inline-block;
  margin: 0; 
  padding: 0; 
  font-size: 1.3rem;
  color: var(--color-gray-medium);
}
.mod_breadcrumb li a {
  text-decoration: none;
  /* text-decoration-color: var(--color-petrol3);
  text-underline-offset: 3px; */
}
.mod_breadcrumb li::before {
  content: '>';
  content: '\e802';
  display: inline-block;
  vertical-align: middle;
	color: var(--color-gray-medium);
  
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  
  display: inline-block;
  text-decoration: inherit;
  margin: 0 10px 0 5px;
  width: auto;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  position: relative;
  top: -1px;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod_breadcrumb li.active::before { 
    color: inherit;
}
.mod_breadcrumb li:first-child::before {
    display: none;
}
@media only screen and ( min-width: 58.75em ) {
  .breadcrumb, .mod_breadcrumb ul {
    padding: 1.5rem 0;
  }
}


/* Social Media */
.nav--social {
  display: flex;
  justify-content: flex-end;
}
.nav--social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav--social li {
  display: inline-block;
  margin: 0 0.5rem;
}
.nav--social li a {
  font-size: 0;
  display: block;
  background: var(--color-brand-primary);
  border-radius: var(--base-border-radius);
  color: var(--color-white);
  line-height: 1;
  padding: 1rem;
}
.nav--social li a:hover,
.nav--social li:focus {
  background: var(--color-brand-primary-dark);
}
.nav--social li a::after {
  background-image: none !important;
  color: var(--color-white) !important;
  display: block;
  font-family: "lof_icons";
  font-size: 24px;
  height: 24px !important;
  width: 24px !important;
  margin: 0 !important;
  text-align: center;
  vertical-align: middle;
}
.nav--social li a.linkedin::after { content: '\f318' !important; }
.nav--social li a.facebook::after { content: '\f30c' !important; }
.nav--social li a.instagram::after { content: '\f32d' !important; }
.nav--social li a.youtube::after { content: '\f16a' !important; }

@media only screen and ( max-width: 48em ) {
  .nav--social {
    justify-content: center;
  }
}
@media only screen and ( min-width: 58.75em ) {
  .nav--social {
    margin-top: -5rem;
    margin-bottom: 5rem;
  }
}


/* Hero 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#hero {
  position: relative;
  overflow: visible;
  overflow: hidden;
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
}
#hero img {
  display: block;
  width: 100%;
  height: auto;
}
#hero .mod_article:last-child {
  margin-bottom: -2rem;
}
#hero .mod_article:first-child {
  margin-bottom: 0 !important;
}

.ce_hero {
  margin-top: 4rem;
  margin-bottom: 4rem;
  color: var(--color-brand-accent);
}
@media only screen and ( min-width: 58.75em ) {
  .ce_hero { margin-top: 2rem; margin-bottom: 2rem; }
}
@media only screen and ( max-width: 34.275em ) {
  #hero { margin-bottom: 0; /* -4px hide unwanted space */ }
}

.ce_hero a { color: var(--color-brand-accent); } 
.ce_hero.color-white, .ce_hero.color-white a { color: var(--color-brand-accent); }
.ce_hero.color-brand, .ce_hero.color-brand a { color: var(--color-brand-primary); }
.ce_hero.color-black, .ce_hero.black-brand a  { color: var(--color-text); }

.ce_hero figure {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
}
.ce_hero img {
  display: block;
  width: 100%;
  height: auto;
  
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
  object-fit: cover;
  min-width: 100%;
}
.ce_hero figure::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background: var(--color-brand-primary);
  mix-blend-mode: darken; /* soft-light darken multiply color */
}
.ce_hero figure::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0; right: 0;
  background: #fff;
  z-index: 2;
  width: 100%;
  height: 5vw;
  clip-path: polygon(0% 100%, 100% 0px, 100% 100%, 0% 100%);  
}
.ce_hero .inside { }

@media only screen and (min-width: 58.75em) {
  .ce_hero {
    margin-top: 3rem;
    margin-bottom: 5vw;
  }
}

/* Scroll indicator */
@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }
}

.scroll-indic--link {
  animation: bounce 1s ease-out 3;

  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  z-index: 9;
  display: inline-block;
  width: 50px;
  margin-left: -25px;
  color: transparent;
  cursor: pointer;
  font-size: 0;
}
.scroll-indic--link span {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid var(--color-brand-accent);
  border-bottom: 1px solid var(--color-brand-accent);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

/* Subhero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.subhero {
  height: 75vh;
  margin-top: -5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.subhero .content-text {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 4rem;
  line-height: 1.1;
}
.subhero .content-text.size-large {
  font-weight: 700;
  font-size: 6rem;
}
.subhero .content-text p {
  margin: 2.5rem 0;
}

/* Typewriter effect */
.typewriter p {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: 2px solid var(--color-brand-accent); /* The typwriter cursor */
  padding-right: .5rem;
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: 0; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: var(--color-brand-accent); }
}


/* Footer Widgets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer {
  padding: 2rem 0;
  background: var(--color-brand-accent-light);
}
#footer .row {
  margin: 2rem 0;
}
#footer .row {
  margin-bottom: 5rem;
}
#footer {
  position: relative;
}

#footer .who {
  font-size: 1.8rem;
}
#footer .who {
  font-weight: 400;
}
#footer .who strong:first-child {
  font-size: 2.6rem;
}
#footer .who em {
  font-family: serif;
  font-weight: 400;
}

@media only screen and ( max-width: 34.375em ) {
  #footer { padding: 0; }
}

.cert, .trust {}
.cert .datev,
.cert .cybersec {
  display: inline-block;
  max-width: 150px;
}
.cert .datev img,
.cert .cybersec img {
  max-width: 150px;
}
.cert .kununu {
  display: inline-block;
}
.cert .kununu img {
  border: 0;
  background: #fff;
  mix-blend-mode: hard-light;
  border-radius: 5px;
}
@media only screen and ( max-width: 34.375em ) {
  .cert { text-align: center; margin-top: 2rem; }
  .cert, .trust { order: 10; }
  .cert .datev,
  .cert .cybersec { margin-left: 5px; margin-right: 5px; }
}

/* Sprunglink */
#toTop {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0; top: 25px;
  z-index: 10;
  display: block;
  margin: 0;
  padding: 0;
  border: 0px transparent;
  /* border-radius: var(--base-border-radius); */
  border-radius: 50%;
  box-shadow: var(--base-box-shadow-strong);
  text-indent: -10000px;
  background: var(--color-brand-primary) url("../../files/layout/images/up64.png") center center no-repeat;
  background-size: contain;
  outline: 0;
  cursor: pointer;
  /* mix-blend-mode: multiply; */
}
#toTop:hover {
  background-color: var(--color-brand-primary-dark);
}
#toTop:active {
  background-position: center 5px;
}
.mobile #toTop,
#toTop {
  position: fixed;
  top: auto;
  left: 1.0rem;
  bottom: 6.5rem;
}
.mobile #toTop:hover,
#toTop:hover {}

@media only screen and (min-width: 58.75em) {
  .js #toTop,
  #toTop { left: 1.0rem; }
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Footer Nav */
.footer--absolute {
  margin-bottom: 5rem;
  border-top: 1px solid var(--color-brand-accent);
  padding: 2rem 0 0;
}

.footer-nav {
  column-width: 180px;
}
.footer-nav .index {
  display: none; 
}
.footer-nav ul,
.footer-nav--bar ul {
  padding: 0;
  margin: 0;
  list-style: none outside;
}
.footer-nav .level_1 > li,
.footer-nav li.submenu {
  break-inside: avoid-column;
  page-break-inside: avoid; /* Firefox */
}
.footer-nav .level_1 > li > a,
.footer-nav .level_1 > li > strong {
}
.footer-nav a,
.footer-nav strong {
  text-decoration: none;
}
.footer-nav a:hover {
  text-decoration: underline;
}

.footer-nav--bar li {
  padding: 0;
  margin: 0 0rem;
  display: inline-block;
  position: relative;
}
.footer-nav--bar a,
.footer-nav--bar strong {
  padding: 0.2rem 1rem;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-brand-accent);
  text-decoration: none;
  transition: all .5s ease-in-out;
}
.footer-nav--bar .active strong {
  font-weight: 400;
  color: var(--color-text);
}
.footer-nav--bar a:hover,
.footer-nav--bar .active > span,
.footer-nav--bar .trail > a {
  color: var(--color-text);
}

@media only screen and (max-width: 34.375em) {
  .footer--absolute {
    border-top: 0;
    text-align: center;
  }
  .footer-nav a,
  .footer-nav strong {
    padding: 0.5rem 1rem 0.5rem 0;
    display: block;
  }
  
  .footer-nav--bar ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .footer-nav--bar ul li {
    margin: 0;
  }
  .footer-nav--bar a,
  .footer-nav--bar strong {
    padding: 0.5rem 1rem 0.5rem 0;
    display: block;
  }

}
@media only screen and ( min-width: 58.75em ) {
  .footer-nav--bar {
    text-align: right;
  }
}

/* Special Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.index #main { }

@media only screen and ( min-width: 58.75em ) {
  .img--half {
    position: relative;
    overflow: hidden !important;
  }
  .img--half .row.inside {
    position: static;
  }
  .img--half .ce_image {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
  }
  .img--half.img--half-right .ce_image { right: 0; left: 50%; }
  .img--half.img--half-left .ce_image { right: 50%; left: 0; }
  .img--half .ce_image figure {
    overflow: hidden;
  }
  .img--half .ce_image figure,
  .img--half .ce_image img {
    min-height: 100%;
    object-fit: cover;
    
    max-width: none;
    vertical-align: middle;
  }
  .img--half .ce_image img {
    min-width: 100%;
    object-position: bottom;
  }
  .img--half .row.inside {
    min-height: 25vw;
  }
}

.content--teaser {
  border: 0px solid var(--base-border-color);
  border-radius: var(--base-border-radius-large);
  box-shadow: var(--base-box-shadow);
  overflow: hidden;
}
.content--teaser .rte,
.content--teaser .text_content {
  padding: 2rem;	
}
.content--teaser .rte > h2,
.content--teaser .text_content > h2,
.content--teaser .rte > h3,
.content--teaser .text_content > h3 {
  margin-top: 0;	
}

.mod_newsarchive .content--teaser .rte h2 a,
.mod_newslist .content--teaser .rte h2 a,
.mod_newslist .content--teaser .text_content h2 a,
.mod_newsarchive .content--teaser .text_content .h2 a {
  color: var(--color-text);
}
.content--teaser h2 {
  font-size: 2.2rem;
}
.content--teaser > h3 {
  font-size: 2.2rem;
  padding: 1rem 2rem;
  margin: 0;
}
@media only screen and (min-width: 58.75em) {
  .content--teaser > h3 {
    padding: 1rem 3rem;
  }
}

.content--teaser figure,
.content--teaser img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 !important;
  line-height: 1;
}
.content--teaser.inline-img img {
  width: auto;
  display: inline-block;
}

.content--teaser.link-overlay {
  position: relative;
  padding-bottom: 4rem;
}
.content--teaser.link-overlay .rte {
  /* padding-top: 0; */
}
.content--teaser.link-overlay a {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 0;
}
.content--teaser.link-overlay a::before {
  content: attr(title);
  display: block;
  font-size: 1.7rem;
  text-decoration: underline;
  text-decoration-color: var(--color-brand-primary-light);
  text-underline-offset: 3px;
  
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
}
@media only screen and ( min-width: 58.75em ) {
  .content--teaser.link-overlay a::before {
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
  }
}
@media only screen and ( min-width: 58.75em ) {
  .content--teaser .rte,
  .content--teaser .text_content {
    padding: 3rem;
  }
}

.content--teaser-icon {
  padding: 2rem;
  box-shadow: none;
  background: var(--color-brand-accent-white);
}
.content--teaser-icon figure {
  /* aspect-ratio: 5 / 3;
  background: var(--color-gray5); */
  border-radius: 10px;
  display: flex;
  margin: 0 auto 2rem 0 !important;
}
.content--teaser-icon img {
  margin: auto !important;
  margin-left: 0 !important;
  max-width: 6.4rem;
  width: auto;
  background: var(--color-brand-accent);
  border-radius: 8px;
}
.content--teaser-icon .rte {
  padding: 0;
}
.content--teaser-icon a {
  color: var(--color-black);
  text-decoration: underline;
  text-decoration-color: var(--color-gray-medium);
  text-underline-offset: 3px;
}
.content--teaser-icon h2 {
  font-size: 2.2rem;
}

@media only screen and ( min-width: 58.75em ) {
  .content--teaser-icon {
    padding: 2.5rem;
  }
}

.app-icons .content--teaser {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.app-icons .content--teaser .rte,
.app-icons .content--teaser .text_content {
  padding: 0;
}
.app-icons .content--teaser figure {
  border-radius: 5px;
  display: block;
  margin: 0 0 2rem 0 !important;
  overflow: hidden;
  position: relative;
  
  flex-basis: content;
  flex-grow: 0;
}
.app-icons .content--teaser > h3 + figure {
  margin: 2rem 0 !important;
}
.app-icons .content--teaser > h3 {
  flex-basis: auto;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  font-size: 2rem;
  line-height: 1.1;
  padding: 0;
  position: relative;
}
.app-icons .content--teaser > h3::before {
  background: var(--color-brand-accent) no-repeat center center;
  background-size: contain;
  box-sizing: border-box;
  display: inline-block;
  content: ' ';
  border-radius: 5px;
  position: relative;
  height: 5rem;
  width: 5rem;
  margin: 0 1.6rem 0 0;
  padding: 2rem;
  vertical-align: middle;
}
.app-icons .content--teaser figure::after {
  background: var(--color-brand-accent) no-repeat center center;
  background-size: contain;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border-radius: 5px;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  height: 4.8rem;
  width: 4.8rem;
  padding: 2rem;
}
.app-icons .content--teaser > h3 + figure::after {
  display: none;
}
.app-icons .content--teaser.mobility figure::after,
.app-icons .content--teaser.mobility > h3::before {
  background-image: url(../../files/layout/images/icons/icon_mobility_black.svg);
}
.app-icons .content--teaser.lunch figure::after,
.app-icons .content--teaser.lunch > h3::before {
  background-image: url(../../files/layout/images/icons/icon_lunch_black.svg);
}
.app-icons .content--teaser.travel figure::after,
.app-icons .content--teaser.travel > h3::before {
  background-image: url(../../files/layout/images/icons/icon_travel_black.svg);
}
.app-icons .content--teaser.expenses figure::after,
.app-icons .content--teaser.expenses > h3::before {
  background-image: url(../../files/layout/images/icons/icon_expenses_black.svg);
}
.app-icons .content--teaser.fitrelax figure::after,
.app-icons .content--teaser.fitrelax > h3::before {
  background-image: url(../../files/layout/images/icons/icon_fit_relax_black.svg);
}
.app-icons .content--teaser.web figure::after,
.app-icons .content--teaser.web > h3::before {
  background-image: url(../../files/layout/images/icons/icon_web_black.svg);
}
.app-icons .content--teaser.calendar figure::after,
.app-icons .content--teaser.calendar > h3::before {
  background-image: url(../../files/layout/images/icons/icon_calendar_black.svg);
}
.app-icons .content--teaser.homework figure::after,
.app-icons .content--teaser.homework > h3::before {
  background-image: url(../../files/layout/images/icons/icon_home_work_black.svg);
}
.app-icons .content--teaser.spend figure::after,
.app-icons .content--teaser.spend > h3::before {
  background-image: url(../../files/layout/images/icons/icon_spend_black.svg);
}
.app-icons .content--teaser.sachbezug figure::after,
.app-icons .content--teaser.sachbezug > h3::before {
  background-image: url(../../files/layout/images/icons/icon_sachbezug_black.svg);
}
.app-icons .content--teaser.jobrad figure::after,
.app-icons .content--teaser.jobrad > h3::before {
  background-image: url(../../files/layout/images/icons/icon_jobrad_black.svg);
}

.app-icons .content--teaser.morebenefits figure::after,
.app-icons .content--teaser.morebenefits > h3::before {
  background-image: url(../../files/layout/images/icons/icon_more_black.svg);
}
.app-icons .content--teaser.congrats figure::after,
.app-icons .content--teaser.congrats > h3::before {
  background-image: url(../../files/layout/images/icons/icon_congrats_black.svg);
}
@media only screen and (min-width: 68.75em) {
  .app-icons .content--teaser img {
    /* min-height: 225px;
    object-fit: cover; */
    
    min-height: 150px;
    object-fit: cover;
    aspect-ratio: 5 / 3;
    
    outline: 1px solid blue;
  }
  .app-icons .content--teaser figure::after {
    bottom: 2.4rem;
    left: 2.4rem;
  }
}

.content--teaser-overlay {
  overflow: hidden;
}
.content--teaser-overlay {
  background: var(--color-brand-primary);
  border-radius: var(--base-border-radius);
  color: var(--color-white);
  padding: 2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: flex-end;
  flex-direction: column;
}
.content--teaser-overlay h2, 
.content--teaser-overlay p {
  color: var(--color-white);
  position: relative;
  z-index: 2;
  text-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.content--teaser-overlay h2, 
.content--teaser-overlay p {
  margin-bottom: 0;
}
.content--teaser-overlay p:last-child {
  position: static;
}
.content--teaser-overlay img {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
  height: auto; 
  width: 100%;
  max-width: 110%;
  filter: grayscale(100%);
}
.content--teaser-overlay a {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  color: var(--color-white);
  font-size: 0;
}
.content--teaser-overlay::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background: var(--color-brand-primary);
  opacity: 0.5;
  mix-blend-mode: multiply; /* soft-light darken multiply color */
}
.content--teaser-overlay.tile-1, .content--teaser-overlay.tile-1::after { background: var(--color-brand-primary-light); }
.content--teaser-overlay.tile-2, .content--teaser-overlay.tile-2::after { background: var(--color-brand-primary-light); }
.content--teaser-overlay.tile-3, .content--teaser-overlay.tile-3::after { background: var(--color-brand-primary-light); }

@media only screen and (min-width: 68.75em) {
  .content--teaser-overlay {
    padding: 3rem;
    min-height: 210px;
  }
}

.numbered {}
.number::before {
  content: '1';
  display: block;
  font-size: 6rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1rem;
}
.number.nr-1::before { content: '1'; }
.number.nr-2::before { content: '2'; }
.number.nr-3::before { content: '3'; }
.number.nr-4::before { content: '4'; }
.number.nr-5::before { content: '5'; }


.checklist-icon {
  border-radius: var(--base-border-radius-large);
  /* color: var(--color-brand-primary);	 */
  
  box-shadow: none !important;
  color: var(--color-brand-primary);
  background: var(--color-brand-accent-white);
}
.checklist-icon--inline {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  display: flex;
  margin-bottom: 2rem;
  align-items: center;
}
.checklist-icon--inline .text_content,
.checklist-icon--inline .rte { flex: 1 1 auto; }
.checklist-icon--inline.ce_text::before,
.checklist-icon--inline.content-text::before { margin-bottom: 0; }
.checklist-icon--inline p {
  max-width: 80%;
  margin: 0 auto;
}

.checklist.icon.small {
  font-size: 1.4rem;
  letter-spacing: .05rem;
  text-transform: uppercase;
}
.checklist-icon p {
  /* max-width: 220px; */
  max-width: 80%;
  margin: 0 auto;
}
.checklist-icon::before {
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  
  /* you can be more comfortable with increased icons size */
  font-size: 32px;
  
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: '\e811';
  background: var(--color-brand-accent);
  color: var(--color-brand-primary);
  mix-blend-mode: multiply; 
  width: auto;
  height: auto;
  margin: 0 auto 2rem;
  border-radius: 50%;
  padding: 1.4rem 1.5rem;
}
@media screen and ( max-width: 549px ) {
  .checklist-icon::before { margin: 0; }
}

/* Kunden */
.clients {}
.clients img {
  filter: grayscale(1);
  opacity: 0.8;
}

/* Testimonials */
.mod_recommendationlist > h1,
.mod_recommendationlist > h2,
.mod_recommendationlist > h3,
.mod_recommendationlist > h4,
.mod_recommendationlist > h5,
.mod_recommendationlist > h6 {
  grid-column: span 12 / span 12;
}
.testimonials {
  margin: 3rem 0;
}
.testimonial .layout_container > h4 {
  margin-top: 0.5rem;
}
.testimonial figure + .layout_container > h4 {
  margin-top: 2rem;
}
.ce_plenta_testimonial,
.testimonial_single {
  background: #fff url('../../files/layout/images/zitat-bg.png') no-repeat bottom center;
  padding: 2rem;
}
.testimonials .ce_plenta_testimonial,
.testimonials .testimonial_single {
  border: 1px solid gainsboro;
  border-radius: var(--base-border-radius);
}
.testimonials .ce_plenta_testimonial figure,
.testimonials .testimonial_single figure {
  margin-top: -10rem;
}
.ce_plenta_testimonial figure,
.testimonial_single figure {
  border-radius: 50%;	
  box-sizing: border-box;
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 10%);
  overflow: hidden;
  margin: 0 auto 3rem;
  padding: 0;
  width: 150px;
  height: 150px;
}
.ce_plenta_testimonial img,
.testimonial_single img {
  display: block;
}
.testimonial-text .company {
  font-weight: bold;
}
.testimonial-meta > * {
  display: block;
}
.testimonial-meta .company {
  color: var(--color-petrol4);
  margin: 0.5rem 0 1rem;
  font-size: 2.1rem;
  line-height: 1.2;
}
.testimonial-meta .name,
.testimonial-meta .department {
  color: var(--color-gray2);
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}
@media screen and (max-width: 34.375em) {
  .testimonials {
    margin: 2rem 0 0;
  }
  .testimonials .testimonial_single {
    margin-top: 8rem;
  }
}

/* Testimonials Inline-Layout */
.testimonials .ce_plenta_testimonial--inline,
.testimonial--inline {
  position: relative;
  padding: 0 0 0 120px;
  border: 0px;
  background: transparent;
}
.testimonials .ce_plenta_testimonial--inline figure,
.testimonial--inline figure {
  border-radius: 50%;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  box-shadow: none /*0px 10px 20px 0px rgb(0 0 0 / 10%)*/;
  border: 1px solid var(--color-gray3);
  overflow: hidden;
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  width: 100px;
  height: 100px;
}
.ce_plenta_testimonial--inline img,
.testimonial--inline img {
  display: block;
}
.ce_plenta_testimonial--inline .testimonial-text p,
.testimonial--inline .testimonial-text p {
  margin-bottom: 0;
}
.ce_plenta_testimonial--inline .testimonial-text p::before,
.testimonial--inline .testimonial-text p::before {
  content: "\201E";
  display: inline
}
.ce_plenta_testimonial--inline .testimonial-text p::after,
.testimonial--inline .testimonial-text p::after {
  content: "\201D";
  display: inline
}
.ce_plenta_testimonial--inline .name,
.ce_plenta_testimonial--inline .department,
.testimonial--inline .additional,
.testimonial--inline .department {
  display: inline;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.ce_plenta_testimonial--inline .company,
.testimonial--inline .company {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.ce_plenta_testimonial--inline .department::before,
.testimonial--inline .department::before {
  content: ' -';
  display: inline-block;
  margin: 0 0.5rem 0 0;
}

/* Kontakt-Box */
.kontakt-box {
  display: block !important;
  
  border: 1px solid gainsboro;
  border-radius: var(--base-border-radius);
  padding: 2rem;
  margin-top: 10rem;
}
.kontakt-box figure.float_above,
.kontakt-box.media--above figure {
  margin-top: -10rem;
}
.kontakt-box figure {
  display: block;
  
  border-radius: 50%;	
  box-sizing: border-box;
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 10%);
  overflow: hidden;
  margin: -10rem auto 3rem;
  padding: 0;
  width: 150px;
  height: 150px;
}
.kontakt-box img {
  display: block;
}
.bg-accent-offwhite .kontakt-box {
  border-color: white;
  background-color: white;
}
@media screen and (max-width: 34.375em) {
  .kontakt-box,
  .kontakt-box.media--above figure {
    margin-top: 0;
  }
}

/* Zitate */
.zitat {
  background: #fff url('../../files/layout/images/zitat-bg.png') no-repeat bottom center;
  text-align: center;
  padding: 4rem;
}

.zitat.zitat-left {
  color: var(--color-petrol4);
  text-align: left;
  padding: 2rem 0;
  background-image: none;
  position: relative;
}
.zitat.zitat-left::before {
  display: block;
  content: " ";
  position: absolute;
  z-index: 0;
  background: transparent url('../../files/layout/images/zitat-bg.png') no-repeat bottom center;
  top: -3rem;
  left: -3rem;
  width: 200px; 
  height: 125px;
}
.zitat.zitat-left .text_content {
  position: relative;
  z-index: 1;
}

.zitat p:last-child {
  margin-top: 3rem;
}
.zitat p:last-child em {
  color: var(--color-petrol4);
  font-style: normal;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.zitat figure {
  border-radius: 50%;
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 10%);
  overflow: hidden;
  
  margin: 0 auto 3rem;
  padding: 0;
  width: 70px; height: 70px;
}
.zitat figure img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 34.375em) {
  .zitat {
    padding: 1rem;
  }
}
 
/* Sektionen */	
.sektion-mobiformen {
  position: relative;
  background: var(--color-brand-accent);
  border-radius: var(--base-border-radius-large);
}
.sektion-mobiformen .ce_image {
  position: relative;
  margin-top: -6rem;
  margin-bottom: 3rem;
}
.sektion-mobiformen .text_content {
  line-height: 1.3;
}
@media only screen and (max-width: 34.375em) {
  .sektion-mobiformen .text_content { margin-top: -1rem; }
  .sektion-mobiformen .ce_image { margin-bottom: 0; }
}

.sektion-vorteile {
  background: var(--color-brand-primary-dark);
}
.sektion-vorteile * {
  color: var(--color-brand-accent);
}
/* .sektion-vorteile .numbered { font-size: 1.5rem; } */
.sektion-vorteile .number::before { color: var(--color-brand-primary-light); }
.sektion-vorteile h3 { margin-bottom: 0; }
@media only screen and (min-width: 58.75em) {
  .sektion-vorteile .ce_image img {
    max-width: 23vw;
    position: relative;
    left: -5vw;	
  }
}

/* Vorteile für Unternehmen */
.vorteile .tns-ovh {
  overflow: visible;
}
.vorteile .tns-slider .tns-item {
  vertical-align: top !important;
  padding: 1.5rem;
}

@media only screen and (min-width: 68.75em) {
  .vorteile .app-icons .content--teaser img {
    min-height: min-content;
    object-fit: cover;
    aspect-ratio: auto;
  }
}

.sektion-download {
  /* background: #E3E2E2; */
}

.sektion-datev {
  /* background: #2f9a99; */
  background-color: var(--color-brand-offwhite);
}

/* Sektion Karriere */
.karriere #hero {
  background: #1e687a;
}
.karriere .mod_breadcrumb, .teams .mod_breadcrumb { display: none; }
.karriere .text_content p + h1,
.karriere .text_content p + h2 { margin-top: -1rem; }
.sektion-teams img { border-radius: var(--base-border-radius-large); }

@media only screen and (max-width: 34.275em) {
  .karriere #vorteile img {
    margin-top: 2rem;
  }
  .karriere .icon-200 figure {
    height: 150px;
    display: block;
    text-align: center;
  }
  .karriere .icon-200 img {
    width: auto;
    object-fit: fill;
    height: 150px;
    display: inline-block;
    margin-left: -5rem;
  }
  #kontakt .icon-175 figure {
    display: block
  }
  .karriere #kontakt,
  .karriere #prozess {
    text-align: center;
  }
}

/* Hero Content */
/* Index Startseite */
.index .hero {}
/* .index .hero h1 { font-size: 4.4rem; } */
.index .hero .intro p { font-size: 2.2rem; }
.index .hero h2.slogan { font-size: 3rem !important; }
.hero-content {
  line-height: 1.35;
}
.hero-content .button {
  margin-top: 2rem;
}
#hero .hero-bg--image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}
#hero .hero-bg--image figure {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}
#hero .hero-bg--image img {
  max-width: none;
  object-fit: cover;
  height: -moz-available;
  height: -webkit-fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}

@media only screen and (max-width: 34.375em) {
  .index .hero {
    background-position: 90% center; 
    overflow: hidden;
  }
  .hero h1,
  .index .hero h1 {
    font-size: 4.2rem;
  }
  .hero-content {  }
  .hero-content .button {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .hero-content .button + .button {
    margin-top: 0;
  }
  #hero .hero-content + div {
    min-height: 10rem;
  }
  .hero-mockup {
    /* position: relative;
    top: -50vw;
    z-index: -1; */
    position: absolute;
    top: 65vw;
    z-index: -1;
    left: 2rem;
    right: 2rem;
    width: auto;
    height: auto;
  }
  /* .hero-mockup::after {
    content: 'Einfach. Sicher. Compliant.';
    display: block;
    font-size: 1.8rem;
    margin: 2rem 0 0;
  } */
  .hero-mockup figure::after {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(14,94,111,1), 20%, rgba(14,94,111,0))
  }
}
@media only screen and (min-width: 58.75em) {}
@media only screen and (min-width: 68.75em) {}

/* News
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mod_newsreader .layout_full {}
.mod_newsreader .layout_full .content-text + .content-text,
.mod_newsreader .layout_full .content-text + .content-gallery,
.mod_newsreader .layout_full .content-gallery + .content-text,
.mod_newsreader .layout_full .content-gallery + .content-gallery {
  padding-top: 2rem;
}
.mod_newsreader .layout_full .content-text h1,
.mod_newsreader .layout_full .content-text h2,
.mod_newsreader .layout_full .content-text h3,
.mod_newsreader .layout_full .content-text h4,
.mod_newsreader .layout_full .content-text h5,
.mod_newsreader .layout_full .content-text h6,
.mod_newsreader .layout_full .content-gallery h1,
.mod_newsreader .layout_full .content-gallery h2,
.mod_newsreader .layout_full .content-gallery h3,
.mod_newsreader .layout_full .content-gallery h4,
.mod_newsreader .layout_full .content-gallery h5,
.mod_newsreader .layout_full .content-gallery h6 {
  margin-top: 0;
}
@media only screen and (min-width: 48em) {}
  .mod_newsreader .layout_full {}
  .mod_newsreader .layout_full .content-text + .content-text,
  .mod_newsreader .layout_full .content-text + .content-gallery,
  .mod_newsreader .layout_full .content-gallery + .content-text,
  .mod_newsreader .layout_full .content-gallery + .content-gallery {
    padding-top: 3rem;
  }
}

/* Pagination / Kategorien Menue */
.mod_newscategories {}
.mod_newscategories ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mod_newscategories ul ul {
  padding-left: 25px;
}
.mod_newscategories:not(.mod_newscategories--tags) ul .benefits ul {
  padding-left: 20px;
}
.mod_newscategories ul li {
  margin: 0;
}
.mod_newscategories li a {
  display: block;
  padding: 3px 0;
  text-decoration: none;
}
.mod_newscategories li img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 28px;
  max-height: 28px;
  line-height: 1;
  vertical-align: bottom;
}
.mod_newscategories ul li::before {
  display: none;
}
.mod_newscategories .quantity {
  color: var(--color-gray-medium);
}

/* Tags */

/* tag-like element for highlighting content */
.tag {
    display: inline-block;
    background: var(--color-brand-accent);
    color: var(--color-brand-primary);
    font-size: 1.4rem;
    font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    padding: 5px 12px 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    border: 0;
    border-radius: var(--base-border-radius-large);
}

/* Kategorien Tags */
.mod_newscategories--tags {
  width: 100%;
  grid-column: span 12 / span 12;
  margin: 2rem 0 5rem;
  padding: 0.5rem 0 0;	
}
@media only screen and (max-width: 34.375em) {
    .mod_newscategories--tags {
      margin: 1rem 0 3rem;
    }
}
.mod_newscategories--tags h3 {
  margin: 0 0 2rem;
}
.mod_newslist + .mod_newscategories--tags {
  margin-top: 3rem;
}
.mod_newscategories--tags ul {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}
.mod_newscategories--tags ul ul {
  display: inline;
  padding-left: 0;
}
.mod_newscategories--tags li {
  display: inline;
}
.mod_newscategories--tags li img {
  display: none;
}
.mod_newscategories--tags li a,
.mod_newscategories--tags li strong {
  display: inline-block;
  background: var(--color-brand-accent);
  color: var(--color-brand-primary);
  font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  padding: 5px 12px 4px;
  margin: 0 1rem 1rem 0;
  text-decoration: none;
  border: 0;
  border-radius: var(--base-border-radius-large);
}
.mod_newscategories--tags li a:hover {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
}
.mod_newscategories--tags li strong.active {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
  font-weight: 400;
}
.mod_newscategories--tags li.reset {
    float: right;
}
.mod_newscategories--tags li a.reset,
.mod_newscategories--tags li strong.reset {
    background: var(--color-gray-light2);
    color: var(--color-gray2);
}
.mod_newscategories--tags li a.reset:hover {
    color: var(--color-gray1);
}

/* Kategorien im Post */
ul.categories {
  padding: 0;
  margin: 0 0 1rem;
}
.categories li {
  display: inline-block;
  position: relative;
}
.categories li a,
.categories li > span {
  background: var(--color-brand-accent);
  color: var(--color-brand-primary);
  border-radius: var(--base-border-radius-large);
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  padding: 5px 12px 4px;
  text-decoration: none;
  text-transform: uppercase;
}
.categories li:before { display: none; }
.categories li img,
.categories li figure {
  display: none;
}

/* Syndication */
.syndication {}


/* Pagination */
.pagination {
  width: 100%;
  grid-column: span 12 / span 12;
  margin: 0;
  padding: 2.5rem 0 0;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.mod_newslist .pagination {
  margin: 0 0 30px;
}
.pagination p {
  margin-bottom: 1.5rem;
}
.pagination ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination li {
  display: inline;
}
.pagination ul li::before { display: none; }
.pagination a,
.pagination span,
.pagination strong {
  display: inline-block;
  background: var(--color-brand-accent);
  border-radius: var(--base-border-radius-large);
  box-sizing: border-box;
  color: var(--color-brand-primary);
  font-weight: 400;
  margin: 0 0.8rem 0.8rem 0;
  text-decoration: none;
  
  min-width: 3.6rem;
  text-decoration: none;
  text-align: center;
  padding: 0.7rem 0;
}
.pagination a:hover,
.pagination .current,
.pagination span.active,
.pagination strong.active {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
  font-weight: 400;
}
.pagination li.first a,
.pagination li.last a,
.pagination li.next a,
.pagination li.previous a {
  border-radius: var(--base-border-radius-large);
  padding: 0.7rem 1.4rem;
}

/* Infinite Scroll */
.inf-scr-load-more-btn-container {
  display: block;
  padding: 30px 0;
  margin: 0;
}
.infinite,
.inf-scr-load-more-btn-inner {
  display: inline-block;
  background: var(--color-brand-accent);
  border-radius: var(--base-border-radius-large);
  box-sizing: border-box;
  cursor: pointer;

  color: var(--color-brand-primary);
  padding: 0.7rem 0;
  padding: 5px 12px 4px;
  margin: 0 0.8rem 0.8rem 0;

  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-decoration: none;
  text-transform: uppercase;
}
.inf-scr-loading-in-process-container {
  display: block;
  padding: 30px 0;
}

/* Newsteaser */
.teaser .layout_short {}
@media only screen and (min-width: 58.75em) {
  .teaser .layout_short { }
}

/* News List */
.mod_newslist {}

.mod_newslist .info,
.mod_newsarchive .info {
  margin: 2rem 0;
  color: var(--color-gray-medium);
}

.mod_newslist--presse {}
.mod_newslist--presse h2 {
  margin-bottom: 2rem;
}
/* News Leser */
.mod_newsreader .info {
  color: var(--color-gray-medium);
}
.mod_newsreader .info.estimated-reading-time {
  margin: 2rem 0;
}
.mod_newsreader h1 + h2 {
  color: var(--color-gray2);
  font-weight: 300;
  margin-bottom: 3rem;
}
.comment_count::before {
  border-left: 1px solid var(--color-gray-medium);
  content: "";
  display: inline-block;
  height: 1.4rem;
  margin: 0 1rem 0 0.8rem;
  position: relative;
  top: 2px;
  
  display: none;
}
.ce_comments h3 {
  margin: 3rem 0 2rem;
}

.presselinks .more {
  display: none;
}

/* Zusammenfassung Artikel */
.summary {
  border-radius: var(--base-border-radius);
  background: var(--color-petrol8);
  padding: 30px 30px 20px 30px;
  margin: 40px 0;
  position: relative;
}
.summary::after {
  display: block;
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: -1.5rem;
  top: 2rem;
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  content: '\F085';
  font-size: 6rem;
  line-height: 1;
  padding: 0;
  margin: 0;
  color: var(--color-brand-primary);
}
.summary h2, .summary h3 {
  padding-right: 2rem;
}

@media (max-width: 48rem) {
    .summary {
      padding: 20px 20px 10px;
    }
}


/* Lexikon
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lexikon-entry {}
.lexikon-entry .news_content > * {}
@media only screen and (min-width: 58.75em) {
  .lexikon-entry .news_content > * {}
}

/* Inhaltsverzeichnis
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ce_hofff_content_navigation {}
.ce_hofff_content_navigation.toc {
  background: #fff;
  padding: 2rem 2rem 1rem;
  margin: 3rem 0 4rem;
  border-radius: var(--base-border-radius);
  border: 1px solid var(--base-border-color);
}
.toc > h2,
.toc > h3 {
  margin-top: 0;
}
.ce_hofff_content_navigation.toc ul {
  list-style: decimal;
  margin-left: 1rem;
}
.ce_hofff_content_navigation.toc ul.level_2 {
  list-style: lower-alpha;
}
.ce_hofff_content_navigation.toc ul li::before {
  display: none;
}
.ce_hofff_content_navigation.toc li a br { display: none; }

/* Cookies
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Cookiebot */
#CybotCookiebotDialog label {
  display: inline-block;
}
div#CookieDeclarationUserStatusPanel {
  padding: 20px;
  background: var(--color-brand-accent-white);
}
.CookieDeclarationLastUpdated {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  color: var(--color-gray2);
}
.CookieDeclarationTableCell {
  border-bottom-color: #dee2e6 !important; 
}
.CookieDeclarationTable * {
  font-size: 1.5rem;
  line-height: 1.4;
}


#CybotCookiebotDialog, 
#CookiebotWidget-widgetContent {
  font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;
  color: var(--color-text);
}
button.CookiebotWidget-show-consent-details {
  color: var(--color-brand-primary-light) !important;
}
button#CookiebotWidget-btn-change {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--color-brand-primary-light) !important;
}

/* Cookiebar adjust */
@media (max-width: 34.375em) {
  .contao-cookiebar .cc-inner {
    padding: 15px;
  }
  .contao-cookiebar .cc-group .cc-detail-btn {
      line-height: 1;
      height: auto;
      display: block;
      position: relative;
      outline: 1px solid var(--color-gray-light);
      margin: 5px 10px 10px;
  }
  .contao-cookiebar .cc-group > label {
    margin-right: 10px;
  }
  .cc-footer .cc-btn {
    margin: 8px 0;
  }
  .contao-cookiebar .cc-info > a {
    display: inline-block;
    padding: 8px 0;
    font-size: 1.2rem;
  }
}
/* Cookiebox oveleon */
.contao-cookiebar .cc-inner {
  font-size: 1.5rem; 
  line-height: 1.4;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  color: var(--color-text);
}
.contao-cookiebar .cc-group {
  border: 1px solid var(--base-border-color);
  border-radius: var(--base-border-radius);
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
  border-radius: var(--base-border-radius);
}
.contao-cookiebar input + label::before {
  top: 3px; 
}
.contao-cookiebar input + label::after {
  top: 7px; 
}
.contao-cookiebar .cc-cookies > p,
.contao-cookiebar .cc-cookies .cc-cookie p, 
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info, 
.contao-cookiebar .cc-info > a,
.contao-cookiebar .cc-info > p {
  font-size: 1.4rem;
  color: var(--color-gray);
}
.contao-cookiebar .cc-btn {
  border: 1px solid var(--base-border-color);
  border-radius: 4px;
  color: var(--color-text);
  background: var(--color-gray-lighter);
  text-transform: uppercase;
}
.contao-cookiebar .cc-btn:hover {
  background: var(--color-gray-light); 
}
.contao-cookiebar .cc-btn.success,
.contao-cookiebar .highlight .cc-btn.success {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: var(--color-white);
}
.contao-cookiebar .cc-btn.success:hover,
.contao-cookiebar .highlight .cc-btn.success:hover {
  background: var(--color-brand-primary-dark);
  border-color: var(--color-brand-primary-dark);
}
/*.contao-cookiebar .cc-btn.save,
.contao-cookiebar .highlight .cc-btn.save {
  background: var(--color-gray);
  border-color: var(--color-gray);
  color: var(--color-white);
}
.contao-cookiebar .cc-btn.save:hover,
.contao-cookiebar .highlight .cc-btn.save:hover {
  background: var(--color-gray-dark);
  border-color: var(--color-gray-dark);
}*/
.contao-cookiebar .cc-btn.save,
.contao-cookiebar .highlight .cc-btn.save {
background: var(--color-white);
border-color: var(--base-border-color);
color: var(--color-text);
}
.contao-cookiebar .cc-btn.save:hover,
.contao-cookiebar .highlight .cc-btn.save:hover {
  background: var(--color-gray-light2);
}



  
.ccb-element-blocker {
  font-size: 1.6rem; 
  line-height: 1.4;
  font-weight: 400;
  font-family: Inter, Graphik, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  color: var(--color-text);
}

#chart + div {}
#chart .cc-module {
  text-align: center;
}
.cc-module .cc-icon {
  position: relative;
  width: 125px;
  height: 110px;
  margin: 0 auto 8px;
}
.cc-module .cc-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-position: center left;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../files/layout/images/cookiebar-default.png");
}

/* Suche */
.mod_search {}
.mod_search .header {
  font-size: 1.8rem;
  margin: 1rem 0;
}
.mod_search .widget-text {
  display: flex;
  margin: 0 0 2rem;
}
.mod_search .widget-text input {
  border-right: 0;
  display: inline-block;
  line-height: 25px;
  margin-bottom: 0;
  vertical-align: middle;
}
.mod_search button {
  background-color: #fff;	
  border: 1px solid var(--base-border-color);
  border-left: 0;
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
  padding: 5px 8px 3px;
}
.mod_search input[type="search"]:focus + button {
  border-color: var(--color-brand-primary);
}
.mod_search .widget-text button img {
  width: 35px;
}
.mod_search .info {
  color: var(--color-gray2);
  line-height: 1.4;
}
.mod_search .header strong,
.mod_search .highlight {
  background: var(--color-brand-accent-light);
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  margin: auto;
}
.mod_search .search_default {
  margin: 1rem 0 3rem 0;
  padding: 2rem 0 0;
}
.mod_search h3 {
  font-size: 1.8rem;
}
.mod_search h3 a {
  text-decoration: underline;
  text-decoration-color: var(--color-petrol3);
  text-underline-offset: 3px;
}
.mod_search .url {
  color: var(--color-gray-medium);
  padding: 1rem 0 0;
  border-top: 1px dotted var(--base-border-color)
}
.mod_search .relevance {
  color: var(--color-gray-medium);
  font-size: 1.5rem;
}
.mod_search .filesize {
  display: none;
}

/* Glossar */
.mod_glossary {}
.mod_glossary .grouplist {
  margin: 3rem 0;	
  padding: 0 0 2rem;
}
.mod_glossary ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod_glossary li::before {
  display: none;
}
.mod_glossary li {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0 0 1rem !important;
  padding: 0;
  text-align: center;
}
.mod_glossary li a,
.mod_glossary li span {
  border: 1px solid var(--color-gray3);
  border-left: 0px;
  display: inline-block;
  text-decoration: none;
  width: 1.5em;
}
.mod_glossary li:first-child {
  border-left: 1px solid var(--color-gray3);

}
.mod_glossary li a:hover,
.mod_glossary li a:focus {
  background-color: var(--color-gray4);
}
.mod_glossary li span {
  color: var(--color-gray3);
}
.mod_glossary .group {
  margin: 2.5rem 0;
}
.mod_glossary .letter {
  background: var(--color-gray4);
  border-radius: var(--base-border-radius);
  color: var(--color-gray2);

  background: var(--color-brand-accent);
  color: var(--color-brand-primary);

  display: inline-block;
  font-weight: bold;
  margin: 1rem 0 0.5rem;
  text-align: center;
  width: 1.5em;
  
  transform: translate(-3px, -3px) rotate(-5deg);
}
.glossary {
  margin: 3rem 0;
}

@media only screen and (min-width: 58.75em) {
  .mod_glossary .group {
    /* columns: 3;
    column-gap: 2rem;
    column-fill: balance; */
  }
  .mod_glossary .letter {
    /* column-span: all;
    display: block; */
  }
}

/* Timeline Facts */
.timeline-facts {}
.timeline-facts strong {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 3rem;
  color: var(--color-petrol4);
}

/* Partners */
/* Filtering partners */
ul.filter {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  padding: 0;
  margin: 3rem 0 3rem;
}
.filter li {
  display: inline;
}
.mod_article ul.filter li::before {
    display: none;
}
.filter li a {
  display: inline-block;
  background: var(--color-brand-offwhite);
  color: var(--color-brand-primary);
  padding: 5px 12px 4px;
  margin: 0 1rem 1rem 0;
  text-decoration: none;
  border: 0;
  border-radius: var(--base-border-radius-large);
}
.filter li a:hover {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
}
.filter li.current a,
.filter li a.active {
  background: var(--color-brand-primary);
  color: var(--color-brand-accent);
  font-weight: 400;
}

/* Partner List */
.partner { 
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.partner:hover { }

.scale-anm {
    transform: scale(1);
}

/* Button Container */
.btn-container {
  clear: both;
  display: flex;
  flex-direction: column;
}
.btn-container .button {
  align-self: center;
}		

.btn-container .float_right, 
.btn-container .float_left,
.btn-container .float_above,
.btn-container .float_below {
  margin: 0 auto;
  padding: 0;
}
.btn-container h1,
.btn-container h2,
.btn-container h3,
.btn-container h4 { 
  margin-top: 0;
}

@media only screen and (max-width: 549px) {
  .btn-container .button {
    margin-bottom: 2rem;
  }
  .btn-container .float_above {
    margin: 0 auto 2rem;
    padding: 0;
  }
  .btn-container .float_below {
    margin: 2rem auto 0;
    padding: 0;
  }		
}

@media only screen and (min-width: 550px) {

  .btn-container { }

  .btn-container h1,
  .btn-container h2,
  .btn-container h3,
  .btn-container h4 { 
    grid-area: 1 / 1 / 2 / 3;
  }

  .btn-container:has(.float_left),
  .btn-container:has(.media--left) {
    display: grid;
    grid-auto-columns: auto;
    grid-column-gap: 20px;
    grid-template-columns: minmax(min-content, max-content) minmax(min-content, 1fr);
    grid-template-rows: repeat(2, auto);
  }
  .btn-container:has(.float_right),
  .btn-container:has(.media--right) {
    display: grid;
    grid-auto-columns: auto;
    grid-column-gap: 20px;
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, max-content);
    grid-template-rows: repeat(2, auto);
  }
  .btn-container.content--teaser:has(.float_left),
  .btn-container.content--teaser:has(.float_left),
  .btn-container.content--teaser:has(.media--left),
  .btn-container.content--teaser:has(.media--left) {
    column-gap: 0;
  }
  .btn-container:has(.float_right) .text_content {
    grid-area: 2 / 1 / 3 / 2; 
  }
  .btn-container:has(.float_right) .image_container,
  .btn-container:has(.media--right) figure { 
    grid-area: 2 / 2 / 3 / 3;
  }
  
  .btn-container .float_right, 
  .btn-container .float_left,
  .btn-container .media--right, 
  .btn-container .media--left  {
    max-width: none;
  }
  .btn-container .float_above,
  .btn-container .media--above {
    margin: 0 auto 2rem;
    padding: 0;
  }
  .btn-container .float_below,
  .btn-container .media--below {
    margin: 2rem auto 0;
    padding: 0;
  }		

  .btn-container .button + .button {
    margin-left: 1rem;
  }
  
  .btn-container.btn-inline .text_content {
    flex: 1;
    display: flex;
    gap:  2rem;
    align-items: center;
    justify-content: space-between;
  }
  .btn-container.btn-inline p { margin: 0; }
  
}

/* Content Teaser Box - custom element */
.ce_rsce_teaser.img-hover-zoom {
  position: relative;
  transition: box-shadow .5s ease;
}
/* .ce_rsce_teaser.img-hover-zoom:hover {
  box-shadow: var(--base-box-shadow-strong);
} */
.img-hover-zoom figure {
  overflow: hidden;
}	
.img-hover-zoom img {
  transition: transform .5s ease;
}
.img-hover-zoom:hover img {
  transform: scale(1.05);
}
.content--teaser .full_link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0;
}
.ce_rsce_teaser .text_content .button {
  text-decoration: none;
  
  border-radius: 50px;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 0;
}

/* KPIs */
.kpi-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.kpi-container > div {
  flex: 0 1 20%;
  flex-basis: calc(23% - 2rem);
  margin: 0;
  padding: 0 20px 0 0;
}
.kpi-container .stacked > span {
  display: block;
}
.kpi-container .label { }
.kpi-container .value {
  font-weight: bold;
  font-size: 5rem;
  line-height: 1;
}
@media only screen and ( max-width: 34.375em ) {
  .kpi-container > div {
    flex-basis: calc(50% - 3rem);
  }
}

/* Case Studies */
.cs-logo figure {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.content--teaser .cs-logo {
  aspect-ratio: 5 / 3;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: var(--color-gray-light2);
}
.content--teaser .cs-logo figure {
  width: 200px;
  height: auto;
  mix-blend-mode: darken;
}

.cs_fakten dl {}
.cs_fakten dt {
  color: var(--color-gray-medium);
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.cs_fakten dd + dt {
  margin-top: 2.4rem;
}
.cs_fakten dd {
  margin: 0;
}

@media only screen and (max-width: 34.375em) {
  
  .cs-logo {
    display: block;
    margin: 2rem 0 0;
    padding: 2rem 2rem 0;
    border: 1px solid var(--color-gray-light2);
    text-align: center;
  }
  
}
@media screen and (min-width: 58.75em) {
  
  .cs_fakten {
    position: relative;
    top: -6rem;
    left: -3rem;
  }
  
}

/* Element Preix-Box */
.price-box {
  position: relative;
  display: flex;
  flex-direction: column;
}
.price-box .tooltip {
  position: absolute;
  right: 2rem;
  top: -1.5rem;
  display: inline-block;
}
.price-box .title {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: bold;
  display: block;
}
.price-box .price {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: bold;
  display: block;
}
.price-box .startprice {
  font-weight: normal;
  font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  text-transform: capitalize;
}
.price-box .short_title {
  font-family: 'Pangea', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: bold;
  display: block;
  margin: 1rem 0 1rem;
}
.price-box .licence {
  color: var(--color-gray2);
  font-size: 1.4rem;
}
.price-box .content {
  border-top: 1px solid var(--color-gray-light2);
  padding: 2rem 0 0;
  margin-top: 1rem;
  margin-bottom: 2rem;
} 
.price-box .content > ul {
  margin-top: 0;
} 
.price-box .cta {
  margin-top: auto;
}
@media only screen and ( max-width: 34.375em ) {
  .price-box:has(.tooltip) {
    margin-top: 2rem;
  }
}
@media only screen and ( min-width: 34.375em ) {
  
}

@font-face {
  font-family: 'lof_icons';
  src: url('../../files/layout/webfonts/lof_icons.eot?65228420');
  src: url('../../files/layout/webfonts/lof_icons.eot?65228420#iefix') format('embedded-opentype'),
       url('../../files/layout/webfonts/lof_icons.woff2?65228420') format('woff2'),
       url('../../files/layout/webfonts/lof_icons.woff?65228420') format('woff'),
       url('../../files/layout/webfonts/lof_icons.ttf?65228420') format('truetype'),
       url('../../files/layout/webfonts/lof_icons.svg?65228420#lof_icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'lof_icons';
    src: url('../../files/layout/webfonts/lof_icons.svg?30627625#lof_icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "lof_icons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-down-open-mini:before { content: '\e804'; } /* '' */
.icon-left-open-mini:before { content: '\e805'; } /* '' */
.icon-right-open-mini:before { content: '\e806'; } /* '' */
.icon-up-open-mini:before { content: '\e807'; } /* '' */
.icon-down-open-big:before { content: '\e808'; } /* '' */
.icon-left-open-big:before { content: '\e809'; } /* '' */
.icon-right-open-big:before { content: '\e80a'; } /* '' */
.icon-up-open-big:before { content: '\e80b'; } /* '' */
.icon-download:before { content: '\e80c'; } /* '' */
.icon-phone:before { content: '\e80d'; } /* '' */
.icon-phone-1:before { content: '\e80e'; } /* '' */
.icon-mobile:before { content: '\e80f'; } /* '' */
.icon-mail:before { content: '\e810'; } /* '' */
.icon-ok:before { content: '\e811'; } /* '' */
.icon-link:before { content: '\e812'; } /* '' */
.icon-down-small:before { content: '\e813'; } /* '' */
.icon-left-small:before { content: '\e814'; } /* '' */
.icon-right-small:before { content: '\e815'; } /* '' */
.icon-up-small:before { content: '\e816'; } /* '' */
.icon-videocam:before { content: '\e817'; } /* '' */
.icon-calendar:before { content: '\e818'; } /* '' */
.icon-clock:before { content: '\e819'; } /* '' */
.icon-upload:before { content: '\e81a'; } /* '' */
.icon-upload-cloud:before { content: '\e81b'; } /* '' */
.icon-lock:before { content: '\e81c'; } /* '' */
.icon-attention:before { content: '\e81d'; } /* '' */
.icon-user-add:before { content: '\e81e'; } /* '' */
.icon-cancel:before { content: '\e81f'; } /* '' */
.icon-attention-circled:before { content: '\e820'; } /* '' */
.icon-login:before { content: '\e821'; } /* '' */
.icon-logout:before { content: '\e822'; } /* '' */
.icon-thumbs-up:before { content: '\e823'; } /* '' */
.icon-thumbs-down:before { content: '\e824'; } /* '' */
.icon-edit:before { content: '\e825'; } /* '' */
.icon-chat:before { content: '\e826'; } /* '' */
.icon-ok-circled:before { content: '\f06d'; } /* '' */
.icon-info-circled:before { content: '\f085'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-mobile-1:before { content: '\f10b'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-link-ext-alt:before { content: '\f14c'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-xing:before { content: '\f168'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */

/* icon extra classes */
.icon-30[class^="icon-"]:before { font-size: 30px; }
.icon-40[class^="icon-"]:before { font-size: 40px; }
.icon-50[class^="icon-"]:before { font-size: 50px; }
.icon-60[class^="icon-"]:before { font-size: 60px; }
.icon-70[class^="icon-"]:before { font-size: 70px; }
.icon-80[class^="icon-"]:before { font-size: 80px; }
.icon-90[class^="icon-"]:before { font-size: 90px; }
.icon-100[class^="icon-"]:before { font-size: 100px; }
.icon-110[class^="icon-"]:before { font-size: 110px; }
.icon-120[class^="icon-"]:before { font-size: 120px; }
.icon-130[class^="icon-"]:before { font-size: 130px; }
.icon-140[class^="icon-"]:before { font-size: 140px; }
.icon-150[class^="icon-"]:before { font-size: 150px; }

.icon-gray[class^="icon-"]:before { color: var(--color-gray); }
.icon-gray-dark[class^="icon-"]:before { color: var(--color-gray-dark); }
.icon-gray-medium[class^="icon-"]:before { color: var(--color-gray-medium); }
.icon-gray-light[class^="icon-"]:before { color: var(--color-gray-light); }
.icon-gray-lighter[class^="icon-"]:before { color: var(--color-gray-lighter); }
.icon-black[class^="icon-"]:before { color: var(--color-black); }
.icon-white[class^="icon-"]:before { color: var(--color-white); }
.icon-brand[class^="icon-"]:before { color: var(--color--brand-primary); }

/* icons used on body class */
body[class^="icon-"]:before, 
body[class*=" icon-"]:before {
  display: none;
}

/* external links in nav */
#container a[href^="http://"]:not([href*="lofino.de"])::after,
#container a[href^="https://"]:not([href*="lofino.de"])::after,
nav a[href^="http://"]:not([href*="lofino.de"])::after,
nav a[href^="https://"]:not([href*="lofino.de"])::after {
  content: " ";
  color: inherit;
  width: 11px;
  height: 12px;
  margin-left: 2px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block; 
}
#container a.button[href^="http://"]:not([href*="lofino.de"])::after,
#container a.button[href^="https://"]:not([href*="lofino.de"])::after {
  content: '\f14c';
  background: transparent;
  display: inline-block;

  font-family: "lof_icons";
  /* font-size: 1.5rem; */
  font-style: normal;
  font-weight: normal;
  speak: none;
  
  text-decoration: inherit;
  width: 1em;
  height: auto;
  line-height: 1;
  margin-left: 0.5rem;
  margin-right: 0;
  text-align: center;
}
#container figure a::after,
#container .hs-cta-wrapper a::after {
  display: none !important;
}

/* Termin BTN */
body.icon-phone:before,
.mod_mmenu li.icon-phone::before {
  display: none !important;
}
.button.icon-phone:before,
.mod_mmenu a.icon-phone::before {
  margin-right: 0.5em;
}


/* CTA */
#container .hs-cta-wrapper {
  margin-bottom: 2rem;
  display: block;
}

/* Icons in Nav */
.nav--main li[class^="icon-"]::before, 
.nav--main li[class*=" icon-"]::before {
  display: none;
}
.nav--main li[class^="icon-"] > *::before, 
.nav--main li[class*=" icon-"] > *::before {
  margin-right: 0.7rem;
}
.mod_mmenu li[class^="icon-"]::before,
.mod_mmenu li[class*=" icon-"]::before {
  display: none;
}
.mod_mmenu li[class^="icon-"] > *::before, 
.mod_mmenu li[class*=" icon-"] > *::before {
  margin-right: 0.7rem;
}

@media print {
  body {
    margin: 0;
    padding: 0;
    background: #fff !important;
    color: #303030 !important;
    font-size: 11pt
  }
  #wrapper {
    width: 100%;
    padding-top: 0;
  }
  #header {
    border-bottom: 0;
    height: auto;
    min-height: 0;
    position: static !important;
  }
  #header .inside { padding: 0; }
  #logo { 
    max-width: 5cm; 
    left: 0; 
  }
  
  nav,
  .nav--main,
  #footer,
  .mod_breadcrumb,
  .mod_newsmenu,
  .mod_newscategories, 
  .mod_newslist--related,
  .back,
  .toplink,
  .mod_login,
  .mod_booknav,
  .pagination,
  .sektion-download {
    display: none
  }
  #main > .inside {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  #container {
    padding: 0
  }
  
  .intro { margin-bottom: 0.5cm; }
  
  .ce_accordion {
    border: 0px;
    box-shadow: none !important;
    margin: 0 0 0.5cm;
  }
  .ce_accordion .toggler {
    border: 0 !important;
    break-after: avoid; 
    margin: 0 0 0.5cm;
    padding: 0 !important;
  }
  .ce_accordion .accordion {
    border: 0;
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0;
  }
  
  #footer .mod_newslist,
  #footer .mod_eventlist,
  .mod_subscribe,
  .mod_unsubscribe,
  .syndication,
  .categ--ories {
    display: none
  }
  
  .categories li figure {
    display: none;
  }
  .categories li:has(figure) a, 
  .categories li:has(figure) > span {
    padding: 0;
  }
  .categories li:has(figure) a::before, 
  .categories li:has(figure) > span::before {
    display: inline-block;
    content: 'Kategorie: ';
    padding-right: 5px;
  }
  .mod_newsreader .border-top {
    border-top: 0;
  }
      
  a::after {
    content: "(" attr(href) ")" !important;
    display: inline;
    color: #666 !important;
    margin-left: 0.2cm;
    text-decoration: underline;
    width: auto !important;
    height: auto !important;
  }
  #logo a::after,
  .categories a::after { display: none; }

  
  --base-box-shadow: 0;
  --base-box-shadow-strong: 0;

} 
/* Specific info for landingpages */
.landingpage {}

.landingpage #header .inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.landingpage .cta-termin {
  padding: 6px 16px 8px;
  line-height: 1;
  border-width: 2px;
  
  position: relative;
  right: -5px;
}

/* Section 3 Steps */
.steps {
  position: relative;
}
@media only screen and (max-width: 549px) {
  .steps {
    padding-bottom: 30px;
  }
  .steps:after {
    font-family: "lof_icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 32px;
    content: '\E808';
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
    color: var(--color-petrol6);
  }

}

@media only screen and (min-width: 550px) {
  .steps:after {
    content: "";
    display: block;
    position: absolute;
    top: 15rem;
    right: -4.5rem;
    width: 70px;
    height: 1px;
    border-top: 2px dashed var(--color-petrol6);
  }
  .steps::before {
    font-family: "lof_icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 32px;
    content: '\E80A';
    width: auto;
    height: auto;
    position: absolute;
    top: 13.5rem;
    right: -6.5rem;
    color: var(--color-petrol6);
  }
}

/* tag-like element for highlighting content */
.tag {
    display: inline-block;
    background: var(--color-brand-accent);
    color: var(--color-brand-primary);
    font-size: 1.4rem;
    font-family: 'Pangea Text', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    padding: 5px 12px 4px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    border: 0;
    border-radius: var(--base-border-radius);
}

/* LP Kampagne Sachbezug .sachbezug-1 */
.landingpage.sachbezug-1 #toTop {
  display: none;
  visibility: hidden;
}
.sachbezug-1 .ce_sliderStart .tns-controls {
  position: absolute;
  bottom: 1.5rem;
  z-index: 11;
  right: 0;
  left: 0;
}
.sachbezug-1 .ce_sliderStart .tns-controls button {
  background-color: var(--color-gray-light1);
  border-radius: var(--base-border-radius);
  mix-blend-mode: multiply;
}
.sachbezug-1 .ce_sliderStart .tns-controls button:hover {
  transform: scale(1) translateY(-50%);
}
.sachbezug-1 .ce_sliderStart .tns-nav {
  margin-top: 2rem;
}
.sachbezug-1 .ce_sliderStart .tns-nav button {
  border: 2px solid transparent;
  background: var(--color-gray-light1);
  margin: 10px 6px;
  width: 12px;
  height: 12px;
}
.sachbezug-1 .ce_sliderStart .tns-nav button.tns-nav-active {
  border: 2px solid var(--color-petrol4);
  background: var(--color-petrol4);
  transform: scale(1.4);
}
.sachbezug-1 .ce_sliderStart .tns-controls button[data-controls="prev"] {
  background-image: url(../../files/layout/images/arrow_left.svg);
}
.sachbezug-1 .ce_sliderStart .tns-controls button[data-controls="next"] {
  background-image: url(../../files/layout/images/arrow_right.svg);
}
@media screen and ( max-width: 48em ) {
  .sachbezug-1 { overflow-x: hidden; }
  .sachbezug-1 .tns-slider .tns-item {
    padding: 0;
  }
  /* swipe gallery */
  .sachbezug-1 .custom .clients.ce_gallery ul {
    width: calc(120px * var(--slide-count));
  }
  .sachbezug-1 .custom .clients.ce_gallery ul li {
    border: 0;
    margin: 0 0 0 0;
    padding: 1rem;
  }
  .sachbezug-1 .custom .clients.ce_gallery figure {
    height: auto;
    min-width: 120px;
    width: 120px;
  }
  .sachbezug-1 #quotes figure {
    margin-top: 0 !important;
  }
}

@media screen and ( min-width: 58.75em ) {
  .box-layout #header .inside {
    max-width: 1280px;
  }
}
@media screen and (min-width: 1000px) {
  .zielgruppe-box .zielgruppe-1 {
    transform: translate(0, -12px);
    text-align: right
  }
  .zielgruppe-box .zielgruppe-2 {
    transform: translate(-36px, 12px);
    text-align: right;
  }
  .zielgruppe-box .zielgruppe-3 {
    transform: translate(0, -12px);
  }
  .zielgruppe-box .zielgruppe-4 {
    transform: translate(36px, 12px);
  }
  .zielgruppe-box .zielgruppe-bg {
    /* transform: scale(1.2); */
  }
  
  .zielgruppe-box {
    font-size: 1.5rem;
  }
  .zielgruppe-box h4 {
    margin: 0 0 0.5rem !important
  }
}

/* LP Dienstrad-Management */
.dienstrad-mgmt {}
.stoerer-dienstradtesten {
  position: absolute;
  right: 20rem;
  top: 2rem;
  width: 15rem;
  height: auto;
  transform: rotate(5deg);
}
@media only screen and ( max-width: 48em ) {
  .stoerer-dienstradtesten {
    right: -2rem;
    top: -5rem;
    width: 15rem;
  }
}

/* LP Stb-Kanal Effiziente Benefits */
.effizient .start {
  background: rgb(255,255,255);
  background: linear-gradient(120deg, rgba(255,255,255,1) 0%, rgba(226,248,252,0.73) 38%, rgba(10,149,173,0.3) 100%);
}
/*
.effizient .ce_sliderStart .tns-controls button[data-controls="prev"],
.effizient .ce_sliderStart .tns-controls button[data-controls="next"] {
  background: var(--color-gray-light1);  
  border-radius: var(--base-border-radius);
}
*/
.effizient .tns-ovh {
  overflow: visible;
}
.effizient .tns-slider .tns-item {
  vertical-align: top !important;
  padding: 1.5rem;
}

@media only screen and (min-width: 68.75em) {
  .effizient .app-icons .content--teaser img {
    min-height: min-content;
    object-fit: cover;
    aspect-ratio: auto;
  }
}