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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* fira-sans-300 - latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-regular - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  /* fira-sans-500 - latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/tev-calw/theme/fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
  }
  html {
    --grid__gutter: 1rem !important;
}

body {
    font-family: 'Fira Sans';
    padding-bottom: 40px;
}
.ce_text p {
    line-height:140%;
}
#header {
    height: 120px;
}
#wrapper {
    margin: 0 auto;
    max-width:1560px;
}
#container {
    padding-top: 90px;
}
#main {
    padding: 16px 0;
    min-height: 100vh;
}

body.aktuelles {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(114, 75, 144, .1) 210px, rgba(114, 75, 144, .1) 100%);
}
body.betreuung {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(0, 158, 227, .1) 210px, rgba(0, 158, 227, .1) 100%);
}
body.ueberuns {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(24, 70, 144, .1) 210px, rgba(24, 70, 144, .1) 100%);
}
body.qualifizierung {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(145, 148, 189, .1) 210px, rgba(145, 148, 189, .1) 100%);
}
body.ktpp {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(7, 24, 87, .1) 210px, rgba(7, 24, 87, .1) 100%);
}
body.kontakt {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(150, 152, 136, .1) 210px, rgba(150, 152, 136, .1) 100%);
}
body.impressum {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(37, 89, 142, .1) 210px, rgba(37, 89, 142, .1) 100%);
}
body.datenschutz {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(5, 67, 56, .1) 210px, rgba(5, 67, 56, .1) 100%);
}
body.termine  {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 210px, rgba(97, 165, 148, .1) 210px, rgba(97, 165, 148, .1) 100%);
}

.logo {
    width: 280px;
    padding-top: 70px;
}
.image_container {
    position:relative;
}
.ce_text a, .download-element a, .anmelden a {
color:#000;
}

.ce_text.box h1 a,
.ce_text.box h2 a {
color:#fff;
text-decoration: none;
}
.ce_text.box:hover h2 a {
    text-decoration: underline;
    }

.ce_text h2, .ce_text h3,h2.ce_headline , h3.ce_headline  {
    font-size:1em;
}
.mod_article .box h1, .mod_article .box h2 {
    position: absolute;
    color: #fff;
    max-width:172px;
    hyphens: auto;
    padding:  4px 8px;
    z-index: 5;
    margin:0;
    font-size: 1.5em;
}

.mod_article .box.small h1, .mod_article .box.small h2 {
    max-width:150px;
}

.caption {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #fff;
}

.space-top {
    margin-top:1rem;
}
.elements-filter-wrapper {
    display: grid;
    grid-template-columns: repeat(var(--grid__columns), 1fr);
    grid-gap: var(--grid__gutter);
    grid-auto-columns: 1fr;
}
.filters {
    background: #009ee4;
    padding: 8px 0;
    margin: 24px 0;
    
}
.filters ul {
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;
    list-style-type: none;
    padding: 0 16px;
    margin: 8px;
}

.filters ul li { 
    background: url(/files/tev-calw/theme/images/arrow.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
    padding-left:20px;
}

.filters li a {
    color: #fff;
    text-decoration: none;
    transition: all .4s ease-in-out;
}
.filters li a:hover, .filters li a.active {
    color: #009fe5;
    text-decoration: none;
    background: #fff;
}

.elements-filter {
    background: #fff;
}

.elements-filter .caption {
    position: absolute;
    left: 0;
    top:0;
    bottom: unset;
    right: unset;
    color: #fff;
    background-color: #009ee3;
    padding: 4px 8px;
    display:inline;
}

.ktpp-kurzinfo {
    padding:8px 4px 4px 4px;
    color:#009ee3;
}
.ktpp-kurzinfo p {
    margin:0;
}
.ce_accordionSingle {
    padding:4px;
}
.toggler {
    color: #184690;
}
.elements-filter-wrapper .toggler {
    font-weight: 400;
    color: #000;
}

.toggler:hover {
    cursor: pointer;
    text-decoration:underline;

}
.white-bk {
    background:#fff;
    padding:0 8px;
}

.fullheight {
    height:100%;
}

.aktuelles-bk {
    background-color: #724b90;
}
.termine-bk {
    background-color: #61a594;
}
.betreuung-bk {
    background-color: #009ee3;
}
.ktpp-bk {
    background-color: #071857;
}
.qualifizierung-bk {
    background-color: #9194bd;
}
.ueberuns-bk {
    background-color: #184690;
}
.kontakt-bk {
    background-color: #969888;
}
.impressum-bk {
    background-color: #25598e;
}
.datenschutz-bk {
    background-color: #054338;
}
.aktuelles h2, .aktuelles h3 {
    color: #724b90;
}
.termine h2, .termine h3 {
    color: #61a594;
}
.betreuung h2, .betreuung h3 {
    color: #009ee3;
}
.ktpp h2, .ktpp h3 {
    color: #071857;
}
.qualifizierung h2, .qualifizierung h3 {
    color: #9194bd;
}
.ueberuns h2, .ueberuns h3 {
    color: #184690;
}
.kontakt h2, .kontakt h3 {
    color: #969888;
}
.impressum h2, .impressum h3 {
    color: #25598e;
}
.datenschutz h2, .datenschutz h3 {
    color: #054338;
}

/*
Navigation Hauptmenu
*/
.mod_navigation ul {
display: grid;
grid-template-columns: repeat(3, 80px);
grid-template-rows: repeat(3, 80px);
grid-column-gap: 10px;
grid-row-gap: 10px;
list-style-type: none;
padding:0;
justify-content: center;
}
.mod_navigation ul li {
padding:0 4px;
}

