@charset "UTF-8";
@font-face {
  font-family: "FF Max Web";
  src: url("../webfonts/2EA93F_0_0.eot");
  src: url("../webfonts/2EA93F_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2EA93F_0_0.woff2") format("woff2"), url("../webfonts/2EA93F_0_0.woff") format("woff"), url("../webfonts/2EA93F_0_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "FF Max Web";
  src: url("../webfonts/2EA93F_1_0.eot");
  src: url("../webfonts/2EA93F_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2EA93F_1_0.woff2") format("woff2"), url("../webfonts/2EA93F_1_0.woff") format("woff"), url("../webfonts/2EA93F_1_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* STANDARDS */
.grd-col {
  display: flex;
  flex-direction: column;
  min-height: 1px;
}

.grd-col--100 {
  height: 100%;
}

.grd-fill {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}

.grd-align--justify-start {
  justify-content: flex-start;
}
.grd-align--justify-end {
  justify-content: flex-end;
}
.grd-align--justify-around {
  justify-content: space-around;
}
.grd-align--justify-between {
  justify-content: space-between;
}
.grd-align--justify-center {
  justify-content: center;
}
.grd-align--align-start {
  align-items: flex-start;
}
.grd-align--align-end {
  align-items: flex-end;
}
.grd-align--align-center {
  align-items: center;
}
.grd-align--self-center {
  align-self: center;
}

.grd {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 64rem) {
  .grd {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.grd-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
}

.grd-row-col-1-24 {
  max-width: 4.1666666667%;
  flex-basis: 4.1666666667%;
}

.grd-row-col-2-24 {
  max-width: 8.3333333333%;
  flex-basis: 8.3333333333%;
}

.grd-row-col-3-24 {
  max-width: 12.5%;
  flex-basis: 12.5%;
}

.grd-row-col-4-24 {
  max-width: 16.6666666667%;
  flex-basis: 16.6666666667%;
}

.grd-row-col-5-24 {
  max-width: 20.8333333333%;
  flex-basis: 20.8333333333%;
}

.grd-row-col-6-24 {
  max-width: 25%;
  flex-basis: 25%;
}

.grd-row-col-7-24 {
  max-width: 29.1666666667%;
  flex-basis: 29.1666666667%;
}

.grd-row-col-8-24 {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}

.grd-row-col-9-24 {
  max-width: 37.5%;
  flex-basis: 37.5%;
}

.grd-row-col-10-24 {
  max-width: 41.6666666667%;
  flex-basis: 41.6666666667%;
}

.grd-row-col-11-24 {
  max-width: 45.8333333333%;
  flex-basis: 45.8333333333%;
}

.grd-row-col-12-24 {
  max-width: 50%;
  flex-basis: 50%;
}

.grd-row-col-13-24 {
  max-width: 54.1666666667%;
  flex-basis: 54.1666666667%;
}

.grd-row-col-14-24 {
  max-width: 58.3333333333%;
  flex-basis: 58.3333333333%;
}

.grd-row-col-15-24 {
  max-width: 62.5%;
  flex-basis: 62.5%;
}

.grd-row-col-16-24 {
  max-width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}

.grd-row-col-17-24 {
  max-width: 70.8333333333%;
  flex-basis: 70.8333333333%;
}

.grd-row-col-18-24 {
  max-width: 75%;
  flex-basis: 75%;
}

.grd-row-col-19-24 {
  max-width: 79.1666666667%;
  flex-basis: 79.1666666667%;
}

.grd-row-col-20-24 {
  max-width: 83.3333333333%;
  flex-basis: 83.3333333333%;
}

.grd-row-col-21-24 {
  max-width: 87.5%;
  flex-basis: 87.5%;
}

.grd-row-col-22-24 {
  max-width: 91.6666666667%;
  flex-basis: 91.6666666667%;
}

.grd-row-col-23-24 {
  max-width: 95.8333333333%;
  flex-basis: 95.8333333333%;
}

.grd-row-col-24 {
  max-width: 100%;
  flex-basis: 100%;
}

.grd-row-col-1-24, .grd-row-col-1-24--xs, .grd-row-col-1-24--sm, .grd-row-col-1-24--md, .grd-row-col-1-24--lg, .grd-row-col-2-24, .grd-row-col-2-24--xs, .grd-row-col-2-24--sm, .grd-row-col-2-24--md, .grd-row-col-2-24--lg, .grd-row-col-3-24, .grd-row-col-3-24--xs, .grd-row-col-3-24--sm, .grd-row-col-3-24--md, .grd-row-col-3-24--lg, .grd-row-col-4-24, .grd-row-col-4-24--xs, .grd-row-col-4-24--sm, .grd-row-col-4-24--md, .grd-row-col-4-24--lg, .grd-row-col-5-24, .grd-row-col-5-24--xs, .grd-row-col-5-24--sm, .grd-row-col-5-24--md, .grd-row-col-5-24--lg, .grd-row-col-6-24, .grd-row-col-6-24--xs, .grd-row-col-6-24--sm, .grd-row-col-6-24--md, .grd-row-col-6-24--lg, .grd-row-col-7-24, .grd-row-col-7-24--xs, .grd-row-col-7-24--sm, .grd-row-col-7-24--md, .grd-row-col-7-24--lg, .grd-row-col-8-24, .grd-row-col-8-24--xs, .grd-row-col-8-24--sm, .grd-row-col-8-24--md, .grd-row-col-8-24--lg, .grd-row-col-9-24, .grd-row-col-9-24--xs, .grd-row-col-9-24--sm, .grd-row-col-9-24--md, .grd-row-col-9-24--lg, .grd-row-col-10-24, .grd-row-col-10-24--xs, .grd-row-col-10-24--sm, .grd-row-col-10-24--md, .grd-row-col-10-24--lg, .grd-row-col-11-24, .grd-row-col-11-24--xs, .grd-row-col-11-24--sm, .grd-row-col-11-24--md, .grd-row-col-11-24--lg, .grd-row-col-12-24, .grd-row-col-12-24--xs, .grd-row-col-12-24--sm, .grd-row-col-12-24--md, .grd-row-col-12-24--lg, .grd-row-col-13-24, .grd-row-col-13-24--xs, .grd-row-col-13-24--sm, .grd-row-col-13-24--md, .grd-row-col-13-24--lg, .grd-row-col-14-24, .grd-row-col-14-24--xs, .grd-row-col-14-24--sm, .grd-row-col-14-24--md, .grd-row-col-14-24--lg, .grd-row-col-15-24, .grd-row-col-15-24--xs, .grd-row-col-15-24--sm, .grd-row-col-15-24--md, .grd-row-col-15-24--lg, .grd-row-col-16-24, .grd-row-col-16-24--xs, .grd-row-col-16-24--sm, .grd-row-col-16-24--md, .grd-row-col-16-24--lg, .grd-row-col-17-24, .grd-row-col-17-24--xs, .grd-row-col-17-24--sm, .grd-row-col-17-24--md, .grd-row-col-17-24--lg, .grd-row-col-18-24, .grd-row-col-18-24--xs, .grd-row-col-18-24--sm, .grd-row-col-18-24--md, .grd-row-col-18-24--lg, .grd-row-col-19-24, .grd-row-col-19-24--xs, .grd-row-col-19-24--sm, .grd-row-col-19-24--md, .grd-row-col-19-24--lg, .grd-row-col-20-24, .grd-row-col-20-24--xs, .grd-row-col-20-24--sm, .grd-row-col-20-24--md, .grd-row-col-20-24--lg, .grd-row-col-21-24, .grd-row-col-21-24--xs, .grd-row-col-21-24--sm, .grd-row-col-21-24--md, .grd-row-col-21-24--lg, .grd-row-col-22-24, .grd-row-col-22-24--xs, .grd-row-col-22-24--sm, .grd-row-col-22-24--md, .grd-row-col-22-24--lg, .grd-row-col-23-24, .grd-row-col-23-24--xs, .grd-row-col-23-24--sm, .grd-row-col-23-24--md, .grd-row-col-23-24--lg, .grd-row-col-24, .grd-row-col-24--xs, .grd-row-col-24--sm, .grd-row-col-24--md, .grd-row-col-24--lg {
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  box-sizing: border-box;
}

.grd-row-col-1-24--xs, .grd-row-col-1-24--sm, .grd-row-col-1-24--md, .grd-row-col-1-24--lg, .grd-row-col-2-24--xs, .grd-row-col-2-24--sm, .grd-row-col-2-24--md, .grd-row-col-2-24--lg, .grd-row-col-3-24--xs, .grd-row-col-3-24--sm, .grd-row-col-3-24--md, .grd-row-col-3-24--lg, .grd-row-col-4-24--xs, .grd-row-col-4-24--sm, .grd-row-col-4-24--md, .grd-row-col-4-24--lg, .grd-row-col-5-24--xs, .grd-row-col-5-24--sm, .grd-row-col-5-24--md, .grd-row-col-5-24--lg, .grd-row-col-6-24--xs, .grd-row-col-6-24--sm, .grd-row-col-6-24--md, .grd-row-col-6-24--lg, .grd-row-col-7-24--xs, .grd-row-col-7-24--sm, .grd-row-col-7-24--md, .grd-row-col-7-24--lg, .grd-row-col-8-24--xs, .grd-row-col-8-24--sm, .grd-row-col-8-24--md, .grd-row-col-8-24--lg, .grd-row-col-9-24--xs, .grd-row-col-9-24--sm, .grd-row-col-9-24--md, .grd-row-col-9-24--lg, .grd-row-col-10-24--xs, .grd-row-col-10-24--sm, .grd-row-col-10-24--md, .grd-row-col-10-24--lg, .grd-row-col-11-24--xs, .grd-row-col-11-24--sm, .grd-row-col-11-24--md, .grd-row-col-11-24--lg, .grd-row-col-12-24--xs, .grd-row-col-12-24--sm, .grd-row-col-12-24--md, .grd-row-col-12-24--lg, .grd-row-col-13-24--xs, .grd-row-col-13-24--sm, .grd-row-col-13-24--md, .grd-row-col-13-24--lg, .grd-row-col-14-24--xs, .grd-row-col-14-24--sm, .grd-row-col-14-24--md, .grd-row-col-14-24--lg, .grd-row-col-15-24--xs, .grd-row-col-15-24--sm, .grd-row-col-15-24--md, .grd-row-col-15-24--lg, .grd-row-col-16-24--xs, .grd-row-col-16-24--sm, .grd-row-col-16-24--md, .grd-row-col-16-24--lg, .grd-row-col-17-24--xs, .grd-row-col-17-24--sm, .grd-row-col-17-24--md, .grd-row-col-17-24--lg, .grd-row-col-18-24--xs, .grd-row-col-18-24--sm, .grd-row-col-18-24--md, .grd-row-col-18-24--lg, .grd-row-col-19-24--xs, .grd-row-col-19-24--sm, .grd-row-col-19-24--md, .grd-row-col-19-24--lg, .grd-row-col-20-24--xs, .grd-row-col-20-24--sm, .grd-row-col-20-24--md, .grd-row-col-20-24--lg, .grd-row-col-21-24--xs, .grd-row-col-21-24--sm, .grd-row-col-21-24--md, .grd-row-col-21-24--lg, .grd-row-col-22-24--xs, .grd-row-col-22-24--sm, .grd-row-col-22-24--md, .grd-row-col-22-24--lg, .grd-row-col-23-24--xs, .grd-row-col-23-24--sm, .grd-row-col-23-24--md, .grd-row-col-23-24--lg, .grd-row-col-24--xs, .grd-row-col-24--sm, .grd-row-col-24--md, .grd-row-col-24--lg {
  max-width: 100%;
  flex-basis: 100%;
}

@media screen and (min-width: 2rem) {
  .grd-row-col-1-24--xs {
    max-width: 4.1666666667%;
    flex-basis: 4.1666666667%;
  }
  .grd-row-col-2-24--xs {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .grd-row-col-3-24--xs {
    max-width: 12.5%;
    flex-basis: 12.5%;
  }
  .grd-row-col-4-24--xs {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .grd-row-col-5-24--xs {
    max-width: 20.8333333333%;
    flex-basis: 20.8333333333%;
  }
  .grd-row-col-6-24--xs {
    max-width: 25%;
    flex-basis: 25%;
  }
  .grd-row-col-7-24--xs {
    max-width: 29.1666666667%;
    flex-basis: 29.1666666667%;
  }
  .grd-row-col-8-24--xs {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .grd-row-col-9-24--xs {
    max-width: 37.5%;
    flex-basis: 37.5%;
  }
  .grd-row-col-10-24--xs {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .grd-row-col-11-24--xs {
    max-width: 45.8333333333%;
    flex-basis: 45.8333333333%;
  }
  .grd-row-col-12-24--xs {
    max-width: 50%;
    flex-basis: 50%;
  }
  .grd-row-col-13-24--xs {
    max-width: 54.1666666667%;
    flex-basis: 54.1666666667%;
  }
  .grd-row-col-14-24--xs {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .grd-row-col-15-24--xs {
    max-width: 62.5%;
    flex-basis: 62.5%;
  }
  .grd-row-col-16-24--xs {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .grd-row-col-17-24--xs {
    max-width: 70.8333333333%;
    flex-basis: 70.8333333333%;
  }
  .grd-row-col-18-24--xs {
    max-width: 75%;
    flex-basis: 75%;
  }
  .grd-row-col-19-24--xs {
    max-width: 79.1666666667%;
    flex-basis: 79.1666666667%;
  }
  .grd-row-col-20-24--xs {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .grd-row-col-21-24--xs {
    max-width: 87.5%;
    flex-basis: 87.5%;
  }
  .grd-row-col-22-24--xs {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .grd-row-col-23-24--xs {
    max-width: 95.8333333333%;
    flex-basis: 95.8333333333%;
  }
  .grd-row-col-24--xs {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media screen and (min-width: 32rem) {
  .grd-row-col-1-24--sm {
    max-width: 4.1666666667%;
    flex-basis: 4.1666666667%;
  }
  .grd-row-col-2-24--sm {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .grd-row-col-3-24--sm {
    max-width: 12.5%;
    flex-basis: 12.5%;
  }
  .grd-row-col-4-24--sm {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .grd-row-col-5-24--sm {
    max-width: 20.8333333333%;
    flex-basis: 20.8333333333%;
  }
  .grd-row-col-6-24--sm {
    max-width: 25%;
    flex-basis: 25%;
  }
  .grd-row-col-7-24--sm {
    max-width: 29.1666666667%;
    flex-basis: 29.1666666667%;
  }
  .grd-row-col-8-24--sm {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .grd-row-col-9-24--sm {
    max-width: 37.5%;
    flex-basis: 37.5%;
  }
  .grd-row-col-10-24--sm {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .grd-row-col-11-24--sm {
    max-width: 45.8333333333%;
    flex-basis: 45.8333333333%;
  }
  .grd-row-col-12-24--sm {
    max-width: 50%;
    flex-basis: 50%;
  }
  .grd-row-col-13-24--sm {
    max-width: 54.1666666667%;
    flex-basis: 54.1666666667%;
  }
  .grd-row-col-14-24--sm {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .grd-row-col-15-24--sm {
    max-width: 62.5%;
    flex-basis: 62.5%;
  }
  .grd-row-col-16-24--sm {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .grd-row-col-17-24--sm {
    max-width: 70.8333333333%;
    flex-basis: 70.8333333333%;
  }
  .grd-row-col-18-24--sm {
    max-width: 75%;
    flex-basis: 75%;
  }
  .grd-row-col-19-24--sm {
    max-width: 79.1666666667%;
    flex-basis: 79.1666666667%;
  }
  .grd-row-col-20-24--sm {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .grd-row-col-21-24--sm {
    max-width: 87.5%;
    flex-basis: 87.5%;
  }
  .grd-row-col-22-24--sm {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .grd-row-col-23-24--sm {
    max-width: 95.8333333333%;
    flex-basis: 95.8333333333%;
  }
  .grd-row-col-24--sm {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media screen and (min-width: 48rem) {
  .grd-row-col-1-24--md {
    max-width: 4.1666666667%;
    flex-basis: 4.1666666667%;
  }
  .grd-row-col-2-24--md {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .grd-row-col-3-24--md {
    max-width: 12.5%;
    flex-basis: 12.5%;
  }
  .grd-row-col-4-24--md {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .grd-row-col-5-24--md {
    max-width: 20.8333333333%;
    flex-basis: 20.8333333333%;
  }
  .grd-row-col-6-24--md {
    max-width: 25%;
    flex-basis: 25%;
  }
  .grd-row-col-7-24--md {
    max-width: 29.1666666667%;
    flex-basis: 29.1666666667%;
  }
  .grd-row-col-8-24--md {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .grd-row-col-9-24--md {
    max-width: 37.5%;
    flex-basis: 37.5%;
  }
  .grd-row-col-10-24--md {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .grd-row-col-11-24--md {
    max-width: 45.8333333333%;
    flex-basis: 45.8333333333%;
  }
  .grd-row-col-12-24--md {
    max-width: 50%;
    flex-basis: 50%;
  }
  .grd-row-col-13-24--md {
    max-width: 54.1666666667%;
    flex-basis: 54.1666666667%;
  }
  .grd-row-col-14-24--md {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .grd-row-col-15-24--md {
    max-width: 62.5%;
    flex-basis: 62.5%;
  }
  .grd-row-col-16-24--md {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .grd-row-col-17-24--md {
    max-width: 70.8333333333%;
    flex-basis: 70.8333333333%;
  }
  .grd-row-col-18-24--md {
    max-width: 75%;
    flex-basis: 75%;
  }
  .grd-row-col-19-24--md {
    max-width: 79.1666666667%;
    flex-basis: 79.1666666667%;
  }
  .grd-row-col-20-24--md {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .grd-row-col-21-24--md {
    max-width: 87.5%;
    flex-basis: 87.5%;
  }
  .grd-row-col-22-24--md {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .grd-row-col-23-24--md {
    max-width: 95.8333333333%;
    flex-basis: 95.8333333333%;
  }
  .grd-row-col-24--md {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media screen and (min-width: 64rem) {
  .grd-row-col-1-24--lg {
    max-width: 4.1666666667%;
    flex-basis: 4.1666666667%;
  }
  .grd-row-col-2-24--lg {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .grd-row-col-3-24--lg {
    max-width: 12.5%;
    flex-basis: 12.5%;
  }
  .grd-row-col-4-24--lg {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .grd-row-col-5-24--lg {
    max-width: 20.8333333333%;
    flex-basis: 20.8333333333%;
  }
  .grd-row-col-6-24--lg {
    max-width: 25%;
    flex-basis: 25%;
  }
  .grd-row-col-7-24--lg {
    max-width: 29.1666666667%;
    flex-basis: 29.1666666667%;
  }
  .grd-row-col-8-24--lg {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .grd-row-col-9-24--lg {
    max-width: 37.5%;
    flex-basis: 37.5%;
  }
  .grd-row-col-10-24--lg {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .grd-row-col-11-24--lg {
    max-width: 45.8333333333%;
    flex-basis: 45.8333333333%;
  }
  .grd-row-col-12-24--lg {
    max-width: 50%;
    flex-basis: 50%;
  }
  .grd-row-col-13-24--lg {
    max-width: 54.1666666667%;
    flex-basis: 54.1666666667%;
  }
  .grd-row-col-14-24--lg {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .grd-row-col-15-24--lg {
    max-width: 62.5%;
    flex-basis: 62.5%;
  }
  .grd-row-col-16-24--lg {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .grd-row-col-17-24--lg {
    max-width: 70.8333333333%;
    flex-basis: 70.8333333333%;
  }
  .grd-row-col-18-24--lg {
    max-width: 75%;
    flex-basis: 75%;
  }
  .grd-row-col-19-24--lg {
    max-width: 79.1666666667%;
    flex-basis: 79.1666666667%;
  }
  .grd-row-col-20-24--lg {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .grd-row-col-21-24--lg {
    max-width: 87.5%;
    flex-basis: 87.5%;
  }
  .grd-row-col-22-24--lg {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .grd-row-col-23-24--lg {
    max-width: 95.8333333333%;
    flex-basis: 95.8333333333%;
  }
  .grd-row-col-24--lg {
    max-width: 100%;
    flex-basis: 100%;
  }
}
ul {
  padding-left: 1em;
}

ol {
  padding-left: 1em;
}

body {
  margin: 0;
  padding: 0;
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
  font-size: 13.5pt;
  color: #1A171B;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 1.2em 0;
  line-height: 120%;
  font-weight: normal;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 2.3334em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
}

header, nav, article, footer, address, section, picture {
  display: block;
}

img {
  border: none;
  max-width: 100%;
}

hr {
  background: transparent url("../img/hr-shadow.png") center top no-repeat;
  background-size: contain;
  margin: 50px 0;
  padding: 0;
  display: block;
  border: none;
  height: 19px;
}

.content-modul.s hr {
  background: #FFFFFF;
  height: 1px;
}

article.blog h2, article.blog h3 {
  margin: 1.2em 0 0.8em 0;
}

.wf-loading .font-utopia, .wf-loading #packages .package-container .outer .head .package-description, #packages .package-container .outer .head .wf-loading .package-description {
  visibility: hidden;
}

.wf-loading .font-max {
  visibility: hidden;
}

.font-max {
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
}

.font-utopia, #packages .package-container .outer .head .package-description {
  font-family: "utopia-std", "Times New Roman", Times, serif;
}

.font-utopia-headline {
  font-family: "utopia-std-headline", "Times New Roman", Times, serif;
  font-weight: normal;
}

.uppercase {
  font-size: 0.9em;
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.grau {
  color: #424141;
}

.schwarz {
  color: #1A171B;
}

.italic {
  font-style: italic;
}

.bold {
  font-style: bold;
  font-weight: 700;
}

a {
  font-weight: bold;
  text-decoration: none;
  color: #1A171B;
}

.measure {
  max-width: 1020px;
  margin: 0 auto;
}

.video-play-btn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/video-btn.png) center center no-repeat;
  background-size: 100px auto;
  cursor: pointer;
  z-index: 2;
  border: 0;
  outline: 0;
}

.loader {
  display: inline-block;
  display: none;
  position: relative;
  width: 64px;
  height: 64px;
}
.loader div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #1A171B;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader div:nth-child(1) {
  left: 6px;
  animation: loader-1 0.6s infinite;
}
.loader div:nth-child(2) {
  left: 6px;
  animation: loader-2 0.6s infinite;
}
.loader div:nth-child(3) {
  left: 26px;
  animation: loader-2 0.6s infinite;
}
.loader div:nth-child(4) {
  left: 45px;
  animation: loader-3 0.6s infinite;
}

@keyframes loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.add-slashes::before {
  content: "";
  height: 1.1em;
  width: 0.6em;
  background-image: url("../img/title-background.png");
  background-size: auto 0.8em;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: -6px;
}

.button, .button--arrow-left, .button--arrow-right {
  display: inline-block;
  color: #B0B219;
  line-height: 120%;
  font-size: 0.9em;
  padding: 2px 9px 3px 9px;
  font-weight: 400;
  background-color: #21201f;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
}

.button--arrow-right {
  background: url(../img/arrow-link-green.png) right 9px center no-repeat #000;
  background-size: 7px auto;
  padding-right: 25px;
}
.button--arrow-left {
  background: url(../img/blog_back_arrow.png) left 9px center no-repeat #000;
  background-size: 7px auto;
  padding-left: 25px;
}

.accordions-responsive .accordion-container .accordion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #fff;
}
.accordions-responsive .accordion-container .accordion.open .accordion-head {
  padding-bottom: 0;
}
.accordions-responsive .accordion-container .accordion .accordion-head {
  color: black;
  cursor: pointer;
  padding-right: 2rem;
}
@media (min-width: 1024px) {
  .accordions-responsive .accordion-container .accordion .accordion-head {
    cursor: default;
    padding-right: 0;
    display: none;
  }
}
.accordions-responsive .accordion-container .accordion .accordion-head .accordion-title {
  margin: 0;
  position: relative;
  display: inline-block;
  color: #AEB019;
  cursor: pointer;
}
.accordions-responsive .accordion-container .accordion .accordion-head .accordion-title.icon__arrow::after {
  content: "";
  position: absolute;
  height: 11px;
  width: 7px;
  transform: translateY(-50%);
  top: 50%;
  opacity: 1;
  right: -1.5rem;
  transition: all 0.5s;
  display: block;
  transform-origin: left;
  background-image: url("../img/icon-accordion-arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .accordions-responsive .accordion-container .accordion .accordion-head .accordion-title.icon__arrow::after {
    display: none;
  }
}
.accordions-responsive .accordion-container .accordion .accordion-content {
  display: none;
  padding: 1rem;
  padding-top: 0;
  padding-left: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 1024px) {
  .accordions-responsive .accordion-container .accordion .accordion-content {
    display: block;
  }
}
.accordions-responsive .accordion-container .accordion .accordion-content hr {
  border: 1px solid white;
  margin: 1.5rem 0;
}
.accordions-responsive .accordion-container .accordion .accordion-content .custom-bullet-list li {
  margin: 1rem 0;
}
.accordions-responsive .accordion-container .accordion.open .accordion-head .accordion-title.icon__arrow::after {
  transform: rotate(-90deg) translateY(-50%);
  right: -2rem;
}

.list-arrows {
  padding-left: 1rem;
  font-size: 1.2rem;
  margin: 0;
  list-style: none;
}
.list-arrows li {
  position: relative;
  padding-left: 1.5rem;
  margin: 1.5rem 0;
  line-height: 1;
}
.list-arrows li::before {
  content: "";
  top: 0.3rem;
  position: absolute;
  left: 0;
  background-image: url("../img/icon-arrow-list.png");
  background-size: 0.8rem;
  background-repeat: no-repeat;
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
}
@supports (color: black) {
  .list-arrows li::before {
    background-image: url("../img/icon-arrow-list.svg");
  }
}

#content .img-left {
  float: left;
  margin: 0 16px 8px 0;
}
#content .img-right {
  float: right;
  margin: 0 0 8px 16px;
}
#content .img-center {
  margin: 0 auto 10px auto;
  display: block;
}
#content .youtube-frame {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin: 1rem 0;
}
#content .youtube-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content .text-links {
  text-align: left;
}
#content .fussnote {
  font-size: 0.8em;
  font-style: italic;
}

/* CSS */
.canvas {
  margin: 0 auto;
  position: relative;
}

/* HEADER */
#header {
  background: url(../img/header-shadow.png) left bottom repeat-x;
  padding-bottom: 10px;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#header .fullwidth {
  background-color: #FFFFFF;
}
#header .canvas {
  height: 120px;
}
#header .logo {
  position: absolute;
  top: 50px;
  left: 58px;
  width: 288px;
  height: 39px;
}
#header p {
  position: absolute;
  bottom: 44px;
  right: 329px;
  margin: 0;
  font-size: 13px;
  width: 352px;
}
#header .links {
  position: absolute;
  bottom: 44px;
  right: 0;
}
#header .links a {
  float: left;
  margin: 0 0 0 12px;
  height: 35px;
  display: block;
}

#meta-navigation {
  position: absolute;
  top: 28px;
  right: 106px;
}
#meta-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
#meta-navigation li.entry {
  float: left;
  display: block;
  padding-bottom: 4px;
  position: relative;
}
#meta-navigation li.entry a {
  display: block;
  margin-left: 19px;
  padding-left: 11px;
  font-size: 10px;
  line-height: 140%;
  font-weight: normal;
  text-decoration: none;
  color: #1A171B;
  background: transparent url("../img/navigation-subnavi-arrow.png") left 2px no-repeat;
  background-size: 7px 7px;
}
#meta-navigation li.entry.active a, #meta-navigation li.entry:hover a {
  text-decoration: underline;
}
#meta-navigation li.entry .subnavi {
  display: none;
  position: absolute;
  top: 15px;
  left: 18px;
  background-color: #ffffff;
  padding: 4px 8px 4px 4px;
  box-shadow: 0px 2px 2px #ccc;
  z-index: 1000;
  border: none;
}
#meta-navigation li.entry .subnavi li.entry {
  display: block;
  float: none;
  padding-bottom: 0;
  white-space: nowrap;
}
#meta-navigation li.entry .subnavi a {
  text-decoration: none;
  background: none;
  padding: 0 0 0 8px;
  margin: 0;
  height: 20px;
  line-height: 20px;
}
#meta-navigation li.entry .subnavi a::before {
  display: none;
}
#meta-navigation li.entry .subnavi a:hover {
  background: none;
  color: #1A171B;
  text-decoration: underline;
}
#meta-navigation li.entry:hover .subnavi {
  display: block;
}

#breadcrumb-navigation a.start::before {
  display: none;
}

#main-navigation {
  position: absolute;
  top: 48px;
  right: 90px;
  z-index: 1;
}
#main-navigation .subnavi.lvl-1 {
  display: block;
  max-height: 0;
  padding: 0;
  transition: background-color 0.5s, max-height 0.5s;
  background: #FFFFFF;
  position: absolute;
  min-width: 100%;
  box-sizing: border-box;
  visibility: hidden;
}
#main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-navigation li.entry {
  float: left;
  margin-left: 4px;
  text-transform: lowercase;
  position: relative;
}
#main-navigation li.entry a {
  display: block;
  transition: background-color 0.5s;
  font-size: 30px;
  line-height: 113%;
  font-weight: normal;
  color: #908F8F;
  font-weight: normal;
  text-decoration: none;
  padding: 13px 16px 10px 16px;
}
#main-navigation li.entry.active a {
  color: #1A171B;
}
#main-navigation li.entry:hover a, #main-navigation li.entry.active:hover a, #main-navigation li.entry.hover a, #main-navigation li.entry.active.hover a {
  color: #FFFFFF;
  background: #BEBE00;
}
#main-navigation li.entry .subnavi .lvl-3 a:not(.active) {
  color: #1A171B;
}

.mainnavlink.lvl-2 {
  width: 90px;
}

#main-navigation li.entry:hover .subnavi, #main-navigation li.entry.hover .subnavi {
  display: block;
  max-height: 500px;
  left: 0;
  top: 100%;
  padding: 5px 0 10px 0;
  background: #BEBE00;
  visibility: visible;
}

#main-navigation li.entry:hover .subnavi.navid-88, #main-navigation li.entry.hover .subnavi.navid-88 {
  left: auto;
  right: 0;
  padding-top: 10px;
}

#main-navigation li.entry .subnavi li.entry {
  float: none;
  text-transform: none;
  margin: 0;
  padding: 0 20px 0 16px;
}

#main-navigation li.entry .subnavi li.entry a {
  transition: color 0.2s, background-image 0.2s;
  font-size: 15px;
  color: #1A171B;
  font-weight: normal;
  line-height: 130%;
  padding: 0 0 0 16px;
  margin: 0 0 14px 0;
  background: transparent url("../img/navigation-subnavi-arrow.png") left 2px no-repeat;
  background-size: 11px 11px;
}

#main-navigation li.entry.mouseout:hover .subnavi {
  display: none;
}

#main-navigation li.entry .subnavi li.entry.active a {
  color: #FFFFFF;
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

#main-navigation li.entry .subnavi.navid-4 li.entry.active a, #main-navigation li.entry .subnavi.navid-6 li.entry.active a {
  color: #1A171B;
  background-image: url("../img/navigation-subnavi-arrow.png");
}

#main-navigation li.entry .subnavi li.entry:hover a, #main-navigation li.entry .subnavi li.entry.hover a {
  color: #FFFFFF;
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

#main-navigation li.entry ul.subnavi.lvl-2 {
  display: none;
}

