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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* karla-200 - 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: 'Karla';
	  font-style: normal;
	  font-weight: 200;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-200italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 200;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-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: 'Karla';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-300italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 300;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-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: 'Karla';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-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: 'Karla';
	  font-style: italic;
	  font-weight: 400;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-500 - 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: 'Karla';
	  font-style: normal;
	  font-weight: 500;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-500italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 500;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-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: 'Karla';
	  font-style: normal;
	  font-weight: 600;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-600italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 600;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-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: 'Karla';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-700italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 700;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-800 - 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: 'Karla';
	  font-style: normal;
	  font-weight: 800;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* karla-800italic - 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: 'Karla';
	  font-style: italic;
	  font-weight: 800;
	  src: url('../../files/css_rel/fonts/karla-v31-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}


/* Mainstyles */

html {
	height: 100%;
	font-size: 20px;
	line-height: 26px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* -webkit-overflow-scrolling: touch; */
	--grid__gutter: 2.875rem;
	/* -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
	-webkit-hyphenate-limit-after: 4;
	-ms-hyphenate-limit-chars: 10 3 4;
	hyphenate-limit-chars: 10 3 4;
	-moz-hyphenate-limit-chars: 10 3 4; */
	scroll-snap-type: y mandatory;
	overflow-y: scroll; 
}

body {
	font-family:'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	color: #1E2332;
	min-height: 100%;
	position: relative;
	background-color: #fff;
	color: #fff;

}

#wrapper {
  padding-top: 150px;
}

.altmenu #wrapper {
  padding-top: 0;
}

.custom, header {
	position: fixed;
	top: 0;
	height: 150px;
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
  background-color: #fff;
  transition: top 0.2s ease-in-out;
}

.altmenu header {
	position: fixed;
	top: 0;
	height: 130px;
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
  background-color: transparent;
  transition: top 0.2s ease-in-out;
}

.nav-up {
	top: -150px;
}

.altmenu .nav-up {
	top: -130px;
}

#logo {
  width: 330px;
  left: 100px;
  position: absolute;
  padding-top: 20px;
}

.overlay #logo {
  width: 215px;
  left: 100px;
  position: absolute;
  top: 40px;
  border: none;
  outline:0;
}

.overlay #logo a:focus {
  border: none;
  outline: 0;
}

.overlay .row {
	padding-top: 30px;
}

.ce_text p {
	font-size: 1.5em;
	line-height: 1.3em;
}

.ce_text p a {
	color: #fff;
	text-decoration: none;
}

.layout_short .ce_text p,.layout_short .ce_text a {
	font-size: 1em;
	line-height: 1.5;
	color: #ffffff4c;
	text-decoration: none !important;
}


.ce_text.middle p,.layout_teaser .ce_text p,.layout_latest .ce_text p {
	font-size: 1.3em;
	margin-bottom: 0;
}


#smicons {
  position: absolute;
  right: 120px;
  width: 170px;
  top: 50px;
}

#smicons a {
  float: left;
  margin-left: 10px;
}

#smicons a.ig-w {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

#smicons a img {
  max-height: 25px;
  vertical-align: bottom;
  display: inline;
}



/* Anpassen Boxmodel */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Wrapper & Co */



.snap .mod_article {
	min-height: 100vh;
	scroll-behavior: smooth;
	width: 100vw;
	scroll-snap-align: start;
}

html body.tablet .snap .mod_article,html body.phone .snap .mod_article {
	scroll-snap-align: none;
}

.snap.events .mod_article {
	min-height: 100vh;
	width: 100vw;
	scroll-snap-align: start;
	padding-top: 150px;
}

.events .mod_article {
	min-height: 100vh;
	width: 100vw;
	padding-top: 150px;
}

.snap #die-initiative.mod_article {
	padding-top: 150px;
}

.snap #team.mod_article {
	padding-top: 75px;
}

#was-wir-machen.mod_article {
	scroll-snap-align: end;
}

.snap #team.mod_article .row {
	padding-bottom: 40px;
}

#team .ce_text p {
  font-size: 1.3em;
  line-height: 1.5em;
}

.snap.altmenu .row {
	min-height: 80vh;
}


.altmenu .mod_article:first-of-type {
	padding-top: 150px;
} 

.altmenu.nobg .mod_article:first-of-type {
	padding-top: 70px;
}

/** Layout **/

.row {
	max-width: 100%;
	padding: 0 100px 0 100px;
}

.row .row {
	max-width: 100%;
	padding: 0;
}

.calender #main .row {
  max-width: 100%;
  padding: 0 50px 0 50px;
  margin: 0 50px;
}

.calender .mod_eventlist h1 {
  padding: 30px 0 50px 100px;
  text-transform: uppercase;
  font: normal 800 2.2em/2.2em 'Karla', sans-serif !important;
}

.calender .mod_eventlist h2 {
  font: normal 800 2.2em/1em 'Karla', sans-serif;
  text-transform: none;
}

.calender .mod_eventlist h2:hover {
  color: #fff;
}

.calender .empty {
	padding: 0 50px 50px 50px;
	margin: 0 50px;
}

