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%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.ce_heroimage .heroimage-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    background-color: #292b2c;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    background-position: center top;
    display: flex !important;
}

.ce_heroimage .heroimage-background-overlay {
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 100%;
    justify-content: flex-end;
    position: relative;
}

.ce_heroimage .heroimage-background-overlay:after {
    content: "";
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0;
}

/** Opacity is defined in the data-attribute of .heroimage-background-overlay **/
.ce_heroimage .heroimage-background-overlay[data-opacity="0.1"]:after {
    opacity: 0.1;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.2"]:after {
    opacity: 0.2;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.3"]:after {
    opacity: 0.3;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.4"]:after {
    opacity: 0.4;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.5"]:after {
    opacity: 0.5;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.6"]:after {
    opacity: 0.6;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.7"]:after {
    opacity: 0.7;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.8"]:after {
    opacity: 0.8;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="0.9"]:after {
    opacity: 0.9;
}

.ce_heroimage .heroimage-background-overlay[data-opacity="1"]:after {
    opacity: 1;
}

.ce_heroimage .heroimage-background-overlay {
    justify-content: flex-start;
}

.ce_heroimage.align-left .heroimage-background-overlay {
    justify-content: flex-start;
}

.ce_heroimage.align-right .heroimage-background-overlay {
    justify-content: flex-end;
}

.ce_heroimage.align-center .heroimage-background-overlay {
    justify-content: center;
}

.ce_heroimage .heroimage-background-overlay {
    justify-content: center;
}

.ce_heroimage .heroimage-content-box {
    width: 100%;
    padding: 1rem 4rem;
    background-color: transparent;
    z-index: 10;
}

.ce_heroimage .heroimage-headline-box > * {
    color: #fff;
    margin: 0;
    font-size: 2.5rem;
    line-height: 3.75rem;
    color: #fff;
    font-weight: normal;
}

.ce_heroimage.align-right .heroimage-headline-box > *, .ce_heroimage.align-right .heroimage-text-box > *, .ce_heroimage.align-right .heroimage-button-box {
    text-align: right;
}

.ce_heroimage.align-left .heroimage-headline-box > *, .ce_heroimage.align-left .heroimage-text-box > *, .ce_heroimage.align-left .heroimage-button-box {
    text-align: left;
}

.ce_heroimage.align-center .heroimage-headline-box > *, .ce_heroimage.align-center .heroimage-text-box > *, .ce_heroimage.align-center .heroimage-button-box {
    text-align: center;
}

.ce_heroimage .heroimage-text-box > p {
    color: #fff;
    font-weight: normal;
}

.ce_heroimage .heroimage-button-box .btn {
    background-color: #0082c7;
    color: #ffffff;
    margin-top: 2rem;
    border-color: transparent;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 2px;
}

@media (min-width: 48em) {
    .ce_heroimage .heroimage-headline-box > * {
        font-size: 4rem;
        line-height: 6rem;
    }

    .ce_heroimage .heroimage-headline-box {
        margin-bottom: 2rem;
    }

    .ce_heroimage .heroimage-content-box {
        padding: 1rem 5rem;
    }

    .ce_heroimage .heroimage-button-box {

        margin-top: 3rem;
    }
}

@media (min-width: 90em) {
    .ce_heroimage .heroimage-content-box {
        padding: 1rem 6rem;
    }

    .ce_heroimage .heroimage-headline-box > * {
        font-size: 3.5rem;
        line-height: 5.2rem;
    }

    .ce_heroimage .heroimage-headline-box {
        margin-bottom: 3rem;
    }

    .ce_heroimage .heroimage-text-box > p, .ce_heroimage .heroimage-button-box .btn {
        font-size: 1.5rem;
        line-height: 2.75rem;
    }

    .ce_heroimage .heroimage-button-box {

        margin-top: 4rem;
    }
}

@media (min-width: 120em) {
    .ce_heroimage .heroimage-content-box {
        padding: 1rem 14rem;
        width: 70%;
    }
}








.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}
@media screen{
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;background-color:#000;color:#FFF;padding:.5em}#toTop:hover{background-color:#FFF;color:#000}#toTop:active,#toTop:focus{outline:none}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Kyiv Dialog Fonts */

/* ------------------------------
   Fixel Display
------------------------------ */
@font-face {
  font-family: 'Fixel Display';
  src: url('../../files/css/FixelDisplay-Regular.woff2') format('woff2'),
       url('../../files/css/FixelDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fixel Display';
  src: url('../../files/css/FixelDisplay-RegularItalic.woff2') format('woff2'),
       url('../../files/css/FixelDisplay-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fixel Display';
  src: url('../../files/css/FixelDisplay-Medium.woff2') format('woff2'),
       url('../../files/css/FixelDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fixel Display';
  src: url('../../files/css/FixelDisplay-SemiBold.woff2') format('woff2'),
       url('../../files/css/FixelDisplay-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fixel Display';
  src: url('../../files/css/FixelDisplay-Bold.woff2') format('woff2'),
       url('../../files/css/FixelDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Mainstyles */



html {
  overflow-y: scroll;
  height: 100%;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

body {
	font-family: 'Fixel Display';
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #1E2332;
	min-height: 100%;
	position: relative;
  --spacing: .25rem;
  --radius: .5rem;
}



body.landing::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; /* oder andere negative Zahl, damit es hinter dem Inhalt liegt */
  background-image: url(../../files/_assets/kg_para_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; /* je nachdem, was du willst */
}

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

/** Layout **/

.row {
  max-width: 1200px;
	margin: 0 auto;
}

#wrapper {
  padding-top: 65px;
}

button {
  background-color: #a4d65e !important;
  padding: 10px 0;
  text-align: center;
  border: none;
}

form button, input[type="submit"], .button {
  background-image: none !important;
}

.sib-form-block p, .sib-form-block ol, .sib-form-block ul,.sib-form__declaration p {
  font-size: 16px;
}

.custom, header {
    position: fixed;
    top: 0;
    height: 65px;
	z-index: 98;
	margin: 0 auto;
	width: 100%;
  background-color: rgba(255, 255, 255, 0);
  transition: top 0.2s ease-in-out;
}

#header.scrolled,.default #header {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 2px solid #a4d65e;
}

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

div#intro {
    top: -80px;
    position: relative;
    margin-bottom: -80px;
    padding-bottom: 0;
}

.center img {
  margin: 0 auto !important;
  float: none !important;
}

ol {
  list-style-type: decimal;
  padding-left: 70px;
  margin: 0;
}

/* Navigation */

#mainmenu {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	background: rgba(255, 255, 255, 0);
	display: grid;
  font-weight: bold;
}

#nav-main {
    top: 10px;
    position: absolute;
    left: 250px;
    padding-top: 10px;
}

a.besupporter {
    border: 2px solid #a4d65e;
    border-radius: .5rem;
    padding: 7px 10px;
    margin-top: -9px;
}

#container {
    padding-bottom: 500px;
}

#main {
    z-index: 0;
}

#footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
		background-color: black;
}

#footer .inside {
  width: 1200px;
  margin: 0 auto;
	display: block;
	color: white;
}

#footer .row {
  padding: 50px 0;
  grid-row-gap: 0;
}

.ce_text.copyright p {
    font-size: 0.875rem !important;
}

.nla form button {
  background-image: none !important;
}

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

:focus {
outline: 0;
}




h1 {
	font: normal 700 3rem/1.5 'Fixel Display', sans-serif !important;
	text-decoration: none;
	padding: 0;
  color: #000 !important;
  margin-top: 15px;
}

.headline_mb {
  background: #F5F5F5;
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#FFFFFF", GradientType=0);
}

/* .gc h1 {
  font: normal 700 30px/38px 'Fixel Display', sans-serif !important;
  text-decoration: none;
  margin: 50px 0 7px;
  padding: 0;
  letter-spacing: 1px;
  color: #a4d65e !important;
  text-transform: uppercase;
} */

h2, .legal h1 {
	font: normal 700 2.5rem/3.5rem 'Fixel Display', sans-serif !important;
	text-decoration: none;
	margin: 0 0 7px;
	padding: 0;
	letter-spacing: 1px;
  color: #000 !important;
}

.layout_latest_fs h2 {
  font: normal 700 2rem/1.3 'Fixel Display', sans-serif !important;
  text-decoration: none;
  margin: 0;
  padding: 0;
  color: #212121 !important;
}

.center {
  text-align: center;
}

.underline.green.center {
  background-color: #a4d65e;
  width: calc(var(--spacing) * 20);
  height: calc(var(--spacing) * 1);
  margin-bottom: calc(var(--spacing) * 4);
  margin-inline: auto;
  margin-top: 18px;
}

.underline.green {
  background-color: #a4d65e;
  width: calc(var(--spacing) * 20);
  height: calc(var(--spacing) * 1);
  margin-bottom: calc(var(--spacing) * 4);
  margin-top: 18px;
}

.gc h2,.mod_newsreader h1 {
  font: normal 700 45px/54px 'Fixel Display', sans-serif !important;
  text-decoration: none;
  margin: 20px 0 7px;
  padding: 0;
  letter-spacing: 1px;
  color: #000 !important;
}

.mod_newsreader h6 {
  font: normal 700 45px/54px 'Fixel Display', sans-serif !important;
  text-decoration: none;
  margin: 20px 0 7px;
  padding: 0;
  letter-spacing: 1px;
  color: #a4d65e !important;
}

.activities h2.ce_headline::before {
  content: '';
  background: url(../../files/css/svg/kg_next_black.svg) no-repeat;
  background-size: auto;
  padding-right: 30px;
  display: inline-block;
  width: 50px;
  position: relative;
  height: 40px;
  background-size: 40px 40px;
}

.activities h2.ce_headline.narrow::before {
  content: none;
  padding-right: 0;
}

.mbminus {
  margin-bottom: -30px;
}

h3, .legal h2,.conferences_teaser h2 {
    font: normal 600 1.5rem/1.5 'Fixel Display', sans-serif !important;
    margin: 0 0 0.5rem 0;
    padding: 0;
    color: #000;
    text-transform: none;
}

.landing .pl.white.news h2 {
  margin-bottom: 63px;
}

h3.pl {
  font: normal 600 1.6rem/2rem 'Fixel Display', sans-serif !important;
  margin-top: 50px;
  padding: 0;
  color: #000;
  text-transform: none;
}

.teamteaser h4. advisory_board h4 {
    font: normal 600 1.125rem/1.5 'Fixel Display', sans-serif !important;
    margin: 0;
    padding-top: 30px;
    text-transform: none;
    color: #212121;
}