#main-navigation li.entry .subnavi.lvl-2 li.entry {
  margin: 0 0 0 6px;
  white-space: nowrap;
}

#main-navigation li.entry .subnavi.lvl-2 li.entry a {
  color: #1A171B;
  background-image: url("../img/navigation-subnavi-arrow.png");
}

#main-navigation li.entry .subnavi.lvl-2 li.entry:hover a, #main-navigation li.entry .subnavi.lvl-2 li.entry.active a {
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

#main-navigation li.entry .subnavi.lvl-2 li.entry.active a {
  color: #FFFFFF;
}

#main-navigation li.entry .subnavi.lvl-2 li.entry:hover a, #main-navigation li.entry .subnavi.lvl-2 li.entry.hover a {
  color: #FFFFFF;
}

#main-navigation li.entry.lvl-2.has-subnavi .subnavi.lvl-2 {
  display: none;
  padding: 10px;
  position: absolute;
  left: 100%;
  top: -10px;
  margin: 0px;
  box-sizing: border-box;
  background: #dcdc82;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #bebe00 rgba(220, 220, 130, 0);
}
#main-navigation li.entry.lvl-2.has-subnavi .subnavi.lvl-2::-webkit-scrollbar {
  width: 10px;
}
#main-navigation li.entry.lvl-2.has-subnavi .subnavi.lvl-2::-webkit-scrollbar-thumb {
  background-color: #bebe00; /* Set thumb color for Chrome and Safari */
  border-radius: 10px;
}
#main-navigation li.entry.lvl-2.has-subnavi .subnavi.lvl-2:-webkit-scrollbar-track {
  background-color: rgba(220, 220, 130, 0); /* Set track color for Chrome and Safari */
}

#main-navigation .navid-6 li.entry.lvl-2.has-subnavi .subnavi.lvl-2,
#main-navigation .navid-88 li.entry.lvl-2.has-subnavi .subnavi.lvl-2 {
  left: auto;
  right: 100%;
}

#main-navigation li.entry.lvl-2.has-subnavi:hover .subnavi.lvl-2 {
  display: block;
}

#main-navigation li.entry.lvl-2.has-subnavi:hover .subnavi.lvl-2 li {
  margin: 0 0 14px;
  padding: 0;
}

#main-navigation li.entry.lvl-2.has-subnavi:hover .subnavi.lvl-2 li:last-child {
  margin-bottom: 0;
}

#main-navigation li.entry.lvl-2.has-subnavi .subnavi.lvl-2 a {
  margin: 0;
}

#main-navigation li.entry .subnavi.lvl-2 {
  display: block;
  padding: 0 0 0 10px;
  position: relative;
  left: auto;
  top: auto;
  margin: 0 0 14px 0;
}

#main-navigation li.entry.active a {
  background: transparent url("../img/navigation-arrow-active.png") center bottom no-repeat;
  background-size: 22px 7px;
}

#main-navigation li.entry .subnavi.lvl-3 {
  display: none;
}

/* MAINNAVIGATION MOBILE */
#main-navigation-mobile {
  display: none;
}

#main-navigation-mobile .navigation-container {
  background: #FFFFFF;
  box-shadow: inset 0 10px 20px -20px #000000, 0 15px 20px -20px #000000;
  padding: 8px 7px 7px 7px;
}

#main-navigation-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-navigation-mobile li.entry {
  float: left;
  margin-left: 0;
  text-transform: lowercase;
}

#main-navigation-mobile li.entry a {
  display: block;
  transition: background-color 0.5s;
  font-size: 17px;
  line-height: 113%;
  font-weight: normal;
  color: #1A171B;
  text-decoration: none;
  padding: 9px 8px;
}

#main-navigation-mobile li.entry.active a {
  color: #1A171B;
}

#main-navigation-mobile li.entry:hover a, #main-navigation-mobile li.entry.active:hover a,
#main-navigation-mobile li.entry.hover a, #main-navigation-mobile li.entry.active.hover a {
  color: #FFFFFF;
  background: #BEBE00;
}

#main-navigation-mobile .subnavi.lvl-1 {
  display: block;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: background-color 0.5s, max-height 0.5s, min-height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  top: 72px;
  min-width: 100%;
  box-sizing: border-box;
}

#main-navigation-mobile li.entry:hover .subnavi, #main-navigation-mobile li.entry.hover .subnavi {
  display: block; /*max-height:500px;*/
  max-height: none;
  left: 0; /*top: 77px;*/
  padding: 18px 20px 10px 20px;
  background: #BEBE00;
}

/* #main-navigation-mobile li.entry:hover .subnavi.lvl-1, #main-navigation-mobile li.entry.hover .subnavi.lvl-1 { min-height: 100%; } */
#main-navigation-mobile li.entry .subnavi li.entry {
  float: none;
  text-transform: none;
  margin: 0 20px 0 16px;
}

#main-navigation-mobile li.entry .subnavi li.entry a {
  transition: color 0.2s, background-image 0.2s;
  font-size: 15px;
  color: #1A171B;
  font-weight: normal;
  padding: 0 0 0 16px;
  margin: 0 0 14px 0;
  background: transparent url("../img/navigation-subnavi-arrow.png") left top no-repeat;
  background-size: 11px 11px;
}

#main-navigation-mobile li.entry .subnavi li.entry:hover a, #main-navigation-mobile li.entry .subnavi li.entry.hover a {
  color: #FFFFFF;
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

#main-navigation-mobile li.entry .subnavi.lvl-2 li.entry {
  margin: 0 0 0 6px;
}

#main-navigation-mobile li.entry .subnavi.lvl-2 li.entry a, #main-navigation-mobile li.entry:hover .subnavi.lvl-2 li.entry a,
#main-navigation-mobile li.entry.hover .subnavi.lvl-2 li.entry a {
  color: #1A171B;
  background-image: url("../img/navigation-subnavi-arrow.png");
}

#main-navigation-mobile li.entry .subnavi.lvl-2 li.entry.active a {
  color: #FFFFFF;
}

#main-navigation-mobile li.entry .subnavi.lvl-2 li.entry:hover a {
  color: #FFFFFF;
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

#main-navigation-mobile li.entry .subnavi.lvl-3 {
  padding: 0 0 0 10px;
}

#main-navigation-mobile li.entry .subnavi.lvl-2 {
  display: none;
  padding: 0 0 0 10px;
  position: relative;
  left: auto;
  top: auto;
  margin: 0 0 14px 0;
}

#main-navigation-mobile li.entry.active a {
  background: transparent url("../img/navigation-arrow-active.png") center bottom no-repeat;
  background-size: 22px 7px;
}

#main-navigation-mobile li.entry .subnavi.lvl-3 {
  display: none;
}

#one-love-badge {
  position: absolute;
  right: -20px;
  top: 23px;
  width: 102px;
  height: 102px;
}

#one-love-badge img {
  width: 100%;
  height: auto;
  border: none;
}

#hamburger-navigation-button {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: 4px;
  cursor: pointer;
  background: #FFFFFF;
  background-size: 30px auto;
  border: 10px solid #FFFFFF;
  border-right: 15px solid #FFFFFF;
  transition: background-position 0.3s steps(7, start);
}

#hamburger-navigation-button .line {
  width: 28px;
  display: block;
  margin-bottom: 5px;
  height: 6px;
  background: #000000;
}

#hamburger-navigation-button .line-1 {
  transform-origin: 0 0;
  transition: all 0.3s ease-in-out;
}

#hamburger-navigation-button .line-2 {
  transform-origin: 50% 0;
  transition: all 0.3s ease-in-out 0.3s;
}

#hamburger-navigation-button .line-3 {
  transform-origin: 0 100%;
  transition: all 0.3s ease-in-out;
}

#hamburger-navigation-button.open .line-1 {
  transform: rotate(45deg);
  transform-origin: 1px 6px;
  width: 34px;
  transition: all 0.3s ease-in-out;
}

#hamburger-navigation-button.open .line-2 {
  transform: scale(0, 1);
  transition: all 0.3s ease-in-out;
}

#hamburger-navigation-button.open .line-3 {
  transform: rotate(-45deg);
  transform-origin: 4px 2px;
  width: 34px;
  transition: all 0.3s ease-in-out;
}

/* NAVIGATION ENDE */
/* BREADCRUMB NAVIGATION START */
#breadcrumb-navigation {
  font-size: 10px;
  padding: 9px 0 0 0;
}

#breadcrumb-navigation .wrapper {
  padding: 10px 40px;
}

#breadcrumb-navigation a, #breadcrumb-navigation .trenner {
  margin: 0 5px 0 0;
  color: #6F6E6D;
  padding: 0;
  text-decoration: none;
  display: block;
  height: 15px;
  line-height: 19px;
  font-weight: normal;
}

#breadcrumb-navigation a::before {
  display: inline;
  content: "";
  padding: 4px 7px;
  background: transparent url("../img/trenner-breadcrumb.png") left top no-repeat;
  background-size: auto 100%;
}

#breadcrumb-navigation .currentEntry a::before, #breadcrumb-navigation li:hover a::before {
  background-image: url("../img/trenner-breadcrumb-active.png");
}

#breadcrumb-navigation li {
  font-size: 100%;
  float: none;
  white-space: nowrap;
  position: relative;
}

#breadcrumb-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#breadcrumb-navigation .entry, #breadcrumb-navigation .trenner {
  float: left;
  position: relative;
}

#breadcrumb-navigation .unterNavigation {
  display: none;
  position: absolute;
  top: 15px;
  left: 14px;
  background-color: #ffffff;
  padding: 4px;
  box-shadow: 0px 2px 2px #ccc;
  z-index: 1000;
  border: none;
}

#breadcrumb-navigation .unterNavigation a, #breadcrumb-navigation ul.lvl1 .unterNavigation a {
  text-decoration: none;
  background: none;
  padding: 0 0 0 8px;
  height: 20px;
  line-height: 20px;
}

#breadcrumb-navigation .unterNavigation a::before, #breadcrumb-navigation a.start::before {
  display: none;
}

#breadcrumb-navigation .unterNavigation a:hover {
  background: none;
  color: #1A171B;
}

#breadcrumb-navigation a.aktiv, #breadcrumb-navigation a:hover {
  color: #6F6E6D;
}

#breadcrumb-navigation li:hover .unterNavigation {
  display: block;
}

#breadcrumb-navigation .currentEntry a, #breadcrumb-navigation a:hover {
  color: #1A171B;
}

#breadcrumb-navigation .currentEntry a {
  padding-right: 6px;
}

#breadcrumb-navigation ul.lvl1 a {
  background: none;
  padding-left: 0;
}

#breadcrumb-navigation.overlay, #breadcrumb-navigation.blog-overlay {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

#breadcrumb-navigation.overlay a, #breadcrumb-navigation.overlay .trenner {
  color: #FFFFFF;
}

#breadcrumb-navigation.overlay a::before, #breadcrumb-navigation.overlay .currentEntry a::before, #breadcrumb-navigation.overlay li:hover a::before {
  background-image: url("../img/trenner-breadcrumb-white.png");
}

/* Overlay Anpassungen */
#breadcrumb-navigation a::before, #breadcrumb-navigation .currentEntry a::before, #breadcrumb-navigation li:hover a::before,
#breadcrumb-navigation.overlay a::before, #breadcrumb-navigation.overlay .currentEntry a::before, #breadcrumb-navigation.overlay li:hover a::before {
  background: none;
}

#breadcrumb-navigation a, #breadcrumb-navigation ul.lvl1 a {
  padding-left: 14px;
  position: relative;
}

#breadcrumb-navigation.overlay a, #breadcrumb-navigation.overlay ul.lvl1 a {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

#breadcrumb-navigation .unterNavigation a, #breadcrumb-navigation.overlay ul.lvl1 .unterNavigation a {
  text-shadow: initial;
}

#breadcrumb-navigation a::before {
  content: "/";
  background: none;
  font-size: 1.5em;
  position: absolute;
  left: 3px;
  top: 1px;
  padding: 0;
}

/* Overlay Anpassungen ENDE */
#breadcrumb-navigation.overlay .currentEntry a, #breadcrumb-navigation.overlay a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#breadcrumb-navigation.overlay .unterNavigation {
  box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.5);
}

#breadcrumb-navigation.overlay .unterNavigation a {
  color: #6F6E6D;
}

#breadcrumb-navigation.overlay .unterNavigation a:hover {
  color: #1A171B;
}

/* BREADCRUMB NAVIGATION ENDE */
/* BREADCRUMB NAVIGATION NEU */
#breadcrumb-navigation.blog {
  margin: 0 0 36px 34px;
}

#breadcrumb-navigation.blog::after {
  content: "";
  display: block;
  clear: both;
}

#article-header #breadcrumb-navigation .canvas, #article-header #breadcrumb-navigation .wrapper,
#article-header.fullheight #breadcrumb-navigation.blog .canvas, #article-header.fullheight #breadcrumb-navigation.blog .wrapper {
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  transform: initial;
}

#article-header #breadcrumb-navigation .wrapper {
  margin: 10px 34px;
  padding: initial;
  width: auto;
}

#article-header #breadcrumb-navigation.blog .wrapper {
  margin: 10px 40px;
  padding: initial;
  width: auto;
}

#breadcrumb-navigation.blog-overlay .entry .start, #breadcrumb-navigation.blog .entry .start {
  padding-left: 12px;
}

#breadcrumb-navigation.blog .entry, #breadcrumb-navigation .trenner {
  background: #fff;
  padding: 2px 0 3px 0;
}

/*
  #breadcrumb-navigation.blog .wrapper { padding-left: 53px; }
*/
/* BREADCRUMB NAVIGATION NEU ENDE */
#master {
  position: relative;
  padding: 115px 0 0 0; /*top:115px; right:0; left:0;*/
  z-index: 1;
  overflow: hidden;
}

#landing-swiper {
  position: relative;
}
#landing-swiper .swiper-slide {
  min-height: 550px;
}
@media (min-width: 1280px) {
  #landing-swiper .swiper-slide {
    min-height: 690px;
  }
}

#footer.landing {
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
}

/* SLIDES */
/* .landingslide-nav, .galerie-nav { transition: opacity 0.2s ease-out; opacity:0; z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 12px; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 34px; background: transparent url("../img/landingslide-nav-prev.png") no-repeat left top; margin-top: -45px; }
 .landingslide-nav.next, .galerie-nav.next { left: auto; background-image: url("../img/landingslide-nav-next.png"); right: 12px; }
*/
.landingslide-nav, .galerie-nav, .referenz-nav {
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  left: 12px;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 34px;
  background: transparent url("../img/landingslide-nav-prev.png") no-repeat left top;
  margin-top: -45px;
  background-size: cover;
}

.landingslide-nav.next, .galerie-nav.next, .referenz-nav.next {
  left: auto;
  background-image: url("../img/landingslide-nav-next.png");
  right: 12px;
}

.landingslide-nav:hover, .galerie-nav:hover, .referenz-nav:hover {
  height: 70px;
  width: 39px;
  margin-top: -50px;
}

.ajax-referenz:hover .prev, .ajax-referenz:hover .next,
.ajax-container:hover .prev, .ajax-container:hover .next {
  opacity: 1;
}

#master:hover .landingslide-nav, .galerie-modul:hover .galerie-nav, .contentgalerie-modul:hover .galerie-nav {
  opacity: 1;
}

