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

header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@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}
/* Webfonts */

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../files/wtt/webfonts/open-sans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

a {
    text-decoration: none;
    color: #f4a62a;
}

a:focus,
button:focus {
    outline: none;
}

.cmn-toggle-switch {
    display: none;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

figcaption {
    font-size: 13px;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #606060;
    line-height: 26px;
    background-color: #ffffff;
}

.margin-top-30{
    margin-top:30px;
}

.margin-top-40{
    margin-top:40px;
}

.margin-bottom-40{
    margin-bottom:40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60{
    margin-bottom:60px;
}

.margin-bottom-70{
    margin-bottom:70px;
}

.margin-bottom-80{
    margin-bottom:80px;
}

.margin-bottom-90{
    margin-bottom:90px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

::-webkit-input-placeholder {
   color: #606060;
}

:-moz-placeholder { /* Firefox 18- */
   color: #606060;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #606060;
}

:-ms-input-placeholder {  
   color: #606060;
}

#header {
    background: #ec6707;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

    #header #logo {
        width: 219px;
        height: 82px;
        background: url(../../files/wtt/gfx/logo.png) 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        text-decoration: none;
        margin: 20px 0 20px 70px;
    }
    
      .wtt_logo {
        width: 80px;
        height: 37px;
      }

    #header .mod_navigation {
        background: #008bd2;
        width: 100%;
        /* height: 50px; */
        border-top: 2px solid #fff;
    }
    
        #header .mod_navigation ul {
            /* height: 50px; */
            padding: 0 0 0 70px;
        }
        
            #header .mod_navigation ul li {
                float: left;
                position: relative;
            }
            
                #header .mod_navigation ul li a {
                    display: block;
                    font-size: 18px;
                    color: #fff;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-weight: 600;
                    padding: 11px 40px 11px 30px;
                    position: relative;
                    margin: 0 15px;
                }
                
                    #header .mod_navigation ul li:last-of-type a {
                        margin-right: 0;
                    }   
                                 
                    #header .mod_navigation ul li.home {
                        text-indent: -9999px;
                        white-space: nowrap;
                        overflow: hidden;
                        width: 100px;
                    }
                    
                        #header .mod_navigation ul li.home a,
                        #header .mod_navigation ul li.home strong {
                            background: url(../../files/wtt/gfx/ico_home_navi.png) 50% 50% no-repeat;
                            padding: 11px;
                        }
                        
                        #header .mod_navigation ul li.home strong {
                            background: #8ed2f5 url(../../files/wtt/gfx/ico_home_navi.png) 50% 50% no-repeat;
                        }
                        
                        #header .mod_navigation ul li a.submenu::after {
                            display: block;
                            content: "";
                            width: 12px;
                            height: 7px;
                            background: url(../../files/wtt/gfx/ico_arrow_down.png) 0 0 no-repeat;
                            position: absolute;
                            right: 10%;
                            bottom: 50%;
                            margin: 0 0 -4px 0;
                        }
                        
                        #header .mod_navigation ul li .submenu::after {
                            display: block;
                            content: "";
                            width: 12px;
                            height: 7px;
                            background: url(../../files/wtt/gfx/ico_arrow_down.png) 0 0 no-repeat;
                            position: absolute;
                            right: 10%;
                            bottom: 50%;
                            margin: 0 0 -4px 0;
                        }
    
                #header .mod_navigation ul li strong {
                    display: block;
                    font-size: 18px;
                    color: #fff;
                    text-transform: uppercase;
                    font-weight: 600;
                    padding: 11px 40px 11px 30px;
                    position: relative;
                    margin: 0 15px;
                    background: #8ed2f5;
                }
                
                    #header .mod_navigation ul li a:hover {
                        color: #8ed2f5;
                    }
                    
                        #header .mod_navigation ul li a.submenu:hover::after {
                            background: url(../../files/wtt/gfx/ico_arrow_down_hover.png) 0 0 no-repeat;
                        }
                
                    #header .mod_navigation ul.level_2 {
                        display: none;
                        position: absolute;
                        height: auto;
                        z-index: 20;
                        left: 15px;
                        margin: 0;
                        padding: 0;
                        min-width: 220px;
                        background: #fbfcfc;
                        
                    }
                    
                        #header .mod_navigation ul.level_2::before {
                            background: url(../../files/wtt/gfx/ico_ul_level_2.png) 0 0 no-repeat;
                            content: "";
                            display: block;
                            width: 18px;
                            height: 9px;
                            position: absolute;
                            top: -8px;
                            left: 25px;
                            z-index: 21;
                        }
                    
                    #header .mod_navigation ul li:hover ul.level_2 {
                        display: block;
                    }
                    
                        #header .mod_navigation ul.level_2 li {
                            float: none;
                        }
                        
                            #header .mod_navigation ul.level_2 li a {
                                font-size: 16px;
                                font-weight: 400;
                                text-transform: none;
                                color: #666666;
                                padding: 5px 20px;
                                margin: 0;
                                border-top: 1px solid #dadada;
                            }
                            
                                #header .mod_navigation ul.level_2 li a:hover {
                                    background: #008bd2;
                                    color: #8ed2f5;
                                }
                                
                                #header .mod_navigation ul.level_2 li strong {
                                    font-size: 16px;
                                    font-weight: 400;
                                    text-transform: none;
                                    background: #008bd2;
                                    color: #8ed2f5;
                                    padding: 5px 20px;
                                    margin: 0;
                                    border-top: 1px solid #dadada;
                                }                           
                            
                    
    #header #service {
        position: absolute;
        top: 20px;
        right: 70px;
    }
    
        #header #service .hotline {
            padding: 0 30px 0 40px;
            background: url(../../files/wtt/gfx/ico_phone.png) 0 50% no-repeat;
            display: inline-block;
            float: left;
            border-right: 1px solid #ba5106;
        }
        
        #header #service .geschaeftszeiten {
            padding: 0 0 0 70px;
            background: url(../../files/wtt/gfx/ico_clock.png) 30px 50% no-repeat;
            display: inline-block;
            float: left;
            border-left: 1px solid #f4a46a;
        }
    
        #header #service span {
            display: block;
            color: #f9c6a1;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 22px;
        }
        
            #header #service span strong {
                color: #fff;
                text-transform: none;
                font-weight: 700;
                font-size: 16px;
            }
            
    #header .mod_form {
        position: absolute;
        right: 70px;
        bottom: 9px;
    }
    
        #header .mod_form form {
            margin: 0;
            position: relative;
        }
        
            #header .mod_form input.text {
                border: 1px solid #e1e4e6;
                background: #f4f4f4;
                font-size: 14px;
                padding: 5px 15px;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
                width: 200px;
            }
            
                #header .mod_form input:focus {
                    width: 250px;                    
                }
                
            #header .mod_form .submit_container {
                position: absolute;
                right: 0;
                top: 0;
            }
            
                .suche button.submit {
                    background: #8ed2f5 url(../../files/wtt/gfx/ico_search.png) 50% 50% no-repeat;
                    border: 0;
                    text-indent: 200%;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 37px;
                    height: 32px;
                    cursor: pointer;   
                }

                .mod_search .formbody, 
                .suche .formbody {
                    display: flex;
                }

                .mod_search .widget-text, 
                .suche .widget-text {
                    flex-grow: 1;
                }

                .mod_search .formbody input.text, 
                .suche .formbody input.text {                    
                    height: 100%;
                }

                .mod_search .formbody input.text:focus, 
                .suche .formbody input.text:focus {                    
                    outline: none;
                }

                .mod_search .formbody .widget-text {
                    margin-right: 10px;
                }
 
                