.mod_navigation li a, .mod_navigation .active strong {
color: #fff;
font-size: .75em;
font-weight:500;
hyphens:auto;
text-decoration:none;
}
.mod_navigation li a:hover {
    text-decoration:underline;
}

 li.active {
    padding-top:2px;
    background: url(/files/tev-calw/theme/images/menu-active-hand.svg) no-repeat;
    background-size:70%;
    background-position: center center;
}

li.aktuelles {
    background-color: #724b90;
    grid-area: 1 / 1 / 2 / 2; 
}
li.termine {
    background-color: #61a594;
    grid-area: 1 / 2 / 2 / 3;
}
li.betreuung {
    background-color: #009ee3;
    grid-area: 1 / 3 / 2 / 4;
}
li.ktpp {
    background-color: #071857;
    grid-area: 2 / 1 / 3 / 2;
}
li.qualifizierung {
    background-color: #9194bd;
    grid-area: 2 / 2 / 3 / 3;
}
li.ueberuns {
    background-color: #184690;
    grid-area: 2 / 3 / 3 / 4;
}
li.kontakt {
    background-color: #969888;
    grid-area: 3 / 1 / 4 / 2;
}
li.impressum {
    background-color: #25598e;
    grid-area: 3 / 2 / 4 / 3;
}
li.datenschutz {
    background-color: #054338;
    grid-area: 3 / 3 / 4 / 4;
}

ol, .ce_text ul {
    line-height:140%;
}

.ce_text ul {
    padding: 0 0 0 15px;
    margin-left: 5px;
}

ol {
    padding: 0 0 0 15px;
    list-style-type: none;
    margin-left: 5px;
}

ol li{
        list-style-image: url(/files/tev-calw/theme/images/points.png);
}


/* /////////////////////
HAMBURGER MOBILE MENU
///////////////////////*/

.hamburger .line{
    width: 50px;
    height: 5px;
    background-color: #934d9e;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .hamburger:hover{
    cursor: pointer;
  }
  
  
  #hamburger{
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #hamburger.is-active{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #hamburger:before{
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
      width: 60px;
      height: 60px;
      border: 5px solid transparent;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #hamburger.is-active:before{
    border: 4px solid #934d9e;
  }
  
  #hamburger.is-active .line{
    width: 35px;
    background-color: #934d9e;
  }
  
  #hamburger.is-active .line:nth-child(2){
    opacity: 0;
  }
  
  #hamburger.is-active .line:nth-child(1){
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
    transform: translateY(13px);
  }
  
  #hamburger.is-active .line:nth-child(3){
    -webkit-transform: translateY(-13px) rotate(90deg);
    -ms-transform: translateY(-13px) rotate(90deg);
    -o-transform: translateY(-13px) rotate(90deg);
    transform: translateY(-13px) rotate(90deg);
  }
  
  
  /* /////////////////////
  MOBILE MENU
  ///////////////////////*/
  
  
  .mobile_menu_trigger {
      padding:5px 0px 10px 10px;
      width:60px;
      cursor: pointer;
  }
  
  .mod_mobile_menu {
  display: none;
  position: absolute;
  top:10px;
  right:40px;
        z-index: 500;
       padding:0;
      overflow: visible;
        right: 0;
  }
  
  @media screen and (max-width: 500px) {
  .mobile_menu_trigger {
      padding: 15px 0px 10px 0;
      }
  }
  
  ul.mobile {
      list-style-type: none;
      margin: 115px 5px 0 10px;
      padding: 0;
          height: 100%;
      overflow-y: scroll;
  }
  
  li.mobile {
      list-style-type: none;
      margin: 0;
       padding: 12px 20px;
       text-align: center;
  }
  
  li.mobile.linebottom {
  padding-bottom: 0;
  }
  
  li.mobile hr {
  margin-top: 15px;
  }
  
  .mobile_menu li.mobile  a, .mobile_menu li.mobile span.active {
  color: #fff;
      font-size: 120%;
      text-decoration: none;
      font-weight: 500; 
        -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .mobile li a:hover {color: #934d9e}
  
  .mobile_menu .inner {
      background: rgb(0 158 228) none repeat scroll 0 0;
  }
  
  .mobile_menu_overlay.background {
  background: none;
  }
  
  @media screen and (max-width: 991px) {
  
  .mod_mobile_menu {
  display: block;
  }
  .nav--main {display: none;}
  
  }

#left .mod_eventlist {
    background-color:#fff;
    padding: 8px;
    margin: 0 20px;
    line-height:140%;
}
#left .mod_eventlist h3 {    color: #61a594;
    font-size: 1em;
    text-decoration: none;
    margin-bottom:0;
}
#left .mod_eventlist h3 a {
    text-decoration:none;
    color: #61a594;
}
#left .mod_eventlist a {
    color: #000;
}
#left .ce_hyperlink.anmelden {
    background-color: #fff;
    padding: 8px;
    margin: 20px;
    line-height: 140%;
}
.termine h2 {
    color: #61a594;
    font-size:1.125em;
    margin-bottom:0;
}