.swiper-slide {
  background: center center no-repeat #FFFFFF;
  background-size: cover;
}

.swiper-slide .canvas {
  min-height: 550px;
  box-sizing: border-box;
}

.swiper-slide .textbox {
  background: #FFFFFF;
  padding: 34px 31px;
  position: absolute;
}

.swiper-slide .textbox p:first-child, .swiper-slide .textbox p.slash, .swiper-slide .textbox h1.slash {
  background: url("../img/textbox-background.gif") left top no-repeat;
  padding-top: 47px;
}

.swiper-slide .textbox p, .swiper-slide .textbox h1 {
  font-size: 32px;
  margin: 0 0 10px 0;
  padding-left: 45px;
}

@media (min-width: 1280px) {
  .swiper-slide .textbox h1, p .font-max {
    font-size: 29px;
  }
}
.swiper-slide .textbox p.right {
  text-align: right;
}

.swiper-slide .textbox .trenner {
  background: url("../img/textbox-trenner.png") left bottom repeat-x;
  height: 2px;
  margin: 23px 0;
}

.swiper-slide .textbox .footer {
  font-size: 18px;
}

.landing .swiper-slide .textbox a {
  background: transparent url("../img/arrow-link.png") right center no-repeat;
  background-size: auto 50%;
  display: initial;
  margin: 0 auto;
  padding: 0 18px 0 0;
}

#master .slide1-mikros {
  background-image: url("../img/startseite/bg_slider_mikros.jpg");
}

#master .slide1-mikros .badge {
  position: absolute;
  top: 14%;
  right: 10%;
}

#master .slide1-mikros .textbox {
  width: 510px;
  top: 24%;
  left: 0px;
}

#master .slide2-holi {
  background-image: url("../img/startseite/bg_slider_holi.jpg");
  background-position: right 0px;
}

#master .slide2-holi .badge {
  position: absolute;
  top: 27%;
  left: 14%;
}

#master .slide2-holi .textbox {
  width: 596px;
  top: 6.5%;
  bottom: auto; /*2%*/
  right: 0px;
}
@media (min-width: 1280px) {
  #master .slide2-holi .textbox {
    top: 22.5%;
  }
}

#master .slide3-schwimmer {
  background-image: url("../img/startseite/bg_slider_schwimmer.jpg");
}

#master .slide3-schwimmer .badge {
  position: absolute;
  top: 4px;
  right: 7%;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) and (min-height: 830px) {
  #master .slide3-schwimmer .badge {
    top: 4%;
    right: 35%;
  }
}

#master .slide3-schwimmer .textbox {
  width: 596px;
  bottom: 33%;
  left: 0px;
}

#master .slide4-zebrastreifen {
  background-image: url("../img/startseite/bg_slider_zebrastreifen.jpg");
}

#master .slide4-zebrastreifen .badge {
  position: absolute;
  top: 7%;
  right: 22%;
}

#master .slide4-zebrastreifen .textbox {
  width: 559px;
  top: 17%;
  bottom: auto;
  left: 0px;
  transition: top 0.4s ease-out;
}

#master .slide4-zebrastreifen:hover .textbox {
  top: 17%;
  bottom: auto;
  transition: top 0.4s ease-in;
}

#master .slide5-impfen {
  background-image: url("../img/startseite/bg_slider_impfen.jpg");
}
@media (max-width: 765px) {
  #master .slide5-impfen {
    background-position-x: left;
  }
}

#master .slide5-impfen .badge {
  position: absolute;
  top: 7%;
  right: 22%;
}

#master .slide5-impfen .textbox {
  width: 559px;
  top: 17%;
  bottom: auto;
  left: 20%;
  transition: top 0.4s ease-out;
}
@media (max-width: 765px) {
  #master .slide5-impfen .textbox {
    width: 559px;
    left: 20px;
  }
}

#master .slide5-impfen:hover .textbox {
  top: 17%;
  bottom: auto;
  transition: top 0.4s ease-in;
}

#master .slide5-fruehling {
  background-image: url("../img/startseite/bg_slider_fruehling.jpg");
}
@media (max-width: 765px) {
  #master .slide5-fruehling {
    background-position-x: left;
  }
}

#master .slide5-fruehling .badge {
  position: absolute;
  top: 7%;
  right: 22%;
}

#master .slide5-fruehling .textbox {
  width: 640px;
  top: 25%;
  bottom: auto;
  left: 20%;
  transition: top 0.4s ease-out;
}
@media (max-width: 900px) {
  #master .slide5-fruehling .textbox {
    width: 70%;
    top: 40%;
    left: 40px;
  }
}

/* MASTER ENDE */
/* CONTENT */
#content {
  text-align: center;
}

#content .canvas .wrapper {
  padding: 20px 68px 10px 68px;
}

.zweispaltig {
  -moz-column-count: 2;
       column-count: 2;
  text-align: left;
}

#content h1 {
  font-size: 69px;
  line-height: 110%;
  margin: 1em 0 0.3em 0;
}

#content h3 {
  margin: 0 0 1em 0;
  display: inline-block;
  padding: 6px 12px 6px 10px;
  background: #BEBE00;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
  line-height: 112%;
}

@media (max-device-width: 568px) {
  #content h1 {
    font-size: 1.9em;
  }
}
#content h3::before {
  content: "";
  display: inline;
  background: url("../img/title-background.png") 3px center no-repeat;
  background-size: 16px auto;
  padding: 0px 11px;
}

#content h3 span {
  font-size: 1em;
}

#content li {
  margin-bottom: 0.5em;
  line-height: 140%;
}

#article-header.fullheight {
  position: relative;
  box-shadow: 0px 6px 5px rgba(120, 120, 120, 0.1);
}

#article-header.fullheight .canvas {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

#article-header.fullheight .wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#article-header.fullheight .textbox {
  background: #FFFFFF;
  padding: 37px 31px;
  position: absolute;
  right: 1%;
  bottom: 8%;
}

.blog #article-header.fullheight .textbox {
  right: auto;
  left: 56px;
}

#article-header.fullheight .textbox h1 {
  font-size: 33px;
  margin: 0 0 10px 0;
  text-align: left;
  padding: 0 0 0 45px;
}

#article-header.fullheight .textbox h3 {
  font-size: 33px;
  margin: 0 0 10px 0;
  display: block;
  text-align: left;
  background: transparent;
  padding: 0 0 0 45px;
}

#article-header.fullheight .textbox h3::before {
  display: none;
}

#article-header.fullheight .textbox .indent {
  background: url("../img/textbox-background.gif") left 6px no-repeat;
  padding-top: 47px;
}

#article-header.fullheight .textbox h1.indent {
  padding-top: 53px;
}

#article-header.fullheight .textbox h3.indent {
  padding-top: 50px;
}

#article-header.fullheight .textbox .trenner {
  background: url("../img/textbox-trenner.png") left bottom repeat-x;
  height: 2px;
  margin: 23px 0;
}

#article-header.fullheight .more-content-arrow {
  position: absolute;
  top: initial;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  margin: 0;
  transition: bottom 0.2s linear, background-size 0.15s ease-in;
}

#article-header.fullheight .more-content-arrow.down {
  bottom: 5px;
}

/* MODUL CONTENT */
.content-modul {
  background: transparent none left top no-repeat;
  display: block;
  position: relative;
  box-shadow: 0px 6px 5px rgba(120, 120, 120, 0.1);
}

.content-modul .canvas {
  padding: 20px 0;
}

.content-modul img {
  max-width: 100%;
  height: auto;
}

.content-modul.block-2 .canvas {
  padding-top: 0px;
}

.content-modul h2 {
  margin: 0.5em 0;
  line-height: 120% !important;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.content-modul p {
  font-size: 1em;
  line-height: 155% !important;
  margin: 0 0 1.2em 0;
}

.content-modul .font-utopia, .content-modul #packages .package-container .outer .head .package-description, #packages .package-container .outer .head .content-modul .package-description {
  font-size: 1.26em;
  font-style: italic;
}

.content-modul ul {
  margin: 0 0 1.2em 0;
  padding: 0;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
}

.content-modul ul li {
  display: inline;
  margin: 0 11px;
  padding: 0;
  font-size: 1.78em;
  line-height: 170%;
  white-space: nowrap;
}

.content-modul ul li::before {
  display: inline;
  content: "";
  background: transparent url("../img/icon-modulnavigation-active.png") left center no-repeat;
  background-size: 10px 10px;
  padding: 0 15px;
}

/* SITEMAP */
ul#sitemap {
  text-align: left;
  padding-top: 30px;
}

ul#sitemap hr {
  margin: 30px 0;
}

ul#sitemap .sitemap-nav {
  max-width: 480px;
  margin: 0 auto;
}

ul#sitemap li {
  display: list-item;
  float: none;
  background: transparent;
  margin: 0;
  font-size: 1em;
  list-style: none;
}

ul#sitemap li a {
  background: transparent url("../img/arrow-link.png") right center no-repeat;
  background-size: auto 80%;
  display: initial;
  margin: 0 auto;
  padding: 0 18px 0 0;
  text-decoration: none;
  font-weight: bold;
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
  font-style: normal;
}

ul#sitemap li a:hover {
  text-decoration: underline;
}

ul#sitemap li::before {
  display: none;
}

ul#sitemap li.lvl-1 a {
  text-transform: uppercase;
}

ul#sitemap li.lvl-2 a {
  text-transform: initial;
}

ul#sitemap li.lvl-3 a {
  font-style: italic;
}

ul#sitemap li.lvl-4 a {
  font-style: initial;
}

ul#sitemap ul {
  padding: 0 0 0 18px;
  margin: 0;
}

.content-modul a {
  color: #1A171B;
  text-decoration: underline;
  font-weight: normal;
}

.content-modul a:hover {
  text-decoration: overline underline;
}

/*.content-modul a.link-prominent, .content-modul a .link-prominent { background:transparent url("../img/arrow-link.png") right center no-repeat; background-size:auto 80%; display:initial; margin: 0 auto; padding: 0 18px 0 0; text-decoration: none; font-weight: bold; }*/
/*.content-modul a.link-prominent:hover, .content-modul a .link-prominent:hover  { /* color:#BEBE00; background-image:url("../img/arrow-link-green.png");* text-decoration: underline; }*/
.content-modul a.link-prominent, .content-modul a .link-prominent, section#master.blog_content .content_wrap a.link-prominent {
  background: #1A171B;
  border: 1px solid #1A171B;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 auto 4px auto;
  padding: 10px 22px 9px 22px;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.03em;
  line-height: 140%;
}

.content-modul a.link-prominent:hover, .content-modul a .link-prominent:hover, section#master.blog_content .content_wrap a.link-prominent:hover {
  color: #1A171B;
  background: transparent;
}

/* MODUL CONTENT BACKGROUNDS */
.content-modul.wgl {
  background: transparent url("../img/modul-backgrounds/modul-background-striche.png") left bottom no-repeat;
}

.content-modul.wgr {
  background: transparent url("../img/modul-backgrounds/modul-background-striche.png") right bottom no-repeat;
}

.content-modul.ga {
  background: #BEBE00 url("../img/modul-backgrounds/modul-background-angeschraegt.png") top center no-repeat;
  background-size: 100% auto;
}

#content .content-modul.ga .wrapper {
  padding-top: 60px;
}

.content-modul.g {
  background: #BEBE00;
}

#content .content-modul.g h3::before, #content .content-modul.ggl h3::before, #content .content-modul.ggr h3::before {
  background-image: url("../img/title-background-white.png");
}

.content-modul.ggl {
  background: #BEBE00 url("../img/modul-backgrounds/modul-background-striche-weiss.png") left bottom no-repeat;
}

.content-modul.ggr {
  background: #BEBE00 url("../img/modul-backgrounds/modul-background-striche-weiss.png") right bottom no-repeat;
}

.content-modul.ga h2, .content-modul.g h2, .content-modul.ggl h2, .content-modul.ggr h2 {
  color: #FFFFFF;
}

#content .content-modul.ga h3, #content .content-modul.g h3, #content .content-modul.ggl h3, #content .content-modul.ggr h3 {
  background-color: #1A171B;
  color: #FFFFFF;
}

.content-modul.s {
  background: #1A171B;
  color: #FFFFFF;
}

#content .content-modul.s h3::before {
  background-image: url("../img/title-background.png");
}

#content .content-modul.s h3 {
  color: #1A171B;
}

.content-modul.s a {
  color: #FFFFFF;
}

/*.content-modul.s a.link-prominent { color:#FFFFFF; background-image:url("../img/arrow-link-white.png"); }*/
.content-modul.s a.link-prominent {
  color: #1A171B;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.content-modul.s a.link-prominent:hover {
  color: #FFFFFF;
  background-color: transparent;
}

.content-modul.gr {
  background: #F2F2F2;
  box-shadow: none;
}

#content .content-modul.last {
  box-shadow: initial;
}

/* MODUL CONTENT ENDE */
/* MODUL GALERIE */
.galerie-modul {
  display: block;
  overflow: hidden;
  position: relative;
}

.galerie-modul .galerie-modul-image {
  width: 100%;
  height: auto;
  display: block;
}

.galerie-modul .galerie-modul-image-container {
  display: block;
  background: transparent center top no-repeat;
  background-size: cover;
}

.galerie-modul .galerie-modul-image-container img {
  display: block;
  visibility: hidden;
  width: 100%;
  height: auto;
}

/* MODUL CONTENTGALERIE */
.contentgalerie-modul {
  display: block;
  overflow: hidden;
  position: relative;
}

.contentgalerie-modul .galerie-modul-image {
  width: 100%;
  height: auto;
  display: block;
}

.contentgalerie-modul .galerie-modul-image-container {
  display: block;
  background: transparent center top no-repeat;
  background-size: cover;
}

.contentgalerie-modul .galerie-modul-image-container img {
  display: block;
  visibility: hidden;
  width: 100%;
  height: auto;
}

.contentgalerie-modul .swiper-slide {
  max-height: 630px;
}

.contentgalerie-modul.noslider {
  position: relative;
  height: 0;
  transition: padding 0.3s ease-out;
  margin: 40px 0;
  padding: 0 0 60.64% 0;
}

.contentgalerie-modul.noslider.close {
  padding: 0;
}

.contentgalerie-modul.noslider .galerie-modul {
  z-index: 10;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
  height: auto;
  transition: left 0.6s ease-out;
}

.contentgalerie-modul.noslider .galerie-modul.right {
  left: 150%;
}

.contentgalerie-modul.noslider .galerie-modul.middle {
  left: 50%;
}

.contentgalerie-modul.noslider .galerie-modul-image {
  width: 100%;
}

.contentgalerie-modul.noslider .galerie-modul-image img {
  width: 100%;
}

#content .contentgalerie-modul .textbox, #content .galerie-modul .textbox {
  background: #FFFFFF;
  padding: 37px 31px;
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 30%;
  font-size: 0.93em;
  text-align: left;
}

#content .contentgalerie-modul .textbox h3, #content .galerie-modul .textbox h3 {
  background: transparent url("../img/textbox-background.gif") left top no-repeat;
  background-size: auto 53px;
  margin: 0 0 10px 0;
  display: block;
  line-height: 120%;
  font-size: 1.482em;
  text-align: left;
  padding: 40px 0 0 37px;
}

#content .contentgalerie-modul .textbox h3::before, #content .galerie-modul .textbox h3::before {
  display: none;
}

#content .contentgalerie-modul .textbox p, #content .galerie-modul .textbox p {
  font-size: 1em;
}

.kachelgalerie-modul {
  padding: 20px 0 0 0;
}

#content .kachelgalerie-modul .textbox, #content .contentgalerie-modul .textbox, #content .galerie-modul .textbox {
  bottom: -120%;
  transition: bottom 0.4s ease-out;
}

#content .contentgalerie-modul.noslider:hover .textbox, #content .contentgalerie-modul .swiper-slide:hover .textbox, #content .galerie-modul .swiper-slide:hover .textbox {
  bottom: 0%;
  transition: bottom 0.4s ease-in;
}

#content .kachelgalerie-modul.contentgalerie-modul:hover .textbox {
  bottom: -120%;
  transition: bottom 0.4s ease-out;
}

#content .kachelgalerie-modul .galerie-modul-image-container:hover .textbox {
  bottom: 0%;
  transition: bottom 0.4s ease-in;
}

#content .contentgalerie-modul.noslider .closebtn {
  right: -100px;
  transition: right 0.4s ease-out;
}

#content .contentgalerie-modul.noslider:hover .closebtn {
  right: 24px;
  transition: right 0.4s ease-in;
}

#content .kachelgalerie-modul .textbox p {
  padding: 0 0 0 37px;
  margin: 0;
  font-size: 0.8em;
  line-height: 130%;
}

#content .contentgalerie-modul .textbox .trenner {
  background: url("../img/textbox-trenner.png") left bottom repeat-x;
  height: 2px;
  margin: 23px 0;
}

.thumbnail-nav {
  box-shadow: 0px 6px 5px rgba(120, 120, 120, 0.1);
}

.thumbnail-nav .thumbnail-navlink img {
  width: 121px;
  height: auto;
}

.galerie-vcf-download {
  text-align: right;
}

.galerie-vcf-download a {
  color: #BEBE00;
  font-weight: normal;
}

.galerie-vcf-download a:hover {
  text-decoration: underline;
}

.kachelgalerie-size-100 .inner-container {
  max-width: 100%;
  margin: 0 auto;
}
.kachelgalerie-size-50 .inner-container {
  max-width: 50%;
  margin: 0 auto;
}
.kachelgalerie-size-33 .inner-container {
  max-width: 33%;
  margin: 0 auto;
}
.kachelgalerie-size-25 .inner-container {
  max-width: 25%;
  margin: 0 auto;
}

#content .big-picture .contentgalerie-modul .textbox {
  max-height: 94%;
  box-sizing: border-box;
  overflow-y: auto;
}

/* EINZELBILD */
.bild-modul {
  position: relative;
  box-shadow: 0px 6px 5px rgba(120, 120, 120, 0.1);
}

.bild-modul .galerie-modul-image {
  width: 100%;
  height: auto;
  display: block;
}

.bild-modul .galerie-modul-image img {
  display: block;
  width: 100%;
  height: auto;
}

.bild-modul .more-content-arrow {
  position: absolute;
  top: initial;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  margin: 0;
  transition: bottom 0.2s linear, background-size 0.15s ease-in;
}

.bild-modul .more-content-arrow.down {
  bottom: 5px;
  top: auto;
}

/* MODUL GALERIE ENDE */
/* MODUL LINKLIST ENDE */
#modul-navigation {
  background-color: rgba(222, 222, 221, 0.58);
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
  list-style: none;
  margin: 0;
  padding: 0;
}

#modul-navigation li {
  margin: 15px 13px;
}

#modul-navigation a {
  display: block;
  width: 10px;
  height: 10px;
  background: transparent url("../img/icon-modulnavigation.png") left top no-repeat;
  background-size: 10px 10px;
}

#modul-navigation .active a {
  background-image: url("../img/icon-modulnavigation-active.png");
}

hr.content-trenner {
  background: transparent url("../img/content-trenner.png") left top repeat-x;
  background-size: 1px 10px;
  padding: 10px;
  border: none;
  margin: 0px 0 20px 0;
  clear: both;
}

hr.content-trenner.no-shadow {
  background: transparent;
  clear: both;
}

.more-content-arrow {
  display: inline-block;
  background: transparent url("../img/more-content-arrow.png") center center no-repeat;
  background-size: auto 34px;
  width: auto;
  height: 0;
  margin: 16px 0;
  position: relative;
  top: -10px;
  transition: top 0.2s linear, background-size 0.15s ease-in;
  padding: 21px 36px;
}

.more-content-arrow.down {
  top: -5px;
}

.more-content-arrow:hover {
  background-size: auto 40px;
  transition: background-size 0.15s ease-out;
}

.kontakt-modul {
  max-width: 420px;
  font-size: 1.25rem;
  margin: 0 auto;
  padding: 0 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.kontakt-modul h5 {
  font-size: 1em;
  font-weight: normal;
  background: transparent url("../img/textbox-trenner.png") repeat-x left bottom;
  margin: 1.2em 0 1.2em 0;
  padding: 0 0 0.8em 0;
  line-height: 120%;
}
.kontakt-modul .kontakt-daten {
  display: flex;
  flex-direction: row;
}
.kontakt-modul .kontakt-daten .bild {
  box-sizing: border-box;
  padding: 4px 0 0 0;
  min-width: 100px;
}
.kontakt-modul .kontakt-daten .bild img {
  display: block;
  width: 100%;
  height: auto;
}
.kontakt-modul .kontakt-daten .infos {
  box-sizing: border-box;
  text-align: left;
  padding: 0 0 0 1.4rem;
  flex-grow: 1;
}
.kontakt-modul .kontakt-daten .infos .name {
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.5rem;
  margin: 0 0 1.45rem 0;
}
.kontakt-modul .kontakt-daten .infos .telefon, .kontakt-modul .kontakt-daten .infos .email {
  font-size: 1rem;
  line-height: 120%;
  margin: 0 0 0.25rem 0;
}
.kontakt-modul .kontakt-daten .infos .telefon a, .kontakt-modul .kontakt-daten .infos .email a {
  font-weight: normal;
}
.kontakt-modul .kontakt-daten .infos .telefon::before, .kontakt-modul .kontakt-daten .infos .email::before {
  content: "";
  display: inline-block;
  background: transparent url("../img/icon-telefon.svg") no-repeat left top/auto 26px;
  width: 26px;
  height: 26px;
  margin: 0 0.8rem 0 0;
  vertical-align: middle;
}
.kontakt-modul .kontakt-daten .infos .email {
  overflow: hidden;
  max-width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kontakt-modul .kontakt-daten .infos .email::before {
  background-image: url("../img/icon-mail.svg");
}

/* MODUL REFERENZEN */
#referenzen-modul-head-background {
  display: none;
  width: 101%;
  height: auto;
}

#referenzen-modul {
  display: block;
  position: relative;
  background: #BEBE00;
  margin-top: 6vw;
}
#referenzen-modul::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  z-index: 10;
  display: block;
  border-style: solid;
  top: -3.3vw;
  border-width: 0 0 3.4vw 100vw;
  border-color: transparent transparent #BEBE00 transparent;
}
#referenzen-modul h2 {
  color: #FFFFFF;
  font-weight: normal;
  line-height: 120%;
  margin: 0.8em 0 0.2em 0;
}
#referenzen-modul p {
  line-height: 155%;
}
#referenzen-modul .referenzen-liste {
  width: 820px;
  margin: 50px auto 0 auto;
}
#referenzen-modul .referenzen-liste .item {
  display: block;
  cursor: pointer;
  float: left;
  text-align: left;
  font-weight: normal;
  background: url("../img/textbox-trenner.png") left bottom repeat-x;
  width: 342px;
  height: initial;
  overflow: hidden;
  margin: 0px 34px 40px 34px;
}
#referenzen-modul .referenzen-liste .item img {
  display: block;
}
#referenzen-modul .referenzen-liste .item .description-container {
  display: block;
  background: transparent url("../img/arrow-link.png") right bottom 4px no-repeat;
  background-size: 9px 18px;
  padding: 0 20px 0 0;
  height: 118px;
}
#referenzen-modul .referenzen-liste .item .kundenname {
  display: block;
  font-size: 16px;
  line-height: 130%;
  margin: 10px 0 0 0;
  font-style: italic;
}