/* Slider */

#slider {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
  
#slider .mod_rocksolid_slider figure {
    line-height: 1;
}


#slider .mod_rocksolid_slider .blue .content-text h2,
#slider .mod_rocksolid_slider .blue .content-text p {
    background: rgba(0, 89, 163, 0.85)
}

#slider .mod_rocksolid_slider .red .content-text h2,
#slider .mod_rocksolid_slider .red .content-text p {
    background: rgba(189, 0, 84, 0.85);
}

#slider .mod_rocksolid_slider .content-text {
    background: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 640px;
    bottom: 105px;
    padding: 0 15px;
    text-align: center;
}

#slider .mod_rocksolid_slider .content-text p {
    color: #fff;
    padding: 20px;
    max-width: 640px;
    font-size: 18px;
    display: inline-block;
}

#slider .mod_rocksolid_slider .content-text h2 {
    color: #fff;
    font-size: 36px;
    line-height: 1;
    padding: 20px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    display: inline-block;
}

#slider .mod_rocksolid_slider img {
    width: 100%;
}


#container {
    width: 100%;
    max-width: 1170px;
    margin: -60px auto 0 auto;
    padding: 40px 15px 180px 15px;
    background: #fff;
    z-index: 5;
    position: relative;
}

    .standard #container {
        padding: 10px 15px 180px 15px;
    }
    
    .aktuelles #container {
        padding: 10px 15px 180px 15px;
    }

    #container::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 250px;
        -webkit-box-shadow: 0 -10px 6px 0 rgba(0,0,0,0.2);
        box-shadow: 0 -10px 6px 0 rgba(0,0,0,0.2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    } 
   
    #main {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        float: left;
    }
    
        .standard #main {
            max-width: 840px;
            float: right;
            position: relative;
        }
        
            .standard #main ul {
                margin: 0;
                padding: 0 0 0 15px;
            }
            
                .standard #main ul li {
                    position: relative;
                    padding: 0 0 0 10px;
                }
                
                    .standard #main ul li::before {
                        content: "";
                        display: block;
                        width: 4px;
                        height: 4px;
                        background: #2e8ece;
                        -webkit-border-radius: 4px 4px 4px 4px;
                        border-radius: 4px 4px 4px 4px;
                        position: absolute;
                        left: 0;
                        top: 12px;
                    }
                    
            .standard #main a {
                color: #2e8ece;
            	text-decoration: none;           	
            }
            
       
        /* Darstellung der Unterkategorien als Link inkl. Vorschaubild */
        .standard #main .categories ul {
            margin: 0;
            padding: 0;
        }
        
            .standard #main .categories ul li {
                position: relative;
                padding: 0;
                float: left;
                width: 32%;
                max-height: 250px;
                border: 1px solid #dadada;
                display: block;
                margin: 0 2% 2% 0;
                overflow: hidden;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }
            
                .standard #main .categories ul li:nth-child(3n+3) {
                    margin: 0 0 2% 0;
                }
            
                .standard #main .categories ul li:hover {
                    border: 1px solid #008bd2;
                    background: rgba(0, 139, 210, 0.05);
                }
            
                .standard #main .categories ul li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    line-height: 1px;
                }
                
                    .standard #main .categories ul li a h3 {
                        margin: 10px;
                        line-height: 26px;
                        font-size: 16px;
                    }
                    
                    .standard #main .categories ul li a img {
                        height: auto;
                        width: auto;
                        max-width: 100%;
                        max-height: 100%;
                    }
                    
                    .standard #main .categories ul li a.btn {
                        position: absolute;
                        bottom: -55px;
                        left: 0;
                        right: 0;
                        display: block;
                        background: #2e8ece;
                        color: #fff;
                        text-align: center;
                        padding: 10px;
                        width: 100%;
                        height: auto;
                        -webkit-transition: all 0.2s ease;
                        -moz-transition: all 0.2s ease;
                        -ms-transition: all 0.2s ease;
                        -o-transition: all 0.2s ease;
                        transition: all 0.2s ease;
                        line-height: 26px;
                    }
                    
                        .standard #main .categories ul li:hover a.btn {
                            bottom: 0;
                        }
                        
                          .standard #main .categories ul li a.btn:hover {
                              background: #f4ad42;
                          }
                
                    .standard #main .categories ul li::before {
                        display: none;
                    }