.layout_full .day, .layout_full label {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.layout_full .date {
	font: normal 200 4em/1em 'Karla', sans-serif;
}

.layout_full .registration {
	line-height: 1.5em;
}

.layout_full .ce_text p,.layout_full .ce_text li,.layout_full .teaser p {
  font-size: 1em;
  line-height: 1.5em;
}

.layout_full .teaser p {
  line-height: 2em;
}

.calender .layout_full .teaser p {
  line-height: 1.5em;
}

.calender .mod_article.pink {
	background: url(../../files/css_rel/svg/calender-badge.svg) no-repeat top 10% right 2% #c71585;
	background-size: 500px 500px;
}

.calender .row {
	--grid__gutter: 0;
}

.ui-accordion-content .row {
	background-color: #fff;
}

.ui-accordion-content .row p,.ui-accordion-content .row li {
	color: #3c3e75;
}


.ui-accordion-content .row .col-md-2 {
	color: #c7017f !important;
}

.ce_accordion [aria-selected='true'] .row .col-md-4,.ce_accordion [aria-selected='true'] .categoriestitel,.ce_accordion .location,.ce_accordion .registration,.ce_accordion .registration a,.ce_accordion .registration p {
	color: #c7017f !important;
	text-decoration: none;
}

.ce_accordion [aria-selected='true'] .row {
	padding-top: 20px !important;
}

.ce_accordion .ui-accordion-content {
	margin-bottom: 30px !important;
}

.ce_accordion .ui-accordion-content .row {
	padding-bottom: 30px !important;
}

.categoriestitel {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.ce_accordion .registration {
	padding-top: 30px;
}

.ce_accordion [aria-selected='true'] .row hr {
	display: none;
}

.ui-accordion-content .location a {
	color: #c7017f !important;
}

.ce_accordion [aria-selected='true'] .row {
	background-color: #fff;
}

.ce_accordion [aria-selected='true'] .row .teaser {
	color: #c7017f !important;
}

.ce_accordion [aria-selected='true'] .row .col-md-9 {
	display: none;
}

.ce_accordion [aria-selected='true'] .row h2 {
	color: #c7017f !important;
}

.center .row {
	min-height: 90vh;
}

.center #footer .row {
	min-height: 10vh;
}

.row.blue, .mod_article.blue {
	background-color: #1488ca;
}

.mod_article.lightblue {
	background-color: rgba(20, 136, 202, 0.15);
}

.legal #main p,.contact #main .ce_text p,.legal #main li {
	color: #000;
}

.legal #main a,.contact #main a {
	color: #000;
	text-decoration: underline;
}

.legal #main a,.contact #main a {
	color: #000;
	text-decoration: underline;
}

.legal .ce_er24_legal_text {
	margin: 50px 0;
}

#newsletter .row {
	margin: 0 0 50px 0;
}

#newsletter form {
  margin-bottom: 65px;
}

.contact #main label,.contact #main form {
	color: #000;
}
.contact button {
  background-color: #3c3e75 !important;
}

.legal h1 {
	font: normal 700 1.5em/1.3em 'Karla', sans-serif;
	color: #1488ca;
	text-transform: none;
}

.legal h2,.legal h3 {
	font: normal 800 1em/1.3em 'Karla', sans-serif;
	color: #3c3e75;
	text-transform: none;
}

.contact h2 {
	font: normal 700 1.3em/1.5em 'Karla', sans-serif;
	color: #3c3e75;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.legal h4,.contact strong {
	color: #3c3e75;
	text-transform: none;
}

.contact #footer strong {
	color: #fff;
	text-transform: none;
}

.legal h2 {
	text-transform: uppercase;
}

h2.blue {
	color: #1488ca !important;
	text-transform: none;
}

.row.darkblue, .mod_article.darkblue {
	background-color: #26699b;
}

.row.pink, .mod_article.pink {
	background-color: #c7017f;
}

.row.purple, .mod_article.purple {
	background-color: #3c3e75;
}


/** default **/

.ce_text ul {
	list-style-type: disc;
}

.ce_text li {
	margin-bottom: 8px;
	font-size: 1.5em;
	line-height: 1.3;
}

#toTop,
#toTop:hover {
	color: #005078;
	background-color: #FFF;
	cursor: pointer;
}

#toTop {
	bottom: 100px;
}

.ce_youtube,
.ce_vimeo {
	position: relative;
	padding-bottom: 0;
	width: 100%;
	height: auto;
}

.layout_teaser .ce_youtube,.ce_vimeo,.layout_teaser .iframe {
	width: 100%;
}

.layout_teaser .image_container {
	width: 70%;
}

.layout_teaser .image_container img,.mod_eventreader .image_container img {
	border: 1px solid #fff;
}

.event.layout_teaser.hide {
	display: none;
}

.instaliveteaser .layout_teaser {
	min-height: 75vh;
}

.ce_youtube iframe,
.ce_vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	color: transparent;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 10px;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mod_eventreader .ce_youtube {
	display: none;
}

.video,#instaembed,#pict {
  margin-bottom: 0.8em;
}

.mod_eventreader .ce_youtube.display,.mod_eventreader .image_container {
	display: block;
	margin-bottom:50px;
}

.mod_eventreader h1,.mod_newsreader h1 {
	font: normal 800 2.8em/1.1em 'Karla', sans-serif;
}

.nobg h1 {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 800;
}

img {
	display: block;
	vertical-align: bottom;
}

/* #header {
	position: fixed;
	top:0;
	z-index: 10000;
	background-color: #fff;
	width: 100%;
} */

#header_hr {
  height: 10px;
  width: 100%;
  position: absolute;
  top: 140px;
}

#header_hr span,#body_hr span {
	display: block;
	float: left;
	height: 10px;
	left: 0px;
	position: relative;
}

#body_hr.top {
  padding-bottom: 150px;
}

#body_hr.bottom {
  position: absolute;
  bottom: 0;
  width: 100%
}

#footer #body_hr {
	font-size: 0;
	line-height: 0;
}

.hhr_1 {
	background-color: #0d87d4;
	width: 21%;
}

.blue .hhr_1 {
	background-color: #1488ca;
	width: 100%;
}

.hhr_2 {
	background-color: #266996;
	width: 32%;
}

.hhr_3 {
	background-color: #3c3f77;
	width: 18%;
}

.hhr_4 {
	background-color: #c71585;
	width: 29%;
}

.mod_ticker {
	padding: 150px 0 10px 0;
	font-size: 2em;
}

/* .teaserbox_pub, .teaserbox_events {
	background: url(../../files/css_rel/svg/teaserbox_bg.svg);
	background-size: cover;
	min-height: 60vh;
	margin-top:20vh;
} 

.teaserbox_events {
	background: url(../../files/css_rel/svg/teaserbox_bg2.svg);
	background-size: cover;
}

.teaserbox_pub h2, .teaserbox_events h2 {
	font: normal 700 2.6vw/2.3em "quasimoda", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-top: 100px;
} */