#referenzen-modul .referenzen-liste .item .description, #referenzen-modul .referenzen-liste .item .description p {
  margin: 0;
  padding: 0;
  line-height: 113%;
  font-size: 24px;
}

#referenzen-modul .referenzen-liste .item .description {
  display: block;
  margin: 11px 0 10px 0;
  height: 84px;
  overflow: hidden;
}

#referenzen-modul .referenzen-liste .item:hover {
  color: #FFFFFF;
  background-image: url("../img/textbox-trenner-white.png");
  background-repeat: none;
}

#referenzen-modul .referenzen-liste .item:hover .description-container {
  background-image: url("../img/arrow-link-white.png");
}

#referenzen-modul .referenzen-liste::after {
  float: none;
  display: block;
  content: "";
  clear: both;
}

/* Startseite */
.headline-arrow-icon {
  position: relative;
  padding-right: 2.5rem;
  font-weight: 400;
  font-style: italic;
  font-size: 1.5rem;
}
.headline-arrow-icon:hover::after {
  background-position: 65% center;
  transition: all 0.2s ease-in-out;
}
.headline-arrow-icon::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url("../img/icon-double-arrow-white-right.png");
  background-color: #cecece;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  height: 31px;
  width: 31px;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.category-wrapper {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}
.category-wrapper .category-tag {
  text-transform: uppercase;
  background-color: #AEB019;
  font-weight: lighter;
  font-style: italic;
  padding: 5px 13px;
  line-height: 1;
  white-space: nowrap;
}
.category-wrapper .link {
  position: relative;
  background-color: #000;
  color: #AEB019;
  padding: 3px 20px 3px 12px;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
.category-wrapper .link::after {
  content: "";
  position: absolute;
  top: 26%;
  right: 4px;
  display: inline-block;
  background: url("../img/green_arrow_new.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
.category-wrapper .icon-wrapper {
  display: flex;
  align-items: center;
}
.category-wrapper .icon-wrapper .price {
  font-weight: 300;
  font-size: 1.3rem;
  margin-left: 0.8em;
}
@media (max-width: 768px) {
  .category-wrapper .icon-wrapper .price {
    margin-left: 0.3em;
    font-size: 1.25rem;
  }
}
.category-wrapper .link-wrapper {
  display: flex;
  align-items: center;
}

#blogbeitrag-measure {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 34px;
}
#blogbeitrag-measure .blogbeitrag-container {
  position: relative;
  margin-bottom: 3.5rem;
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitrag-headline {
  font-size: 1.5rem;
  font-style: italic;
  padding-top: 35px;
  margin-top: 0;
  margin-bottom: 23px;
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitrag-headline a {
  font-weight: normal;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider {
  margin: -1rem;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide {
  display: flex;
  height: auto;
  backface-visibility: hidden;
}
@supports (color: black) {
  #blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide:hover .inner {
    will-change: transform;
    backface-visibility: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-color: #fcfcfc;
    transform: scale3d(1.025, 1.025, 1.025) translateZ(0);
    transition: all 0.2s ease-in-out;
  }
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1rem;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  will-change: transform;
  backface-visibility: hidden;
  transform: scale3d(1, 1, 1) translateZ(0);
  transition: transform 0.2s ease-in-out;
  min-width: 1px;
  backface-visibility: hidden;
  overflow: hidden;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
  padding: 18px 21px;
  display: flex;
  flex-direction: column;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top .date {
  font-size: 12px;
  font-weight: lighter;
  margin-bottom: 1rem;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top .head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 83%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top .head .headline-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
  justify-content: center;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top .head .headline-wrapper strong {
  font-family: utopia-std, "Times New Roman", Times, serif;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .top .head .headline-wrapper h2 {
  margin-top: 0;
  font-size: 2.1rem;
  word-wrap: break-word;
  margin-bottom: 1rem;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .image {
  width: 100%;
  height: auto;
  max-height: 205px;
  min-height: 1px;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider .swiper-wrapper .swiper-slide .inner .image img {
  max-width: 100%;
  height: auto;
  display: block;
}
#blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider #blogbeitrags-slider-pagination {
  position: static;
}
@media (min-width: 1280px) {
  #blogbeitrag-measure .blogbeitrag-container #blogbeitrags-slider #blogbeitrags-slider-pagination {
    display: none;
  }
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-next, #blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-prev {
  display: none;
  background-image: none;
  height: 45px;
  width: 10px;
  top: 56%;
}
@media (min-width: 1280px) {
  #blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-next, #blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-prev {
    display: block;
  }
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-next:hover img, #blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-prev:hover img {
  transform: scale(1.2);
  transition: transform 0.2s ease-in-out;
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-next img, #blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-prev img {
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-next {
  right: -40px;
}
#blogbeitrag-measure .blogbeitrag-container .blogbeitragslide-nav-prev {
  left: -40px;
}

@keyframes animLandingArrow {
  0% {
    bottom: 13px;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 13px;
  }
}
.referenzen-landingpage {
  position: relative;
}
.referenzen-landingpage .arrow {
  position: absolute;
  top: -165px;
  left: 50%;
  z-index: 1000;
  cursor: pointer;
  transform: translateX(-50%);
}
@media (max-width: 1023px) {
  .referenzen-landingpage .arrow {
    display: none;
  }
}
.referenzen-landingpage .arrow#landingpage-arrow {
  width: 117px;
  height: 165px;
}
.referenzen-landingpage .arrow#landingpage-arrow:hover .arrow-icon {
  animation: animLandingArrow 0.5s ease-in-out forwards;
}
.referenzen-landingpage .arrow#landingpage-arrow.down .arrow-icon {
  animation: animLandingArrow 0.5s ease-in-out forwards;
}
.referenzen-landingpage .arrow#landingpage-arrow .arrow-text {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 2.5rem;
}
.referenzen-landingpage .arrow#landingpage-arrow .arrow-text span {
  display: block;
  font-weight: 700;
}
.referenzen-landingpage .arrow#landingpage-arrow .arrow-badge {
  position: absolute;
  right: -17px;
  top: -34px;
}
.referenzen-landingpage .arrow#landingpage-arrow .arrow-icon {
  transform: translateX(50%);
  right: 50%;
  position: absolute;
  bottom: 13px;
}
.referenzen-landingpage .arrow#landingpage-arrow .background {
  position: absolute;
  z-index: -1;
  top: 0;
  background-color: #21201f;
  height: 100%;
  width: 100%;
}
.referenzen-landingpage .arrow#landingpage-arrow .background .arrow-gradient {
  position: absolute;
  bottom: 0;
}
.referenzen-landingpage #referenzen-modul {
  margin-top: 0;
  padding: 1px;
  background-color: #F2F2F2;
}
.referenzen-landingpage #referenzen-modul::before {
  display: none;
}
.referenzen-landingpage #referenzen-modul .referenzen-liste {
  margin-top: 0;
  padding: 50px 0;
}
.referenzen-landingpage #referenzen-modul .referenzen-liste .item {
  background: #FFFFFF;
  padding-bottom: 0;
}
.referenzen-landingpage #referenzen-modul .referenzen-liste .item:hover {
  color: #1A171B;
}
.referenzen-landingpage #referenzen-modul .referenzen-liste .item .description-container {
  padding: 0 20px 6px 10px;
  background: url(../img/arrow-link.png) right 10px bottom 10px/9px 18px no-repeat;
  box-sizing: border-box;
}
.referenzen-landingpage #referenzen-modul .referenzen-liste .item .dottet-line {
  display: block;
  height: 2px;
  margin: 3px 0 0;
  background: url(../img/textbox-trenner.png) left bottom repeat-x;
}

/* MODUL REFERENZEN ENDE */
/* CONTENT ENDE */
/* REFERENZEN LISTE */
#master.referenzen {
  background-color: #F2F2F2;
}

#master.referenzen #content {
  text-align: left;
}

#referenzen-suche-info {
  display: none;
  padding: 0;
  font-weight: bold;
  font-style: normal;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  #referenzen-suche-info {
    padding: 20px 17px 10px;
  }
}
@media (min-width: 1024px) {
  #referenzen-suche-info {
    padding: 20px 35px 10px;
  }
}
@media (min-width: 1280px) {
  #referenzen-suche-info {
    padding: 20px 57px 10px;
  }
}

#content .branchen-select-container {
  margin: 35px 0;
}
#content .branchen-select-container.search-no-result {
  min-height: calc(100vh - 150px);
}
@media (min-width: 768px) {
  #content .branchen-select-container.search-no-result {
    min-height: calc(100vh - 216px);
  }
}
@media (min-width: 1024px) {
  #content .branchen-select-container.search-no-result {
    min-height: calc(100vh - 295px);
  }
}
@media (min-width: 1280px) {
  #content .branchen-select-container.search-no-result {
    min-height: calc(100vh - 299px);
  }
}
#content .branchen-select-container .canvas .wrapper {
  margin: 0 -1rem;
  position: relative;
}
#content .branchen-select-container .canvas .wrapper.branchen-select-wrapper {
  padding-left: 1rem;
}
@media (min-width: 768px) {
  #content .branchen-select-container .canvas .wrapper.branchen-select-wrapper {
    padding-left: 1rem;
  }
}
@media (min-width: 1024px) {
  #content .branchen-select-container .canvas .wrapper.branchen-select-wrapper {
    padding: 20px 68px 10px;
    padding-left: 49px;
  }
}
@media (min-width: 1280px) {
  #content .branchen-select-container .canvas .wrapper.branchen-select-wrapper {
    padding-left: 71px;
  }
}
@media (min-width: 1024px) {
  #content .branchen-select-container .canvas .wrapper {
    padding: 20px 68px 10px;
    display: flex;
    flex-wrap: wrap;
  }
}
#content .branchen-select-container .left {
  position: relative;
  padding: 1rem;
}
@media (min-width: 1024px) {
  #content .branchen-select-container .left:first-child {
    padding-left: 0;
  }
}

#branchen-select, #type-select {
  width: initial;
  height: 42px;
  line-height: 42px;
  color: #1A171B;
  background: #B2B419 url("../img/branchen-arrow.png") right 10px center no-repeat;
  background-size: 22px 7px;
  font-size: 22px;
  font-style: italic;
  padding: 0 42px 0 23px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

#branchen-list, #type-list {
  transition: max-height 0.3s, padding 0.3s;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  top: calc(100% - 1.3rem);
  left: 1rem;
  color: #1A171B;
  background: #B2B419;
  font-size: 15px;
  font-style: italic;
  padding: 0 23px 0 23px;
  cursor: pointer;
  z-index: 200;
  line-height: 130%;
  font-weight: normal;
}
#branchen-list.open, #type-list.open {
  max-height: 1000px;
  padding: 14px 23px 14px 23px;
  overflow: scroll;
}
#branchen-list .entry, #type-list .entry {
  display: block;
  background: transparent url("../img/navigation-subnavi-arrow.png") left 2px no-repeat;
  padding: 0 0 0 16px;
  margin: 0 0 14px 0;
  background-size: 11px 11px;
  font-size: 1.1em;
  white-space: nowrap;
}
#branchen-list .entry:hover, #branchen-list .entry.active, #type-list .entry:hover, #type-list .entry.active {
  color: #FFFFFF;
  background-image: url("../img/navigation-subnavi-arrow-active.png");
}

@media (min-width: 1024px) {
  #branchen-list {
    left: 0;
  }
}

#master.referenzen .font-utopia, #master.referenzen #packages .package-container .outer .head .package-description, #packages .package-container .outer .head #master.referenzen .package-description {
  font-style: italic;
}
#master.referenzen #content {
  min-height: calc(100vh - 300px);
}
#master.referenzen #referenzen-nach-art.hide, #master.referenzen #referenzen-nach-branche.hide {
  display: none;
}
#master.referenzen #referenzen-nach-art.loading .loader, #master.referenzen #referenzen-nach-branche.loading .loader {
  display: block;
  margin: 0 auto;
}
#master.referenzen .referenzen-liste .divider-shadow {
  height: 6px;
  margin: 0 0 52px 0;
  display: none;
}
#master.referenzen .referenzen-liste .item {
  display: block;
  cursor: pointer;
  position: relative;
  float: left;
  text-align: left;
  font-weight: normal;
  background: #FFFFFF;
  width: 29.83%;
  height: 262px;
  overflow: hidden;
  margin: 0 1.7% 4.3% 1.7%;
}
#master.referenzen .referenzen-liste .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  transform: scale(1.025);
}
#master.referenzen .referenzen-liste .item:focus {
  outline: #B2B419 auto 5px;
  outline-offset: 5px;
}
#master.referenzen .referenzen-liste .item img {
  display: block;
  width: auto;
  height: 100%;
}
#master.referenzen .referenzen-liste .item .referenz-bild-container {
  width: 100%;
  height: 58%;
  text-align: center;
  display: block;
  overflow: hidden;
}
#master.referenzen .referenzen-liste .item .description-container {
  display: block;
  background: transparent url("../img/arrow-link.png") right 20px bottom no-repeat;
  background-size: 9px 18px;
  padding: 0 30px 0 20px;
  height: 30%;
}
#master.referenzen .referenzen-liste .item .dottet-line {
  display: block;
  height: 2px;
  margin: 8px 20px 0px 20px;
  background: transparent url("../img/textbox-trenner.png") left bottom repeat-x;
}
#master.referenzen .referenzen-liste .item .kundenname {
  display: block;
  font-size: 0.8em;
  line-height: 130%;
  margin: 10px 0 0 0;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
}
#master.referenzen .referenzen-liste .item .description, #master.referenzen .referenzen-liste .item .description p {
  margin: 0;
  padding: 0;
  line-height: 131%;
  font-size: 1em;
}
#master.referenzen .referenzen-liste .item .description {
  display: block;
  margin: 11px 0 10px 0;
  height: 52px;
  overflow: hidden;
  font-size: 1.1em;
}
#master.referenzen .referenzen-liste .item .new-badge {
  position: absolute;
  top: -203px;
  right: -34px;
  width: 67px;
  float: none;
  height: auto;
  z-index: 100;
}
#master.referenzen .referenzen-liste .item.position-1 .new-badge, #master.referenzen .referenzen-liste .item.position-5 .new-badge {
  top: -10px;
  left: 47.5%;
  transform: translate(-100%, 0);
}
#master.referenzen .referenzen-liste .item.new {
  background: #1A171B;
  width: 25.6%;
  color: #FFFFFF;
  padding: 26px 23px;
  height: 210px;
  margin: 0 1.7% 4.3% 1.7%;
  overflow: initial;
}
#master.referenzen .referenzen-liste .item.new .dottet-line {
  display: none;
}
#master.referenzen .referenzen-liste .item.new .referenz-bild-container {
  width: 100%;
  height: 58%;
  text-align: center;
  display: block;
  overflow: hidden;
  position: relative;
  right: initial;
  top: initial;
}
#master.referenzen .referenzen-liste .item.new .description-container {
  position: relative;
  padding: 0 20px 0 0;
  background: transparent url("../img/arrow-link-white.png") right bottom no-repeat;
  background-size: 9px 18px;
  height: 42%;
}
#master.referenzen .referenzen-liste .item.new .description {
  height: 58px;
  width: auto;
}
#master.referenzen .referenzen-liste .item.new .kundenname {
  width: auto;
  background: transparent;
  padding-bottom: 0;
}
#master.referenzen .referenzen-liste .item.new .arrow {
  bottom: -8px;
  background: #1A171B url("../img/arrow-link-white.png") center center no-repeat;
  background-size: 9px 18px;
  width: 37px;
  height: 37px;
  display: block;
  position: absolute;
  right: 0;
}
#master.referenzen .referenzen-liste .item.new::after {
  float: none;
  display: block;
  content: "";
  clear: both;
}
#master.referenzen .referenzen-liste .item.new.position-1, #master.referenzen .referenzen-liste .item.new.position-5 {
  width: 58.8%;
}
@media (max-width: 1279px) and (min-width: 1025px) {
  #master.referenzen .referenzen-liste .item.new.position-1, #master.referenzen .referenzen-liste .item.new.position-5 {
    width: 58.1%;
  }
}
#master.referenzen .referenzen-liste .item.new.position-1 .referenz-bild-container, #master.referenzen .referenzen-liste .item.new.position-5 .referenz-bild-container {
  width: 46%;
  height: 210px;
  position: absolute;
  right: 24px;
  top: 26px;
}
#master.referenzen .referenzen-liste .item.new.position-1 .description-container, #master.referenzen .referenzen-liste .item.new.position-5 .description-container {
  height: 158px;
  padding: 100px 0 0 0;
  background: none;
}
#master.referenzen .referenzen-liste .item.new.position-1 .description, #master.referenzen .referenzen-liste .item.new.position-5 .description {
  width: 47.2%;
  height: 59px;
}
#master.referenzen .referenzen-liste .item.new.position-1 .kundenname, #master.referenzen .referenzen-liste .item.new.position-5 .kundenname {
  background: transparent url("../img/textbox-trenner-white.png") left bottom repeat-x;
  width: 47.2%;
  padding-bottom: 10px;
}
#master.referenzen .referenzen-liste .item.new.position-1 .arrow, #master.referenzen .referenzen-liste .item.new.position-5 .arrow {
  bottom: 48px;
}
#master.referenzen .referenzen-liste .item.new.position-1 .new-badge, #master.referenzen .referenzen-liste .item.new.position-5 .new-badge {
  top: -10px;
  right: -19px;
  width: 102px;
}
#master.referenzen .referenzen-liste::after {
  float: none;
  display: block;
  content: "";
  clear: both;
}

/* casestudy */
#master.referenzen .referenzen-liste .casestudy {
  margin: 50px 0 40px 0;
  background: #FFFFFF;
  clear: both;
  position: relative;
}

#content .casestudy .canvas .wrapper {
  padding: 60px 20px;
  box-sizing: border-box;
  max-height: 100%;
  position: relative;
}

#master.referenzen .referenzen-liste .casestudy .item {
  float: none;
  width: auto;
  position: relative;
  overflow: initial;
  height: auto;
  background: transparent url("../img/arrow-link.png") right bottom 14px no-repeat;
  background-size: 9px 18px;
}

#master.referenzen .referenzen-liste .casestudy .item .casestudy-badge {
  transition: top 0.3s ease-in-out 0.6s;
  position: absolute;
  top: -88px;
  right: 0;
  float: none;
  width: 170px;
  height: auto;
}

#master.referenzen .referenzen-liste .casestudy .item.close .casestudy-badge {
  top: -48px;
  transition: top 0.3s ease-in-out 0s;
}

#master.referenzen .referenzen-liste .casestudy .item .referenz-bild-container {
  float: left;
  width: 59.55%;
  height: 100%;
  max-height: 100%;
  position: absolute;
}

#master.referenzen .referenzen-liste .casestudy .item .description-container {
  float: right;
  width: 35.35%;
  height: 265px;
  padding: 80px 0 0 0;
  background: url("../img/textbox-trenner.png") left bottom repeat-x;
}

#master.referenzen .referenzen-liste .casestudy .item .description, #master.referenzen .referenzen-liste .casestudy .item .description p {
  font-size: 35px;
  line-height: 125%;
}

#master.referenzen .referenzen-liste .casestudy .item .description {
  text-indent: 45px;
  padding-top: 47px;
  background: url("../img/textbox-background.gif") left top no-repeat;
  height: 162px;
}

#master.referenzen .referenzen-liste .casestudy .item .kundenname {
  font-size: 18px;
  background: transparent; /* url(../img/arrow-link.png) right bottom no-repeat */
  background-size: 9px 18px;
}

#master.referenzen .referenzen-liste .casestudy .item::after {
  float: none;
  display: block;
  content: "";
  clear: both;
}

#master.referenzen .referenzen-liste div.casestudy {
  transition: margin 0.3s ease-out, max-height 0.3s ease-out;
  max-height: 494px;
}

#master.referenzen .referenzen-liste div.casestudy.hide {
  max-height: 0;
  margin: 0;
  overflow: hidden;
  min-height: initial !important;
}

#master.referenzen .referenzen-liste .casestudy .item {
  visibility: hidden;
}

.casestudy .ajax-container .close-btn {
  left: calc(50% + 488px);
  right: auto;
  transform: translate(-100%, 0);
}

.casestudy .swiper-wrapper::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.casestudy .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.casestudy-badge {
  position: absolute;
  top: -70px;
  right: -30px;
  width: 155px;
  height: 155px;
  z-index: 100;
}

.casestudy-slide .wrapper {
  text-align: left;
}

.casestudy-slide .wrapper::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.text-align-container {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.casestudy-slide .image {
  max-width: 58.9%;
  height: auto;
  /*max-height: ;*/
  display: block;
  float: right;
  margin-top: -22px;
}

.casestudy-slide .leistungspaketslide {
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.38);
}

#content .casestudy-slide .fullbackground.leistungspaketslide .wrapper {
  padding: 20px 20px;
}
@media (min-width: 48rem) {
  #content .casestudy-slide .fullbackground.leistungspaketslide .wrapper {
    padding: 0;
  }
}

#case-studies-container .leistungspaketslide.text-align-container {
  height: auto;
}
@media (min-width: 48rem) {
  #case-studies-container .leistungspaketslide.text-align-container {
    height: 32rem;
  }
}

#case-studies-container.leistungspaketslider-container .swiper-pagination {
  margin-top: 2rem;
}
@media (min-width: 48rem) {
  #case-studies-container.leistungspaketslider-container .swiper-pagination {
    margin-top: 1rem;
  }
}

.casestudy-slide .image.mobile-only {
  display: none;
}

.casestudy-slide .text-rechts .image {
  float: left;
}

.casestudy-slide .text {
  display: block;
  width: 35%;
  position: relative;
  height: 100%;
  float: left;
  padding-bottom: 56px;
  margin-top: -22px;
}

.casestudy-slide .text-rechts .text {
  float: right;
}

#content .casestudy-slide h3.tagline {
  margin: 0 0 0.2em 0;
}

.casestudy-slide h2 {
  margin: 0.15em 0;
  line-height: 110%;
}

.casestudy-slide .fullbackground {
  height: 100%;
  margin: 0 18px;
  padding: 30px 38px;
  box-sizing: border-box;
}

#content .casestudy-slide .fullbackground .wrapper {
  padding: 0;
  max-height: 100%;
}

.casestudy-slide .fullbackground .text {
  float: none;
  background: #FFFFFF;
  padding: 26px 35px 56px 35px;
  height: 100%;
  box-sizing: border-box;
  width: 45%;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  margin-top: 0;
}

.casestudy-slide .fullbackground.text-rechts .text {
  float: right;
}

#content .casestudy-slide .text h3 {
  margin: 0 0 0.2em 0;
  font-size: 1em;
}

#content .casestudy-slide .text h3::before {
  background-size: 10px auto;
  padding: 0px 8px;
}

.casestudy-slide .text p {
  font-size: 0.85em;
  margin: 0.3em 0;
  line-height: 151%;
}

.casestudy-slide .text ul {
  margin: 0.5em 0;
  padding: 0;
  list-style: none;
}

.casestudy-slide .text li {
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  margin: 0.5em 0;
  line-height: 151%;
  font-weight: normal;
  padding: 0 0 0 15px;
}

.casestudy-slide .text li::before {
  content: "●";
  display: inline-block;
  margin: 0 6px 0 -15px;
  color: #BEBE00;
  vertical-align: middle;
}

.casestudy-slide .casestudy-nav-leiste {
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
}