.standard #main .content-gallery {
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: grid;
        gap: 10px; 

        li {
            padding: 0;
            &:before {
                content: none;
            }

            figure {
                line-height: 0;
                img,
                figcaption {
                    line-height: 1.1;
                }
            }
        }
    }

    &.content-gallery--cols-4 {
        ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}                  
                    

                
      .teambox {
          width: 25%;
          float: left;
          margin: 0 0 15px 0;
          overflow: hidden;
      }
      
        .teambox p,
        .teambox figure {
            padding: 0 2%;
        }
                    
      .angebot {
        padding: 10px;
        background: #ebecec;
        margin: 16px 0;
        position: relative;
      }
      
        .angebot::after {
          display: block;
          position: absolute;
          top: -10px;
          right: -10px;
          background: url(../../files/wtt/gfx/ico_angebot.png) 0 0 no-repeat;
          content: "";
          width: 29px;
          height: 34px;
        }
      
        .standard .angebot h3 {
          margin-top: 0;
        }
    
    #left {
        width: 100%;
        max-width: 255px;
        position: relative;
        float: left;
    }
    
        #left .submenu ul {
            display: none;
        }
        
            #left ul.level_1 li.submenu.trail ul.level_2 {
                display: block;
                margin: 10px 0 25px 0;
            }
            
            #left ul.level_2 li.submenu.trail ul.level_3 {
                display: block;
                margin: 10px 0 25px 0;
            }
            
            #left ul.level_1 li.submenu.active ul.level_2 {
                display: block;
                margin: 10px 0 25px 0;
            }
            
            #left ul.level_2 li.submenu.active ul.level_3 {
                display: block;
                margin: 10px 0 25px 0;
            }
        
                
            #left .mod_navigation li a {
                color: #2b3d53;
                font-size: 20px;
                font-weight: 600;
                padding: 5px 0 5px 15px;
                display: block;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }
            
            #left .mod_navigation li strong {
                color: #008bd2;
                font-size: 20px;
                font-weight: 600;
                display: block;
                padding: 5px 0 5px 15px;
            }
            
            #left .mod_navigation a.trail {
                color: #008bd2;
                font-size: 20px;
                font-weight: 600;
                display: block;
                padding: 5px 0 5px 15px;
            }
            
                #left .mod_navigation li a:hover {
                    color: #008bd2;
                }
            
                #left .mod_navigation .submenu li {
                    border-top: 1px solid #dadada;
                    padding: 3px 0 3px 15px;
                }
            
                #left .mod_navigation .submenu li a {
                    color: #404040;
                    font-size: 16px;
                    font-weight: 400;
                    padding: 0 15px 0 0;
                    background: url(../../files/wtt/gfx/ico_subnavi_arrow.png) right center no-repeat;
                }
                
                #left .mod_navigation .submenu li strong {
                    color: #008bd2;
                    font-size: 16px;
                    font-weight: 400;
                    display: block;
                    padding: 0 15px 0 0;
                    background: url(../../files/wtt/gfx/ico_subnavi_arrow_hover.png) right center no-repeat;
                }
                
                    #left .mod_navigation .submenu li a:hover {
                        color: #008bd2;
                        background: url(../../files/wtt/gfx/ico_subnavi_arrow_hover.png) right center no-repeat;
                    }
                    
                    #left .mod_navigation .submenu li a.trail {
                        color: #008bd2;
                        background: url(../../files/wtt/gfx/ico_subnavi_arrow_hover.png) right center no-repeat;
                    }
    
    h1 {
        font-size: 32px;
        line-height: 42px;
        color: #2e8ece;
        font-weight: 700;
    } 
    
    h2 {
        font-size: 24px;
        color: #2b3d53;
        font-weight: 600;
    }
    
    h3 {
        font-size: 20px;
        color: #2e8ece;
        font-weight: 700;
    }
    
        .standard h3 {
            margin-top: 30px;
        }
    
    h4 {
        font-size: 16px;
        color: #2b3d53;
        font-weight: 700;
    }
    
    .layout_latest {
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px dotted #dadada;
    }
    
        .layout_latest h4 {
            margin: 0;
        }
    
            .layout_latest h4 a {
                font-size: 16px;
                color: #2b3d53;
                font-weight: 700;
                text-decoration: none;
            }
            
        .layout_latest p.info {
            font-size: 14px;
            color: #b2b2b2;
        }
        
        .layout_latest figure.media--left,
        .layout_latest figure.float_left {
            margin: 0 20px 0 0;
        }
        
        .layout_latest figure.media--right,
        .layout_latest figure.float_right {
            margin: 0 0 0 20px;
        }
        
        .layout_latest img {
            padding: 4px;
            border: 1px solid #dbdbdb;
        }
        
        .layout_latest a {
            text-decoration: none;
            color: #f4a62a;
        }

    /* ---------- Paginator -------- */
    .pagination {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .pagination ul {
        display: inline-block;
        padding-left: 0;
        list-style-type: none;
        margin: 0 0 0 1px;
    }
    .pagination ul li {
        display: inline;
    }
    .pagination ul li a,
    .pagination ul li strong {
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        text-decoration: none;
        border: 1px solid #dadada;
        font-weight: normal;
    }   
        
    .mod_breadcrumb {
        position: relative;
        z-index: 50;
        padding: 0 10px;
    }


    .mod_breadcrumb li {
        display: inline-block;
        font-size: 14px;
        color: #2e8ece;
        font-weight: 400;

        &:not(:first-of-type):before {
            content: "»";
            margin-left: 2px;
            margin-right: 5px;
        }
    }
    
        .mod_breadcrumb li a {
            display: inline-block;
            font-size: 14px;
            color: #808080;
            font-weight: 400;
            -webkit-transition: color 0.2s ease;
            -moz-transition: color 0.2s ease;
            -ms-transition: color 0.2s ease;
            -o-transition: color 0.2s ease;
            transition: color 0.2s ease;
        }
        
            .mod_breadcrumb li a:hover {
                color: #2e8ece;
            }
    
    .gruppenreise_widget {
        background: url(../../files/wtt/gfx/gruppenreise_default.jpg) 0 0 no-repeat;
        padding: 210px 25px 25px 25px;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
        box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
        width: 100%;
        max-width: 358px;
    }
    
        .gruppenreise_widget a {
            text-decoration: none;
            color: #f4a62a;
            display: block;   
        }

#badge-leiste {
    position: fixed;
    right: 0;
    top: 174px;
    z-index: 1000;
}

    #badge-leiste a {
        display: block;
        width: 75px;
        height: 75px;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 10;
        -webkit-transition: background 0.2s ease;
        -moz-transition: background 0.2s ease;
        -ms-transition: background 0.2s ease;
        -o-transition: background 0.2s ease;
        transition: background 0.2s ease;
    }
    
        #badge-leiste a.rueckruf {
            background: #6cb0dd url(../../files/wtt/gfx/ico_rueckruf.png) 50% 50% no-repeat;
        }
        
            #badge-leiste a.rueckruf.active {
                background: #f4ad42 url(../../files/wtt/gfx/ico_rueckruf.png) 50% 50% no-repeat;
            }
        
        #badge-leiste a.kontakt {
            background: #6cb0dd url(../../files/wtt/gfx/ico_kontakt.png) 50% 50% no-repeat;
        }
        
        #badge-leiste a.feedback {
            background: #6cb0dd url(../../files/wtt/gfx/ico_feedback.png) 50% 50% no-repeat;
        }
        
        #badge-leiste a.faq {
            background: #6cb0dd url(../../files/wtt/gfx/ico_faq.png) 50% 50% no-repeat;
        }
        
        #badge-leiste a.katalog {
            background: #6cb0dd url(../../files/wtt/gfx/ico_onlinekatalog.png) 50% 50% no-repeat;
        }

        #badge-leiste a:hover {
            background-color: #f4ad42;
        }

    #badge-leiste .rueckruf_anfordern {
        padding: 25px;
        background: #f4ad42;
        position: absolute;
        top: 0;
        z-index: 5;
        left: 0;
        width: 250px;
    }
    
        #badge-leiste .rueckruf_anfordern.active {
            left: auto;
            right: 75px;
        }
    
        #badge-leiste .rueckruf_anfordern p {
            color: #fff;
        }
        
        #badge-leiste .rueckruf_anfordern input.text {
            border: 0;
            background: #fff;
            margin: 0 0 15px 0;
            padding: 5px 10px;
            width: 100%;
        }
        
        #badge-leiste .rueckruf_anfordern .submit {
            background: #f4ad42;
            border: 2px solid #fff;
            color: #fff;
            padding: 5px 10px;
            cursor: pointer;
        }
  
