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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/* /////////////////////
Galerie Multipicture
///////////////////////*/

.multigalleries {display: inline-flex;}
.ce_gallery.multipicture  > ul > li + li {
    display:none;
} 

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

.row.multipicture .ce_gallery a {
line-height: 68%;
}

.bg-lightgrey {
background-color: #ececec;
}

.ce_gallery>ul {
  margin: -8px;
}
/* /////////////////////
general typo styles
///////////////////////*/

b, strong, strong a {font-weight: 700;}
    
  p {
  -moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; 
    font-size: 20px;
    line-height: 140%;
  }
  p.big {
    font-size: 60px;
  }
    
  p.middle {
    font-size: 48px;
  }
    
  p.little {
    font-size: 36px;
  }
  p.tiny {
    font-size: 24px;
  }

h1, h2 {
  font-weight: 300;
  margin:0;
}

h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px; 
}

h4 {  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color:#636262;
      margin: 0;
}

.headline-centered {
    padding: 0 0 0 10%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}


h1,.headline-centered h1, .headline-centered h2{ 
    font-weight: 600;
    font-size: 60px;
    line-height: 68px;
   }


.inhalt h1, .headline-centered .first h2, .headline-centered h3  {
font-weight: 300;
font-size: 60px;
line-height: 68px;
margin: 0;
}


h2 {
   font-size: 24px;
    line-height:125%;
    font-weight: 400;
    margin-top: 24px;
  }

 .inhalt h2 {
     color: #898785;
 } 
 

  
  #design i {font-size: 0.50em;}
   li {font-weight:400;}

  
  #leistungen {
    display: grid;
      align-items: center;
      justify-items: center;
  }
  
  #leistungen h2{
  margin-bottom:0;
  text-transform:uppercase;
  }
  
  #leistungen .row div:last-child,   #leistungen .row div:nth-child(4){
  margin-top: 2%;
  }
 
    
    .txtleft {
        color: #6B6E6D;
        font-weight:600;
    }
    
    hr {border: 1px solid #fff;}
    
    a {color: #000; text-decoration: none;
      -webkit-transition: all.25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
    }
    
  @media screen and (max-width: 1280px) {
  
  h1,.headline-centered h1, .headline-centered h2{ 
    font-size: 52px;
    line-height: 62px;
   }


.inhalt h1, .headline-centered .first h2, .headline-centered h3  {
font-size: 52px;
    line-height: 62px;
}

 h2 {
    font-size: 52px;
    line-height: 62px;
  }

.inhalt h2 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
    margin-top: 20px;
  }
  
   p.big {
    font-size: 52px;
    line-height: 62px;
  }
    
  p.middle {
    font-size: 40px;
    line-height: 48px;
  }
    
  p.little {
    font-size: 36px;
    line-height: 42px;
  }
  } 
  
    @media screen and (max-width:991px) {
  
    .headline-centered {
        padding: 0 0 0 20px;
}
}
  
@media screen and (max-width: 767px) {
  
.inhalt h2 {
    font-size: 16px;
    margin-top: 0;
}
  
    h1,.headline-centered h1, .headline-centered h2{ 
   font-size: 36px;
    line-height: 42px;
   }

.inhalt h1, .headline-centered .first h2, .headline-centered h3{
font-size: 36px;
    line-height: 42px;
}

 h2 {
    font-size: 36px;
    line-height: 42px;
  }
  
  p {font-size: 16px;line-height: 150%;}
  
   p.big {
    font-size: 32px;
    line-height: 36px;
  }
    
  p.middle {
    font-size: 24px;
    line-height: 28px;
  }
    
  p.little {
    font-size: 24px;
    line-height: 28px;
  }
    p.tiny {
    font-size: 16px;
  }
  
}
  
  
  .headline-centered h1.dark, .headline-centered h1.dark b,
  .headline-centered h2.dark, .headline-centered h2.dark b{
      color: #000;
      z-index:99;
  }
  
  .headline-centered h1.white, .headline-centered h1.white b,
  .headline-centered h2.white, .headline-centered h2.white b {
      color: white;
      z-index:99;
  }
  

 
        
    .txtleft figure {
    width: 100px;
    }

    .rsts-text {
max-width: 1440px;
margin: 0 auto;
    }

@media screen and (max-width: 1440px) {
.rsts-text {
    padding: 40px;
    margin: 0;
    max-width: 100%;
      }
    }

#fp-nav.fp-right {
    right: 0 !important;
}
    
@media screen and (max-width: 580px) {    
    h1,.headline-centered h1, .headline-centered h2{ 
   font-size: 32px;
    line-height: 38px;
   }

.inhalt h1, .headline-centered .first h2, .headline-centered h3{
font-size: 32px;
    line-height: 38px;
}


#fp-nav{
display: none;
}



    }
    

/* /////////////////////
Fullpage Scroll
///////////////////////*/

	#section0,
	#section1,
	#section2,
	#section3,
  #section4,
  #section5{	
   z-index: -1;
    background-size: cover;
    background-position: bottom right;
    background-attachment: fixed;
	}
	
	.section.interaktive {
	height: 100vh;
	}
	
	#section0{
		background-image: url(/files/gzd/home/gzd_VR-interaktive-anwendungen.jpg);
	}

	#section1{
		background-image: url(/files/gzd/home/gzd_3D-Visualisierung.jpg);
	
	}
	#section2{
		background-image: url(/files/gzd/home/gzd_artwork.png);
	
	}
	#section2 h1{
		color: #000;
	}
	#section3{
	  background-image: url(/files/gzd/home/gzd_design.png);
	}
  #section4{
		background-image: url(/files/besuch-bei-den-kelten_gzd/besuch-bei-den-kelten_gzd.jpg);
	}
  #section5{
		background-image: url(/files/Christmas/GZD_Christmas2025_quer.jpg);
	}

	#gzdVideo video{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black;
  		/* background-image:  video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}


	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	.layer{
		top: 43%;
		z-index:4;
		/*
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*solves problem with overflowing video in Mac with Chrome */
	#section4{
		overflow: hidden;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

	/* Hiding video controls
	* --------------------------------------- */
	video::-webkit-media-controls {
	  display:none !important;
	}

.fullheight {
height: 100vh;
}

.fp-scrollable {
width: 100%;
}

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

#section0,
	#section1,
	#section2,
	#section3 {	
   z-index: -1;
    background-size: cover;
    background-position: bottom right;
    background-attachment: fixed;
	}
  #section4,
  #section5 {	
    z-index: -1;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
   }
	
	.section.interaktive {
	height: 100vh;
	}

#section0{
		background-image: url(/files/gzd/home/VR_interaktive-Medien-gzd_mobile.jpg);
	}

	#section1{
		background-image: url(/files/gzd/home/3D-gzd_mobile.jpg);
	
	}
	#section2{
		background-image: url(/files/gzd/home/Artwork-gzd_mobile.jpg);
	
	}
	#section2 h1{
		color: #000;
	}
	#section3{
		background-image: url(/files/gzd/home/design-gzd_mobile.jpg);
	}
  #section4{
  background-image: url(/files/besuch-bei-den-kelten_gzd/besuch-bei-den-kelten_gzd.jpg);
  }
  #section5{
  background-image: url(/files/Christmas/GZD_Christmas2025_quer.jpg);
  }
	
	.inhalt #section0,
	.inhalt #section1,
	.inhalt #section2,
	.inhalt #section3,
  .inhalt #section4,
  .inhalt #section5 {	
  
    background-attachment: unset;
	}
}

@media screen and (max-width: 960px) {
  #section5{
    background-image: url(/files/Christmas/GZD_Christmas2025_vertikal.jpg);
    }
}




/* /////////////////////
Lightcase Lightbox///////////////////////*/


#lightcase-content {
    background-color: transparent !important;
       -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

/* /////////////////////
Background Images Kontakt-Article Styles
///////////////////////*/

.mod_article.visualisierung.kontakt-article {
background: url(/files/gzd/3d-visualisierung/visualisierung-kontakt.jpg) no-repeat;
background-position: right bottom;
background-size: cover;
}