.casestudy-slide .fullbackground .casestudy-nav-leiste {
  left: 35px;
  right: 35px;
}

.casestudy-slide .casestudy-nav-leiste::after {
  float: none;
  display: block;
  content: "";
  clear: both;
}

.casestudy-nav {
  display: none;
}

.casestudy-nav-leiste .casestudy-nav {
  opacity: 1;
  display: block;
  position: relative;
  margin: 0;
}

.casestudy-nav.prev {
  float: left;
  cursor: pointer;
}

.casestudy-nav.prev::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background: transparent url("../img/casestudy-nav-prev.svg") left top no-repeat;
}

.casestudy-nav.next {
  float: right;
  font-style: italic;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 1.2em;
  cursor: pointer;
}

.casestudy-nav.next::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background: transparent url("../img/casestudy-nav-next.svg") left top no-repeat;
  margin: 0 0 0 10px;
}

.casestudy-nav-leiste .swiper-button-disabled {
  display: none;
}

.casestudy-end-link {
  display: block;
  position: relative;
  margin: 0;
  float: right;
  font-style: italic;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 1.2em;
  cursor: pointer;
  font-weight: normal;
}

.casestudy-end-link::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background: transparent url("../img/casestudy-nav-next.svg") left top no-repeat;
  margin: 0 0 0 10px;
}

#master.referenzen .referenzen-liste .casestudy:first-child .canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#master.referenzen .referenzen-liste .casestudy:first-child .wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#master.referenzen .referenzen-liste .casestudy:first-child .item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#master.referenzen .referenzen-liste .casestudy:first-child .item .description-container {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

#master.referenzen .referenzen-liste .casestudy:first-child .item .description {
  position: absolute;
  top: 80px;
  bottom: 32px;
  left: 0;
  right: 0;
  height: auto;
}

#master.referenzen .referenzen-liste .casestudy:first-child .item .kundenname {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 20px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
#master.referenzen .referenzen-liste .casestudy .ajax-container {
  transition: all 0.7s ease-out;
  overflow: hidden;
  background-color: #FFFFFF;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0;
}

#master.referenzen .referenzen-liste .casestudy .ajax-container.open {
  left: 0%;
}

/* Animation */
#master.referenzen .referenzen-liste .casestudy .ajax-container {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceOutRight;
  left: 0%;
}

#master.referenzen .referenzen-liste .casestudy .ajax-container.open {
  animation-name: bounceInRight;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  transition: bottom 0.4s ease-in;
}

.swiper-container-horizontal > .swiper-pagination.hide, .swiper-container-horizontal > .swiper-pagination.disable {
  bottom: -40px;
  transition: bottom 0.4s ease-out;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active {
  background: #1A171B;
}

.casestudy .casestudy-slider {
  height: 100%;
  overflow: hidden;
}

#master.referenzen .referenzen-liste .casestudy .ajax-container .casestudy-badge {
  display: block;
  position: absolute;
  top: 33px;
  right: 0;
  float: none;
  width: 120px;
  height: auto;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, 0);
}

#master.referenzen .referenzen-liste .casestudy .ajax-container {
  font-size: 13.5pt;
  color: #1A171B;
  text-align: center;
}

#master.referenzen .referenzen-liste .casestudy .ajax-container .text-container {
  padding: 0;
  position: absolute;
  left: 13%;
  right: 13%;
  top: 50%;
  transform: translateY(-50%);
}

#master.referenzen .referenzen-liste .casestudy .ajax-container .text-container.first {
  padding: 15% 13% 4% 13%;
  position: relative;
  left: initial;
  right: initial;
  top: initial;
  transform: translateY(0%);
}

#master.referenzen .referenzen-liste .item.referenz, #master.referenzen #content .referenzen-liste .item.new {
  transition: width 0.3s ease-out, height 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out, box-shadow 0.1s ease-in-out, transform 0.1s ease-in-out;
}
#master.referenzen .referenzen-liste .item.referenz.hide, #master.referenzen #content .referenzen-liste .item.new.hide {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#master.referenzen .referenzen-liste .ajax-referenz {
  transition: margin-bottom 0.7s ease-out, height 0.7s ease-out;
  position: relative;
  display: none;
  height: 0;
  overflow: hidden;
  width: 100%;
  background-color: #FFFFFF;
}

#master.referenzen .referenzen-liste .ajax-referenz.open {
  height: 445px;
  margin: 0 0 3.5% 0;
  display: block;
}

#master.referenzen .referenzen-liste .ajax-referenz.desktop {
  display: block;
  margin: 0 20px 0 20px;
  width: 915px;
}

#master.referenzen .referenzen-liste .ajax-referenz.desktop.open {
  margin: 0 20px 3.5% 20px;
}

#master.referenzen .referenzen-liste .ajax-referenz.tablet {
  display: none;
  margin: 0 17px 0 17px;
  width: 95%;
}

#master.referenzen .referenzen-liste .ajax-referenz.mobile {
  display: none;
}

#master.referenzen .referenzen-liste .ajax-referenz.mobile.open {
  margin: 0 0 3.5% 0;
  width: 100%;
}

.ajax-referenz .referenz-slider {
  height: 100%;
}

.ajax-referenz .referenz-slider .referenz-image-container {
  background-size: cover;
}

.ajax-referenz .referenz-slider .referenz-image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.ajax-referenz .referenz-slider .referenz-image-container .video-btn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent url("../img/video-btn.png") center center no-repeat;
  background-size: 100px auto;
  cursor: pointer;
}

.ajax-referenz .referenz-slider .referenz-image-container .video-container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000000;
}

.ajax-referenz .referenz-slider .referenz-info {
  position: absolute;
  left: 10%;
  bottom: 25px;
  transform: translate(0, -100%);
  z-index: 2;
  text-align: center;
  width: 26px;
  height: 26px;
  content: "";
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  color: #1A171B;
  cursor: default;
  background: #FFFFFF url("../img/fliege.gif") center center no-repeat;
}

.ajax-referenz .referenz-slider:hover .referenz-info {
  opacity: 0;
}

.ajax-referenz .referenz-slider .referenz-info.show {
  opacity: 1;
}

.ajax-referenz .referenz-slider .referenz-info.hide, .ajax-referenz .referenz-slider .referenz-info:hover {
  opacity: 0;
}

#content .ajax-referenz .referenz-slider .swiper-slide .close-btn {
  right: -100px;
  transition: right 0.4s ease-out;
  background-position: center center;
  padding: 12px;
  color: #8a8b89;
}

#content .ajax-referenz .referenz-slider .swiper-slide:hover .close-btn, #content .ajax-referenz .referenz-slider .swiper-slide.hover .close-btn {
  right: 24px;
  transition: right 0.4s ease-in;
  padding: 12px;
}

.ajax-referenz .textbox {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 35%;
  z-index: 10;
  background-color: #FFFFFF;
  padding: 34px 31px;
}

.ajax-referenz .textbox.new {
  width: 490px;
}

.ajax-referenz .textbox.new {
  padding-right: 108px;
}

#content .ajax-referenz h3 {
  background: transparent url("../img/textbox-background.gif") left top no-repeat;
  background-size: auto 53px;
  margin: 0 0 10px 0;
  display: block;
  line-height: 120%;
  font-size: 1.482em;
  text-align: left;
  padding: 40px 0 0 37px;
  -webkit-hyphens: auto;
  hyphens: auto;
}

#content .ajax-referenz h3::before {
  display: none;
}

.ajax-referenz .textbox p {
  padding: 0 0 0 37px;
  margin: 0;
  font-size: 0.7em;
  line-height: 140% !important;
}

.ajax-referenz .textbox span {
  font-size: 1em !important;
  line-height: 130% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.swiper-slide .textbox .new-badge {
  position: absolute;
  right: 28px;
  top: 22px;
  width: 84px;
  height: auto;
}

.swiper-slide .close-btn, .contentgalerie-modul.noslider .closebtn, .ajax-container .close-btn {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 24px;
  font-size: 13px;
  background: #FFFFFF url("../img/close-button.png") right 8px top 6px no-repeat;
  background-size: 10px 11px;
  z-index: 100;
  padding: 5px 22px 4px 10px;
  line-height: 120%;
  text-shadow: 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF, 0px 1px 1px #FFFFFF, 0px -1px 1px #FFFFFF;
}

.swiper-slide .textbox {
  bottom: -120%;
  transition: bottom 0.4s ease-out;
}

.swiper-slide.video-slide .textbox {
  width: auto;
  right: 10%;
}

.swiper-slide:hover .textbox, .swiper-slide.hover .textbox {
  bottom: 0%;
  transition: bottom 0.4s ease-in;
}

.swiper-slide .textbox.disable {
  bottom: -120%;
  transition: bottom 0.4s ease-out;
}

.swiper-slide .close-btn {
  right: -100px;
  transition: right 0.4s ease-out;
}

.swiper-slide:hover .close-btn, .swiper-slide.hover .close-btn {
  right: 24px;
  transition: right 0.4s ease-in;
}

/* REFERENEZN LISTE ENDE */
/* BLOG UPDATE */
/* BLOG Detail */
#content.blog {
  text-align: left;
}

.news_wrap span.prevArrow, .news_wrap span.nextArrow {
  cursor: pointer;
}

/* Blog Startseite */
#kopfzeile_blog_big {
  height: 400px;
}

#kopfzeile_blog, #kopfzeile_blog_big {
  margin-bottom: 32px;
}

#master .slide5-blog {
  background: url("../img/startseite/background_blog.png");
  background-position: center center;
  background-size: cover;
}

/* Startseiten Änderungen */
#master .slide4-zebrastreifen .textbox, #master .slide4-zebrastreifen:hover .textbox {
  top: auto;
  bottom: 43%;
}

#master .slide3-schwimmer .textbox {
  top: auto;
  bottom: 38%;
}

#master .swiper-slide.slide5-blog .textbox {
  bottom: auto;
  top: 17%;
}

#master .slide2-holi .textbox.anpinnen, #master .slide3-schwimmer .textbox.anpinnen,
#master .slide4-zebrastreifen .textbox.anpinnen,
#master .slide5-blog .textbox.anpinnen {
  top: 4.5%;
  bottom: auto;
}

#master .slide5-blog .zum_blog {
  display: inline-block;
  background: #000 url("/standards/img/arrow-link-green.png") right 9px center no-repeat;
  background-size: 7px auto;
  color: #B0B219;
  line-height: 120%;
  font-size: 0.9em;
  padding: 3px 25px 3px 9px;
  font-weight: normal;
}

/* BLOG UEBERSICHT */
section#master.blog_content {
  padding-bottom: 87px;
  background-color: #ffffff;
}

section#master.blog_overview {
  background-color: #f0f0f0;
}

section#master.blog_content em {
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
}

#master.blog_content h2.entry-title strong, #master.blog_content h1.entry-title strong,
#master.blog_content h1.indent strong {
  font-family: "utopia-std", "Times New Roman", Times, serif;
}

section#master.blog_content .bildunterschrift {
  font-size: 0.8em;
  text-align: center;
}

section#master.blog_content div.kk_wrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

section#master.blog_content hr.blogtrenner, #content.blog hr {
  background: transparent;
  height: 1px;
  width: 100%;
  border-top: 1px dotted #cecece;
  margin: 38px 0 24px 0;
}

section#master.blog_content img.bild_links_vom_text {
  margin-right: 19px;
}

section#master.blog_content img.bild_rechts_vom_text {
  margin-left: 19px;
}

/* Single View */
/* Editmode */
span.hervorheben_span,
span.template_wahl_span,
span.category_wahl_span,
span.trenner_wrap_span {
  display: block;
}

span.hervorheben_span > p,
span.template_wahl_span > p,
span.category_wahl_span > p,
span.trenner_wrap_span > p {
  margin: 3px 0 3px 5px;
}

span.hervorheben_span > input, span.hervorheben_span > p,
span.template_wahl_span > input, span.template_wahl_span > p,
span.category_wahl_span > p, span.category_wahl_span > select,
span.trenner_wrap_span > input, span.trenner_wrap_span > p {
  float: left;
}

span.hervorheben_span:after,
span.template_wahl_span:after,
span.category_wahl_span:after,
span.trenner_wrap_span:after {
  clear: both;
  content: "";
  display: block;
}

/* Non Editmode */
#master.blog_content .einleitung {
  font-size: 17pt;
  line-height: 140%;
}

/* section#master.blog_content #article-header.fullheight .textbox { right: auto; left: 5.5%; font-size: 24pt; }
section#master.blog_content #article-header.fullheight .textbox .trenner { margin: 25px 0 0 0; }
section#master.blog_content #article-header.fullheight .textbox p { margin: 0 0 0 0; } */
#master.blog_content span.backlink {
  display: block;
  cursor: pointer;
  max-width: 73px;
  padding-right: 17px;
  text-align: right;
  width: 100%;
  background: #000 url("../img/blog_back_arrow.png") 9px 7px no-repeat;
  color: #B0B219;
  font-family: "utopia-std", "Times New Roman", Times, serif;
  font-style: italic;
}

#master.blog_content span.backlink p {
  margin: 0;
  padding: 2px 0 3px 0;
}

section#master.blog_content h1.entry-title {
  font-size: 47pt;
}

section#master.blog_content h1.entry-title {
  margin: 19px 0 0 0;
  line-height: 100%;
}

section#master.blog_content h1.entry-title p {
  margin: 0;
  line-height: inherit;
}

section#master.blog_content h2.headline { /*font-family: "utopia-std-headline","Times New Roman",Times,serif;*/
  font-size: 18pt;
}

section#master.blog_content span.title_image_wrapper {
  display: block;
}

section#master.blog_content span.title_image_wrapper img {
  width: 100%;
  height: auto;
}

section#master.blog_content span.category {
  display: inline-block;
  margin: 10px 0 30px 0;
  font-size: 15pt;
  text-transform: uppercase;
  font-family: "utopia-std", Times New Roman, Times, serif;
  font-style: italic;
  padding: 5px 13px;
  background: #AEB019;
}

/* section#master.blog_content .content_wrap { width: 100%; max-width: 1000px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; font-family: "FF Max Web",Arial,Helvetica,sans-serif; font-size: 15pt; } */
/*#master.blog_content .content_wrap { margin-top: 34px; }*/
section#master.blog_content .content_wrap h1,
section#master.blog_content .content_wrap h2,
section#master.blog_content .content_wrap h3,
section#master.blog_content .content_wrap h4,
section#master.blog_content .content_wrap h5,
section#master.blog_content .content_wrap h6,
section#master.blog_content .content_wrap p {
  line-height: 140%;
}

section#master.blog_content .content_wrap a {
  color: #918D25;
  text-decoration: underline;
  font-weight: normal;
}

/* Autorenkasten */
/* Backend */
.autoren_backend {
  background: #E7E6E6;
}

.autoren_backend:after {
  clear: both;
  content: "";
  display: block;
}

.autoren_backend .autoren_backend_links,
.autoren_backend .autoren_backend_rechts {
  float: left;
}

.autoren_backend .autoren_backend_links,
.autoren_backend .autoren_backend_links input {
  max-width: 248px;
}

.autoren_backend .autoren_backend_rechts {
  padding-left: 15px;
}

.autoren_backend .autoren_backend_links input,
.autoren_backend .autoren_backend_rechts input {
  width: 100%;
}

/* Frontend */
.autorenkasten {
  background: #E7E6E6;
}

.autorenkasten .autoren_frontend {
  padding: 10px 0 30px 25px;
}

.autorenkasten:after,
.autorenkasten .autoren_frontend:after,
.autorenkasten .autoren_frontend_links span.autoren_oben:after {
  clear: both;
  content: "";
  display: block;
}

.autorenkasten .autoren_frontend_links,
.autorenkasten .autoren_frontend_rechts {
  float: left;
}

.autorenkasten .autoren_frontend_links {
  max-width: 247px;
  width: 26%;
}

.autorenkasten .autoren_frontend_links picture img {
  width: 100%;
  height: auto;
}

.autorenkasten .autoren_frontend_links p {
  margin: 0;
}

.autorenkasten .autoren_frontend_links p.el_autor {
  font-family: "utopia-std", Times New Roman, Times, serif;
  font-style: italic;
  margin-bottom: 7px;
  font-size: 18pt;
}

.autorenkasten .autoren_frontend_links span.autoren_oben {
  border-bottom: 1px dotted #000;
  font-size: 12pt;
  padding: 5px 0 6px 0;
}

.autorenkasten .autoren_frontend_links span.autoren_unten {
  font-size: 10pt;
  padding-top: 12px;
}

.autorenkasten .autoren_frontend_links span.autoren_oben,
.autorenkasten .autoren_frontend_links span.autoren_unten {
  display: block;
}

.autorenkasten .autoren_frontend_links p.aut_name {
  float: left;
}

.autorenkasten .autoren_frontend_links p.aut_mail {
  float: right;
}

.autorenkasten .autoren_frontend_rechts {
  max-width: 580px;
  width: 60.41%;
  padding-left: 47px;
  font-family: "utopia-std", Times New Roman, Times, serif;
  font-style: italic;
  background: url(/standards/img/autor_stripes.png);
  background-repeat: no-repeat;
  background-position: 50px 13px;
}

.autorenkasten .autoren_frontend_rechts > p:first-of-type {
  padding: 34px 0 0 0;
  margin: 0 0 12px 0;
}

.autorenkasten .autoren_frontend_rechts > p {
  margin: 0 0 12px 0;
}

.autorenkasten .autoren_frontend_rechts p:first-of-type:first-letter {
  padding-left: 26px;
}

/* Blogübersicht */
/* section#master.blog_content article#content { width: 100%; max-width: 1250px; margin: 0 auto; }
section#master.blog_content article#content:after { clear: both; content: ''; display: block; }
*/
img.heart_mobile_only {
  display: none;
}

/* Blog Weitere Artikel */
.blog-more-articles-slider-canvas {
  position: relative;
}

.blog-more-articles-slider-container {
  overflow: hidden;
}

.blog-more-articles-slider {
  overflow: hidden;
  margin: 0 -24px;
  position: relative;
}

.blog-more-articles-nav {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  transform: translate(-150%, -50%);
  left: 0;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 34px;
  background: transparent url(../img/landingslide-nav-prev.png) no-repeat left top;
  background-size: cover;
}

.blog-more-articles-nav.next {
  left: auto;
  background-image: url(../img/landingslide-nav-next.png);
  transform: translate(150%, -50%);
  right: 0;
}

.blog-more-articles-slider .swiper-slide {
  position: relative;
  box-sizing: border-box;
  padding: 0 24px;
}

section#master.blog_content .blog-more-articles-slider a {
  color: inherit;
  text-decoration: none;
  display: block;
  background-color: transparent;
  background-image: url("../img/textbox-trenner-gray.png"), url("../img/textbox-trenner-gray.png");
  background-position: left top, left bottom;
  background-repeat: repeat-x;
  background-size: auto;
  padding: 30px 0;
}

.blog-more-articles-slider .swiper-slide a::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

section#master.blog_content .blog-more-articles-slider .category {
  position: absolute;
  left: 24px;
  top: 30px;
  margin: 0;
  border-right: 4px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  padding: 5px 13px 5px 6px;
  font-size: 0.8em;
}

.blog-more-articles-slider .category::before {
  content: "";
  display: inline;
  background: url("../img/title-background.png") 3px center no-repeat;
  background-size: 10px auto;
  padding: 0px 8px;
}

.blog-more-articles-slider .image, .blog-more-articles-slider .title {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.blog-more-articles-slider .image img {
  width: 100%;
  height: auto;
  display: block;
}

.blog-more-articles-slider .title {
  padding: 0 14px;
}

.blog-more-articles-slider .read-article {
  display: inline-block;
  background: #000000 url("../img/arrow-link-green.png") right 9px center no-repeat;
  background-size: 7px auto;
  color: #B0B219;
  line-height: 120%;
  font-size: 0.9em;
  padding: 6px 25px 3px 9px;
  font-weight: normal;
  position: absolute;
  right: 24px;
  bottom: 30px;
}

/* BLOG ENDE */
/* SUCHE */
.search-canvas {
  display: inline-block;
  vertical-align: top;
  top: -3px;
  position: relative;
}

.open-head-search {
  display: inline-block;
  background: transparent url("../img/search.svg") center center no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  cursor: pointer;
  text-indent: -99999px;
  font-size: 0;
  vertical-align: middle;
}

.suche {
  border: 0;
  border-bottom: 1px solid #000000;
  margin: 0 0 0 20px;
  padding: 0;
  line-height: 150%;
  font-size: 0.7em;
  overflow: hidden;
  width: 0;
  transition: width 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.suche.open {
  width: 100px;
}

/* Ergebnisseite */
#suchergebnis {
  margin: 0;
  padding: 0;
  list-style: none;
  font-style: normal;
}

#suchergebnis li {
  margin: 2em 0;
  padding: 0 0 1em 0;
  display: block;
  border-bottom: 1px solid #1A171B;
}

#suchergebnis li::before {
  display: none;
}

#suchergebnis li a {
  display: block;
  text-decoration: none;
}

#suchergebnis li a:hover .suchergebnis-title {
  text-decoration: underline;
}

.suchergebnis-title {
  display: block;
  font-size: 0.9em;
  font-style: italic;
  width: auto;
  white-space: normal;
  line-height: 110%;
  margin: 0.5em 0;
}

.suchergebnis-description {
  display: block;
  font-size: 0.5em;
  line-height: 110%;
  width: auto;
  white-space: normal;
  margin: 0.5em 0;
}

#suche-pagination .seiten {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  width: 20px;
  line-height: 120%;
  font-size: 0.8em;
  padding: 5px 2px 2px 2px;
}

#suche-pagination .seiten.aktiv {
  background: #1A171B;
  color: #FFFFFF;
  text-decoration: none;
}

/* SUCHE ENDE */
/* FOOTER */
#footer {
  background: #1A171B;
  height: 70px;
  color: #9D9D9C;
  z-index: 1;
  position: relative; /* bottom:0; left:0; right:0; */
}

#footer a {
  color: #9D9D9C;
  white-space: nowrap;
}

#footer .canvas {
  height: 100%;
}

#footer .socials {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -13px 0 0 0;
  list-style: none;
}

#footer .socials li {
  margin-right: 20px;
  display: block;
  float: left;
}

#footer .socials li a {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
}

#footer a img {
  width: 100%;
  height: auto;
}

#footer .socials li .xing {
  background: transparent url("../img/footer-xing.svg") left top no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

#footer .socials li .linkedin {
  background: transparent url("../img/footer-linkedin-badge.svg") left top no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

#footer .socials li .facebook {
  background: transparent url("../img/footer-facebook.svg") left top no-repeat;
  background-size: contain;
  width: 9px;
  height: 18px;
}

#footer .socials li .youtube {
  background: transparent url("../img/footer-youtube.svg") left top no-repeat;
  background-size: contain;
  width: 49px;
  height: 18px;
}

#footer .socials li .twitter {
  background: transparent url("../img/footer-x.svg") left top no-repeat;
  background-size: contain;
  width: 21px;
  height: 18px;
}

#footer .socials li .pinterest {
  background: transparent url("../img/footer-pinterest.svg") left top no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

#footer .socials li .instagram {
  background: transparent url("../img/footer-instagram.svg") left top no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

#footer .socials li .googlepartners {
  background: transparent url("../img/footer-googlepartners.svg") left top no-repeat;
  background-size: contain;
  width: 53px;
  height: 18px;
}