.toggler {
  font-weight: 700;
  cursor: pointer;
  padding: 5px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; 
  background: #ebecec url(../../files/wtt/gfx/ico_subnavi_arrow.png) no-repeat 98% center;
  margin: 0 0 1px 0;
}

  .toggler:hover {
    background: #ebecec url(../../files/wtt/gfx/ico_subnavi_arrow_hover.png) no-repeat 98% center;
  }

  .toggler.active {
    color: #fff;
    background: #2e8ece url(../../files/wtt/gfx/ico_arrow_down.png) no-repeat 98% center;;
  }
  
  .accordion {
    padding: 10px;
  }
    
a.btn_top {
   background: url(../../files/wtt/gfx/ico_btn_top.png) 0 center no-repeat; 
   padding: 5px 0 5px 30px;
   z-index: 100;
   position: fixed;
   display: none;
   display: inline-block;
   right: 20px;
   bottom: 7px;
}

    a.btn_top::after {
       border: 0;
    }

    a.btn_top::before {
       background-image: url(../../files/wtt/gfx/ico_btn_top.png);
       background-repeat: no-repeat;
       background-position: 4px center;
    }
    
/* Formulare */

#main form {
    max-width: 75%;
}

div.plz {
    width: 20%;
    margin: 0 3% 0 0;
    float: left;
}