.teamteaser .ce_text p {
    font: normal 500 0.875rem/1.5 'Fixel Display', sans-serif !important;
    margin: 0;
    padding: 10px 0;
    text-transform: none;
    color: #a4d65e;
}

.gc h3 {
  font: normal 700 30px/38px 'Fixel Display', sans-serif !important;
  text-decoration: none;
  margin: 20px 0 7px;
  padding: 0;
  letter-spacing: 1px;
  color: #000 !important;
}

.gc .eef9d5 h3 {
  color: #a4d65e !important;
  margin : 0;
}

h4, .legal h3 {
    font: normal 700 1.3rem/1.65rem 'Fixel Display', sans-serif !important;
    margin: 20px 0 7px;
    padding: 0;
    color: #000;
    text-transform: none;
}

.cday h4 {
    font: normal 600 1.125rem/1.5 'Fixel Display', sans-serif !important;
    margin: 0 0 7px;
    padding: 0;
    color: #000;
    text-transform: none;
}

.past_conferences h4 {
    font: normal 600 1.3rem/1.65rem 'Fixel Display', sans-serif !important;
    margin: 10px 0 10px;
    padding: 0;
    color: #212121;
    text-transform: none;
}

h5 {
    font: normal 600 1.1rem/1.6 'Fixel Display', sans-serif !important;
    margin: 0;
    padding: 0;
    color: #212121;
    text-transform: none;
}

.legal h4 {
    font: normal 700 1.1rem/1.25rem 'Fixel Display', sans-serif !important;
    margin: 20px 0 7px;
    padding: 0;
    color: #000;
    text-transform: none;
}

.mod_newsreader h4 {
    font: normal 700 20px/26px 'Fixel Display', sans-serif !important;
    margin: 20px 0 30px;
    padding: 0;
    color: #000;
    text-transform: none;
}

figcaption {
  font-weight: normal;
  font-style: italic;
  margin-top: 10px;
}

.ce_text .image_container {
  margin-bottom: 10px;
}

.ce_text a {
  text-decoration: underline;
}

.green_headline h4 {
    color: #a4d65e !important;
}

.mod_rocksolid_slider h4 {
    color: #a4d65e;
}

.fullheight {
  min-height: 100vh;
}

.kg_teaser a h3 {
    font: normal 500 1.75rem/2.25rem 'Fixel Display', sans-serif !important;
    text-decoration: none !important;
    margin: 20px 0 7px;
    padding: 0;
    letter-spacing: 1px;
    color: #ffffff !important;
    text-transform: none;
}

h3.ce_headline.green {
    font: normal 500 1.75rem/2.25rem 'Fixel Display', sans-serif !important;
    text-decoration: none !important;
    margin: 20px 0 7px;
    padding: 0;
        padding-right: 0px;
    letter-spacing: 1px;
    color: #a4d65e !important;
    text-transform: none;
    background-color: transparent;
    background: url(../../files/css/svg/kg_next.svg) no-repeat right 10px;
        background-size: auto;
    padding-right: 38px !important;
    background-size: 15px 15px;
    display: inline-block;
}

.kg_teaser .heroimage-wrapper a {
    flex-grow: 1;
    min-height: 310px;
    display: grid;
}

p {
	font-size: 1.1rem;
	line-height: 1.6;
	text-transform: none;
  margin: 0 0 10px;
  padding: 0;
  color: #666;
}

.mod_newsreader p {
  color: #000;
}

.tbig p {
  font-size: 1.25rem;
  line-height: 1.6;
  text-transform: none;
  margin: 0 0 10px;
  padding: 0;
  color: #666;
}

.b3 p {
  font: normal normal 1.05rem/1.3rem 'Fixel Display', sans-serif !important;
  margin: 0;
}

.b4 p {
  font: normal 500 1.05rem/1.3rem 'Fixel Display', sans-serif !important;
  margin: 0;
}

.team_name {
  font: normal 700 1.3rem/1.3rem 'Fixel Display', sans-serif !important;
  margin: 0;
  text-transform: uppercase;
  padding-top: 10px;
}

.team_funktion {
  margin: 0;
}

.kg_teaser.b4 p {
  color: #ffffff !important;
}

a {
	color: #000;
	text-decoration: none;
}
/*
a.hyperlink_txt {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

a.hyperlink_txt:hover {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
}*/

.btn {
  background-color: #000 !important;
  padding: 10px 100px;
}

.btnkg a {
  color: #fff;
  background-color: #000 !important;
  border-color: transparent;
  padding: 10px 3rem;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  vertical-align: middle;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
}

.btnkgn {
  color: #212121 !important;
  background-color: #a4d65e !important;
  border-color: transparent;
  padding: 10px 3rem;
  font-size: 1rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  vertical-align: middle;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
}

.downloadbtn a {
  color: #212121 !important;
  background-color: #f5f5f580 !important;
  border-color: transparent;
  padding: 10px 20px;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  vertical-align: middle;
  margin-top: 20px; 
}

.btnkgback a {
  color: #666;
  padding: 10px 20px;
  font-size: 1rem;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
  margin-bottom: 20px;
  font-style: normal;
}

.btnkgback svg  {
  rotate: 180deg;
  top: 5px;
  position: relative;
}

.btnkgback a:hover {
  color: #a4d65e;
}

.btnkgg svg {
  stroke: #212121 !important;
  top: 5px;
  position: relative;
}

.btnkgn svg {
  top: 5px;
  position: relative;
}

.downloadbtn svg {
  stroke: #212121 !important;
  top: 1px;
  position: relative;
}

.btnstream svg {
  top: 5px;
  position: relative;
}

.btnstream svg.svglinkicon {
  top: 2px;
  position: relative;
}

.btnkgbig a {
  color: #000;
  background-color: #a4d65e !important;
  border-color: transparent;
  padding: 15px 23px 17px 23px;
  font-size: 1rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
  margin: 10px;
}

.btnkgbig.outline a {
  color: #fff;
  background-color: transparent !important;
  border: 2px solid white;
  padding: 14px 23px 16px 23px;
  font-size: 1rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
  margin: 10px;
}

.btnkgg a {
  color: #212121 !important;
  background-color: #a4d65e !important;
  border: 2px solid #a4d65e;
  padding: 10px 24px;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  vertical-align: middle;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
}

.btnstream a {
  color: #fff !important;
  background-color: transparent !important;
  border: 2px solid white;
  padding: 10px 24px;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  vertical-align: middle;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
}

.btnkgbig img,.btnkg img {
  display: inline-block;
}

.center.butoon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing .btnkgbig {
  float: left;
  margin: 20px;
}


.btnkg svg {
    top: 5px;
    position: relative;
}

.btnkgbig svg {
    top: 4px;
    position: relative;
}

.layout_latest p.more svg {
    top: 4px;
    position: relative;
}

.btnkg a:hover,.downloadbtn a:hover {
  transform: scale(1.01);
  background-color: #a4d65e !important;
  color: #212121;
}

.btnkgbig a:hover {
  transform: scale(1.02);
  background-color: #fff !important;
}

a .btnkgn:hover,a .btnkgn:hover svg {
  transform: scale(1.02);
  background-color: #000 !important;
  color: #fff !important;
}

.btnkgbig.outline a:hover {
  color: #212121 !important;
}

.btnkg a svg,.btnkgbig a img,.btnkgbig a:hover svg,.btnkgg a svg,p.more svg,.layout_latest_fs svg {
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1);
}

.btnkg a:hover svg,.btnkgbig a:hover img,.btnkgbig a:hover svg,.btnkgg a:hover svg,.layout_latest:hover svg, .layout_latest_fs:hover svg {
  transform: translateX(5px); /* 5px nach rechts */
}

/* test anfang */



/* test ende */


.btnkgg a:hover {
  transform: scale(1.01);
  background-color: #fff !important;
  border-color: #fff;
  font-size: 1rem !important;
  border-radius: .5rem;
}

.btnstream a:hover {
  transform: scale(1.01);
  background-color: #fff !important;
  border-color: #fff;
  font-size: 1rem !important;
  border-radius: .5rem;
  color: #212121 !important;
}

.btnstream a:hover svg {
  color: #212121 !important;
  background-color: transparent !important;
}

.mod_newscategories {
  margin-top: 100px;
}

.mod_newscategories li, .categories li {
  float: left;
}

.mod_newscategories li a {
  display: block;
}

.mod_newscategories li, .categories li {
  border: 2px solid #a4d65e;
  padding: 5px 10px;
  margin-right: 10px;
  margin-bottom: 15px;
  font-size: 0.8em;
}

.mod_article {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mod_article.headline_mb {
  padding-bottom: 45px;
}

#intro.mod_article {
  padding-top: 0;
}

a#toTop {
  background: #333;
  border-radius: 4px;
  color: #fff;
  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: #a4d65e;
  color: #fff;
}


/* .pl {
  margin-left: 50px;
}

.pr {
  margin-right: 50px;
} */

.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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mod_rocksolid_slider {
    padding: 0px 40px;
}

.rsts-prev {
    left: 0 !important;
    top: 45%;
    margin-left: -34px;
    box-shadow: none;
}

.rsts-next {
    top: 45%;
    margin-right: -30px;
}

.kghero,.kghero .row {
  min-height: 100vh;
  background: rgb(1,0,9);
background: -webkit-linear-gradient(bottom, rgba(1,0,9,0.4864146342130602) 0%, rgba(0,212,255,0) 53%);
background: -o-linear-gradient(bottom, rgba(1,0,9,0.4864146342130602) 0%, rgba(0,212,255,0) 53%);
background: linear-gradient(to top, rgba(1,0,9,0.4864146342130602) 0%, rgba(0,212,255,0) 53%);
}

.overlay {
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}



.kghero h2 {
  color: #fff !important;
}

.kghero .row {
  padding: 0 70px 100px 70px;
  color: #fff !important;
}

/* KG Anpassungen relaunch */

.ce_heroimage .heroimage-wrapper {
  background-color: transparent;
  height: auto;
  background-size: auto;
  background-position: right bottom;
}

.ce_heroimage .heroimage-headline-box > * {
    color: #000;
    margin: 0;
    font-size: 2.5rem;
    line-height: 3.75rem;
    font-weight: normal;
}

.ce_heroimage .heroimage-headline-box {
    margin-bottom: 1rem;
}

.ce_heroimage .heroimage-content-box {
    padding: 0;
    width: 50%;
}

.kg_teaser.ce_heroimage .heroimage-content-box {
    width: 100%;
    padding: 1.5rem 2rem;
}


.kg_teaser.ce_heroimage .heroimage-background-overlay {
  align-items: normal;
}