.event.featured {
    background:rgb(97, 165, 148, 0.2);
}



 /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Anfrageformular
///////////////////////*/ 
  
  
.ce_form{overflow:visible; margin:2em 0;
    background: #96988838;
        padding:3%;}
    fieldset{padding:0;margin:0;border:0;min-width:0}
    label{display:inline-block;max-width:92%;margin-bottom:.25rem;font-weight:500}
    input.captcha,input.text,textarea{background:#fff;display:block;width:90%;padding:.5rem 1rem;border-radius:4px;border:2px dotted rgba(0,0,0,.25);
    background-clip:padding-box;background-image:none}
    textarea.textarea{height:auto}
    .widget-text,.widget-textarea{margin-bottom:1.4rem}
    input[type=search]{-webkit-appearance:none}
    input[type=file]{display:block;vertical-align:middle;line-height:1}
    input.checkbox,input.radio{margin:.25rem 0 0;margin-left:1px;line-height:normal}
    input.checkbox+label,input.radio+label{margin-right:.25rem;font-weight:400}
    .widget-checkbox,.widget-radio,.widget-select,.widget-upload{margin-bottom:1rem}
    .widget-checkbox legend,.widget-radio legend,.widget-select legend,.widget-upload legend{font-weight:700}
    .checkbox_container>span,.radio_container>span{display:inline-block}
    span.mandatory{color:#fc4400}p.error{margin-bottom:0}
    label,legend{line-height:1.25}
    .widget-pagebreak button[value=back]{float:left;opacity:.5;padding-left:.75em}
    .widget-pagebreak button[value=back]:before{content:'⇽';padding-right:5px;padding-right:.25rem}
    .widget-pagebreak button[value=back]:hover{opacity:1}
    .widget-pagebreak button[value=back]+[value=continue]{float:right}
    .widget-text{position:relative; width:90%;}
    .widget-text p.error{position:absolute;right:0;font-family:freight-sans-pro,Helvetica,Arial,sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-text p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-text p.error{margin-right:.9375rem}.widget-checkbox{position:relative}
    .widget-checkbox p.error{position:absolute;left:0;font-family:freight-sans-pro,Helvetica,Arial,sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-checkbox p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-checkbox p.error{margin-right:.9375rem}
    .widget-radio legend{margin-bottom:.5rem}
    .widget-radio .radio_container label{background:#f7f7f7;border:2px solid #ccc;border-radius:4px;padding:.25rem .5rem;margin-bottom:.25rem;font-family:freight-text-pro,Georgia,"Times New Roman",serif;font-weight:700}
    .widget-radio .radio_container .radio:checked+label{border-color:#06c;color:#06c}
    .widget-select.select{display:block;margin-left:0;width:96%}
    
    
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
      border-radius: 0;
      font-size: 1em;
      transition: all .5s ease-in-out;
    } 
    
    select {
      border: 2px dotted rgba(0,0,0,.30);
      padding:.75em 1em .5em 1em;
      border-radius: 4px;
        position: relative;
        display: block;
        width:98%;
            background: url(/files/ska/theme/img/arr_blue_down.svg);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-size: 24px;
          background-color:#fff;
    }
    
    option {
      background-color:#fff;
      border-top:1px solid #e1e1e1;
      padding:.3em 1em .3em 1em;
    }
    
    select:hover {
    background-color: rgba(16,174,195,.3);
    cursor:pointer;
    }
    
    /* hide browser-styling (arrow) in IE10 */
    select::-ms-expand {
      display:none;
    }
    
    .lt-ie10 select {
        background-image: none;
    }
    
    .widget-submit {
    width: 94%;
    display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    
    button.submit {
    background: #969888 none repeat scroll 0 0;
        box-shadow: 0 0 0 inset;
        color: #000;
        height: 60px;
        margin: .7em 0;
        font-size: 18px;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        width: 50%;
        border: 0;
    }
    
    @media screen and (max-width: 767px) {
    button.submit {
        width: 100%;
    }
    input.captcha, input.text, textarea {
       width: 88%;
    }
    }
    
    button.submit:hover {
    cursor:pointer;
    color:#fff;
    background: #353728;
    }
    
    /* remove standard-styles */
    input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
    } 
    
    /* graceful degradation for ie8 */
    input[type='checkbox'],
    input[type='radio'] {
      width:auto;
      float:left;
      margin-right: .75em;
      background:transparent;
      border:none;
    }
    
    input[type='checkbox']:checked,
    input[type='checkbox']:not(:checked),
    input[type='radio']:checked,
    input[type='radio']:not(:checked) {
      background: transparent;
      position: relative;
      visibility: hidden;
      margin:0;
      padding:0;
    }
    
    input[type='checkbox'] + label,
    input[type='radio'] + label {
      cursor: pointer;
    }
    
    input[type='checkbox']:checked + label::before,
    input[type='checkbox']:not(:checked) + label::before,
    input[type='radio']:checked + label::before,
    input[type='radio']:not(:checked) + label::before {
        content:' ';
        display:inline-block;
        width: 17px;
        height:17px;
        position: relative;
        top:4px;
        border: 1px solid #bbb;
        background: white;
        margin-right:.5em;
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
    }
    
    input[type=radio]:checked + label::before,
    input[type=radio]:not(:checked) + label::before {
      border-radius: 30px;
    }
    
    input[type='checkbox']:hover  + label::before,
    input[type='radio']:hover  + label::before {
      background:#ddd;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input[type='checkbox']:checked  + label::before,
    input[type='radio']:checked  + label::before {
      background:black;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input:.-internal-autofill-selected {
        background-color: #e1e1e1 !important;
        background-image: none !important;
        color: rgb(0, 0, 0) !important;
    }

    .mod_cms_accept_tags input[type='checkbox']:checked + label::before, .mod_cms_accept_tags input[type='checkbox']:not(:checked) + label::before, .mod_cms_accept_tags input[type='radio']:checked + label::before, .mod_cms_accept_tags input[type='radio']:not(:checked) + label::before {
        display: none;
    }
  
@media only screen and (max-width: 1560px) {
 #wrapper {
    margin-right: 20px;
 }
}



@media only screen and (max-width: 1500px) {
    .mod_article .box h1, .mod_article .box h2,
    .mod_article .box.small h1, .mod_article .box.small h2 {
        max-width: 150px;
    }
}

@media only screen and (max-width: 1380px) {
    .mod_article .box h1, .mod_article .box h2,
    .mod_article .box.small h1, .mod_article .box.small h2 {
        font-size: 1.125em;
        max-width: 125px;
    }
}

@media only screen and (max-width: 1280px) {
.mod_article .box h1, .mod_article .box h2,
.mod_article .box.small h1, .mod_article .box.small h2 {

    max-width: 115px;
    font-size: 1em;
}
.caption {
    bottom: 8px;
    right: 4px;
    font-size:14px;
}
}

@media only screen and (max-width: 1180px) {
    .filters ul {
        -moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
        column-count: 4;
        line-height: 24px;
    }

}
@media (max-width: 940px) {
#left .ce_hyperlink.anmelden {
    margin: 20px 0;
}
}
@media (max-width: 940px) {
.mod_navigation {
    display:none;
}
#wrapper {
    padding: 0 0 0 20px;
}
#container {
    padding-left: 0;
}

#left {
    right: 0;
    margin-left: 0;
}
#main, #left, #right {
    float: none;
    width: auto;
}
#left .mod_eventlist {
    margin: 0;
}

.desktop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0px;
}

.desktop .col-1-tev {
        grid-column: span 1 / span 1;
}
.desktop .col-1-tev.space-top {
    margin-top: 0;
}

}
@media only screen and (max-width: 768px) {
    .filters ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
    }

}

.mod_eventlist.advent h2:first-child {
 display:none;
}
.mod_eventlist.advent .event-content h2:first-child {
    display:block;
    color: #fff;
   }
.mod_eventlist.advent a {
 color:#fff;
}

.event-content img {
    position: relative;
}
.event-content {
    position: absolute;
    margin: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.event-content {
    color:#fff;
}