.kontakt-artwork {
background: #ececec url(/files/gzd/artwork/artwork-kontakt.jpg) no-repeat;
background-position: 120% bottom;
background-size: 45%;
}

.mod_article.kontakt-article .wrapped:first-child {
  padding-top: 0;
}


@media screen and (max-width: 1024px) {
.mod_article.visualisierung.kontakt-article {
background: url(/files/gzd/3d-visualisierung/visualisierung-kontakt_middle.jpg) no-repeat;
background-size: contain;
}
}



  /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Kontaktformular
///////////////////////*/ 
  
  
.ce_form{overflow:visible; margin:0;background:rgba(0,0,0,1);color:#f1f1f1;}
fieldset{padding:0;margin:0;border:0;display: flex;flex-wrap: wrap;flex-direction: row;}
label{display:inline-block;max-width:92%;margin-bottom:.25rem;font-weight:400;}
input.captcha,input.text,textarea{background:#fff;display:block;width:90%;padding:.5rem 1rem;background-clip:padding-box;background-image:none;}
textarea.textarea{height:auto;}
.widget-text,.widget-textarea{margin-bottom:1.4rem;}
input[type=search]{-webkit-appearance:none;}
input[type=file]{display:block;line-height:1;}
input.checkbox,input.radio{margin:.25rem 0 0;margin-left:1px;line-height:normal;}
input.checkbox+label,input.radio+label{margin-right:.25rem;}
.checkbox_container.interesse label {font-size: 24px;font-weight:600; color:#838483;line-height: 32px;}
.checkbox_container.interesse legend {padding: 0 0 8px 0;}
.widget-checkbox,.widget-radio,.widget-select,.widget-upload{margin-bottom:1rem;}
.widget-checkbox legend,.widget-radio legend,.widget-select legend,.widget-upload legend{font-weight:700;}
.checkbox_container>span,.radio_container>span{width: 100%;}
span.mandatory{color:#fff;}p.error{margin-bottom:0;}

.widget-text{position:relative; width:90%;}
.widget-text p.error{position:absolute;right:0;font-family:freight-sans-pro,Helvetica,Arial,sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem;}
.widget-text p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem;}
.row .widget-text p.error{margin-right:.9375rem}.widget-checkbox{position:relative}
.widget-checkbox p.error{position:absolute;left:0;font-family:freight-sans-pro,Helvetica,Arial,sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem;}
.widget-checkbox p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem;}
.row .widget-checkbox p.error{margin-right:.9375rem}
.widget-select.select{display:block;margin-left:0;width:96%;}
.widget-explanation h2 {font-size: 48px; font-weight: 600; margin: 84px 0 5px 0; color: #fff;}
.widget-explanation p {font-size: 16px; line-height:150%;}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}

.widget-submit {
width: 94%;
display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

button.submit {
background: #e4002c none repeat scroll 0 0;
    box-shadow: 0 0 0 inset;
    color: #fff;
    height: 60px;
    margin: .7em 0;
    font-weight: 700;
    font-size: 24px;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
   width: 100%;
    border: 0;
}

.checkbox_container.interesse span {
width: 45%;
}

.checkbox_container.interesse span:nth-child(odd) {
width: 55%;
}

@media screen and (max-width: 1280px) {
.checkbox_container.interesse label {
font-size: 18px;
line-height: 24px;
}
.widget-explanation h2 {margin: 78px 0 26px 0;}
}

@media screen and (max-width: 991px) {
.checkbox_container.interesse span {
width: 100%;
}
.checkbox_container.interesse span:nth-child(odd) {
width: 100%;
}
.widget-explanation h2 {margin: 132px 0 26px 0;}

}

@media screen and (max-width: 767px) {
.widget-explanation h2 {margin: 52px 0 26px 0;}

.checkbox_container.interesse span, button.submit {
    width: 100%;
}
input.captcha, input.text, textarea {
   width: 92%;
}

.widget-text {
    width: 100%;
}

.widget-text.last {
    margin-bottom: 0;
}
.widget-submit {
width: 100%; }
}

button.submit:hover {
cursor:pointer;
background: #f1f1f1;
color: #e4002c;
}

/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #f1f1f1;
    background: white;
    margin-right:.5em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#666;
  box-shadow: inset 0 0 0 1px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#e4002c;
  box-shadow: inset 0 0 0 1px white;
}

input.-internal-autofill-selected {
    background-color: #e1e1e1 !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}




/* /////////////////////
PARALLAX Base Styles
///////////////////////*/
html, body{
height: 100%;
margin: 0;
}

.parallax.header {
position: relative;
padding-top: 100px;
}

/* ===========================================
 * Startseite
 * ======================================== */
#fullpage {
  z-index: 0;
}

a.startlink {
    width: 98%;
    height: 98%;
 
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.start .layout_full {
  position: relative;
}

.start .layout_full h2 {
text-transform: uppercase;
color: #000;
}

.layout_full h2 {
font-size: 35px;
line-height: 44px;
margin-bottom: 40px;
}

.layout_full h2.white {
  text-transform: uppercase;
  color: #fff;
  }

.layout_full h2.white-grey {
    text-transform: uppercase;
    color: #818180;
}  

.layout_full h2.white-grey b  {
  text-transform: uppercase;
  color: #fff;
}  

  

.layout_full .ce_headline {
position: absolute;
left: 10%;
bottom: 25%;
}

.layout_full .image_container {
  margin-bottom: -6px;
}

.layout_full .ce_hyperlink {
  position: absolute;
  left: 9.8%;
  bottom: 25%;
  }

.layout_full .ce_hyperlink {
  position: absolute;
  left: 10%;
  bottom: 20%;
  height: 50px;
   display: flex;
    align-items: center;
    justify-content: center;
}
.layout_full .hyperlink_txt {
font-weight: 600;
text-transform: uppercase;
margin-left: 8px;
}

.ce_hyperlink.white .hyperlink_txt {
  color: #fff;
}

.image-center {
  text-align: center;
}

/* /////////////////////
PARALLAX hat mal Funktioniert ist aber nicht eingebunden
///////////////////////*/

.top-div {overflow:visible;}

.overlay {
    transform: translateY(-60px);
      transition: all 1s;
        z-index: 100;
    position: relative;
    transition: transform .6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    overflow: visible;
}


/* Animations start here  */

/* FADE IN  */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }



@keyframes fade{
  0% {
    opacity: 0;
   
  }
  100% {
    opacity: 1;
  }
}


 /* /////////////////////
Spacings
///////////////////////*/

	.spacetop {padding-top:60px !important;}
    .nospacetop {padding-top:0;}
    .ce_headline.spacetop {padding-top: 60px;} 
    .white-bg .spacetop{padding-top: 60px;}
    .spacebottom {padding-bottom: 60px;}
      
      .space {
      margin: 3% 0;
      }

      .centered-wrapper .ce_text.space {
        margin: 35% 0 0 0;
        }
        
        .mod_article .wrapped.nospace {padding: 0;}
        
        @media screen and (max-width: 1080px) {
        .mod_article .wrapped.nospace {padding: 0 60px;}
        
        }
        
        
        
        
        .spacetop-pfeil {padding-top:16rem;}

/* ===========================================
 * Animation Seite Diashow
 * ======================================== */
 
.produktfilm.ani-element {
 	background: url("/files/gzd/img/animation/produktpraesentation_2560x1400-01.jpg") center center / cover no-repeat;
    height: 800px;
   	z-index: -1;
    position: relative;
    	transition: opacity .5s .2s ease-in-out;
}
    
.produktfilm.ani-element:after{  
 	background: url("/files/gzd/img/animation/produktpraesentation_2560x1400-02.jpg") center center / cover no-repeat;
  content: "";
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  z-index: -1;


}

.produktfilm.ani-element.visible:after{  
	animation: fade;
	animation-delay: 2s;
}


.montageanleitung.ani-element.visible{
       animation: InUpBig;
    animation-duration: 0.4s;
   animation-delay: 0s;
  animation-fill-mode: both;
   backface-visibility: hidden;
}



.blockItem {position:relative;}
.firstItem {transform: translateY(-60px);}
.background {position: relative;
z-index: 0;}

.white-bg {
background-color: transparent;
background: url("/files/theme/img/overlay_htg.gif");
background-repeat: no-repeat;
}



@media screen and (max-width: 991px) {
.white-bg {
background-position-y: 0px; }
}


#projekte .black-bg {
    background: url(/files/theme/img/GZD_htg_projekte.png) no-repeat;
    background-size: contain;
    background-color: #000;
    background-position:20%;
}

.lightgrey-bg {background-color: #e6e7e9;} 
.black-bg {background-color: #000000;}
.lightlightgrey-bg {background-color: #EBEBEE;} 
.cream-bg {background-color:#F1F1F2;}
.grey-bg {background-color: #D7D7D6;}
.white-bg {background-color: #fff;}
.red {color: #E4002C;}
.white, .white b, .white strong {color: #fff;}
.align-center, .img-center figure, .ce_image.center {text-align: center;}
.grey#webgl {background-color: rgb(198,198,198);}
.darkgrey#webgl {background-color: #737373;}
ul {margin-left:24px; padding: 0; font-size: 24px; line-height:140%}



.quote p {
font-size: 36px;
line-height: 48px;
}

.padding-left-1 {padding-left: 32.89744%;}



/* /////////////////////
oben stile verteilen
///////////////////////*/

.logo p {
    color: #e4002c;
    font: 3em "Source Sans Pro", sans-serif;
    letter-spacing: 0;
     margin: 0;
}

.logo b {
font: 1.1em "ConduitITCStd-Bold", sans-serif;
   color: #e4002c;
}

@media screen and (max-width: 991px) {
.logo {width: 80%;
	}
	
.logo p {
    font-size: 40px;
    }	
	}



body {
    font-weight: 300;
    line-height: 150%;
    font-family: 'Source Sans Pro';
    color:#000;
}




#header {
	position: fixed;
	width:100%;
	top: 0;
	z-index: 600;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;

}

#header .inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 60px 0 60px;
      -webkit-transition: all .25s ease-in-out;
  -moz-transition: all.25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

@media screen and (max-width: 1440px) {
#header .inside {
 padding: 10px 40px 0 40px;
 }
}

#header.fixed-header .inside, .design #header .inside {
    background: rgba(255,255,255,.8);
}



@media screen and (max-width: 991px) {
	#header .inside { padding: 10px 20px;}

}

@media screen and (max-width: 600px) {
	#header .inside { padding: 5px 20px 0 20px;}
}


	
.mod_article {position: relative;}
	

.mod_article.parallax-article {
min-height: auto;
padding: 0;
}


.mod_article .wrapped, .mod_article.wrapped, .wrapped {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px 60px 60px;
    position: relative;
}



@media screen and (max-width: 1440px) {
.mod_article .wrapped, .mod_article.wrapped, .wrapped {
    padding: 0 40px 60px 40px;
    margin: 0;
    max-width: 100%;
}

}

@media screen and (max-width: 991px) {
.mod_article .wrapped, .mod_article.wrapped, .wrapped {
    padding: 0 20px 40px 20px;
}


}

.mod_article.border-top {
border-top: 1px solid #cecece;
} 

.mod_article.border-bottom {
border-bottom: 1px solid #cecece;
}

.mod_article.border-bottom-dark {
border-bottom: 1px solid #333;
}

.-width-3-2 {width: 64.10256%;}

.header .image_container {text-align:center;}



.datenschutz .ce_text h2 {color: #000;font-weight: 400;margin-bottom:20px; margin-top: 30px;}
.datenschutz .ce_text strong {font-weight: 400;}
.datenschutz h3 {font-weight: 700;}
.datenschutz .ce_text p {margin-top: 0;}


.scroll-button {
  position: absolute;
  top: -20px;
  left: 48%;
  border-radius: 100%;
  box-sizing: border-box;
  width:48px;
  height:48px;
  z-index:999999;
}
.scroll-button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  
}
.scroll-button::before {
  position: absolute;
  z-index: -1;
  content: '';
     width: 48px;
    height: 48px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.5);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: scbut 3s infinite;
  animation: scbut 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes scbut {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 15px rgba(255,255,255,.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 15px rgba(255,255,255,.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



@media screen and (max-width: 991px) {
.scroll-button {
    top: 40px;
    left: 48%;
    width: 40px;
}
.scroll-button::before {
  content: '';
     width: 40px;
    height:40px;
}
}
#container {
animation:fadein 0.5s;
-moz-animation:fadein 1.0s;
-webkit-animation:fadein 0.5s;
}

@keyframes fadein{
from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}


/* ===========================================
 * SVG Buttons
 * ======================================== */
 
 
.but_black {fill: #000;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;}
.but_grey {fill:#B2B2B2;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;}

.but_3D:hover .but_black {fill: #e4002c;cursor: pointer;}
.but_3D:hover .but_grey {fill: #000;cursor: pointer;}
.but_design a:hover .but_grey {fill: #e4002c;cursor: pointer;}
.but_art a:hover .but_grey {fill: #e4002c;cursor: pointer;}



.services_icon {
	width: 120px;
	height: 120px;
}

.nomargin p {
	margin-top:0;
}

#design .st0{clip-path:url(#SVGID_2_);fill:#E4002C;}
#design .st1{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
#design .st2{fill:#FFFFFF;}
#design .st3{clip-path:url(#SVGID_4_);fill:#1A1A18;}
#design .st4{clip-path:url(#SVGID_4_);fill:#E4002C;}

#artwork .st0{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
#artwork .st1{clip-path:url(#SVGID_2_);fill:#E4002C;}
#artwork .st2{clip-path:url(#SVGID_2_);fill:#1A1A18;}


#vr .st0{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
#vr .st1{clip-path:url(#SVGID_2_);fill:#1A1A18;}
#vr .st2{fill:#1A1A18;}
#vr .st3{clip-path:url(#SVGID_4_);fill:#1A1A18;}
#vr .st4{clip-path:url(#SVGID_4_);fill:#E4002C;}

#3d .st0{clip-path:url(#SVGID_2_);fill:#E4002C;}
#3d	.st1{clip-path:url(#SVGID_2_);fill:#1A1A18;}
#3d	.st2{clip-path:url(#SVGID_2_);fill:#FFFFFF;}


	.st0{clip-path:url(#SVGID_2_);fill:#E4002C;}
	.st1{clip-path:url(#SVGID_2_);fill:#1A1A18;}
	.st2{clip-path:url(#SVGID_2_);fill:#FFFFFF;}


/* ===========================================
 * SVG Button 3D Submenu
 * ======================================== */
 

.but_leistungen ul {
list-style-type: none;
text-align: right;
        margin: 0;
    padding: 0;
    position: relative;
}

.but_leistungen a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
   font-size: 1.17em;
   font-weight: 300;
   vertical-align: text-top;
	}

.but_3D:hover .sub_3D{
opacity: 1;
visibility: visible;
}

.but_leistungen .sub_3D {
flex-direction: column;
   position: absolute;
    margin-top: 13px;
    width:160px;
}

.sub_3D span {margin: 0 7px 0 0;} 

.but_leistungen .sub_3D div {
padding: 5px 0 7px 7px;

}


.but_leistungen .sub_3D {
z-index: 5;
	position: absolute;
	max-width:0;
	top: -20px;
	right:120px;
	overflow: hidden;
	margin: 0;
	white-space: nowrap;
	-webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	text-align: right;
	width: 400px;
}

.sub_3D a:after {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-color: #C5C5C5;
    background-clip: padding-box;
    border-radius: 50%;
    justify-self: right;
}


.but_3D:hover .sub_3D {
cursor: pointer;
max-width: 999px;
	-webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);

}

 

.sub_3D a:hover span {color: #e4002c;}
.sub_3D a:hover:after {background-color: #e4002c;}

.visible {overflow: visible;}


/* ===========================================
 * 50 Years of Passion
 * ======================================== */

.year p {
    font-family: "ConduitITCPro-Light", sans-serif;
    color: #e4002c;
    font-size: 9em;
    margin: 0;
    line-height: 1em;
    text-align: right;
    font-weight: 300; 
}

.yearsofpassion h1, .yearsofpassion h2, .yearsofpassion .ce_text h2{
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    margin: 54px 0 0 0;
        font-size: 30px;
    line-height: 33px;
}

.yearsofpassion h1 b, .yearsofpassion h2 b {
    font-weight: 700;
    color: #E4002C;
}

.txtleft.year p {margin: 10px 0 0 0;}

#jahr1969 {
background: url("/files/gzd/50_jahre/1969_rechnung_htg.jpg") no-repeat; 
background-position: center 65px;
}

#jahr1971 .wrapped.bg-71 {
background: url("/files/gzd/50_jahre/1971_weidle_zeichnung-680.jpg") no-repeat; 
background-position: right bottom;
}

#jahr1975 {
background: url("/files/gzd/50_jahre/1975_htg-karrikatur.jpg") no-repeat; 
background-position: center top;
background-size: 60%;
}

#jahr1975 .bg-75 .spacetop {
    padding-top: 203px;
    }
    
.rs-columns.spalten_slider {
margin: 0 auto;
}

.rs-columns.spalten_slider .rs-column:first-child {
width:  20.30256%;
padding-left: 20%;
} 

.rs-columns.spalten_slider .rs-column:last-child {
width: 56.10256%;
}

#jahr1975 .farben {margin: -6px;}

#jahr1983 .centered-wrapper-inner {
height: 100%;
}
 
 
#jahr1983 .auftraege-83 {
    position: absolute;
    left: 20px;
    bottom: -280px;
}

/* ===========================================
 * Teaser Leistungen
 * ======================================== */
 
 .teaser-leistungen .align-right {text-align: right;}
 .teaser-leistungen {margin: 2% 0;}
/*.teaser-leistungen .rs-column {margin-right: 20px;}
.teaser-leistungen .ce_image {margin-left: 30px;}
.teaser-leistungen .ce_text {margin-top: 40px;}
.teaser-leistungen h2 b {margin-right:20px;}
.teaser-leistungen p {max-width:60%;}*/
/* ===========================================
 *Headersilder
 * ======================================== */

.rsts-view {border: 0 !important;border-radius: 0 !important;}



/* ===========================================
 * Galerie
 * ======================================== */

#projekte h2 {
font-size: 2em;
font-weight: 700;
margin-bottom:100px;
text-transform: uppercase;

}

#projekte .ce_gallery  figure {
    position:relative;
}


#projekte .ce_gallery figure img {
    width:100% !important;
}

#projekte .ce_gallery li {
    width:33.3333%;
}

#projekte .ce_gallery img {
-webkit-filter: grayscale(0);
  filter: grayscale(0);
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
 
#projekte .ce_gallery img:hover {

    -webkit-filter: grayscale(1);
  filter: grayscale(1);
/*  -webkit-filter: blur(2px);
  filter: blur(2px);*/
}

.dait-ps_gallery .caption {
    color: #898785;
    font-size: 20px;
    padding-left:20px;
      line-height: 38px;
      margin-top: -13px;
}


#cboxLoadedContent {
    border: 0;
    background: transparent;
}

#cboxContent {
    background: transparent;
}

#cboxCurrent, #cboxTitle {display: none !important;}


#cboxClose {height: 26px;}



/* /////////////////////
Hauptnavigation
///////////////////////*/
.invisible {display: none;}

.nav--main {
    line-height: 1rem;
    font-weight: 400;
}

.nav--main ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1000;
list-style-type: none;
margin: 20px 0 0 0;
}

.nav--main ul li {
    border-right: 1px solid #000;
}

.nav--main ul li.last {
    border-right: 0;
}

.nav--main a {
    position: relative;
}


.nav--main a, .nav--main span.active, .nav--main span.trail, .nav--main strong.active, .nav--main strong.trail {
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
    margin: 0.8125rem;
    color: #000;
	}
	
.nav--main ul li a,
.nav--main ul li a:after,
.nav--main ul li a:before {
  transition: all .5s;
}
.nav--main ul li a:hover {
  background: transparent;
  font-size:inherit;
  padding:0;
}


/* underline hover effect */
.nav--main ul li a {
  position: relative;
}
	
	
.nav--main span.active, .nav--main span.trail, .nav--main strong.active, .nav--main strong.trail {
      color: #e4002c;
}

.nav--main .submenu.trail {
      color: #e4002c;
      font-weight: 700;
}

.nav-toggler {
    display: none;
}

ul.level_2 {
opacity: 0;
visibility: hidden;
transition: all .5s;
padding: 0;
}

ul.level_1 li.submenu:hover ul.level_2{
opacity: 1;
visibility: visible;
}

.nav--main ul.level_2 {
flex-direction: column;
   position: absolute;
    margin-top: 13px;
    background: #e4002c;
    width:235px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.25);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.25);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,.25);    
}

ul.level_2 span, ul.level_2 span:hover, ul.level_2 strong {font-size: 0.850em;} 

.nav--main ul ul.level_2 li {
padding: 7px 4px;
border-right:0;
border-bottom: 1px solid #fff;
  -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;

}

.nav--main ul ul.level_2 li a {
color: #fff;
}

.nav--main ul ul.level_2 li:last-child {
border-bottom: 0;
}

.nav--main ul ul.level_2 li:hover{
background-color: #fff;
}

.nav--main ul ul.level_2 li:hover a {
color: #e4002c;
}

.nav--main ul ul.level_2 li.active {
background-color: #fff;
}


/* /////////////////////
Mobile Navi neu
///////////////////////*/

#mobile-menu-7-trigger span {
  transition: .25s ease-in-out;
  box-sizing: border-box;
}


#mobile-menu-7-trigger span {
  display: block;
  background: #e4002c;
  border-radius: 2px;
}

#mobile-menu-7-trigger {
     width: 60px;
    height: 50px;
  margin: 0 auto;
  position: relative;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}

