html {
  --grid__columns: 12;
  --grid__gutter: 1.875rem;
}
.row {
  display: grid;
  grid-template-columns: repeat(var(--grid__columns), minmax(0, 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}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

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

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.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: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.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: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.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: 7.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: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#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}
/*************************************************************/
/*   Design:  NUUN.CH 										                   */
/*   File:    screen.css 								                   	 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 			           		 */
/*   Datum: 												                         */
/*   Site: 	  www.nuun.ch 								                	 */
/*************************************************************/
/*  LAYOUT 													                         */
/*************************************************************/

/*FARBEN*/
/*	
	sehr dunkelblau:	#0D2D41
	dunkelblau:			#5EB4EC
	hellblau:			#9ECEEDtil
	schwarz:			#1F1E1D
*/

body .ccm-root .ccm-modal--body .button.ccm--button-primary, body .ccm-root .ccm-modal--body button.ccm--button-primary, body .ccm-root .ccm-modal--body .button.ccm--button-primary:hover, body .ccm-root .ccm-modal--body .button.ccm--button-primary:focus, body .ccm-root .ccm-modal--body button.ccm--button-primary:hover, body .ccm-root .ccm-modal--body button.ccm--button-primary:focus {color: #fff; background: #41a252; border-color: #41a252;}
body .ccm-root .ccm-modal--body .button.ccm--decline-cookies, body .ccm-root .ccm-modal--body button.ccm--decline-cookies, body .ccm-root .ccm-modal--body button.ccm--decline-cookies:hover, body .ccm-root .ccm-modal--body .button.ccm--decline-cookies:hover, body .ccm-root .ccm-modal--body .button.ccm--decline-cookies:focus, body .ccm-root .ccm-modal--body button.ccm--decline-cookies:hover, body .ccm-root .ccm-modal--body button.ccm--decline-cookies:focus {color: #777777; background-color: #dfdfdf; border-color: #dfdfdf;}
body .ccm-root .ccm-modal--body button.ccm--ctrl-init {color: #777777; background-color: #dfdfdf; border: 3px solid #dfdfdf;}

body #timeline_wall1.sboard, body #timeline_wall1.sboard a {font-size: 14px;}

.uebersetzer {position: fixed; top: 72px; right: 150px;}
.uebersetzer a {display: none;}
.uebersetzer .jyzcxu {padding: 5px; border-radius: 5px; background: #fff;}
.uebersetzer .es-embed-root:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; background: #9ECEED; display: block; z-index: 100000;}

figcaption {display:none;}

/*SRL Layer Popup*/
#srl_layer {border: none; width: 480px; height: 780px; padding: 40px 30px; box-sizing: border-box; background: #9ECEED; transform: translate(-50%, -50%); margin-top: 0; margin-left: 0;}
#srl_layer h3 {color: #30424A; font-family: 'Volte Bold'; font-size: 3rem; line-height: 3.1rem; letter-spacing: 1.13px; font-weight: normal;}
#srl_layer p {color: #30424A; font-family: 'Volte Light'; font-size: 3rem; line-height: 4rem; letter-spacing: 0px;}
#srl_layer .content-image {margin-bottom: 20px;}
#srl_layer .content-hyperlink a {color: #9ECEED; font-size: 3rem; line-height: 3.1rem; font-family: 'Volte Bold'; letter-spacing: 0px; padding: 12px 50px;}
#srl_layer #srl_closeBtn {width: 46px; height: 46px; top: 20px; right: 20px; background: url(../../files/data/graphics/srl-close.svg) center no-repeat; background-size: contain;}

/*Popup*/
.formpopup {display: none; z-index: 1005; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;}

.formpopup .formpopup-spacer {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;}
.formpopup .formpopup-overlay {display: block; cursor: pointer; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(12,45,65,0.75);}
.formpopup .formpopup-container {position: relative; box-sizing: border-box; width: 100%; max-width: 610px; max-height: 90%; overflow-y: auto; z-index: 20; background: #9ECEED; border-radius: 15px; padding: 40px 40px 60px;}
.formpopup .formpopup-container h3 {font-size: 5.8rem; line-height: 6.2rem; color: #0C2D41; background: url(../../files/data/graphics/footer-icon-wave.svg) center right no-repeat; background-size: 55px; margin-bottom: 20px;}
.formpopup .formpopup-container p {margin-top: 20px;}
.formpopup .formpopup-close {position: absolute; top: 20px; right: 20px; cursor: pointer;}
.formpopup .formbody input {margin-bottom: 15px; padding: 15px 10px 10px 10px; background: rgba(255,255,255,0); color: #0C2D41; border: 2px solid #fff; border-radius: 12px; box-sizing: border-box; width: 100%; font-size: 2.2rem; line-height: 2.8rem; font-family: 'Volte Light'; transition: border 0.3s ease;}
.formpopup .formbody input::placeholder {color: #fff;}
.formpopup .formbody input.datumfeld::-webkit-calendar-picker-indicator {background:url(../../files/data/graphics/icon-date.svg) center no-repeat; background-size: contain;}
.formpopup .formbody input.zeitfeld {background: url(../../files/data/graphics/icon-time.svg) center right 10px no-repeat; background-size: 27px;}
.formpopup .formbody textarea {margin-bottom: 15px; background: rgba(255,255,255,0); color: #0C2D41; border: 2px solid #fff; border-radius: 12px; box-sizing: border-box; width: 100%; padding: 15px 10px 10px 10px; font-size: 2.2rem; line-height: 2.8rem; font-family: 'Volte Light'; transition: border 0.3s ease;}
.formpopup .formbody textarea::placeholder {color: #fff;}
.formpopup .formbody .widget-explanation p {font-size: 2.2rem; line-height: 4.8rem; margin-top: 8px;}
.formpopup .formbody .widget-submit {width: 100%; text-align: right;}
.formpopup .formbody .widget-submit button {cursor: pointer; font-family: 'Volte Bold'; font-size: 3.4rem; line-height: 4.8rem; color: #fff; background: #9ECEED; border: 3px solid #fff; border-radius: 12px; padding: 10px 20px 5px 20px; transition: background 0.3s ease, color 0.3s ease;}
.formpopup .formbody .widget-submit button:hover {color: #9ECEED; background: #fff;}
.formpopup .formbody input:focus {border: 2px solid #0C2D41; outline: none;}
.formpopup .formbody textarea:focus {border: 2px solid #0C2D41; outline: none;}

/*Preloader*/
#preloader {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  clip-path: circle(100%);
  -webkit-clip-path: circle(100%);
  visibility: visible;}

#preloader:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9ECEED;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  clip-path: circle(100%);
  -webkit-clip-path: circle(100%);
  visibility: visible;
}

#preloader.getout:before {
  clip-path: circle(0px at 50% 50%);
  -webkit-clip-path: circle(0px at 50% 50%);
  visibility: hidden;
}

#preloader.getout.backin:before {
  clip-path: circle(100%);
  -webkit-clip-path: circle(100%);
  visibility: visible; 
}

#preloader.getout {
  clip-path: circle(0px at 50% 50%);
  -webkit-clip-path: circle(0px at 50% 50%);
  visibility: hidden;
}

#preloader.getout.backin {
  clip-path: circle(100%);
  -webkit-clip-path: circle(100%);
  visibility: visible; 
}

#preloader img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; transition: opacity 0.5s ease;}
#preloader.getout img {opacity: 0;}
#preloader.getout.backin img {opacity: 1;}

/* Page transition V1
#preloader {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: left 0.5s ease;
}

#preloader.getout {left: 100vw; transition-delay: 1s;}
#preloader.backin {left: 0 !important; transition-delay: 0s;}
#preloader.navibackin {left: 0 !important; transition: none; transition-delay: 0s !important; animation: navibackinani 0.5s forwards;}

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

#preloader .logo-big {overflow: visible;}
#preloader .logo-big svg {overflow: visible;}
#preloader .logo-big #Fill-4, #preloader .logo-big #Fill-5, #preloader .logo-big #Fill-7 {opacity: 1;}
body #preloader.backin .logo-big #Fill-4, body #preloader.backin .logo-big #Fill-5, body #preloader.backin .logo-big #Fill-7, body #preloader.navibackin .logo-big #Fill-4, body #preloader.navibackin .logo-big #Fill-5, body #preloader.navibackin .logo-big #Fill-7 {opacity: 0; animation: spinopacity2 1s forwards linear; animation-delay: 0.6s;}
#preloader.getout .logo-big #Fill-4, #preloader.getout .logo-big #Fill-5, #preloader.getout .logo-big #Fill-7 {opacity: 0; animation: spinopacity 1s forwards linear;}
#preloader .logo-big #Fill-1 {transform: rotate(0deg) translate(0px, 0px);}
body #preloader.backin .logo-big #Fill-1, body #preloader.navibackin .logo-big #Fill-1 {transform: rotate(-30deg) translate(0px, 0px); animation: spinback-n 1s forwards; animation-delay: 0.6s;}
#preloader.getout .logo-big #Fill-1 {transform: rotate(-30deg) translate(0px, 0px); animation: spinforward-n 1s forwards;}
#preloader .logo-big #Fill-3 {transform: rotate(0deg) translate(0px, 0px);}
body #preloader.backin .logo-big #Fill-3, body #preloader.navibackin .logo-big #Fill-3 {transform: rotate(-30deg) translate(-30px, 12px); animation: spinback-u 1s forwards; animation-delay: 0.6s;}
#preloader.getout .logo-big #Fill-3 {transform: rotate(-30deg) translate(-30px, 12px); animation: spinforward-u 1s forwards;}
*/

/*Cookiebar*/
body .contao-cookiebar .cc-inner {background: #0C2D41; color: #9ECEED; font-size: 1.6rem; max-width: 550px;}
body .contao-cookiebar .cc-inner .cc-head h3 {font-size: 2.3rem; line-height: 2.7rem; letter-spacing: 0; text-transform: none; margin-bottom: 7px;}
body .contao-cookiebar .cc-inner .cc-head p {color: #9ECEED; line-height: 1.8rem;}
body .contao-cookiebar .cc-group {border: 1px solid #9ECEED;}
body .contao-cookiebar .cc-cookies {background: #123F5A;}
body .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {background: #185275; border: 1px solid #9ECEED; font-size: 1.6rem; line-height: 1.8rem;}
body .contao-cookiebar .cc-cookies > p, body .contao-cookiebar .cc-cookies > .cc-cookie {border-top: 1px solid #9ECEED;}
body .contao-cookiebar .cc-group > label {font-family: 'Volte Bold';}
body .contao-cookiebar .cc-group .cc-detail-btn {font-family: 'Volte Light'; color: #9ECEED;}
body .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {color: #9ECEED;}
body .contao-cookiebar .cc-group .cc-detail-btn-details {color: #9ECEED;}
body .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.6rem; line-height: 1.8rem; color: #9ECEED;}
body .contao-cookiebar .cc-cookies .cc-cookie p a {color: #9ECEED;}
body .contao-cookiebar label.group {font-weight: normal;}

body .contao-cookiebar input + label:before {top: 3px;}
body .contao-cookiebar input + label:after {top: 7px;}
body .contao-cookiebar input + label:before {background: #0C2D41; border-color: #9ECEED;}
body .contao-cookiebar input + label:after {background: #9ECEED;}
body .contao-cookiebar input:checked + label:before {background: #0C2D41; border-color: #22FF77;}
body .contao-cookiebar input:checked + label:after {background: #22FF77;}
body .contao-cookiebar .cc-btn {font-family: 'Volte Bold'; color: #9ECEED; background: #0C2D41; border: 1px solid #9ECEED; border-radius: 4px; text-transform: uppercase;}
body .contao-cookiebar .cc-btn:hover {background: #0C2D41;}
body .contao-cookiebar .cc-info > p {font-size: 1.4rem; color: #9ECEED;}
body .contao-cookiebar .cc-info > p a {color: #9ECEED; text-decoration: none;}

/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font: 62.5% "Volte Light", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;}
body {font-size:34px; font-size:3.4rem; color: #fff; background-color: #9ECEED;}

strong {font-family: 'Volte-Bold';}

#container {z-index: 500; position: relative;}

.invisible {display: none !important;}

.schmal50 {width: 50% !important; margin: 0 auto;}
.schmal75 {width: 75% !important; margin: 0 auto;}

.zentriert {text-align: center;}
body .rte a {color:#fff; text-decoration: none;}
body .rte a:hover {color:#fff; text-decoration: underline;}

/*Backtotop*/
#backtotop {width: 70px; position: fixed; bottom: 45px; right:50px; cursor: pointer; opacity: 0; z-index: 400; transition: transform 0.3s ease;}
#backtotop img {width: 100%; border-radius: 50px; box-shadow: 0px 4px 24px rgba(12, 45, 65, 0.24); transition: box-shadow 0.3s ease;}
#backtotop:hover {transform: scale(1.1);}
#backtotop:hover img {box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}

/*Backtoprojekte*/
#backtoprojekte {display: none;}
body.projektdetail #backtoprojekte {display: block; width: 70px; position: fixed; top: 155px; right:50px; cursor: pointer; z-index: 400; transition: transform 0.3s ease;}
#backtoprojekte img {width: 100%; border-radius: 50px; box-shadow: 0px 4px 24px rgba(12, 45, 65, 0.24); transition: box-shadow 0.3s ease;}
#backtoprojekte:hover {transform: scale(1.1);}
#backtoprojekte:hover img {box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}

/*Backtonews*/
#backtonews {display: block; width: 70px; position: fixed; top: 155px; right:50px; cursor: pointer; z-index: 400; transition: transform 0.3s ease;}
#backtonews img {width: 100%; border-radius: 50px; box-shadow: 0px 4px 24px rgba(12, 45, 65, 0.24); transition: box-shadow 0.3s ease;}
#backtonews:hover {transform: scale(1.1);}
#backtonews:hover img {box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}

/*  HEADER / NAVIGATION									      */
/*************************************************************/
#header {position: fixed; left: 50px; top: 50px; z-index: 1000;}

#header .logo-small {display: inline-block; filter: brightness(0) invert(1); z-index: 550; position: fixed; top: 45px; left: 50%; transform: translateX(-50%); transition: transform 0.3s ease-in-out, filter 1s ease;}
#header .logo-small:hover, #header .logo-small:active {transform: translateX(-50%) rotate(30deg);}
#header .logo-small.active {filter: brightness(0.8);}
#header .logo-big {display: inline-block; filter: brightness(0) invert(1); margin-left: 0px;}
/*#header .logo-big.spinner {transform: rotate(20deg) scale(1.5); animation: spinforward 3s linear;}*/
#header .logo-big svg {overflow: visible; transform-origin: 35px 13px; transition: transform 0.4s ease;}
#header .logo-big #Fill-4, #header .logo-big #Fill-5, #header .logo-big #Fill-7 {opacity: 1;}
#header .logo-big.spinback #Fill-4, #header .logo-big.spinback #Fill-5, #header .logo-big.spinback #Fill-7 {opacity: 1; animation: spinopacity2 1s linear;}
#header .logo-big.spinner #Fill-4, #header .logo-big.spinner #Fill-5, #header .logo-big.spinner #Fill-7 {opacity: 0; animation: spinopacity 1s linear;}
#header .logo-big #Fill-1 {transform: rotate(0deg) translate(0px, 0px);}
#header .logo-big.spinback #Fill-1 {transform: rotate(0deg) translate(0px, 0px); animation: spinback-n 1s;}
#header .logo-big.spinner #Fill-1 {transform: rotate(-30deg) translate(0px, 0px); animation: spinforward-n 1s;}
#header .logo-big #Fill-3 {transform: rotate(0deg) translate(0px, 0px);}
#header .logo-big.spinback #Fill-3 {transform: rotate(0deg) translate(0px, 0px); animation: spinback-u 1s;}
#header .logo-big.spinner #Fill-3 {transform: rotate(-30deg) translate(-30px, 12px); animation: spinforward-u 1s;}
#header .logo-big.spinner:hover svg {transform: rotate(30deg); transform-origin: 35px 13px;}

@keyframes spinforward-n {
  0% {transform: rotate(0deg) translate(0px, 0px); animation-timing-function: ease-in-out;}
  50% {transform: rotate(-30deg) translate(0px, -20px); animation-timing-function: ease-in;}
  100% {transform: rotate(-30deg) translate(0px, 0px);}
}

@keyframes spinback-n {
  0% {transform: rotate(-30deg) translate(0px, 0px); animation-timing-function: ease-in-out;}
  50% {transform: rotate(-30deg) translate(0px, -20px); animation-timing-function: ease-in-out;}
  100% {transform: rotate(0deg) translate(0px, 0px);}
}

@keyframes spinforward-u {
  0% {transform: rotate(0deg) translate(0px, 0px); animation-timing-function: ease-in-out;}
  50% {transform: rotate(-30deg) translate(-30px, 32px);; animation-timing-function: ease-in;}
  100% {transform: rotate(-30deg) translate(-30px, 12px);}
}

@keyframes spinback-u {
  0% {transform: rotate(-30deg) translate(-30px, 12px);; animation-timing-function: ease-in-out;}
  50% {transform: rotate(-30deg) translate(-30px, 32px);; animation-timing-function: ease-in-out;}
  100% {transform: rotate(0deg) translate(0px, 0px);}
}

@keyframes spinopacity {
  0% {opacity: 1;}
  10% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes spinopacity2 {
  0% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 2;}
}

.nav-tgl {display: inline-block; cursor: pointer; position: fixed; z-index: 550; right: 50px; top: 50px; width: 70px; height: 70px; border: none; border-radius: 50%; padding: 0; background: #fff; line-height: 0.6; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.nav-tgl:hover {transform: scale(1.1); box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}
.nav-tgl > span {display: inline-block; position: relative; height: 2px; width: 34px; border-radius: 1px; background: #0D2D41; vertical-align: middle;}
.nav-tgl > span:before, .nav-tgl > span:after {display: inline-block; position: absolute; content: ""; height: 2px; border-radius: 1px; background: #0D2D41; transition: all 200ms;}
.nav-tgl > span:before {top: -11px; left: 0px; width: 34px;}
.nav-tgl > span:after {top: 11px; left: 0px; width: 34px;}
.nav-tgl:focus {outline: none;}

.nav-tgl.active > span {height: 0;}
.nav-tgl.active > span:after, .nav-tgl.active > span:before {top: 0px; left: 0; width: 34px;}
.nav-tgl.active > span:after {transform: rotate(-45deg);}
.nav-tgl.active > span:before {transform: rotate(45deg);}

.navcontainer:before {display: block; position: fixed; top: 0; left: 0; content: ''; z-index: 100; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.95); transition: all 500ms ease-in-out; clip-path: circle(30px at calc(100% - 100px) 80px); -webkit-clip-path: circle(30px at calc(100% - 100px) 80px); visibility: hidden;}

.navcontainer.active:before {visibility: visible; clip-path: circle(100%); -webkit-clip-path: circle(100%); z-index: 499;}

.navinside {display: flex; justify-content: center; align-items: center; position: fixed; z-index: 500; top: 0; left: 0; width: 100vw; height: 100vh; visibility: hidden; transition:visibility 0.3s ease;}

.navigation.active, .navinside.active {visibility: visible !important;}

.navigation ul {padding: 0;}
.navigation ul li {list-style: none;}

.navigation ul li a {font-size: 11vh; line-height: 11vh; color: #0C2D41; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; margin-left: -40px; opacity: 0; transition: margin-left 0.3s ease, opacity 0.3s ease;}

.navigation.active ul li a {margin-left: 0px; opacity: 1;}

.navigation.active ul li:nth-of-type(1) a {transition-delay: 0.400s;}
.navigation.active ul li:nth-of-type(2) a {transition-delay: 0.500s;}
.navigation.active ul li:nth-of-type(3) a {transition-delay: 0.600s;}
.navigation.active ul li:nth-of-type(4) a {transition-delay: 0.700s;}
.navigation.active ul li:nth-of-type(5) a {transition-delay: 0.800s;}
.navigation.active ul li:nth-of-type(6) a {transition-delay: 0.900s;}

.navigation.active ul li a:hover {-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,1) 60%); -webkit-mask-size: 200%; animation: shine 2s infinite;}

.navinside .navsocials.active {opacity: 1; visibility: visible !important; transition-delay: 1s;}
.navinside .navsocials h3 {font-size: 5.8rem; line-height: 5.9rem; margin: 30px 0; letter-spacing: 0; text-transform: none; font-family: 'Volte Bold';}
.navinside .navsocials br {display: none;}
#header .navinside .navsocials a {color: #0C2D41; text-decoration: none; transition: color 0.3s ease;}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

.navigation.active ul li a.trail,
.navigation.active ul li a.active {color: #5EB4EC;}

/*  ARTIKEL                                                  */
/*************************************************************/
.mod_article {position: relative;}
.mod_article .inside {max-width: 1200px; margin: 0 auto; padding: 40px 0;}

.mod_article.vollbild {margin-top: -1px;}
.mod_article.vollbild .inside {max-width: 100%; padding: 0;}
.mod_article.vollbild .inside .content-image img {width: 100%; height: auto;}

.mod_article.dunkelblau {background: #5EB4EC;}
.mod_article.hellblau {background: #9ECEED;}
.mod_article.schwarz {background: #0C2D41;}
.mod_article.dunkelgrau {background: #0C2D41;}
.mod_article.hellgrau {background: #F7F7F7;}


.mod_article .artikelteaser {position: absolute; left: 10%; height: 100%; display: flex; align-items: center;}
.mod_article .artikelteaser p {writing-mode: vertical-lr; transform: rotate(180deg); font-size: 1.8rem; text-transform: uppercase; font-family: 'Volte Bold'; letter-spacing: 5px; padding: 15px 0 5px 0; margin:0;}
.mod_article .artikelteaser img {margin-left: 10px;}

/*Home*/
/*body.home .homeslider {position: relative; width: 100%; height: 100vh; overflow: hidden;}
body.home .homeslider .inside {max-width: initial; width: 100%; height: 100%; padding: 0;}
body.home .homeslider .artikelteaser {z-index: 10;}
body.home .homeslider .homeclaim {margin: 0; position: absolute; width: 90%; top: 40%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10;}
body.home .homeslider h1 {font-size: 10rem; line-height: 9rem; text-shadow: 0 0 65px rgba(0, 0, 0, 0.2);}
body.home .homeslider h3 {text-shadow: 0 0 9px rgba(0, 0, 0, 0.2);}
body.home .homeslider .slick-slider {position: relative; width: 100%; height: 100vh; overflow: hidden;}
body.home .homeslider .slick-slider .slick-slide {position: relative; width: 100%; height: 100vh;}
body.home .homeslider .slick-slider .content-image {width: 100%; height: 100%;}
body.home .homeslider .slick-slider .content-image figure {width: 100%; height: 100%;}
body.home .homeslider .slick-slider .content-image figure img {width: 100%; height: 100%; object-fit: cover;}
body.home .homeslider .slick-slider .content-text {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; overflow: hidden; margin: 0;}
body.home .homeslider .slick-slider .content-text p {position: absolute; bottom: 0; left: 100vw; white-space: nowrap; margin: 0; font-size: 38rem; line-height: 27rem; font-family: 'Volte Bold'; text-transform: uppercase; animation: loop-anim 16s linear infinite;}
@keyframes loop-anim {
    0% {left: 100%;}
    100% {left: 0; transform: translateX(-100%);}
}
body.home .homeslider .slick-slider .content-text a:hover {-webkit-mask-image: linear-gradient(-75deg, rgba(94,180,236,1) 40%, rgba(94,180,236,0.2) 50%, rgba(94,180,236,1) 60%); -webkit-mask-size: 200%; animation: homeshine 2s infinite;}
@keyframes homeshine {
  from {-webkit-mask-position: 150%;}
  to {-webkit-mask-position: -50%;}
}*/


body.home .art1 {background: #0C2D41; /*background: url(../../files/data/graphics/bg-home-art1.svg) center bottom no-repeat; background-size: cover;*/ padding-top: 80px;}
body.home .art1 .inside {max-width: 1600px;}

body.home .art2 {color: #9ECEED; margin-top: 0;}
body.home .art2 .inside {max-width: 1060px; padding-right: 30px; background:url(../../files/data/graphics/home-art2-arrow.svg) top 230px right no-repeat;}

body.home .art3 .inside {max-width: 1600px;}

body.home .art4 .inside {max-width: 1500px;}

body.home .einleitung h1 {font-size: 6.8rem; line-height: 6.8rem; letter-spacing: 0; text-transform: none;}
body.home .einleitung h3 {font-size: 3.4rem; line-height: 4.2rem; letter-spacing: 0; text-transform: none;}
body.home .einleitung .content-hyperlink a {padding: 9px 40px 1px 80px; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 20px no-repeat;}
body.home .einleitung .inside {background: url(../../files/data/graphics/services-art3-arrow-white-down-flipped.svg) bottom 80px left no-repeat; background-size: 80px; padding-left: 100px;}

/*Projekte*/
body.projekte .art1 {padding-top: 150px; background: #0C2D41 url(../../files/data/graphics/projekte-art1-bg.svg) center top no-repeat;}
body.projekte .art1 .inside {max-width: 1620px;}

/*Zitat*/
.mod_article.zitat .content-text {position: absolute; top: 0; left: 50%; height: 100%; max-width: 30%; display: flex; align-items: center;}
.mod_article.zitat .content-text h2 {font-family: 'Volte Bold'; font-style: italic; color: #0C2D41; font-size: 2.5vw; line-height: 3vw;}
.mod_article.zitat .content-text p {font-family: 'Volte Bold'; font-style: italic; color: #000000; font-size: 1.1vw; line-height: 1.5vw;}

/*Homeslider*/
.homeslider {width: 1800px;}
.homeslider .slick-slide {padding-right: 4%; padding-bottom: 100px;}

.homeslider1 .col-xl-5 {margin-top: 150px;}
.homeslider1 h3 {margin-bottom: 40px;}
.homeslider1 .homeslider1-bild1 {width: 779px; margin-bottom: -20px; z-index: 2; position: relative;}
.homeslider1 .homeslider1-hyperlink1 {position: relative;}
.homeslider1 .homeslider1-hyperlink1 a {padding: 9px 40px 1px 80px; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 20px no-repeat;}
.homeslider1 .homeslider1-hyperlink1:after {content: "Erstberatung auf Kosten des Hauses"; position: absolute; top: 20px; right: -220px; width: 275px; font-family: 'reenie_beanieregular'; color: #9ECEED; font-size: 3.1rem; line-height: 2.8rem; transform: rotate(-7deg);}
.homeslider1 svg {max-width: 100%;}
@keyframes slider1-animation1 {
    from {transform: translate(442px, 223px);}
    to {transform: translate(400px, 223px);}
}
.homeslider1 svg #MoveButtons1 {animation: slider1-animation1 7s infinite alternate ease-in-out;}
@keyframes slider1-animation2 {
    from {transform: translate(499px, 438px);}
    to {transform: translate(499px, 388px);}
}
.homeslider1 svg #MoveButtons2 {animation: slider1-animation2 9s infinite alternate ease-in-out;}
@keyframes slider1-animation3 {
    0% {transform: translate(659px, 642px) scale(1);}
    20% {transform: translate(659px, 642px) scale(1.1);}
    60% {transform: translate(659px, 642px) scale(1.1);}
    80% {transform: translate(659px, 642px) scale(1);}
    100% {transform: translate(659px, 642px) scale(1);}
}
.homeslider1 svg #MoveButtons3 {animation: slider1-animation3 8s infinite ease-in-out;}

.homeslider2 .col-lg-5 {margin-top: 150px;}
.homeslider2 h3 {margin-bottom: 40px;}
.homeslider2 .homeslider2-bild1 {width: 860px; margin-bottom: 30px; z-index: 2; position: relative;}
.homeslider2 .homeslider2-hyperlink1 {position: relative;}
.homeslider2 .homeslider2-hyperlink1 a {padding: 9px 40px 1px 80px; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 20px no-repeat;}
.homeslider2 .homeslider2-hyperlink1:after {content: "Erstberatung auf Kosten des Hauses"; position: absolute; top: 20px; right: -170px; width: 275px; font-family: 'reenie_beanieregular'; color: #9ECEED; font-size: 3.1rem; line-height: 2.8rem; transform: rotate(-7deg);}
.homeslider2 svg {max-width: 120%; position: relative; top: 6%;}
@keyframes slider2-animation1 {0% {transform: translate(48px, 29px) scale(1);} 10% {transform: translate(38px, 27px) scale(1.1);} 40% {transform: translate(38px, 27px) scale(1.1);} 50% {transform: translate(48px, 29px) scale(1);} 100% {transform: translate(48px, 29px) scale(1);}}
@keyframes slider2-animation2 {0% {transform: translate(0px, 78px) scale(1);} 10% {transform: translate(-8px, 76px) scale(1.1);} 40% {transform: translate(-8px, 76px) scale(1.1);} 50% {transform: translate(0px, 78px) scale(1);} 100% {transform: translate(0px, 78px) scale(1);}}
@keyframes slider2-animation3 {0% {transform: translate(18px, 607px) scale(1);} 10% {transform: translate(3px, 605px) scale(1.1);} 40% {transform: translate(3px, 605px) scale(1.1);} 50% {transform: translate(18px, 607px) scale(1);} 100% {transform: translate(18px, 607px) scale(1);}}
@keyframes slider2-animation4 {0% {transform: translate(121px, 907px) scale(1);} 10% {transform: translate(111px, 905px) scale(1.1);} 40% {transform: translate(111px, 905px) scale(1.1);} 50% {transform: translate(121px, 907px) scale(1);} 100% {transform: translate(121px, 907px) scale(1);}}
@keyframes slider2-animation5 {0% {transform: translate(885px, 907px) scale(1);} 10% {transform: translate(885px, 905px) scale(1.1);} 40% {transform: translate(885px, 905px) scale(1.1);} 50% {transform: translate(885px, 907px) scale(1);} 100% {transform: translate(885px, 907px) scale(1);}}
@keyframes slider2-animation6 {0% {transform: translate(990px, 568px) scale(1);} 10% {transform: translate(990px, 566px) scale(1.1);} 40% {transform: translate(990px, 566px) scale(1.1);} 50% {transform: translate(990px, 568px) scale(1);} 100% {transform: translate(990px, 568px) scale(1);}}
@keyframes slider2-animation7 {0% {transform: translate(970px, 293px) scale(1);} 10% {transform: translate(970px, 291px) scale(1.1);} 40% {transform: translate(970px, 291px) scale(1.1);} 50% {transform: translate(970px, 293px) scale(1);} 100% {transform: translate(970px, 293px) scale(1);}}
.homeslider2 svg #Button1 {animation: slider2-animation1 7s infinite ease-in-out;}
.homeslider2 svg #Button2 {animation: slider2-animation2 7s infinite 1s ease-in-out;}
.homeslider2 svg #Button3 {animation: slider2-animation3 7s infinite 2s ease-in-out;}
.homeslider2 svg #Button4 {animation: slider2-animation4 7s infinite 3s ease-in-out;}
.homeslider2 svg #Button5 {animation: slider2-animation5 7s infinite 4s ease-in-out;}
.homeslider2 svg #Button6 {animation: slider2-animation6 7s infinite 5s ease-in-out;}
.homeslider2 svg #Button7 {animation: slider2-animation7 7s infinite 6s ease-in-out;}

.homeslider3 .col-lg-5 {margin-top: 150px;}
.homeslider3 h3 {margin-bottom: 40px;}
.homeslider3 .homeslider3-bild1 {width: 559px; margin-bottom: 20px; z-index: 2; position: relative;}
.homeslider3 .homeslider3-hyperlink1 {position: relative;}
.homeslider3 .homeslider3-hyperlink1 a {padding: 9px 40px 1px 80px; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 20px no-repeat;}
.homeslider3 .homeslider3-hyperlink1:after {content: "Erstberatung auf Kosten des Hauses"; position: absolute; top: 20px; right: -170px; width: 275px; font-family: 'reenie_beanieregular'; color: #9ECEED; font-size: 3.1rem; line-height: 2.8rem; transform: rotate(-7deg);}
.homeslider3 svg {max-width: 105%; position: relative; right: -10%; top: 1%;}
@keyframes slider3-animation1 {
    from {transform: translate(539px, 195px);}
    to {transform: translate(539px, 205px);}
}
.homeslider3 svg #MoveButtons1 {animation: slider3-animation1 4s infinite alternate ease-in-out;}
@keyframes slider3-animation2 {
    from {transform: translate(753px, 62px);}
    to {transform: translate(753px, 112px);}
}
.homeslider3 svg #MoveButtons2 {animation: slider3-animation2 8s infinite alternate ease-in-out;}


/*  SPEZIELLES                                               */
/*************************************************************/
/*Home*/
body.home .art1 h2 {font-size: 15.8rem; line-height: 15rem; padding-bottom: 40px; background:url(../../files/data/graphics/home-art1-h2line.svg) left 80px bottom no-repeat;}
body.home .art1 .abstandtop {margin-top: 195px;}
body.home .art1 .textskew {margin-top: 135px; transform: skewY(25deg); overflow:visible; padding: 5px 0;}
body.home .art1 .textskew h1 {font-size: 30px; line-height:1.4em; font-family: "Volte Light", Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0em; text-transform: none;}
body.home .art1 .smartphone {margin: -195px 0 0 -146px;}
body.home .art1 .textskew a:link, body.home .art1 .textskew a:visited {color:#fff; text-decoration:none;}
body.home .art1 .textskew a:hover, body.home .art1 .textskew a:active {color:#9ECEED; text-decoration:underline;}

body.home .art2 h2 {color: #9ECEED; margin-top: 0; font-size: 23rem; line-height: 22.4rem;}
body.home .art2 p {margin:0 0 30px 0;}
body.home .art2 a {margin-bottom: 30px; color: #9ECEED; text-decoration: none; transition: color 0.3s;}
body.home .art2 a:after {content: ""; display: block; height: 35px; background:url(../../files/data/graphics/arrow-right-white.svg) center left no-repeat; opacity: 0; transition: opacity 0.3s ease;}
body.home .art2 a:hover {color: #fff;}
body.home .art2 a:hover:after {opacity: 1;}
body.home .art2 .artikelteaser p {margin-bottom: 0;}

body.home .art3 .abstandtop {margin-top: 180px;}
body.home #container .art3 .content-text {margin-bottom: 0;}
body.home .art3 .col-start-lg-7 {width: calc(100% + 19vw);}
body.home .art3 .col-start-lg-7 img {width: 100%;}

body.home .art4 h3 {margin:0 0 150px 225px;}

/* Home V2 */
/* body.home.v2 .art1 {background: url(../../files/Inhalte/Home-Header/home-bg-promix.jpg) center bottom no-repeat; background-size: cover; min-height: 100vh;} */
body.home.v2 .art1 h2 {font-size: 7rem; line-height: 7rem; background: url(../../files/data/graphics/home-art1-h2line.svg) left bottom no-repeat}
body.home.v2 .art1 .content-text p {margin-top: 0; margin-bottom: 0;line-height: 4.2rem;}
body.home.v2 #container .art1 .abstandtop {margin-bottom: 0;}

/*Projekte*/
.mixfiltercontainer {text-align: center; margin-bottom: 60px;}
.mixfiltercontainer p button {appearance:none; -webkit-appearance:none; border-radius: 5px; background:none; border:none; font-family: 'Volte Light'; font-size: 3.4rem; color: #fff; text-decoration: underline; background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255, 255, 255,1.0) 50%); background-position: 0% 0; background-size: 200%; transition: background-position 0.3s ease, color 0.3s ease; cursor:pointer;}
.mixfiltercontainer p button.mixitup-control-active,
.mixfiltercontainer p button:hover {background-position: -100% 0; color: #9ECEED;}
.mixfiltercontainer button:focus {outline: none;}
.strikethrough {background: url(../../files/data/graphics/kribbel.svg) left 10px no-repeat; background-size:90%;}

.mixfiltercontainer .clearfilters {padding:20px 40px 20px 80px; border:none; background:#fff url(../../files/data/graphics/projekte-art1-clearfilters.svg) left 30px center no-repeat; color: #9ECEED; font-size: 1.8rem; letter-spacing: 5px; font-family: 'Volte Bold'; text-transform: uppercase; border-radius: 5px; text-decoration: none; opacity: 1; transform: scale(1); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.mixfiltercontainer .clearfilters.mixitup-control-active {opacity: 0; transform: scale(0.5);}

/*Scrollcontainer Tools*/
.mod_article.toolscroll .inside {max-width: 1800px;}
.toolscrollcontainer .content-gallery {max-width: 100%;}
.toolscrollcontainer .content-gallery figure {overflow: visible !important; height: 100%; display: flex; align-items: flex-end;}
.toolscrollcontainer .content-gallery img {max-width: initial; width: 100%;}

.toolscrollcontainer .content-gallery ul {display: flex; gap: 4rem; flex-wrap: wrap; padding-bottom: 10px;}

.toolscrollcontainer .content-gallery[data-animated="true"] {
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.toolscrollcontainer .content-gallery[data-animated="true"] ul {width: max-content; flex-wrap: nowrap; overflow: visible; animation: scroll 30s linear infinite;}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - 2rem));
	}
}

.toolscrollcontainer:hover .content-gallery[data-animated="true"] ul {
	animation-play-state: paused;
}

/*.toolscrollcontainer div:first-child {
  animation: scroll-horizontal 20s linear infinite;
}

.toolscrollcontainer div:last-child {
  animation: scroll-horizontal 20s linear infinite;
  animation-delay: 10s;
}

@keyframes scroll-horizontal {
  0% {
    left: 100%;
  }

  100% {
    left: -100%;
  }
}

.toolscrollcontainer:hover div:first-child {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.toolscrollcontainer:hover div:last-child {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}*/

/*.linkboxen {display: flex; flex-direction: column; flex-flow: wrap; justify-content: space-between;}*/
body.projekte .linkboxen {transition: height 0.8s ease;}
body.projekte .linkboxen .grid-sizer {width: 50%;}
body.projekte .linkboxen .box {box-sizing: border-box; width: 50%; padding-left: 2%; padding-right: 2%; margin-bottom: 120px;}
body.projekte .linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200;}
body.projekte .linkboxen .box img {max-width: 100%; height: auto; opacity: 1; transition: opacity 0.3s ease;}
body.projekte .linkboxen .box .linkboxcontainer .image-container {position: relative; line-height: 0; transition: transform 0.3s ease;}
body.projekte .linkboxen .box .linkboxcontainer .image-container .text-container {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:rgba(13,45,65,0.6) url(../../files/data/graphics/arrow-right-white.svg) center no-repeat; opacity: 0; transition: opacity 0.3s ease;}
body.projekte .linkboxen .box .linkboxcontainer .image-container .text-container p {margin:0; padding-right: 30px; line-height: 5rem; color: #9ECEED; text-shadow: #444 0px 0px 4px;}
body.projekte .linkboxen .box h3 {font-size: 11rem; line-height: 11.1rem; font-family: 'Volte Bold'; text-transform: none; margin: -60px auto 0 auto; width: 90%; position: relative; z-index: 100;}
body.projekte .linkboxen .box a:hover + .linkboxcontainer .image-container .text-container {opacity: 1;}
body.projekte .linkboxen .box a:active + .linkboxcontainer .image-container .text-container {opacity: 1;}

/*.linkboxen .box a:hover + .linkboxcontainer .image-container {transform: skewY(3deg);}
.linkboxen .box a:hover + .linkboxcontainer .image-container img {opacity: 0.8;}
.linkboxen .box a:hover + .linkboxcontainer .image-container .text-container {opacity: 1;}*/


/* Projekt Detail allgemein */
body.projektdetail .mod_article .inside {max-width: 1800px; width: 90%; padding-left: 5%; padding-right: 5%;}
body.projektdetail .mod_article.vollbild .inside {max-width: initial; padding-top: 0; padding-bottom: 0; width: 100%; padding-left: 0; padding-right: 0;}
body.projektdetail .mod_article.art1 .inside {padding-top: 300px; padding-bottom: 100px;}

body.projektdetail .linkboxen .grid-sizer {width: 50%;}
body.projektdetail .linkboxen .box {position: relative; box-sizing: border-box; width: 50%; padding-left: 2%; padding-right: 2%; margin-bottom: 120px; display: inline-block; float: left; margin-bottom: 50px;}
body.projektdetail .linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200;}
body.projektdetail .linkboxen .box img {max-width: 100%; height: auto; opacity: 1; transition: opacity 0.3s ease;}
body.projektdetail .linkboxen .box .linkboxcontainer .image-container {position: relative; line-height: 0; transition: transform 0.3s ease;}
body.projektdetail .linkboxen .box .linkboxcontainer .image-container .text-container {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:rgba(13,45,65,0.6) url(../../files/data/graphics/arrow-right-white.svg) center no-repeat; opacity: 0; transition: opacity 0.3s ease;}
body.projektdetail .linkboxen div:nth-of-type(2) .linkboxcontainer .image-container .text-container {background:rgba(13,45,65,0.6) url(../../files/data/graphics/arrow-left-white.svg) center no-repeat;}
body.projektdetail .linkboxen .box .linkboxcontainer .image-container .text-container p {margin:0; padding-right: 30px; line-height: 5rem; color: #9ECEED; text-shadow: #444 0px 0px 4px;}
body.projektdetail .linkboxen .box h3 {font-size: 11rem; line-height: 11.1rem; font-family: 'Volte Bold'; text-transform: none; margin: -60px auto 0 auto; width: 90%; position: relative; z-index: 100;}
body.projektdetail .linkboxen .box a:hover + .linkboxcontainer .image-container .text-container {opacity: 1;}
body.projektdetail .content-text a {color: #fff;}

/* Projekt Detail - Befair */
body.projektdetail.befair .art1 {background: #0D2D41 url(../../files/Inhalte/Projekte/Befair/detail-befair-art1-top.webp) center top no-repeat; background-size: contain;}
body.projektdetail.befair .art1 .content-hyperlink a {background: #9ECEED; color: #fff;}
body.projektdetail.befair .art2 {padding-top: 30px; background: #145175;}
body.projektdetail.befair .art2 .inside {max-width: 1600px;}
body.projektdetail.befair .art2 h4, body.projektdetail.befair .art4 h4 {font-size: 3.8rem; color: #9ECEED; font-family: 'Volte Bold';}
body.projektdetail.befair .art3 {background: #0D2D41 url(../../files/Inhalte/Projekte/Befair/detail-befair-art3-bg.svg) center bottom no-repeat;}
body.projektdetail.befair .art3 .inside {max-width: 1800px;}
body.projektdetail.befair .art4 {padding-bottom: 200px; background: #145175;}
/*body.projektdetail.befair .art5 .linkboxen .box {margin-bottom: 0;}*/
body.projektdetail.befair .art5 .inside {max-width: 1600px; padding: 80px 0;}


/* Projekt Detail - Frischkaese */
body.projektdetail.frischkaese {background-color:#356732;}
body.projektdetail.frischkaese .art1 {background: #58AA53 url(../../files/Inhalte/Projekte/Zueger/detail-frischkaese-art1-top.webp) center top no-repeat; background-size: contain;}
/*body.projektdetail.frischkaese .art1 .content-hyperlink a {background: #58AA60; color: #fff;}*/
body.projektdetail.frischkaese .mod_article.gruen {background: #58AA53;}
body.projektdetail.frischkaese .art2 {padding-top: 30px; background: #356732;}
body.projektdetail.frischkaese .art2 .inside {max-width: 1600px;}
body.projektdetail.frischkaese .art2 h4, body.projektdetail.frischkaese .art4 h4 {font-size: 3.8rem; color: #58AA60; font-family: 'Volte Bold';}
body.projektdetail.frischkaese .art3 {background: #1F1E1D url(../../files/Inhalte/Projekte/Zueger/detail-befair-art3-bg.jpg) center bottom no-repeat;}
body.projektdetail.frischkaese .art3.zitat .content-text h2 {color: #356732;}
/*body.projektdetail.frischkaese .art3 .inside {max-width: 1800px;}*/
body.projektdetail.frischkaese .art4 {padding: 100px 0 200px 0; background: #356732;}
/*body.projektdetail.frischkaese .art5 .linkboxen .box {margin-bottom: 0;}*/
body.projektdetail.frischkaese .art5 {background-color: #9ECEED;}
body.projektdetail.frischkaese .art5 .inside {max-width: 1600px; padding: 80px 0;}
body.projektdetail.frischkaese .content-hyperlink.block {overflow: visible !important;}
body.projektdetail.frischkaese .content-hyperlink a {color: #356732; background: #fff; font-size: 3.8rem; line-height: 4.5rem; border-radius: 5px;}

/* Projekt Detail - IBG Orange D67500 */
body.projektdetail.ibg {background-color:#F0F1F1;}
body.projektdetail.ibg #container .art1.ibggruen {background: #54706a url(../../files/Inhalte/Projekte/IBG/ibg-header.webp) center top no-repeat; background-size: contain;}
body.projektdetail.ibg .art1 .content-hyperlink a {background: #D67500; color: #fff;}
body.projektdetail.ibg .art2 {padding-top: 30px; background: #F0F1F1; color: #54706a;}
body.projektdetail.ibg .art3 {padding-top: 30px; background: #F0F1F1; color: #54706a;}
body.projektdetail.ibg .mod_article.weiss {background: #ffffff; color: #54706a;}
body.projektdetail.ibg .mod_article.ibggruen {background: #54706a; color: #ffffff;}
body.projektdetail.ibg .art2 .inside {max-width: 1600px;}
body.projektdetail.ibg .art2 h4, body.projektdetail.ibg .art3 h4, body.projektdetail.ibg .art4 h4 {font-size: 3.8rem; color: #D67500; font-family: 'Volte Bold';}
body.projektdetail.ibg .art3 {background: #F0F1F1 url(../../files/Inhalte/Projekte/Zueger/detail-befair-art3-bg.jpg) center bottom no-repeat;}
body.projektdetail.ibg .art3 .inside {max-width: 1800px;}
body.projektdetail.ibg .art4 {padding-bottom: 200px; background-color: #F0F1F1; }
body.projektdetail.ibg .art5 {background-color: #9ECEED;}
/*body.projektdetail.ibg .art5 .linkboxen .box {margin-bottom: 0;}*/
body.projektdetail.ibg .art5 .inside {max-width: 1600px; padding: 80px 0;}
body.projektdetail.ibg .content-hyperlink.block {overflow: visible !important;}
body.projektdetail.ibg .content-hyperlink a {color: #ffffff; background: #D67500; font-size: 3.8rem; line-height: 4.5rem; border-radius: 5px;}

/* Projekt Detail - Maitlisek */
body.projektdetail.maitlisek {background-color:#ffffff;}
body.projektdetail.maitlisek #container .art1 {background: #ffffff url(../../files/Inhalte/Projekte/Maitlisek/maitlisek-topbg.jpg) center top no-repeat; background-size: cover;}
body.projektdetail.maitlisek .art1 .content-hyperlink a {background: #DC3F37; color: #fff;}
body.projektdetail.maitlisek .textdunkel h4 {font-size: 3.8rem; color: #DC3F37; font-family: 'Volte Bold';}
body.projektdetail.maitlisek .textdunkel .content-text {color: #30302F;}
body.projektdetail.maitlisek .textdunkel .content-text a {color: #30302F;}
body.projektdetail.maitlisek .art2 {padding-top: 100px;
  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 55%, rgba(244,244,244,1) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 55%,rgba(244,244,244,1) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 55%,rgba(244,244,244,1) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
body.projektdetail.maitlisek .art6 {background: #9ECEED;}

/* Projekt Detail - Kanton Thurgau*/
body.projektdetail.thurgau #header .logo-small {filter: brightness(1);}
body.projektdetail.thurgau #header .logo-big {filter: brightness(1);}
body.projektdetail.thurgau #main {background-color:#ffffff; color: #272727;}
body.projektdetail.thurgau #main .content-text a {color: #272727;}
body.projektdetail.thurgau h1 {color: #272727;}
body.projektdetail.thurgau h4 {font-size: 3.8rem; color: #42AA2C; font-family: 'Volte Bold';}
body.projektdetail.thurgau .content-hyperlink a {background: #42AA2C; color: #fff;}
body.projektdetail.thurgau .art10 {background: #9ECEED; color: #ffffff;}
body.projektdetail.thurgau #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; background: url(../../files/data/graphics/icon-listbullet-black.svg) no-repeat top 13px left;}

/* Projekt Detail - Andreasschwaller*/
body.projektdetail.schwaller #main {background-color:#ffffff;}
body.projektdetail.schwaller #main .mod_article {background: #fff;}
body.projektdetail.schwaller #main strong {font-family: 'Volte Bold';}
body.projektdetail.schwaller #main .art1 {background: #34A9E1 url(../../files/Inhalte/Projekte/Andreasschwaller/bg-schwaller-art1.webp) center top no-repeat; background-size: contain;}
body.projektdetail.schwaller #main .art1 .inside {padding-bottom: 0;}
body.projektdetail.schwaller #main .art1 p {color: #fff;}
body.projektdetail.schwaller #main .trennartikel.blau {background: #34A9E1;}
body.projektdetail.schwaller #main .content-hyperlink.block {overflow: visible !important;}
body.projektdetail.schwaller #main .content-hyperlink a {color: #34A9E1; background: #fff; font-size: 3.8rem; line-height: 4.5rem; border-radius: 5px;}
body.projektdetail.schwaller #main .art1 h4 {color: #fff;}
body.projektdetail.schwaller #main h4 {font-size: 3.8rem; color: #34A9E1; font-family: 'Volte Bold'; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.schwaller #main p {color: #30302F;}
body.projektdetail.schwaller #main .grau {background: #fff url(../../files/Inhalte/Projekte/Andreasschwaller/triangle-art-bg.png) center no-repeat;}
body.projektdetail.schwaller #main .fullgrau {background: #F6F6F6;}
body.projektdetail.schwaller #container .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.schwaller #container .fullgrau .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.schwaller #container .fullgrau .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#34A9E1; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.schwaller #container .fullgrau .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.schwaller #container .fullgrau .content-text {overflow: visible;}
body.projektdetail.schwaller #container .content-text p img {max-width: 100%;}
body.projektdetail.schwaller #main .mod_article.art6 {background: #9ECEED;}

/* Projekt Detail - Scayla*/
body.projektdetail.scayla #header .logo-small {filter: brightness(1);}
body.projektdetail.scayla #header .logo-big {filter: brightness(1);}
body.projektdetail.scayla #main {background-color:#ffffff; color: #30302F;}
body.projektdetail.scayla #main strong {font-family: 'Volte Bold';}
body.projektdetail.scayla .mod_article.grau {background: #F0F3F5;}
body.projektdetail.scayla .mod_article.blau {background: #1A4B75;}
body.projektdetail.scayla .mod_article.blau p {color: #fff;}
body.projektdetail.scayla #main .mod_article.blau strong {color: #fff;}
body.projektdetail.scayla #main .mod_article.blau h4 {color: #fff;}
body.projektdetail.scayla #main .content-text a {color: #1A4B75;}
body.projektdetail.scayla #main h4 {color: #1A4B75; font-size: 3.8rem; line-height: 3.9rem; font-family: 'Volte Bold'; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.scayla #container .art1 {background: #F0F3F5 url(../../files/Inhalte/Projekte/Scayla/art1-bg.jpg) center top no-repeat; background-size: cover;}
body.projektdetail.scayla #main .art1 h1,
body.projektdetail.scayla #main .art1 h3 {color: #1A4B75;}
body.projektdetail.scayla #main .art1 p {color: #30302F;}
body.projektdetail.scayla #main .content-hyperlink a {color: #fff; background: #1A4B75; font-size: 3.8rem; line-height: 4.2rem; border-radius: 5px;}
body.projektdetail.scayla .art4 {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(240,243,245,1) 30%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(240,243,245,1) 30%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 30%,rgba(240,243,245,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
body.projektdetail.scayla #container .art6 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.scayla #container .art6 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.scayla #container .art6 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.scayla #container .art6 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.scayla #container .art6 .content-text {overflow: visible;}
body.projektdetail.scayla #main .mod_article.art7 {background: #9ECEED;}
body.projektdetail.scayla #main .mod_article.art7 h3 {color: #fff;}

/* Projekt Detail - Hotel One66*/
body.projektdetail.hotel166 {background-color:#fff;}
body.projektdetail.hotel166 .mod_article.beige {background: #E9E4DB;}
body.projektdetail.hotel166 #container .content-text strong {font-family: 'Volte Bold';}
body.projektdetail.hotel166 #container .content-text p {color: #574434;}
body.projektdetail.hotel166 #container .content-text a {color: #574434;}
body.projektdetail.hotel166 #container .content-text h4 {color: #574434; font-family: 'Volte Bold'; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.hotel166 #container .content-text.weiss p {color: #fff;}
body.projektdetail.hotel166 #main .content-hyperlink a {color: #fff; background: #574434; font-size: 3.8rem; line-height: 4.2rem; border-radius: 5px;}
body.projektdetail.hotel166 .art1 {background: #8B846A url(../../files/Inhalte/Projekte/Hotel-One66/detail-hotel-art1-top.webp) center top no-repeat; background-size: contain;}
body.projektdetail.hotel166 .art1 h3, body.projektdetail.hotel166 .art1 h1 {color: #E9E4DB;}
body.projektdetail.hotel166 .art1 .pushtop {margin-top: 600px;}
body.projektdetail.hotel166 .art2 {
background: #8B846A; /* Old browsers */
background: -moz-linear-gradient(top,  #8B846A 30%, #E9E4DB 30%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8B846A 30%,#E9E4DB 30%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8B846A 30%,#E9E4DB 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8B846A', endColorstr='#E9E4DB',GradientType=0 ); /* IE6-9 */}
body.projektdetail.hotel166 .art3 {
background: #E9E4DB; /* Old browsers */
background: -moz-linear-gradient(top,  #E9E4DB 30%, #ffffff 30%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #E9E4DB 30%,#ffffff 30%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #E9E4DB 30%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E4DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
body.projektdetail.hotel166 #container .art6 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.hotel166 #container .art6 .content-text strong,
body.projektdetail.hotel166 #container .art6 .content-text h4 {color: #1A4B75;}
body.projektdetail.hotel166 #container .art6 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.hotel166 #container .art6 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.hotel166 #container .art6 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.hotel166 #container .art6 .content-text {overflow: visible;}
body.projektdetail.hotel166 #container .art5 {background: #9ECEED;}

/* Projekt Detail - Scayla*/
body.projektdetail.seelenart #header .logo-small {filter: brightness(1);}
body.projektdetail.seelenart #header .logo-big {filter: brightness(1);}
body.projektdetail.seelenart #main {background-color:#ffffff; color: #748253;}
body.projektdetail.seelenart #main strong {font-family: 'Volte Bold';}
body.projektdetail.seelenart .mod_article.beige {background: #F1EEE6;}
body.projektdetail.seelenart .mod_article.gruen {background: #748253;}
body.projektdetail.seelenart .mod_article.gruen p {color: #f1eee6;}
body.projektdetail.seelenart #main .mod_article.gruen strong {color: #f1eee6;}
body.projektdetail.seelenart #main .mod_article.gruen h4 {color: #f1eee6;}
body.projektdetail.seelenart #main h4 {font-size: 3.8rem; line-height: 3.9rem; letter-spacing: 0; text-transform: none; font-family: 'Volte Bold'; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.seelenart #main .art1 h1,
body.projektdetail.seelenart #main .art1 h4 {color: #748253;}
body.projektdetail.seelenart #main .art1 p {color: #748253; margin-top: 10px;}
body.projektdetail.seelenart #main .content-hyperlink a {color: #fff; background: #748253; font-size: 3.8rem; line-height: 4.2rem; border-radius: 5px;}
body.projektdetail.seelenart #container .art3 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.seelenart #container .art3 .content-text p a {color: #748253; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#f1eee6; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.seelenart #container .art3 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.seelenart #container .art3 .content-text {overflow: visible;}
body.projektdetail.seelenart #container .art6 .content-text p a {color: #748253; text-decoration: underline;}
body.projektdetail.seelenart #container .art7 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.seelenart #container .art7 .content-text strong,
body.projektdetail.seelenart #container .art7 .content-text h4 {color: #1A4B75;}
body.projektdetail.seelenart #container .art7 .content-text p {color: #30302F; margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.seelenart #container .art7 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.seelenart #container .art7 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.seelenart #container .art7 .content-text {overflow: visible;}
body.projektdetail.seelenart #main .mod_article.art8 {background: #9ECEED;}
body.projektdetail.seelenart #main .mod_article.art8 h3 {color: #fff;}

/* Projekt Detail - Hasler Transport AG*/
body.projektdetail.haslertransport #header .logo-small {filter: brightness(1);}
body.projektdetail.haslertransport #header .logo-big {filter: brightness(1);}
body.projektdetail.haslertransport #main {background-color:#ffffff; color: #30302F;}
body.projektdetail.haslertransport .mod_article.grau {background: #F2F2F2;}
body.projektdetail.haslertransport .mod_article.beige {background: #dfd7cc;}
body.projektdetail.haslertransport #main h4 {color: #1F1E1D; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.haslertransport .art1 {background: #dfd7cc url(../../files/Inhalte/Projekte/Hasler-Transport-AG/header.jpg) center top no-repeat; background-size: contain;}
body.projektdetail.haslertransport #main .art1 h1 {color: #D8232A;}
body.projektdetail.haslertransport #main .art1 .topright p {margin-top: 0;}
body.projektdetail.haslertransport .art4 {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #F0F3F5 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#F0F3F5 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#F0F3F5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0F3F5',GradientType=0 ); /* IE6-9 */}
body.projektdetail.haslertransport #main .content-hyperlink a {font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.haslertransport #main .content-hyperlink.btnrot a {color: #fff; background: #D8232A;}
body.projektdetail.haslertransport #main .content-hyperlink.btnweiss a {color: #D8232A; background: #fff;}
body.projektdetail.haslertransport #main .content-hyperlink.btnblau a {color: #fff; background: #0A3E86;}
body.projektdetail.haslertransport #main .content-hyperlink.btngruen a {color: #fff; background: #0E883D;}
body.projektdetail.haslertransport #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.haslertransport #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.haslertransport #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.haslertransport #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.haslertransport #container .art9 .content-text {overflow: visible;}
body.projektdetail.haslertransport #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.haslertransport #main .mod_article.art10 h3 {color: #fff;}

/* Projekt Detail - Jagd Thurgau*/
body.projektdetail.jagdtg #main {background-color:#ffffff; color: #30302F;}
body.projektdetail.jagdtg .mod_article.grau {background: #F2F2F2;}
body.projektdetail.jagdtg .mod_article.gruen {background: #568259;}
body.projektdetail.jagdtg .mod_article.gruen p {color: #fff;}
body.projektdetail.jagdtg #main .mod_article.gruen strong {color: #fff;}
body.projektdetail.jagdtg #main .mod_article.gruen h4 {color: #fff;}
body.projektdetail.jagdtg #main h4 {color: #568259; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.jagdtg #main .content-text ol > li:before {color:#568259;}
body.projektdetail.jagdtg .art1 {background: #fff url(../../files/Inhalte/Projekte/Jagd-Thurgau/jagdtg-header.jpg) center top no-repeat; background-size: cover;}
body.projektdetail.jagdtg #main .art1 h1 {color: #fff;}
body.projektdetail.jagdtg #main .art1 h3 {color: #fff;}
body.projektdetail.jagdtg #main .art1 .topright p {margin-top: 0; color: #fff; margin-bottom: 0;}
body.projektdetail.jagdtg #main .content-hyperlink a {color: #fff; background: #568259; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.jagdtg #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.jagdtg #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.jagdtg #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#568259; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.jagdtg #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.jagdtg #container .art9 .content-text {overflow: visible;}
body.projektdetail.jagdtg #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.jagdtg #main .mod_article.art10 h3 {color: #fff;}
body.projektdetail.jagdtg #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; background: url(../../files/data/graphics/icon-listbullet-gruen.svg) no-repeat top 13px left;}

/* Projekt Detail - Promix*/
body.projektdetail.promix #main {background-color:#ffffff; color: #30302F;}
body.projektdetail.promix .mod_article.grau {background: #F2F2F2;}
body.projektdetail.promix .mod_article.rot {background: #C32D28;}
body.projektdetail.promix .mod_article.rot p {color: #fff;}
body.projektdetail.promix #main .mod_article.rot strong {color: #fff;}
body.projektdetail.promix #main .mod_article.rot h4 {color: #fff;}
body.projektdetail.promix #main .mod_article.rot .content-hyperlink a {color: #C32D28; background: #fff;}
body.projektdetail.promix #main h4 {color: #C32D28; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.promix #main .content-text ol > li:before {color:#C32D28;}
body.projektdetail.promix .art1 {background: #fff url(../../files/Inhalte/Projekte/Promix/promix-header.jpg) center top no-repeat; background-size: cover; height: 1200px; overflow:inherit;}
body.projektdetail.promix #main .art2 {padding-top:400px;} 
body.projektdetail.promix #main .art1 h1 {color: #fff;}
body.projektdetail.promix #main .art1 h3 {color: #fff;}
body.projektdetail.promix #main .art1 .topright p {margin-top: 0; color: #fff; margin-bottom: 0;}
body.projektdetail.promix #main .content-hyperlink a {color: #fff; background: #C32D28; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.promix #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.promix #container .art9 .content-text h4 {color: #1A4B75;}
body.projektdetail.promix #container .art9 .content-text strong {font-family: 'Volte Bold'}
body.projektdetail.promix #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.promix #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.promix #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.promix #container .art9 .content-text {overflow: visible;}
body.projektdetail.promix #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.promix #main .mod_article.art10 h3 {color: #fff;}
body.projektdetail.promix #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; background: url(../../files/data/graphics/icon-listbullet-gruen.svg) no-repeat top 13px left;}

/* Projekt Detail - Niza*/
body.projektdetail.niza #main {background-color:#ffffff; color: #355B68;}
body.projektdetail.niza .mod_article.gold {background: #9A855B;}
body.projektdetail.niza .mod_article.gold p {color: #fff;}
body.projektdetail.niza #main .mod_article.gold strong {color: #fff;}
body.projektdetail.niza #main .mod_article.gold h4 {color: #fff;}
body.projektdetail.niza #main .mod_article.gold .content-hyperlink a {color: #9A855B; background: #fff;}
body.projektdetail.niza .mod_article.gruen {background: #373504;}
body.projektdetail.niza .mod_article.gruen p {color: #fff;}
body.projektdetail.niza #main .mod_article.gruen strong {color: #fff;}
body.projektdetail.niza #main .mod_article.gruen h4 {color: #fff;}
body.projektdetail.niza #main .mod_article.gruen .content-hyperlink a {color: #373504; background: #fff;}
body.projektdetail.niza #main h4 {color: #355B68; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.niza #main .content-text ol > li:before {color:#355B68;}
body.projektdetail.niza #main .content-hyperlink a {color: #fff; background: #355B68; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; padding: 12px 25px; margin-top: 0;}
body.projektdetail.niza .art1 {background: #fff url(../../files/Inhalte/Projekte/Niza/headerbild.jpeg) center top no-repeat; background-size: cover; height: 1250px; overflow:inherit;}
body.projektdetail.niza .art1 h1 {color: #355B68;}
body.projektdetail.niza #main .topright {margin-bottom: 0;}
body.projektdetail.niza #main .art2 {padding-top:400px;}
body.projektdetail.niza #main .art4 p {margin-top: 0;}
body.projektdetail.niza .mod_article.grau {background: #F2F2F2;}
body.projektdetail.niza #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.niza #container .art9 .content-text h4 {color: #1A4B75;}
body.projektdetail.niza #container .art9 .content-text strong {font-family: 'Volte Bold'}
body.projektdetail.niza #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.niza #container .art9 .content-text.textlink p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.niza #container .art9 .content-text.textlink p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.niza #container .art9 .content-text a {color: #355B68; text-decoration: underline;}
body.projektdetail.niza #container .art9 .content-text {overflow: visible;}
body.projektdetail.niza #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.niza #main .mod_article.art10 h3 {color: #fff;}

/* Projekt Detail - Animaldoc*/
body.projektdetail.animaldoc #main {background-color:#ffffff; color: #412C29;}
body.projektdetail.animaldoc .mod_article.braun {background: #FFE1D0;}
body.projektdetail.animaldoc .mod_article.dunkelbraun {background: #412C29;}
body.projektdetail.animaldoc .mod_article.dunkelbraun p {color: #FFE1D0;}
body.projektdetail.animaldoc #main .mod_article.dunkelbraun strong {color: #FFE1D0;}
body.projektdetail.animaldoc #main .mod_article.dunkelbraun h4 {color: #FFE1D0;}
body.projektdetail.animaldoc .mod_article.art4 .inside, body.projektdetail.animaldoc .mod_article.art5 .inside {padding-top: 160px; padding-bottom: 160px;}
body.projektdetail.animaldoc #main h4 {color: #412C29; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.animaldoc .art1 {z-index: 2; background: #FFE1D0 url(../../files/Inhalte/Projekte/Animaldoc/animaldoc-header.jpg) right top no-repeat; background-size: cover; height: 1200px; overflow:inherit;}
body.projektdetail.animaldoc .art1 .inside {max-width: 1450px;}
body.projektdetail.animaldoc #main .art2 {padding-top:400px;} 
body.projektdetail.animaldoc #main .art1 h1 {color: #FFE1D0;}
body.projektdetail.animaldoc #main .art1 h3 {color: #FFE1D0;}
body.projektdetail.animaldoc #main .art1 .topright p {margin-top: 0; color: #FFE1D0; margin-bottom: 0;}
body.projektdetail.animaldoc #main .art4 h4 {margin-top: 32px;}
body.projektdetail.animaldoc #main .content-hyperlink a {color: #412C29; background: #FFE1D0; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.animaldoc #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.animaldoc #container .art9 .content-text h4 {color: #1A4B75;}
body.projektdetail.animaldoc #container .art9 .content-text strong {font-family: 'Volte Bold'}
body.projektdetail.animaldoc #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.animaldoc #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.animaldoc #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.animaldoc #container .art9 .content-text {overflow: visible;}
body.projektdetail.animaldoc #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.animaldoc #main .mod_article.art10 h3 {color: #fff;}

/* Projekt Detail - BHZ*/
body.projektdetail.bhz #main {background-color:#ffffff; color: #30302F;}
body.projektdetail.bhz .mod_article.grau {background: #F0F3F5;}
body.projektdetail.bhz .mod_article.blau {background: #1A59A8;}
body.projektdetail.bhz .mod_article.blau p {color: #fff;}
body.projektdetail.bhz #main .mod_article.blau strong {color: #fff;}
body.projektdetail.bhz #main .mod_article.blau h4 {color: #fff;}
body.projektdetail.bhz .mod_article.art4 .inside, body.projektdetail.bhz .mod_article.art5 .inside, body.projektdetail.bhz .mod_article.art6 .inside {padding-top: 160px; padding-bottom: 160px;}
body.projektdetail.bhz #main h4 {color: #1A59A8; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.bhz .art1 {z-index: 2; background: #1A59A8 url(../../files/Inhalte/Projekte/BHZ/bhz-header.png) right top no-repeat; background-size: cover; height: 1200px; overflow:inherit;}
body.projektdetail.bhz #main .art2 {padding-top:400px;} 
body.projektdetail.bhz #main .art1 h1 {color: #fff;}
body.projektdetail.bhz #main .art1 h3 {color: #fff;}
body.projektdetail.bhz #main .art1 .topright p {margin-top: 0; color: #fff; margin-bottom: 0;}
body.projektdetail.bhz #main .art4 h4 {margin-top: 32px;}
body.projektdetail.bhz #main .art5 .content-text {text-align: right;}
body.projektdetail.bhz #main .art5:after {content: ""; display: block; width: 100%; height: 3px; background: #000000; position: absolute; left: 0; bottom: 183px;}
body.projektdetail.bhz #main .art5 .content-image {z-index: 2; position: relative;}
body.projektdetail.bhz #main .art6 .content-text {text-align: right;}
body.projektdetail.bhz #main .content-hyperlink a {color: #fff; background: #1A59A8; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.bhz #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.bhz #container .art9 .content-text h4 {color: #1A4B75;}
body.projektdetail.bhz #container .art9 .content-text strong {font-family: 'Volte Bold'}
body.projektdetail.bhz #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.bhz #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.bhz #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.bhz #container .art9 .content-text {overflow: visible;}
body.projektdetail.bhz #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.bhz #main .mod_article.art10 h3 {color: #fff;}
body.projektdetail.bhz #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; color: #fff; background: url(../../files/data/graphics/icon-listbullet-weiss.svg) no-repeat top 13px left;}

/* Projekt Detail - Geothermie*/
body.projektdetail.geothermie #header .logo-small {filter: brightness(1);}
body.projektdetail.geothermie #header .logo-big {filter: brightness(1);}
body.projektdetail.geothermie #main {background-color:#ffffff; color: #0E1012;}
body.projektdetail.geothermie .mod_article.grau {background: #F0F2F7;}
body.projektdetail.geothermie #main h4 {color: #78B82C; font-family: 'Volte Bold'; font-size: 3.8rem; line-height: 3.9rem; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.geothermie .art1 {z-index: 2; background: #fff;}
body.projektdetail.geothermie #main .art2, body.projektdetail.geothermie #main .art3, body.projektdetail.geothermie #main .art4 {padding-bottom: 150px;} 
body.projektdetail.geothermie #main .art1 h1 {color: #78B82C;}
body.projektdetail.geothermie #main .art1 h3 {color: #78B82C;}
body.projektdetail.geothermie #main .art1 .topright p {margin-top: 0; color: #0E1012; margin-bottom: 0;}
body.projektdetail.geothermie #main .art3 {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(240,242,247,1) 80%);}
body.projektdetail.geothermie #main .art5 {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(240,242,247,1) 40%);}
body.projektdetail.geothermie #main .content-hyperlink a {color: #fff; background: #78B82C; font-size: 3.8rem; line-height: 4.2rem; font-family: 'Volte Bold'; letter-spacing: 0; box-shadow: 0 5px 10px 5px rgb(0 0 0 / 20%); margin: 20px 0 10px 0;}
body.projektdetail.geothermie #container .art9 .content-text.media--left figure {width: auto; float: left; margin-right: 20px;}
body.projektdetail.geothermie #container .art9 .content-text h4 {color: #1A4B75;}
body.projektdetail.geothermie #container .art9 .content-text strong {font-family: 'Volte Bold'; color: #1A4B75;}
body.projektdetail.geothermie #container .art9 .content-text p {margin: 0; hyphens: auto; -webkit-hyphens: auto;}
body.projektdetail.geothermie #container .art9 .content-text p a {color: #fff; padding: 13px 20px; margin: 20px 0; display: inline-block; background:#1A4B75; border-radius: 10px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.projektdetail.geothermie #container .art9 .content-text p a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
body.projektdetail.geothermie #container .art9 .content-text {overflow: visible;}
body.projektdetail.geothermie #main .mod_article.art10 {background: #9ECEED;}
body.projektdetail.geothermie #main .mod_article.art10 h3 {color: #fff;}
body.projektdetail.geothermie #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; color: #fff; background: url(../../files/data/graphics/icon-listbullet-weiss.svg) no-repeat top 13px left;}



/*Services*/
body.services .art1 {padding-top: 300px; background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services .art1 .inside {max-width: 1600px; width: 90%; padding-left: 5%; padding-right: 5%;} 

body.services .art2 .inside {max-width: 1600px; padding: 120px 0;}
body.services .mod_article.art2 .artikelteaser {top: 125px; align-items: flex-start;}

body.services .art2 .servicesmenu {display: inline-block; position: absolute; top: 120px; left: 0; width: 20%;}
body.services .art2 .servicesmenu ul {list-style: none; padding-top: 40px; margin-top: 0; margin-bottom: 0px; padding-left: 0; border-top: 1px #fff solid;}
body.services .art2 .servicesmenu ul li {margin-bottom: 40px; width: 100%;}
body.services .art2 .servicesmenu ul li a {display: block; width: 100%; font-size: 2rem; font-family: 'Volte Light'; color: #9ECEED; text-decoration: none; transition: color 0.3s ease;}
body.services .art2 .servicesmenu ul li a:hover {color: #fff;}
body.services .art2 .servicesmenu.fixed {position: fixed;}

body.services .art2 .servicecontainer {display: inline-block; float: right; width: 76%;}
body.services #container .art2 .servicecontainer .content-text {padding-top: 40px; border-top: 1px #fff solid; margin-bottom: 60px;}
body.services .art2 .servicecontainer .content-text figure {margin-top: 60px;}
body.services .art2 .servicecontainer .content-text .rte {width: 48.5%; display: inline-block;}
body.services .art2 .servicecontainer .content-text .rte p {font-size: 2.4rem; line-height: 3.2rem;}
body.services .art2 .servicecontainer .content-text .rte a {background: #9ECEED; color: #fff; padding: 7px 25px; font-size: 2.8rem; line-height: 4.5rem; border-radius: 5px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase;}
body.services .art2 h3 {font-size:3rem; line-height: 3.8rem;}

body.services .art3  {padding-top: 2vw; padding-bottom: 75px; overflow:inherit;}
body.services .art3 .inside {max-width: 1600px;}
body.services .art3 p {font-family: 'Volte Bold'; font-size: 6.8rem; line-height: 7.5rem;}
body.services .art3 .services-art3-arrow {position:absolute; top: -321px; z-index:1000;}


body.services.servicesub.corporate-websites .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.shoploesungen-ecommerce .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.responsive-webdesign .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.native-progressive-web-apps .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.online-marketing .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.webhosting-e-mailhosting .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.unternehmensauftritte .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}
body.services.servicesub.inhalt-bild-und-text .art1 {background: #5EB4EC url(../../files/data/graphics/services-art1-bg.svg) center top no-repeat;}

body.services.servicesub .art2 .servicecontainer .content-text .rte {width: 100%; display: inline-block;}

/*Services 2025*/
body.services .serviceartikel .inside {padding-top: 100px;}
body.services .serviceartikel h3 {font-size: 6rem; line-height: 6rem; letter-spacing: 0.1px;}

.servicelinkboxen .box {background: #9ECEED; padding: 30px; border-radius: 8px; margin-bottom: 20px; position: relative; top: 0; transition: top 0.4s ease;}
.servicelinkboxen .box:hover {top: -7px;}
.servicelinkboxen .box .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.servicelinkboxen .box .image-container {width: 100%; height: 100px;}
.servicelinkboxen .box .image-container img {width: 100%; height: 100%; object-fit: scale-down;}
.servicelinkboxen .box h4 {color: #0C2D41; margin: 30px 0 20px 0; font-size: 3.7rem; line-height: 3.7rem; letter-spacing: 0.1px; font-family: 'Volte Bold'; text-transform: uppercase;}
.servicelinkboxen .box p {color: #0C2D41; margin: 0;}

#main .mod_article.service25header {background: #5eb5ec url(../../files/data/graphics/refresh-art1-bg.svg) right top no-repeat; background-size: cover;}
#main .mod_article.service25header h1 {font-size: 9rem; line-height: 9.1rem;}

/*Kunden*/
body.kunden .art1 {padding-top: 300px; background: #1F1E1D url(../../files/data/graphics/kunden-art1-bg.svg) center top no-repeat;}
body.kunden .art1 .inside {max-width: 1600px; width: 90%; padding-left: 5%; padding-right: 5%;}
body.kunden .art2 .inside {max-width: 1800px;}
body.kunden .art2 .artikelteaser {top: 125px; align-items: flex-start;}
body.kunden .mixfiltercontainer {text-align: center;}
body.kunden .mixfiltercontainer p button:hover {background-position: -100% 0; color: #1f1e1d;}
body.kunden .mixfiltercontainer p button.mixitup-control-active, body.kunden .mixfiltercontainer p button:hover {color: #1f1e1d;}
body.kunden .mixfiltercontainer .clearfilters {color: #1f1e1d; background: #fff url(../../files/data/graphics/kunden-art1-clearfilters.svg) left 30px center no-repeat; cursor: pointer;}

body.kunden .linkboxen {position: relative; text-align: center;}
body.kunden .linkboxen .box {width: 29%; box-sizing: border-box; position: relative; margin:0 1.5% 80px 1.5%; perspective: 2500px; display: inline-block; float: none; vertical-align: top;}
body.kunden .linkboxen .box a {position: absolute; top: 0; left: 0; z-index: 200; display: block; width: 100%; height: 100%;}
body.kunden .linkboxen .box .innerbox {position: relative; box-sizing: border-box; width: 100%; height: 560px; padding: 0 50px 50px 50px;}
body.kunden .linkboxen .box .innerbox .bg-blau {width: 100%; height: 100%; background: #9ECEED; padding-top: 50px; box-sizing: border-box; position: relative;}
body.kunden .linkboxen .box .innerbox .bg-blau .kundenlogo {box-sizing: border-box; width: 100%; padding: 0 20px;}
body.kunden .linkboxen .box .innerbox .bg-blau .kundenlogo img {max-width: 60%; height: auto; max-height: 75px; object-fit: contain;}
body.kunden .linkboxen .box.logogross .innerbox .bg-blau .kundenlogo img {max-width: 85%;}

body.kunden .linkboxen .box .tablet {display: flex; align-items: center; width: 100%; position: absolute; bottom: 0; left: 0; background: #fff; border-radius: 30px; padding: 25px 35px; z-index: 50; box-sizing: border-box; box-shadow: -40px 20px 40px rgba(0,0,0,0.15), inset 6px -6px 8px rgb(0,0,0,0.22); transform: rotate3d(22, 19, -13, 51deg); transition: transform 0.3s ease;}
body.kunden .linkboxen .box:hover .tablet,
body.kunden .linkboxen .box:active .tablet {transform: rotate3d(40, 0, 0, 25deg);}
body.kunden .linkboxen .box .tablet .tabletbutton {position: absolute; right: 4px; width: 25px; height: 25px; border: 1px solid #adadad; border-radius: 30px; box-shadow: inset -3px 3px 3px rgb(0,0,0,0.12)}
body.kunden .linkboxen .box .tablet .text-container {position: relative; display: block; border: 1px solid #c8c8c8; border-radius: 10px; overflow: hidden; box-shadow: inset 0 0 25px rgba(0,0,0,0.1);}
body.kunden .linkboxen .box .tablet .text-container .text-container-sizer {width: 100%; height: 100%; text-align: left; position: absolute; top: 0; left: 0; display: flex; justify-content: center; padding: 30px; box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease;}
body.kunden .linkboxen .box:hover .tablet .text-container .text-container-sizer,
body.kunden .linkboxen .box:active .tablet .text-container .text-container-sizer {opacity: 1;}
body.kunden .linkboxen .box .tablet .text-container p {font-family: 'Volte Light'; font-size: 2.2rem; line-height: 2.5rem; color: #0C2D41; letter-spacing: 0.3px; margin: 0;}
body.kunden .linkboxen .box .tablet .text-container h2 {font-family: 'Volte Bold'; font-size: 2.2rem; line-height: 2.5rem; color: #0C2D41; letter-spacing: 0.3px; margin: 0 0 10px 0;}
body.kunden .linkboxen .box .tablet .image-container {line-height: 0;}
body.kunden .linkboxen .box .tablet img {width: 100%; height: auto; transition: filter 0.3s ease;}
body.kunden .linkboxen .box:hover .tablet img,
body.kunden .linkboxen .box:active .tablet img {filter: blur(10px) opacity(0.25);}

/*kunden linkboxen alt*/
/*body.kunden .linkboxen {position: relative; text-align: center;}
body.kunden .linkboxen .box {width: 45%; box-sizing: border-box; position: relative; margin:0 2% 80px 2%; perspective: 2500px; display: inline-block; float: none;}
body.kunden .linkboxen .box a {position: absolute; z-index: 200; display: block; width: 100%; height: 100%;}
body.kunden .linkboxen .box .image-container {line-height: 0; position: relative;}
body.kunden .linkboxen .box .text-container {line-height: 4.2rem; position: absolute; background: #9ECEED; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 4%; text-align: center; display: flex; align-items: center; justify-content: center;}
body.kunden .linkboxen .box .text-container h3 {display: block; width: 100%; padding-bottom: 40px; background: url(../../files/data/graphics/home-art1-h2line.svg) center bottom no-repeat; background-size: 240px;}
body.kunden .linkboxen .box .text-container h2 {font-size: 5rem; line-height: 5.1rem; text-transform: none; margin:30px 0 20px 0;}
body.kunden .linkboxen .box .text-container h4 {font-family: 'Volte Bold'; font-size: 1.8rem; letter-spacing: 7px; line-height: 1.9rem;}

body.kunden .linkboxen .box .image-container img {width: 100%; height: auto; margin-left: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 1s;
	transition:  transform 1s;

	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;}
body.kunden .linkboxen .box .image-container .text-container {-webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: -webkit-transform 1s;
	transition: transform 1s;

	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;}
body.kunden .linkboxen .box a:hover + .linkboxcontainer .image-container img {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}
body.kunden .linkboxen .box a:hover + .linkboxcontainer .image-container .text-container {-webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
body.kunden .linkboxen .box:hover {z-index: 130;}

body.kunden .kundenemoji {width: 20px !important; transform: none !important;}*/

/*Agentur*/
body.agentur .art1 {padding-top: 300px; background: #5EB4EC url(../../files/data/graphics/agentur-art1-bg.svg) center top no-repeat;}
body.agentur .art1 .inside {max-width: 1600px;}
body.agentur .art1 .agentur-h3line * {display: inline-block;}
body.agentur .art1 .agentur-h3line img {margin: 0 25px 6px 20px;}
body.agentur #container .art1 .content-text {margin-bottom: 0;}
body.agentur .art1 .inside p {margin-bottom: 0;}
body.agentur .art2 .inside {max-width: 100%;}
body.agentur .mod_article.art2 .artikelteaser {top: 200px; align-items: flex-start;}
body.agentur .art2 .ce_rowStart {margin: 200px 0; --grid__gutter:9rem;}
body.agentur .art3  {padding-top: 2vw; padding-bottom: 75px; overflow:inherit;}
body.agentur .art3 .inside {max-width: 1600px; width: 90%; padding-right: 5%; padding-left: 5%;}
body.agentur .art3 p {font-family: 'Volte Bold'; font-size: 6.8rem; line-height: 7.5rem;}
body.agentur .art3 .services-art3-arrow {position:absolute; top: -321px; z-index:1000;}
body.agentur .art4 .inside {max-width: 1600px; width: 90%; padding-right: 5%; padding-left: 5%;}
body.agentur .art4 .inside .slider {top: 0 !important;}
body.agentur .art4 .inside .slider .slider__items {align-items: center;}
body.agentur .art4 .inside .slider .slider__item {height: auto;} 

/*Aktuelles*/
body.aktuelles .art1 {padding-top: 300px; background: #5EB4EC url(../../files/data/graphics/aktuelles-art1-bg.svg) center top no-repeat;}
body.aktuelles .art1 .inside {max-width: 1600px; width: 100%; padding-left: 10%; padding-right: 10%; box-sizing: border-box;} 
body.aktuelles .art2 .inside {max-width: 1500px; width: 100%; padding-left: 0%; padding-right: 0%; box-sizing: border-box;}

/*Kontakt*/
body.kontakt .art1 {padding-top: 300px; background: #0C2D41 url(../../files/data/graphics/kontakt-art-bg.svg) center top no-repeat;}
body.kontakt .art1 .inside {max-width: 1500px;}
body.kontakt .art2 .inside {max-width: 1500px; padding: 150px 0;}
body.kontakt .buttonblau {padding: 15px 30px; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 0px; border-radius: 10px; border: none; background: #9ECEED;}
body.kontakt .buttonblau a {color: #fff; text-decoration: none; cursor: pointer;}
body.kontakt .art3 .inside {max-width: 100%; padding: 0;}

/*Newsletter*/
body.newsletter .art1 {padding-top: 300px; background: #5eb4ec url(../../files/data/graphics/kontakt-art1-bg.svg) center top no-repeat;}
body.newsletter .art1 .inside {max-width: 1500px;}
body.newsletter .art2 .inside {max-width: 1500px; padding: 150px 0;}
body.newsletter .buttonblau {padding: 15px 30px; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 0px; border-radius: 10px; border: none; background: #9ECEED;}
body.newsletter .buttonblau a {color: #fff; text-decoration: none; cursor: pointer;}
body.newsletter .art3 .campaign {font-size: 4rem; line-height: 4.5rem; letter-spacing: 0; text-transform: none; font-family: 'Volte Bold';}
body.newsletter .art3 .campaign a {color: #fff; text-decoration: none;}
body.newsletter .art3 .inside {max-width: 1500px;}

/*Bewertung*/
body.bewertung .art1 {padding-top: 300px; background: #0C2D41 url(../../files/data/graphics/kontakt-art-bg.svg) center top no-repeat;}
body.bewertung .art1 .inside {width: 80%;}
.bewertungcontainer {display: inline-block; width: 100%; max-width: 770px; margin-top: 50px; margin-bottom: 50px;}
.bewertungcontainer .bewcontainer {display: inline-block; width: 705px;}
.bewertungcontainer .bewcontainer .btn {display: inline-block; float: right; width: 125px; height: 123px; margin-right: 16px; cursor: pointer; background: url(../../files/data/graphics/bew-off.svg) center no-repeat; transition: background 0.3s ease;}
.bewertungcontainer .bewcontainer .bew1:hover {background: url(../../files/data/graphics/bew-on.svg) center no-repeat;}
.bewertungcontainer .bewcontainer .bew2:hover, .bewertungcontainer .bewcontainer .bew2:hover ~ .bew1 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer .bew3:hover, .bewertungcontainer .bewcontainer .bew3:hover ~ .bew1, .bewertungcontainer .bewcontainer .bew3:hover ~ .bew2 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer .bew4:hover, .bewertungcontainer .bewcontainer .bew4:hover ~ .bew1, .bewertungcontainer .bewcontainer .bew4:hover ~ .bew2, .bewertungcontainer .bewcontainer .bew4:hover ~ .bew3 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer .bew5:hover, .bewertungcontainer .bewcontainer .bew5:hover ~ .bew1, .bewertungcontainer .bewcontainer .bew5:hover ~ .bew2, .bewertungcontainer .bewcontainer .bew5:hover ~ .bew3, .bewertungcontainer .bewcontainer .bew5:hover ~ .bew4 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer.bew1 .bew1 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer.bew2 .bew1, .bewertungcontainer .bewcontainer.bew2 .bew2 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer.bew3 .bew1, .bewertungcontainer .bewcontainer.bew3 .bew2, .bewertungcontainer .bewcontainer.bew3 .bew3 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer.bew4 .bew1, .bewertungcontainer .bewcontainer.bew4 .bew2, .bewertungcontainer .bewcontainer.bew4 .bew3, .bewertungcontainer .bewcontainer.bew4 .bew4 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .bewcontainer.bew5 .bew1, .bewertungcontainer .bewcontainer.bew5 .bew2, .bewertungcontainer .bewcontainer.bew5 .bew3, .bewertungcontainer .bewcontainer.bew5 .bew4, .bewertungcontainer .bewcontainer.bew5 .bew5 {background: url(../../files/data/graphics/bew-on.svg) center no-repeat; background-size: contain;}
.bewertungcontainer .txt {display: none;}
.bewertungcontainer .txt .rte {padding-left: 70px; background: url(../../files/data/graphics/bew-txt-icon.svg) top left no-repeat;}
.bewertungcontainer .txt .rte strong {font-family: 'Volte Bold'; padding-top: 8px; display: block;}

/*Webdesign Refresh*/
body.refresh .mod_article .inside {width: 90%; padding: 90px 5%;}
body.refresh h2 {font-size: 6rem; line-height: 6rem; text-transform: uppercase; margin: 50px 0 40px 0;}
body.refresh .content-hyperlink.eb-button a {position: relative; color: #5EB4EC; padding-left: 65px; padding-bottom: 0; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 15px no-repeat; transition: transform 0.3s ease, box-shadow 0.3s ease;}
body.refresh .content-hyperlink.eb-button a:after {content: "Erstberatung auf Kosten des Hauses"; position: absolute; top: 0px; right: -270px; width: 245px; font-family: 'reenie_beanieregular'; color: #fff; font-size: 3.1rem; line-height: 2.8rem; transform: rotate(-7deg); text-transform: none;}

body.refresh .art1 {overflow: visible; padding-top: 150px; padding-bottom: 80px; background: #5eb5ec url(../../files/data/graphics/kunden-art1-bg.svg) right top no-repeat; background-size: cover;}
body.refresh .art1 h4 {font-family: 'reenie_beanieregular'; font-size: 6.3rem; line-height: 2.8rem; color: #0C2D41; font-weight: normal;}
body.refresh .art1 h1 {font-size: 15.8rem; line-height: 16rem;}
body.refresh .art1:after {content: ""; z-index: 2; display: block; width: 95px; height: 197px; position: absolute; bottom: -90px; right: 30%; background: url(../../files/data/graphics/refresh-arrow-down.svg) center no-repeat;}

body.refresh .art2 .content-image {width: 124%; margin-left: -12%;}
body.refresh .art2 .content-image img {width: 100%; height: auto;}

body.refresh .art3 h3 {font-size: 3.7rem; line-height: 4.2rem; letter-spacing: 0px; text-transform: uppercase;}
body.refresh .art3 p {font-size: 2.7rem; line-height: 3.6rem; letter-spacing: 0px;}

body.refresh .art4 .content-image {width: 124%; margin-left: -12%;}

body.refresh .art5 h3 {font-size: 3.7rem; line-height: 4.2rem; letter-spacing: 0px; text-transform: none;}

body.refresh .art6 {overflow: visible; padding-bottom: 80px;}
body.refresh .art6:after {content: ""; z-index: 2; display: block; width: 95px; height: 197px; position: absolute; bottom: -90px; right: 35%; background: url(../../files/data/graphics/refresh-arrow-down.svg) center no-repeat;}
body.refresh .art6 .content-image {width: 124%; margin-left: -12%;}

body.refresh .art7 .inside {padding-top: 80px; max-width: 1520px;}
body.refresh .art7 .schmal {max-width: 1200px; margin: 0 auto;}
body.refresh .art7 .buttonblau {padding: 15px 30px 8px 30px; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 0px; border-radius: 10px; border: none; background: #0C2D41;}
body.refresh .art7 .buttonblau a {color: #fff; text-decoration: none; cursor: pointer;}
body.refresh #main .art7 .ce_form textarea {border: none;}
body.refresh #main .art7 .ce_form .widget-submit button {}
body.refresh #main .art7 .ce_form .widget-submit button {padding: 15px 30px 8px 30px; cursor: pointer; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 0px; border-radius: 10px; border: none; background: #0C2D41; float: right;}

body.refresh .art8 .inside {max-width: 1740px;}
body.refresh .art8 .linkboxen .grid-sizer {width: 50%;}
body.refresh .art8 .linkboxen .box {position: relative; box-sizing: border-box; width: 50%; padding-left: 2%; padding-right: 2%; margin-bottom: 120px; display: inline-block; float: left; margin-bottom: 50px;}
body.refresh .art8 .linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200;}
body.refresh .art8 .linkboxen .box img {max-width: 100%; height: auto; opacity: 1; transition: opacity 0.3s ease;}
body.refresh .art8 .linkboxen .box .linkboxcontainer .image-container {position: relative; line-height: 0; transition: transform 0.3s ease;}
body.refresh .art8 .linkboxen .box .linkboxcontainer .image-container .text-container {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:rgba(13,45,65,0.6) url(../../files/files/data/graphics/arrow-right-white.svg) center no-repeat; opacity: 0; transition: opacity 0.3s ease;}
body.refresh .art8 .linkboxen div:nth-of-type(2) .linkboxcontainer .image-container .text-container {background:rgba(13,45,65,0.6) url(../../files/files/data/graphics/arrow-left-white.svg) center no-repeat;}
body.refresh .art8 .linkboxen .box .linkboxcontainer .image-container .text-container p {margin:0; padding-right: 30px; line-height: 5rem; color: #9ECEED; text-shadow: #444 0px 0px 4px;}
body.refresh .art8 .linkboxen .box h3 {font-size: 11rem; line-height: 11.1rem; font-family: 'Volte Bold'; text-transform: none; margin: -60px auto 0 auto; width: 90%; position: relative; z-index: 100;}
body.refresh .art8 .linkboxen .box a:hover + .linkboxcontainer .image-container .text-container {opacity: 1;}
body.refresh .art8 .content-text a {color: #fff;}

body.refresh .art9 .content-image {width: 124%; margin-left: -12%;}

body.refresh .art10 h3 {font-family: 'reenie_beanieregular'; font-weight: normal; font-size: 6.3rem; line-height: 5.8rem; letter-spacing: 0px; color: #9ECEED; text-transform: none; transform: rotate(-5deg); margin: 50px 0 40px 0;}
body.refresh .art10 .content-accordion {border-bottom: none;}
body.refresh .art10 .handorgel__header button {border-top: none; margin-top: 25px; display: block; width: 100%; position: relative; font-family: 'Volte Bold'; padding: 35px 20px 30px 120px; box-sizing: border-box; border-left: 11px solid #fff; background: #5EB4EC; color: #fff; font-size: 3.7rem; line-height: 4.2rem; letter-spacing: 0; border-radius: 5px; transition: background 0.3s ease;}
body.refresh .art10 .handorgel__header.handorgel__header--opened button {background: #9ECEED; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
body.refresh .art10 .handorgel__header button:after {content: ""; display: block; width: 40px; height: 40px; position: absolute; top: 33px; left: 40px; background: url(../../files/data/graphics/refresh-acc-plus.svg) center no-repeat; transition: transform 0.3s ease;}
body.refresh .art10 .handorgel__header.handorgel__header--opened button:after {transform: rotate(-45deg);}
body.refresh .art10 .handorgel__content {border-top: none; border-left: 11px solid #fff; background: #5EB4EC; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 0 20px 0 120px; transition: all 0.3s ease;}
body.refresh .art10 .handorgel__content--opened {background: #9ECEED;}
body.refresh .art10 .handorgel__content__inner {padding: 5px 0;}

/*Privacy*/
body.privacy .mod_article .inside {width: 90%; padding: 100px 5%; box-sizing: initial;}
body.privacy .content-text a {color: #fff;}
body.privacy {font-size: 24px; font-size: 2.4rem;}
body.privacy #main .content-text ul li {background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 8px left; background-size: 10px; padding-left: 25px;}

/*  INHALTSELEMENTE                                          */
/*************************************************************/
/*ALLGEMEIN*/
h1 {font-size: 15.8rem;
    line-height: 15.8rem;
    color: #fff;
    margin: 20px 0;
    text-decoration: none;
    font-family: 'Volte Bold';
    text-transform: uppercase; font-weight: normal !important;}

h2 {font-size: 12rem;
    line-height: 12rem;
    color: #fff;
    margin: 20px 0;
    text-decoration: none;
    font-family: 'Volte Bold';
    text-transform: uppercase; font-weight: normal !important;}

h3 {font-size: 1.8rem; line-height: 2.1rem; margin: 30px 0 0px 0; letter-spacing: 7px; font-family: 'Volte Bold'; text-transform: uppercase; font-weight: normal !important;}

/*Text*/
figure img {max-width: 100%; height: auto;}

#container .content-text {margin-bottom: 30px;}
#container .content-text.media--left figure {width: 48.5%; float: left; margin-right: 3%;}
#container .content-text.media--right figure {width: 48.5%; float: right; margin-left: 3%;}

#container .content-text.dunkelbox {padding: 50px 40px 40px 40px; border-radius: 8px; background: #0D2D41; color: #fff; text-align: center; box-sizing: border-box; min-height: 470px;}
#container .content-text.dunkelbox h3 {font-size: 2.8rem; line-height: 3.3rem; font-family: 'Volte Bold'; letter-spacing: 0; margin-bottom: 30px;}
#container .content-text.dunkelbox p {font-size: 2.8rem; line-height: 3.3rem; }

.row.gapgross {grid-gap: var(--grid__gutter) 5rem;}

/*Bild*/
.content-image figure {line-height: 0;}
.content-image.shadow {box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.24);}

/*Table*/
.content-text table, .content-table table {width: 100%; box-shadow: 0 10px 10px rgba(0,0,0,0.5); border-collapse: collapse;}
.content-text table thead, .content-table table thead {background: #0C2D41; text-align:left;}
.content-text table thead th, .content-table table thead th {padding: 25px; font-size: 1.6rem; color: #fff; text-transform: uppercase; font-family: 'Volte Bold';}
.content-text table tbody, .content-table table tbody {background: #fff;}
.content-text table tbody tr:nth-of-type(2n-1), .content-table table tbody tr:nth-of-type(2n) {background: #def2ff;}
.content-text table tbody td, .content-table table tbody td {padding: 25px; color:#0C2D41}
.content-text table tbody td a, .content-table table tbody td a {color: #0C2D41; text-decoration: none;}
.content-text table tbody td p, .content-table table tbody td p {margin-bottom: 0;}

/*Gallery*/
.content-gallery.content-gallery--cols-2 ul li {width: 48.5%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-3 ul li {width: 31.3%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-4 ul li {width: 22.75%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n) {margin-right: 0;}
.content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n) {margin-right: 0;}
.content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n) {margin-right: 0;}
body .content-gallery.masonry ul li {width: calc(25% - 15px); margin-right: 0;}
#container #main .content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;}
#container #main .content-gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
#container #main .content-gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
#colorbox #cboxTitle {display: none !important;}
#colorbox #cboxCurrent {font-size: 1.5rem;}
 
/*List*/
#main .content-text ul {display: table; margin-bottom: 25px; padding-left: 0;}

#main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 30px; margin-bottom:15px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 13px left;}

#main .content-text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#main .content-text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 35px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .content-text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -33px;
    top: 0px;
    color: #568259
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/*Hyperlinks*/
.content-hyperlink {overflow: visible;}
.content-hyperlink a {color: #5EB4EC; padding: 5px 20px; margin: 20px 0; display: inline-block; background:#fff; font-size: 5.8rem; line-height: 7.5rem; border-radius: 5px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.content-hyperlink a:hover {transform: scale(1.02) translateY(-5px); box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}
.content-hyperlink.klein a {font-size: 3rem; line-height: 3.5rem;}

/*Downloads*/
.content-download.sc.last, .content-downloads.sc.last {padding-right: 0;}
.content-download, .content-downloads {position:relative; width:100%; /*margin:0;*/ padding:0;}
.content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;}
.content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 8px 0; background:#ffffff;transition: background 0.5s ease; -webkit-transition: background 0.5s ease; }

.content-download img, .content-downloads img {position:absolute; left:10px; top:8px; z-index:400;}
body #container .content-downloads a, body #container .content-downloads a:link, body #container .content-downloads a:visited, body #container .content-download a, body #container .content-download a:visited, body #container .content-download a:link, body #container .enclosure a:link, body #container .enclosure a:visited {
    position:relative;
    z-index:300;
    text-decoration: none;
    color: #9ECEED;
    font-size: 3rem;
    display:block;
    padding:10px 30px 10px 45px;
    margin:0 0 0 0;
    
    }   
        
body #container .content-downloads li:hover, 
body #container .content-downloads li:active, 
body #container .content-download li:hover, 
body #container .content-download li:active {background: #145175;}   

/*Form*/
#container .formbody input {-webkit-appearance:none;} 
#container .formbody button {-webkit-appearance:none;}

#main .ce_form .formbody .widget {position: relative;}
#main .ce_form .formbody .widget-textarea {display: inline-block; width: 100%;}

#main form label {width: 25%; padding: 11px 0; clear: both; margin-bottom: 10px; float: left; display: inline-block; font-size: 14px;}
#main .ce_form input {color: #0C2D41; width: 100%; max-width: 90%; margin-bottom: 36px; box-sizing: border-box; background: #fff; border-radius: 12px; border: none; padding: 18px 20px; font-family: 'Volte Light'; font-size: 2.2rem;} 
#main .ce_form input::placeholder {font-family: 'Volte Light'; font-size: 2.2rem; color: #9ECEED;}
#main .ce_form input:focus {outline: none;}
#main form br {clear:both; margin:0; padding:0;}
#main .ce_form textarea {-webkit-appearance:none; color: #0C2D41; font-family: 'Volte Light'; width: 90%; height: 420px; margin-bottom: 25px; box-sizing: border-box; background:#fff; border-bottom: none; padding: 18px 20px; border-radius: 12px; font-size: 2.2rem; border-color:#fff;}
#main .ce_form textarea::placeholder {font-family: 'Volte Light'; font-size: 2.2rem; color: #9ECEED;}
#main .ce_form textarea:focus {outline: none;}
#main .ce_form .widget-submit {clear: both;}
#main .ce_form .widget-submit button {padding: 13px 30px 5px 30px; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 0px; border-radius: 5px; border:3px solid #fff; background: rgba(255,255,255,0); transition: background 0.3s ease, color 0.3s ease;}
#main .ce_form .widget-submit button:focus {outline: none; color: #fff;}
#main .ce_form .widget-submit button:hover {color: rgba(255,255,255,1); background: #9ECEED;}
#main .ce_form button {-webkit-appearance:none;}
#main form p.error {float:left; width: 99%; color:#000000; height:10px; font-size:10px; line-height:1em; clear:both;}

#main form fieldset {border: none; padding: 0; margin-top: 13px;}

#main form .select-style {width: 74%; margin-right: 0; font-size: 16px; margin-bottom: 5px; display: inline-block; height: 40px; overflow: hidden; background: url(../../files/files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #d6d6d6; border-radius: 2px;}
#main form select {background: transparent; width: 100%; padding: 5px 3%; text-transform: capitalize; font-size: 14px; color: #000000; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none;}
#main form input.upload {height:25px;}

.widget-checkbox a {color: #fff; text-decoration: underline;}
.widget-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;}
.widget-checkbox fieldset {margin: 0; padding: 0; width: 100%; border:none;}
.widget-checkbox label {font-family: 'Volte Light'; color: #fff; font-size: 2.2rem; line-height: 2.5rem; display: block; float: none; width: 100%; padding: 0px 55px 10px 0px; box-sizing: border-box; position: relative; margin-bottom: 20px; display: inline-block;}
.widget-checkbox span {width: 99%; margin-right: 0px; text-align: right; display: inline-block;}
.widget-checkbox .checkmark {position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border:3px #fff solid; border-radius: 12px; margin-right: 0;}
.widget-checkbox label:hover input ~ .checkmark:after {display: block; width: 46px; height: 46px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 30px;}
.widget-checkbox label:hover input:checked ~ .checkmark:after {background-size: 30px;}
.widget-checkbox input:checked ~ .checkmark {/*background-color: #EE6930;*/}
.widget-checkbox .checkmark:after {content: ""; position: absolute; display: none;}
.widget-checkbox input:checked ~ .checkmark:after {display: block;}
.widget-checkbox .checkmark:after {top: 0px; left: 0px; width: 46px; height: 46px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 23px; transition: background-size 0.3s ease;}

body.ie .ce_form input.checkbox {width: 3%;}

#main .kontaktformular .widget-checkbox a {color: #d67500; text-decoration: none;}
#main .kontaktformular .widget-checkbox legend {margin-bottom: 20px;}
#main .kontaktformular .widget-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;}
#main .kontaktformular .widget-checkbox label {cursor: pointer; font-family: 'Volte Light'; color: #fff; font-size: 3.4rem; line-height: 4rem; display: block; float: none; width: 100%; padding: 7px 0 10px 75px; position: relative; margin-bottom: 40px; display: inline-block;}
#main .kontaktformular .widget-checkbox span {width: auto; margin-right: 30px; text-align: left;}
#main .kontaktformular .widget-checkbox .checkmark {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border:3px #fff solid; border-radius: 12px; margin-right: 0;}
#main .kontaktformular .widget-checkbox label:hover input ~ .checkmark:after {display: block; width: 46px; height: 46px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 30px;}
#main .kontaktformular .widget-checkbox label:hover input:checked ~ .checkmark:after {background-size: 30px;}
#main .kontaktformular .widget-checkbox input:checked ~ .checkmark {/*background-color: #EE6930;*/}
#main .kontaktformular .widget-checkbox .checkmark:after {content: ""; position: absolute; display: none;}
#main .kontaktformular .widget-checkbox input:checked ~ .checkmark:after {display: block;}
#main .kontaktformular .widget-checkbox .checkmark:after {top: 0px; left: 0px; width: 46px; height: 46px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 23px; transition: background-size 0.3s ease;}

#main .widget-radio a {color: #d67500; text-decoration: none;}
#main .widget-radio input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;}
#main .widget-radio label {cursor: pointer; font-family: 'Volte Light'; color: #fff; font-size: 3.4rem; line-height: 4rem; display: block; float: none; width: 82%; padding: 7px 0 10px 75px; position: relative; margin-bottom: 40px; display: inline-block;}
#main .widget-radio span {width: 90px; margin-right: 30px;}
#main .widget-radio .checkmark {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border:5px #fff solid; border-radius: 50px;}
#main .widget-radio label:hover input ~ .checkmark:after {width: 49px; height: 49px;}
#main .widget-radio label:hover input:checked ~ .checkmark:after {width: 22px; height: 22px;}
#main .widget-radio input:checked ~ .checkmark {/*background-color: #EE6930;*/}
#main .widget-radio .checkmark:after {content: ""; width: 0px; height: 0px; border-radius: 50px; background:#fff; transition: width 0.3s ease-in-out, height 0.3s ease-in-out;}
#main .widget-radio input:checked ~ .checkmark:after {width: 22px; height: 22px;}
#main .widget-radio input:checked ~ .labeltext {color: #fff;}

.g-recaptcha > div {margin: 0 auto;}

#main .ce_form.newsletterform .button {padding: 13px 30px; float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 60px; border-radius: 5px; border:3px solid #fff; background: rgba(255,255,255,0); transition: background 0.3s ease, color 0.3s ease;}
#main .ce_form.newsletterform .button:focus {outline: none; color: #fff;}
#main .ce_form.newsletterform .button:hover {color: #9ECEED; background: rgba(255,255,255,1);}

/*Columns*/
/*#container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;}
#container .rs-column.-large-col-2-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;}
#container .rs-column.-large-col-3-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;}
#container .rs-column.-large-col-4-1.-large-last {margin-right: 0;}*/

/*YouTube*/
#container .content-youtube {clear: both;}
#container .content-youtube embed {max-width: 100%;}
#container .content-youtube video {max-width: 100%;}
#container .content-youtube iframe {max-width: 100%;}

#container .content-youtube .me-plugin {max-width: 100%;}
#container .content-youtube .mejs-overlay {max-width: 100% !important;}

#container .content-player {clear: both;}
#container .content-player embed {max-width: 100%;}
#container .content-player video {max-width: 100%;}
#container .content-player iframe {max-width: 100%;}

#container .content-player .me-plugin {max-width: 100%;}
#container .content-player .mejs-overlay {max-width: 100% !important;}

/*Google Map*/
.dlh_googlemap {width: 100% !important; min-height: 300px;}
.ce_dlh_googlemaps {position: relative;}
.ce_dlh_googlemaps .cc-module {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.ce_dlh_googlemaps .cc-module .holder {width: 90%; padding: 0 5%; text-align: center; display: block; padding-top: 12vw;}
.ce_dlh_googlemaps .cc-module .holder .h2 {display: block; width: 100%; font-size: 5.5vw; line-height: 5.5vw; color: #fff; margin: 20px 0; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase;}
.ce_dlh_googlemaps .cc-module .holder a {color: #fff; text-decoration: none;}
.ce_dlh_googlemaps .cc-module .holder a:hover {text-decoration: underline;}
.ce_dlh_googlemaps .cc-module button {clear: both; margin: 0 auto; display: block; background: #4e9e3e; border-color: #3e7830; color: #fff;font-family: 'Volte Bold';border-radius: 4px;text-transform: uppercase;padding: 8px 14px; border:none; font-size: 2rem;}

#map {width: 100%; height: 30vw;}

/*  NEWS / TERMINE                                           */
/*************************************************************/
.mod_newslist .layout_latest {margin-bottom: 50px; position: relative; overflow: visible; display: inline-block; width: 100%;}
.mod_newslist .layout_latest .newslink {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
.mod_newslist .layout_latest .info {/*display: inline-block;*/ font-size: 8rem; line-height: 5rem; font-family: 'Volte Bold'; margin-top:10px; /*float: left;*/}
.mod_newslist .layout_latest .info .tag {display: inline-block; float: left; min-width: 100px; margin-top:8px;}
.mod_newslist .layout_latest .info .monat {writing-mode: vertical-lr; display: inline-block; float: left; margin-left: 20px; margin-right: 40px;}

.mod_newslist .layout_latest figure {display: inline-block; float: left; opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease;}
.mod_newslist .layout_latest:hover figure {transform: scale(1.04); opacity: 1;}

.mod_newslist .layout_latest h2 {hyphens: auto; -webkit-hyphens: auto; display: inline-block; position: relative; float: right; margin-left: -200px; width: 900px; margin-top: 30px;}
.mod_newslist .layout_latest h2 a {font-size: 11rem; text-decoration: none; color: #fff; text-transform: none; transition: color 0.3s ease; line-height:12rem;}
.mod_newslist .layout_latest:hover h2 a {color: #145175;}

.mod_newslist .layout_latest .teaser {display: inline-block; width: 440px; float: right; clear: right; margin:0 270px 0 0;}
.mod_newslist .layout_latest .teaser p {margin:0;}
.mod_newslist .layout_latest .more {display: inline-block; width: 440px; float: right; clear: right; margin:0 270px 0 0;}

body.newsdetail .mod_article .inside {width: 90%; padding: 0 5%; max-width: 1200px; margin: 0 auto; box-sizing: initial;}
.mod_newsreader {padding-top: 200px; padding-bottom: 100px; overflow: visible;}
.mod_newsreader .layout_full {overflow: visible;}
.mod_newsreader h1 {text-align: center; font-size: 9rem; line-height: 10rem;}
.mod_newsreader h2 {text-align: center; font-size: 6rem; line-height: 7rem;}
.mod_newsreader .info {text-align: center;}
/*.mod_newsreader p.back a {color: #5EB4EC; padding: 5px 20px; background:#fff; font-size: 5.8rem; line-height: 7.5rem; border-radius: 5px; text-decoration: none; font-family: 'Volte Bold'; text-transform: uppercase;}*/
.mod_newsreader p {margin-top:10px;} 
.mod_newsreader p.back {display: block; width: 100%; text-align: center;}
.mod_newsreader p.back a {display: inline-block; width: 70px; height: 70px; border-radius: 50px; transition: transform 0.3s ease;}
.mod_newsreader p.back a:hover {transform: scale(1.1);}
.mod_newsreader p.back a img {width: 100%; height: auto; box-shadow: 0px 4px 24px rgba(12, 45, 65, 0.24); border-radius: 50px; transition: box-shadow 0.3s ease;}
.mod_newsreader p.back a:hover img {box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);}
.mod_newsreader strong {font-family: 'Volte Bold';}
.mod_newsreader h4 {font-size: 3.8rem; line-height: 3.8rem; font-family: 'Volte Bold'; margin-bottom: 0px;}
.mod_newsreader .content-text a {color: #fff; text-decoration: underline;}

body.aktuelles .mod_newslist .layout_latest {padding-bottom: 90px; margin-bottom: 80px; background: url(../../files/data/graphics/home-art1-h2line.svg) center bottom no-repeat;}

.pagination p {display: inline-block; float: right; line-height: 2rem;}
.pagination ul {display: inline-block; list-style: none; padding-left: 0;}
.pagination ul li {display: inline-block; list-style: none; line-height: 2rem; float: left; padding: 0 10px; border-right: 1px solid #fff;}
.pagination ul li:last-of-type {border-right: none;}
.pagination ul li a {color:#fff; text-decoration: none; transition:color 0.3s ease;}
.pagination ul li a:hover {color: #145175;}
.pagination ul li strong {color: #145175;}

.matomonews h2 {text-align:left; font-size: 1.1em; line-height:1.1em; color: #0C2D41;}
.matomonews .textsmall p {text-align:left; font-size: 0.8em; line-height:1.2em; margin-top:5px;}

/*  FOOTER                                                   */
/*************************************************************/
#footer {height: auto; display: block; clear: both; position: relative;}
#footer h2 {text-transform: none; font-size: 16rem; line-height: 15rem; margin-top:40px;}
#footer h2 span {font-size: 12rem;}
#footer h3 {font-size: 5.8rem; line-height: 5.9rem; letter-spacing: 0; text-transform: none; font-family: 'Volte Bold';}
#footer a {color: #fff; text-decoration: none; transition: color 0.3s ease;}
#footer a:hover {color: #9ECEED;}
#footer .content-hyperlink a {color: #5EB4EC; padding-left: 65px; padding-bottom: 0; background: #fff url(../../files/data/graphics/arrow-right-blue.svg) center left 15px no-repeat; transition: transform 0.3s ease, box-shadow 0.3s ease;}
#footer .content-text.tilt {transform: rotate(-7deg); margin-left:28px; color: #0C2D41; font-size: 3rem; font-family: 'reenie_beanieregular';}
#footer .mod_article .inside {max-width: 1800px; width: 76%; padding:40px 10% 80px 10%;}
#footer .mod_article.verlauf {background: rgb(20,81,117); /* Old browsers */ background: -moz-linear-gradient(top, rgba(20,81,117,1) 0%, rgba(12,45,65,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(60,63,64,1) 0%,rgba(12,45,65,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(20,81,117,1) 0%,rgba(12,45,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145175', endColorstr='#0C2D41',GradientType=0 ); /* IE6-9 */}
#footer .mod_article.hellblau .inside {width: 72%; padding: 100px 0 100px 250px; background:url(../../files/data/graphics/footer-icon-wave.svg) left 80px top 130px no-repeat;}
#footer .mod_article.hellblau p {margin-bottom: 0;}
#footer .mod_article.hellblau .row {margin-bottom: 40px;}
#footer .mod_article.hellblau .content-hyperlink {margin-top: 0 !important;}
#footer .mod_article.hellblau .content-hyperlink.eb-button a {position: relative;}
#footer .mod_article.hellblau .content-hyperlink.eb-button a:after {
    content: "Erstberatung auf Kosten des Hauses";
    position: absolute;
    top: 0px;
    right: -290px;
    width: 275px;
    font-family: 'reenie_beanieregular';
    color: #0C2D41;
    font-size: 3.1rem;
    line-height: 2.8rem;
    transform: rotate(-7deg);
    text-transform: none;
}
#footer .footeradresse .rte {padding-top: 18px;} 

#footer .footeradresse {text-align: right;}
#footer .footeradresse .abstandoben {margin-top: 90px;}

#footer .footeradresse2 br {display: none;}

#footer .formularbutton {font-family: 'Volte Bold'; clear: both; margin-bottom: 70px; cursor: pointer;}
#footer .formularbutton .button {display: flex; align-items: center; justify-content: center; float: left; width: 46px; height: 46px; border:5px #fff solid; border-radius: 50px; position: relative;}
#footer .formularbutton .button:after {content: ""; width: 0px; height: 0px; border-radius: 50px; background:#fff; transition: width 0.3s ease-in-out, height 0.3s ease-in-out;}
#footer .formularbutton.active .button:after,
#footer .formularbutton.active:hover .button:after  {width: 22px; height: 22px;}
#footer .formularbutton:hover .button:after {width: 49px; height: 49px;}
#footer .formularbutton p {padding: 8px 0 8px 15px; display: inline-block; margin:0;}
#footer .formularbutton p br {display: none;}

#footer .rs-columns {min-height: 680px; position: relative; padding: 80px 0 0 0;}
#footer .rs-columns .rs-column {position: relative;}
#footer .rs-columns .ce_form {position: absolute; top: 0; left: 0;}
#footer .ce_form .formleft {width: 46%; margin-right: 8%; display: inline-block; float: left;}
#footer .ce_form input {-webkit-appearance:none; color: #fff; width: 100%; margin-bottom: 37px; box-sizing: border-box; background:none; border-bottom: 3px solid #fff; border-right: none; border-top: none; border-left: none; padding: 18px 10px; font-family: 'Volte Bold'; font-size: 3.4rem;} 
#footer .ce_form input::placeholder {font-family: 'Volte Bold'; font-size: 3.4rem; color: #BADCF2;}
#footer .ce_form input:focus {outline: none;}
#footer .ce_form .widget-textarea {width: 46%; display: inline-block; float: right;}
#footer .ce_form textarea {-webkit-appearance:none; color: #fff; font-family: 'Volte Bold'; font-size: 3.4rem; height: 311px; margin-bottom: 37px; box-sizing: border-box; background:none; border-bottom: 3px solid #fff; border-right: none; border-top: none; border-left: none; padding: 18px 10px;}
#footer .ce_form textarea::placeholder {font-family: 'Volte Bold'; font-size: 3.4rem; color: #BADCF2;}
#footer .ce_form textarea:focus {outline: none; color: #fff;}
#footer .ce_form .widget-submit {clear: both;}
#footer .ce_form .widget-submit button {padding: 13px 30px; float: right; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin-top: 60px; border-radius: 5px; border:3px solid #fff; background: rgba(255,255,255,0); transition: background 0.3s ease, color 0.3s ease;}
button.rm-open-popup {padding: 13px 30px; display:inline; cursor: pointer; text-transform: uppercase; color: #fff; font-family: 'Volte Bold'; font-size: 5.8rem; margin: 60px auto 0 auto; border-radius: 5px; border:3px solid #fff; background: rgba(255,255,255,0); transition: background 0.3s ease, color 0.3s ease;}
#footer .ce_form .widget-submit button:focus {outline: none; color: #fff;}
#footer .ce_form .widget-submit button:hover {color: #9ECEED; background: rgba(255,255,255,1);}
#footer .ce_form button {-webkit-appearance:none;}

#footer .ce_form.footerprojekt .widget-textarea {width: 100%;}
#footer .ce_form.footerprojekt .widget-textarea textarea {width: 100%;}

#footer fieldset {border: none;}
#footer .ce_form.footerprojekt .widget-radio {width: 46%; display: inline-block;}
#footer .ce_form.footerprojekt .widget-radio a {color: #ffffff; text-decoration: none;}
#footer .ce_form.footerprojekt .widget-radio input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;}
#footer .ce_form.footerprojekt .widget-radio label {cursor: pointer; font-family: 'Volte Bold'; color: #fff; font-size: 3.4rem; line-height: 4rem; display: block; float: none; width: 100%; padding: 7px 0 10px 75px; position: relative; margin-bottom: 40px; display: inline-block;}
#footer .ce_form.footerprojekt .widget-radio span {width: 90px; margin-right: 30px;}
#footer .ce_form.footerprojekt .widget-radio .checkmark {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border:5px #fff solid; border-radius: 50px;}
#footer .ce_form.footerprojekt .widget-radio label:hover input ~ .checkmark:after {width: 49px; height: 49px;}
#footer .ce_form.footerprojekt .widget-radio label:hover input:checked ~ .checkmark:after {width: 22px; height: 22px;}
#footer .ce_form.footerprojekt .widget-radio input:checked ~ .checkmark {/*background-color: #EE6930;*/}
#footer .ce_form.footerprojekt .widget-radio .checkmark:after {content: ""; width: 0px; height: 0px; border-radius: 50px; background:#fff; transition: width 0.3s ease-in-out, height 0.3s ease-in-out;}
#footer .ce_form.footerprojekt .widget-radio input:checked ~ .checkmark:after {width: 22px; height: 22px;}
#footer .ce_form.footerprojekt .widget-radio input:checked ~ .labeltext {color: #fff;}

#footer .footerbot {padding: 50px 0 60px 0;}
#footer .footerbotleft {display: inline-block; float: left; font-size: 1.5rem;}
#footer .footerbotright {display: inline-block; float: right; font-size: 1.5rem;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxCurrent {font-size: 14px;} 

/*  FIXES		                                             */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Abstaende*/
.oben0 {margin-top: 0px !important;}
.oben10 {margin-top: 10px !important;}
.oben20 {margin-top: 20px !important;}
.oben30 {margin-top: 30px !important;}
.oben40 {margin-top: 40px !important;}
.oben50 {margin-top: 50px !important;}
.oben60 {margin-top: 60px !important;}
.oben70 {margin-top: 70px !important;}
.oben80 {margin-top: 80px !important;}
.oben90 {margin-top: 90px !important;}
.oben100 {margin-top: 100px !important;}
.oben110 {margin-top: 110px !important;}
.oben120 {margin-top: 120px !important;}
.oben130 {margin-top: 130px !important;}
.oben140 {margin-top: 140px !important;}
.oben150 {margin-top: 150px !important;}
.oben160 {margin-top: 160px !important;}
.oben170 {margin-top: 170px !important;}
.oben180 {margin-top: 180px !important;}
.oben190 {margin-top: 190px !important;}
.oben200 {margin-top: 200px !important;}

.unten0 {margin-bottom: 0px !important;}
.unten10 {margin-bottom: 10px !important;}
.unten20 {margin-bottom: 20px !important;}
.unten30 {margin-bottom: 30px !important;}
.unten40 {margin-bottom: 40px !important;}
.unten50 {margin-bottom: 50px !important;}
.unten60 {margin-bottom: 60px !important;}
.unten70 {margin-bottom: 70px !important;}
.unten80 {margin-bottom: 80px !important;}
.unten90 {margin-bottom: 90px !important;}
.unten100 {margin-bottom: 100px !important;}
.unten150 {margin-bottom: 150px !important;}


/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 2200px) {
    .mod_article .artikelteaser {left: 3%;}
    #footer .mod_article .inside {width: 90%; padding-left: 5%; padding-right: 5%;}
    #footer .mod_article.hellblau .inside {width: 90%; padding-left: 5%; padding-right: 5%; background: none;}
}

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

}

@media screen and (max-width: 2000px) {
	#footer .mod_article.hellblau .inside {width: 85%; padding: 100px 0;}
	#footer .formularbutton p {font-size: 3.2rem;}
	.homeslider1 .homeslider1-hyperlink1 a {font-size: 4.3rem; line-height: 6.5rem;}
	.homeslider1 .homeslider1-hyperlink1:after {right: -110px;}
	.homeslider2 .homeslider2-bild1 {width: 680px;}
	.homeslider2 svg {max-width: 100%;}
	.homeslider2 .homeslider2-hyperlink1 a {font-size: 4.3rem; line-height: 6.5rem;}
	.homeslider2 .homeslider2-hyperlink1:after {right: -60px;}
	.homeslider3 .homeslider3-hyperlink1 a {font-size: 4.3rem; line-height: 6.5rem;}
	.homeslider3 .homeslider3-hyperlink1:after {right: -60px;}
}

@media screen and (max-width: 1900px) {
	body.home .art1 .inside {max-width: 90%; padding-left: 8%; padding-right: 2%;}
	body.home .art3 .inside {max-width: 90%; padding-left: 8%; padding-right: 2%;}
	body.home .art3 .inside .customcolumn {grid-column-start: 1; grid-column: span 12 / span 12;}
	body.services .art2 .inside {width: 80%;}
  	body.projektdetail.schwaller #main .fullgrau .col-xl-8 {grid-column: span 10 / span 10; grid-column-start: 2;}
  	.homeslider3 svg {max-width: 100%; right: 0;}
}

@media screen and (max-width: 1800px) {
	body.refresh .art1 h1 {font-size: 12.8rem; line-height: 13.2rem;}
	body.refresh .art1 h4 {font-size: 5.3rem; line-height:0.5rem;}
	#footer .formularbutton p br {display: block;}
	body.services .art3 .inside {width: 80%;}
	body.projekte .art1 .inside {width: 80%;}
	body.projekte .linkboxen .box h3 {font-size: 8rem; line-height: 8.5rem;}
	body.kunden .linkboxen .box .innerbox {height: 31.5vw;}
	body.kunden .linkboxen .box .tablet .text-container p, body.kunden .linkboxen .box .tablet .text-container h2 {font-size: 1.2vw; line-height: 1.4vw;}
	body.kunden .linkboxen .box .tablet {padding: 1.6vw 2.2vw;}
	body.kunden .linkboxen .box .tablet .text-container .text-container-sizer {padding: 1.7vw;}
	body.kunden .linkboxen .box .innerbox .bg-blau {padding-top: 3vw;}
	body.kunden .linkboxen .box .tablet .tabletbutton {width: 1.5vw; height: 1.5vw; right: 0.3vw;}
	body.projektdetail.promix .art1 {height: auto;}
	body.projektdetail.promix #main .art2 {padding-top: 0;}
	body.projektdetail.niza .art1 {height: auto;}
	body.projektdetail.niza #main .art2 {padding-top: 50px;}
	.homeslider {width: 100%;}
	.homeslider1 .homeslider1-hyperlink1:after {right: initial; left: 80px; top: 120px; transform: rotate(-4deg);}
	.homeslider2 .homeslider2-hyperlink1:after {right: initial; left: 80px; top: 120px; transform: rotate(-4deg);}
	.homeslider3 .homeslider3-hyperlink1:after {right: initial; left: 80px; top: 120px; transform: rotate(-4deg);}
}

@media screen and (max-width: 1700px) {
	body.home .art1 h2 {font-size: 10rem; line-height: 11rem; background: url(../../files/data/graphics/home-art1-h2line.svg) left 0px bottom no-repeat;}
	body.home .art4 .inside {max-width: 100%; padding-left: 8%; padding-right: 2%;}
	body.home .art4 h3 {margin:0 0 70px 0;}
	.mod_newslist .layout_latest .info {display: block; line-height: 10rem; float: none; margin-bottom: 25px;}
	.mod_newslist .layout_latest .info .tag {float: none;}
	.mod_newslist .layout_latest .info .monat {float: none; writing-mode: horizontal-tb; margin-left: 0;}

	#footer h2 {font-size: 13rem; line-height: 13rem; margin-top: 110px;}
  #footer .col-xl-2 {grid-column: span 12;}

  body.newsdetail h1 {font-size: 13rem; line-height: 13rem;}
  body.privacy h1 {font-size: 13rem; line-height: 13rem;}

	body.kunden .linkboxen .box .text-container {line-height: 3.2rem; font-size: 2.7rem;}

	body.kontakt .art1 .inside {width: 80%;}
	body.kontakt .art1 .inside h1 {font-size: 10rem; line-height: 12rem; margin: 20px 0 0 0;}
	body.kontakt .art1 {padding-top: 200px; /*background: #0C2D41 url(../../files/data/graphics/kontakt-art1-bg.svg) center bottom no-repeat;*/}
	body.kontakt .art2 .inside {width: 80%;}
	body.kontakt .buttonblau {font-size: 4.5rem;}

	body.agentur .art1 .inside {width: 80%;}

	.homeslider1 .homeslider1-bild1 {width: 489px;}
	.homeslider2 .homeslider2-bild1 {width: 540px;}
	.homeslider3 .homeslider3-bild1 {width: 351px;}

	/*emojis*/
	body.kontakt .titelemoji {width: 90px;}
}

@media screen and (max-width: 1600px) {
	body.services .art1 h1 {font-size: 10rem; line-height: 12rem;}
	body.services #container .art1 .content-text {margin-bottom: 0;}
	body.services .art1 {padding-top: 200px;}
	body.services .art2 .servicecontainer {width: 65%;}
	body.services .art2 .servicesmenu {width: 30%;}
	body.kunden .art1 {padding-top: 250px;}
	body.projekte .mixfiltercontainer {text-align: center;}
	body.projektdetail .art1 h1 {font-size: 10rem; line-height: 12rem;}
	body.privacy h1 {font-size: 10rem; line-height: 12rem;}
	body.aktuelles .art2 .inside {padding-left: 5%; padding-right: 5%;}
	.navinside .navsocials h3 {font-size: 4.5rem; line-height: 5rem;}
	body.projektdetail.schwaller #main .fullgrau .col-xl-8 {grid-column: span 12 / span 12; grid-column-start: auto;}
	body.newsletter .art1 .inside {max-width: 94%; padding-left: 3%; padding-right: 3%;}
	body.newsletter .art2 .inside {max-width: 94%; padding-left: 3%; padding-right: 3%;}
	body.newsletter .art3 .inside {max-width: 94%; padding-left: 3%; padding-right: 3%;}
	.homeslider2 svg {top: 20%;}
  body.projektdetail.bhz #main .art5:after {display: none;}

  /*emojis*/
  body.services .titelemoji {width: 90px;}
}

@media screen and (max-width: 1500px) {
	body.kontakt .art2 .col-lg-4 {grid-column: span 6 / span 6; grid-column-start: auto;}
	body.kontakt .art2 .col-lg-4 .widget-radio {margin-top: 40px;}
  body.projektdetail.schwaller #main .art2 .col-xl-4 {grid-column: span 6 / span 6;}
  body.refresh .art2 .content-image {width: 100%; margin-left: 0;}
  body.refresh .art4 .content-image {width: 100%; margin-left: 0;}
  body.refresh .art6 .content-image {width: 100%; margin-left: 0;}
  body.refresh .art9 .content-image {width: 100%; margin-left: 0;}
}

@media screen and (max-width: 1400px) {
	body.home .art1 .abstandtop {margin-top: 70px;}
  body.home.v2 .art1 .abstandtop {margin-top: 70px;}
	body.home .art1 .textskew {font-size: 2.5rem;}
	body.home .art1 .smartphone {margin:-150px 0 0 -145px;}

	body.home .art2 h2 {font-size: 11rem; line-height: 12.5rem;}
	body.home .art2 .inside {max-width: 90%; padding-left: 8%; padding-right: 2%; background: url(../../files/data/graphics/home-art2-arrow.svg) top 180px left 510px no-repeat; background-size: 150px;}

	body.home .art4 .inside {max-width: 100%; padding-left: 10%; padding-right: 10%;}
	.mod_newslist .layout_latest h2 {width: 51%; margin-left: 0; font-size: 8rem; line-height: 8rem;}
	.mod_newslist .layout_latest h2 a {font-size: 8rem; line-height: 8rem;}
	.mod_newslist .layout_latest figure {width: 45%;}
	.mod_newslist .layout_latest .teaser {width: 51%; margin:0;}
	.mod_newslist .layout_latest .more {width: 51%; margin:0;}

	#footer .col-lg-6 {grid-column: span 12 / span 12;}
	#footer .col-start-lg-7 {grid-column-start: 1;}
	#footer h2 {margin-top: 50px;}
	#footer h2 br {display: none;}
	#footer .footeradresse {text-align: left;}
	#footer .footeradresse .abstandoben {margin-top: 0px;}

	body.services .art2 .servicesmenu {width: 100%; position: relative; top: 0; margin-bottom: 50px; text-align: center;}
	body.services .art2 .servicesmenu ul {display: inline-block; padding-top: 0; border-top: none; margin-right: 0;}
	body.services .art2 .servicesmenu ul li {margin-bottom: 10px; width: auto; display: inline-block; margin-right: 20px;}
	body.services .art2 .servicecontainer {width: 100%;}

	body.kunden .linkboxen .box .text-container h2 {font-size: 4rem; line-height: 3.5rem; margin:15px 0 10px 0;}
	body.kunden .linkboxen .box .text-container h3 {padding-bottom: 23px;}
	body.kunden .linkboxen .box .text-container {line-height: 2.7rem; font-size: 2.2rem;}

	body.projekte .linkboxen .box h3 {font-size: 6rem; line-height: 6.5rem; margin: -46px auto 0 auto;}
  	body.projektdetail .linkboxen .box h3 {font-size: 6rem; line-height: 6.5rem; margin: -46px auto 0 auto;}

	body.kontakt .art2 .col-lg-6 {grid-column: span 12 / span 12; grid-column-start: 0;}

	body.agentur .art1 h1 {font-size: 10rem; line-height: 12rem; margin: 20px 0 0 0;}
	body.agentur .art2 .ce_rowStart {margin: 0;}
	body.agentur .art2 .inside {width: 90%; padding-left: 5%; padding-right: 5%;}
	body.agentur .art2 .ce_rowStart {--grid__gutter:1rem;}
	body.agentur .art2 .col-xl-3, body.agentur .art2 .col-xl-7 {grid-column: span 12 / span 12;}
	body.agentur .art2 .col-start-xl-3, body.agentur .art2 .col-start-xl-6, body.agentur .art2 .col-start-xl-8 {grid-column-start: 1;}
	body.agentur .art2 .pull-left-xl {grid-row-start:initial;}
	body.agentur .art3 .inside {width: 90%; padding-left: 5%; padding-right: 5%;}

	body.projektdetail.schwaller #main .fullgrau .col-xl-3,
	body.projektdetail.schwaller #main .fullgrau .col-xl-4,
	body.projektdetail.schwaller #main .fullgrau .col-xl-5 {grid-column: span 12 / span 12; grid-column-start: auto; text-align: center;}
	body.projektdetail.schwaller #main .fullgrau .col-xl-3 .content-text,
	body.projektdetail.schwaller #main .fullgrau .col-xl-4 .content-text,
	body.projektdetail.schwaller #main .fullgrau .col-xl-5 .content-text {margin-bottom: 0;}

	body.kunden .linkboxen .box {width: 43%;}
	body.kunden .linkboxen .box .innerbox {height: 45vw;}
	body.kunden .linkboxen .box .tablet .text-container p, body.kunden .linkboxen .box .tablet .text-container h2 {font-size: 1.8vw; line-height: 2vw;}
	body.kunden .linkboxen .box .tablet {padding: 2.1vw 2.9vw;}
	body.kunden .linkboxen .box .tablet .text-container .text-container-sizer {padding: 2.3vw;}
	body.kunden .linkboxen .box .innerbox .bg-blau {padding-top: 4vw;}
	body.kunden .linkboxen .box .tablet .tabletbutton {width: 2.1vw; height: 2.1vw; right: 0.3vw;}

	.homeslider1 .col-xl-5 {margin-top: 40px;}
	.homeslider2 .col-lg-5 {margin-top: 40px;}
	.homeslider2 svg {top: 10%;}
	.homeslider3 .col-lg-5 {margin-top: 40px;}

  	/*emojis*/
  	body.agentur .titelemoji {width: 90px;}
}

@media screen and (max-width: 1350px) {
	#header {left: 3%; top: 28px;}
	.nav-tgl {right: 3%; top: 20px; width: 47px; height: 46px;}
	.nav-tgl > span {width: 25px;}
	.nav-tgl > span:before {top: -8px; left: 0px; width: 25px;}
	.nav-tgl > span:after {top: 8px; left: 0px; width: 25px;}
	.nav-tgl.active > span:after, .nav-tgl.active > span:before {top: -1px; left: 0; width: 25px;}
	.navcontainer:before {clip-path: circle(30px at calc(100% - 35px) 40px); -webkit-clip-path: circle(30px at calc(100% - 35px) 40px);}
 	#backtotop {right: 3%; bottom: 20px; width: 47px;}
  	body.projektdetail #backtoprojekte {right: 3%; top: 85px; width: 47px;}
 	#backtonews {right: 3%; top: 85px; width: 47px;}
	#header .logo-big {/*margin-left:50px;left: 25px; */width: 100px;/* position: absolute; top: 8px;*/}
  #header .logo-big svg {width: 100%; transform-origin: 15px 7px;}
  #header .logo-big.spinner:hover svg {transform-origin: 15px 7px;}

  body.projektdetail.animaldoc .art1 {height: auto;}
  body.projektdetail.animaldoc #main .art2 {padding-top: inherit;}
  body.projektdetail.bhz .art1 {height: auto;}
  body.projektdetail.bhz #main .art2 {padding-top: inherit;}

	body.projektdetail .mod_article .inside,
	body.services .art1 .inside,
	body.kunden .art1 .inside,
	#footer .mod_article .inside,
	#footer .mod_article.hellblau .inside,
	body.agentur .art2 .inside,
	body.agentur .art3 .inside {width: 80%; padding-left: 10%; padding-right: 10%;}
	body.aktuelles .art2 .inside {padding-left: 10%; padding-right: 10%;}
}

@media screen and (max-width: 1300px) {
	body.home .art3 .abstandtop {margin-top: 40px;}
	body.services .art3 p {font-size: 5rem; line-height: 6rem;}
  body.projektdetail.schwaller #main .art2 .col-xl-4 {grid-column: span 12 / span 12;}
  body.projektdetail.schwaller #main .art2 .col-xl-5 {grid-column: span 12 / span 12; grid-column-start: auto;}
  body.newsletter .art3 .inside h2 {font-size: 7rem; line-height: 8rem;}
  body.newsletter .art3 .campaign {font-size: 3rem; line-height: 3.5rem;}
  body.home .einleitung h1 {font-size: 6.8rem; line-height: 6.8rem;}
  body.home .einleitung h3 {font-size: 3.4rem; line-height: 4.2rem;}
  body.home .einleitung .inside {padding-left: 4%; padding-right: 4%; background: initial;}
}

@media screen and (max-width: 1200px) {
	#footer .mod_article.hellblau .col-lg-4 {grid-column-start: 1; grid-column: span 12 / span 12;}
	#footer .mod_article.hellblau .col-lg-8 {grid-column-start: 1; grid-column: span 12 / span 12;}
	/*#footer .mod_article.hellblau .inside {background:url(../../files/data/graphics/footer-icon-wave.png) right top 110px no-repeat;}*/
	#footer .ce_form .widget-submit button {font-size: 4.4rem; margin-top: 30px;}
	#footer .formularbutton p br {display: none;}

	body.projektdetail .linkboxen .box {width: 100%;}
  body.projektdetail .linkboxen .box .text-container {line-height: 3.7rem; font-size: 2.8rem;}

	body.projekte .art1 .inside h1 {font-size: 10rem; line-height: 12rem; margin: 20px 0 0 0;}
  body.newsdetail h1 {font-size: 10rem; line-height: 12rem;}

	#main .ce_form .widget-submit button {font-size: 4.4rem; margin-top: 30px;}

  body.aktuelles .art1 h1 {font-size: 10rem; line-height: 12rem;}
	#main .homeslider1 .content-text p {font-size: 2.8rem; line-height: 3.7rem;}
	#main .homeslider2 .content-text p {font-size: 2.8rem; line-height: 3.7rem;}
  #main .homeslider3 .content-text p {font-size: 2.8rem; line-height: 3.7rem;}
  body.refresh .art1 h1 {font-size: 9.8rem; line-height: 10.5rem;}

  /*emojis*/
  body.aktuelles .titelemoji {width: 90px;}
  body.projekte .titelemoji {width: 90px;}
}

@media screen and (max-width: 1100px) {
	/*body.home .art1 h2 {font-size: 7rem; line-height: 7rem; background-size: 300px;}
  body.home.v2 .art1 h2 {font-size: 7rem; line-height: 7rem; background-size: 300px;}
	body.home .art1 .textskew {font-size: 2.2rem; margin-top: 115px;}
  body.home.v2 .art1 .content-text p {font-size: 2.2rem;}
	body.home .art1 .smartphone {margin: -120px 0 0 -145px;}
  body.home.v2 .art1 {background: url(../../files/data/graphics/bg-home-art1.svg) center bottom no-repeat; background-size: cover;}
	.navigation ul li a {font-size: 9rem; line-height: 10rem;}*/

  body.agentur .art1 {padding-top: 100px;}
  body.agentur .art3 p {font-size: 3.5rem; line-height: 4.6rem;}

  body.newsletter .art1 h1 {font-size: 7rem; line-height: 7rem; background-size: 300px;}
  body.newsletter .titelemoji {width: 80px;}

  	body.kunden .linkboxen .box {width: 90%; padding: 0 5%; max-width: 550px;}
	body.kunden .linkboxen .box .innerbox {height: 500px;}
	body.kunden .linkboxen .box .tablet .text-container p, body.kunden .linkboxen .box .tablet .text-container h2 {font-size: 1.8rem; line-height: 2.1rem;}
	body.kunden .linkboxen .box .tablet {padding: 23px 32px;}
	body.kunden .linkboxen .box .tablet .text-container .text-container-sizer {padding: 25px;}
	body.kunden .linkboxen .box .innerbox .bg-blau {padding-top: 45px;}
	body.kunden .linkboxen .box .tablet .tabletbutton {width: 24px; height: 24px; right: 3px;}

	body.projektdetail.hotel166 .art1 .pushtop {margin-top: 100px;}
  body.projektdetail.bhz #main .art5 .content-text {text-align: left;}
  body.projektdetail.bhz #main .art6 .content-text {text-align: left;}

	#main .ce_form input {max-width: 100%;}

  /*emojis*/
  body.agentur .textemoji {width: 30px; margin-bottom: -2px !important;}
}

@media screen and (max-width: 1000px) {
	#footer h2 {font-size: 9rem; line-height: 9rem;}
	#footer h2 span {font-size: 9rem; line-height: 9rem;}
	body.projekte .linkboxen .box {width: 100%; margin-bottom: 80px;}
	body.projekte .linkboxen .grid-sizer {width: 100%;}
  body.refresh .art8 .linkboxen .box {width: 100%; margin-bottom: 80px;}
  body.refresh .art8 .linkboxen .grid-sizer {width: 100%;}
  body.projektdetail.animaldoc .mod_article.art4 .inside, body.projektdetail.animaldoc .mod_article.art5 .inside {padding-top: 60px; padding-bottom: 60px;}
  h3 {letter-spacing: 4px;}
  body.home .einleitung h1 {font-size: 3.8rem; line-height: 4.5rem;}
  body.home .einleitung h3 {font-size: 2.4rem;}
  body.refresh h2 {font-size: 2.4rem; line-height: 3.2rem;}
  body.refresh .art7 .buttonblau {font-size: 2.4rem; line-height: 3.2rem;}
  body.refresh #main .art7 .ce_form .widget-submit button {font-size: 2.4rem; line-height: 3.2rem;}
  body.refresh .art1 h1 {font-size: 3.8rem; line-height: 4.5rem;}
  body.refresh .art8 .linkboxen .box h3 {font-size: 3.8rem; line-height: 4.5rem;}
  body.refresh .art10 .handorgel__header button {padding-left: 70px; font-size: 3rem; line-height: 3.7rem;}
  body.refresh .art10 .handorgel__header button:after {left: 15px;}
  body.refresh .art10 .handorgel__content {padding-left: 70px;}
  #main .mod_article.service25header h1 {font-size: 3.8rem; line-height: 4.5rem;}

  /*emojis*/
  #footer .footeremoji {width: 85px;}
}

@media screen and (max-width: 940px) {
    #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;}
    #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;}
    .mod_article .artikelteaser {display: none;}
    body.home .art1 .inside {max-width: 90%; padding-left: 5%; padding-right: 5%;}
    body.home .art1 .abstandtop {margin-top: 0;}
	  body.home .art1 h3 {text-align: center;}
    body.home .art1 h2 {font-size: 11rem; line-height: 11rem; background: url(../../files/data/graphics/home-art1-h2line.svg) center bottom no-repeat; background-size: auto; text-align: center;}
    body.home.v2 .art1 h2 {font-size: 11rem; line-height: 11rem; background: url(../../files/data/graphics/home-art1-h2line.svg) center bottom no-repeat; background-size: auto; text-align: center;}
    body.home .art1 .textskew {font-size: 3rem; text-align: center; margin-top: 0; transform: skewY(0deg);}
    body.home.v2 .art1 .content-text p {font-size: 3rem; text-align: center;}
    body.home .art1 .smartphone {margin: -20px 0 0 0px; text-align: center;}

    body.home .art2 .inside {background: none; text-align: center; max-width: 90%; padding-left: 5%; padding-right: 5%;}
    body.home .art2 h2 {margin-bottom: 50px;}
    body.home .art2 a:after {background: url(../../files/data/graphics/arrow-right-white.svg) center no-repeat;}
    body.home #container .art2 .content-text {margin-bottom: 0;}
    body.home #container .art2 div {--grid__gutter:0;}

    body.home .art3 .inside {max-width: 90%; padding-left: 5%; padding-right: 5%;}
    body.home .art3 .content-hyperlink {margin-bottom: 60px;}

    .mod_newslist .layout_latest h2 {width: 100%; float: none;}
	.mod_newslist .layout_latest figure {width: 100%; float: none;}
	.mod_newslist .layout_latest .teaser {width: 100%; float: none;}
	.mod_newslist .layout_latest .more {width: 100%; float: none;}

	#footer .ce_form .formleft {width: 100%; float: left;}
	#footer .ce_form .widget-textarea {width: 100%; float: left;}
	#footer .ce_form textarea {width: 100%;}
  #footer .ce_form.footerprojekt .widget-radio {width: 100%;}

	body.services .art1 .inside p {margin-bottom: 0;}
	body.services #container .art2 .servicecontainer .content-text figure {width: 100%; margin-right: 0;}
	body.services .art2 .servicecontainer .content-text .rte {width: 100%; display: block;}
	body.services .art3 .services-art3-arrow {display: none;}
	body.services .art3 p {font-size: 3.5rem; line-height: 4.6rem;}

	body.kunden .art1 {padding-top: 200px;}
	body.kunden .art1 h1 {font-size: 10rem; line-height: 12rem;}
	body.kunden #container .art1 .content-text {margin-bottom: 0;}
	body.kunden .art1 .inside p {margin-bottom: 0;}
	body.kunden .linkboxen .box {width: 80%;}
	body.kunden .linkboxen .box .text-container {line-height: 3.5rem; font-size: 2.5rem;}

	body.kontakt #container .art1 .content-text {margin-bottom: 0;}
	body.kontakt .art1 .inside p {margin-bottom: 0;}
	body.kontakt .art2 .col-lg-4 {grid-column: span 12 / span 12; grid-column-start: 0;}
	body.kontakt .buttonblau {font-size: 2.2rem; padding: 5px 12px; margin-bottom: 0;}

  body.projektdetail #container h4 {font-size: 3.5rem; margin: 20px 0;}
  body.projektdetail .art1 h1 {font-size: 7rem; line-height: 8rem;}
  body.privacy h1 {font-size: 7rem; line-height: 8rem;}

  body.newsdetail h1 {font-size: 7rem; line-height: 8rem;}
  body.newsdetail #container h4 {font-size: 3.5rem; margin: 20px 0;}
  .mod_newsreader p.back a {font-size: 3rem; line-height: 5rem; display: inline-block; padding: 0px 6px;}
  .mod_article.zitat .content-text p {font-size: 2vw; line-height: 2vw;}

  body.projekte .art1 .inside h1 {font-size: 7rem; line-height: 8rem;}

  body.newsletter .art1 p {margin:0;}
  body.newsletter .art2 .inside h2 {font-size: 7rem; line-height: 8rem;}
  body.newsletter .art3 .campaign {margin-bottom: 15px;}

  .homeslider .slick-slide {padding-bottom: 60px; padding-right: 0;}
  .homeslider1 .homeslider1-bild1 {margin: 0 auto; max-width: 100%;}
  .homeslider1 .homeslider1-hyperlink1 {text-align: center; padding-bottom: 80px;}
  .homeslider1 .homeslider1-hyperlink1:after {left: 50%; transform: rotate(-4deg) translateX(-50%);}
  .homeslider1 svg {max-width: 100%; height: auto;}
  .homeslider2 .homeslider2-bild1 {margin: 0 auto; max-width: 100%;}
  .homeslider2 .homeslider2-hyperlink1 {text-align: center; padding-bottom: 80px;}
  .homeslider2 .homeslider2-hyperlink1:after {left: 50%; transform: rotate(-4deg) translateX(-50%);}
  .homeslider2 svg {max-width: 100%; height: auto;}
  .homeslider3 .homeslider3-bild1 {margin: 0 auto; max-width: 100%;}
  .homeslider3 .homeslider3-hyperlink1 {text-align: center; padding-bottom: 80px;}
  .homeslider3 .homeslider3-hyperlink1:after {left: 50%; transform: rotate(-4deg) translateX(-50%);}
  .homeslider3 svg {max-width: 100%; height: auto;}

  body.refresh .art1 {padding-top: 200px;}
  body.refresh .content-hyperlink.eb-button {padding-bottom: 80px;}
  body.refresh .content-hyperlink.eb-button a:after {left: 50%; top: 60px; transform: rotate(-4deg) translateX(-50%);}

  .bewertungcontainer .content-hyperlink a {font-size: 3rem; line-height: 5rem; padding: 0px 6px;}
  .bewertungcontainer .bewcontainer .btn {width: 17%; margin-right: 3%; height: 14vw; background-size: contain;}
  .bewertungcontainer .bewcontainer {width: 100%;}

  /*emojis*/
  body.kunden .titelemoji {width: 90px;}
  body.projekte .titelemoji {width: 65px;}
}

@media screen and (max-width: 800px) {
	body {font-family:"Volte Light"; font-size: 22px; font-size: 2.2rem;}
	#header {left: 4%; top: 28px;}
	.nav-tgl {right: 4%; top: 20px; width: 47px; height: 46px;}
	.nav-tgl > span {width: 25px;}
	.nav-tgl > span:before {top: -8px; left: 0px; width: 25px;}
	.nav-tgl > span:after {top: 8px; left: 0px; width: 25px;}
	.nav-tgl.active > span:after, .nav-tgl.active > span:before {top: -1px; left: 0; width: 25px;}
	.navcontainer:before {clip-path: circle(30px at calc(100% - 35px) 40px); -webkit-clip-path: circle(30px at calc(100% - 35px) 40px);}
 	#backtotop {right: 4%; bottom: 20px; width: 47px;}
 	.mod_newsreader h2 {font-size:4rem; line-height:4.6rem}
 	body.projektdetail #backtoprojekte {right: 3%; top: 85px; width: 47px;}
  #backtonews {right: 4%; top: 85px; width: 47px;}
	#header .logo-small {display: none !important;}
  /*#header .logo-big {margin-left:50px;left: 25px; width: 100px; position: absolute; top: 8px;}*/
	body.home .art1 h2 {font-size: 5rem; line-height: 5rem;}
  body.home.v2 .art1 h2 {font-size: 5rem; line-height: 5rem;}
	body.home #container .art1 .abstandtop {margin-bottom: 0;}
	.content-hyperlink a {font-size: 3rem; line-height: 5rem; padding: 0px 6px;}
	#footer .mod_article.hellblau .inside {background: none;}
	body.kunden .linkboxen .box {width: 90%; margin: 0 2% 50px 2%;}
	body.home .art2 p {margin: 0 5px 0 0;}
	#footer h2, #footer h2 span {font-size: 6rem; line-height: 6rem;}
	#footer h3 {font-size: 4.5rem; line-height: 5.3rem;}
	#footer .formularbutton {margin-bottom: 20px;}
	#footer .ce_form .widget-submit button {font-size: 3.2rem; padding: 5px 15px;}
  	#footer .ce_form.footerprojekt .widget-radio label {font-size: 2.4rem; line-height: 3rem; padding: 0px 0px 10px 45px; margin-bottom: 20px;}
	.navigation ul li a {font-size: 5rem; line-height: 6rem;}
	.mixfiltercontainer p button {font-size: 2.4rem; padding: 0;}
	body.kunden .mixfiltercontainer {padding: 0 5% 40px 5%;width: 90% !important;}
	body.projektdetail .linkboxen .box h3 {font-size: 4.5rem; line-height: 5.3rem; margin: -35px auto 0 auto; letter-spacing: 3px;}
	body.agentur .art1 h1 {font-size: 8rem; line-height: 9rem;}
	body.aktuelles .art1 h1 {font-size: 8rem; line-height: 9rem;}
	body.kontakt .art2 .inside {padding: 50px 0;}
	body.newsdetail .content-text p {font-size: 2.2rem; line-height: 2.7rem;}
	body.projektdetail .content-text p {font-size: 2.2rem; line-height: 2.7rem;}
	#main .ce_form input {font-size: 2.4rem;}
	#main .ce_form input::placeholder {font-size: 2.4rem;}
	#main .ce_form textarea {font-size: 2.4rem; width: 100%; font-family: 'Volte Light'; font:'Volte Light';}
	#main .ce_form textarea::placeholder {font-size: 2.4rem; font-family: 'Volte Light'; font:'Volte Light';}
	#main .ce_form .widget-textarea {width: 100%; float: left;}
	#main .ce_form .widget-submit button {font-size: 2.4rem;}
	#main .widget-checkbox label {font-size: 2.4rem;}
  #main .kontaktformular .widget-checkbox label {font-size: 2.4rem;}
	#main .widget-radio label {font-size: 2.4rem; line-height: 3rem; padding: 0px 0px 10px 45px; margin-bottom: 20px;}
	#footer .ce_form input {font-size: 2.4rem; margin-bottom: 20px;}
	#footer .ce_form input::placeholder {font-size: 2.4rem;}
	#footer .ce_form textarea {font-size: 2.4rem; height: 200px;}
	#footer .ce_form textarea::placeholder {font-size: 2.4rem;}
	#footer .ce_form .widget-submit button {font-size: 2.4rem;}
	#footer .formularbutton p {font-size: 2.4rem; padding: 2px 0 8px 15px;}
  .navinside .navsocials h3 {font-size: 3rem; line-height: 3.5rem; margin: 0;}
  .navinside .navsocials br {display: block;}
  #main .content-text ul li {background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 8px left; background-size: 10px; padding-left: 25px;}
  body.projektdetail.thurgau #main .content-text ul li {background: url(../../files/data/graphics/icon-listbullet-black.svg) no-repeat top 8px left; background-size: 10px; padding-left: 25px;}
  #footer .formularbutton .button {width: 30px; height: 30px; border:3px #fff solid;}
	#footer .formularbutton.active .button:after,
	#footer .formularbutton.active:hover .button:after  {width: 14px; height: 14px;}
	#footer .formularbutton:hover .button:after {width: 30px; height: 30px;}
	#main .widget-radio .checkmark {width: 30px; height: 30px; border:3px #fff solid;}
	#main .widget-radio label:hover input ~ .checkmark:after {width: 32px; height: 32px;}
	#main .widget-radio label:hover input:checked ~ .checkmark:after {width: 14px; height: 14px;}
	#main .widget-radio input:checked ~ .checkmark:after {width: 14px; height: 14px;}
	#footer .ce_form.footerprojekt .widget-radio .checkmark {width: 30px; height: 30px; border:3px #fff solid;}
	#footer .ce_form.footerprojekt .widget-radio label:hover input ~ .checkmark:after {width: 32px; height: 32px;}
	#footer .ce_form.footerprojekt .widget-radio label:hover input:checked ~ .checkmark:after {width: 14px; height: 14px;}
	#footer .ce_form.footerprojekt .widget-radio input:checked ~ .checkmark:after {width: 14px; height: 14px;}
	#main .ce_form textarea {height: 200px;}
	body.projektdetail .mod_article.art1 .inside {padding-top: 150px;}
  body.newsletter .art3 .inside h2 {font-size: 6rem; line-height: 6rem;}
  body.newsletter .art1 h1 {font-size: 6rem; line-height: 6rem;}
  body.newsletter .art2 .inside h2 {font-size: 6rem; line-height: 6rem;}
  body.projektdetail.hotel166 .art1 .pushtop {margin-top: 50px;}
  body.home .homeslider h1 {font-size: 5rem; line-height: 6rem;}
  body.home .homeclaim img {max-width: 80%;}
  .bewertungcontainer .txt .rte {background-size: 35px; padding-left: 50px;}
  body.refresh .content-hyperlink a {padding: 5px 12px 0 0;}

  /*emojis*/
  #footer .footeremoji {width: 55px;}
  body.agentur .titelemoji {width: 65px;}
  body.aktuelles .titelemoji {width: 70px;}
  body.kontakt .textemoji {width: 20px; margin-bottom: -3px !important;}
}

@media screen and (max-width: 700px) {
	body.agentur .art1 h1 {font-size: 6rem; line-height: 7rem;}
	.mod_newslist .layout_latest .info {font-size: 3rem; line-height: 3rem;}
	.mod_newslist .layout_latest h2 {font-size: 5.2rem; line-height: 5.2rem;}
	.mod_newslist .layout_latest h2 a {font-size: 5.2rem; line-height: 5.2rem;}
  	.mod_newslist .layout_latest .info .tag {min-width: initial;}
	#footer .footerbotleft {display: block; width: 100%; margin-bottom: 15px;}
	#footer .footerbotright {float: left; display: block; width: 100%;}
	#footer .footerbot {padding: 0 0 30px 0}
	body.kunden .art1 h1 {font-size: 6rem; line-height: 7rem;}
	body.kunden .linkboxen .box .text-container {line-height: 2.7rem; font-size: 2.2rem;}
	body.projekte .linkboxen .box {margin-bottom: 50px;}
	body.projekte .linkboxen .box h3 {font-size: 4.5rem; line-height: 5rem; margin: -36px auto 0 auto;}
	body.projekte .art1 .inside h1 {font-size: 6rem; line-height: 7rem;}
	#footer h2 br {display: block;}
	body.kontakt .art1 .inside h1 {font-size: 4.5rem; line-height: 5rem;}
  body.privacy h1 {font-size: 4.5rem; line-height: 5rem;}
	body.kontakt .art1 {padding-top: 100px;}
	body.kunden .art1 {padding-top: 100px;}
	body.services .art1 {padding-top: 100px;}
	body.aktuelles .art1 {padding-top: 100px;}
	.mod_newsreader {padding-top: 100px;}
  	body.projektdetail .art1 h1 {font-size: 4.5rem; line-height: 4.5rem;}
  	body.aktuelles .art1 h1 {font-size: 4.5rem; line-height: 5rem;}
  	body.newsdetail h1 {font-size: 4.5rem; line-height: 5rem;}
  	#footer h3 {font-size: 3.5rem; line-height: 4rem;}
  	#footer .footeradresse2 br {display: block;}
  	#footer .footeradresse2 .mobileaus {display: none;}
  	body.home .art3 .abstandtop {width: 200px;}
    body.newsletter .art1 {padding-top: 100px;}
    body.home .homeslider .homeclaim {top:45%;}
    body.home .homeslider .homeclaim h3 {margin: 10px 0; text-shadow: 0 0 5px rgba(0,0,0,0.3);}
    body.home .homeslider .homeclaim p {margin: 10px 0;}
    body.home .homeslider .slick-slider .content-text p {bottom: 100px;}
    body.home .homeslider h1 {font-size: 4rem; line-height: 5rem; margin: 10px 0; text-shadow: 0 0 30px rgba(0,0,0,0.3);}
    body.refresh .mod_article .inside {padding: 60px 5%;}
    body.refresh .art1 {padding-top: 100px;}
    body.refresh .art1 h4 {font-size: 4rem; line-height: 4rem;}
    body.refresh .art10 h3 {font-size: 4rem; line-height: 4rem;}
    body.refresh .art1:after {display: none;}
    body.refresh .art5 h3 {font-size: 2.7rem; line-height: 3.6rem;}
    .row.gapgross {grid-gap: var(--grid__gutter);}

  /*emojis*/
  body.kunden .titelemoji {margin-bottom: -4px !important; width: 55px;}
  body.aktuelles .titelemoji {width: 45px;}
  body.kontakt .titelemoji {width: 45px;}
}

@media screen and (max-width: 600px) {
  #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;}
  #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;}
  #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;}
  .schmal75 {width: 100% !important; margin: 0 auto;}
  .schmal50 {width: 100% !important; margin: 0 auto;}
  body.home .art2 h2 {font-size: 7rem; line-height: 7rem;}
  #footer .formularbutton p br {display: block;}
  body.services .art1 h1 {font-size: 7.5rem; line-height: 9rem;}
  body.projektdetail.schwaller #main .content-hyperlink a {font-size: 2rem; margin-top: 0;}
  body.projektdetail.jagdtg #main .content-hyperlink a {font-size: 2rem; margin-top: 0;}
  body.projektdetail.schwaller #main .art1 {background: #34A9E1 url(../../files/Inhalte/Projekte/Andreasschwaller/bg-schwaller-art1-mobile.webp) center top no-repeat; background-size: contain;}
  body.projektdetail.scayla #main .content-hyperlink a {font-size: 2rem; margin-top: 0;}
  body.kunden .linkboxen .box .innerbox {height: 85vw;}
	body.kunden .linkboxen .box .tablet .text-container p, body.kunden .linkboxen .box .tablet .text-container h2 {font-size: 3.7vw; line-height: 4vw;}
	body.kunden .linkboxen .box .tablet {padding: 3.8vw 4vw; border-radius: 20px;}
	body.kunden .linkboxen .box .tablet .text-container .text-container-sizer {padding: 2.3vw;}
	body.kunden .linkboxen .box .innerbox .bg-blau {padding-top: 7vw; z-index: 10;}
	body.kunden .linkboxen .box .innerbox .bg-blau .kundenlogo img {max-height: 55px;}
	body.kunden .linkboxen .box .tablet .tabletbutton {width: 2.7vw; height: 2.7vw; right: 0.5vw;}
  body.kunden .linkboxen .box .tablet .text-container {height: 53.6vw;}
	body.projektdetail.hotel166 #main .content-hyperlink a {font-size: 2.8rem; line-height: 3rem; padding: 3px 8px;}
	#srl_layer {width: 95%; height: 650px; box-sizing: border-box; margin-left: 0; overflow-y: auto;}
	body.home .homeslider .slick-slider .content-text p {font-size: 12rem; line-height: 8rem;}
	.formpopup .formpopup-container {padding: 30px 40px 40px 30px;}
	.formpopup .formpopup-container h3 {font-size: 3rem; line-height: 3.5rem;}
	.homeslider1 .homeslider1-hyperlink1 a {font-size: 2.6rem; line-height: 5.3rem;}
	.homeslider2 .homeslider2-hyperlink1 a {font-size: 2.6rem; line-height: 5.3rem;}
	.homeslider3 .homeslider3-hyperlink1 a {font-size: 2.6rem; line-height: 5.3rem;}
  .bewertungcontainer .content-hyperlink a {font-size: 2.3rem; line-height: 4.6rem; padding: 0px 10px;}
  #footer .mod_article.hellblau .content-hyperlink.eb-button a:after {right: initial; left: 0; top: 60px; transform: rotate(-3deg); font-size: 2.1rem;}

    /*emojis*/
    body.services .titelemoji {width: 65px;}

    /*Abstaende*/
	body .oben0 {margin-top: 0px !important;}
	body .oben10 {margin-top: 5px !important;}
	body .oben20 {margin-top: 10px !important;}
	body .oben30 {margin-top: 15px !important;}
	body .oben40 {margin-top: 20px !important;}
	body .oben50 {margin-top: 25px !important;}
	body .oben60 {margin-top: 30px !important;}
	body .oben70 {margin-top: 35px !important;}
	body .oben80 {margin-top: 40px !important;}
	body .oben90 {margin-top: 45px !important;}
	body .oben100 {margin-top: 50px !important;}
	body .oben110 {margin-top: 55px !important;}
	body .oben120 {margin-top: 60px !important;}
	body .oben130 {margin-top: 65px !important;}
	body .oben140 {margin-top: 70px !important;}
	body .oben150 {margin-top: 75px !important;}
	body .oben160 {margin-top: 80px !important;}
	body .oben170 {margin-top: 85px !important;}
	body .oben180 {margin-top: 90px !important;}
	body .oben190 {margin-top: 95px !important;}
	body .oben200 {margin-top: 100px !important;}

	body .unten0 {margin-bottom: 0px !important;}
	body .unten10 {margin-bottom: 5px !important;}
	body .unten20 {margin-bottom: 10px !important;}
	body .unten30 {margin-bottom: 15px !important;}
	body .unten40 {margin-bottom: 20px !important;}
	body .unten50 {margin-bottom: 25px !important;}
	body .unten60 {margin-bottom: 30px !important;}
	body .unten70 {margin-bottom: 35px !important;}
	body .unten80 {margin-bottom: 40px !important;}
	body .unten90 {margin-bottom: 45px !important;}
	body .unten100 {margin-bottom: 50px !important;}
  body .unten150 {margin-bottom: 75px !important;}
}


/*  FONTS                                                    */
/*************************************************************/

/**
 * @license
 *
 * Font Family: Volte
 * Designed by: Alisa Nowak, Jérémie Hornus, Namrata Goyal
 * URL: https://www.indiantypefoundry.com/fonts/volte
 *
 * Font Styles:
 *  Volte Light
 *  Volte Bold
 *
 * © 2024 Indian Type Foundry
*/

@font-face {
  font-family: 'Volte Light';
  src: url('../../files/data/style/Fonts/Volte-Light.woff') format('woff'), url('../../files/data/style/Fonts/Volte-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Volte Bold';
  src: url('../../files/data/style/Fonts/Volte-Bold.woff') format('woff'), url('../../files/data/style/Fonts/Volte-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'reenie_beanieregular';
    src: url('../../files/data/style/Fonts/reeniebeanie-regular-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/reeniebeanie-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}