div.ort {
    width: 77%;
    float: left;
}

input:focus,
textarea:focus {
    outline: none;
}

#main input[type="radio"],
#main input[type="checkbox"],
#main label {
    vertical-align: middle;
}

#main input[type="text"],
#main input[type="password"],
#main input[type="date"],
#main input[type="datetime"],
#main input[type="email"],
#main input[type="number"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="time"],
#main input[type="url"],
#main input:not([type]),
#main textarea {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 6px;
    width: 100%;
}

#main button[type="submit"],
#main input[type="submit"],
#main .button {
    background-color: #fff;
    border: 2px solid #008bd2;
    color: #008bd2;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#main button[type="submit"]:hover,
    #main input[type="submit"]:hover,
    #main .button:hover {
        background-color: #008bd2;
        border: 2px solid #008bd2;
        color: #fff;
    }
    
fieldset {
    border: 2px solid #008bd2;
    padding: 5px 20px 20px 20px;
    margin: 0 0 20px 0;
}

    fieldset fieldset {
        border: 0;
        padding: 0;
        margin: 0;
    }
    
        fieldset fieldset span {
            display: block;
        }
        
        fieldset fieldset span.mandatory {
            display: inline-block;
        }

fieldset legend {
    background: #fff;
    color: #008bd2;
    padding: 5px 10px;
    font-size: 18px;
    margin-left: 0;
}

    fieldset fieldset legend {
        background: transparent;
        color: #606060;
        padding: 0;
        font-size: 16px;
        margin: 0;
    }