#mobile-menu-7-trigger #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
#mobile-menu-7-trigger #hamburger span {
  width: 50px;
  height: 4px;
  position: relative;
  top: 0;
  left: 0;
  margin: 10px 0 0 0;
}
#mobile-menu-7-trigger #hamburger span:nth-child(1) {
  transition-delay: .5s;
}
#mobile-menu-7-trigger #hamburger span:nth-child(2) {
  transition-delay: .625s;
}
#mobile-menu-7-trigger #hamburger span:nth-child(3) {
  transition-delay: .75s;
}
#mobile-menu-7-trigger #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
}
#mobile-menu-7-trigger #cross span:nth-child(1) {
  height: 0%;
width: 4px;
    position: absolute;
    top: 1%;
    left: 24px;
  transition-delay: 0s;
}

#mobile-menu-7-trigger #cross span:nth-child(2) {
  width: 0%;
    height: 4px;
    position: absolute;
    left: 4%;
    top: 20px;
  transition-delay: .25s;
}

#mobile-menu-7-trigger.active #hamburger span {
  width: 0%;
}
#mobile-menu-7-trigger.active #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#mobile-menu-7-trigger.active #hamburger span:nth-child(2) {
  transition-delay: .125s;
}
#mobile-menu-7-trigger.active #hamburger span:nth-child(3) {
  transition-delay: .25s;
}
#mobile-menu-7-trigger.active #cross span:nth-child(1) {
  height: 90%;
  transition-delay: .625s;
}
#mobile-menu-7-trigger.active #cross span:nth-child(2) {
  width: 80%;
  transition-delay: .375s;
}