.teasersite .row {
	min-height: 70vh;
}

h1.oblique,.snap h1.oblique {
	transform: rotate(-16.5deg);
	font: normal 800 2.2em/1.3em 'Karla', sans-serif;
	text-transform: uppercase;
	padding-bottom: 120px;
	padding-top: 0;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	word-wrap: none;
	overflow-wrap: normal;
}

.publications h1.oblique, .snap .blue h1.oblique {
	transform: rotate(-4deg);
}

.ce_linkteaser h2 {
	font: normal 800 3em/3em 'Karla', sans-serif;
	color: #ffffff4c;
	text-transform: none;
}

.teasersite .ce_linkteaser h2 {
	font: normal 800 3em/1.3em 'Karla', sans-serif;
	margin-bottom: 45px;
}

.landing .ce_linkteaser.teaserbox_pub:hover,.landing .ce_linkteaser.teaserbox_events:hover {
	transform: rotate(2deg) !important;
	transition: .2s ease-in-out;
}

.landing .ce_linkteaser.teaserbox_pub:hover,.landing .ce_linkteaser.teaserbox_events:hover {
	transform: rotate(2deg) !important;
	transition: .2s ease-in-out;
}

.partner .image_container img:hover {
	transform: rotate(-2deg) !important;
	transition: .2s ease-in-out;
}

.publications .ce_linkteaser h2,.snap .blue .ce_linkteaser h2 {
	color: #ffffff4c;
}

.pink li.dossiers,.pink li.fokusgruppenberichte {
	display: none;
}

.blue li.quorum-chat,.blue li.insta-live,.blue li.workshops {
	display: none;
}

.mod_navigation.oblique,.mod_onepage_navigation.oblique {
	transform: rotate(-16.5deg);
	background: url(../../files/css_rel/svg/oblique_bg1.svg) no-repeat left top transparent;
	background-size: 120px 120px;
	margin-top: 20px;
}

.publications .mod_navigation.oblique, .blue .mod_onepage_navigation.oblique {
	transform: rotate(-4deg);
	background: url(../../files/css_rel/svg/oblique_bg2.svg) no-repeat left top transparent;
	background-size: 100px 100px;
	margin-top: 20px;
}

.altmenu .ce_hyperlink {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 100px;
}

.snap.altmenu .ce_hyperlink {
	position: relative;
	right: 0;
	width: 100px;
	float: right;
}



.teamlink {
	margin-bottom:30px; 
}

.teamlink img {
	max-width: 90px; 
}

.altmenu .ce_linkteaser .content {
	padding-bottom: 0;
}

.oblique ul {
  margin-left: 100px;
}

.publications .oblique ul,.snap .blue .mod_onepage_navigation.oblique ul {
  margin-left: 50px;
  margin-top: 80px;
}

.mod_navigation.oblique .level_1 li a,.mod_onepage_navigation.oblique .level_1 li a {
	font: normal 700 1.5em/1.3em 'Karla', sans-serif;
	color: #d764a8;
	text-transform: none;
}

.calllink {
	transform: rotate(-16.5deg);
	padding-left: 60px;
	padding-top: 50px;
	max-width: 390px !important;
	hyphens: none !important;
}



.calllink p a {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	color: #d764a8;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.calllink p a em {
	font-family: 'Karla';
	font-style: italic;
	font-weight: 400;
	color: #d764a8;
	text-transform: none;
}

.calllink p a:hover,.calllink p a em:hover  {
	color: #fff;
}

.publications .mod_navigation.oblique .level_1 li a,.snap .blue .mod_onepage_navigation.oblique .level_1 li a {
	color: #ffffff4c;
}

.mod_navigation.oblique .level_1 li strong,.mod_onepage_navigation.oblique .level_1 li strong {
	font: normal 700 1.5em/1.3em 'Karla', sans-serif;
	color: #fff;
	text-transform: none;
}

.mod_onepage_navigation.oblique .level_1 li a:hover,#quorum-chat .mod_onepage_navigation.oblique .level_1 li.quorum-chat a,#insta-live .mod_onepage_navigation.oblique .level_1 li.insta-live a,#workshops .mod_onepage_navigation.oblique .level_1 li.workshops a,#dossiers .mod_onepage_navigation.oblique .level_1 li.dossiers a,#fokusgruppenberichte .mod_onepage_navigation.oblique .level_1 li.fokusgruppenberichte a {
	color: #fff !important;
}

/*
.teaserbox_events .content {
  text-align: center;
  transform: rotate(-17deg);
} */

.events .ce_linkteaser .teaser p, .mod_article.initiative .ce_linkteaser .row.blue a {
	font: normal 600 1.5em/1.3em 'Karla', sans-serif;
	color: #fff;
}

.initiative .ce_image {
  top: 120px;
  position: relative;
  margin-top: -120px;
  max-width: 700px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.initiative .ce_image:hover {
 	filter: brightness(120%);
	-webkit-filter: brightness(120%);
}

.altmenu .ce_hyperlink {
	 opacity: 0.3;
}

.altmenu .ce_hyperlink:hover {
	 opacity: 1;
}

.altmenu .ce_linkteaser .teaser p:hover {
	color: #ffffff4c;
}

.initiative .ce_text.big {
  padding-top: 20px;
}

.snap .ce_text {
  max-width: 830px;
}

.snap #die-initiative .ce_text {
  max-width: 930px;
}

.snap h1 {
  margin: 0;
  font: 3em/0em 'Karla', sans-serif;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding-top: 100px;
  margin: 0;
}

.snap.center .ce_text h2 {
  text-align: center;
  font: normal 800 3em/3em 'Karla', sans-serif;
  text-transform: none;
}

.layout_teaser h2,.layout_latest h2 {
  font: normal 800 1.6em/1.22em 'Karla', sans-serif;
  text-transform: none;
  letter-spacing: 0.05em;
}

.layout_teaser h2 a,.layout_latest h2 a,.layout_short h2 a {
  text-decoration: none;
  color: #ffffff4c;
}

