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}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

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

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
  * Carolin Schwank
  * Website für Praxis Dr. Kerstin Göbel
  * carolinschwank.de
  *
  */


// sass-lint:disable-all

@media print {

  // basic styles from html5 boilerplate https://github.com/h5bp/html5-boilerplate/blob/master/scss/main.css
  *,
  *:before,
  *:after,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
    font-size: var(--base-font-size);
    font-weight: normal;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
    font-size: var(--base-font-size);
    font-weight: normal;
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  div.btn a,
  a.btn,
  input.submit {
    color: #000 !important;
    border-color: #000 !important;
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    // border: 1px solid #999;
    page-break-inside: avoid;
  }

  // Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
  // end html5 boilerplate

  .logo a[href]:after,
  .ce_gallery a[href]:after {
    content: "";
  }

  .nav,
  .nav-toggler,
  .hero__image,
  .ce_comments .form {
    display: none;
  }

  .hero,
  .mod_article.hero,
  .news-full--hero .hero {
    min-height: 0;
  }

  // [1] prevent double borders, when two or more .band articles are following
  .band {
    margin-top: calc(-1 * var(--base-border-width)); // [1]
    border-top: var(--base-border-width) solid var(--color-gray-light);
    border-bottom: var(--base-border-width) solid var(--color-gray-light);
  }

  .news-grid > div {
    grid-column: span 6 !important;

    .image_container a:after {
      content: "";
    }
  }

  .news-full--hero .text_container,
  .ce_comments {
    @include make-width(12);
  }

  .ce_accordion .accordion {
    display: block !important;
  }

  .ce_accordion .ui-accordion-header-icon {
    display: none;
  }

  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xl-6 {
    grid-column: span 6;
  }

  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xl-4 {
    grid-column: span 4;
  }
}

@charset "UTF-8";

/*
Theme Name: cnsk
Author: Carolin Schwank
Author URI: http://www.carolinschwank.de
*/



/* Navigation */

#header .nav-horizontal {
	display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}


.nav-horizontal a:link,
.nav-horizontal a:visited {
  color: #000;
}

.nav-horizontal.block { overflow: hidden; }
.nav-horizontal { line-height: 1.2em; }

.nav-horizontal ul {
  margin: 0;
  padding: 0;
}

.nav-horizontal li {
  padding: 0;
  list-style-type: none;
  display: inline-block;
  margin-left: 1.5rem; 
}


.nav-horizontal a,
.nav-horizontal strong.active,
.nav-horizontal strong.trail,
.nav-horizontal a.trail {
  font-size: 16px;
  font-weight: 400; 
  display: block;
  margin: 0;
  text-decoration: none; 
  cursor: pointer; 
  color: #a421a4; 
  opacity: 1;
}

.nav-horizontal a:hover,
.nav-horizontal strong.active:hover,
.nav-horizontal strong.trail:hover {
  color: #a421a4;
}

.nav-horizontal li.active,
.nav-horizontal li.trail {
  color: #a421a4;
  font-weight: 700;
  opacity: 1 !important;
}

.nav-horizontal a.last,
.nav-horizontal strong.active.last,
.nav-horizontal strong.trail.last {
  padding-right: 0;
}

@media (max-width: 991px) {
  
  #header .nav-horizontal { display: none; }
  
}



/*-----------------------------------------------------------------------------------*/
/*  Mobiles Menü
/*-----------------------------------------------------------------------------------*/

#header .mod_mobile_menu {
  display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

#header .mobile_menu_trigger { 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; transition: all 0.5s; 
  height: 60px; 
	width: 60px;
	margin-top: 15px;
	background: url('../../files/Theme/img/icon-mobile-menu-open.png') no-repeat; 
	background-position: center center;
	background-size: contain;
}

.mobile_menu .close { 
  width: 100%; 
  display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	justify-content: flex-end; 
	padding: 30px; }

.mobile_menu .close a { 
  display: block; 
  height: 60px; 
	width: 60px; 
	background: url('../../files/Theme/img/icon-mobile-menu-close.png') no-repeat; 
	background-position: center center;
	background-size: contain;
}