/* /////////////////////
Mobile Navi neu
///////////////////////*/
.mobile_menu_trigger {
    cursor: pointer;
}

.mobile_menu {
    display: none;
}

div.mobile_menu[style] {
height: auto !important;
   width: 480px !important;
}

.mobile_menu.active.position_right {
  box-shadow: none !important;
}

ul.mobile {
    list-style-type: none;
    margin: 24px 42px 42px 42px;
}

li.mobile {
    list-style-type: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
}

li.mobile.linebottom {
padding-bottom: 0;
}

li.mobile hr {
margin-top: 15px;
}

.mobile li a, .mobile li span.active {
color: #fff;
    font-size: 24px;
    text-decoration: none;
}

.mobile_menu .inner {
    background:#e4002c none repeat scroll 0 0;
    height: auto;
    margin: 100px 48px 0 0 ;
}

.mobile_menu_overlay.background {
background: #e4002c33;
}

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

.mod_mobile_menu {
display: block;
}
.nav--main {display: none;}

}

@media screen and (max-width: 600px) {
div.mobile_menu[style] {
   width: 360px !important;
}

.mobile li a, .mobile li span.active {
    font-size: 20px;
}

.mobile_menu .inner {
    margin: 100px 0 0 0;
}

#mobile-menu-7-trigger #hamburger span {
    margin: 8px 0 0 0;
}

}