.layout_teaser h2 a:hover,.layout_latest h2 a:hover,.layout_short h2 a:hover {
  text-decoration: none;
  color: #fff;
}

.mod_rocksolid_slider .text {
  min-height: 190px;
}

.mod_rocksolid_slider .text p {
  display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.mod_rocksolid_slider .time, .reader .time, .reader .info {
  color: #ffffff4c;
}

.back a {
	color: rgba(255, 255, 255, 0.3);
}

.back a:hover {
	color: #fff;
}


.reader .mod_eventlist h2,.reader .mod_newslist h2 {
  font: normal 800 2em/1em 'Karla', sans-serif;
  letter-spacing: 0.05em;
  color: #ffffff4c;
  margin-bottom: 0.7em;
  text-transform: none;
}

.reader .mod_newslist h2 {
  color: #ffffff4c;
}

.reader .mod_eventlist .layout_teaser h2,.reader .mod_eventlist .layout_teaser h2 a,.reader .mod_newslist .layout_short h2,.reader .mod_newslist .layout_short h2 a {
  font: normal 700 1em/1.2em 'Karla', sans-serif;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}

.reader .mod_eventlist .layout_teaser {
  margin-bottom: 1em;
}


.nobg p.time {
  margin-bottom: 0.6em;
}

p.more {
	margin-top: 0.4em;
} 

.snap.center .ce_text.link_big a {
  text-align: center;
  font: normal 800 1.4em/1.3em 'Karla', sans-serif;
  padding-bottom: 75px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05em;
}

.toggler {
	cursor: pointer;
	color: #d56aa6;
}

.toggler:hover {
	cursor: pointer;
	color: #fff;
}

.toggler .row hr {
height: 2px;
background-color: #d56aa6;
border: 0;
outline: 0;
margin: 0 0 35px 0;
}

.toggler:hover .row hr {
background-color: #fff;
}

.mod_article.paddingtop .row {
	padding-top:100px;
}

#nla.mod_article.paddingtop .row {
	padding-top:35px;
}

.mod_article.paddingbottom .row {
	padding-bottom:75px;
}

#nla.mod_article.paddingbottom .row, #footer .row {
	padding-bottom:35px;
}

.mod_article.paddingbottom .row.nopadbot {
	padding-bottom:0;
}

#footer .row {
	padding-top:58px;
}

/* Slideranpassungen */

.rsts-skin-dark.rsts-main,.rsts-skin-dark .rsts-view,.rsts-skin-dark .rsts-nav ul {
	background: none !important;
	border: none !important;
	box-shadow: none !important; 
}

.rsts-skin-dark .rsts-nav-bullets a {
	background-color: #d764a8;
	box-shadow: none !important; 
}

.rsts-skin-dark .rsts-nav-bullets a:hover {
	background-color: #f682c6;
}

.publications .rsts-skin-dark .rsts-nav-bullets a {
	background-color: #3082bd;
	box-shadow: none !important; 
}

.publications .rsts-skin-dark .rsts-nav-bullets a:hover {
	background-color: #4193cf;
}



.rsts-skin-dark .rsts-prev, .rsts-skin-dark .rsts-next, .rsts-skin-dark .rsts-thumbs-prev, .rsts-skin-dark .rsts-thumbs-next {
	opacity: 0.5;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	right: 60px;
}

#team .rsts-skin-dark .rsts-next {
	right: 10px;
}

.nobg .rsts-skin-dark .rsts-prev, .nobg .rsts-skin-dark .rsts-next, .nobg  .rsts-skin-dark .rsts-thumbs-prev, .nobg  .rsts-skin-dark .rsts-thumbs-next {
	bottom: -40px !important;
	top: auto;
	z-index: 100;
}

.instalive.nobg .rsts-skin-dark .rsts-prev, .instalive.nobg .rsts-skin-dark .rsts-next {
	bottom: -50px !important;
}

.instalive .rsts-skin-dark .rsts-nav {
  position: relative;
  margin: -10px 0 20px -8px;
  text-align: center;
}

.landing .rsts-skin-dark .rsts-next {
	right: 15px;
}

.rsts-skin-dark .rsts-prev::after, .rsts-skin-dark .rsts-next::after, .rsts-skin-dark .rsts-thumbs-prev::after, .rsts-skin-dark .rsts-thumbs-next::after {
	background: url(../../files/css_rel/svg/arrow_white.svg) no-repeat left top transparent;
	background-size: 60px 60px;
	content: "";
	width: 70px;
	height: 50px;
}

.rsts-skin-dark .rsts-prev::after, .rsts-skin-dark .rsts-thumbs-prev::after {
	background: url(../../files/css_rel/svg/arrow_white_prev.svg) no-repeat left top transparent;
	background-size: 60px 60px;
	content: "";
	width: 70px;
	height: 50px;
}

.rsts-skin-dark .rsts-prev, .rsts-skin-dark .rsts-next, .rsts-skin-dark .rsts-thumbs-prev, .rsts-skin-dark .rsts-thumbs-next {
	width: 70px;
	height: 55px;
}

.rsts-skin-dark .rsts-prev, .rsts-skin-dark .rsts-thumbs-prev {
	left: 50px;
}

#team .rsts-skin-dark .rsts-prev, #team .rsts-skin-dark .rsts-thumbs-prev {
	left: -10px;
}

.landing .rsts-skin-dark .rsts-prev {
	left: 15px;
}

.rsts-skin-dark .event.layout_teaser,.publications .rsts-skin-dark .layout_latest {
  padding: 0 60px;
}

.rsts-skin-dark .rsts-overlay-next, .rsts-skin-dark .rsts-thumbs-overlay-next {
	background: none;
}

.rsts-skin-dark.rsts-main {
	padding: 0;
	border-radius: 0;
}

.rsts-skin-dark .rsts-nav {
  position: relative;
  margin: -20px 0 20px -8px;
  text-align: center;
}

.rsts-skin-dark .rsts-view {
  margin-bottom: 30px;
}