.ce_heroimage .heroimage-text-box > p, .ce_heroimage .heroimage-button-box .btn {
    font-size: 1.17rem;
    line-height: 1.35rem;
}

.ce_heroimage .heroimage-text-box > p {
    font-size: 26px;
    line-height: 33px;
}

.ce_heroimage .heroimage-text-box > p {
    color: #000;
    font-weight: normal;
}

.ce_heroimage h1, h2.ce_heroimage, .mt h1:first-child, .mt h2:first-child {
  padding-top: 100px;
  margin-top: 0;
}

.top {
  margin-top: -65px;
  padding-top: 65px;
}

.ce_heroimage.main .heroimage-button-box {
  margin-bottom: 110px;
}

.kg_teaser .heroimage-background-overlay {
    background-color: #0b0b0a85;
}

.kg_teaser .heroimage-background-overlay:hover {
    background-color: #a4d65e85;
}

.rounded-lg {
    border-radius: var(--radius);
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.overflow-hidden {
    overflow: hidden;
}

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

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

.h-screen {
    height: 100vh;
}

.flex {
    display: flex;
}

.object-cover {
    object-fit: cover;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.intro img {
    max-width: 100%;
    vertical-align: middle;
}

.inset-0 {
    inset: calc(var(--spacing) * 0);
}

.h-64 {
    height: calc(var(--spacing) * 64);
}

.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}

.text-white {
  color: white;
}

.text-green {
  color: #a4d65e;
}

.bg-black-50 {
        background-color: rgba(0, 0, 0, 0.503);
    }

.py-4 {
    padding-block: calc(var(--spacing) * 4);
}

.px-8 {
    padding-inline: calc(var(--spacing) * 8);
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}

.gap-2 {
    gap: calc(var(--spacing) * 2);
}

.vh40 {
  min-height:40vh; 
}

.bounce {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bounce;
    animation-timing-function: linear;
    bottom: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

@keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-30px); }
    100% { transform: translateY(0); }
}

    

.teamh .image_container {
  position: relative;
}

.teamh .image_container a:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  transition: height 0.5s ease-out;
  background: linear-gradient(to bottom, transparent 0%, #a4d65e85 100%);
}

.teamh .image_container a:hover:before {
  height: 100%;
}

.news-landing-overlay:hover,.news-landing-overlay:hover h2 a {
    color: #000 !important;
}

.vertical-scroll-progress-container {
  width: 100%;
  height: 4px;
  background: #e6e6e6;
}
.scroll-progress-bar {
  height: 4px;
  background: #337ab7;
  width: 0%;
}

.layout_latest {
  display: grid;
  margin-bottom: 50px;
}

.news-landing-overlay {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
}

.badgepos {
  bottom: 16px;
  left: 16px;
}

.badge {
  color: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  background-color: #212121;
  font-size: 0.75rem;
  font-weight: 600;
}

.layout_latest:hover .badge,.layout_latest_fs:hover .badge {
  color: #212121;
  background-color: #a4d65e;
}

.nm {
    margin-bottom: 0;
}

.bgpict {
    min-height: 350px;
}

.smlinks a {
    background-color: #666;
    margin: 0 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    float: left;
    align-items: center;
}

.smlinks .ce_text {
  text-align: center;
}

.smlinks img {
    padding: 15px;
    height: 55px;
    display: inline-block;
}

#footer .smlinks img {
  padding: 10px;
  height: 35px;
}

.sib-form-block,.#sib-container {
  padding: 0 !important;
}

.A4A4A4 p {
  color: #A4A4A4 !important;
}

.green
{
	background-color: #a4d65e;
}

.lightgreen
{
	background-color: #bce8bb;
  padding: 20px 0;
}

.mod_newsreader .lightgreen
{
 font-style: normal;
 font-weight: bold;
 border: 0;
 padding: 30px 50px !important;
 margin-bottom: 50px;
}

.mod_newsreader .info {
  color: #A4A4A4;
  font-style: normal;
   font-weight: bold;
   margin-top:50px;
}

.mod_newsreader .lightgreen p {
  border-left: 0;
  padding-left: 0;
  margin: 0;
}

.eef9d5
{
  background-color: #eef9d5;
  padding: 20px 0;
  margin-top: 50px;
}

.ce_text.lightgreen {
  padding: 20px 30px;
}

.lightgreen p {
    border-left: 4px solid white;
    padding-left: 30px;
    margin-left: 20px;
}

.lightgreen.nb p {
    border-left: 0px solid white;
    padding-left: 30px;
    margin-left: 20px;
}

.leftgreen .row .ce_text,.leftgreen.ce_text {
  border-left: 4px solid #a4d65e;
  padding-left: 30px;
  margin-left: 20px;
}

.leftgreen.ce_text {
  margin-bottom: 30px;
  padding-right: 50px;
}

.leftgreen.ce_text p {
  margin-bottom: 0;
}

.lightgreen.nb {
    border-bottom: 10px solid #a4d65e;
    padding-bottom: 0;
}

.ctra .col-md-2 {
  padding-left: 25px;
}

.min600 {
  min-height: 600px;
}

/* KG Anpassungen Ende */



.embed_nl2go button
{
	background-color: #a4d65e !important;
}

a.kg_button
{
	background-color: #fff;
	color:#a4d65e !important;
	padding: 5px 10px;
	font-size: 15px !important;
	display: table;
  margin: 0 auto;
  border-radius: 2px;
}

.newsletter p.nl,.slider-control
{
	display: none;
}

.grey
{
	background-color: #edeeed;
  padding: 50px 0 50px 0;
}

.lightgrey
{
  background-color: #f5f5f5;
}

.darkgrey
{
  background-color: #212121;
}

.darkgrey *
{
  color: #fff !important;
}



.mod_nodes.lightgrey {
    margin-top: 0;
    padding: 20px 0 30px 0;
    border-top: 1px solid #E0E0E0;
}

.ce_text.grey {
  padding: 15px 50px;
}

.ce_text.text-teaser {
  padding: 15px 0;
}


.ce_text.grey p {
  font-weight: bold;
}

/** .ce_text.text-teaser p {
  font: normal normal 1.3rem/1.65rem 'Fixel Display', sans-serif;
} **/

/** .ce_text.text-teaser p {
  font: normal normal 1.3rem/1.65rem 'Fixel Display', sans-serif;
} **/

.kg_black { color:#212121; }

strong, b,.layout_latest time {
    font-style: normal;
    font-weight: 600;
}

em {
    font-style: italic;
    font-weight: normal;
}

.white
{
	background-color: #fff;
}

.col2
{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}

.partnerlogos,.foerderelogos {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  max-width: 1200px;
  justify-content: center;
  margin: 0 auto;
}

.partnerlogos .ce_image {
  padding: 25px;
  width: 25%;
}

.foerderelogos .ce_image {
  padding: 25px;
  width: 20%;
}

.ce_partner img {
	width: 27%;
    padding-right: 15px;
}

img.ea {
    padding-bottom: 19px;
	width: 33%;
}

img.irf {
    padding-bottom: 16px;
}

ul {
	padding: 0;
	margin: 0;
}

.ce_text ul li {
    list-style-type: none;
    padding-left: 20px;
    margin-left: 25px;
    background-image:url(../../files/css/svg/list_bullet.svg);
    background-repeat:no-repeat;
    background-position:left 7px;
}

li.fb a {
    height: 20px;
    display: block;
    background-image: url(../../files/css/svg/facebook.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    margin-top: 2px;
    background-size: 18px 18px;
    width: 18px;
    padding-left: 100px;
}

li.yt a {
    height: 20px;
    display: block;
    background-image: url(../../files/css/svg/youtube.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    margin-top: 2px;
    background-size: 18px 18px;
    width: 18px;
}

li.yt a {
    height: 20px;
    display: block;
    background-image: url(../../files/css/svg/youtube.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    margin-top: 2px;
    background-size: 18px 18px;
    width: 18px;
}

li.ig a {
    height: 20px;
    display: block;
    background-image: url(../../files/css/svg/instagram.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    margin-top: 2px;
    background-size: 18px 18px;
    width: 18px;
    border-bottom: 0 !important;
}

li.tw a {
    height: 20px;
    display: block;
    background-image: url(../../files/css/svg/twitter.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    margin-top: 2px;
    background-size: 18px 18px;
    width: 18px;
}

.consumer .heroimage-button-box {
    height: 50px;
    display: block;
    background-image: url(../../files/css/svg/consumer.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    position: absolute;
    background-size: 50px 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
}

.evaluation .heroimage-button-box {
    height: 50px;
    display: block;
    background-image: url(../../files/css/svg/evaluation.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    background-size: 50px 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
    position: absolute;
}

.retailer .heroimage-button-box {
    height: 50px;
    display: block;
    background-image: url(../../files/css/svg/retailer.svg);
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    text-decoration: none;
    text-indent: -40000px;
    padding: 0;
    background-size: 50px 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
    position: absolute;
}

.partner .col-md-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.partner .col-md-6.halfwidth {
  align-items: flex-start;
}

.partner .col-md-6.third {
  align-items: center;
}


.partner .col-md-6 .ce_image {
  width: 50%;
  padding-right: 20px;
  padding-bottom: 20px;
}

.partner .col-md-6.third .ce_image {
  width: 33%;
}

.partner .col-md-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.partner img {
  mix-blend-mode: multiply;
}

.aa img {
  height: 65px;
  padding-left: 0;
}

.mod_newslist h3 {
  margin-top: 0;
  font: normal 600 1.5rem / 2.25rem 'Fixel Display', sans-serif !important;
}

.landing .layout_latest:hover h3,.layout_latest:hover h3 a,.layout_latest .more,.past_conferences:hover h4,.layout_latest_fs:hover h2 a {
  color: #a4d65e !important;
}

.layout_latest img,.layout_latest_fs img {
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1),
  background-color 0.25s ease-out;
}

.layout_latest:hover img,.layout_latest_fs:hover .pict {
  transform: scale(1.05);
}


.mod_newslist p {
  font-size: 1rem;
  color: #666;
}

/* KG */

#mainmenu a.logo_de {
  float: none;
  padding: 10px 10px 10px 10px;
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_Jahre_DE_weiss.svg");
  background-size: 150px auto;
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 50px;
  margin-top: 10px;
}

.scrolled #mainmenu .logo_de {
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_Jahre_DE_Gruen.svg");
}

#mainmenu a.logo_uk {
  float: none;
  padding: 10px 10px 10px 10px;
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_years_UA_white.svg");
  background-size: 150px auto;
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 50px;
  margin-top: 10px;
}

.scrolled #mainmenu .logo_uk {
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_years_UA_green.svg");
}

#mainmenu a.logo_en {
  float: none;
  padding: 10px 10px 10px 10px;
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_years_EN_white.svg");
  background-size: 150px auto;
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 50px;
  margin-top: 10px;
}

.scrolled #mainmenu .logo_en {
  background-image: url("../../files/KIEV_DIALOGUE/CI_Images_1/20_years_EN_gruen.svg");
}

.logo_uk {
	float: right;
	padding-right: 10px;
}

#changelang {
  height: auto;
  position: absolute;
  right: 0px;
  top: 15px;
  background-color: #f5f5f5;
  border-radius: .5rem;
  padding: 2px;
}