/* ===========================================
 * Artikelnavigation 50 Years of Passion
 * ======================================== */

.time-navi {
width: 100px;
    z-index: 599;
    position: fixed;
    top: 93px;
    left: 30px;
    display: table;
    overflow: scroll;
    background: rgba(255,255,255,.6);
    height: 86%;
}

.time-navi::before {
  content: '';
  position: absolute;
  width: 3px;
background:-webkit-linear-gradient(180deg, rgb(228, 0, 44) 0%, rgba(255, 255, 255, 0) 50%, rgb(228, 0, 44) 80%);
background:-o-linear-gradient(180deg, rgb(228, 0, 44) 0%, rgba(255, 255, 255, 0) 50%, rgb(228, 0, 44) 80%);
background:-moz-linear-gradient(180deg, rgb(228, 0, 44) 0%, rgba(255, 255, 255, 0) 50%, rgb(228, 0, 44) 80%);
background:linear-gradient(180deg, rgb(228, 0, 44) 0%, rgba(255, 255, 255, 0) 50%, rgb(228, 0, 44) 80%);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

@media screen and (max-width: 1280px) {
	.time-navi {
		right: 10px;
	}
}

@media screen and (max-width: 599px) {
	.time-navi {
		display: none;
	}
}
.time-navi ul {
list-style-type: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
.time-navi li {
	margin: 5px 0;
	text-align: center;
}
.time-navi li a {
	background-color: #e1e1e1;
	border-radius: 4px;
}
	
.time-navi a {
	font: 1.1em "ConduitITCStd-Bold", sans-serif;
	position: relative;
	display: inline-block;
	margin: 0;
	outline: none;
	color: #717c8e;
	padding: 4px 5px 0 5px;
		  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.time-navi a:hover, .time-navi a.active {
font: 2em "ConduitITCStd-Bold", sans-serif;
    position: relative;
    display: inline-block;
    margin: 0;
    outline: none;
    color: #717c8e;
    padding: 10px 12px 0 12px;
    /* margin: 0 0 0 30px; */
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color: #e4002c;
}



.time-navi.-invert-controls a {
	color: white;
}
.time-navi.-invert-controls a:after {
	background-color: white;
}
.time-navi.-invert-controls a:hover:after,
.time-navi.-invert-controls a.active:after {
	background-color: rgba(255, 255, 255, 0.25);
}
.time-navi.-invert-controls a.prev:hover,
.time-navi.-invert-controls a.prev.active,
.time-navi.-invert-controls a.next:hover,
.time-navi.-invert-controls a.next.active {
	color: white;
}
.time-navi.-invert-controls a.prev:after,
.time-navi.-invert-controls a.prev:hover:after,
.time-navi.-invert-controls a.next:after,
.time-navi.-invert-controls a.next:hover:after {
	background-color: transparent;
}


/* ===========================================
 * Artikelnavigation
 * ======================================== */

.area-navi {
		z-index: 120;
	position: fixed;
	top:0;
	right: 20px;
	height: 100%;
	display: table;
}

@media screen and (max-width: 599px) {
	.area-navi {
		display: none;
	}
}
.area-navi ul {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	width: 36px;
}
.area-navi li {
	height:36px;
	text-align: center;
	list-style-type:none;
}

.area-navi li:marker {
display:none;
list-style-type: none;
}
.area-navi a {
	position: relative;
	display: inline-block;
	margin: 0;
	outline: none;
	font-weight: 600;
	color: #898785;
	text-transform: uppercase;
	text-decoration: none;
}
.area-navi a:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #898785;
	border-radius: 100%;
	background-color: #898785;
	background-clip: padding-box;
			-webkit-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	-o-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	transition: all 0.3s cubic-bezier(0, 1, 1, 1);
}
.area-navi a:hover:after,
.area-navi a.active:after {
	background-color: #e4002c;
	width: 24px;
	height: 24px;
		-webkit-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	-o-transition: all 0.3s cubic-bezier(0, 1, 1, 1);
	transition: all 0.3s cubic-bezier(0, 1, 1, 1);
}

.area-navi a.next:after {
	content: "\e015";
}
.area-navi a > span {
	position: absolute;
	top: 50%;
	right: 100%;
	max-width: 0;
	overflow: hidden;
	margin: -0.5em 0.5em 0 0;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
	-webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
}
.area-navi a:hover > span {
	max-width: 999px;
	-webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
}




.area {
position: absolute;
    position: absolute;
    bottom: 60px;
    right: -25px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.area p {
font-size: 0.950em;
    border-left: 1px solid #000;
    padding: 0 10px;
    text-transform: uppercase;
}

.area.inverted p {
    border-left: 1px solid #fff;
color:#fff;
}


@media screen and (max-width: 991px) {
.area {
   display: none;}
}

/* ===========================================
 * Besuch bei den Kelten
 * ======================================== */
 .--besuch-caption-right {
position:relative;
 }

.--besuch-caption-right .caption {
position: absolute;
top: 20px;
right: 20px;
width: 20%;
color: #fff;
}
@media screen and (max-width: 1200px) {
.--besuch-caption-right .caption p {
font-size:16px;
  }
}
@media screen and (max-width: 1024px) {
  .--besuch-caption-right .caption p {
  font-size:14px;
    }
  }
  @media screen and (max-width: 820px) {
    .--besuch-caption-right .image_container {
      margin-bottom: -7px;
    }
    .--besuch-caption-right .caption {
      position: relative;
      top: 0;
      right:0;
      width: 100%;
      color: #fff;
      background:#474747;
      padding: 0 20px 40px 20px;
      }
   
    .--besuch-caption-right .caption p {
    font-size:20px;
      }
    }

/* ===========================================
 * Custom Element
 * ======================================== */


.content-wrapper {
	zoom: 1;
}
.content-wrapper:before {
	content: "";
	display: table;
}
.content-wrapper:after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width: 1280px) {
	.content-wrapper {
		padding-right: var(--safe-area-right);
		padding-left: var(--safe-area-left);
	}
}
.tagline + .content-wrapper {
	position: relative;
	margin-top: -2em;
	border-radius: 2px 2px 0 0;
	background: white;
}
@media screen and (max-width: 1280px) {
	.tagline + .content-wrapper {
		border-radius: 0;
	}
}
@media screen and (max-width: 599px) {
	.tagline + .content-wrapper {
		margin-top: 0;
	}
}
.oneo-fullwidth .content-wrapper {
	max-width: none;
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
	border-radius: 0;
}

.centered-wrapper {
	zoom: 1;
	position: relative;
	clear: both;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.centered-wrapper:before {
	content: "";
	display: table;
}
.centered-wrapper:after {
	content: "";
	display: table;
	clear: both;
}
.centered-wrapper.-vertical-centered {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.centered-wrapper.-border-top {
	border-top: 1px solid gainsboro;
}
.centered-wrapper.-border-bottom {
	border-bottom: 1px solid gainsboro;
}
.centered-wrapper.-color-inverted {
	color: white;
}
.centered-wrapper.-highlight-color {
	background-color: #e40521;
}
.centered-wrapper.-background-color-1 {
	background-color: #353d47;
}
.centered-wrapper.-background-color-2 {
	background-color: whitesmoke;
}
.centered-wrapper.-height-small {
	min-height: 300px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-small {
		min-height: 200px;
	}
}
.centered-wrapper.-height-medium {
	min-height: 600px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-medium {
		min-height: 400px;
	}
}
.centered-wrapper.-height-large {
	min-height: 900px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-large {
		min-height: 600px;
	}
}
.centered-wrapper.-viewport-height {
	min-height: 710px;
	min-height: calc(100vh - 3.86667em);
}
@media screen and (max-width: 900px) {
	.centered-wrapper.-viewport-height {
		min-height: 100vh;
	}
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-viewport-height {
		min-height: 500px;
		min-height: 100vh;
	}
}
.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
	overflow: hidden;
}
.centered-wrapper.-fade-in.not-in-view {
	opacity: 0;
}
.centered-wrapper.-fade-in.in-view {
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-o-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

.centered-wrapper-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.centered-wrapper-background video {
	/* Change this to `object-fit: cover;` once all browsers support it, */
	/* see http://stackoverflow.com/a/20851590 */
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
	right: -12%;
}
.centered-wrapper-background-2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
}

.centered-wrapper-inner {
	position: relative;
}
.centered-wrapper-inner.-fullwidth {
	width: 100%;
	max-width: none;
	margin: 0;
}
.centered-wrapper-inner.-fullwidth-padded {
	max-width: none;
	padding-right: 2.66667em;
	padding-right: var(--page-padding-right);
	padding-left: 2.66667em;
	padding-left: var(--page-padding-left);
}
@media screen and (max-width: 1280px) {
	.centered-wrapper-inner.-fullwidth-padded {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 900px) {
	.centered-wrapper.-no-background-tablet > .centered-wrapper-background,
	.centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 {
		display: none;
	}
}

@media screen and (max-width: 599px) {
	.centered-wrapper.-no-background-mobile > .centered-wrapper-background,
	.centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 {
		display: none;
	}
}


#produktfilm {
/*     background-image: url(/files/gzd/img/animation/produktpraesentation_2560x1400-01.jpg);
	background-size: cover;
    transform: translate3d(0px, 0px, 0px);*/
    background-color:#333;
}

#montageanleitung {background-color: #dbdbdb;}

.montageanleitung {
background: url("/files/gzd/animation/montageanleitung_htg.jpg") no-repeat;
background-color: #dbdbdb;
    background-position: center bottom;
    background-size: auto 720px;
    height: 720px;
    position: relative;
}


.montage-wrapped {
   max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    position: relative;
    height: 720px;
}


.schraube {
position: absolute;
    left: 0;
bottom:5%;
z-index:21;
} 
    
    

.schraube-big {
position: absolute;
    right: 0;
    bottom:15%;
    z-index: 22;
    }

@media screen and (max-width: 1440px) {
.montageanleitung {
    background-position: -200px bottom;} 
    
	.schraube {
left: 4%;
    width: 206px;
	}   	
	.schraube-big {
    width: 240px;
	}    
}    
    
 @media screen and (max-width: 991px) {
 .schraube {
left: 16%;
    width: 180px;
	}   	
	.schraube-big {
    width: 200px;
	}    
 }      




.ipad {
position: absolute;
    left: 29%;
    bottom: 20%;
    z-index: 15;}



.montage-vid {
position: absolute;
 left: 253px;
    bottom: 170px;
    z-index: 16;}

    
 @media screen and (max-width: 1440px) {
.montage-vid {
   right: 234px;
    }    
    }  

  @media screen and (max-width: 1020px) {
  .montageanleitung {
    background-position: -600px bottom;} 
.montage-vid {
   left: 20px;
   right: auto;
   bottom:220px;
    }
    	.schraube {
left: 1%;
    width: 206px;
	}    
    }  

    
 @media screen and (max-width: 767px) {
 .montageanleitung {
background: url("/files/gzd/animation/montageanleitung_htg-mobil.jpg") no-repeat;
 background-position: center center;
    background-size:cover;
}


 
  .montage-wrapped {
   max-width: 100%;
}
    }  
    
 @media screen and (max-width: 600px) {
 
.montageanleitung {    height: 410px;}
.montage-wrapped {
    height: 480px;
} 

 .schraube {
left: 16%;
    width: 120px;
	}   	
	.schraube-big {
    width: 100px;
	}  
    
.ce_player.montage-vid #mep_0[style] {
width: 300px !important;
height: 215px !important;
}

.ipad {
    width: 320px;
    height: 234px;
}

}    
    
    
    

.rotator {
    font-size: 400px;
    width: 750px;
    height: 1em;
    position: relative;
    z-index: 20;
    background: transparent url(/files/gzd/img/bildproduktion/spin-360-01.jpg) no-repeat 0 0;
}


#spin {
  width: 100%;
}

#spin:hover {cursor: grab;}
#spin:focus {cursor: grabbing;}

.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:transparent !important;}