.landing .rsts-skin-dark .rsts-view,#team .rsts-skin-dark .rsts-view,.calender .rsts-skin-dark .rsts-view {
  margin-bottom: 0;
}

.enclosure a {
	background: url(../../files/css_rel/svg/download.svg) no-repeat right bottom transparent;
	background-size: 50px 50px;
	content: "";
	width: 190px;
	height: 50px;
	padding-right: 50px;
	display: inline-block;
	padding-top: 25px;
}

.enclosure a:hover {
	background: url(../../files/css_rel/svg/download_hover.svg) no-repeat right bottom transparent;
	background-size: 50px 50px;
	content: "";
	width: 190px;
	height: 50px;
	padding-right: 50px;
	display: inline-block;
	padding-top: 25px;
}

ul.enclosure,.enclosure li {
	margin-left: 0 !important;
	padding-left: 0 !important;
}




.snap.center .ce_text.link_big a:hover, .teamoverview a:hover,.inq_dimmed,.inq_dimmed a {
	color: #ffffff4c !important;
}

.inq_dimmed a:hover {
	color: #fff !important;
}

#footer p, #kontakt p {
  font-size: 1.3em;
  line-height: 1.5em;
}

#footer .ce_text.sm span, .ce_text.sm a {
  text-transform: uppercase;
  font: normal 700 0.8em/1.5em 'Karla', sans-serif !important;
  padding-top: 6px;
}

.claim img {
  max-height: 180px;
  margin-top: 90px;
}

.mod_article.initiative .row.blue a {
	color: #26699b;
	text-decoration: none;
}

.btn a {
	text-transform: uppercase;
	font: normal 800 1em/1.1em 'Karla', sans-serif;
	border: 1px solid #fff;
	display: inline-block;
	padding: 20px 35px;
	letter-spacing: 0.1em;
}

.btn a {
	color: #fff !important;
}

.btn a:hover {
	border: 1px solid #ffffff4c;
	color: #ffffff4c !important;
}

.landing .layout_upcoming {
	margin-bottom: 35px;
}

.landing .layout_upcoming a {
	font: normal 700 1.1em/1.4em 'Karla', sans-serif;
	text-decoration: none;
	color: #fff;
}

.landing .layout_upcoming .title {
	font: normal 800 1.6em/1.2em 'Karla', sans-serif;
	color: #d56aa6;
}

.landing .layout_upcoming .title:hover {
	color: #fff;
}

.landing .kalender .ce_image {
  max-width: 580px;
}

.partner .col-md-4 {
  border-bottom: 2px solid #aaa;

}


.partner .ce_image img {
  margin: 0 auto;
}

.partner .caption {
  margin: 0 auto;
  padding-top: 35px;
  text-transform: uppercase;
  color: #aaa;
  font: normal 800 0.8em/1.2em 'Karla', sans-serif;
  max-width: 300px;
  text-align: center;
  padding-bottom: 50px;
  letter-spacing: 0.05em;
}



.snap.events .mod_article {
	background: url(../../files/css_rel/svg/event_bg.svg) no-repeat left top #c71585;
	background-size: contain;
}

.snap.events .mod_article.blue {
	background: url(../../files/css_rel/svg/publications2_bg.svg) no-repeat left top #266998;
	background-size: contain;
}

body.publications {
	background: url(../../files/css_rel/svg/publications2_bg.svg) no-repeat left top #266998;
	background-size: cover;
}

body.events.nobg, body.events.reader,body.publications {
	background: none;
	background-color: #c71585;
	--grid__gutter: 1.875rem;
}

body.publications.nobg, body.publications.reader {
	background: none;
	background-color: #266998;
}

.nobg .row {
  padding: 0 40px;
}

.nobg h1 {
  padding-left: 60px;
}

.mod_customnav.subnav {
  position: absolute;
  right: 100px;
  width: 80%;
}

.mod_customnav.subnav.start,.snap .mod_customnav.subnav.start {
  position: absolute;
  left: 30px;
  width: 60px;
}

.snap .mod_customnav.subnav {
  position: fixed;
  right: 100px;
  width: 80%;
}

.mod_customnav.subnav li {
  float: right;
}

.mod_customnav.subnav li a {
  font: normal 800 2.1em/2.3em 'Karla', sans-serif;
  text-transform: uppercase;
}


/* Headlines
h1, h2, h3, h4 {
  font-weight: 700;
} */

strong, .mod_eventreader .teaser, .mod_newsreader .teaser {
	font-family: 'Karla', sans-serif !important;
	letter-spacing: 0.03em;
	font-style: normal;
	font-weight: 800;
	padding-top: 10px;
}

.kursiv {
	font-family: 'Karla' !important;
	font-style: italic;
	font-weight: 800;
}

h1 {
	margin: 0;
	font: 3em/1em 'Karla', sans-serif;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.landing h1 {
	padding-bottom: 25px;
}

.landing .initiative h1 {
	color: #3c3e75;
}

h2, .mod_article.initiative .row.blue .ce_hyperlink a,.legal h1,#kontakt h1,#newsletter h1 {
	font: normal 800 2.2em/2.2em 'Karla', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	margin: 0;
	padding: 0;
}

.mod_article.initiative .row.blue .ce_linkteaser a {
	font: 1.5em/1.3em 'Karla', sans-serif !important;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	text-transform: none;
}

#kontakt h1, #newsletter h1 {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 800;
	text-transform: none;
	color: #3c3e75;
	font-size: 3em;
}

.mod_article.initiative .row.blue .ce_hyperlink a, .mod_article.initiative .row.blue h2 {
	line-height: 1.2em;
}

.mod_article.initiative .row.blue a:hover {
  color: #a4c1e6;
}

h3 {
	font: normal 400 1.3em/1.5em 'Karla', sans-serif;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h4,
h5,
h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
}

h4 {
	font: normal 700 1em/1.5em 'Karla', sans-serif;
	letter-spacing: 0.05em;
}

.col_0.col_first {
  width: 60px;
}

.mod_article.initiative .row.blue .ce_linkteaser.big p span em {
	font: italic 400 0.7em/1.3em 'Karla', sans-serif !important;
	text-transform: none;
}