.mod_changelanguage ul {
    padding: 0;
    margin-top: 2px;
}

.mod_changelanguage li {
	float: right;
}

#changelang li.active {
    margin: 2px !important;
}

.mod_changelanguage a {
	text-align: right;
	color: #666 !important;
	text-decoration: none;
	text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  padding: 4px 12px;
}

.mod_changelanguage a:hover {
  background-color: #a4d65e;
  border-radius: 0.5rem;
}

.mod_changelanguage li.active strong {
  color: #212121 !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  padding: 6px 12px;
  background-color: #a4d65e;
  border-radius: .5rem;
}

.mod_changelanguage a:hover {
  color: #a4d65e;
}

.mod_changelanguage strong {
  color: #a4d65e;
}


#mainmenu ul.level_1 li {
    margin-left: 30px;
    float: left;
}

#mainmenu .mod_changelanguage ul.level_1 li {
    margin-left: 0;
    float: left;
}

#mainmenu ul.level_1 li.first {
    margin-left: 30px;
}

#mainmenu ul.level_2 li {
    margin-left: 0px !important;
}

#mainmenu a,#mainmenu p,#mainmenu span {
	text-decoration: none !important;
	color: #ffffff;
	letter-spacing: 1px;
	display: block;
  font: normal 500 15px / 21.5px 'Fixel Display', sans-serif !important;
}

.scrolled #mainmenu a,.scrolled #mainmenu p,.scrolled #mainmenu span,.default #mainmenu a,.default #mainmenu p,.default #mainmenu span {
  color: #000;
}

.default #mainmenu .trail,.default #mainmenu .active .active {
  color: #a4d65e;
  font: normal 500 15px / 21.5px 'Fixel Display', sans-serif !important;
}

#mainmenu .trail.forward {
  border-bottom: 0;
}

#mainmenu .trail.forward strong {
  border-bottom: 2px solid #fff;
}

hr {
	height: 1px;
	background-color: #1d1d1b;
	border: 0;
	outline: 0;
	margin-bottom: 15px;
	margin-top: 10px;
}

#footer hr {
  height: 1px;
  background-color: #555;
  border: 0;
  outline: 0;
  margin-bottom: 30px;
  margin-top: 10px;
}

.reg hr {
	height: 0px;
	background-color: #1d1d1b;
	border: 0;
	outline: 0;
	margin-bottom: 15px;
	margin-top: 10px;
}

hr.nm {
	height: 1px;
	background-color: #1d1d1b;
	border: 0;
	outline: 0;
	margin-bottom: 0px;
	margin-top: 0px;
}

.more_events a {
    padding-left: 20px;
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b2b2b1;
	padding-top: 5px;
}

.ce_rs_column_start {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mod_newsarchive h1 {
	display: none;
}

.list.layout_teaser {
    display: table;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}


.sg .ce_text {
    margin-left: 30px !important;
}

.team h2 {
	color: #a4d65e;
	margin: 0 0 3px 18px;
}


.team .ce_text p {
	padding-right: 10%;
	padding-top: 8px;
}

.mod_article.team .ce_image {
    margin-bottom: 18px;
}

.ce_text a {
	color:#000 ;
}

.kontakt h2 {
	padding-bottom: 16px;
	border-bottom: 1px solid #000;
	margin-top: 20px;
}

.konferenz .ce_galerie {
	margin: 20px 0 0;
}

.konferenz .datum {
	margin-bottom: 15px;
}

/* .konferenz .presse {
	margin-top: 25px;
} */

.box-float table {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width: 0px;
	background-color: #a4d65e;
	color: #fff;
}

.box-float table td {
	padding: 10px;
}

.konferenz h2 {
	color: #a4d65e;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 1px;
	font-weight: 500;
	margin: 10px 0 20px;
}

 /* .widthoverflow .row {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
} */

.widthoverflow ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 1200px;
  padding-bottom: 30px;
}

nav#konfmenu {
  margin-bottom: 30px;
}

nav#konfmenu li {
  flex: 0 0 auto;
}

#konfmenu {
  scrollbar-width: none;
}

#konfmenu::-webkit-scrollbar {
    display: none;
}

/* Works on Firefox */
/* .widthoverflow ul {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
} */

/* Works on Chrome, Edge, and Safari */
/* .widthoverflow ul::-webkit-scrollbar {
  width: 12px;
} */

/* .widthoverflow ul::-webkit-scrollbar-track {
  background: orange;
} */

/* .widthoverflow ul::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
} */

nav#konfmenu li a,nav#konfmenu li.active strong {
  padding: 0 20px 0 26px;
  padding-bottom: 15px;
  border-bottom: 8px solid #C9E7BC;
  margin-left: -6px;
  display: block;
}

nav#konfmenu li a:hover,nav#konfmenu li.active strong {
  border-bottom: 8px solid #6CC047;
}

.mod_newslist.mainlist,.mod_newsarchive.mainlist {
	margin-right: 0;
	margin-left: 0;
}

.mainlist h2 {
	margin: 0;
	padding: 0;
}

.mainlist time

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

.layout_latest .image_container {
  margin-top: 7px;
}

.layout_full {
    margin-top: -200px;
    margin-bottom: 35px;
    background-color: white;
    border-radius: .5rem;
    padding-bottom: 50px; 
}

.mainlist h2,.mainlist p {
    max-width: 500px;
}

.teaser p {
    display: inline;
}

.more a {
    color: #999 !important;
    text-decoration: none;
}

hr.nm:after {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: #fff;
    border-left: 1px solid black;
    top: -9px;
    left: -13px;
    transform: rotate(-140deg);
    position: relative;
}

.map-container {
	border-bottom: 5px solid #a4d65e;
}

.mod_eventlist p {
	margin-bottom: 0;
}

.mod_eventlist h1 {
	display: none;
}

.landing .mod_eventlist {
	background-color: #e5e5e5;
	margin-bottom: 15px;
	border-bottom: 5px solid #a4d65e;
}

.landing .mod_eventlist .empty {
	padding-left: 20px;
}

.landing .mod_eventlist:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: #fff;
    border-left: 0px solid black;
    top: -10px;
    left: -13px;
    transform: rotate(-140deg);
    position: relative;
}

.landing .mod_eventlist .inside {
    border-bottom: 2px solid #fff;
	padding: 5px 5px 5px 0;
}

.grey.mod_eventlist .inside {
    border-bottom: 2px solid #fff;
	padding: 5px 5px 5px 0;
}

/*.landing .mod_eventlist .last .inside {
    border-bottom: 0px solid #fff;
}*/

.layout_upcoming {
    padding-left: 20px;
    font: 16px/20px "futura-pt",sans-serif;
	font-weight: 400;
	font-style: normal;
}

.grey .layout_upcoming {
    padding-left: 0px;
}

.layout_upcoming a {
	color: #a4d65e;
	text-decoration: none;
}

.grey .layout_upcoming a {
	font-weight: 500;
}

.layout_upcoming .title {
	color: #000;
	font-weight: 400;
}

.dateloc span {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.landing .mod_newslist p.info {
    font: 12px/20px "futura-pt",sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #999;
    display: block;
    margin-top: -15px;
    text-align: left;
    padding-left: 18px;
    margin-bottom: 0;
}

.speak {
	padding: 10px;
	-webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 35px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.speakbg {
	 content: "";
    width: 30px;
    height: 30px;
    background:url(../../files/css/svg/speechblows.svg) fixed no-repeat bottom left;

}

.toggler {
	cursor: pointer;
}

.gc .toggler {
	font-style: normal;
	font-weight: 700;
    color: #a4d65e;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #a4d65e;
	margin-bottom: 5px;
  --grid__gutter: 0 !important;
}

.gc .toggler.active {
	border-bottom: 0px solid #a4d65e;
}

.gc .accordion {
	border-bottom: 1px solid #a4d65e;
	margin-bottom: 2px;
}

.gc .accordion p,.container .gc p {
    color: #000;
	text-align: left !important;
	padding-bottom: 10px;
}

.region {
	padding: 10px 0 8px 18px;
	background-color: #a4d65e;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 89% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 89% 100%, 0 100%);
}

.regkoo {
	padding-top: 35px;
}

.md {
	-webkit-clip-path: polygon(0 20%, 6% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 20%, 6% 0, 100% 0, 100% 100%, 0 100%);
	padding: 18px 0 8px 22px;
	margin-top: 100px;
}

.regev {
	padding-top: 75px;
}

.mod_eventlist.grey {
	border-radius:10px 10px 10px 0px;
	position: relative;
	padding: 15px 0 15px 15px;
}

.history {
    margin-top: 0px;
}

.zitat {
	padding: 10px;
	border-radius:10px 10px 10px 0px;
	position: relative;
}

.zitat.rc {
	border-radius:10px 10px 0px 10px;
}

.lc:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 13px;
	width: 0;
	height: 0;
	border: 26px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-left: -13px;
	margin-bottom: -26px;
}

.rc:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 13px;
	width: 0;
	height: 0;
	border: 26px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-right: 0;
	margin-right: -13px;
	margin-bottom: -26px;
}

/*
.toggler.active:before {
    content: 'schließen';
    display: block;
    text-indent: 0;
    background-position: bottom left;
    background-image: url(../../files/css/raw-svg/solid/caret-up.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 20px;
}

:lang(uk) .green .toggler.active:before {
    content: 'Закрити';
    display: block;
    text-indent: 0;
    background-position: bottom left;
    background-image: url(../../files/css/raw-svg/solid/caret-up.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 20px;
} */

.linie p,.wwt ul,.wwt p {
	padding-top: 0px;
	padding-bottom: 0px;
}

.linie.mb {
    margin-bottom: 47px;
}

.wwt ul{
	list-style-type: disc;
	margin-left: 19px;
	color: #a4d65e;
}

.wwt li{
	margin-bottom: 10px;}

.nmp p {
	margin: 0;
	line-height: 0;
}



.mod_newsreader .openertext {
    font-style: normal;
    font-weight: bold;
}