#footer p {
  text-align: right;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 188px;
  margin-top: -13px;
  height: 26px;
  font-size: 9px;
  line-height: 120%;
  font-family: Verdana, Geneva, sans-serif;
}

#footer .logo {
  position: absolute;
  right: 0;
  top: 50%;
  width: 150px;
  margin-top: -11px;
  display: block;
}

/* FOOTER ENDE */
#piwikframe {
  height: 250px !important;
}

iframe[name=google_conversion_frame] {
  position: absolute;
  height: 0;
}

/* MEDIAS */
/* Desktop kleiner 1280px */
@media (min-width: 1025px) and (max-width: 1279px) {
  .canvas {
    width: 955px;
  }
  #header .logo {
    left: 34px;
    width: 270px;
  }
  #header .logo img {
    width: 100%;
    height: auto;
  }
  #header p {
    right: 321px;
    width: 235px;
  }
  #breadcrumb-navigation.blog {
    margin: 0 0px 36px 28px;
  }
  #breadcrumb-navigation .wrapper {
    padding: 10px 18px;
  }
  #article-header #breadcrumb-navigation.blog .wrapper {
    margin: 10px 20px;
  }
  #content .canvas .wrapper {
    padding: 20px 34px 0 34px;
  }
  .blog #article-header.fullheight .textbox {
    left: 32px;
  }
  #master.referenzen .referenzen-liste .canvas {
    padding: 0 34px;
    width: 917px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop {
    width: 884px;
    margin: 0 14px 0 14px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop.open {
    margin: 0 14px 3.5% 14px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.open {
    height: 430px;
  }
  #master.referenzen .referenzen-liste .item.new {
    width: 24.9%;
  }
  #master.referenzen .referenzen-liste .item.new .position-1, #master.referenzen .referenzen-liste .item.new .position-5 {
    width: 58%;
  }
  #main-navigation li.entry a {
    font-size: 23px;
  }
  .casestudy-slide .fullbackground .text {
    width: 55%;
  }
  #piwikframe {
    height: 150px !important;
  }
  /* BLOG UPDATE */
}
/* Desktop größer 1280px */
@media (min-width: 1280px) {
  .canvas {
    width: 1140px;
  }
  #master.referenzen .referenzen-liste .canvas {
    padding: 0 34px;
    width: 1060px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop {
    width: 1020px;
    margin: 0 19px 0 19px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop.open {
    margin: 0 19px 3.5% 19px;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.open {
    height: 496px;
  }
  #piwikframe {
    height: 150px !important;
  }
}
/* Tablet Hochformat kleiner 1026px */
/* @media (max-device-width: 1025px) and (orientation:portrait) { */
@media (max-width: 1025px) {
  #master {
    padding-top: 77px;
    padding-bottom: 0;
  }
  #header .canvas {
    height: 77px;
  }
  #header .logo {
    width: 184px;
    top: 47px;
    left: 14px;
    margin-top: -15px;
    bottom: auto;
  }
  #header .logo img {
    width: 100%;
    height: auto;
  }
  #header p {
    font-size: 8pt;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    margin: -17px 0 0 -120px;
    width: 200px;
  }
  #header .links {
    top: 50%;
    right: 0;
    margin-top: -15px;
    bottom: auto;
  }
  .canvas {
    margin: 0 28px;
  }
  #meta-navigation, #main-navigation {
    display: block;
  }
  #hamburger-navigation-button {
    display: none;
  }
  #meta-navigation {
    top: 12px;
    right: 84px;
  }
  #main-navigation {
    top: 28px;
    right: 68px;
  }
  #main-navigation li.entry a {
    font-size: 22px;
  }
  #one-love-badge {
    right: 0;
    width: 64px;
  }
  #one-love-badge img {
    width: 100%;
    height: auto;
  }
  #breadcrumb-navigation {
    display: block;
    height: auto;
  }
  #breadcrumb-navigation.blog {
    margin: 0 14px 36px 14px;
  }
  #breadcrumb-navigation .wrapper {
    padding-left: 0;
    margin-left: 0;
  }
  #article-header #breadcrumb-navigation.blog .wrapper {
    margin: 10px 0px;
  }
  #breadcrumb-navigation a, #breadcrumb-navigation ul.lvl1 a {
    padding-left: 13px;
  }
  .branchen-select-container {
    margin-top: 0px;
  }
  #breadcrumb-navigation li:hover .unterNavigation {
    display: none;
  }
  .ajax-referenz .referenz-slider .referenz-info {
    display: block;
  }
  #master.referenzen .referenzen-liste .item {
    width: 46%;
    margin-bottom: 48px;
  }
  #article-header.fullheight .canvas {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateX(0%);
  }
  .blog #article-header.fullheight .textbox {
    left: 14px;
  }
  .contentgalerie-modul .swiper-slide {
    min-height: auto !important;
  }
  .content-modul ul li {
    font-size: 1.4em;
    white-space: initial;
  }
  #content .contentgalerie-modul .textbox, #content .galerie-modul .textbox {
    left: 8%;
    right: 27%;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop {
    display: none;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.tablet {
    display: block;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.mobile {
    display: none;
  }
  #master.referenzen .referenzen-liste .item img {
    height: auto;
    width: 100%;
  }
  #master.referenzen .referenzen-liste .item.new {
    width: 40.34%;
    padding: 26px 22px;
    overflow: initial;
    margin-bottom: 48px;
  }
  #master.referenzen .referenzen-liste .item.new .referenz-bild-container, #master.referenzen .referenzen-liste .item.new.position-5 .referenz-bild-container {
    width: 100%;
    height: 58%;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    right: initial;
    top: initial;
  }
  #master.referenzen .referenzen-liste .item.new .referenz-bild-container img, #master.referenzen .referenzen-liste .item.new.position-5 .referenz-bild-container img {
    width: 100%;
    height: auto;
  }
  #master.referenzen .referenzen-liste .item.new .description-container, #master.referenzen .referenzen-liste .item.new.position-5 .description-container {
    padding: 0 20px 0 0;
    background: transparent url("../img/arrow-link-white.png") right bottom no-repeat;
    background-size: 9px 18px;
    height: 42%;
  }
  #master.referenzen .referenzen-liste .item.new .description, #master.referenzen .referenzen-liste .item.new.position-5 .description {
    height: 58px;
    width: auto;
  }
  #master.referenzen .referenzen-liste .item.new .kundenname, #master.referenzen .referenzen-liste .item.new.position-5 .kundenname {
    width: auto;
    background: transparent;
    padding-bottom: 0;
  }
  #master.referenzen .referenzen-liste .item.new .arrow, #master.referenzen .referenzen-liste .item.new.position-5 .arrow {
    bottom: -8px;
  }
  #master.referenzen .referenzen-liste .item .new-badge, #master.referenzen .referenzen-liste .item.position-5 .new-badge {
    width: 57px;
    left: auto;
    right: -30px;
    top: -176px;
    transform: initial;
  }
  #master.referenzen .referenzen-liste .item.new.position-5 {
    width: 58.3%;
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .referenz-bild-container {
    width: 47.2%;
    height: 210px;
    position: absolute;
    right: 24px;
    top: 26px;
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .description-container {
    height: 158px;
    padding: 100px 0 0 0;
    background: none;
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .description {
    width: 47.2%; /* height:107px; */
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .kundenname {
    background: transparent url("../img/textbox-trenner-white.png") left bottom repeat-x;
    width: 47.2%;
    padding-bottom: 10px;
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .arrow {
    bottom: 52px;
  }
  #master.referenzen .referenzen-liste .item.position-5 .new-badge {
    top: -10px;
    left: 47.5%;
    transform: translate(-100%, 0);
  }
  #master.referenzen .referenzen-liste .item.new.position-5 .new-badge {
    top: -10px;
  }
  #master.referenzen .referenzen-liste .item.new.position-1, #master.referenzen .referenzen-liste .item.new.position-5 {
    width: 90.7%;
  }
  #master.referenzen .referenzen-liste .casestudy .item {
    width: auto;
    margin-bottom: 48px;
  }
  #master.referenzen .referenzen-liste .casestudy .item .referenz-bild-container {
    float: none;
    position: relative;
    width: 100%;
    height: auto;
  }
  #master.referenzen .referenzen-liste .casestudy .item .referenz-bild-container img {
    width: 100%;
    height: auto;
  }
  #master.referenzen .referenzen-liste .casestudy .item .description-container {
    width: 100%;
    height: auto;
    padding: 40px 0 0 0;
    position: relative;
  }
  #master.referenzen .referenzen-liste .casestudy .item .description {
    height: auto;
  }
  #master.referenzen .referenzen-liste .casestudy .item .kundenname {
    padding-bottom: 10px;
    background: transparent;
  }
  #master.referenzen .referenzen-liste .casestudy .item .casestudy-badge {
    width: 85px;
    top: -16px;
  }
  #master.referenzen .referenzen-liste .casestudy .item.close .casestudy-badge {
    top: -16px;
  }
  #master.referenzen .referenzen-liste .casestudy .ajax-container .text-container.first {
    padding: 24% 13% 4% 13%;
  }
  #master.referenzen .referenzen-liste div.casestudy {
    max-height: initial;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .canvas {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .wrapper {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .item {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .item .description-container {
    height: auto;
    box-sizing: content-box;
    position: relative;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .item .description {
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    height: auto;
  }
  #master.referenzen .referenzen-liste .casestudy:first-child .item .kundenname {
    position: relative;
    bottom: initial;
    left: initial;
    right: initial;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.open {
    height: 436px;
    margin: 0 17px 3.5% 17px;
    width: 95%;
  }
  .casestudy-slide h2 {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .casestudy-slide .fullbackground .text {
    width: 60%;
  }
  .landingslide-nav, .galerie-nav, .referenz-nav {
    opacity: 1;
  }
  .slide3-schwimmer .textbox {
    width: 556px;
    bottom: 13%;
    max-width: 91%;
  }
  #master .slide2-holi .textbox {
    right: 30px;
    bottom: 32%;
  }
  .ajax-referenz .referenz-slider .referenz-image-container {
    background-size: cover;
    height: 100%;
    background-position: center center;
  }
  .ajax-referenz .referenz-slider .referenz-image-container picture,
  .ajax-referenz .referenz-slider .referenz-image-container img {
    visibility: hidden;
  }
  #piwikframe {
    height: 150px !important;
  }
  #master.referenzen .referenzen-liste .casestudy .ajax-container {
    position: relative;
    margin: 0 28px;
    left: auto;
    top: auto;
    box-sizing: border-box;
    width: auto;
    height: auto;
  }
  .casestudy > .canvas {
    /*display: none;*/
    position: absolute;
    height: 0;
    top: -34px;
    right: 0;
  }
  #content .casestudy .canvas .wrapper, .casestudy .text-align-container, .casestudy-slider .swiper-slide .canvas, .casestudy-slider .casestudy-slide {
    height: auto;
    min-height: 100%;
  }
  .casestudy-slider .swiper-slide .canvas {
    height: 100%;
  }
  .blog-more-articles-slider .title {
    font-size: 1em;
  }
  .blog-more-articles-slider .image, .blog-more-articles-slider .title {
    width: 100%;
    float: none;
  }
  .blog-more-articles-slider .title {
    padding: 1em 0 35px 0;
  }
}
/* Kleiner als Tablet - Smartphone */
@media (max-width: 1023px) {
  #content .img-left, #content .img-right {
    float: none;
    display: blog;
    margin: 0 0 6px 0;
    width: 100%;
  }
  hr {
    margin: 20px 0;
    height: 20px;
  }
  hr.content-trenner.no-shadow {
    display: none;
  }
  /* BLOG UPDATE */
  .news_wrap .vid_ref .vid_name {
    font-size: 24px;
    font-weight: normal;
  }
  .vid_ref {
    position: relative;
  }
  .vid_ref_head.desktop_only {
    display: block;
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .news_wrap .vid_ref .vid_right span.heart {
    width: 98px;
    height: 96px;
  }
  .news_wrap .vid_ref .vid_right img.heart_mobile_only {
    display: block;
    position: absolute;
    top: 2px;
    right: 5px;
    width: auto;
  }
  .news_wrap .vid_ref::after {
    content: "";
    display: block;
    float: none;
    clear: both;
  }
  .news_wrap .vid_ref .vid_right .vid-wrap {
    position: relative;
    top: 0;
    transform: translate(0, 0);
  }
  img.heart_desktop_only {
    display: none;
  }
  .news_wrap {
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    max-width: initial;
  }
  .news_wrap > div.vid_ref,
  .swiper-slide .canvas {
    padding: 0 0 50% 0;
    min-height: auto;
    min-height: initial;
  }
  section#master.single_pageview > #content {
    padding-bottom: 20px;
  }
  section#master.single_pageview img {
    width: 100%;
    height: auto;
  }
  section#master .autorenkasten {
    padding-right: 26px;
    margin-bottom: 34px;
  }
  section#master .autorenkasten .autordaten,
  section#master .autorenkasten .autormeinung {
    max-width: none;
    width: 100%;
  }
  section#master .autorenkasten .autordaten {
    padding-bottom: 10px;
    border-bottom: 1px dotted #000;
  }
  section#master .autorenkasten .autormeinung {
    padding-top: 20px;
    background-position: 0 21px;
  }
  .template_one img.bild_links, .template_two img.bild_links {
    margin-bottom: 14px;
  }
  article#content.template_one span.beitragsbild img {
    height: 200px;
  }
  section#master.blog_content article#content .beitrag {
    width: 100%;
    padding: 13px 20px 0 20px;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  section#master.blog_content article#content .beitrag img {
    display: none;
  }
  div.beitrag .innenleben h2 {
    font-size: 20px;
  }
  section#master.blog_content article#content .beitrag .innenleben {
    padding: 0;
  }
  section#master.blog_content article#content .beitrag .innenleben div.kategorie_lesen > span {
    display: none;
  }
  section#master.blog_content article#content .beitrag .innenleben .date {
    font-size: 13px;
    text-align: left;
  }
  section#master.blog_content article#content .beitrag p {
    margin: 0;
  }
  #kopfzeile_blog_big {
    margin-bottom: 0;
    height: 200px;
  }
  section#master.blog_content article#content .beitrag h2,
  section#master.blog_content article#content .beitrag p {
    padding-bottom: 15px;
  }
  section#master.blog_content article#content .beitrag.featured,
  section#master.blog_content article#content .beitrag {
    background: #bbc12a;
  }
  section#master.blog_content article#content {
    padding-bottom: 0;
  }
  section#master.blog_content article#content .beitrag .innenleben div.kategorie_lesen > span.lesen p {
    padding: 15px 0 12px 0;
    border-top: 1px dotted #000;
  }
  section#master.blog_content article#content .beitrag .innenleben div.kategorie_lesen {
    margin: 0;
  }
  section#master.blog_content article#content .beitrag .innenleben div.kategorie_lesen > span.lesen {
    background: url(/standards/img/read_more_arrow.png) no-repeat scroll 51px 22px;
    text-align: left;
    color: #000;
    max-width: none;
    width: 100%;
  }
  section#master.blog_content article#content .beitrag.right {
    background: rgb(200, 200, 38);
  }
  section#master.single_pageview > #content.template_two .textbox h2.blog_article_ueberschrift {
    padding-top: 30px;
    margin: 0;
    font-size: 20px;
    background-position: 7px 15px;
    padding-left: 60px;
  }
  #article-header.fullheight .textbox .trenner {
    margin: 12px 0;
  }
  a.more-content-arrow {
    display: none;
  }
  article#content.template_one h2.blog_article_ueberschrift {
    margin: 20px 0;
  }
  .template_one span.blog_backlink {
    margin-top: 10px;
  }
  #article-header.fullheight .textbox .indent {
    background-position: 20px 11px;
    padding-left: 65px;
  }
  .news_wrap > div.vid_ref {
    padding: 43px 40px 33px 40px;
    box-sizing: border-box;
  }
  /*.news_wrap .vid_ref .vid_right { max-width: none; width: 39.25%; }*/
  .news_wrap .vid_ref .vid_right img {
    height: auto;
  }
  .news_wrap .vid_ref .vid_left {
    float: left;
    max-width: none;
    width: 40%;
    padding-right: 6%;
  }
  .news_wrap .vid_ref .vid_right {
    float: right;
    width: 52%;
  }
  .news_wrap .vid_ref .vid_right span.heart {
    top: -43px;
    right: -18px;
  }
  #master .slide4-zebrastreifen .textbox, #master .slide4-zebrastreifen:hover .textbox,
  #master .slide3-schwimmer .textbox,
  #master .slide2-holi .textbox {
    bottom: auto;
  }
  #master .slide4-zebrastreifen .textbox, #master .slide4-zebrastreifen:hover .textbox {
    top: 15%;
  }
  #master .slide3-schwimmer .textbox {
    top: 20%;
  }
  #master .slide2-holi .textbox {
    top: 22%;
  }
  #master .slide4-zebrastreifen .badge {
    right: 3%;
  }
  #master .slide3-schwimmer .badge {
    right: 5%;
  }
  #master .slide2-holi .badge {
    top: 2%;
    right: 14%;
  }
  .ajax-referenz .textbox {
    width: 70%;
  }
  .swiper-slide .textbox p, .swiper-slide .textbox h1 {
    font-size: 20px;
  } /* font-size: 24px; */
  #content .ajax-referenz h3 {
    font-size: 1.4em;
  }
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    bottom: 36px;
    width: 60%;
  }
  #footer.landing {
    position: relative;
  }
  #footer {
    height: auto;
    min-height: 24px;
    padding: 18px 0;
    min-width: 320px;
  }
  #footer::after {
    content: " ";
    clear: both;
  }
  #footer p {
    display: none;
  }
  #footer .socials {
    margin: 0;
    left: auto;
    top: auto;
    position: relative;
    float: left;
    padding: 0;
  }
  #footer .socials li {
    margin-right: 15px;
  }
  #footer .socials a {
    margin-right: 0;
  }
  #footer .logo {
    margin: 0;
    left: auto;
    top: auto;
    position: relative;
    float: right;
    padding: none;
  }
  .casestudy-slider .swiper-slide .canvas {
    padding-bottom: 0;
  }
}
/* Tablet hochkant */
@media (max-width: 1010px) {
  #referenzen-modul .referenzen-liste {
    width: 724px;
  }
  #referenzen-modul .referenzen-liste .item {
    margin: 0px 10px 40px 10px;
  }
}
@media (max-width: 900px) {
  .content-modul.wgr, .content-modul.wgl, .content-modul.ggr, .content-modul.ggl {
    background-size: 224px auto;
  }
  #master.referenzen .referenzen-liste div.casestudy {
    max-height: initial;
  }
  /* Navigation mit Blog */
  #main-navigation li.entry a {
    font-size: 17px;
  }
  /*  */
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    width: 50%;
  }
}
@media (max-width: 880px) {
  #referenzen-modul .referenzen-liste {
    width: auto;
  }
  #referenzen-modul .referenzen-liste .item {
    float: none;
    margin: 0 auto 40px auto;
    height: auto;
    padding-bottom: 4px;
  }
  #referenzen-modul .referenzen-liste .item .description-container {
    height: auto;
  }
  #referenzen-modul .referenzen-liste .item .description, #referenzen-modul .referenzen-liste .item .description p {
    height: auto;
    font-size: 1.05em;
  }
}
/* Smartphone Landscape */
@media (max-width: 765px) {
  #master {
    padding-top: 55px;
  }
  #header {
    background: none;
    padding: 0;
    min-height: 64px;
    transition: background-color 0.3s linear, min-height 0s 0.3s linear;
    min-width: 320px;
  }
  #header.navigation {
    min-height: 100%;
    transition: min-height 0s linear;
  }
  .fullwidth {
    box-shadow: 0px 9px 5px rgba(120, 120, 120, 0.1);
  }
  #breadcrumb-navigation {
    display: none;
    height: 0;
  }
  #header .logo {
    top: 28px;
    margin: 0;
    left: 0;
    transform: translate(0, -50%);
    width: 166px;
  }
  #header .canvas {
    height: auto;
    min-height: 55px;
    transition: min-height 0.3s linear;
  }
  #header.navigation .canvas {
    min-height: 62px;
  }
  #hamburger-navigation-button {
    display: block;
  }
  #meta-navigation {
    display: none;
  }
  #main-navigation-mobile li.entry a.lvl-1 {
    font-size: 14px;
  }
  #mobile-meta-navigation {
    background: transparent url("../img/icon-meta-navigation.png") center 15px no-repeat;
    background-size: 20px auto;
    text-indent: -9999px;
    width: 20px;
    overflow: hidden;
  }
  #main-navigation-mobile li.entry.hover a#mobile-meta-navigation, #main-navigation-mobile li.entry:hover a#mobile-meta-navigation {
    background: #BEBE00 url("../img/icon-meta-navigation-active.png") center 15px no-repeat;
    background-size: 20px auto;
  }
  #main-navigation-mobile li.entry .subnavi.lvl-2 {
    display: block;
  }
  #main-navigation {
    display: none;
  }
  #main-navigation-mobile {
    display: block;
    background: none;
    height: 0;
    transition: height 0.4s ease-in-out;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    overflow: hidden;
  }
  #main-navigation-mobile.open {
    height: 400px;
  }
  .search-canvas {
    display: block;
    top: auto;
    position: initial;
    background: #FFFFFF;
  }
  .suche, .suche.open {
    width: 82%;
    margin: 4px 4px 1em 15px;
  }
  .open-head-search {
    width: 0;
    background-size: 14px auto;
    padding: 24px 10% 0 0;
    box-sizing: border-box;
  }
  #main-navigation-mobile .subnavi.lvl-1 {
    z-index: 10;
    background: #BEBE00;
  }
  #main-navigation-mobile li.entry:hover .subnavi, #main-navigation-mobile li.entry.hover .subnavi {
    z-index: 100;
  }
  /* MOBILE NAVIGATION FIX */
  #main-navigation-mobile li.entry:hover:not(.hover) a, #main-navigation-mobile li.entry.active:hover:not(.hover) a, #main-navigation-mobile li.entry:hover:not(.hover) a#mobile-meta-navigation {
    color: #1A171B;
    background-color: transparent;
  }
  #main-navigation-mobile li.entry:hover:not(.hover) a#mobile-meta-navigation {
    background: transparent url("../img/icon-meta-navigation.png") center 15px no-repeat;
    background-size: 20px auto;
  }
  #main-navigation-mobile li.entry:hover:not(.hover) .subnavi {
    max-height: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  #main-navigation-mobile li.entry.lvl-2:hover:not(.hover) .subnavi, #main-navigation-mobile .subnavi.navid-2 li.entry:hover:not(.hover) .subnavi {
    max-height: initial !important;
  }
  #main-navigation-mobile .subnavi.navid-2 li.entry .subnavi {
    padding: 0 0 0 10px;
  }
  #main-navigation-mobile .subnavi.navid-2 li.entry:hover > .subnavi a {
    color: #1A171B;
    background-image: url("../img/navigation-subnavi-arrow.png");
  }
  #main-navigation-mobile .subnavi.navid-2 .subnavi li.entry:hover > a {
    color: #FFFFFF;
    background-image: url("../img/navigation-subnavi-arrow-active.png");
  }
  #main-navigation-mobile li.entry .subnavi.lvl-1 .subnavi.lvl-1 {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    min-height: initial;
    max-height: initial;
  }
  .blog #article-header.fullheight .textbox {
    left: 0;
  }
  /* Startseite */
  .swiper-slide .textbox h1.slash {
    font-size: 1em;
    background-size: auto 29px;
    padding-top: 23px;
    padding-left: 25px;
  }
  .slide2-holi .textbox, .slide3-schwimmer .textbox, .slide4-zebrastreifen .textbox {
    width: auto;
  }
  .slide2-holi .badge {
    top: 7%;
    left: initial;
    right: 10%;
  }
  .swiper-slide .textbox .trenner {
    margin: 13px 0;
  }
  .swiper-slide .textbox p:first-child, .swiper-slide .textbox p.slash {
    background-size: auto 29px;
    padding-top: 23px;
  }
  .landing .swiper-slide .textbox p {
    font-size: 0.83em;
  }
  #content .ajax-referenz h3 {
    font-size: 1em;
    background-size: auto 33px;
    padding: 17px 0 0 25px;
  }
  .swiper-slide .textbox p {
    font-size: 0.6em;
    padding: 0 0 0 25px;
  }
  #master .slide1-mikros .textbox {
    width: auto;
  }
  #master .slide2-holi .textbox {
    width: auto;
    bottom: 6%;
  }
  #master .slide3-schwimmer .textbox {
    width: auto;
  }
  #master .slide4-zebrastreifen .textbox {
    width: auto;
  }
  #master .slide5-impfen .textbox {
    width: auto;
  }
  .news_wrap .vid_name .expl {
    display: block;
  }
  /* Startseite ENDE */
  #one-love-badge {
    top: -5px;
    width: 67px;
    height: initial;
    right: 40px;
    z-index: 30;
  }
  .canvas {
    margin: 0 15px;
  }
  #content .canvas .wrapper {
    padding: 10px 0;
  }
  #content.blog .canvas .wrapper {
    padding: 22px 0 0 0;
  }
  #content h1 {
    font-size: 36px;
  }
  #content .tag span {
    font-size: 19px;
  }
  .content-modul {
    background-size: 100% auto;
  }
  .content-modul .canvas {
    padding: 20px 0;
  }
  .content-modul ul {
    text-align: left;
  }
  .content-modul ul li {
    margin: 0 6px;
    display: block;
  }
  .content-modul ul li {
    font-size: 1.2em;
  }
  .linklist-modul {
    padding: 40px 0;
  }
  .landingslide-nav, .galerie-nav {
    opacity: 1;
  }
  .galerie-modul .galerie-modul-image-container, .contentgalerie-modul .galerie-modul-image-container {
    height: 300px;
  }
  .galerie-modul .galerie-modul-image, .contentgalerie-modul .galerie-modul-image {
    visibility: hidden;
  }
  .contentgalerie-modul.noslider .galerie-modul {
    width: 100%;
    top: 0%;
    transform: translate(-50%, 0%);
  }
  .contentgalerie-modul.noslider .galerie-modul-image {
    visibility: visible;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .contentgalerie-modul.noslider .galerie-modul-image img {
    width: auto;
    height: 100%;
  }
  #content .contentgalerie-modul .textbox {
    display: block;
    right: 5%;
    bottom: -120%;
    font-size: 0.6em;
    padding: 10px 31px 20px 31px;
  }
  #content .contentgalerie-modul .textbox h3 {
    padding: 17px 0 0 25px;
    background-size: auto 33px;
  }
  #content .contentgalerie-modul .textbox p {
    padding: 0 0 0 25px;
  }
  #content .contentgalerie-modul .swiper-slide:hover .textbox {
    bottom: 0%;
  }
  #content.blog .canvas img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
  #content.blog .canvas .autoren_frontend_rechts img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #article-header.fullheight .canvas {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateX(0%);
  }
  #article-header.fullheight .textbox h1.indent {
    font-size: 1.45em;
    background-size: auto 29px;
    padding-top: 23px;
    padding-left: 25px;
  }
  #article-header.fullheight .textbox h3 {
    font-size: 1.2em;
    padding-left: 25px;
  }
  .thumbnail-nav {
    display: none;
  }
  .zweispaltig {
    text-align: inherit;
    -moz-column-count: initial;
         column-count: initial;
  }
  /* */
  #referenzen-modul h2 {
    font-size: 36px;
  }
  #referenzen-modul .referenzen-liste .item {
    width: 260px;
    height: auto;
  }
  #referenzen-modul .referenzen-liste .item img {
    width: 100%;
    height: auto;
  }
  #referenzen-modul .referenzen-liste .item .description-container {
    width: 100%;
    height: auto;
    padding-bottom: 6px;
    background-size: 4px 10px;
  }
  #referenzen-modul .referenzen-liste .item .description, #referenzen-modul .referenzen-liste .item .description p {
    font-size: 15px;
  }
  #referenzen-modul .referenzen-liste .item .description {
    height: auto;
  }
  #referenzen-modul .referenzen-liste .item .kundenname {
    font-size: 13px;
  }
  #referenzen-modul .referenzen-liste .item::after {
    display: block;
    float: none;
    clear: both;
    content: "";
  }
  /* */
  #modul-navigation {
    display: none;
  }
  #master {
    min-width: 320px;
  }
  #master.referenzen .referenzen-liste .canvas {
    margin: 0;
  }
  #master.referenzen .referenzen-liste .item {
    width: auto;
    margin: 0 28px 48px 28px;
    float: none;
    height: 151px;
  }
  #master.referenzen .referenzen-liste .item .referenz-bild-container {
    float: right;
    width: 48%;
    height: 70%;
  }
  #master.referenzen .referenzen-liste .item img {
    width: 100%;
    height: auto;
  }
  #master.referenzen .referenzen-liste .item .description-container {
    height: 81%;
  }
  #master.referenzen .referenzen-liste .item .description {
    height: 90px;
    font-size: 20px;
    overflow: hidden;
    padding: 0 6px 0 0;
  }
  #master.referenzen .referenzen-liste .item .kundenname {
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
  }
  #master.referenzen #content .referenzen-liste .item.new {
    width: auto;
    margin: 0 0 48px 0;
    height: initial;
    padding: 30px 22px;
  }
  #master.referenzen #content .referenzen-liste .item.new .referenz-bild-container {
    width: 45%;
    height: 142px;
    position: absolute;
    right: 22px;
    top: 30px;
    text-align: center;
  }
  #master.referenzen #content .referenzen-liste .item.new .referenz-bild-container img {
    width: auto;
    height: 100%;
  }
  #master.referenzen #content .referenzen-liste .item.new .description-container {
    height: auto;
    padding: 0;
    background: none;
    float: none;
    width: auto;
  }
  #master.referenzen #content .referenzen-liste .item.new .description {
    width: 45%;
    height: initial;
    min-height: 88px;
  }
  #master.referenzen #content .referenzen-liste .item.new .kundenname {
    background: transparent url("../img/textbox-trenner-white.png") left bottom repeat-x;
    width: 45%;
    padding-bottom: 10px;
  }
  #master.referenzen #content .referenzen-liste .item.new .arrow {
    bottom: 0;
  }
  #master.referenzen #content .referenzen-liste .item .new-badge {
    right: 0;
    top: -47px;
    left: auto;
    transform: initial;
    width: 38px;
  }
  #master.referenzen #content .referenzen-liste .item.new .new-badge {
    right: 0;
    top: -53px;
    left: auto;
    transform: initial;
    width: 48px;
  }
  #master.referenzen .referenzen-liste .item .description, #master.referenzen .referenzen-liste .item .description p {
    font-size: 0.9em;
  }
  #master.referenzen .referenzen-liste .item .description span {
    font-size: 1em;
    line-height: 131% !important;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.desktop {
    display: none;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.tablet {
    display: none;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.mobile {
    display: block;
  }
  #master.referenzen .referenzen-liste .ajax-referenz.open {
    height: 300px;
  }
  /*.ajax-container .close-btn { right: 15px; } */
  #master.referenzen .referenzen-liste .ajax-referenz {
    display: block;
  }
  .ajax-referenz .referenz-slider .referenz-image-container {
    background-position: center center;
  }
  .ajax-referenz .referenz-slider .referenz-image-container img {
    height: 100%;
    width: auto;
    visibility: hidden;
  }
  .ajax-referenz .textbox {
    width: 60%;
    font-size: 1em;
    text-indent: 0;
    padding: 10px 31px 20px 31px;
    background-size: 28px 40px; /*bottom: 0%;*/
  }
  .ajax-referenz .textbox.new {
    width: 60%;
  }
  .ajax-referenz .textbox.new .textbox {
    padding-right: 58px;
  }
  .ajax-referenz .textbox .new-badge {
    width: 46px;
  }
  .swiper-slide .close-btn {
    right: 24px;
  }
  .landingslide-nav, .galerie-nav, .referenz-nav {
    opacity: 1;
  }
  #footer {
    height: auto;
    min-height: 24px;
    padding: 18px 0;
    min-width: 320px;
  }
  #footer::after {
    content: " ";
    clear: both;
  }
  #footer p {
    display: none;
  }
  #footer .socials {
    margin: 0;
    left: auto;
    top: auto;
    position: relative;
    float: left;
    padding: 0;
  }
  #footer .socials li {
    margin-right: 15px;
  }
  #footer .socials a {
    margin-right: 0;
  }
  #footer .logo {
    margin: 0;
    left: auto;
    top: auto;
    position: relative;
    float: right;
    padding: none;
  }
  #piwikframe {
    height: 340px !important;
  }
  /* BLOG UPDATE */
  .news_wrap .vid_ref .vid_right img.heart_mobile_only {
    width: 80%;
  }
  .news_wrap .vid_ref .vid_name {
    font-size: 12px;
  }
  .news_wrap .vid_ref .vid_right span.vid_wrap {
    background-size: contain;
  }
  /*.news_wrap .vid_ref .vid_right { max-width: none; width: 68%; }*/
  .news_wrap .vid_ref .vid_left {
    width: 30%;
  }
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    bottom: 20px;
  }
  .news_wrap .vid_ref .vid_right {
    width: 62%;
  }
  #master .slide2-holi .textbox,
  #master .slide3-schwimmer .textbox,
  #master .slide4-zebrastreifen .textbox {
    top: 17%;
    bottom: auto;
  }
  section#master.blog_content article#content .beitrag {
    min-height: 0;
    padding: 20px;
  }
  section#master.blog_content article#content .beitrag .innenleben div.kategorie_lesen > span.lesen {
    padding-right: 0;
  }
  section#master.blog_content img.bild_links_vom_text {
    margin-bottom: 10px;
  }
  section#master.blog_content img.bild_rechts_vom_text {
    margin-bottom: 10px;
  }
  .autorenkasten .autoren_frontend_links,
  .autorenkasten .autoren_frontend_rechts {
    width: 100%;
    max-width: none;
  }
  .autorenkasten .autoren_frontend_rechts {
    background-position: 0px 14px;
    padding-left: 0;
  }
  /*#article-header.fullheight .textbox h1.indent { font-size: 0.5em; } */
  #article-header.fullheight .textbox .indent {
    background-position: 8px 7px;
  }
  section#master.blog_content {
    padding-bottom: 0;
  }
  section#master.blog_content div.kk_wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  section#master.blog_content span.category {
    font-size: 12pt;
  }
  section#master.blog_content h1.entry-title {
    font-size: 28px;
  }
  img.bild_links_vom_text,
  img.bild_rechts_vom_text {
    margin-left: 0;
    margin-right: 0;
  }
  a.zum_beitrag_uebersicht .entry-title.setmiddle {
    display: block;
  }
  .news_wrap > div.vid_ref {
    padding: 43px 20px 33px 20px;
  }
  #master.blog_content span.backlink {
    margin-top: 30px;
  }
  #master.blog_content .einleitung {
    font-size: 16pt;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .casestudy-slide h2 {
    font-size: 2em;
  }
  .casestudy-slide .fullbackground .text {
    width: 100%;
    padding: 0;
    background: transparent;
  }
  .casestudy-slide .text-align-container .image {
    float: none;
    width: 100%;
    height: auto;
  }
  .casestudy-slide .text {
    width: 100%;
  }
  #master.referenzen .referenzen-liste div.casestudy {
    max-height: initial;
  }
  .casestudy .casestudy-slider,
  .casestudy .swiper-wrapper,
  .casestudy .swiper-slide,
  #master.referenzen .referenzen-liste .casestudy .ajax-container.open {
    height: auto;
  }
  .casestudy > .canvas {
    /*display: none;*/
    top: 15px;
    right: 20px;
  }
  #master.referenzen .referenzen-liste .casestudy .ajax-container {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .casestudy-slide .text-align-container .text {
    position: relative;
    top: -32px;
    float: none;
    height: auto;
    margin-top: 0;
    padding-bottom: 25px;
  }
  .casestudy-slide .casestudy-nav-leiste {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  #content .casestudy .canvas .wrapper, .casestudy .text-align-container, .casestudy-slider .swiper-slide .canvas {
    height: auto;
  }
  .casestudy-slide .fullbackground {
    background: none !important;
    margin: 0;
    padding: 0;
  }
  .casestudy-slide .image {
    margin-top: 0;
  }
  .casestudy-slide .image.mobile-only {
    display: block;
  }
  #content .casestudy-slide .fullbackground .wrapper {
    padding: 60px 20px;
  }
  #content .casestudy .canvas .wrapper {
    padding: 30px 28px;
  }
  #master.referenzen .referenzen-liste .casestudy .ajax-container {
    margin: 0 0;
  }
}
@media (max-width: 674px) {
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    width: 44%;
  }
}
@media (max-width: 615px) {
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    width: 40%;
  }
}
@media (max-width: 564px) {
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    width: 32%;
  }
}
/* Kleinere Smartphones und portrait */
@media (max-width: 480px) {
  .swiper-slide .canvas {
    padding: 0 0 70% 0;
    min-height: auto;
    min-height: initial;
  }
  .kontakt-modul .kontakt-daten {
    display: block;
  }
  .kontakt-modul .kontakt-daten .infos {
    padding-left: 0;
    padding-top: 1rem;
  }
  #footer .socials {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 24px 20px 24px;
    border-bottom: solid 1px #424141;
    float: none;
  }
  #footer .socials li {
    float: none;
  }
  #footer .socials li:last-child {
    margin: 0;
  }
  #footer .logo {
    display: block;
    margin: 0 auto;
    float: none;
    padding-top: 20px;
  }
  #footer .canvas {
    margin: 0;
  }
  #footer.landing {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