/* scroll down begin */

.center.snap .ce_text div {
  margin: 0 auto;
  text-align: center;
}

.scroll-down-arrow {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	background-size: 80px 75px;
	background-repeat: no-repeat;
}


.scroll-down-link {
	  display: inline-block;
	  z-index: 100;
	  cursor: pointer;
	  height: 60px;
	  width: 80px;
	  line-height: 60px;
	  left: 50%;
	  bottom: 10px;
	  color: #FFF;
	  text-align: center;
	  font-size: 70px;
	  text-decoration: none;
	  opacity: 0.5;
}

.scroll-down-link:hover {
	  opacity: 1;
}


/* scroll down end */



/* sonstige Abstände und Elemente */
p,
ul,
ol,
pre,
table,
blockquote {
	margin-top: 0em;
	margin-bottom: 0.8em;
}

p.nospace {
	margin-bottom: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0em;
	margin-bottom: 0em;
}

.ce_downloads ul,
.ce_downloads li {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	padding-left: 2%;
}

ol {
	list-style: decimal;
}

li {
	margin-left: 2%;
}

a {
	text-decoration: none;
}

.ce_text a,
.ce_download a {
	text-decoration: underline;
}


.more a, .more a:visited {
	color: #d764a8;
	text-decoration: none !important;
}

.publications .more a, .publications .more a:visited, .enclosure a {
	color: #ffffff4c;
}

.more a:hover,.enclosure a:hover {
	color: #fff !important;
}


.more a {
	margin: 0;
}

/** Menu **/

#menu-open {
  width: 50px;
  height: 45px;
  z-index: 100000;
  color: #fff;
  position: absolute;
  right: 60px;
  top: 45px;
  text-decoration: none !important;
  padding: 0;
  background: url(../../files/css_rel/svg/menu_toggler.svg) no-repeat center center;
  text-indent: -999em;
  display: inline;
}

.events #menu-open {
	width: 25px;
	background: url(../../files/css_rel/svg/menu_toggler_events.svg) no-repeat center center;
	right: 40px;
	top: 25px;
}

.snap.events #menu-open {
	position: absolute;
}

.publications #menu-open {
	width: 25px;
	background: url(../../files/css_rel/svg/menu_toggler_events.svg) no-repeat center center;
	right: 40px;
	top: 22px;
}

.menu-button#menu-close, .modal-close .material-icons {
  background: url(../../files/css_rel/svg/menu_close.svg) no-repeat center center;
  text-indent: -999em;
  width: 65px;
  display: inline;
  height: 55px;
  position: absolute;
  text-transform: uppercase;
  top: 60px;
  z-index: 999;
  outline: 0;
  right: 50px;
}

.overlay {
	background: #fff;
	display: none;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	overflow: hidden;
}

.overlay .mod_customnav li.first a,.overlay .mod_customnav .level_1 li.first strong,.mod_navigation .level_1 li a,.mod_navigation .level_1 li strong {
  font: normal 800 2.2em/1.4em 'Karla', sans-serif !important;
  color: #0093d3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.overlay ul,.overlay li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.mod_navigation .level_1 li a,.mod_navigation .level_1 li strong {
  color: #26699b;
}

.overlay .mod_customnav li a,.overlay .mod_customnav li strong,.mod_navigation .level_2 li a,.mod_navigation .level_2 li strong {
  font: normal 600 1.5em/1.5em 'Karla', sans-serif !important;
  color: #475052;
  text-transform: none;
}

.submenu {
  margin-bottom: 50px;
}

.overlay .mod_customnav.misc li a, .overlay .mod_customnav.misc li strong, .overlay .mod_customnav.misc li.first strong {
  font: normal 800 1.5em/1.6em 'Karla', sans-serif !important;
  color: #c71585;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.textoverlay {
	background: #fff;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	padding: 20%;
	opacity: 95%;
}

.altmenu header .mod_customnav {
  padding-top: 30px;
}

.altmenu header .mod_customnav.start {
  padding-top: 10px;
}

.altmenu header .mod_customnav li a, .altmenu header .mod_customnav li strong {
  font: normal 800 0.8em/1.6em 'Karla', sans-serif;
  color: #d764a8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.snap.altmenu header .mod_customnav li a, .snap.altmenu header .mod_customnav li strong {
  color: #ffffff4c;
}

.altmenu header .mod_customnav li a:hover {
  color: #fff !important;
}

.altmenu .mod_customnav .landing {
  text-indent: -999px;
  width: 60px;
  height: 70px;
}

.altmenu .mod_customnav .landing a {
  text-indent: -20000px;
  background: url(../../files/css_rel/svg/quorum-logo-mini.svg) no-repeat;
  background-size: 60px 60px;
  display: block;
  width: 60px;
  height: 70px;
  background-position: 0px 7px;
  opacity: 0.3;
  color: transparent !important;
}

.altmenu .mod_customnav .landing a:hover {
  opacity: 1;
}

.mod_ticker  {
  font: normal 200 4em/1em 'Karla', sans-serif;
}

.altmenu.publications header .mod_customnav li a, .altmenu.publications header .mod_customnav li strong,.altmenu.publications main .blue .mod_customnav li a, .altmenu.publications header .blue .mod_customnav li strong {
  color: #ffffff4c;
}

/* .overlay .ce_image.logo {
	width: 350px;
	max-width: 90vw;
} */




#footer .row {
	background-color: #3c3e75;
}

#footer .sm img {
  height: 90px;
  width: 60px;
  float: left;
  margin-right: 10px;
  padding-top: 40px;
}

/** Header **/

/* #header {
	height: 150px;
} */




/*.team .mod_article img {
	border-radius: 300px;
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px
}*/

.rsts-skin-dark .rsts-view {
	border: none !important;
	background-color: transparent;

}

#team h2 {
	text-transform: none;
	padding-top: 21px;
	font: normal 800 3em/2.2em 'Karla', sans-serif;
}

#team .ce_image.imgcenter img {
	margin: 0 auto;
}