.mod_newsreader p {
    margin-bottom: 30px;
}


.mod_newsmenu,.mod_eventmenu {
    text-align: right;
    margin-top: 15px;


}

.mod_eventreader *[class*="ce_"], .mod_eventreader .mod_article *[class*="mod_"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mod_newslist p.empty {
  display: table;
  padding-left: 30px;
}

/* Footer */

#footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #333;
  letter-spacing: 1px;
}

#footer p
{
	letter-spacing: 1px;
	color: #fff;
	margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 20px;
}

#footer .inside
{
    padding-top: 18px;
}

#footer,#footer .ce_text a,#footer li {
	text-decoration: none;
	color: #fff;
	letter-spacing: 1px;
}

.mod_customnav a,.mod_customnav strong {
	text-decoration: none !important;
	color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  text-decoration: none !important;
  padding: 0 0 0 20px;
}

.mod_customnav {
	margin: 0 !important;
	padding: 0;
  float: right;
}

.mod_customnav li {
	float: left;
}

.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    max-width: 100%;
}

.mejs-overlay-button {
    display:none;
}

/* Layout */

div.mod_iso_productfilter {
	margin-left: 0px !important;
}

/* Navigation */



.mod_eventmenu span,.mod_newsmenu span {
	color: #1d1d1b;
}

.mod_newsmenu li,.mod_eventmenu li {
	margin: 0 0 0 25px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.embed-container_nl {
	text-align: center;
  margin: 0 auto;
}
.embed-container iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* sm-icons */

.sharebuttons {
    overflow: hidden;
    float: right;
}

.event .sharebuttons {
    overflow: hidden;
    float: left;
}

.sharebuttons > ul.fontawesome > li > a {
    font-size: 20px;
    text-align: left;
    color: #a4d65e;
}

a.facebook.fa.fa-facebook {
    width: 14px;
}

a.twitter.fa.fa-twitter {
    width: 20px;
}

/* temporaer */

.ce_dlh_googlemaps {
	max-width: 700px
}

#header .mod_iso_cart a,#header .mod_iso_cart .subtotal {
	padding-left: 10px;
}

.currency {
	padding-left: 5px;
}

.mod_iso_relatedproducts .product_list {
	margin-top: 0;
}

.caroufredsel .ce_image {
	padding-left: 10px;
}

.ce_dma_eg_1 {
	width: 1100px;
	padding-right: 10px;
	padding-left: 10px;
}

.slider_headline {
	font: 32px/2.3rem 'Avenir W02';
	font-weight: 400;
	color: #1d1d1b;
}

.slider_text {
	font: 24px/28px 'Avenir W02';
	font-weight: 400;
	color: #1d1d1b;
}

.mod_caroufredsel.block {
	overflow: visible;
}

.mod_caroufredsel {
	margin-bottom: 5px;
}

.caroufredsel_prev > span {
	text-indent: -10000px;
	display: block;
	width: 12px;
	height: 10px;
	background: url(../../files/css/arrow_prev.svg) no-repeat;
	position: relative;
	top: -165px;
	margin-left: -10px;
}

.caroufredsel_next > span {
	text-indent: -10000px;
	display: block;
	width: 12px;
	height: 10px;
	background: url(../../files/css/arrow_next.svg) no-repeat;
	float: right;
	position: relative;
	top: -165px;
	margin-right: -10px;
}

.caroufredsel_pagi {
	float: right;
	position: relative;
	top: -20px;
	width: 280px;
}

.caroufredsel_pagi a {
	float: left;
	margin-right: 5px;
}

.caroufredsel_pagi a > span {
	text-indent: -10000px;
	background: url(../../files/css/bullet.svg) no-repeat;
	display: block;
	width: 10px;
	height: 10px;
}

.caroufredsel_pagi a.selected > span {
	background: url(../../files/css/bullet_selected.svg) no-repeat;
}

/* events */

.mod_eventlist .event,.mod_newslist .layout_full {
	clear: both;
}

.layout_teaser .teaser p {
	margin-top: 0px;
	margin-bottom: 0px;
	font: 14px/1.05rem 'Avenir W02';
	display: inline;
}

.layout_teaser img {
	max-width: 130px;
}

.image_container a {
	border: none;
}

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

.layout_landing {
	padding-bottom: 15px;
}

.location_details p {
	margin-top: 10px;
}

/* news */

.mod_newslist a,.layout_teaser a {
	text-decoration: none;
	color: #1d1d1b;
}

.layout_full .ce_gallery.right,.ce_image.right,.ce_inlinemedia.right {
    padding-top: 20px;
}

.sep {
	border-bottom: 1px solid #000;
	line-height: 8px;
	margin-left: 0;
}

.layout_full .ce_downloads.eef9d5 {
  padding: 20px;
  margin-bottom:30px; 
}

.mod_newsreader .layout_full .ce_downloads.eef9d5 li {
  font: normal 700 1.3rem/1.65rem 'Fixel Display', sans-serif !important;
  margin: 0 0 7px;
  padding: 0;
  color: #000;
  text-transform: none;
}


/* Pagination */

.pagination {
  margin-bottom: 1em;
  margin-top: 60px;
}

.pagination p {
  float: left;
  line-height: 40px;
}

.pagination ul {
  float: left;
  margin-left: 1em;
}

.pagination li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.pagination strong {
  background-color: #a4d65e;
  border: 2px solid #a4d65e;
  color: #fff;
  border-radius: .5rem;
}

.pagination a, .pagination strong {
  padding: 5px 15px;
  display: inline-block;
}

.pagination a {
  background-color: transparent;
  border: 2px solid #a4d65e;
  transition: background-color .3s , color .3s;
  margin-bottom: 5px;
  border-radius: .5rem;
}


/* temp */

.back {
	display: none;
}

/* Formulare */

.mod_iso_productfilter select {
	width: 100%;
	border: 0px solid #bbb;
	padding: 0;
	background-color: white;
	background-image: none;
	background-position: right;
	background-repeat: no-repeat;
}

.landing input,.search input,.submit_container input {
	width: auto;
}

.ce_map {
	margin-top: 25px;
}

/* tab-switching routine */
.tabs {
  display: flex;
  flex-wrap: wrap;
}

.tab-label {
  order: -1;
  position: relative;
  
  input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
  }
}

.tab-label:has(input:checked) + .tab-content {
  display: block;
}

.tab-content {
  width: 100%;
  display: none;
}

/* styling */
.tab-label {
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: 0.2s;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #212121;
  background-color: #fff;
  margin: 0 20px 30px 0; 
}

.tab-label:hover,
.tab-label:has(input:checked) {
  color: #fff;
  background-color: #a4d65e;
}

.tab-label:focus-within {
  z-index: 1;
  outline: 2px solid #027fff;
}

.tab-content {
  padding: 1em;
  border-radius: 0.5rem;
  background-color: #fff;
}

/* content tabs */

.cday .lightgrey {
  padding: 1rem;
  margin: 0 10px 20px 0;
  border-radius: 0.5rem;
  border-left: 3px solid #F5F5F5;
  background-color: #f5f5f580;
}

.cday .greenborder {
  padding: 1rem;
  margin: 0 10px 20px 0;
  border-radius: 0.5rem;
  border-left: 3px solid #a4d65e;
  background-color: #fff;
}

.cday .greenborder .subtopic {
  padding: 1rem;
  margin: 0 10px 0 0;
  border-radius: 0.5rem;
  border-left: 3px solid #a4d65e;
  background-color: #f5f5f5;
}

.cday .greenborder .ecat p {
  color: #212121;
  font-size: 0.75rem;
  padding: 2px 10px 2px 10px;
  margin: 5px;
  border-radius: 0.5rem;
  background-color: #a4d65e;
  font-weight: 600;
  display: inline-block;
  line-height: 1.5;
  float: right;
}

.cday .lightgrey .ecat p {
  color: #212121;
  font-size: 0.75rem;
  padding: 2px 10px 2px 10px;
  margin: 5px;
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  font-weight: 600;
  display: inline-block;
  line-height: 1.5;
  float: right;
}

.badge-year-grey {
  color: #666;
  font-size: 0.75rem;
  padding: 4px 8px 4px 8px;
  border-radius: 0.5rem;
  background-color: #f5f5f5;
  font-weight: 600;
  display: inline-block;
  line-height: 1.5;
}



.conferences_teaser {
  background-color: #212121;
  border-radius: 0.5rem;
}

.conferences_teaser .conferences_teaser_text p,.conferences_teaser h2 {
  color: #fff !important;
}

.conferences_teaser_text {
  padding: 30px 30px 30px 10px;
}

.conferences_teaser_text p img,.teaser p img {
  display: inline;
  vertical-align: middle;
}

.teaser p img {
  display: inline;
  vertical-align: text-bottom;
}

.pimginline p img {
  display: inline;
  vertical-align: baseline;
}

.conferences_teaser_pict .image_container {
    position: relative;
    height: 100%;
}