.inline span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.anmerkungen {
  margin: 0 0 10px 0;
}

.hidden-field {
    display: none !important;
}
    
#footer {
    width: 100%;
    position: relative;
    border-top: 4px solid #008bd2;
    border-bottom: 2px solid #dadada;
    background: #ebecec;
    padding: 30px 0 15px 0;
    margin: 0;
    font-size: 14px;
}

    #footer .inside {
        width: 100%;
        max-width: 1140px;
        margin: 0 auto;
        position: relative;
    }
    
        #footer .inside .footer_box {
            display: block;
            width: 30%;
            float: left;
            margin: 0 5% 0 0;
        }
        
            #footer .inside .footer_box.last {
                margin: 0;
            }
            
            #footer .inside .footer_box.last a {
                margin: 0 20px 20px 0;
                display: inline-block;
            }
            
                #footer .inside .footer_box a {
                    text-decoration: none;
                    color: #f4a62a;
                }
                
                    #footer .inside .footer_box a span {
                        color: #606060;
                    }           



#copyrightwrapper {
    background-color: #ffffff;
    font-size: 14px;
    .inside {
        padding: 12px 15px 12px 15px; 
        max-width: 1170px;
        margin-left: auto;
        margin-right: auto;

        .copyright {
            a {
                text-decoration: none;
                color: #008bd2;
            }

            span {
                color: #808080;
            }
        }
    }
}            