#team .row {
	--grid__gutter: 0;
}

.teamoverview .ce_text p {
	font: normal 400 1.5em/1.3em 'Karla', sans-serif;
	letter-spacing: 0.03em;
}

#team .image_container {
	margin-bottom: 50px;
}


.clearleft {
	clear: left;
}

#fotoslider_ {
	width: 100%;
	height: 510px;
}

#instaembed.mobile {
	display: none;
}

#instaembed iframe {
	min-width: 200px !important;
}

a#toTop {
  background: rgba(255, 255, 255, 0.45);
  border-radius: 4px;
  color: #000;
  display: block;
  font-size: 26px;
  font-size: 0.625rem;
  height: 35px;
  text-align: center;
  width: 35px;
  cursor: pointer;
  right: 50px;
  bottom: 50px;
}

a#toTop:hover {
  background: #fff;
}

.uc-embedding-wrapper {
	padding: 5x 10px !important;
	top: 28% !important;
}

.uc-embedding-wrapper h3 {
	font-size: 13px !important;
}

.uc-embedding-wrapper .description-text {
	font-size: 11px;
	color: #000;
	display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;  
	  overflow: hidden;
}

.uc-embedding-more-info,.uc-embedding-accept {
	height: 30px !important;
	font-size: 12px !important;
}

/* col-xl */
@media (min-width:1101px) and (max-width:1450px) {

html {
	font-size: 18px;
	line-height: 24px;
}
	
	.overlay .mod_customnav li.first a,.overlay .mod_customnav li.first strong,.mod_navigation .level_1 li a,.mod_navigation .level_1 li strong {
  font: normal 800 1.9em/1.4em 'Karla', sans-serif;
}

.altmenu .row {
  max-width: 100%;
  padding: 0 50px 0 50px;
  padding-top: 0px;
}

.mod_customnav.subnav.start,.snap .mod_customnav.subnav.start {
  position: absolute;
  left: 30px;
  width: 60px;
}



#kontakt .row {
	--grid__gutter: 1rem;
}

.calender .mod_article.pink {
	background: url(../../files/css_rel/svg/calender-badge.svg) no-repeat top 10% right -20% #c71585;
	background-size: 500px 500px;
}

}

/* col-lg */
@media (min-width:941px) and (max-width:1100px) {

.calender .mod_article.pink {
	background: url(../../files/css_rel/svg/calender-badge.svg) no-repeat top 10% right -70% #c71585;
	background-size: 500px 500px;
}


}

/* col-md */
@media (min-width:768px) and (max-width:940px) {
	
	
	#logo {
	  left: 30px;
	}
	
	.row {
	  max-width: 100%;
	  padding: 0 50px 0 50px;
	  padding-top: 0px;
	}
	
	.initiative .row {
		--grid__gutter: 0.5rem;
	}
	
	.calender .mod_article.pink {
		background: none;
		background-color:  #c71585;
	}
	
	.calender #main .row {
	  max-width: 100%;
	  padding: 0 50px 0 20px;
	  margin: 0;
	}

}


/* col-sm */
@media (max-width:767px) {

html {
	height: 100%;
	font-size: 16px;
	line-height: 21px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	--grid__gutter: 0;
	
}

#container {
	scroll-snap-type: y mandatory;
}

.overlay {
	overflow: scroll;
}

.mod_article.partner {
	--grid__gutter: 1rem;
}

#menu-open {
  width: 40px;
  right: 20px;
  top: 25px;
}

#smicons {
  display: none !important;
}

.overlay #smicons {
  display: block !important;
  position: relative;
	left: 0;
	width: 170px;
	top: 20px;
}


#wrapper {
  padding-top: 100px;
}

#header {
	height: 100px;
}

.custom, header {
	position: fixed;
	top: 0;
	height: 100px;
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
  background-color: #fff;
  transition: top 0.2s ease-in-out;
}

.nav-up {
	top: -100px;
}

#header_hr {
	top: 90px;
}

#logo {
  width: 240px;
  left: 20px;
  position: absolute;
  padding-top: 20px;
}

.overlay #logo {
  left: 20px !important;
}

.row {
  max-width: 100%;
  padding: 0 30px 0 30px;
  padding-top: 0px;
}

h1, h2 {
	line-height: 1.2em !important;
}

.nobg h1 {
  padding-left: 0;
}

.mod_article.paddingtop .row {
  padding-top: 30px;
}

.rsts-skin-dark .event.layout_teaser, .publications .rsts-skin-dark .layout_latest {
	padding: 0;
}

.toggler .row hr {
margin: 0 0 35px 0;
}

.calender .mod_article.pink {
	background: none;
	background-color:  #c71585;
}

.calender .mod_eventlist h1 {
	padding: 30px 0 50px 20px;
}

.calender #main .row {
  max-width: 100%;
  padding: 0 50px 0 20px;
  margin: 0;
}

.calender .mod_article.pink {
	background: none;
	background-color: #c71585;
}

}

@media (max-width:450px) {

#wrapper {
  padding-top: 100px;
}

#header {
	height: 100px;
}

.custom, header {
	position: fixed;
	top: 0;
	height: 100px;
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
  background-color: #fff;
  transition: top 0.2s ease-in-out;
}

.nav-up {
	top: -100px;
}

#logo {
	width: 220px;
	padding-top: 22px;
}

.overlay #logo {
	left: 20px !important;
}

#menu-open {
	width: 30px;
}

.overlay #body_hr.bottom {
	position: relative !important;
	top: 50px;
}

.menu-button#menu-close {
	right: 20px;
	width: 40px;
}

.overlay .mod_customnav li.first a, .overlay .mod_customnav .level_1 li.first strong, .mod_navigation .level_1 li a, .mod_navigation .level_1 li strong {
	font: normal 800 1.6em/1.4em 'Karla', sans-serif !important;
}

.overlay .mod_customnav li a, .overlay .mod_customnav li strong, .mod_navigation .level_2 li a, .mod_navigation .level_2 li strong {
	font: normal 600 1.5em/1.5em 'Karla', sans-serif !important;
}