.conferences_teaser_pict {
   background-image: url("../../files/_assets/conferences_teaser_pict.jpg");
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;
   opacity: .3; /* falls nötig - evtl per pseudo-element */
   border-radius: .5rem;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.downloadbtn.floatright {
  margin-right: 10px;
}

.floatleft.ce_hyperlink {
  margin-right: 15px;
}

.past_conferences .teaser p {
    display: block;
}




/* relaunch styling */

.iconb h2 {
    display: flex;
    align-items: center;
}

.iconb h2 img {
    margin-right: 15px;
}

.ce_image,.ce_linkteaser:hover, .teamteaser:hover,.speakerteaser:hover {
  -webkit-box-shadow:  0 10px 15px -3px #2121211a, 0 4px 6px -4px  #2121211a;
  box-shadow: 0 10px 15px -3px #2121211a, 0 4px 6px -4px  #2121211a;
  border-radius: 0.5rem;
}

.layout_latest_fs,.layout_full {
  -webkit-box-shadow:  0 10px 15px -3px #2121211a, 0 4px 6px -4px  #2121211a;
  box-shadow: 0 10px 15px -3px #2121211a, 0 4px 6px -4px  #2121211a;
  border-radius: 0.5rem;
}

.teamteaser, .advisory_board,.speakerteaser {
  border: 1px solid #2121211a;
  border-radius: 0.5rem;
  padding-bottom: 25px;
}

advisory_board_container {
  display: flex;
  flex-wrap: wrap;
}

.advisory_board {
  padding: 5px 25px 15px 25px;
  background-color: #fff;
}

.teamteaser .ce_text, .teamteaser .readmore {
  padding: 0 20px 0;
}

.speakerteaser .textdiv {
  padding: 20px 20px 0;
}

.speakerteaser .text-green {
  font-weight: 600;
}

.teamteaser .readmore p, .advisory_board p, .speakerteaser p,.past_conferences p {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.5;
}


.partnerlogos .ce_image, .foerderelogos .ce_image {
  -webkit-box-shadow:  none;
  box-shadow: none;
  border-radius: 0;
  mix-blend-mode: multiply;
}

.noshadow {
  -webkit-box-shadow:  none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.ce_linkteaser {
    border-radius: 0.5rem;
    background-color: white;
    padding-bottom: 30px;
    height: 100%;
}

.ce_linkteaser .teaser {
    padding: 30px 30px 0;
}

.ce_linkteaser:hover img {
  transition: transform 0.5s ease;
  transform: scale(1.05);
}

.ce_linkteaser:hover h3 {
  color: #a4d65e;
}

.ce_linkteaser span.more {
    display: block;
    margin-top: 20px;
    color: #a4d65e;
}

span.more svg {
    top: 5px;
    position: relative;
}

.ce_linkteaser:hover span.more svg {
  left: 5px;
  transition: .2s ease-in-out;
}

.layout_latest_fs {
  border-radius: .5rem;
  margin-bottom: 20px;
}

.layout_latest_fs .text {
  padding: 48px;
}

/* Read More and less */

.readmore .read-more-state {
  display: none;
}

.readmore .read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.readmore .read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.readmore .read-more-state ~ .read-more-trigger::before {
  content: "Show more"; /* nur Text im content */
  
  display: inline-flex;
  align-items: center;
  gap: .4em;
  
  /* Icon als Background */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23a4d65e'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14'/%3E%3Cpath%20d='m12%205%207%207-7%207'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right 0 top -2px; /* genau deine 5px */
  
  padding-right: 25px; /* Abstand für Icon */
  line-height: 1;
}

html[lang="uk"] .readmore .read-more-state ~ .read-more-trigger::before {
  content: "Дізнатися більше"; /* nur Text im content */
}

.readmore .read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

html[lang="uk"] .readmore .read-more-state:checked ~ .read-more-trigger:before {
  content: 'Дізнатися більше менше';
}

.readmore .read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: #a4d65e;
  font-size: .9rem;
  line-height: 1.5;
}

.readmore .read-more-state:checked ~ .read-more-wrap .dots {
  display: none;
}

paddingmlr.mod_article {
  padding: 0;
}


@media (min-width:980px) and (max-width:1200px)
{


.wnm .mod_article {
  padding: 0 15px;
}

.wnm .mod_article.anm {
  padding: 0;
}

#mainmenu {
  width: auto;
  padding: 0 30px;
}

#nav-main {
  top: 19px;
  position: absolute;
  left: 140px;
}

#mainmenu ul.level_1 li {
    margin-left: 20px;
    float: left;
}

#header {
  left: 0;
}

#footer .row {
  width: auto !important;
  padding: 50px 30px;
}

#footer .inside {
  width: 100%;
}

.mod_customnav.smmenu.block {
  display: none;
}

.row {
  padding: 0 20px;
}

.mod_newslist .row {
  padding: 0;
}

.landing .mod_newslist .row {
  padding: 20px;
}

.conferences_teaser.row {
  padding: 0;
}

}

@media (min-width:768px) and (max-width:979px)
{
  
html {
        font-size: 16px;
        line-height: 22px;
}

.wnm .mod_article {
  padding: 0 15px;
}

.wnm .mod_article.anm {
  padding: 0;
}

#mainmenu {
  width: auto;
  padding: 0 15px;
}

#mainmenu ul.level_1 li {
    margin-left: 20px;
    float: left;
}

#nav-main {
  display: none;
}

#mainmenu ul.level_1 li.first {
    margin-left: 20px;
}

#nav-main {
  top: 80px;
  position: absolute;
  left: -10px;
}

#changelang {
    display: none !important;
}

.mod_customnav.smmenu.block {
  display: none;
}

li.fb a {
  padding-left: 30px;
}

.ce_heroimage .heroimage-content-box {
  padding: 0;
    padding-bottom: 0px;
  width: 75%;
  padding-bottom: 200px;
}

#footer {
  height: fit-content;
  padding: 15px;
}

#footer .inside {
  width: 100%;
}

#footer .row {
  padding: 0;
}

h1, .gc h2, .mod_newsreader h1 {
  font: normal 700 2.5rem/3rem 'Fixel Display', sans-serif !important;

} 

h2 {
    font: normal 700 2rem/2.5rem 'Fixel Display', sans-serif !important;
}

/** mobile menu **/

.mobile_menu .inner {
    background: #fff;
    padding-top: 80px;
}

.mobile_menu #changelang {
  display: block !important;
  text-align: right;
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  float: left;
  margin-left: 15px;
}

#mobilemenu {
  position: relative;
  top: 7px;
  padding-left: 20px;
}

#mobilemenu ul {
  padding: 0 0 10px;
}

#mobilemenu li {
  margin: 0;
  float: none;
}

.mobilemenu li.fb,.mobilemenu li.yt,.mobilemenu li.ig,.mobilemenu li.tw {
  display: none;
}

.toggle_menu {
background-position: right;
background-image: url(../../files/css/svg/toggle_menu.svg);
background-repeat: no-repeat;
background-size: 35px 35px;
width: 50px;
height: 35px;
display: block;
padding-top: 0;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

.scrolled .toggle_menu {
  background-image: url(../../files/css/svg/toggle_menu_dgrey.svg);
}

#mobilemenu a,#mobilemenu strong {
  font-weight: bold;
  text-decoration: none !important;
  color: #1d1d1d;
  letter-spacing: 1px;
  font-size: 20px;
}

#mobilemenu strong {

  text-decoration: none !important;
  color: #a4d65e;
    letter-spacing: 1px;
}

#mobilemenu .level_2 li.active strong {
  color: #a4d65e;
}

.mobile_menu .mod_changelanguage {
  display:block !important;
}

.row {
  padding: 0 20px;
}

.mod_newslist .row {
  padding: 0;
}

.landing .mod_newslist .row {
  padding: 20px;
}

.conferences_teaser.row {
  padding: 0;
}

}

@media (max-width:767px)
{
    
html {
      font-size: 16px;
      line-height: 22px;
      --grid__gutter: 0;
      font-size: 14px;
}

/* Silbentrennung Body*/
body {
  -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;
  /* For Safari */
  -webkit-hyphenate-limit-after: 4;
  /* For Safari */
  -ms-hyphenate-limit-chars: 10 3 4;
  hyphenate-limit-chars: 10 3 4;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0 !important;
}

.center.butoon {
  display: block;
}

.landing .btnkgbig {
    float: none;
    margin: 20px;
}

.mod_article {
  padding: 50px 0;
}

.col-md-6,.col-md-4,.col-md-4 {
  margin-bottom: 30px;
}

.row {
  padding: 0 20px;
}

.mod_newslist .row {
  padding: 0;
}

.landing .mod_newslist .row {
  padding: 20px;
}

.conferences_teaser.row {
  padding: 0;
}

.logo_de,.logo_en,.logo_uk {
  left: 20px;
  position: relative;
}

.teamteaser {
  margin-bottom: 30px;
}

.conferences_teaser_pict,.layout_latest_fs .col-md-6 {
    min-height: 320px;
}

.btnkgbig a,.btnkg a {
  width: 100%;
}

.landing .btnkgbig {
  float: none;
  margin: 10px 20px;
}

.btnkgn svg {
    top: 1px;
    position: relative;
}

.ce_hyperlink {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    text-align: center;
}

.ce_hyperlink.btnkgback {
    display: flex;
    justify-content: left;
    margin-bottom: 0;
    text-align: left;
}

.floatleft {
    float: none;
}


.paddingmlr.mod_article {
  padding: 0 20px;
}

.layout_latest_fs .text {
    padding: 20px;
}

.conferences_teaser_text {
    padding: 30px 30px 30px 30px;
}

header {
  left: 0;
}
 
h1, .gc h2, .mod_newsreader h1 {
  font: normal 700 2.5rem/3rem 'Fixel Display', sans-serif !important;

} 

#changelang {
  display: none !important;
}
    
.row {
    width: 100%;
}

#mainmenu {
  width: 100%;
}

.partnerlogos .ce_image {
  width: 50%;
}


#nav-main {
  display: none;
}

.mod_article {
  margin-bottom: 0;
}

h2 {
    font: normal 700 2rem/2.5rem 'Fixel Display', sans-serif !important;
}

.leftgreen .row .ce_text, .leftgreen.ce_text {
  border-left: 4px solid #a4d65e;
  padding-left: 10px;
  margin-left: 0px;
}

.mbminus {
  margin-bottom: 0;
}

.ce_text.text-teaser {
  padding-top: 0;
}

.col-md-6 .ce_heroimage {
    margin-bottom: 25px;
}

#container {
  padding-bottom: 800px;
}

#footer {
  height: fit-content;
  padding: 15px;
}

.smlinks {
  margin: 0 auto;
}

#footer .floatright {
    float: none;
}

.smlinks a {
  margin: 5px;
}

#footer .inside {
  width: 100%;
}

#footer .ce_text.center {

  padding-top: 50px;
}

#footer .row {
  padding: 0;
}

.smmenu {
  top: 15px;
  position: absolute;
  right: 20px;
}

#mainmenu ul.level_1 li {
  margin-left: 15px;
  float: left;
}

.ce_heroimage .heroimage-content-box {
  padding: 0 10px 0 10px;
  width: 100%;
}

.ce_heroimage .heroimage-wrapper {
  background-position: center top;
}

.col-md-12 .ce_heroimage .heroimage-background-overlay {
  background-color: #ffffffd6;
}

.ce_heroimage.main .heroimage-button-box {
  margin-bottom: 0;
}

.ce_text.grey {
  padding: 15px 20px;
}

.landing .ce_text.grey {
  margin-top:35px;
}

.news-landing-overlay {
  padding: 15px 20px;
}

.lightgreen.nb p {
  padding-left: 20px;
  margin-left: 0px;
}

.team_funktion {
  margin-bottom: 25px;
}

.btn a {
  background-color: #a4d65e !important;
  padding: 10px 0;
  text-align: center;
}

.kg_teaser.ce_heroimage .heroimage-content-box {
  padding: 15px 20px;
}

.aa.mobile {
  margin-bottom: 35px;
}

.mod_newslist.first, .mod_newsreader.center  {
  margin-top: 50px;
}

.mod_newscategories {
  margin-top: 30px;
}

.mainlist .layout_latest img {
  margin-bottom: 10px;
}