.spin-txt {
width: 16%;
position: absolute;
z-index: 10;
}


@media screen and (max-width: 1280px) {
.spin-txt {
    width: 64.10256%;
position: relative;

}
}

@media screen and (max-width: 599px) {
.spin-txt {
    width: 100%;
position: relative;

}
}




/* ===========================================
 *Background Bilder Fade
 * ======================================== */    





#fade {
position:relative;
bottom: auto;
height: 900px;
background-color:#000;
}



#fade {
position:relative;
bottom: auto;
height: 1200px;
background-color:#000;
}



#fade .hintergrund {
opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: opacity;
  -moz-transition-property:opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

#fade .hintergrund:nth-of-type(2) {
opacity: 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property:opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s; 
}

#fade .hintergrund:nth-of-type(3) {
opacity: 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration:1.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property:opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
    -webkit-transition-delay: 6s;
    -moz-transition-delay: 6s;
    -o-transition-delay: 6s;
    transition-delay: 6s; 
}

#fade .hintergrund.in-view:nth-of-type(1) {
opacity: 1;
}

#fade .hintergrund.in-view:nth-of-type(2) {
opacity: 1;
}

#fade .hintergrund.in-view:nth-of-type(3) {
opacity:1;
}

@media screen and (max-width: 1440px) {
#fade .hintergrund {
    background-size: contain !important;
    background-position-y: bottom !important;
}

.top #fade .hintergrund {
    background-position-y: top !important;
}


#fade {height:800px;}
}




.darklayer {
    position: absolute;    background: rgba(0,0,0,0.5);

    background:linear-gradient(135deg, transparent 40px, rgba(0,0,0,0.5) 0) top left;
    padding: 20px 40px;
    color: #fff;
    bottom: -302px;
    right: 0;
    width: 38%;
}

.darklayer strong {color: #fff;}

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

.darklayer {
    background: rgba(0,0,0,0.5);
    padding: 0 20px;
    bottom: -300px;
}
}

@media screen and (max-width: 599px) {
.darklayer {
    bottom: -203px;
}
}


/* ===========================================
 * Infografik
 * ======================================== */   



.info-bg1 {
background: url("/files/gzd/bildproduktion/infografiken_01.jpg") no-repeat;
background-size: 100%;
background-position: bottom center; }

.info-bg2 {
background: url("/files/gzd/bildproduktion/infografiken_02.jpg") no-repeat;
background-size: 100%;
background-position: bottom center; }

#produktfilm .wrapped {
position: relative;
 height: 99%;
}

#produktfilm .wrapped .ce_text {
position: absolute;
bottom: 0;
margin-right:20px;
}

.produktfilm-bg1 {
background: url("/files/gzd/animation/produktpraesentation_2560x1400-01.jpg") no-repeat;
background-size: auto;
background-position: center -200px; }

.produktfilm-bg2 {
background: url("/files/gzd/animation/produktpraesentation_2560x1400-02.jpg") no-repeat;
background-size: auto;
background-position: center -200px; }