@media (max-width: 425px) {
  .vid_ref_head.desktop_only {
    top: 10px;
    left: 20px;
    transform: initial;
  }
  .news_wrap .vid_ref .vid_left div.vid_ansehen {
    width: 25%;
  }
}
@media (max-width: 360px) {
  #mobile-meta-navigation {
    width: 14px;
    background-size: 14px auto;
  }
  #main-navigation-mobile li.entry.hover a#mobile-meta-navigation,
  #main-navigation-mobile li.entry:hover a#mobile-meta-navigation,
  #main-navigation-mobile li.entry:hover:not(.hover) a#mobile-meta-navigation {
    background-size: 14px auto;
  }
  #main-navigation-mobile li.entry a.lvl-1 {
    font-size: 12px;
  }
  .swiper-slide .canvas {
    padding: 0 0 120% 0;
  }
}
@media (max-width: 322px) {
  .landing .swiper-slide .textbox p {
    font-size: 1em;
  }
}
.googleads-inline {
  display: inline;
}

.googleads-border {
  border-style: none;
}

.no-padding-top {
  padding-top: 0;
}

.clear {
  float: none;
  clear: both;
}

/* Referenzmodul 2018 */
#referenzen-modul-2018 {
  background: #BEBE00;
  margin-top: 6vw;
  position: relative;
  padding-top: 0.5rem;
}
#referenzen-modul-2018::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  z-index: 10;
  display: block;
  border-style: solid;
  top: -3.3vw;
  border-width: 0 0 3.4vw 100vw;
  border-color: transparent transparent #BEBE00;
}
#referenzen-modul-2018.add-padding {
  padding-top: 4.1rem;
}
.referenzen-landingpage #referenzen-modul-2018 {
  margin-top: 0;
  background-color: #F2F2F2;
  padding-bottom: 70px;
}
.referenzen-landingpage #referenzen-modul-2018::before {
  display: none;
}
#referenzen-modul-2018 h2 {
  color: #FFFFFF;
  font-weight: 400;
  line-height: 120%;
  padding: 0.8em 0 0.2em;
  margin: 0;
}
#referenzen-modul-2018 .referenzen-liste-container {
  max-width: 1020px;
  padding: 0 34px;
  margin: 0 auto;
}
#referenzen-modul-2018 .referenzen-liste {
  margin: 0 -1rem;
  padding: 1rem 0;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container {
  position: relative;
  overflow: visible;
  margin-bottom: 9%;
}
@media (min-width: 768px) {
  #referenzen-modul-2018 .referenzen-liste #videoreferenz-container {
    margin-bottom: 0;
  }
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .video-ref-headline {
  position: absolute;
  top: -3rem;
  font-size: 1.5rem;
  color: #000;
  font-style: italic;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item {
  position: relative;
  background-color: #21201f;
  padding: 22px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  #referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item {
    padding-bottom: 22px;
  }
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item::after {
  position: absolute;
  content: "";
  display: inline-block;
  background-image: url("../img/arrow-link-white.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 18px;
  width: 9px;
  bottom: 1.4rem;
  right: 1rem;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .heart {
  position: absolute;
  right: 31px;
  top: -62px;
  z-index: 1;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper .vid-img-wrapper {
  position: relative;
  min-height: 1px;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper .vid-img-wrapper .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper .vid-img-wrapper .vid-img {
  width: 100%;
  height: auto;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper .teasertext {
  color: #fff;
  padding-right: 1rem;
  padding-top: 2rem;
}
#referenzen-modul-2018 .referenzen-liste #videoreferenz-container .item .wrapper .teasertext p {
  margin: 0;
}
#referenzen-modul-2018 .referenzen-liste .item-container {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  position: relative;
  transition: transform 0.1s ease-in-out;
}
@media (min-width: 768px) {
  #referenzen-modul-2018 .referenzen-liste .item-container {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #referenzen-modul-2018 .referenzen-liste .item-container {
    width: 33%;
  }
}
#referenzen-modul-2018 .referenzen-liste .item-container:hover {
  transform: scale(1.025);
}
.referenzen-landingpage #referenzen-modul-2018 .referenzen-liste .item-container:hover .item {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
#referenzen-modul-2018 .referenzen-liste .referenzen-headline {
  position: absolute;
  top: -5rem;
}
#referenzen-modul-2018 .referenzen-liste .item {
  display: block;
  width: 100%;
  min-height: 100%;
  font-weight: normal;
  text-align: left;
  transition: box-shadow 0.1s ease-in-out;
  background-color: #fff;
}
#referenzen-modul-2018 .referenzen-liste .item:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.referenzen-landingpage #referenzen-modul-2018 .referenzen-liste .item {
  background: #FFFFFF;
}
#referenzen-modul-2018 .referenzen-liste .item .referenz-bild-container {
  width: 100%;
  height: 58%;
  text-align: center;
  display: block;
  overflow: hidden;
}
#referenzen-modul-2018 .referenzen-liste .item .referenz-bild-container img {
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
@media (min-width: 1024px) {
  #referenzen-modul-2018 .referenzen-liste .item .referenz-bild-container img {
    max-height: 158px;
  }
}
#referenzen-modul-2018 .referenzen-liste .description-container {
  display: block;
  position: relative;
  margin: 0 1.2rem 1rem;
  background: url(../img/textbox-trenner.png) left bottom repeat-x;
  padding: 0 0 5px 0;
}
.referenzen-landingpage #referenzen-modul-2018 .referenzen-liste .description-container {
  margin: 0 1.2rem 1rem 1.2rem;
}
#referenzen-modul-2018 .referenzen-liste .description-container::after {
  content: "";
  display: block;
  background: url(../img/arrow-link.png) center center/contain no-repeat;
  width: 9px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 6px;
}
#referenzen-modul-2018 .referenzen-liste .description-container .description {
  display: block;
  margin: 11px 0 10px;
  height: 52px;
  overflow: hidden;
  font-size: 1.1em;
}
#referenzen-modul-2018 .referenzen-liste .description-container .description p {
  margin: 0;
  padding: 0;
  line-height: 131%;
  font-size: 1em;
}
#referenzen-modul-2018 .referenzen-liste .description-container .kundenname {
  display: block;
  font-size: 0.8em;
  line-height: 130%;
  margin: 10px 0 0;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
}
#referenzen-modul-2018 .casestudy {
  padding: 1rem 0 3rem 0;
  max-height: 494px;
}
#referenzen-modul-2018 .casestudy .canvas {
  width: 917px;
}
#referenzen-modul-2018 .casestudy .ajax-container {
  font-size: 13.5pt;
  color: #1A171B;
}
#referenzen-modul-2018 .casestudy h2 {
  margin: 0.15em 0;
  line-height: 110%;
  color: #1A171B;
  padding: 0;
}
#referenzen-modul-2018 .casestudy h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
  display: inline-block;
  padding: 6px 12px 6px 10px;
  background: #BEBE00;
  line-height: 112%;
}
#referenzen-modul-2018 .casestudy .font-utopia, #referenzen-modul-2018 .casestudy #packages .package-container .outer .head .package-description, #packages .package-container .outer .head #referenzen-modul-2018 .casestudy .package-description {
  font-style: italic;
}
#referenzen-modul-2018 .casestudy .casestudy-slide .fullbackground .text {
  width: 55%;
}
#referenzen-modul-2018 .casestudy .text-align-container {
  padding: 3rem 0;
}

.grd-row {
  display: flex;
  flex-wrap: wrap;
}

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

.rpi-progress-bar {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-top: 20px;
  z-index: 100;
}

.rpi-progress-bar__percentage {
  box-sizing: inherit;
  font-size: 16px;
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  color: #000;
  opacity: 0.3;
  width: auto;
  min-width: 4em;
  padding-left: 4px;
}

.rpi-progress-bar__position {
  box-sizing: inherit;
  height: 3px;
  width: 100%;
  background-color: rgba(190, 190, 0, 0.8);
  transform-origin: 0 50%;
  transition: transform 50ms;
  transform: scaleX(0);
  will-change: transform;
  position: relative;
}

.blogcontent-nav-container {
  padding: 0 1rem;
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
}
.blogcontent-nav-container .blogcontent-nav {
  background-color: #000;
  color: #fff;
  padding: 7px 12px;
  font-size: 1rem;
}
.blogcontent-nav-container .blogcontent-nav#blogcontent-back {
  position: relative;
  padding-left: 1.5rem;
}
.blogcontent-nav-container .blogcontent-nav#blogcontent-back::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.58rem;
  left: 0.3rem;
  background-image: url("../img/arrow-link-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  height: 10px;
  width: 10px;
}
.blogcontent-nav-container .blogcontent-nav#blogcontent-more {
  position: relative;
  padding-right: 1.5rem;
}
.blogcontent-nav-container .blogcontent-nav#blogcontent-more::after {
  content: "";
  position: absolute;
  display: block;
  top: 0.58rem;
  right: 0.3rem;
  background-image: url("../img/arrow-link-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
.blogcontent-nav-container #loader-wrapper {
  display: none;
  justify-content: center;
  width: 100%;
}
.blogcontent-nav-container #loader-wrapper.show {
  display: flex;
}

.loader-icon.show {
  display: inline-block;
}
.loader-icon.hide {
  display: none;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
#master {
  padding: 115px 0 0;
}
#master .blog_content {
  padding-bottom: 87px;
}