.pagination ul {
  margin-left: 0;
}

.landing .mod_newslist, .mod_newsreader.center  {
  margin-top: 0;
}

.landing .layout_latest {
  margin-bottom: 30px;
}

.mod_newsreader .lightgreen {
  padding: 15px 20px !important;
}

.activities h2.ce_headline::before {
  padding-right: 30px;
  width: 30px;
  height: 20px;
  background-size: 20px 20px;
}

.eef9d5, .grey {
  padding: 15px 20px;
  margin-top: 0;
}

.lightgreen p {
  padding-left: 20px;
}

.min600 .parallax-bgimage {
  background-image: none !important;
}

.image_container.float_left {
  display: block;
  float: none;
}

.min600 {
  min-height: auto;
}

/** mobile menu **/

.mobile_menu .inner {
    background: #fff;
    padding-top: 80px;
}

.mobile_menu #changelang {
  display: block !important;
  text-align: right;
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  float: left;
  margin-left: 15px;
}

#mobilemenu {
  position: relative;
  top: 7px;
  padding-left: 20px;
}

#mobilemenu ul {
  padding: 0 0 10px;
}

#mobilemenu li {
  margin: 0;
  float: none;
}

.mobilemenu li.fb,.mobilemenu li.yt,.mobilemenu li.ig,.mobilemenu li.tw {
  display: none;
}

.toggle_menu {
background-position: right;
background-image: url(../../files/css/svg/toggle_menu.svg);
background-repeat: no-repeat;
background-size: 35px 35px;
width: 50px;
height: 35px;
display: block;
padding-top: 0;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

.scrolled .toggle_menu {
  background-image: url(../../files/css/svg/toggle_menu_dgrey.svg);
}

#mobilemenu a,#mobilemenu strong {
  font-weight: 500;
  text-decoration: none !important;
  color: #212121;
  font-size: 1.1rem;
  margin-bottom: 20px !important;
  display: block;
}

#mobilemenu a.besupporter {
    border: 2px solid #a4d65e;
    border-radius: 0.5rem;
    padding: 4px 22px;
    margin-top: -12px;
    display: inline-block;
}

#mobilemenu strong {

  text-decoration: none !important;
  color: #a4d65e;
    letter-spacing: 1px;
}

#mobilemenu .level_2 li.active strong {
  color: #a4d65e;
}

.mobile_menu .mod_changelanguage {
  display:block !important;
}

.mod_rocksolid_slider {
  padding: 0px 30px;
}

.rsts-prev {
  margin-left: -37px;
}

a#toTop {
  right: 30px;
  bottom: 50px;
}

.hyperlink_txt {
  display: inline-block;
}


.partner .col-md-6 .ce_image {
  width: 100%;
  padding-right: 20px;
  padding-bottom: 20px;
}

.partner .col-md-6.third .ce_image {
  width: 100%;
}

.btnkg a {
    vertical-align: text-top;
    line-height: 2rem;
}

}


/*
 * Mapplic - Custom Interactive Map Plugin by @sekler
 * Version 4.0
 * http://www.mapplic.com/
 */

.mapplic-element {
	font-size: 0;
	height: 420px;
}

.mapplic-element input,
.mapplic-element button,
.mapplic-element a:hover,
.mapplic-element a:active,
.mapplic-element a:focus {
	outline: none;
}

/* Preloader & Error */
.mapplic-element.mapplic-loading { background: url(../../files/css/images/loader.gif) no-repeat center; }
.mapplic-element.mapplic-error { background: url(../../files/css/images/error-icon.png) no-repeat center; }

.mapplic-element > * {
	opacity: 1;
	transition: opacity 0.6s;
}

.mapplic-element.mapplic-loading > * {
	opacity: 0;
}

/* Map container */
.mapplic-container {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 70%;
	height: 100%;
}

.mapplic-map {
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible !important;
}

/* Map layer */
.mapplic-layer img {
	width: 100%;
}

/* IE Fix */
.mapplic-layer {
	width: 100%;
	height: 100%;
	position: absolute;
}

.mapplic-map .mapplic-map-image {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* IE Fix END */

.mapplic-map.mapplic-zoomable .mapplic-map-image {
	cursor: url(../../files/css/images/openhand.cur), default;
}

.mapplic-map.mapplic-zoomable.mapplic-dragging .mapplic-map-image {
	cursor: url(../../files/css/images/closedhand.cur), move;
}

/* Pin types */
.mapplic-pin {
	background-image: url(../../files/css/images/pin.png);
	background-size: 18px 24px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	width: 18px;
	height: 24px;
	margin-top: -23px;
	margin-left: -9px;
	position: absolute;
	-webkit-transition: background-color 0.2s, border-color 0.2s;
	-moz-transition: background-color 0.2s, border-color 0.2s;
	transition: background-color 0.2s, border-color 0.2s;
}

/* New pin types */
.mapplic-pin.pin-classic {
	background-color: #f23543;
	background-image: none;
	border-color: #f23543;
	border-radius: 10px;
	line-height: 22px !important;
	width: 20px;
	height: 20px;
	margin-top: -25px;
	margin-left: -10px;
}

.mapplic-pin.pin-classic:before {
	border-style: solid;
	border-width: 9px 8px 0 8px;
	border-color: inherit;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	content: '';
	display: block;
	position: absolute;
	top: 16px;
	left: 2px;
}

.mapplic-pin.pin-marker {
	background-color: #fdca2a;
	background-image: none;
	border-color: #fdca2a;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px;
}

.mapplic-pin.pin-marker:before {
	border-color: inherit;
	border-style: solid;
	border-width: 6px;
	border-radius: 16px;
	content: '';
	display: block;
	opacity: 0.4;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -6px;
	top: -6px;
}

.mapplic-pin.pin-disk {
	background-color: white !important;
	background-image: none;
	border-color: #f19819;
	border-radius: 8px;
	color: #333 !important;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px;
}

.mapplic-pin.pin-disk:before {
	border-color: inherit;
	border-style: solid;
	border-width: 3px;
	border-radius: 16px;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -3px;
	top: -3px;
}

.mapplic-pin.pin-ribbon {
	background-color: #46b450;
	background-image: none;
	border-color: #46b450;
	border-radius: 2px 2px 2px 0;
	height: 16px;
	min-width: 10px;
	width: auto;
	padding: 0 3px;
	margin-top: -20px;
	margin-left: -8px;
}

.mapplic-pin.pin-ribbon:after {
	border-style: solid;
	border-width: 0 8px 4px 0;
	border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;
	content: '';
	display: block;
	position: absolute;
	top: 16px;
	left: 0px;
}

.mapplic-pin.pin-ribbon:before {
	border-style: solid;
	border-width: 0 8px 4px 0;
	border-color: inherit;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	content: '';
	display: block;
	position: absolute;
	top: 16px;
	left: 0px;
}

.mapplic-pin.pin-dot {
	background-color: transparent !important;
	background-image: none;
	border-color: #29afa1;
	color: #333 !important;
	height: 16px;
	min-width: 10px;
	width: auto;
	padding: 0 3px;
	margin-left: 4px;
	margin-top: -8px;
}

.mapplic-pin.pin-dot:before {
	border-color: inherit;
	border-style: solid;
	border-width: 3px;
	border-radius: 12px;
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 5px;
	left: -7px;
}

.mapplic-pin.orange { background-image: url(../../files/css/images/pin-orange.png); }
.mapplic-pin.yellow { background-image: url(../../files/css/images/pin-yellow.png); }
.mapplic-pin.green { background-image: url(../../files/css/images/pin-green.png); }
.mapplic-pin.blue { background-image: url(../../files/css/images/pin-blue.png); }
.mapplic-pin.purple { background-image: url(../../files/css/images/pin-purple.png); }

.mapplic-pin.circular {
	background-image: none;
	background-color: #fb7575;
	border-radius: 6px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	margin-top: -6px;
}

.mapplic-pin.circle {
	background: none !important;
	border: 2px solid #fb7575;
	width: 8px;
	height: 8px;
	margin-left: -6px;
	margin-top: -6px;
}

.mapplic-pin.transparent {
	background-image: none;
	background-color: #795ecd;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0.5 !important;
}

.mapplic-pin.pin-label {
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 16px;
}

.mapplic-pin.pin-label:visited {
	color: #fff;
}

.mapplic-pin.pin-md {
	border-radius: 50%;
	margin-left: -10px;
	margin-top: -10px;
	line-height: 20px;
	width: 20px;
	height: 20px;
}

.mapplic-pin.pin-lg {
	border-radius: 50%;
	margin-left: -15px;
	margin-top: -15px;
	line-height: 30px;
	width: 30px;
	height: 30px;
}

.mapplic-pin.pin-xl {
	border-radius: 50%;
	margin-left: -20px;
	margin-top: -20px;
	line-height: 40px;
	width: 40px;
	height: 40px;
}

.mapplic-pin.pin-pulse:before {
	content: '';
	border: 2px solid #888;
	border-radius: 30px;
	height: inherit;
	width: inherit;
	top: -2px;
	left: -2px;
	position: absolute;
	animation: pulsate 1.8s ease-out;
	animation-iteration-count: infinite;
	animation-delay: 1s;
	opacity: 0;
	box-sizing: content-box;
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(1, 1); opacity: 0.0;}
	25% {opacity: 0.5; }
	50% {-webkit-transform: scale(1.6, 1.6); opacity: 0.0;}
}