#produktfilm .wrapped .ce_headline.spacetop {padding-top: 5rem; }

.fade-pf-bg{height: 900px; position: relative;}
.fade-bg {height: 800px; position: relative;}


.fade-in-out.-fade-in.not-in-view {
    opacity: 0;
}

.fade-in-out.-fade-in.in-view {
    opacity: 1;
 -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transition-property: opacity;
  -moz-transition-property:opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay:1s;
    transition-delay: 1s; 
}



@media screen and (max-width: 1800px) {
.fade-bg {height: 700px; position: relative;}

.info-bg1 {background-size: 140%;}
.info-bg2 {background-size: 140%; }
}

@media screen and (max-width: 1280px) {
.info-bg1 {background-size: 200%;}
.info-bg2 {background-size: 200%; }
#produktfilm .wrapped .ce_headline.spacetop {padding-top: 40px; }
#produktfilm .wrapped {height: 96%;}
.fade-pf-bg{height: 640px;}
.produktfilm-bg1 {background-position: center -130px;background-size: 150%;}
.produktfilm-bg2 {background-position: center -130px;background-size: 150%;}

}

@media screen and (max-width: 1020px) {
#produktfilm .wrapped {height: 96%;}
.fade-pf-bg{height: 640px;}
.produktfilm-bg1 {background-position: center -60px; background-size: 150%;}
.produktfilm-bg2 {background-position: center -60px; background-size: 150%;}


}



@media screen and (max-width: 991px) {
.fade-bg{height: 540px;}

}

@media screen and (max-width: 800px) {
.produktfilm-bg1 {
background: url("/files/gzd/animation/produktpraesentation_mobil-01.jpg") no-repeat;
background-size: auto;
background-position: center top; }

.produktfilm-bg2 {
background: url("/files/gzd/animation/produktpraesentation_mobil-02.jpg") no-repeat;
background-size: auto;
background-position: center top; }


}

@media screen and (max-width: 720px) {
#produktfilm .wrapped {
    height: 98%;
}
}


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

.fade-bg{height: 380px;}
}

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

}





/* ===========================================
 * SLIDER
 * ======================================== */    

.rsts-skin-light .rsts-progress div, .rsts-skin-default .rsts-progress div {
  position: relative;
  height: 100%;
  background-color: #e4002c;
  background-image: -webkit-linear-gradient(left, rgba(288, 0, 44, 0) 0%, #e4002c 100%);
  background-image: -moz-linear-gradient(left, rgba(288, 0, 44, 0) 0%, #e4002c 100%);
  background-image: -o-linear-gradient(left, rgba(288, 0, 44, 0) 0%, #e4002c 100%);
  background-image: linear-gradient(to right, rgba(288, 0, 44, 0) 0%, #e4002c 100%);
  background-image: linear-gradient(to right, rgba(288, 0, 44, 0) 0%, #e4002c 100%);
  -webkit-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
  -moz-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
  box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
} 
 
.mod_rocksolid_slider.webGL--motor .rsts-slide {
padding: 0 30px;
}



.mod_rocksolid_slider.webGL--motor .rsts-view {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0 ;
   background-color: #474747; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 40px 20px 0 20px;
}


.mod_rocksolid_slider.webGL--motor li.rsts-nav-prev,
.mod_rocksolid_slider.webGL--motor li.rsts-nav-next {
display:none;
}


.rsts-skin-gzd .rsts-nav ul {
background-color: #474747 !important;
padding-bottom: 20px;}

.mod_rocksolid_slider.webGL--motor .ce_text p {margin-top: 0;}

#gzd {padding-top: 9%;}

#gzd .mod_rocksolid_slider.rsts-skin-light .rsts-view,
#gzd .mod_rocksolid_slider.rsts-skin-light.rsts-type-fade .rsts-slide {background-color:#e6e7e9 !important;}


#kontakt .rsts-skin-light .rsts-view {background-color: #e6e7e9 !important;}

@media screen and (max-width: 1920px) {
#gzd .ce_text.quote p{padding-top: 80px;}
#gzd {padding-top: 6%;}
}


@media screen and (max-width: 1280px) {
#gzd .ce_text.quote figure{width: 300px;}

}


.video_container {
margin-bottom: -7px;
    text-align: center;
}

.design .video_container {
    background: #f80237;
}

.responsive-video,
.responsive {
	position: relative;
    padding-bottom: 27%;
    padding-top: 0;
	height: 0;
	overflow: hidden;
}

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


.responsive-video .mejs__container[style] {
    width:100% !important;
    height:auto !important;
}

.container-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-frame {
 position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

#illustration .mejs__overlay-button {
    background: none;
}        


#messepraesentation .mobil {
display: none;
}


.messe-htg {
margin: 0 auto;
background: url("/files/gzd/animation/messepraesentationen_htg.jpg") no-repeat;
    background-position: center bottom;
    height: 770px;
    position: relative;
        width:2560px;
}

    


.messe-vid {
position: absolute;
   right: 22.3%;
    bottom: 33.2%;
    z-index: 3;

}


 @media screen and (max-width: 2000px) {
.messe-htg {
margin: 0 auto;
background: url("/files/gzd/animation/messepraesentationen_htg-1680.jpg") no-repeat;
    background-position: center bottom;
    height: 770px;
    position: relative;
        width:1680px;
}
 .messe-vid {   
right: 7.8%;   
    }  
}


 @media screen and (max-width: 1600px) {
.messe-htg {
  background-position: -200px bottom;
    }  
 .messe-vid {   
  right: 19.7%;
    }  
   }
   
     @media screen and (max-width: 1380px) {
.messe-htg {
    background-position: -400px bottom;
    }  
 .messe-vid {   
    right: 31.6%;
    }  
   }   

   
     @media screen and (max-width: 1180px) {
.messe-htg {
    background-position: -600px bottom;
    }  
 .messe-vid {   
    right: 43.6%;
    }  
   }     
   
       
      @media screen and (max-width: 991px) {
      
      
 .messe-vid .mejs__mediaelement {
    border: 10px solid #000;
 }
 
.messe-htg {
margin: 0 0 80px 20px;
    background: none;
    background-position: center bottom;
    height: auto;
    position: relative;
    width:100%;
} 

.messe-vid { 
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 3;
    } 
    
#messepraesentation .mobil {
display: block;
margin-bottom: -6px;
}    
    
   } 
   
  @media screen and (max-width: 680px) {
.messe-vid #mep_1[style] {
    width: 440px !important;
    height: 315px !important;
}
  
  }
   
  @media screen and (max-width: 400px) {
.messe-vid #mep_1[style] {
    width: 300px !important;
    height: 215px !important;
}
  
  }   


/* ===========================================
 *WebGl
 * ======================================== */



#webgl .center {text-align: center; margin: 0 0 3% 0; }

.video_space {margin: 40px 0;}

#button_webGL {
    margin: 0;
    padding: 0;
    border: 0;
    background: #c6c6c6;
    border: 1px solid #fff;}
    

#video_webGL {
display:none;
}  


#button_webGL_engine {
    background: #737373 !important;
    border: 0 !important;
}

#button_webGL_fallback {
    margin: 0;
    padding: 0;
    border: 0;
    background: #c6c6c6;
    border: 1px solid #fff;}
      
#webGL_Engine[style] {
   border:0 !important;
}  

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

#video_webGL {
     display:block;
  }
#content_webGL   {
display:none;
}    
}
@media screen and (max-width: 400px) {
#webgl {
display:none;
}
}

/* ===========================================
 * Google Maps
 * ======================================== */    



.dlh_googlemap {
background: #D7D7D6;
height: 100%;
display: flex;
}

#confirm-googlemaps strong {color: #fff;}

#confirm-googlemaps {
 background: rgba(219,0,49,1);
        color: #fff;
        font-size: 13px;
        padding: 15px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        border-width: 0;
        transition: all 0.3s ease-out;
}

#confirm-googlemaps:hover {
background: rgba(41,34,34,1);
cursor: pointer;
}


/* ===========================================
 * Footer
 * ======================================== */    
 