/* Helper Classes */
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.cb {
    clear: both;
}

.invisible {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
}

.media--right,
.float_right,
.fr {
    float: right;
}

.media--left,
.float_left,
.fl {
    float: left;
}

/* mobile Menue Blitzer unterbinden */
#offcanvas:not( .mm-menu ) {
    display: none;
}


.mm-wrapper--position-left .mm-slideout, 
.mm-wrapper--position-right .mm-slideout {
    transform: none;
}


@media screen and (max-width: 1140px) {
    #badge-leiste {
	    opacity: 0.3;
	    -webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
		#badge-leiste:hover {
		    opacity: 1;
		}
    
    #header .mod_form {
        display: none;
    }
  
    #header .mod_navigation ul li a {
        margin: 0 5px;
    }
    
    #header .mod_navigation ul li span {
        margin: 0 5px;
    }
    
    #left {
        max-width: 25%;
    }
    
    .standard #main {
        max-width: 71%;
    }
    
    #footer {
        padding: 30px 15px 15px;
    }
    
    .teambox {
        width: 50%;
    }
    
    .standard #main .categories ul li {
      margin: 0 2% 2% 0;
      width: 48%;
    }
    
    .standard #main .categories ul li:nth-child(3n+3) {
      margin: 0 2% 2% 0;
    }
}

@media screen and (max-width: 980px) {
        
    #header #service {
      right: 20px;
    }
        
    #header #service .geschaeftszeiten {
        display: none;
    }
    
    #header #service .hotline {
        border: 0;
        float: right;
        padding: 0 0 0 40px;
    }
}