.mobile-nav-main .mod_navigation .inner         { background-color: #000; }
.mobile-nav-main .mod_navigation a              { outline: 0; text-decoration: none; color: #fff; font-size: 1.6rem; font-weight: 300; }
.mobile-nav-main .mod_navigation a:link         { color: #fff; }
.mobile-nav-main .mod_navigation a:visited      { color: #fff; }
.mobile-nav-main .mod_navigation a:hover        { color: #cc49cc; }
.mobile-nav-main .mod_navigation a:focus        { outline: gray; }
.mobile-nav-main .mod_navigation strong.active  { font-size: 1.6rem; font-weight: 300; color: #cc49cc; }
.mobile-nav-main a.trail                        { font-size: 1.6rem; font-weight: 300; color: #cc49cc; }


.mobile-nav-main                            { font-size: 2.4rem; }
.mobile-nav-main .mod_navigation ul         { list-style-type: none; margin-top: 1rem; padding: 0 }
.mobile-nav-main .mod_navigation li         { display: block; padding: 0; line-height: 3.2; text-align: center; }


@media (min-width: 991px) {
  
  #header .mod_mobile_menu { display: none; }
  
}



@charset "UTF-8";

/*
Theme Name: Hilfe durch Spaß
Author: Carolin Schwank
Author URI: http://www.carolinschwank.de
*/


/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/Theme/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../../files/Theme/fonts/montserrat-v25-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/Theme/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../../files/Theme/fonts/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/Theme/fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../../files/Theme/fonts/montserrat-v25-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/Theme/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../../files/Theme/fonts/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/Theme/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../../files/Theme/fonts/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/*---------------------------------------------------------------------------------------------*/
/*	General 
/*---------------------------------------------------------------------------------------------*/

* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

html {
  height: 100%;
  font-size: 100%; 
  scroll-behavior: smooth;
}

body {	
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-display: swap;
  font-size: calc(14px + (16 - 14) * ((100vw - 620px) / (1400 - 320)));
  line-height: calc(1.5em + .2vw);
  word-break: break-word;
  font-weight: 400;
  color: #4c4c4c;	
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #cfe6e2;
  min-height: 50vh; 
  background-color:#ffffff;
  opacity:1;
}

::-moz-selection  { background: #a421a4; color: #fff; }
::selection       { background: #a421a4; color: #fff; }

#wrapper          { width: 100%; }
#header           { width: 100%; }
#container        { max-width: 100%; text-align: center; margin: 0 auto; }
#main             { width: 100%; text-align: left; margin: 0 auto; padding-top: 10px; padding-bottom: 5rem; background-color: #fff; }
.startseite #main { padding-top: 0; }

#main .row        { max-width: 1180px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
#container        { padding-top: 150px;  }

img 			        { max-width: 100%; height: auto; vertical-align: middle;}
strong 			      { font-weight: 600; }
em				        { font-weight: 300; font-style: italic; }
p, ul, dd 		    { margin: 0 0 1.5rem 0; padding: 0; }
figure 			      { margin-left: 0; }
.invisible 		    { display: none; }
.upper 			      { text-transform: uppercase; }
.indent 		      { padding-left: 3em; }
.s, .caption	    { color: #283643;font-size: 0.88em;line-height: 1.5;font-style: italic; }
.caption          { margin-top: 0.75em;font-size: 0.75em; }
.block			      { overflow:hidden; }
figure 			      { margin: 0;padding:0;}
abbr[title] 	    { border-bottom: 1px dotted #ccc; text-decoration: none; }
p.note 				    { padding-left: 20px; border-left: 5px solid #db283d; }
.spacer           { height: 10px; margin: 2rem 0 2rem; }

.shadow {
  box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
  -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
  -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
}

#main ul            { padding-left: 30px; }
#main ul li         { list-style-type: disc; padding-left: 5px; }
#main ul li::marker { color: #125912; }


span.amount { 
  font-size: 1.7rem;
  text-align: center; 
  display: block;   
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.5em;
	padding: 0.5rem 1.8rem;
	border: none;
	background-color: #591259;
  color: #fff; 
}

span.amount:hover {
  background-color: #125912;
}


/* Ausrichtung */

.center       { text-align: center; }
.left         { text-align: left; }
.right        { text-align: right; }

/* Farben */

/* Alt: .color1-1 {	color: #db283d } /* Rotorange */ 
.color1-1 {	color: #db283d } /* Blush */ 
.color2-1 { color: #009136 } /* Grün */
.color3-1 { color: #1d384b } /* Grau mittel */
.color3-2 { color: #1a2227 } /* Grau dunkel */


/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/

a { outline: 0; text-decoration: none; color: #2f5e7e; }
a:link { color: #125912; }
a:visited { color: #3d993d; }
a:hover { color: #591259; }
a:focus { outline: gray; }
a:active { outline: #db283d }
       
       
button {
	background-color: #009136;
	color: rgba(255,255,255,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.5em;
	padding: 0.6em 1.8em;
	font-size: 1rem;
	border: none;
	margin-top: 1em;
}

button a, button a:link, button a:visited { color: rgba(255,255,255,0.8); }
button:hover { background-color: #591259; }
button:hover a { color: #fff; }
       

/*-----------------------------------------------------------------------------------*/
/*	Headlines
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #591259; font-weight: 400;
}

h1 { font-size: 3.2rem;margin: 0 0 1em 0; line-height: 1.4; }
h2 { font-size: 2.8rem; font-weight: 300; margin: 0 0 0.8em 0; line-height: 1.4; }
h3 { font-size: 1.6rem;margin: 1.2em 0 0.8em 0; line-height: 1.4; }
h4 { font-size: 1.2rem;margin: 1.2em 0 0.8em 0; line-height: 1.3; }
h5 { font-size: 1rem;font-weight:600;margin: 1.2em 0 0.5em 0; }
h6 { font-size: 1rem;font-weight:400;margin: 1.2em 0 0.5em 0; }

h2.main-headline::after {
  content: ' ';
  display: block;
  border-bottom: 3px solid #591259;
  width: 16%;
  padding-top: 1.0rem;
  margin-bottom: 1.5rem;
  margin: 0 42% 3.5rem 42%;
}


/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

#header { 
  text-align: center;
  width: 100%;	
	position: fixed;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  height: 160px;  
  z-index: 100; 
  background-color: rgba(255,255,255,1);
  border-bottom: 1px solid #e0e0e0;
}

#header .inside { 
	margin: 0 auto; 
  max-width: 1180px; 
	text-align: left; 
	padding-left: 30px; 
	padding-right: 30px; 
	padding-top: 0;
	height: 100%; 
	position: relative;
	display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	align-items: center;
}

#header.fixed-header { height: 90px; background-color: rgba(255,255,255,1.0); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.29); }

#header .inside .logo { 
	width: 150px;
  height: 120px;
	background: url('../../files/Theme/img/logo-hilfe-durch-spass.png') no-repeat;
	background-size: contain;
	display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0; 
	padding: 0;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;
}

#header.fixed-header .inside .logo { 
	width: 110px;
  height: 80px;
}


#header .logo h1 { margin: 0; padding: 0; text-indent: -10000px; width: 100%; height: 100%; }
#header.fixed-header .logo { width: 130px; }
#header.fixed-header .logo a { color: #db283d; opacity: 1;  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#header .logo a:hover, #header.fixed-header .logo a:hover { color: #db283d; opacity: 1; text-decoration: none; }



/*-----------------------------------------------------------------------------------*/
/*  Startseite
/*-----------------------------------------------------------------------------------*/

.hero { height: calc(80vh - 155px); background: url('../../files/Media/keyvisual-startseite-benefiz-gala-5.jpg') 0 0px no-repeat; background-size: cover; position: relative }

.welcome {
  height: 100%;
  text-align: center;
  position: relative;
}

.welcome .row { padding: 0; margin: 0; } 
.welcome-text { position: absolute; bottom: 90px; width: 100%; text-align: center; }
.welcome-text h2 { font-size: calc(20px + (60 - 20) * ((100vw - 620px) / (1400 - 320))); color: #fff; margin-bottom: 0.5rem; line-height: 1.2; }
.welcome-text h2::after { 
  content: ' ';
  display: block;
  border-bottom: 3px solid #fff;
  width: 15%;
  padding-top: 1rem;
  margin: 0 42.5% 1rem 42.5%;
}
.welcome-text p { font-size: calc(16px + (22 - 16) * ((100vw - 620px) / (1400 - 320))); color: #fff; line-height: 1.5; }

.welcome-text .hero--cover {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 80%;  
}

.welcome button {
	background-color: #591259;
	/*background-color: #009136;*/
}

.welcome button:hover {
  background-color: #c701ad;
  box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
  -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
  -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.69);
}

.news-area { margin-top: 4rem; }

.news-area .mod_newslist {
  max-width: 1120px ;
  margin: 0 auto 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.news-area p.info {
  font-size: 80%;
}

.news-area .layout_latest { margin-bottom: 3rem; background-color: #125912; text-align: left; }
.news-area .layout_latest h2,
.news-area .layout_latest p { font-size: 95%; padding-left: 30px; padding-right: 30px; color: #fff; }
.news-area .layout_latest h2 { font-size: calc(18px + (24 - 18) * ((100vw - 620px) / (1400 - 320))); font-weight: 400; margin-top: 2rem; }
.news-area .layout_latest a:link { color: #fff; }
.news-area .layout_latest a:hover { color: #a421a4; }
.news-area .layout_latest a:visited { color: #c6d7c6; }

.layout_full .image_container { margin-bottom: 2rem; }
.layout_full h2 { font-size: calc(18px + (24 - 18) * ((100vw - 620px) / (1400 - 320))); line-height: 1.3;  margin-top: 1rem; }

@media (max-width: 680px) {
	.news-area .mod_newslist { display: block; }
}


/*-----------------------------------------------------------------------------------*/
/*  Contentseiten
/*-----------------------------------------------------------------------------------*/

/* Bildelemente */

.hero-content { height: 350px;  background: url('../../files/Media/keyvisual-startseite-benefiz-gala-4.jpg') 0 -100px no-repeat; background-size: cover; margin-bottom: 5rem; }
.hero-content.meta { height: 320px;  background: url('../../files/Media/keyvisual-content-meta.jpg') 0 bottom no-repeat; background-size: cover; }
.img-content {  }
#main .row.full-content { max-width: 100%; }

.row.gala-gallery { background-color: #e3ebe3; }

.ce_gallery ul { padding-left: 0 !important; }
.ce_gallery li { margin: 0 !important; padding: 0 !important; list-style-type: none !important; }




/* Meldungen */

.mod_newsreader h2 { font-size: calc(18px + (28 - 18) * ((100vw - 620px) / (1400 - 320))); line-height: 1.2; }
.mod_newsreader .ce_text { margin-left: 30px; margin-right: 30px; }


/* Meldungsarchiv */

.archive .layout_latest { margin-bottom: 2rem; }
.archive .image_container { float: left; margin-right: 20px; margin-bottom: 50px; max-width: 300px;}
.archive h3, .archive p { margin-top: 0; margin-bottom: 0.5rem; }


/* Textelemente */

.text-background {  background: #e3ebe3; padding: 50px 50px; }
.text-background.dark { background: #009136; }
.text-background.dark p, .text-background.dark h3  { color: #fff; }
.border-right { border-right: 10px solid #009136; margin-right: 2rem; }
.border-left { border-left: 10px solid #009136; margin-left: 2rem; }
.text-background p:last-child { margin-bottom: 0; }
.text-notice { padding: 30px 0 30px 30px; margin-top: 1rem; }
.text-notice h4 { color: #125912; line-height: 1.4; }

/* Formular */

.formular { margin-top: 1em; }
.formular legend { margin-bottom: 0.4rem; }
.formular .explanation { color: #777; font-size: 0.75em; line-height: 1.3; font-style: italic; }
.formular fieldset { border: none; padding: 0; }
.formular .checkbox_container { margin-bottom: 1.75em; }
.formular .checkbox_container > span { display: block; }
.formular .widget-text, .formular .widget-textarea, .formular .widget-captcha { margin-bottom: 1.75em; }
.formular input[type="text"], .formular input[type="email"], .formular textarea { padding: 0.75em 0.75em; width: 100%;background-color: #f9f9f9; border: 1px solid #e4e4e4; border-bottom: 1px solid #9caabc; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);box-shadow:inset 0 0 0 rgba(0,0,0,0); }
.formular input[type="text"]:focus, .formular input[type="email"]:focus, .formular textarea:focus { background-color: #fcfcfc;  }

.formular button[type="submit"] {
	background-color: #009136;
	color: rgba(255,255,255,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.5em;
	padding: 0.6em 1.8em;
	font-size: 1em;
	border: none;
	margin-top: 1em;
}

.formular button:hover { background-color: #591259; color: #fff; }
.formular input[type="text"].captcha { width: 160px; text-align: center; margin-right: 0.6em; }
.formular .captcha_text { font-style: italic; }
.formular span.mandatory { color: #ff5252; padding-left: 0.5em; }


/* Pagination */

.pagination { clear: both; margin-top:25px; padding-top: 25px; border-top: 1px solid #ccc;}
.pagination p { float: left;  }
.pagination ul { float: right; text-align: right; }
.pagination li { display: inline; }
.pagination .first, .pagination .previous, .pagination .next, .pagination .last  {	display: none; }
.pagination strong.active { background-color: #099c00;color: #FFF;padding: 2px 8px; }
.pagination a { background-color: #E8E8E8;color: #000;padding: 2px 8px;text-decoration: none; border-bottom: none; }
.pagination a:hover { background-color: #666;color: #FFF; }


/* Sponsoren */

.sponsoren figure {border: 1px solid #ddd;}

/*
.sponsoren_1 { border: 1px solid #c00; }
.sponsoren_1 ul { 
  padding-left: 0 !important; 
  margin-left: 0 !important; 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  list-style-type: none;
}
.sponsoren_1 li { list-style-type: none !important; display: grid; }
*/

#main .logos-exzellenz-sponsoren ul { padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
#main .logos-exzellenz-sponsoren ul li { list-style-type: none; width: 200px; height: 200px; margin: 0 20px 20px 0; }


#main .logos-exzellenz-sponsoren ul li a { display: block; width: 100%; height: 100%; text-indent: -10000px; border: 1px solid #ddd; }
#main .logos-exzellenz-sponsoren ul li a:hover { border: 1px solid #125912; }


#main .logos-exzellenz-sponsoren ul li a.logo-greenlife { background: url('../../files/Media/Sponsorenlogos/logo-greenlife.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-reinfurt { background: url('../../files/Media/Sponsorenlogos/logo-klaus-reinfurt.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-hofbraeu { background: url('../../files/Media/Sponsorenlogos/logo-wuerzburger-hofbraeu.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-kohl { background: url('../../files/Media/Sponsorenlogos/logo-kohl-furnierwerk.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-lzs { background: url('../../files/Media/Sponsorenlogos/logo-lzs.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-mm { background: url('../../files/Media/Sponsorenlogos/logo-M-und-M.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-mannel { background: url('../../files/Media/Sponsorenlogos/logo-mannel-immobilien.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-maritim { background: url('../../files/Media/Sponsorenlogos/logo-maritim-wuerzburg.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-miller { background: url('../../files/Media/Sponsorenlogos/logo-robert-miller.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-marschall { background: url('../../files/Media/Sponsorenlogos/logo-marschall.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-sparkasse { background: url('../../files/Media/Sponsorenlogos/logo-oppmann.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-megaphon { background: url('../../files/Media/Sponsorenlogos/logo-mega-phon.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-schlereth { background: url('../../files/Media/Sponsorenlogos/logo-schlereth.png') no-repeat; background-size: cover; }
#main .logos-exzellenz-sponsoren ul li a.logo-cumiskey { background: url('../../files/Media/Sponsorenlogos/logo-cumiskey.png') no-repeat; background-size: cover; }



#main .logos-sponsoren ul { padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
#main .logos-sponsoren ul li { list-style-type: none; width: 150px; height: 150px; margin: 0 20px 20px 0; padding: 0; }

#main .logos-sponsoren ul li a { display: block; width: 100%; height: 100%; text-indent: -10000px; border: 1px solid #ddd; }
#main .logos-sponsoren ul li a:hover { border: 1px solid #125912; }

#main .logos-sponsoren ul li a.logo-ert { background: url('../../files/Media/Sponsorenlogos/logo-ert.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-flexus { background: url('../../files/Media/Sponsorenlogos/logo-flexus.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-mehler { background: url('../../files/Media/Sponsorenlogos/logo-mehler.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-rothschenk { background: url('../../files/Media/Sponsorenlogos/logo-rothschenk.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-spitzhuettl { background: url('../../files/Media/Sponsorenlogos/logo-spitzhuettel.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-tauropharm { background: url('../../files/Media/Sponsorenlogos/logo-tauropharm.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-teegschwender { background: url('../../files/Media/Sponsorenlogos/logo-tee-gschwender.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-theater-apo { background: url('../../files/Media/Sponsorenlogos/logo-theater-apo.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-sturm { background: url('../../files/Media/Sponsorenlogos/logo-sturm.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-der { background: url('../../files/Media/Sponsorenlogos/logo-der.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-oppmann { background: url('../../files/Media/Sponsorenlogos/logo-oppmann.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-schiborr { background: url('../../files/Media/Sponsorenlogos/logo-schiborr.png') no-repeat; background-size: cover; }
#main .logos-sponsoren ul li a.logo-schiffer { background: url('../../files/Media/Sponsorenlogos/logo-schiffer.png') no-repeat; background-size: cover; }




/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#footer { margin-top: 70px; }

#footer .inside {
	text-align: left;
	color: #747474;
	line-height: 1.4;
}

#footer .row {
	max-width: 1180px;
	text-align: left;
	margin: 0 auto;
	padding-left: 30px; 
	padding-right: 30px;	
}

#footer .footer-content { background-color: #333333; padding-top: 4.5rem; padding-bottom: 3.0rem; text-align: left; }
#footer .footer-content h3 { opacity: 1; color: #a421a4; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; font-size: 16px; margin-top: 0; margin-bottom: 1.5rem; }
#footer .footer-content p { font-weight: 300; opacity: 0.8; line-height: 1.5; color: #fff; padding-bottom: 1rem; }
#footer .footer-content a { color: #fff; text-decoration: none; outline: 0; }
#footer .footer-content a:link { opacity: 0.8 }
#footer .footer-content a:hover { opacity: 1; }
#footer .footer-content a:visited { opacity: 0.8; }
#footer .footer-content p { font-size: 85%; margin: 0;}


/* Footer EOF */

#footer .footer-eof { background-color: #2c2c2c; color: #fff; font-size: 75%; padding-top: 3em; padding-bottom: 2.5em; }
#footer .footer-eof p { opacity: 0.6; margin: 0; }
#footer .footer-eof ul { margin: 0; }
#footer .footer-eof li { list-style: none; display: inline-block; }
#footer .footer-eof li::after { content: ' /'; opacity: 0.2; }
#footer .footer-eof li.last::after { content: none; }
#footer .footer-eof a:link { color: #fff; opacity: 0.6; }
#footer .footer-eof a:hover { color: #fff; opacity: 0.8;  }
#footer .footer-eof a:visited { color: #fff; opacity: 0.4; }


/*-----------------------------------------------------------------------------------*/
/*	Abstände
/*-----------------------------------------------------------------------------------*/


/* padding-bottom */

.pb-1  { padding-bottom:  1rem; }
.pb-2  { padding-bottom:  2rem; }
.pb-3  { padding-bottom:  3rem; }
.pb-4  { padding-bottom:  4rem; }
.pb-5  { padding-bottom:  5rem; }
.pb-6  { padding-bottom:  6rem; }
.pb-7  { padding-bottom:  7rem; }
.pb-8  { padding-bottom:  8rem; }
.pb-9  { padding-bottom:  9rem; }
.pb-10 { padding-bottom: 10rem; }


/* padding-top */

.pt-1  { padding-top:  1rem; }
.pt-2  { padding-top:  2rem; }
.pt-3  { padding-top:  3rem; }
.pt-4  { padding-top:  4rem; }
.pt-5  { padding-top:  5rem; }
.pt-6  { padding-top:  6rem; }
.pt-7  { padding-top:  7rem; }
.pt-8  { padding-top:  8rem; }
.pt-9  { padding-top:  9rem; }
.pt-10 { padding-top: 10rem; }


/* margin-bottom */

.mb-1  { margin-bottom:  1rem; }
.mb-2  { margin-bottom:  2rem; }
.mb-3  { margin-bottom:  3rem; }
.mb-4  { margin-bottom:  4rem; }
.mb-5  { margin-bottom:  5rem; }
.mb-6  { margin-bottom:  6rem; }
.mb-7  { margin-bottom:  7rem; }
.mb-8  { margin-bottom:  8rem; }
.mb-9  { margin-bottom:  9rem; }
.mb-10 { margin-bottom: 10rem; }


/* margin-bottom */

.mt-1  { margin-top:  1rem; }
.mt-2  { margin-top:  2rem; }
.mt-3  { margin-top:  3rem; }
.mt-4  { margin-top:  4rem; }
.mt-5  { margin-top:  5rem; }
.mt-6  { margin-top:  6rem; }
.mt-7  { margin-top:  7rem; }
.mt-8  { margin-top:  8rem; }
.mt-9  { margin-top:  9rem; }
.mt-10 { margin-top: 10rem; }