#content-loader {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  #content-loader {
    padding-top: 1.5rem;
    padding-bottom: 0rem;
  }
}

.blogcontent-loader-button {
  display: none;
  background-color: #000;
  color: #fff;
  padding: 7px 12px;
  font-size: 1rem;
  outline: 0;
  margin-top: 2rem;
  cursor: pointer;
  border: 0;
  margin-bottom: 2rem;
}

.blog_content .beitragrow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1260px;
}
.blog_content .beitragrow .blogbeitrag-container {
  max-width: 100%;
  min-width: 100%;
  transition: all 0.1s ease-in-out;
}
.blog_content .beitragrow .blogbeitrag-container:hover {
  transform: scale(1.025);
}
.blog_content .beitragrow .blogbeitrag-container:hover .blogbeitrag-uebersicht-link {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .blog_content .beitragrow .blogbeitrag-container {
    max-width: 50%;
    min-width: 50%;
  }
}
.blog_content .beitragrow .blogbeitrag-container.no-teaser .inner .blogbeitrag-uebersicht-link .top {
  padding-top: 2.2rem;
}
.blog_content .beitragrow .blogbeitrag-container.no-teaser .inner .blogbeitrag-uebersicht-link .top .head .headline-wrapper {
  margin-top: 0;
  justify-content: flex-start;
}
.blog_content .beitragrow .blogbeitrag-container .inner {
  margin: 1rem;
  height: calc(100% - 2rem);
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  color: #000;
  min-height: 445px;
  box-sizing: border-box;
  background-color: #fff;
  transition: box-shadow 0.1s ease-in-out;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top {
  transition: transform 0.2s;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
  padding: 2.2rem 2rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top.swap-positions {
  padding-top: 1rem;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top.swap-positions .head .headline-wrapper {
  order: 1;
  justify-content: flex-start;
  flex-grow: 0;
  margin-bottom: 0.7em;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top.swap-positions .head .date {
  order: 2;
  flex-grow: 1;
  margin-bottom: 2em;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top.swap-positions .head .category-wrapper {
  order: 3;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .date {
  display: block;
  font-size: 12px;
  font-weight: lighter;
  line-height: 140%;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head .headline-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
  justify-content: center;
  margin: 0.8rem 0;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head .headline-wrapper strong {
  font-family: utopia-std, "Times New Roman", Times, serif;
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head .headline-wrapper h2 {
  margin: 0;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  .blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head .headline-wrapper h2 {
    font-size: 2.4rem;
  }
}
.blog_content .beitragrow .blogbeitrag-container .inner .blogbeitrag-uebersicht-link .top .head .category-wrapper {
  margin-bottom: 1rem;
}
.blog_content .beitragrow .blogbeitrag-container .inner .postpic-container {
  width: 100%;
  height: auto;
  padding: 44% 0 0;
  position: relative;
  overflow: hidden;
}
.blog_content .beitragrow .blogbeitrag-container .inner .postpic-container img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.kontakt-modul-full {
  max-width: 100%;
  background-color: #f0f0f0;
}
.kontakt-modul-full .canvas .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.kontakt-modul-full .kontaktmodul-text {
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .kontakt-modul-full .kontaktmodul-text {
    max-width: 50%;
    flex-basis: 50%;
  }
}
.kontakt-modul-full .kontaktmodul-text .inner {
  padding-left: 40px;
  position: relative;
  max-width: 21rem;
  font-size: 1.375rem;
  margin-bottom: 1em;
}
.kontakt-modul-full .kontaktmodul-text .inner p:first-child {
  margin-bottom: 0;
}
.kontakt-modul-full .kontaktmodul-text .inner p:nth-child(2) {
  margin-top: 1rem;
}
.kontakt-modul-full .kontaktmodul-text .inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  display: inline-block;
  background: url("../img/autor_stripes.png") center no-repeat;
  height: 41px;
  width: 34px;
}
.kontakt-modul-full .kontakt-daten {
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .kontakt-modul-full .kontakt-daten {
    max-width: 50%;
    flex-basis: 50%;
  }
}
.kontakt-modul-full .kontakt-daten .infos {
  padding-right: 2.4rem;
}
.kontakt-modul-full .kontakt-daten .infos .name {
  font-style: normal;
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  margin: 0 0 0.75rem;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  border-bottom: 2px dotted #000;
}

#leistungspakete-detail p {
  line-height: 150%;
}
#leistungspakete-detail .kontakt-modul {
  padding-bottom: 2rem;
}
@media (min-width: 64rem) {
  #leistungspakete-detail .kontakt-modul {
    padding-bottom: 0;
  }
}
@media (min-width: 64rem) {
  #leistungspakete-detail .kontakt-modul .kontaktmodul-text {
    max-width: 40%;
    flex-basis: 40%;
  }
}
@media (min-width: 1280px) {
  #leistungspakete-detail .kontakt-modul .kontaktmodul-text {
    max-width: 50%;
    flex-basis: 50%;
  }
}
#leistungspakete-detail .kontakt-modul .kontakt-daten {
  flex-direction: column;
}
@media (min-width: 32rem) {
  #leistungspakete-detail .kontakt-modul .kontakt-daten {
    flex-direction: row;
  }
}
@media (min-width: 64rem) {
  #leistungspakete-detail .kontakt-modul .kontakt-daten {
    max-width: 60%;
    flex-basis: 60%;
  }
}
@media (min-width: 1280px) {
  #leistungspakete-detail .kontakt-modul .kontakt-daten {
    max-width: 50%;
    flex-basis: 50%;
  }
}
#leistungspakete-detail .kontakt-modul .kontakt-daten .bild {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
@media (min-width: 32rem) {
  #leistungspakete-detail .kontakt-modul .kontakt-daten .bild {
    padding-left: 0;
    padding-right: 0;
  }
}
#leistungspakete-detail .kontakt-modul .kontakt-daten .infos {
  padding-left: 2.4rem;
  margin-top: 1rem;
}
@media (min-width: 32rem) {
  #leistungspakete-detail .kontakt-modul .kontakt-daten .infos {
    margin-top: 0rem;
    padding-left: 1.4rem;
  }
}
#leistungspakete-detail .kontakt-modul .kontakt-daten .telefon {
  white-space: nowrap;
}
#leistungspakete-detail .leistungspaket-header-wrapper .wrapper {
  margin-top: -1rem;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content #leistungspaket_headline {
    font-size: 3.7125rem;
  }
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content #leistungspaket_intro_text {
    font-size: 1.425rem;
  }
}
#leistungspakete-detail #content #leistungspaket_fliesstext_text {
  font-family: "FF Max Web", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-style: normal;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content #leistungspaket_fliesstext_text {
    font-size: 1em;
  }
}
#leistungspakete-detail #content #leistungspaket_packages_headline {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content #leistungspaket_packages_headline {
    margin-top: 1rem;
  }
}
#leistungspakete-detail #content .packages_intro_wrapper p:last-child {
  margin-bottom: 0;
}
#leistungspakete-detail #content .header-wrapper {
  position: relative;
}
#leistungspakete-detail #content .header-wrapper .background {
  background-color: #f0f0f0;
  padding: 2rem 0 10px 0;
}
@media (max-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .background {
    bottom: 4%;
    position: absolute;
  }
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .background {
    background-color: transparent;
    padding: 0;
    bottom: auto;
    position: initial;
  }
}
#leistungspakete-detail #content .header-wrapper .canvas {
  z-index: 100;
  width: 100%;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .canvas {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 64rem) {
  #leistungspakete-detail #content .header-wrapper .canvas {
    width: 1140px;
  }
}
#leistungspakete-detail #content .header-wrapper .canvas .wrapper {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .canvas .wrapper {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
}
#leistungspakete-detail #content .header-wrapper .more-content-arrow {
  position: absolute;
  top: initial;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  margin: 0;
  transition: bottom 0.2s linear, background-size 0.15s ease-in;
}
#leistungspakete-detail #content .header-wrapper .bg-gradient {
  display: block;
}
@media (max-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .bg-gradient {
    opacity: 60%;
  }
}
#leistungspakete-detail #content .header-wrapper .package-desc-container {
  transform: rotate(-10deg) translateY(-51%);
  margin-right: 1rem;
  margin-left: 1rem;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container {
    position: absolute;
    align-items: center;
    top: 50%;
    right: 4rem;
    transform: rotate(-10deg) translateY(-50%);
    margin: auto;
  }
}
@media all and (-ms-high-contrast: none) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container {
    display: inline-block;
  }
}
#leistungspakete-detail #content .header-wrapper .package-desc-container .package-text {
  font-style: italic;
  color: #AEB019;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  text-align: right;
  font-size: 1.4rem;
  max-width: 260px;
  padding-right: 0.5em;
  display: inline-block;
  margin: 0;
  z-index: 1;
  line-height: 1.1;
  transform: translateY(56px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container .package-text {
    /* IE10+ CSS styles */
    transform: translateY(10px);
  }
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container .package-text {
    font-size: 2rem;
  }
}
#leistungspakete-detail #content .header-wrapper .package-desc-container .package-icon {
  min-height: 100px;
  max-height: 213px;
  z-index: 1;
  height: 6rem;
  width: 7rem;
}
@media (min-width: 32rem) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container .package-icon {
    height: 7rem;
    width: 8rem;
  }
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container .package-icon {
    height: 10rem;
    width: 10rem;
  }
}
@media (min-width: 64rem) {
  #leistungspakete-detail #content .header-wrapper .package-desc-container .package-icon {
    height: 16rem;
    width: 16rem;
  }
}
#leistungspakete-detail #content .header-wrapper .package-desc-container .bg-gradient {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  backface-visibility: hidden;
}
#leistungspakete-detail #content #article-header {
  position: relative;
  min-height: calc(50vh - 15vw);
  z-index: -10;
}
@media (min-width: 48rem) {
  #leistungspakete-detail #content #article-header {
    min-height: calc(50vh - 5vw);
  }
}
@media (min-width: 64rem) {
  #leistungspakete-detail #content #article-header {
    min-height: calc(100vh - 110px);
  }
}
#leistungspakete-detail.blog hr {
  margin: 38px 0 60px;
}

#case-studies-container .text-align-container {
  height: 32rem;
}
@media (min-width: 48rem) {
  #case-studies-container .text-align-container {
    overflow: hidden;
  }
}
#case-studies-container .wrapper {
  height: 100%;
  max-height: none;
}
#case-studies-container .wrapper.flex-wrapper {
  justify-content: flex-end;
}
@media (min-width: 48rem) {
  #case-studies-container .wrapper.flex-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#case-studies-container .wrapper.flex-wrapper.flex-end {
  justify-content: flex-end;
}
@media (min-width: 48rem) {
  #case-studies-container .wrapper.flex-wrapper.flex-start {
    justify-content: flex-start;
  }
  #case-studies-container .wrapper.flex-wrapper.flex-start .media-el {
    margin-right: 0;
    margin-left: 2rem;
  }
}
#case-studies-container .wrapper .media-el {
  position: relative;
  width: 100%;
  height: auto;
  outline: 0;
  overflow: hidden;
}
@media (min-width: 48rem) {
  #case-studies-container .wrapper .media-el {
    width: 57%;
    height: auto;
    margin-right: 2rem;
  }
}
#case-studies-container .wrapper .media-el .video-thumbnail {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: auto;
}
#case-studies-container .wrapper .media-el .video-thumbnail img {
  height: auto;
  width: 100%;
}
@media (min-width: 48rem) {
  #case-studies-container .wrapper .media-el .video-thumbnail img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}
#case-studies-container .wrapper .media-el video {
  outline: none;
  width: 100%;
  height: auto;
}
#case-studies-container .wrapper .image {
  max-width: 100%;
}
#case-studies-container .casestudy-slide .text-align-container .text {
  top: 0;
  padding-top: 1rem;
}
#case-studies-container .casestudy-slide .text-align-container .text.fullwidth {
  width: 100%;
  box-shadow: none;
}
#case-studies-container .swiper-pagination {
  position: relative;
  margin-top: 1rem;
}

#packages {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 0;
}
@media (min-width: 48rem) {
  #packages {
    margin-top: 2rem;
  }
}
@media (min-width: 64rem) {
  #packages {
    margin: -1rem;
    margin-top: 2rem;
  }
}
#packages .package-container {
  margin: 0.3rem 0;
}
@media (min-width: 48rem) {
  #packages .package-container {
    margin: 1rem 0;
  }
}
@media (min-width: 1024px) {
  #packages .package-container {
    margin: 0;
  }
}
#packages .package-container ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
#packages .package-container ul li {
  position: relative;
  padding-left: 1.5rem;
  margin: 1.2rem 0;
  line-height: 1.4;
  font-size: 0.95rem;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  max-width: 100%;
}
#packages .package-container ul li:first-child {
  margin-top: 0;
}
#packages .package-container ul li:last-child {
  margin-bottom: 0;
}
#packages .package-container ul li::before {
  content: "";
  top: 0.3rem;
  position: absolute;
  left: 0;
  background-image: url("../img/icon-arrow-list.png");
  background-size: 0.8rem;
  background-repeat: no-repeat;
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
}
@supports (color: black) {
  #packages .package-container ul li::before {
    background-image: url("../img/icon-arrow-list.svg");
  }
}
#packages .package-container .outer {
  box-shadow: 0 0 91px 21px rgba(150, 150, 150, 0.1);
  background-color: #fff;
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  #packages .package-container .outer {
    margin: 1rem;
    height: calc(100% - 2rem);
  }
  #packages .package-container .outer .bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
}
#packages .package-container .outer .head {
  position: relative;
}
#packages .package-container .outer .head::before {
  content: "";
  background-image: url("../img/packages-head-slope.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -24px;
  height: 25px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#packages .package-container .outer .head .accordions-responsive .accordion-container .accordion .accordion-head {
  transition: padding-bottom 0.5s ease-in-out;
}
#packages .package-container .outer .head .accordions-responsive .accordion-container .accordion.open .accordion-head {
  padding-bottom: 1rem;
}
@media (min-width: 64rem) {
  #packages .package-container .outer .head .accordions-responsive .accordion-container .accordion.open .accordion-head {
    padding-bottom: 0;
  }
}
#packages .package-container .outer .head hr {
  margin: 0 1rem 0 1rem;
  max-width: calc(100% - 2rem);
}
#packages .package-container .outer .head h3 {
  font-weight: 700;
  font-style: normal;
  background-color: transparent;
  background-color: #c1c100;
  color: #fff;
  display: block;
  margin: 0;
  padding: 1rem;
  font-size: 28px;
}
#packages .package-container .outer .head h3::before {
  display: none;
}
#packages .package-container .outer .head .package-description {
  font-size: 19px;
  font-style: italic;
  margin: 0;
  padding: 1rem;
}
#packages .package-container .outer .head .package-description p {
  margin: 0 0 0.5em 0;
  line-height: 130%;
}
#packages .package-container .outer .head .package-description p:last-child {
  margin: 0;
}
#packages .package-container .outer .head .accordion {
  padding: 1rem;
}
#packages .package-container .outer .bottom hr {
  margin: 0 1rem 0 1rem;
  max-width: calc(100% - 2rem);
}
#packages .package-container .outer .price {
  padding: 1rem;
  text-align: right;
}
#packages .package-container .outer .price .link {
  position: relative;
  background-color: #000;
  color: #AEB019;
  padding: 5px 16px 5px 6px;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
  float: left;
  margin-top: 4px;
}
@media (min-width: 48rem) and (max-width: 64rem) {
  #packages .package-container .outer .price .link {
    padding-right: 6px;
  }
}
#packages .package-container .outer .price .link::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 4px;
  display: inline-block;
  background: url("../img/green_arrow_new.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
@media (min-width: 48rem) and (max-width: 64rem) {
  #packages .package-container .outer .price .link::after {
    background: none;
  }
}
#packages .package-container .outer .price span {
  font-size: 20px;
  font-style: italic;
  padding-right: 0.2em;
}
#packages .package-container .outer .price strong {
  font-size: 28px;
}
#packages .package-container .outer .price hr {
  margin: 0 0 20px;
}

#content.blog #case-studies-container {
  position: relative;
}
#content.blog #case-studies-container .case-studies-badge {
  position: absolute;
  top: -5rem;
  height: 100px;
  width: auto;
  right: 0;
  z-index: 10;
}
@media (min-width: 48rem) {
  #content.blog #case-studies-container .case-studies-badge {
    top: -7rem;
    height: 160px;
  }
}
#content.blog #case-studies-container.canvas #use-cases-slider-wrapper {
  padding: 47px 68px 10px;
}

.use-cases-image {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  width: 100%;
  top: 0;
  right: 0;
}
@media (min-width: 48rem) {
  .use-cases-image {
    position: absolute;
    padding-bottom: 0;
    height: 100%;
  }
}

.slider-v1 {
  position: relative;
}
.slider-v1--container {
  position: relative;
  overflow: hidden;
}
.slider-v1--container .swiper-wrapper .swiper-slide {
  height: auto;
}
.slider-v1--container .swiper-wrapper .swiper-slide .slider-tile {
  height: 100%;
}
.slider-v1 .swiper-button-prev, .slider-v1 .swiper-button-next {
  display: none;
  top: 42%;
}
@media (min-width: 64rem) {
  .slider-v1 .swiper-button-prev, .slider-v1 .swiper-button-next {
    display: block;
  }
}
.slider-v1 .swiper-button-prev {
  left: -2.3rem;
  background-image: url("../img/landingslide-nav-prev.png");
}
.slider-v1 .swiper-button-next {
  right: -2.3rem;
  background-image: url("../img/landingslide-nav-next.png");
}

#more-packages-swiper {
  margin-bottom: 3rem;
}
@media (min-width: 48rem) {
  #more-packages-swiper {
    margin-bottom: 0;
  }
}
@media (min-width: 48rem) {
  #more-packages-swiper.add-margins {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
#more-packages-swiper .inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px dotted #cecece;
  border-bottom: 1px dotted #cecece;
}
#more-packages-swiper .swiper-slide .slide-link {
  display: block;
}
#more-packages-swiper .swiper-slide .text-wrapper {
  margin-top: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 32rem) {
  #more-packages-swiper .swiper-slide .text-wrapper {
    padding-left: 1rem;
  }
  #more-packages-swiper .swiper-slide .text-wrapper .text {
    margin-top: 0;
  }
}
#more-packages-swiper .swiper-slide .text-wrapper .text {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0.3em;
}
#more-packages-swiper .swiper-slide .text-wrapper .desc-text {
  font-size: 16px;
}
#more-packages-swiper .swiper-slide .text-wrapper .desc-text p {
  margin-top: 0;
}
#more-packages-swiper .img-wrapper {
  position: relative;
}
#more-packages-swiper .img-wrapper img {
  height: auto;
  width: 100%;
}
@media (min-width: 48rem) {
  #more-packages-swiper .img-wrapper img {
    height: auto;
    width: auto;
  }
}
#more-packages-swiper .img-wrapper .price {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.4rem;
  padding-left: 1.5rem;
  background-color: #AEB019;
  font-weight: normal;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  font-size: 14px;
}
@media (min-width: 32rem) {
  #more-packages-swiper .img-wrapper .price {
    font-size: 15px;
  }
}
#more-packages-swiper .img-wrapper .price.add-slashes::before {
  margin-right: 0.3em;
}
#more-packages-swiper .category-wrapper {
  justify-content: flex-end;
  margin-top: 1rem;
}
#more-packages-swiper .swiper-pagination {
  position: relative;
  margin-top: 1.5rem;
}
@media (min-width: 48rem) {
  #more-packages-swiper .swiper-pagination {
    display: none;
  }
}

#ubersichtstmpl #breadcrumb-navigation .wrapper {
  padding-left: 1rem;
}
@media (min-width: 64rem) {
  #ubersichtstmpl #breadcrumb-navigation .wrapper {
    padding-left: 0;
  }
}
#ubersichtstmpl #intro {
  text-align: left;
}
#ubersichtstmpl #intro .canvas {
  max-width: 100%;
}
#ubersichtstmpl #intro h1 {
  text-transform: uppercase;
  font-size: 45px;
}
@media (min-width: 32rem) {
  #ubersichtstmpl #intro h1 {
    font-size: 65px;
  }
}
@media (min-width: 64rem) {
  #ubersichtstmpl #intro .canvas {
    max-width: 955px;
    width: auto;
    margin: 0 1rem;
  }
}
#ubersichtstmpl #intro.content-modul {
  box-shadow: none;
}

.contact-form {
  margin: 4rem 0 4rem 0;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  width: 100%;
  box-shadow: none;
  border: thin solid #AEB019;
  font-size: 1rem;
}
.contact-form input[type=submit] {
  margin-top: 0.85rem;
}
.contact-form input[type=checkbox] {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
}
.contact-form input.error, .contact-form textarea.error {
  border-color: #B9648F;
}
.contact-form input {
  border: none;
  border-bottom: 2px solid #AEB019;
  padding: 0.5rem 0rem;
  margin: 0 0 1.3rem 0;
}
@media screen and (min-width: 48rem) {
  .contact-form input.forename, .contact-form input.name {
    max-width: 90%;
  }
}
.contact-form input::-moz-placeholder {
  color: #AEB019;
}
.contact-form input::placeholder {
  color: #AEB019;
}
.contact-form textarea {
  border: 2px solid #AEB019;
  padding: 0.5rem 0.8rem;
  height: 190px;
  resize: vertical;
  box-sizing: border-box;
}
.contact-form textarea::-moz-placeholder {
  color: #AEB019;
}
.contact-form textarea::placeholder {
  color: #AEB019;
}
.contact-form .select-wrapper {
  padding-right: 0.7rem;
  border: 2px solid #AEB019;
  width: 80%;
}
.contact-form .select-wrapper .select-style select {
  font-size: 1rem;
  height: 2rem;
  border: none;
  overflow: hidden;
  background: transparent url(../img/icon-arrow-select.svg) no-repeat right center;
  background-size: 10px 6px;
  padding-right: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-form .data-protection-submit {
  text-align: right;
}
.contact-form .data-protection-submit a {
  white-space: nowrap;
  -webkit-hyphens: none;
          hyphens: none;
}
.contact-form button {
  border: none;
}
.contact-form .data-protection {
  text-align: left;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.6em;
}
@media screen and (min-width: 48rem) {
  .contact-form .data-protection {
    display: inline;
    margin-right: 1rem;
    -webkit-hyphens: none;
            hyphens: none;
  }
}
.contact-form .data-protection input {
  display: none;
}
.contact-form .data-protection input + span {
  position: relative;
  display: inline-block;
  padding-left: 1.7rem;
  font-size: 0.938rem;
  font-weight: 400;
}
.contact-form .data-protection input + span::before {
  content: "";
  background: url(../img/checkbox-unchecked.svg) no-repeat left bottom 0/20px 20px;
  height: 22px;
  width: 21px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-form .data-protection input:checked + span::before {
  background: url(../img/checkbox-checked.svg) no-repeat left bottom 0/20px 21px;
}
.contact-form .data-protection.error input + span {
  color: #B9648F;
}

.form-msg {
  border: 2px solid;
  padding: 0.7rem 1rem;
  margin: 0.5rem 0;
  line-height: 1.3rem;
}
.form-msg.error {
  color: #B9648F;
  border-color: #B9648F;
}
.form-msg.success {
  color: #AEB019;
  border-color: #AEB019;
}