/* Minimap */
.mapplic-minimap {
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	margin: 10px;
	bottom: 0;
	right: 0;
	opacity: 0.5;
	overflow: hidden;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	transition: opacity 0.6s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mapplic-minimap img {
	width: 100%;
}

.mapplic-minimap-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mapplic-minimap .mapplic-minimap-active {
	position: absolute;
	opacity: 1;
	top: 0;
	left: 0;
}

.mapplic-clip-transition {
	-webkit-transition: clip 0.1s;
	-moz-transition: clip 0.1s;
	transition: clip 0.1s;
}

.mapplic-minimap-background {
	width: 140px !important;
	-webkit-filter: blur(2px);
}

/* Clear Button */
.mapplic-clear-button {
	background-color: #fff;
	background-image: url(../../files/css/images/reset.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	margin: 10px;
	width: 28px;
	height: 28px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.mapplic-clear-button:active {
	background-color: #eee;
}

/* Zoom Buttons */
.mapplic-zoom-buttons {
	margin: 10px;
	position: absolute;
	left: 0;
	bottom: 40px;
}

.mapplic-zoom-buttons a {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	color: #fff !important;
	display: block;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	width: 28px;
	height: 28px;
}

.mapplic-zoom-buttons a:active {
	background-color: #f4f4f4;
}

.mapplic-zoom-buttons a.mapplic-disabled {
	background-color: #eee;
	cursor: default;
}

a.mapplic-zoomin-button {
	background-image: url(../../files/css/images/plus.png);
	background-size: 10px 10px;
	border-radius: 2px 2px 0 0;
}

a.mapplic-zoomout-button {
	background-image: url(../../files/css/images/minus.png);
	background-size: 10px 10px;
	border-radius: 0 0 2px 2px;
	border-top: none;
}

/* Fullscreen */
.mapplic-fullscreen {
	background-color: rgba(255, 255, 255, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: 1000;
}

.mapplic-fullscreen-button {
	background-color: #fff;
	background-image: url(../../files/css/images/fullscreen.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-radius: 2px;
	margin: 10px;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
}

.mapplic-fullscreen .mapplic-fullscreen-button {
	background-image: url(../../files/css/images/fullscreen-exit.png);
}

.mapplic-fullscreen .mapplic-container {
	width: 80%;
}

.mapplic-fullscreen .mapplic-sidebar {
	width: 20%;
}

/* Levels */
.mapplic-levels {
	border-bottom: 1px solid #eee;
	border-radius: 2px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	overflow: hidden;
}

.mapplic-levels > * {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mapplic-levels-select {
	background-color: #fff;
	border: none;
	border-radius: 0;
	color: #666;
	margin: 0;
	padding: 10px 6px;
	margin-left: 20px;
	font-size: 13px;
	font-weight: 400;
	outline: none;
	-webkit-appearance: none;
}

.mapplic-levels a {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px 4px;
	cursor: pointer;
	height: 50%;
	width: 20px;
	position: absolute;
}

.mapplic-levels a:active {
	background-color: #f8f8f8;
}

.mapplic-levels .mapplic-levels-up {
	background-image: url(../../files/css/images/arrow-up.png);
}

.mapplic-levels .mapplic-levels-down {
	background-image: url(../../files/css/images/arrow-down.png);
	bottom: 0;
}

.mapplic-levels a.mapplic-disabled {
	background-color: #eee;
	cursor: default;
}

/* Sidebar */
.mapplic-sidebar {
	width: 30%;
	height: 100%;
	float: left;
	position: relative;
}

/* Search */
.mapplic-search-form {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #f4f4f4;
	padding: 14px 12px;
	margin: 0;
	width: 100%;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mapplic-search-input {
	background-image: url(../../files/css/images/viewer.png);
	background-size: 17px 16px;
	background-repeat: no-repeat;
	background-position: 8px;
	border: 2px solid #eee;
	border-radius: 0;
	font-size: 14px !important;
	font-family: inherit;
	line-height: 20px;
	height: 38px;
	margin: 0;
	padding: 8px 32px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: border-color 0.1s;
	-moz-transition: border-color 0.1s;
	transition: border-color 0.1s;
}

.mapplic-search-input::-ms-clear {display: none; width:0; height:0;}

.mapplic-search-input:focus {
	border-color: #6ed8dd;
}

.mapplic-search-clear {
	background-image: url(../../files/css/images/cross.png);
	background-size: 8px 8px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	border: none;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 14px;
	right: 14px;
	margin: 2px 0;
	width: 34px;
	height: 34px;
}

.mapplic-not-found {
	color: #bbb;
	display: none;
	font-size: 13px;
	padding: 0 30px;
	position: absolute;
	text-align: center;
	top: 100px;
}

/* Sidebar list */
.mapplic-list-container {
	padding-top: 67px;
	height: 100%;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mapplic-list {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow-y: auto;
	height: 100%;
}

.mapplic-list-container ol {
	border-color: #eee;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mapplic-list-container li {
	border-color: inherit;
	margin: 0 !important;
}

.mapplic-list-category > a {
	background-color: #888;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
	color: #fff !important;
	display: block;
	font-size: 14px;
	line-height: 26px;
	padding: 10px 12px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.mapplic-list-category ol {
	border-bottom: 2px solid #eee !important;
}

.mapplic-list-thumbnail {
	border-radius: 0px !important;
	box-shadow: none !important;
	float: left;
	margin-right: 10px;
	width: 50px;
	max-height: 50px;
}

.mapplic-list-category > a .mapplic-list-count {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 10px;
	margin-top: 4px;
	padding: 0 6px;
	text-align: center;
	-webkit-transition: border-radius 0.2s;
	-moz-transition: border-radius 0.2s;
	transition: border-radius 0.2s;

}

.mapplic-list-location {
	border-bottom: 1px solid #eee;
	margin: 0 !important;
}

.mapplic-list-location > a {
	background-color: #fff;
	border-left: 1px solid transparent;
	display: block;
	font-size: 14px;
	padding: 10px;
	text-decoration: none;
	-webkit-transition: border 0.1s;
	-moz-transition: border 0.1s;
	transition: border 0.1s;
}

.mapplic-list-location > a:after {
	content: '';
	display:block;
	clear:both;
}

.mapplic-list-location > a:hover {
	background-color: #f4fcfc;
	border-left: 2px solid;
	border-color: inherit;
}

.mapplic-list-location h4 {
	color: #242424;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 4px 0;
	clear: none;
}

.mapplic-list-location span {
	color: #bbb;
	font-size: 13px;
	font-weight: normal;
}

/* Tooltip */
.mapplic-tooltip {
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	display: none;
	max-width: 300px;
	min-width: 120px;
	margin-top: -76px;
	padding: 16px;
	position: absolute;
	-webkit-transition: margin 0.1s;
	-moz-transition: margin 0.1s;
	transition: margin 0.1s;
}

.mapplic-tooltip-title {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 12px 0 0 !important;
}

.mapplic-hovertip {
	min-width: 30px;
	padding: 6px 14px;
	pointer-events: none;
}

.mapplic-hovertip .mapplic-tooltip-title {
	margin: 0 !important;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.mapplic-tooltip-content {
	max-height: 160px;
	margin-right: 10px;
	overflow-y: auto;
}

.mapplic-tooltip p {
	margin-top: 0px;
	margin-bottom: 0;
}

.mapplic-tooltip-thumbnail {
	float: left;
	width: 68px;
	height: 68px;
	margin-right: 12px;
}

.mapplic-tooltip-description, .mapplic-tooltip p,.mapplic-tooltip p a {
	color: #000;
	font-size: 15px;
	line-height: 20px;
}

.mapplic-popup-link {
	background-color: #6cc151;
	border-radius: 0;
	color: #fff !important;
	float: right;
	font-size: 14px;
	line-height: 28px;
	padding: 0 10px;
	margin-top: 12px;
	text-decoration: none;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.mapplic-popup-link:hover {
	background-color: #888;
}

.mapplic-tooltip img {
	max-width: 100%;
}

.mapplic-tooltip-close {
	background-image: url(../../files/css/images/cross.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 8px;
	width: 8px;
	height: 8px;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.mapplic-tooltip-close:hover {
	opacity: 1.0;
}

.mapplic-tooltip-triangle {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: -8px;
	margin-left: -7px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	transition: left 0.1s;
}

.mapplic-bottom .mapplic-tooltip-triangle {
	border-color: transparent transparent #fff transparent;
	border-width: 0 7px 8px 7px;
	top: 0;
	margin-top: -8px;
}

/* Lightbox */
.mapplic-lightbox-title {
	color: #333;
	margin-top: 0;
	margin-bottom: 20px;
}

.mapplic-lightbox {
	background-color: #fff;
	position: relative;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

.mapplic-lightbox:after {
	content: '';
	display:block;
	clear:both;
}

.mapplic-popup-image {
	outline: none;
}

/* Lightbox animation */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* Developer tools */
.mapplic-coordinates {
	background-color: rgba(255, 255, 255, 0.9);
	color: #333;
	position: absolute;
	margin: 10px;
	margin-left: -80px;
	padding: 4px 6px;
	font-size: 14px;
	top: 0;
	left: 50%;
	pointer-events: none;
}

/* Responsive layout */
@media all and (max-width: 667px) {
	.mapplic-container,
	.mapplic-sidebar {
		width: 100% !important;
	}

	.mapplic-tooltip {
		max-width: 240px;
	}

	.mapplic-minimap-background {
		width: 100px !important;
	}

	.mapplic-element {
		height: auto !important;
	}

	.mapplic-search-form {
		border-right: none;
	}
}

/* Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
	.mapplic-search-clear,
	.mapplic-tooltip-close {
		background-image: url(../../files/css/images/cross@2x.png);
	}

	.mapplic-levels .mapplic-levels-up {
		background-image: url(../../files/css/images/arrow-up@2x.png);
	}

	.mapplic-levels .mapplic-levels-down {
		background-image: url(../../files/css/images/arrow-down@2x.png);
	}

	a.mapplic-zoomin-button {
		background-image: url(../../files/css/images/plus@2x.png);
	}

	a.mapplic-zoomout-button {
		background-image: url(../../files/css/images/minus@2x.png);
	}

	.mapplic-search-input {
		background-image: url(../../files/css/images/viewer@2x.png);
	}

	.mapplic-pin { background-image: url(../../files/css/images/pin@2x.png); }
	.mapplic-pin.orange { background-image: url(../../files/css/images/pin-orange@2x.png); }
	.mapplic-pin.yellow { background-image: url(../../files/css/images/pin-yellow@2x.png); }
	.mapplic-pin.green { background-image: url(../../files/css/images/pin-green@2x.png); }
	.mapplic-pin.blue { background-image: url(../../files/css/images/pin-blue@2x.png); }
	.mapplic-pin.purple { background-image: url(../../files/css/images/pin-purple@2x.png); }

	.mapplic-clear-button {
		background-image: url(../../files/css/images/reset@2x.png);
	}
}

/* Map */
.mapplic-element svg {
	width: 100%;
	height: 100%;
}

.mapplic-element svg a {
	cursor: pointer;
}

.mapplic-clickable:not(g),
g.mapplic-clickable > * {
	cursor: pointer;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.mapplic-map-image *[id^=nopointer] {
	pointer-events: none;
}

[id^=landmarks] .mapplic-clickable {
	cursor: pointer;
}
a { outline: none; }
a img { border: none; }

.mapplic-coordinates {
	background-color: #fff;
}

.mapplic-minimap-overlay {
	background-image: url(../../files/css/images/alpha50.png);
}

.mapplic-minimap-active {
	position: absolute;
	/*clip: rect(0px,60px,40px,0px);*/
}

.mapplic-list-category > a span {
	background-image: url(../../files/css/images/alpha20.png);	
}