.submenu {
  margin-bottom: 10px;
}

.teamslider .rsts-skin-dark .rsts-prev, .teamslider .rsts-skin-dark .rsts-next, .teamslider .rsts-skin-dark .rsts-thumbs-prev, .teamslider .rsts-skin-dark .rsts-thumbs-next {
	opacity: 0.5;
	bottom: 0;
	top: auto;
}

.nobg .rsts-skin-dark .rsts-prev, .nobg .rsts-skin-dark .rsts-next, .nobg .rsts-skin-dark .rsts-thumbs-prev, .nobg .rsts-skin-dark .rsts-thumbs-next {
	opacity: 0.5;
}

.overlay .center .row {
	min-height: auto;
}

.mod_customnav.subnav li {
  float: none;
}

.snap .mod_customnav.subnav,.mod_customnav.subnav {
  position: fixed;
  left: 10px;
  width: 80%;
}

.nobg .mod_customnav.subnav {
  position: absolute;
}

.altmenu header .mod_customnav li a, .altmenu header .mod_customnav li strong {
	font-size: 1.4em;
	line-height: 1.8em;
}

.altmenu .mod_customnav .landing a {
  background-size: 30px 30px;
  width: 30px;
  height: 40px;
}

.altmenu .mod_customnav .landing {
  width: 30px;
  height: 40px;
}

.altmenu header .mod_customnav {
  padding-top: 10px;
}

h1.oblique, .snap h1.oblique {
	padding-bottom: 10px;
}

.nobg .row {
  padding: 60px 20px 100px 20px;
}

.nobg .row h1 {
  font-size: 2em;
}

.mod_rocksolid_slider .text {
  min-height: 20px;
}

.rsts-nav-bullets {
	display: none;
}

.nobg .rsts-skin-dark .rsts-prev, .nobg .rsts-skin-dark .rsts-next, .nobg  .rsts-skin-dark .rsts-thumbs-prev, .nobg  .rsts-skin-dark .rsts-thumbs-next {
	bottom: -30px !important;
}

.events #menu-open,.publications #menu-open {
  width: 35px;
  right: 20px;
  top: 10px;
}

#instaembed.desktop {
	display: none;
}

#instaembed.mobile {
	display: block;
}

.instalive.nobg .mod_rocksolid_slider {
	min-height: 130vh;
}

.mod_navigation.oblique, .mod_onepage_navigation.oblique {
	padding-bottom: 20px;
}

#pict {
  margin-top: 0;
}

h1.oblique, .snap h1.oblique {
	font-size: 8vw;
}

.snap.altmenu .ce_hyperlink {
  padding-top: 50px;
}

.snap.events .mod_article {
	background: url(../../files/css_rel/svg/event_bg.svg) no-repeat left 130px #c71585;
	background-size: contain;
	padding-top: 100px;
}

.snap.events .mod_article.blue {
	background: url(../../files/css_rel/svg/publications2_bg.svg) no-repeat left 130px #266998;
	background-size: contain;
}

a#toTop {
	right: 20px;
	bottom: 25px;
	}

.altmenu .ce_linkteaser .content {
  padding-bottom: 0;
}

h1,.snap.center .ce_text h2 {
	font-size: 11vw;
	text-align: left;
}

.snap.center .ce_text h2 {
	margin-bottom: 15px;
}

h2, .mod_article.initiative .row.blue .ce_hyperlink a, .legal h1, #kontakt h1, #newsletter h1,.snap.center .ce_text.link_big a {
	font-size: 7.5vw;
}

#kontakt h1, #newsletter h1 {
	margin: 10px 0;
}

.mod_article.initiative .row.blue .ce_linkteaser a,.ce_text.middle p, .layout_teaser .ce_text p, .layout_latest .ce_text p,.ce_text p,.ce_text li,#team .ce_text p,.events .ce_linkteaser .teaser p, .mod_article.initiative .ce_linkteaser .row.blue a,.layout_full .day,.layout_full .time, .layout_full .location,.categoriestitel,.layout_full .teaser p {
	font-size: 5vw;
	
}

.ce_text p,.ce_linkteaser p,.ce_text li {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
	-webkit-hyphenate-limit-after: 4;
	-ms-hyphenate-limit-chars: 10 3 4;
	hyphenate-limit-chars: 10 3 4;
	-moz-hyphenate-limit-chars: 10 3 4;
}

.partner h2 {
	margin-bottom: 5px;
}

.snap #die-initiative.mod_article {
  padding-top: 75px;
}

li {
  margin-left: 4%;
}

.snap #team.mod_article {
  padding-top: 37px;
}

#team .image_container {
  margin-bottom: 25px;
}

.teasersite .ce_linkteaser h2 {
  font: normal 800 11vw/1.3em 'Karla', sans-serif;
	line-height: 1.3em;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
}

.layout_latest .enclosure a {
	background: none;
}

.rsts-skin-dark .rsts-prev, .rsts-skin-dark .rsts-thumbs-prev {
	left: -10px;
}

.rsts-skin-dark .rsts-next {
	right: 0;
}

.altmenu.nobg .mod_article:first-of-type {
  padding-top: 20px;
}

.overlay .row {
  padding-top: 0px;
  margin-top: -20px;
}

.overlay #logo {
  top: 20px;
}

.menu-button#menu-close {
  top: 40px;
}

#smicons a {
  float: left;
  margin-left: -5px;
  margin-bottom: 40px;
}

#smicons a.ig-w {
  float: left;
  margin-left: 0px;
  margin-right: 14px;
  margin-top: 1px;
}

.layout_teaser .image_container {
  width: 100%;
}

.calllink {
	transform: rotate(-16.5deg);
	padding-left: 60px;
	padding-top: 0;
	padding-bottom: 30px;
	max-width: 390px !important;
	hyphens: none !important;
}

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  html {
		  scroll-snap-type: none;
	  }

}

}

@supports (-webkit-touch-callout: none) {

}
.light {
  font: normal 400 1.5em/1.3em "quasimoda", sans-serif;
}