#footer {background-color: #e4002c;color:#fff;min-height:400px;padding:60px 0;}
#footer .col-5 {display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 60px 0 10px 0;
      padding: 10px 0 60px;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;}    
#footer .col-2 {display: flex;
    flex-direction: row;
    justify-content: space-between;width: 50%;
    margin: 0;
      padding: 0 0 60px 0;}        
#footer ul {   font-weight:400;  margin: 0;
    padding: 0;
    list-style-type: none;}
#footer p, #footer a {color:#fff; margin: 0; font-weight:300;}
#footer a { font-size: 16px}
#footer .col-5  a, #footer .col-2 a {text-transform: uppercase;}
#footer strong, #footer h3 a {color:#fff; margin: 0; font-weight:700;}

#footer h3 {font-size:0.950em;text-transform:uppercase;font-weight: 700;}
.footer-logo p {
 font-weight:400;
    color: #fff;
    font: 1.4em "Source Sans Pro", sans-serif;
    letter-spacing: 0;
     margin: 10px 0 0 0;}
.footer-logo strong {
font: 1.1em "ConduitITCStd-Bold", sans-serif;
color: #fff;}
#footer a:hover {color: #000;}


/* /////////////////////
COOKIEBANNER
///////////////////////*/

.mod_cms_accept_tags form {
    max-height: 96vh !important;
    overflow: auto  !important;
    margin: 15px !important;
}

.mod_cms_accept_tags .disclaimer > *:nth-child(1) {
  font-size: 16px !important;
}

cms-accept-tags > cms-container form cms-buttons cms-button[value="accept"]:nth-of-type(1) > span:before {
  background:#C5C5C5 !important;
}

#group_desc_3 p, #group_desc_1 p {
  font-size: 14px;
}

.info p {font-size: 14px; margin-bottom:0;}

.info p a {
background: transparent;
color: #010c27 !important;
text-decoration: underline;
padding: 0;
}


.mod_cms_accept_tags input[type='checkbox']:checked + label::before,
.mod_cms_accept_tags input[type='checkbox']:not(:checked) + label::before,
.mod_cms_accept_tags input[type='radio']:checked + label::before,
.mod_cms_accept_tags input[type='radio']:not(:checked) + label::before {
  display:none;
}


/* /////////////////////
Media Queries
///////////////////////*/


@media screen and (max-width: 1180px) {
#footer .col-5 {
justify-content: flex-start;
flex-wrap: wrap;}

#footer .col-5 div {
width: 40%;
} 
#footer .col-5 .ce_text:nth-child(2) {margin-bottom: 30px;}
 #footer .col-5 .ce_text:nth-child(4) {margin-bottom: 30px;}
 }

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

.mod_article.overlay {padding-top: 1rem;}

#footer .rs-column.-large-col-6-5, #footer .rs-column.-large-col-6-1 {
width:100%;
}

#footer .rs-column.-medium-first-row {
    margin-top: 0;
}

.-width-3-2 {
    width: 100%;
}   

.parallax.header {padding-top: 70px;}
#header {
	position: fixed;
		z-index: 600;
		width: 100%
	}
	

.padding-left-1 {
    padding-left:0;
}

.darklayer {
    left: 0;
    width: 100%;
}

#satz .rs-column.-medium-col-6-2, #reinzeichnung .rs-column.-medium-col-6-2, #proof .rs-column.-medium-col-6-2{
    width: 42.20513%;
}



}
 
@media screen and (max-width: 767px) { 
 #footer .col-2 {flex-wrap: wrap; }
 #footer .col-2 div {width:100%; }

#gzd .ce_text.quote.spacetop {padding-top:5rem;}   
#gzd .ce_text p {margin-top:0;}   

.quote p {
    font-size: 24px;
    line-height: 34px;
}

}       

@media screen and (max-width: 599px) {
#gzd .ce_text.quote figure {width:200px;}
#gzd .ce_text.quote .float_right {float:none;}
#gzd .ce_text.quote p {padding-top:0;margin-bottom:0;}

#satz .rs-column.-medium-col-6-2, #reinzeichnung .rs-column.-medium-col-6-2, #proof .rs-column.-medium-col-6-2{
    width: 100%;}


#footer .col-5 div {
width: 100%;
} 
#footer .col-5 .ce_text:nth-child(2),#footer .col-5 .ce_text:nth-child(3),
 #footer .col-5 .ce_text:nth-child(4), #footer .col-5 .ce_text:nth-child(5)  {margin-bottom: 30px;}
   
}



.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 1.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 49.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 31.20513%;
}
.rs-column.-large-col-3-2 {
  width: 67.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 22.23077%;
}
.rs-column.-large-col-4-2 {
  width: 49.15385%;
}
.rs-column.-large-col-4-3 {
  width: 76.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 16.84615%;
}
.rs-column.-large-col-5-2 {
  width: 38.38462%;
}
.rs-column.-large-col-5-3 {
  width: 59.92308%;
}
.rs-column.-large-col-5-4 {
  width: 81.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 13.25641%;
}
.rs-column.-large-col-6-2 {
  width: 31.20513%;
}
.rs-column.-large-col-6-3 {
  width: 49.15385%;
}
.rs-column.-large-col-6-4 {
  width: 67.10256%;
}
.rs-column.-large-col-6-5 {
  width: 85.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 1.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 1.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 49.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 31.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 67.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 22.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 49.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 76.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 16.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 38.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 59.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 81.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 13.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 31.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 49.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 67.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 85.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 1.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 1.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 49.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 31.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 67.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 22.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 49.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 76.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 16.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 38.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 59.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 81.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 13.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 31.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 49.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 67.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 85.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/**
 * @license
 * MyFonts Webfont Build ID 2724417, 2014-01-14T10:25:00-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Conduit Std Bold by ITC
 * URL: http://www.myfonts.com/fonts/itc/conduit/std-bold/
 * Copyright: Copyright 1997 International Typeface Corporation. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2724417
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/299241");

  
@font-face {font-family: 'ConduitITCStd-Bold';src: url('../../files/theme/css/webfonts/299241_0_0.eot');src: url('../../files/theme/css/webfonts/299241_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/theme/css/webfonts/299241_0_0.woff') format('woff'),url('../../files/theme/css/webfonts/299241_0_0.ttf') format('truetype'),url('../../files/theme/css/webfonts/299241_0_0.svg#wf') format('svg');}
 
 
 /**
 * @license
 * MyFonts Webfont Build ID 3774841, 2019-06-18T06:57:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ConduitITCPro-Light by ITC
 * URL: https://www.myfonts.com/fonts/itc/conduit/light/
 * Copyright: Copyright 1997, 2007 International Typeface Corporation. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3774841
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/399979");

  
@font-face {font-family: 'ConduitITCPro-Light';src: url('../../files/theme/css/webfonts/399979_0_0.eot');src: url('../../files/theme/css/webfonts/399979_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/theme/css/webfonts/399979_0_0.woff2') format('woff2'),url('../../files/theme/css/webfonts/399979_0_0.woff') format('woff'),url('../../files/theme/css/webfonts/399979_0_0.ttf') format('truetype');}
 
/*!
 * fullPage 3.1.0
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 30px;
    height: 30px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 24px;
    width: 24px;
    margin: -14px 0 0 -14px;
        background: #e4002c;
    border-radius: 100%;

 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 0;
    background: #898785;
    left: 50%;
    top: 50%;
    border: 1px solid #898785;
    margin: -8px 0 0 -8px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    height: 24px;
    width: 24px;
    margin: -14px 0 0 -14px;
        background: #e4002c;

}
#fp-nav ul li .fp-tooltip {
font-weight: 600;
color:#898785;
 position: absolute;
	top: 50%;
	right: 100%;
	max-width: 0;
	overflow: hidden;
	margin: -0.5em 0.5em 0 0;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
	-webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	-o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
	transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
   max-width: 999px;
	-webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	-o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
	transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.custom-background-1 {
background: #FFFFFF;
}

.headline-overlay {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
}