@media screen and (max-width: 768px) {

	#badge-leiste {
	    display: none;
	}
    
    #header .mod_navigation {
        display: none;
    }

    #slider .mod_rocksolid_slider .content-text {
        bottom: 35px;   
    }

    #container {
        margin-top: -10px;
    }

    #slider .mod_rocksolid_slider .content-text h2 {
        font-size: 24px;
        padding: 10px;
    }

    #slider .mod_rocksolid_slider .content-text p {
        font-size: 16px;
        padding: 10px;
    }
    
    #left {
        display: none;
    }
    
    .standard #main {
        max-width: 100%;
    }
    
    .cmn-toggle-switch {
      display: block;
      position: relative;
      float: left;
      overflow: hidden;
      margin: 20px 0 0 20px;
      padding: 0;
      width: 50px;
      height: 50px;
      font-size: 0;
      text-indent: -9999px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      -webkit-transition: background 0.3s;
              transition: background 0.3s;
    }
    
    .cmn-toggle-switch:focus {
      outline: none;
    }
    
    .cmn-toggle-switch span {
      display: block;
      position: absolute;
      top: 23px;
      left: 7px;
      right: 7px;
      height: 5px;
      background: white;
    }
    
    .cmn-toggle-switch span::before,
    .cmn-toggle-switch span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 5px;
      background-color: #fff;
      content: "";
    }
    
    .cmn-toggle-switch span::before {
      top: -13px;
    }
    
    .cmn-toggle-switch span::after {
      bottom: -13px;
    }
    
    /**
     * Style 3
     *
     * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
     * arrow. Usually indicates an off canvas menu sliding in from left that
     * will be close on re-click of the icon.
     */
    .cmn-toggle-switch__htla {
      background-color: #2e8ece;
    }
    
    .cmn-toggle-switch__htla span {
      -webkit-transition: -webkit-transform 0.3s;
              transition: transform 0.3s;
    }
    
    .cmn-toggle-switch__htla span::before {
      -webkit-transform-origin: top right;
          -ms-transform-origin: top right;
              transform-origin: top right;
      -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
              transition: transform 0.3s, width 0.3s, top 0.3s;
    }
    
    .cmn-toggle-switch__htla span::after {
      -webkit-transform-origin: bottom right;
          -ms-transform-origin: bottom right;
              transform-origin: bottom right;
      -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
              transition: transform 0.3s, width 0.3s, bottom 0.3s;
    }
    
    /* active state, i.e. menu open */
    .mm-wrapper--opened .cmn-toggle-switch__htla {
      background-color: #2e8ece;
    }
    
    .mm-wrapper--opened .cmn-toggle-switch__htla span {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
        right: 5px;
    }
    
    .mm-wrapper--opened .cmn-toggle-switch__htla span::before,
    .mm-wrapper--opened .cmn-toggle-switch__htla span::after {
      width: 60%;
    }
    
    .mm-wrapper--opened .cmn-toggle-switch__htla span::before {
      top: 0;
      -webkit-transform: translateX(19px) translateY(2px) rotate(45deg);
          -ms-transform: translateX(19px) translateY(2px) rotate(45deg);
              transform: translateX(19px) translateY(2px) rotate(45deg);
    }
    
    .mm-wrapper--opened .cmn-toggle-switch__htla span::after {
      bottom: 0;
      -webkit-transform: translateX(19px) translateY(-2px) rotate(-45deg);
          -ms-transform: translateX(19px) translateY(-2px) rotate(-45deg);
              transform: translateX(19px) translateY(-2px) rotate(-45deg);
    }

    .mm-menu .mm-list {
      padding: 0;
    }

    .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
        margin-left: 0;
    }
    
    
    #main form {
        max-width: 100%;
    }
    
    #footer .inside .footer_box {
      float: none;
      margin: 0 0 25px 0;
      width: 100%;
    }
       
}

@media screen and (max-width: 600px) {
    #header #service {
        display: none;
    }
    
    #header #logo {
        margin: 20px 20px 20px 0;
        float: right;
    }    
    
    #footer .inside .footer_box {
      text-align: center;
    }
    
    .teambox {
        width: 100%;
    }  
}


@media screen and (max-width: 500px) {
    #slider .mod_rocksolid_slider .content-text {
        display: none;
    }

    .content-image {
    float: none !important;
    width: 100%;
    }
    
    .content-image figure {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .content-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .standard #main .content-gallery {
        &.content-gallery--cols-4 {
            ul {
                grid-template-columns: repeat(2, 1fr);
            }
        }
    }
}

@media screen and (max-width: 480px) {
    .standard #main .categories ul li {
      margin: 0 0 2% 0;
      width: 100%;
    }
    
    .standard #main .categories ul li:nth-child(3n+3) {
      margin: 0 0 2% 0;
    }
}

@media screen and (max-width: 350px) {

    html {
    --grid__gutter: 1rem;
    }

    #header #logo {
        max-width: 170px;
    }  
}