.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
/* STATIC CSS */
html {
  --grid__columns: 12;
  --grid__gutter: 5%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1/span 1;
  }
  .col-xs-2 {
    grid-column: span 2/span 2;
  }
  .col-xs-3 {
    grid-column: span 3/span 3;
  }
  .col-xs-4 {
    grid-column: span 4/span 4;
  }
  .col-xs-5 {
    grid-column: span 5/span 5;
  }
  .col-xs-6 {
    grid-column: span 6/span 6;
  }
  .col-xs-7 {
    grid-column: span 7/span 7;
  }
  .col-xs-8 {
    grid-column: span 8/span 8;
  }
  .col-xs-9 {
    grid-column: span 9/span 9;
  }
  .col-xs-10 {
    grid-column: span 10/span 10;
  }
  .col-xs-11 {
    grid-column: span 11/span 11;
  }
  .col-xs-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }
  .row-start-xs-1 {
    grid-row-start: 1;
  }
  .col-start-xs-2 {
    grid-column-start: 2;
  }
  .row-start-xs-2 {
    grid-row-start: 2;
  }
  .col-start-xs-3 {
    grid-column-start: 3;
  }
  .row-start-xs-3 {
    grid-row-start: 3;
  }
  .col-start-xs-4 {
    grid-column-start: 4;
  }
  .row-start-xs-4 {
    grid-row-start: 4;
  }
  .col-start-xs-5 {
    grid-column-start: 5;
  }
  .row-start-xs-5 {
    grid-row-start: 5;
  }
  .col-start-xs-6 {
    grid-column-start: 6;
  }
  .row-start-xs-6 {
    grid-row-start: 6;
  }
  .col-start-xs-7 {
    grid-column-start: 7;
  }
  .row-start-xs-7 {
    grid-row-start: 7;
  }
  .col-start-xs-8 {
    grid-column-start: 8;
  }
  .row-start-xs-8 {
    grid-row-start: 8;
  }
  .col-start-xs-9 {
    grid-column-start: 9;
  }
  .row-start-xs-9 {
    grid-row-start: 9;
  }
  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }
  .col-start-xs-11 {
    grid-column-start: 11;
  }
  .row-start-xs-11 {
    grid-row-start: 11;
  }
  .col-start-xs-12 {
    grid-column-start: 12;
  }
  .row-start-xs-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }
  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
  }
  .justify-xs-center {
    justify-self: center;
  }
  .justify-xs-end {
    justify-self: end;
  }
  .justify-xs-stretch {
    justify-self: stretch;
  }
  .align-xs-start {
    align-self: start;
  }
  .align-xs-center {
    align-self: center;
  }
  .align-xs-end {
    align-self: end;
  }
  .align-xs-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xs-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xs-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xs-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xs-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xs-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xs-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xs-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xs-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xs-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xs-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xs-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-1 {
    grid-column: span 1/span 1;
  }
  .col-sm-2 {
    grid-column: span 2/span 2;
  }
  .col-sm-3 {
    grid-column: span 3/span 3;
  }
  .col-sm-4 {
    grid-column: span 4/span 4;
  }
  .col-sm-5 {
    grid-column: span 5/span 5;
  }
  .col-sm-6 {
    grid-column: span 6/span 6;
  }
  .col-sm-7 {
    grid-column: span 7/span 7;
  }
  .col-sm-8 {
    grid-column: span 8/span 8;
  }
  .col-sm-9 {
    grid-column: span 9/span 9;
  }
  .col-sm-10 {
    grid-column: span 10/span 10;
  }
  .col-sm-11 {
    grid-column: span 11/span 11;
  }
  .col-sm-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 576px) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }
  .row-start-sm-1 {
    grid-row-start: 1;
  }
  .col-start-sm-2 {
    grid-column-start: 2;
  }
  .row-start-sm-2 {
    grid-row-start: 2;
  }
  .col-start-sm-3 {
    grid-column-start: 3;
  }
  .row-start-sm-3 {
    grid-row-start: 3;
  }
  .col-start-sm-4 {
    grid-column-start: 4;
  }
  .row-start-sm-4 {
    grid-row-start: 4;
  }
  .col-start-sm-5 {
    grid-column-start: 5;
  }
  .row-start-sm-5 {
    grid-row-start: 5;
  }
  .col-start-sm-6 {
    grid-column-start: 6;
  }
  .row-start-sm-6 {
    grid-row-start: 6;
  }
  .col-start-sm-7 {
    grid-column-start: 7;
  }
  .row-start-sm-7 {
    grid-row-start: 7;
  }
  .col-start-sm-8 {
    grid-column-start: 8;
  }
  .row-start-sm-8 {
    grid-row-start: 8;
  }
  .col-start-sm-9 {
    grid-column-start: 9;
  }
  .row-start-sm-9 {
    grid-row-start: 9;
  }
  .col-start-sm-10 {
    grid-column-start: 10;
  }
  .row-start-sm-10 {
    grid-row-start: 10;
  }
  .col-start-sm-11 {
    grid-column-start: 11;
  }
  .row-start-sm-11 {
    grid-row-start: 11;
  }
  .col-start-sm-12 {
    grid-column-start: 12;
  }
  .row-start-sm-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 576px) {
  .pull-right-sm {
    grid-column-end: -1;
  }
  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 576px) {
  .justify-sm-start {
    justify-self: start;
  }
  .justify-sm-center {
    justify-self: center;
  }
  .justify-sm-end {
    justify-self: end;
  }
  .justify-sm-stretch {
    justify-self: stretch;
  }
  .align-sm-start {
    align-self: start;
  }
  .align-sm-center {
    align-self: center;
  }
  .align-sm-end {
    align-self: end;
  }
  .align-sm-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 576px) {
  .row-span-sm-1 {
    grid-row: span 1/span 1;
  }
  .row-span-sm-2 {
    grid-row: span 2/span 2;
  }
  .row-span-sm-3 {
    grid-row: span 3/span 3;
  }
  .row-span-sm-4 {
    grid-row: span 4/span 4;
  }
  .row-span-sm-5 {
    grid-row: span 5/span 5;
  }
  .row-span-sm-6 {
    grid-row: span 6/span 6;
  }
  .row-span-sm-7 {
    grid-row: span 7/span 7;
  }
  .row-span-sm-8 {
    grid-row: span 8/span 8;
  }
  .row-span-sm-9 {
    grid-row: span 9/span 9;
  }
  .row-span-sm-10 {
    grid-row: span 10/span 10;
  }
  .row-span-sm-11 {
    grid-row: span 11/span 11;
  }
  .row-span-sm-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 768px) {
  .col-md-1 {
    grid-column: span 1/span 1;
  }
  .col-md-2 {
    grid-column: span 2/span 2;
  }
  .col-md-3 {
    grid-column: span 3/span 3;
  }
  .col-md-4 {
    grid-column: span 4/span 4;
  }
  .col-md-5 {
    grid-column: span 5/span 5;
  }
  .col-md-6 {
    grid-column: span 6/span 6;
  }
  .col-md-7 {
    grid-column: span 7/span 7;
  }
  .col-md-8 {
    grid-column: span 8/span 8;
  }
  .col-md-9 {
    grid-column: span 9/span 9;
  }
  .col-md-10 {
    grid-column: span 10/span 10;
  }
  .col-md-11 {
    grid-column: span 11/span 11;
  }
  .col-md-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 768px) {
  .col-start-md-1 {
    grid-column-start: 1;
  }
  .row-start-md-1 {
    grid-row-start: 1;
  }
  .col-start-md-2 {
    grid-column-start: 2;
  }
  .row-start-md-2 {
    grid-row-start: 2;
  }
  .col-start-md-3 {
    grid-column-start: 3;
  }
  .row-start-md-3 {
    grid-row-start: 3;
  }
  .col-start-md-4 {
    grid-column-start: 4;
  }
  .row-start-md-4 {
    grid-row-start: 4;
  }
  .col-start-md-5 {
    grid-column-start: 5;
  }
  .row-start-md-5 {
    grid-row-start: 5;
  }
  .col-start-md-6 {
    grid-column-start: 6;
  }
  .row-start-md-6 {
    grid-row-start: 6;
  }
  .col-start-md-7 {
    grid-column-start: 7;
  }
  .row-start-md-7 {
    grid-row-start: 7;
  }
  .col-start-md-8 {
    grid-column-start: 8;
  }
  .row-start-md-8 {
    grid-row-start: 8;
  }
  .col-start-md-9 {
    grid-column-start: 9;
  }
  .row-start-md-9 {
    grid-row-start: 9;
  }
  .col-start-md-10 {
    grid-column-start: 10;
  }
  .row-start-md-10 {
    grid-row-start: 10;
  }
  .col-start-md-11 {
    grid-column-start: 11;
  }
  .row-start-md-11 {
    grid-row-start: 11;
  }
  .col-start-md-12 {
    grid-column-start: 12;
  }
  .row-start-md-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 768px) {
  .pull-right-md {
    grid-column-end: -1;
  }
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 768px) {
  .justify-md-start {
    justify-self: start;
  }
  .justify-md-center {
    justify-self: center;
  }
  .justify-md-end {
    justify-self: end;
  }
  .justify-md-stretch {
    justify-self: stretch;
  }
  .align-md-start {
    align-self: start;
  }
  .align-md-center {
    align-self: center;
  }
  .align-md-end {
    align-self: end;
  }
  .align-md-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .row-span-md-1 {
    grid-row: span 1/span 1;
  }
  .row-span-md-2 {
    grid-row: span 2/span 2;
  }
  .row-span-md-3 {
    grid-row: span 3/span 3;
  }
  .row-span-md-4 {
    grid-row: span 4/span 4;
  }
  .row-span-md-5 {
    grid-row: span 5/span 5;
  }
  .row-span-md-6 {
    grid-row: span 6/span 6;
  }
  .row-span-md-7 {
    grid-row: span 7/span 7;
  }
  .row-span-md-8 {
    grid-row: span 8/span 8;
  }
  .row-span-md-9 {
    grid-row: span 9/span 9;
  }
  .row-span-md-10 {
    grid-row: span 10/span 10;
  }
  .row-span-md-11 {
    grid-row: span 11/span 11;
  }
  .row-span-md-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-1 {
    grid-column: span 1/span 1;
  }
  .col-lg-2 {
    grid-column: span 2/span 2;
  }
  .col-lg-3 {
    grid-column: span 3/span 3;
  }
  .col-lg-4 {
    grid-column: span 4/span 4;
  }
  .col-lg-5 {
    grid-column: span 5/span 5;
  }
  .col-lg-6 {
    grid-column: span 6/span 6;
  }
  .col-lg-7 {
    grid-column: span 7/span 7;
  }
  .col-lg-8 {
    grid-column: span 8/span 8;
  }
  .col-lg-9 {
    grid-column: span 9/span 9;
  }
  .col-lg-10 {
    grid-column: span 10/span 10;
  }
  .col-lg-11 {
    grid-column: span 11/span 11;
  }
  .col-lg-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 992px) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 992px) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 992px) {
  .justify-lg-start {
    justify-self: start;
  }
  .justify-lg-center {
    justify-self: center;
  }
  .justify-lg-end {
    justify-self: end;
  }
  .justify-lg-stretch {
    justify-self: stretch;
  }
  .align-lg-start {
    align-self: start;
  }
  .align-lg-center {
    align-self: center;
  }
  .align-lg-end {
    align-self: end;
  }
  .align-lg-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 992px) {
  .row-span-lg-1 {
    grid-row: span 1/span 1;
  }
  .row-span-lg-2 {
    grid-row: span 2/span 2;
  }
  .row-span-lg-3 {
    grid-row: span 3/span 3;
  }
  .row-span-lg-4 {
    grid-row: span 4/span 4;
  }
  .row-span-lg-5 {
    grid-row: span 5/span 5;
  }
  .row-span-lg-6 {
    grid-row: span 6/span 6;
  }
  .row-span-lg-7 {
    grid-row: span 7/span 7;
  }
  .row-span-lg-8 {
    grid-row: span 8/span 8;
  }
  .row-span-lg-9 {
    grid-row: span 9/span 9;
  }
  .row-span-lg-10 {
    grid-row: span 10/span 10;
  }
  .row-span-lg-11 {
    grid-row: span 11/span 11;
  }
  .row-span-lg-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-1 {
    grid-column: span 1/span 1;
  }
  .col-xl-2 {
    grid-column: span 2/span 2;
  }
  .col-xl-3 {
    grid-column: span 3/span 3;
  }
  .col-xl-4 {
    grid-column: span 4/span 4;
  }
  .col-xl-5 {
    grid-column: span 5/span 5;
  }
  .col-xl-6 {
    grid-column: span 6/span 6;
  }
  .col-xl-7 {
    grid-column: span 7/span 7;
  }
  .col-xl-8 {
    grid-column: span 8/span 8;
  }
  .col-xl-9 {
    grid-column: span 9/span 9;
  }
  .col-xl-10 {
    grid-column: span 10/span 10;
  }
  .col-xl-11 {
    grid-column: span 11/span 11;
  }
  .col-xl-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 1200px) {
  .col-start-xl-1 {
    grid-column-start: 1;
  }
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1200px) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 1200px) {
  .justify-xl-start {
    justify-self: start;
  }
  .justify-xl-center {
    justify-self: center;
  }
  .justify-xl-end {
    justify-self: end;
  }
  .justify-xl-stretch {
    justify-self: stretch;
  }
  .align-xl-start {
    align-self: start;
  }
  .align-xl-center {
    align-self: center;
  }
  .align-xl-end {
    align-self: end;
  }
  .align-xl-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .row-span-xl-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xl-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xl-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xl-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xl-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xl-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xl-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xl-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xl-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xl-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xl-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xl-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 1400px) {
  .col-xxl-1 {
    grid-column: span 1/span 1;
  }
  .col-xxl-2 {
    grid-column: span 2/span 2;
  }
  .col-xxl-3 {
    grid-column: span 3/span 3;
  }
  .col-xxl-4 {
    grid-column: span 4/span 4;
  }
  .col-xxl-5 {
    grid-column: span 5/span 5;
  }
  .col-xxl-6 {
    grid-column: span 6/span 6;
  }
  .col-xxl-7 {
    grid-column: span 7/span 7;
  }
  .col-xxl-8 {
    grid-column: span 8/span 8;
  }
  .col-xxl-9 {
    grid-column: span 9/span 9;
  }
  .col-xxl-10 {
    grid-column: span 10/span 10;
  }
  .col-xxl-11 {
    grid-column: span 11/span 11;
  }
  .col-xxl-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (min-width: 1400px) {
  .col-start-xxl-1 {
    grid-column-start: 1;
  }
  .row-start-xxl-1 {
    grid-row-start: 1;
  }
  .col-start-xxl-2 {
    grid-column-start: 2;
  }
  .row-start-xxl-2 {
    grid-row-start: 2;
  }
  .col-start-xxl-3 {
    grid-column-start: 3;
  }
  .row-start-xxl-3 {
    grid-row-start: 3;
  }
  .col-start-xxl-4 {
    grid-column-start: 4;
  }
  .row-start-xxl-4 {
    grid-row-start: 4;
  }
  .col-start-xxl-5 {
    grid-column-start: 5;
  }
  .row-start-xxl-5 {
    grid-row-start: 5;
  }
  .col-start-xxl-6 {
    grid-column-start: 6;
  }
  .row-start-xxl-6 {
    grid-row-start: 6;
  }
  .col-start-xxl-7 {
    grid-column-start: 7;
  }
  .row-start-xxl-7 {
    grid-row-start: 7;
  }
  .col-start-xxl-8 {
    grid-column-start: 8;
  }
  .row-start-xxl-8 {
    grid-row-start: 8;
  }
  .col-start-xxl-9 {
    grid-column-start: 9;
  }
  .row-start-xxl-9 {
    grid-row-start: 9;
  }
  .col-start-xxl-10 {
    grid-column-start: 10;
  }
  .row-start-xxl-10 {
    grid-row-start: 10;
  }
  .col-start-xxl-11 {
    grid-column-start: 11;
  }
  .row-start-xxl-11 {
    grid-row-start: 11;
  }
  .col-start-xxl-12 {
    grid-column-start: 12;
  }
  .row-start-xxl-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1400px) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 1400px) {
  .justify-xxl-start {
    justify-self: start;
  }
  .justify-xxl-center {
    justify-self: center;
  }
  .justify-xxl-end {
    justify-self: end;
  }
  .justify-xxl-stretch {
    justify-self: stretch;
  }
  .align-xxl-start {
    align-self: start;
  }
  .align-xxl-center {
    align-self: center;
  }
  .align-xxl-end {
    align-self: end;
  }
  .align-xxl-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 1400px) {
  .row-span-xxl-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xxl-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xxl-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xxl-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xxl-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xxl-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xxl-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xxl-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xxl-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xxl-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xxl-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xxl-12 {
    grid-row: span 12/span 12;
  }
}
.col-start-1 {
  grid-column-start: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* VARIABLES */
/* MIXINS */
/* FONTS */
/* poppins-300 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/fonts/poppins-v15-latin-300.woff2") format("woff2"), url("../../files/fonts/poppins-v15-latin-300.woff") format("woff");
}
/* poppins-700 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("../../files/fonts/poppins-v15-latin-700.woff2") format("woff2"), url("../../files/fonts/poppins-v15-latin-700.woff") format("woff");
}
/* dpi iconfont */
@font-face {
  font-family: "dpi";
  src: url("../../files/fonts/dpi.woff2?bqp8pl") format("woff2"), url("../../files/fonts/dpi.woff?bqp8pl") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* LAYOUT */
body .background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1000;
  overflow: hidden;
  display: none;
}
body .background > div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 300%;
}
body .background .white-up {
  background: linear-gradient(0deg, rgb(0, 0, 0) 33.3333333333%, rgb(255, 255, 255) 66.6666666667%);
}
body .background .black-up {
  background: linear-gradient(0deg, rgb(255, 255, 255) 33.3333333333%, rgb(0, 0, 0) 66.6666666667%);
}
body .background .white-down {
  background: linear-gradient(0deg, rgb(255, 255, 255) 33.3333333333%, rgb(0, 0, 0) 66.6666666667%);
}
body .background .black-down {
  background: linear-gradient(0deg, rgb(0, 0, 0) 33.3333333333%, rgb(255, 255, 255) 66.6666666667%);
}
body .background .white-down,
body .background .black-down {
  top: -200%;
  animation: background-down var(--transitionSpeed);
}
body .background .white-up,
body .background .black-up {
  top: 0;
  animation: background-up var(--transitionSpeed);
}
@keyframes background-down {
  0% {
    transform: translateY(66.6666666667%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes background-up {
  0% {
    transform: translateY(-66.6666666667%);
  }
  100% {
    transform: translateY(0);
  }
}

* {
  margin: 0;
}

html {
  font-size: 10px;
  height: 100vh;
}

body {
  --mainColor: black;
  --backgroundColor: white;
  --transitionSpeed: 0.5s;
  height: 100vh;
  font-family: Poppins, arial, sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin: 0;
  color: var(--mainColor);
  /*
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 50%,
    rgba(255, 255, 255, 1) 75%,
    rgba(255, 255, 255, 1) 100%
  );
  */
  background-size: 100% 400vh;
  background-attachment: fixed;
  background-position: 0 0;
  background-color: var(--backgroundColor);
  transition: color var(--transitionSpeed), background-color var(--transitionSpeed);
}
body.dark {
  --mainColor: white;
  --backgroundColor: black;
}
body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--backgroundColor);
  z-index: 1001;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  body {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}
body.blank::before {
  transition: opacity 0s, visibility 0s;
  opacity: 1;
  visibility: visible;
}

#wrapper {
  overflow: hidden;
}

h5 {
  font-size: 1.8rem;
  font-weight: normal;
}

h4 {
  margin: 0;
}
h4 + * {
  margin-top: 1.5rem;
}

h3 {
  font-size: 2.4rem;
  line-height: 3.6rem;
}
h3 + * {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 3.6rem;
    line-height: 4.8rem;
  }
}

h2 {
  font-size: 3.2rem;
  line-height: 4.2rem;
}
h2 + * {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 6.4rem;
    line-height: 8rem;
  }
}

h1 {
  font-size: 4.2rem;
  line-height: 4.8rem;
}
h1 + * {
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 8rem;
    line-height: 8.8rem;
  }
  h1 + * {
    margin-top: 4rem;
  }
}

p + p, p + ul {
  margin-top: 1.4rem;
}
@media (min-width: 1200px) {
  p {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}
p + h3 {
  margin-top: 3rem;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

strong {
  font-weight: 700;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul + ul {
  margin-top: 1rem;
}

li {
  padding: 0 0 0 1.5rem;
  position: relative;
}
li + li {
  margin-top: 1rem;
}
li::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  left: 0;
  top: 1.1rem;
  background-color: var(--mainColor);
  position: absolute;
  border-radius: 50%;
  transition: background-color var(--transitionSpeed);
}
@media (min-width: 1200px) {
  li::before {
    width: 0.6rem;
    height: 0.6rem;
    top: 1.2rem;
  }
}

.row {
  grid-gap: 0 var(--grid__gutter);
}

#main {
  transition: opacity 1s;
  min-height: calc(100vh - 310px);
}
#main > .inside {
  margin: 10rem 0 0;
  padding-bottom: 6rem;
  perspective: 2px;
}

input:checked + #wrapper #main {
  opacity: 0.5;
}

header {
  position: fixed;
  height: 10rem;
  width: 100%;
  left: 0;
  top: 0;
  padding: 3rem;
  box-sizing: border-box;
  background-color: white;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  transition: height 0.5s, padding 0.5s, box-shadow 0.5s;
}
header .dpilogo::before {
  color: black;
}
header .ce_columns:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
header .ce_hyperlink--button-default {
  margin: -0.5rem 1rem -0.5rem 0 !important;
  display: none;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
  white-space: nowrap;
}
header .ce_hyperlink--button-default a {
  border-color: black;
  color: black;
}
header .ce_hyperlink--button-default a:hover {
  background-color: black;
  color: white;
}
@media (min-width: 768px) {
  header .ce_hyperlink--button-default {
    display: block;
  }
}
header .mod_article--centered {
  margin: 0;
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  transition: top var(--transitionSpeed);
}
header .mod_article--centered .ce_hyperlink--button-default a {
  background-color: black;
  color: white;
}
header .mod_article--centered .ce_hyperlink--button-default a:hover {
  background-color: white;
  color: black;
}
header .mod_article--anchornav {
  position: fixed;
  top: 10rem;
  left: 0;
  width: 100%;
  background-color: black;
  color: white;
  padding: 0;
  transition: top var(--transitionSpeed), visibility var(--transitionSpeed), opacity var(--transitionSpeed);
  visibility: hidden;
  opacity: 0;
  display: none;
}
@media (min-width: 768px) {
  header .mod_article--anchornav {
    display: block;
  }
}
header .mod_article--anchornav .ce_text {
  max-width: 160rem;
  margin: 0 auto;
  display: flex;
  padding: 1rem 3rem;
  flex-wrap: wrap;
}
header .mod_article--anchornav .ce_text ul {
  margin: 0 2rem 0 0;
  display: flex;
}
header .mod_article--anchornav .ce_text li {
  margin: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  white-space: nowrap;
  padding-left: 1.8rem;
  opacity: 0.5;
  transition: opacity 1s;
}
header .mod_article--anchornav .ce_text li.active {
  opacity: 1;
}
header .mod_article--anchornav .ce_text li::before {
  top: 0;
  line-height: 2rem;
  font-size: 1rem;
}
header .mod_article--anchornav .ce_text li + li {
  margin-left: 2rem;
}

body.smallNav header {
  height: 8rem;
  padding: 2rem 3rem;
  /*
  .ce_hyperlink--button-default {
    opacity: 0;
    visibility: hidden;
  }
  */
}
body.smallNav header .mod_article--centered {
  top: 2rem;
}
body.smallNav header .mod_article--anchornav {
  top: 8rem;
  visibility: visible;
  opacity: 1;
}

#opennav:checked + #wrapper .mod_article--anchornav {
  visibility: hidden !important;
  opacity: 0 !important;
}

#opennav:checked + #wrapper header .ce_hyperlink--button-default {
  opacity: 0;
  visibility: hidden;
}

body.smallNav header,
#opennav:checked + #wrapper header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#right {
  position: fixed;
  top: 10rem;
  left: 50%;
  width: 100%;
  max-width: 166rem;
  height: calc(100vh - 10rem);
  transform: translateX(50%);
  z-index: 1001;
  visibility: hidden;
  transition: visibility 1s, transform 1s, top 0.5s, height 0.5s;
}
#right > .inside {
  padding: 3rem;
  background-color: white;
  float: right;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#right > .inside::before {
  content: "";
  display: block;
  background-color: white;
  position: absolute;
  top: 0;
  left: calc(100% - 1rem);
  width: 100vw;
  height: 100%;
}
#right > .inside > div:last-child {
  margin-top: auto;
}
@media (min-width: 576px) {
  #right {
    max-width: 170rem;
  }
  #right > .inside {
    padding: 5rem;
  }
}
#right .mod_navigation--buttons {
  margin-top: 3rem;
}
#right .mod_navigation--legal {
  margin-top: 1rem;
}
#right .mod_navigation li a,
#right .mod_navigation li strong {
  color: black;
}
#right .mod_navigation li strong {
  text-decoration: underline;
}

input:checked + #wrapper #right {
  transform: translateX(-50%);
  visibility: visible;
}

body.smallNav #right {
  top: 6rem;
  height: calc(100vh - 6rem);
}

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

footer {
  padding: 8rem 3rem;
  display: none;
}
@media (min-width: 992px) {
  footer {
    display: block;
  }
}

/* COMPONENTS */
.dpilogo {
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.dpilogo::before {
  content: "\e900";
  font-family: dpi;
  font-size: 4rem;
  line-height: 4rem;
  color: var(--mainColor);
  transition: font-size 0.5s, color var(--transitionSpeed);
}

body.smallNav .dpilogo::before {
  font-size: 3rem;
}

.opennav {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  width: 3rem;
  height: 4rem;
  display: block;
  position: relative;
  cursor: pointer;
  z-index: 1;
  margin-left: 2rem;
}
.opennav::before, .opennav::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.3rem;
  background-color: black;
  position: absolute;
  left: 0;
  transition: background-color 0.5s, top 0.5s, bottom 0.5s, transform 0.5s;
}
.opennav::before {
  top: 1.2rem;
}
.opennav::after {
  bottom: 1.2rem;
}

input:checked + #wrapper .opennav::before {
  top: 1.85rem;
  transform: rotate(135deg);
}
input:checked + #wrapper .opennav::after {
  bottom: 1.85rem;
  transform: rotate(225deg);
}

.overlay-player {
  animation: playerFadeIn 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay-player.hide {
  transition: opacity 0.5s;
  opacity: 0;
}
.overlay-player video {
  animation: playerZoom 0.5s;
  width: calc(100vw - 10rem);
  height: auto;
  max-width: calc((100vh - 10rem) / 9 * 16);
  box-shadow: 0 0 1rem black;
  background-color: black;
}
.overlay-player .close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}
.overlay-player .close::before, .overlay-player .close::after {
  content: "";
  position: absolute;
  height: 10%;
  width: 100%;
  top: 45%;
  left: 0;
  background-color: white;
}
.overlay-player .close::before {
  transform: rotate(45deg);
}
.overlay-player .close::after {
  transform: rotate(-45deg);
}

@keyframes playerFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes playerZoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* MODULES */
.mod_navigation li {
  padding-left: 0;
  font-size: 3.2rem;
  line-height: 5.4rem;
  font-weight: bold;
}
.mod_navigation li::before {
  display: none;
}
.mod_navigation--buttons li a,
.mod_navigation--buttons li strong {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
  display: inline-block;
  width: auto;
  text-decoration: none !important;
}
.mod_navigation--buttons li a:hover,
.mod_navigation--buttons li strong:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .mod_navigation--buttons li a,
  .mod_navigation--buttons li strong {
    display: inline-block;
    width: auto;
  }
}
.mod_navigation--buttons li a.nav-button-black,
.mod_navigation--buttons li strong.nav-button-black {
  background-color: black;
  color: white !important;
  border-color: black;
}
.mod_navigation--buttons li a.nav-button-white,
.mod_navigation--buttons li strong.nav-button-white {
  background-color: white;
  color: black !important;
  border-color: black;
}
.mod_navigation--buttons li a.nav-button-black:hover {
  background-color: white;
  color: black !important;
  border-color: black;
}
.mod_navigation--buttons li a.nav-button-white:hover {
  background-color: black;
  color: white !important;
  border-color: black;
}
.mod_navigation--social li a {
  font-size: 0;
  width: 4rem;
  height: 4rem;
  background-color: #000;
  display: block;
  border-radius: 0.8rem;
  position: relative;
}
.mod_navigation--social li a::before {
  font-family: dpi;
  display: block;
  width: 4rem;
  height: 3rem;
  position: absolute;
  top: 0.5rem;
  left: 0;
  text-align: center;
  font-size: 2.6rem;
  line-height: 3rem;
  font-weight: 400;
  color: #fff;
}
.mod_navigation--social li a.youtube::before {
  content: "\e914";
}
.mod_navigation--legal ul {
  display: flex;
}
.mod_navigation--legal ul li {
  font-size: 1.8rem;
  line-height: 4rem;
  margin: 0;
  font-weight: 300;
}
.mod_navigation--legal ul li + li::before {
  content: "  •  ";
  display: inline-block;
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
  position: static;
  color: black;
}

.mod_article {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (min-width: 992px) {
  .mod_article--one-stop-service {
    color: white;
    position: relative;
  }
}
.mod_article--one-stop-service::before {
  content: "";
  display: block;
  background-image: url(../../files/images/backgrounds/geschaeftsfuehrer-andreas-krogull.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 20%;
  z-index: -1;
  height: 75vw;
  margin: 0 -3rem;
}
@media (min-width: 992px) {
  .mod_article--one-stop-service::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(50% + 3rem);
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mod_article--one-stop-service::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%);
    z-index: -1;
  }
}
.mod_article--one-stop-service .ce_text {
  margin: 3rem 0 0;
}
@media (min-width: 992px) {
  .mod_article--one-stop-service .ce_text {
    margin: 10rem 0;
  }
}
.mod_article--one-stop-service .ce_text h2 + p {
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 2rem 0 0;
}
@media (min-width: 992px) {
  .mod_article--one-stop-service .ce_text h2 + p {
    margin-top: 5rem;
  }
}
.mod_article--wir-sind-digital {
  color: white;
  position: relative;
  background-color: black;
}
.mod_article--wir-sind-digital::before {
  content: "";
  display: block;
  height: 0;
  padding-top: 92%;
  background-image: url(../../files/images/backgrounds/wir-sind-digital.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 -3rem;
}
@media (min-width: 992px) {
  .mod_article--wir-sind-digital::before {
    background-position: right center;
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    padding-top: 0;
    max-width: 82rem;
  }
}
.mod_article--wir-sind-digital p {
  font-size: 2.4rem;
  line-height: 4rem;
  font-weight: bold;
}
.mod_article--wir-sind-digital .ce_hyperlink--button-default a {
  border-color: white;
  color: white;
}
.mod_article--mitarbeiter {
  color: white;
  background-image: url(../../files/images/backgrounds/gutes-team.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 35% top;
}
@media (min-width: 576px) {
  .mod_article--mitarbeiter {
    background-position: center top;
  }
}
.mod_article--overlay-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

.mod_newslist + * {
  margin-top: 3rem;
}
.mod_newslist .layout_simple a {
  display: block;
  border: 1px solid var(--mainColor);
  border-radius: 0.7rem;
  text-decoration: none;
  padding: 0.8rem 4.5rem 0.8rem 1.5rem;
  position: relative;
  transition: color var(--transitionSpeed), background-color var(--transitionSpeed), border-color var(--transitionSpeed);
}
.mod_newslist .layout_simple a::before {
  content: "\e902";
  font-family: dpi;
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 1.6rem);
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.mod_newslist .layout_simple a:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.mod_newslist .layout_simple + .layout_simple {
  margin-top: 1.5rem;
}
.mod_newslist .layout_full .more-text {
  display: none;
}
.mod_newslist .layout_full .ce_hyperlink--button-default {
  margin-top: 3rem;
}
.mod_newslist .layout_full p {
  margin-top: 1.4rem;
}
.mod_newslist .layout_full img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.mod_newslist .layout_full .ce_sliderStart {
  margin: 0;
}
.mod_newslist .layout_full .ce_sliderStart .slider-next, .mod_newslist .layout_full .ce_sliderStart .slider-prev {
  background-color: white !important;
}
.mod_newslist .layout_full .ce_sliderStart .slider-next:hover, .mod_newslist .layout_full .ce_sliderStart .slider-prev:hover {
  background-color: black !important;
}
.mod_newslist .layout_full .ce_sliderStart .slider-prev {
  transform: scaleX(-1) translateX(-3rem);
}
.mod_newslist .layout_full .ce_sliderStart .slider-next {
  transform: translateX(-3rem);
}
.mod_newslist .layout_full .ce_sliderStart .slider-menu {
  top: auto;
  left: auto;
  margin: 0;
  position: relative;
  transform: translateY(-4rem);
}
.mod_newslist .layout_full .ce_sliderStart .slider-menu b {
  background-color: white;
  width: 1rem;
  height: 1rem;
}
@media (min-width: 992px) {
  .mod_newslist .layout_full .ce_sliderStart .slider-menu {
    transform: translateY(1rem);
  }
}
.mod_newslist .layout_full .ce_sliderStart .image_container {
  text-align: center;
}

.mod_newsreader img {
  max-width: 100%;
  height: auto;
}
.mod_newsreader .ce_text {
  padding-top: 1.4rem;
}

/* CONTENT ELEMENTS */
.ce_image figure {
  margin: 0;
}
.ce_image img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.ce_image + .ce_text {
  margin-top: 3rem;
}
.ce_image--map {
  position: relative;
}
.ce_image--map a {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  transition: opacity 0.5s;
}
.ce_image--map a span {
  display: inline-block;
  background-color: black;
  color: white;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 1rem 1.5rem;
}
.ce_image--map a:hover {
  opacity: 1;
}

.ce_hyperlink--button-player {
  height: 0;
  width: 100%;
  position: relative;
}
.ce_hyperlink--button-player a {
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: absolute;
  width: 10rem;
  height: 10rem;
  right: 3rem;
  bottom: 3rem;
  display: block;
  transition: transform 0.3s;
}
.ce_hyperlink--button-player a::before, .ce_hyperlink--button-player a::after {
  font-family: dpi;
  line-height: 10rem;
  display: block;
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: 0;
  left: 0;
  color: white;
  text-align: center;
}
.ce_hyperlink--button-player a::before {
  content: "\e916";
  font-size: 10rem;
  animation: playbutton-rotation 30s linear infinite;
}
.ce_hyperlink--button-player a::after {
  content: "\e90f";
  font-size: 2.5rem;
  left: 8%;
  width: 92%;
}
.ce_hyperlink--button-player a:hover {
  transform: scale(1.1);
}
@media (min-width: 1200px) {
  .ce_hyperlink--button-player::before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: -13.1rem;
    width: calc(100% - 60rem);
    height: 29rem;
    border-style: solid;
    border-color: var(--mainColor);
    border-width: 1px 0 0 1px;
    transition: border-color var(--transitionSpeed);
  }
  .ce_hyperlink--button-player a {
    right: auto;
    left: 6rem;
    bottom: 8rem;
  }
}
.ce_hyperlink--button-default a {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
}
.ce_hyperlink--button-default a:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .ce_hyperlink--button-default a {
    display: inline-block;
    width: auto;
  }
}
.ce_hyperlink--button-default + .ce_hyperlink {
  margin-top: 2rem;
}
.ce_hyperlink--button-dropdown a {
  padding-right: 5rem;
  position: relative;
}
.ce_hyperlink--button-dropdown a::before {
  content: "\e901";
  font-family: dpi;
  display: inline-block;
  position: absolute;
  font-size: 1.6rem;
  line-height: 2rem;
  right: 2rem;
  top: calc(50% - 1rem);
}
.ce_hyperlink--button-dropdown a.close::before {
  transform: rotate(180deg);
}
.ce_hyperlink--download {
  font-weight: 700;
}
.ce_hyperlink--download a {
  display: inline-block;
  padding-left: 2.5rem;
  position: relative;
}
.ce_hyperlink--download a::before {
  content: "\e915";
  display: inline-block;
  font-family: dpi;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
}
.ce_hyperlink--download + .ce_hyperlink--download {
  margin-top: 1rem;
}
.ce_hyperlink--dpilogo a {
  font-size: 0;
  line-height: 0;
  color: transparent;
  display: inline-block;
}
.ce_hyperlink--dpilogo a::before {
  content: "\e900";
  font-family: dpi;
  font-size: 4rem;
  line-height: 4rem;
  color: var(--mainColor);
  transition: font-size 0.5s;
}
.ce_hyperlink--toplink {
  cursor: pointer;
}
.ce_hyperlink--toplink a {
  position: relative;
  display: block;
  width: 5rem;
  height: 5rem;
  background-color: var(--mainColor);
  font-size: 0;
  color: transparent;
  border-radius: 50%;
  transition: background-color var(--transitionSpeed);
  z-index: -1;
}
.ce_hyperlink--toplink a::before {
  content: "\e902";
  position: absolute;
  font-family: dpi;
  color: var(--backgroundColor);
  top: 0;
  left: 0;
  width: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 2rem;
  transform: rotate(270deg);
  transition: color var(--transitionSpeed);
}

#header .ce_hyperlink--dpilogo a::before {
  color: black;
}

body.smallNav .ce_hyperlink--dpilogo a::before {
  font-size: 3rem;
}

@keyframes playbutton-rotation {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.ce_rowStart {
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .ce_rowStart--grid-warumdpi {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto auto 1fr;
    gap: 20px 5%;
    grid-template-areas: "image-1 image-1 headline" "image-1 image-1 slide-1" "slide-2 slide-3 slide-4" "slide-5 image-2 image-2" "slide-6 image-2 image-2" "hyperlink hyperlink hyperlink";
  }
  .ce_rowStart--grid-warumdpi .ce_columns,
  .ce_rowStart--grid-warumdpi .ce_sliderStart,
  .ce_rowStart--grid-warumdpi .content-slider,
  .ce_rowStart--grid-warumdpi .slider-wrapper {
    display: contents;
  }
  .ce_rowStart--grid-warumdpi .slider-control {
    display: none;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text {
    width: 100% !important;
    padding: 0 !important;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(1) {
    grid-area: slide-1;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(2) {
    grid-area: slide-2;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(3) {
    grid-area: slide-3;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(4) {
    grid-area: slide-4;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(5) {
    grid-area: slide-5;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(6) {
    grid-area: slide-6;
  }
  .ce_rowStart--grid-warumdpi .slider-wrapper > .ce_text:nth-child(1) {
    align-self: end;
  }
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(1) .ce_image,
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(1) .ce_gallery {
    grid-area: image-1;
  }
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(2) .ce_text {
    margin-left: 3rem;
  }
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(3) .ce_hyperlink {
    grid-area: hyperlink;
  }
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(4) .ce_image,
  .ce_rowStart--grid-warumdpi .ce_columns:nth-child(4) .ce_gallery {
    grid-area: image-2;
  }
  .ce_rowStart--grid-warumdpi .image_container,
  .ce_rowStart--grid-warumdpi .image_container img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ce_rowStart--grid-warumdpi .ce_gallery {
    height: calc(100% - 4rem);
    width: calc(100% + 3rem);
  }
  .ce_rowStart--grid-warumdpi .ce_gallery ul,
  .ce_rowStart--grid-warumdpi .ce_gallery li,
  .ce_rowStart--grid-warumdpi .ce_gallery figure,
  .ce_rowStart--grid-warumdpi .ce_gallery img {
    height: 100%;
    width: 100%;
  }
  .ce_rowStart--grid-warumdpi .ce_gallery li {
    position: absolute;
  }
  .ce_rowStart--grid-dpiconnect {
    display: grid;
  }
  .ce_rowStart--grid-dpiconnect .ce_columns,
  .ce_rowStart--grid-dpiconnect .ce_sliderStart,
  .ce_rowStart--grid-dpiconnect .content-slider,
  .ce_rowStart--grid-dpiconnect .slider-wrapper {
    display: contents;
  }
  .ce_rowStart--grid-dpiconnect .slider-control {
    display: none;
  }
  .ce_rowStart--grid-dpiconnect .ce_sliderStart .ce_text {
    grid-column: span 5/span 5;
    width: calc(100% + 6rem) !important;
    margin: 0 -3rem !important;
  }
  .ce_rowStart--grid-dpiconnect .ce_text:nth-child(1) {
    grid-column-start: 1;
  }
  .ce_rowStart--grid-dpiconnect .ce_text:nth-child(2) {
    grid-column-start: 7;
  }
}
@media (min-width: 1200px) {
  .ce_rowStart--grid-warumdpi .slider-wrapper .ce_text:nth-child(1) {
    margin-top: 10rem !important;
  }
  .ce_rowStart--grid-opener .ce_columns:nth-child(2) {
    margin-top: calc(50% - 16rem);
  }
  .ce_rowStart--grid-managercontact {
    grid-template-areas: "empty image image image headline headline headline headline headline headline headline headline" "empty image image image name name phone phone email email email email";
  }
  .ce_rowStart--grid-managercontact .ce_columns:nth-child(1) {
    align-self: end;
    grid-area: headline;
  }
  .ce_rowStart--grid-managercontact .ce_columns:nth-child(2) {
    grid-area: image;
  }
  .ce_rowStart--grid-managercontact .ce_columns:nth-child(3) {
    grid-area: name;
  }
  .ce_rowStart--grid-managercontact .ce_columns:nth-child(4) {
    grid-area: phone;
  }
  .ce_rowStart--grid-managercontact .ce_columns:nth-child(5) {
    grid-area: email;
  }
  .ce_rowStart--grid-contact .ce_columns:nth-child(2) {
    grid-row: 1/3;
  }
}
@media (min-width: 1400px) {
  .ce_rowStart--grid-dpiconnect .ce_sliderStart .ce_text {
    grid-column: span 4/span 4;
  }
  .ce_rowStart--grid-dpiconnect .ce_text:nth-child(1) {
    grid-column-start: 2;
  }
  .ce_rowStart--grid-dpiconnect .ce_text:nth-child(2) {
    grid-column-start: 7;
  }
}
.ce_rowStart--numbers .ce_headline {
  width: 100%;
}
@media (min-width: 992px) {
  .ce_rowStart--numbers .ce_headline {
    width: auto;
  }
}
.ce_rowStart--numbers .ce_text h5 {
  line-height: 1.2;
}
@media (min-width: 576px) {
  .ce_rowStart--numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  .ce_rowStart--numbers .ce_text {
    max-width: 16rem;
  }
}
@media (min-width: 992px) {
  .ce_rowStart--numbers .ce_headline {
    width: 12rem;
  }
}
@media (min-width: 1200px) {
  .ce_rowStart--numbers .ce_headline {
    width: 23rem;
  }
  .ce_rowStart--numbers .ce_text:nth-child(3) {
    max-width: 23rem;
  }
}
.ce_rowStart--vorteile .ce_text {
  margin-top: 5rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
}
.ce_rowStart--vorteile .ce_text::before {
  margin: 0 auto 2rem;
}
@media (min-width: 768px) {
  .ce_rowStart--vorteile .ce_text {
    margin-top: 10rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.ce_list + * {
  margin-top: 3rem;
}
.ce_list--stageheadline {
  font-weight: 300;
  overflow: visible;
}
.ce_list--stageheadline .cube {
  font-weight: 700;
  width: 100%;
  height: 5.6rem;
  line-height: 5.6rem;
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(-2.4rem) rotateX(0deg);
  margin-top: -0.4rem;
}
.ce_list--stageheadline .cube--canvas {
  width: 100%;
  height: 5.6rem;
  perspective: 1000px;
}
.ce_list--stageheadline .cube--face {
  position: absolute;
  width: 100%;
  height: 5.6rem;
  overflow: visible;
}
.ce_list--stageheadline .cube--face-front {
  opacity: 1;
  transform: rotateY(0deg) translateZ(2.4rem);
}
.ce_list--stageheadline .cube--face-bottom {
  opacity: 0;
  transform: rotateX(-90deg) translateZ(2.4rem);
}
.ce_list--stageheadline .cube--turn {
  transition: transform 1s;
  transform: translateZ(-2.4rem) rotateX(90deg);
}
.ce_list--stageheadline .cube--turn .cube--face {
  transition: opacity 1s;
}
.ce_list--stageheadline .cube--turn .cube--face-front {
  opacity: 0;
}
.ce_list--stageheadline .cube--turn .cube--face-bottom {
  opacity: 1;
}
@media (min-width: 1200px) {
  .ce_list--stageheadline .cube {
    margin-top: -0.6rem;
    transform: translateZ(-4.4rem) rotateX(0deg);
  }
  .ce_list--stageheadline .cube, .ce_list--stageheadline .cube--canvas, .ce_list--stageheadline .cube--face {
    height: 10rem;
    line-height: 10rem;
  }
  .ce_list--stageheadline .cube--face-front {
    transform: rotateY(0deg) translateZ(4.4rem);
  }
  .ce_list--stageheadline .cube--face-bottom {
    transform: rotateX(-90deg) translateZ(4.4rem);
  }
  .ce_list--stageheadline .cube--turn {
    transform: translateZ(-4.4rem) rotateX(90deg);
  }
}

.ce_text + * {
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .ce_text + * {
    margin-top: 4rem;
  }
}
.ce_text + .ce_sliderStart {
  margin-top: 4rem;
}
.ce_text.mb-1 + * {
  margin-top: 0.5rem;
}
.ce_text--quote p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: bold;
}
.ce_text--quote p::before {
  content: "»";
}
.ce_text--quote p::after {
  content: "«";
}
.ce_text--quote-big p {
  font-size: 3.6rem;
  line-height: 4.8rem;
}
.ce_text--contact {
  position: relative;
}
@media (min-width: 1200px) {
  .ce_text--contact p:last-child {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .ce_text--linklist {
    display: flex;
  }
}
.ce_text--linklist ul {
  list-style-type: none;
  margin: 0 3rem 0 0;
  padding: 0;
}
.ce_text--linklist ul + ul {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .ce_text--linklist ul + ul {
    margin-top: 0;
  }
}
.ce_text--linklist li {
  padding-left: 2rem;
  font-weight: bold;
}
.ce_text--linklist li::before {
  font-family: dpi;
  content: "\e902";
  background: transparent;
  border-radius: 0;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  top: 0.8rem;
}
@media (min-width: 1200px) {
  .ce_text--linklist li::before {
    font-size: 1.2rem;
    top: 1rem;
  }
}
.ce_text--number p {
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: bold;
}
@media (min-width: 1200px) {
  .ce_text--number p {
    font-size: 6.4rem;
    line-height: 1.25;
  }
}
.ce_text--number + .ce_text--number {
  margin-top: 2rem;
}
.ce_text--process {
  font-size: 1.2rem;
  line-height: 1.25;
}
.ce_text--process ul {
  display: flex;
  justify-content: center;
}
.ce_text--process li {
  padding: 9rem 0 1rem;
  margin: 0;
  width: calc((100% - 106px) / 6);
  min-width: 14rem;
  position: relative;
}
.ce_text--process li + li {
  margin-top: 0;
}
.ce_text--process li::before {
  background-color: transparent;
  border-radius: 0;
  width: auto;
  height: auto;
  font-family: dpi;
  position: absolute;
  left: 50%;
  top: 5rem;
  color: var(--mainColor);
  transform: translate(-50%, -50%);
  font-size: 5rem;
}
.ce_text--process li:nth-child(1) {
  border: 1px solid var(--mainColor);
  border-radius: 1.6rem;
  margin-right: 5rem;
}
.ce_text--process li:nth-child(1)::before {
  content: "\e917";
}
.ce_text--process li:nth-child(2) {
  border: 1px solid var(--mainColor);
  border-right: 0;
  border-radius: 1.6rem 0 0 1.6rem;
}
.ce_text--process li:nth-child(2)::before {
  content: "\e918";
}
.ce_text--process li:nth-child(3) {
  border: 1px solid var(--mainColor);
  border-width: 1px 0;
  border-radius: 0;
}
.ce_text--process li:nth-child(3)::before {
  content: "\e919";
}
.ce_text--process li:nth-child(4) {
  border: 1px solid var(--mainColor);
  border-width: 1px 0;
  border-radius: 0;
}
.ce_text--process li:nth-child(4)::before {
  content: "\e91a";
}
.ce_text--process li:nth-child(5) {
  border: 1px solid var(--mainColor);
  border-left: 0;
  border-radius: 0 1.6rem 1.6rem 0;
  margin-right: 5rem;
}
.ce_text--process li:nth-child(5)::before {
  content: "\e91b";
}
.ce_text--process li:nth-child(6) {
  border: 1px solid var(--mainColor);
  border-radius: 1.6rem;
}
.ce_text--process li:nth-child(6)::before {
  content: "\e91c";
  font-size: 4.8rem;
}
.ce_text--process li:nth-child(1)::after, .ce_text--process li:nth-child(5)::after {
  content: "\e902";
  font-family: dpi;
  background-color: var(--mainColor);
  color: var(--backgroundColor);
  border-radius: 50%;
  display: block;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  font-size: 1.6rem;
  top: calc(50% - 1.5rem);
  right: -4.1rem;
  position: absolute;
}
@media (min-width: 1200px) {
  .ce_text--process li {
    width: calc((100% - 126px) / 6);
    padding: 10rem 0 1.6rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .ce_text--process li::before {
    top: 5.4rem;
    font-size: 6rem;
  }
  .ce_text--process li:nth-child(1), .ce_text--process li:nth-child(5) {
    margin-right: 6rem;
  }
  .ce_text--process li:nth-child(1)::after, .ce_text--process li:nth-child(5)::after {
    right: -4.6rem;
  }
}
.ce_text--process strong {
  height: 6rem;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.ce_sliderStart {
  position: relative;
  margin: 0 0 6rem;
}
.ce_sliderStart .ce_image {
  padding: 0 3rem;
  box-sizing: border-box;
}
.ce_sliderStart .ce_image img {
  width: 100%;
  height: auto;
}
.ce_sliderStart .ce_text {
  margin: 0 !important;
  padding: 0 3rem;
  box-sizing: border-box;
  position: relative;
}
.ce_sliderStart .ce_text > * {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.ce_sliderStart .ce_text a {
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ce_sliderStart .slider-prev,
.ce_sliderStart .slider-next {
  display: none;
  font-size: 0;
  color: transparent;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid var(--mainColor);
  position: absolute;
  top: calc(50% - 1.6rem);
  border-radius: 50%;
  transition: border-color var(--transitionSpeed), background-color 0.3s;
}
.ce_sliderStart .slider-prev::before,
.ce_sliderStart .slider-next::before {
  content: "\e902";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: dpi;
  font-size: 1.6rem;
  width: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  color: var(--mainColor);
  transition: color var(--transitionSpeed);
}
.ce_sliderStart .slider-prev:hover,
.ce_sliderStart .slider-next:hover {
  background-color: var(--mainColor);
}
.ce_sliderStart .slider-prev:hover::before,
.ce_sliderStart .slider-next:hover::before {
  color: var(--backgroundColor);
}
.ce_sliderStart .slider-prev {
  left: auto;
  right: calc(100% + 2rem);
  transform: scaleX(-1);
}
.ce_sliderStart .slider-next {
  right: auto;
  left: calc(100% + 2rem);
}
.ce_sliderStart .slider-control {
  height: 0;
  position: static;
  text-align: center;
  margin: 0;
}
.ce_sliderStart .slider-menu {
  line-height: 0;
  font-size: 0;
  position: static;
  margin: 4rem 0 0;
}
.ce_sliderStart .slider-menu b {
  color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin: 0 0.4rem;
  background-color: transparent;
  border: 0.1rem solid var(--mainColor);
  transition: border-color var(--transitionSpeed);
}
.ce_sliderStart .slider-menu b::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s, background-color var(--transitionSpeed);
  background-color: var(--mainColor);
}
.ce_sliderStart .slider-menu b.active::before {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 992px) {
  .ce_sliderStart-lg-hover-border .slider-wrapper > .ce_text {
    padding: 4rem 3rem !important;
  }
  .ce_sliderStart-lg-hover-border .slider-wrapper > .ce_text a {
    border: 1px solid var(--mainColor);
    border-radius: 2rem;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .ce_sliderStart-lg-hover-border .slider-wrapper > .ce_text a::after {
    content: "\e902";
    display: block;
    font-family: dpi;
    color: var(--backgroundColor);
    background-color: var(--mainColor);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    line-height: 2.4rem;
    text-align: center;
    font-size: 1.2rem;
    position: absolute;
    bottom: 3rem;
    right: 3rem;
  }
  .ce_sliderStart-lg-hover-border .slider-wrapper > .ce_text a:hover {
    opacity: 1;
  }
  .ce_sliderStart-lg-hover-border .slider-wrapper > .ce_text p::after {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    float: right;
  }
}
@media (min-width: 1200px) {
  .ce_sliderStart.arrows-xl-show .slider-prev,
  .ce_sliderStart.arrows-xl-show .slider-next {
    display: block;
  }
}

.ce_colStart {
  max-width: 100%;
}

.ce_headline.mb-2 + * {
  margin-top: 4rem;
}

.ce_form input[type=text],
.ce_form input[type=email],
.ce_form input[type=tel],
.ce_form textarea,
.ce_form select {
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  color: var(--mainColor);
  border: 0.1rem solid #bfbfbf;
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  background-color: transparent;
  transition: color var(--transitionSpeed);
  line-height: 3.5rem;
}
.ce_form input[type=text]::-moz-placeholder, .ce_form input[type=email]::-moz-placeholder, .ce_form input[type=tel]::-moz-placeholder, .ce_form textarea::-moz-placeholder, .ce_form select::-moz-placeholder {
  color: #999;
}
.ce_form input[type=text]::placeholder,
.ce_form input[type=email]::placeholder,
.ce_form input[type=tel]::placeholder,
.ce_form textarea::placeholder,
.ce_form select::placeholder {
  color: #999;
}
.ce_form textarea {
  resize: none;
}
.ce_form fieldset {
  border: 0;
  padding: 0;
}
.ce_form fieldset span {
  display: block;
  padding: 0 0 0 3.2rem;
  position: relative;
}
.ce_form fieldset span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #bfbfbf;
}
.ce_form fieldset label {
  display: block;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.ce_form fieldset label a {
  text-decoration: underline;
}
.ce_form fieldset input {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  opacity: 0;
}
.ce_form fieldset input:checked + label::before, .ce_form fieldset input:checked + label::after {
  position: absolute;
  content: "";
  display: block;
  width: 0.2rem;
  height: 1.2rem;
  background-color: var(--mainColor);
  top: 0.5rem;
  left: 1rem;
}
.ce_form fieldset input:checked + label::before {
  transform: rotate(45deg);
}
.ce_form fieldset input:checked + label::after {
  transform: rotate(135deg);
}
.ce_form .formbody {
  position: relative;
}
.ce_form .widget-pflichtfeld {
  margin-top: 0 !important;
}
.ce_form .widget-pflichtfeld p {
  font-size: 1.4rem;
  line-height: 5rem;
}
@media (min-width: 768px) {
  .ce_form .widget-pflichtfeld {
    position: absolute;
    bottom: 0;
    left: 16rem;
  }
}
.ce_form .widget-upload label {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
  padding-right: 5rem;
  position: relative;
}
.ce_form .widget-upload label:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .ce_form .widget-upload label {
    display: inline-block;
    width: auto;
  }
}
.ce_form .widget-upload label::before {
  font-family: dpi;
  content: "\e902";
  right: 1rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  position: absolute;
  right: 2rem;
  top: calc(50% - 0.6rem);
  transform: rotate(270deg);
}
.ce_form .widget-upload ul {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.ce_form .widget-upload li {
  position: relative;
  padding-left: 2.4rem;
}
.ce_form .widget-upload li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.6rem;
  height: 2.4rem;
  cursor: pointer;
}
.ce_form .widget-upload li span::before, .ce_form .widget-upload li span::after {
  content: "";
  display: block;
  background-color: var(--mainColor);
  position: absolute;
  width: 100%;
  height: 0.2rem;
  left: 0;
  top: calc(50% - 0.1rem);
}
.ce_form .widget-upload li span::before {
  transform: rotate(45deg);
}
.ce_form .widget-upload li span::after {
  transform: rotate(-45deg);
}
.ce_form .widget-upload li::before {
  display: none;
}
.ce_form .widget-upload input {
  display: none;
}
.ce_form .widget-fineuploader li::before {
  display: none;
}
.ce_form .widget-fineuploader .fineuploader-container {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.ce_form .widget-fineuploader .fineuploader-container .content img {
  vertical-align: middle;
}
.ce_form .widget-fineuploader .fineuploader-container .delete {
  color: transparent;
  font-size: 0;
  overflow: hidden;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  position: relative;
}
.ce_form .widget-fineuploader .fineuploader-container .delete::before, .ce_form .widget-fineuploader .fineuploader-container .delete::after {
  content: "";
  display: block;
  background-color: #c00;
  width: 80%;
  height: 0.2rem;
  position: absolute;
  top: calc(50% - 0.1rem);
  left: 10%;
}
.ce_form .widget-fineuploader .fineuploader-container .delete::before {
  transform: rotate(45deg);
}
.ce_form .widget-fineuploader .fineuploader-container .delete::after {
  transform: rotate(-45deg);
}
.ce_form .widget-fineuploader .qq-upload-list {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.ce_form .widget-fineuploader .qq-upload-success {
  display: none;
}
.ce_form .widget-fineuploader .qq-upload-button {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
  padding-right: 5rem;
  position: relative;
  vertical-align: middle;
}
.ce_form .widget-fineuploader .qq-upload-button:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .ce_form .widget-fineuploader .qq-upload-button {
    display: inline-block;
    width: auto;
  }
}
.ce_form .widget-fineuploader .qq-upload-button::before {
  font-family: dpi;
  content: "\e902";
  right: 1rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  position: absolute;
  right: 2rem;
  top: calc(50% - 0.6rem);
  transform: rotate(270deg);
}
.ce_form .widget-fineuploader .qq-alert-dialog-selector {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  box-shadow: 0 0 1rem #000;
}
.ce_form .widget-fineuploader .qq-alert-dialog-selector button {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
  background-color: white;
  color: black;
}
.ce_form .widget-fineuploader .qq-alert-dialog-selector button:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .ce_form .widget-fineuploader .qq-alert-dialog-selector button {
    display: inline-block;
    width: auto;
  }
}
.ce_form .widget-fineuploader .qq-alert-dialog-selector button:hover {
  background-color: black;
  color: white;
}
.ce_form .widget-select {
  position: relative;
}
.ce_form .widget-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 4rem;
}
.ce_form .widget-select::before {
  font-family: dpi;
  content: "\e901";
  display: block;
  position: absolute;
  bottom: 1.625rem;
  right: 1.75rem;
  pointer-events: none;
  font-size: 1.25rem;
  line-height: 1;
}
.ce_form .widget-submit button {
  display: block;
  padding: 1rem 2.4rem;
  border: 0.1rem solid var(--mainColor);
  text-decoration: none;
  text-align: center;
  color: var(--mainColor);
  border-radius: 2.5rem;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  font-family: Poppins, arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  transition: background-color var(--transitionSpeed), color var(--transitionSpeed), border-color var(--transitionSpeed);
}
.ce_form .widget-submit button:hover {
  color: var(--backgroundColor);
  background-color: var(--mainColor);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .ce_form .widget-submit button {
    display: inline-block;
    width: auto;
  }
}
.ce_form .widget + .widget {
  margin-top: 2rem;
}

.ce_gallery--fade ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ce_gallery--fade li {
  padding: 0;
  visibility: visible;
  opacity: 1;
  transition: visibility var(--transitionSpeed), opacity var(--transitionSpeed);
}
.ce_gallery--fade li::before {
  display: none;
}
.ce_gallery--fade li + li {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ce_gallery--fade li.active + li {
  visibility: hidden;
  opacity: 0;
}
.ce_gallery--fade img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}
.ce_gallery--dots {
  height: 100%;
}
.ce_gallery--dots ul {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ce_gallery--dots li {
  height: 25%;
  padding: 0;
  margin: 0 !important;
}
.ce_gallery--dots li::before {
  display: none;
}
.ce_gallery--dots figure {
  height: 100%;
  display: flex;
  align-items: center;
}
.ce_gallery--dots img {
  width: 100%;
  height: 40%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
.ce_gallery--dots-right img {
  -o-object-position: left center;
     object-position: left center;
}

.ce_columns {
  max-width: none !important;
}
.ce_columns--dots {
  position: relative;
}
.ce_columns--dots::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ce_columns--dots canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ce_columns--dots .ce_image {
  position: absolute;
  width: 20%;
  height: 20%;
  top: 40%;
  left: 40%;
}
.ce_columns--dots figure,
.ce_columns--dots img {
  width: 100%;
  height: 100%;
}
.ce_columns--dots img {
  -o-object-fit: contain;
     object-fit: contain;
}

.ce_player figure {
  position: relative;
  overflow: hidden;
}
.ce_player video {
  width: 100%;
  height: auto;
  transition: transform 1s;
  vertical-align: middle;
}
.ce_player .playicon {
  cursor: pointer;
}
.ce_player .playicon::before {
  content: "\e90f";
  color: #fff;
  font-family: dpi;
  display: block;
  font-size: 4rem;
  line-height: 10rem;
  text-align: center;
  width: 10rem;
  border-radius: 50%;
  border: 0.25rem solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding-left: 1rem;
  background: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  z-index: 1;
}
.ce_player .playicon:hover video {
  transform: scale(1.05);
}
.ce_player--opener figure {
  padding-top: 90.5660377358%;
  background-color: black;
}
.ce_player--opener figure::before {
  display: none !important;
}
.ce_player--opener video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* HELPERS */
.d-none,
.invisible {
  display: none;
}

.p-0 {
  padding: 0;
}
.p-1 {
  padding: 1rem;
}
.p-2 {
  padding: 2rem;
}
.p-3 {
  padding: 4rem;
}
.p-4 {
  padding: 6rem;
}
.p-5 {
  padding: 8rem;
}
.p-6 {
  padding: 12rem;
}
.p-xs-0 {
  padding: 0;
}
.p-xs-1 {
  padding: 1rem;
}
.p-xs-2 {
  padding: 2rem;
}
.p-xs-3 {
  padding: 4rem;
}
.p-xs-4 {
  padding: 6rem;
}
.p-xs-5 {
  padding: 8rem;
}
.p-xs-6 {
  padding: 12rem;
}
@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0;
  }
  .p-sm-1 {
    padding: 1rem;
  }
  .p-sm-2 {
    padding: 2rem;
  }
  .p-sm-3 {
    padding: 4rem;
  }
  .p-sm-4 {
    padding: 6rem;
  }
  .p-sm-5 {
    padding: 8rem;
  }
  .p-sm-6 {
    padding: 12rem;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0;
  }
  .p-md-1 {
    padding: 1rem;
  }
  .p-md-2 {
    padding: 2rem;
  }
  .p-md-3 {
    padding: 4rem;
  }
  .p-md-4 {
    padding: 6rem;
  }
  .p-md-5 {
    padding: 8rem;
  }
  .p-md-6 {
    padding: 12rem;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0;
  }
  .p-lg-1 {
    padding: 1rem;
  }
  .p-lg-2 {
    padding: 2rem;
  }
  .p-lg-3 {
    padding: 4rem;
  }
  .p-lg-4 {
    padding: 6rem;
  }
  .p-lg-5 {
    padding: 8rem;
  }
  .p-lg-6 {
    padding: 12rem;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0;
  }
  .p-xl-1 {
    padding: 1rem;
  }
  .p-xl-2 {
    padding: 2rem;
  }
  .p-xl-3 {
    padding: 4rem;
  }
  .p-xl-4 {
    padding: 6rem;
  }
  .p-xl-5 {
    padding: 8rem;
  }
  .p-xl-6 {
    padding: 12rem;
  }
}

.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pt-3 {
  padding-top: 4rem;
}
.pt-4 {
  padding-top: 6rem;
}
.pt-5 {
  padding-top: 8rem;
}
.pt-6 {
  padding-top: 12rem;
}
.pt-xs-0 {
  padding-top: 0;
}
.pt-xs-1 {
  padding-top: 1rem;
}
.pt-xs-2 {
  padding-top: 2rem;
}
.pt-xs-3 {
  padding-top: 4rem;
}
.pt-xs-4 {
  padding-top: 6rem;
}
.pt-xs-5 {
  padding-top: 8rem;
}
.pt-xs-6 {
  padding-top: 12rem;
}
@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-1 {
    padding-top: 1rem;
  }
  .pt-sm-2 {
    padding-top: 2rem;
  }
  .pt-sm-3 {
    padding-top: 4rem;
  }
  .pt-sm-4 {
    padding-top: 6rem;
  }
  .pt-sm-5 {
    padding-top: 8rem;
  }
  .pt-sm-6 {
    padding-top: 12rem;
  }
}
@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-1 {
    padding-top: 1rem;
  }
  .pt-md-2 {
    padding-top: 2rem;
  }
  .pt-md-3 {
    padding-top: 4rem;
  }
  .pt-md-4 {
    padding-top: 6rem;
  }
  .pt-md-5 {
    padding-top: 8rem;
  }
  .pt-md-6 {
    padding-top: 12rem;
  }
}
@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0;
  }
  .pt-lg-1 {
    padding-top: 1rem;
  }
  .pt-lg-2 {
    padding-top: 2rem;
  }
  .pt-lg-3 {
    padding-top: 4rem;
  }
  .pt-lg-4 {
    padding-top: 6rem;
  }
  .pt-lg-5 {
    padding-top: 8rem;
  }
  .pt-lg-6 {
    padding-top: 12rem;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0;
  }
  .pt-xl-1 {
    padding-top: 1rem;
  }
  .pt-xl-2 {
    padding-top: 2rem;
  }
  .pt-xl-3 {
    padding-top: 4rem;
  }
  .pt-xl-4 {
    padding-top: 6rem;
  }
  .pt-xl-5 {
    padding-top: 8rem;
  }
  .pt-xl-6 {
    padding-top: 12rem;
  }
}

.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 1rem;
}
.pr-2 {
  padding-right: 2rem;
}
.pr-3 {
  padding-right: 4rem;
}
.pr-4 {
  padding-right: 6rem;
}
.pr-5 {
  padding-right: 8rem;
}
.pr-6 {
  padding-right: 12rem;
}
.pr-xs-0 {
  padding-right: 0;
}
.pr-xs-1 {
  padding-right: 1rem;
}
.pr-xs-2 {
  padding-right: 2rem;
}
.pr-xs-3 {
  padding-right: 4rem;
}
.pr-xs-4 {
  padding-right: 6rem;
}
.pr-xs-5 {
  padding-right: 8rem;
}
.pr-xs-6 {
  padding-right: 12rem;
}
@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0;
  }
  .pr-sm-1 {
    padding-right: 1rem;
  }
  .pr-sm-2 {
    padding-right: 2rem;
  }
  .pr-sm-3 {
    padding-right: 4rem;
  }
  .pr-sm-4 {
    padding-right: 6rem;
  }
  .pr-sm-5 {
    padding-right: 8rem;
  }
  .pr-sm-6 {
    padding-right: 12rem;
  }
}
@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0;
  }
  .pr-md-1 {
    padding-right: 1rem;
  }
  .pr-md-2 {
    padding-right: 2rem;
  }
  .pr-md-3 {
    padding-right: 4rem;
  }
  .pr-md-4 {
    padding-right: 6rem;
  }
  .pr-md-5 {
    padding-right: 8rem;
  }
  .pr-md-6 {
    padding-right: 12rem;
  }
}
@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0;
  }
  .pr-lg-1 {
    padding-right: 1rem;
  }
  .pr-lg-2 {
    padding-right: 2rem;
  }
  .pr-lg-3 {
    padding-right: 4rem;
  }
  .pr-lg-4 {
    padding-right: 6rem;
  }
  .pr-lg-5 {
    padding-right: 8rem;
  }
  .pr-lg-6 {
    padding-right: 12rem;
  }
}
@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0;
  }
  .pr-xl-1 {
    padding-right: 1rem;
  }
  .pr-xl-2 {
    padding-right: 2rem;
  }
  .pr-xl-3 {
    padding-right: 4rem;
  }
  .pr-xl-4 {
    padding-right: 6rem;
  }
  .pr-xl-5 {
    padding-right: 8rem;
  }
  .pr-xl-6 {
    padding-right: 12rem;
  }
}

.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 1rem;
}
.pb-2 {
  padding-bottom: 2rem;
}
.pb-3 {
  padding-bottom: 4rem;
}
.pb-4 {
  padding-bottom: 6rem;
}
.pb-5 {
  padding-bottom: 8rem;
}
.pb-6 {
  padding-bottom: 12rem;
}
.pb-xs-0 {
  padding-bottom: 0;
}
.pb-xs-1 {
  padding-bottom: 1rem;
}
.pb-xs-2 {
  padding-bottom: 2rem;
}
.pb-xs-3 {
  padding-bottom: 4rem;
}
.pb-xs-4 {
  padding-bottom: 6rem;
}
.pb-xs-5 {
  padding-bottom: 8rem;
}
.pb-xs-6 {
  padding-bottom: 12rem;
}
@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-1 {
    padding-bottom: 1rem;
  }
  .pb-sm-2 {
    padding-bottom: 2rem;
  }
  .pb-sm-3 {
    padding-bottom: 4rem;
  }
  .pb-sm-4 {
    padding-bottom: 6rem;
  }
  .pb-sm-5 {
    padding-bottom: 8rem;
  }
  .pb-sm-6 {
    padding-bottom: 12rem;
  }
}
@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-1 {
    padding-bottom: 1rem;
  }
  .pb-md-2 {
    padding-bottom: 2rem;
  }
  .pb-md-3 {
    padding-bottom: 4rem;
  }
  .pb-md-4 {
    padding-bottom: 6rem;
  }
  .pb-md-5 {
    padding-bottom: 8rem;
  }
  .pb-md-6 {
    padding-bottom: 12rem;
  }
}
@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-1 {
    padding-bottom: 1rem;
  }
  .pb-lg-2 {
    padding-bottom: 2rem;
  }
  .pb-lg-3 {
    padding-bottom: 4rem;
  }
  .pb-lg-4 {
    padding-bottom: 6rem;
  }
  .pb-lg-5 {
    padding-bottom: 8rem;
  }
  .pb-lg-6 {
    padding-bottom: 12rem;
  }
}
@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
  .pb-xl-1 {
    padding-bottom: 1rem;
  }
  .pb-xl-2 {
    padding-bottom: 2rem;
  }
  .pb-xl-3 {
    padding-bottom: 4rem;
  }
  .pb-xl-4 {
    padding-bottom: 6rem;
  }
  .pb-xl-5 {
    padding-bottom: 8rem;
  }
  .pb-xl-6 {
    padding-bottom: 12rem;
  }
}

.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 1rem;
}
.pl-2 {
  padding-left: 2rem;
}
.pl-3 {
  padding-left: 4rem;
}
.pl-4 {
  padding-left: 6rem;
}
.pl-5 {
  padding-left: 8rem;
}
.pl-6 {
  padding-left: 12rem;
}
.pl-xs-0 {
  padding-left: 0;
}
.pl-xs-1 {
  padding-left: 1rem;
}
.pl-xs-2 {
  padding-left: 2rem;
}
.pl-xs-3 {
  padding-left: 4rem;
}
.pl-xs-4 {
  padding-left: 6rem;
}
.pl-xs-5 {
  padding-left: 8rem;
}
.pl-xs-6 {
  padding-left: 12rem;
}
@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0;
  }
  .pl-sm-1 {
    padding-left: 1rem;
  }
  .pl-sm-2 {
    padding-left: 2rem;
  }
  .pl-sm-3 {
    padding-left: 4rem;
  }
  .pl-sm-4 {
    padding-left: 6rem;
  }
  .pl-sm-5 {
    padding-left: 8rem;
  }
  .pl-sm-6 {
    padding-left: 12rem;
  }
}
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0;
  }
  .pl-md-1 {
    padding-left: 1rem;
  }
  .pl-md-2 {
    padding-left: 2rem;
  }
  .pl-md-3 {
    padding-left: 4rem;
  }
  .pl-md-4 {
    padding-left: 6rem;
  }
  .pl-md-5 {
    padding-left: 8rem;
  }
  .pl-md-6 {
    padding-left: 12rem;
  }
}
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0;
  }
  .pl-lg-1 {
    padding-left: 1rem;
  }
  .pl-lg-2 {
    padding-left: 2rem;
  }
  .pl-lg-3 {
    padding-left: 4rem;
  }
  .pl-lg-4 {
    padding-left: 6rem;
  }
  .pl-lg-5 {
    padding-left: 8rem;
  }
  .pl-lg-6 {
    padding-left: 12rem;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0;
  }
  .pl-xl-1 {
    padding-left: 1rem;
  }
  .pl-xl-2 {
    padding-left: 2rem;
  }
  .pl-xl-3 {
    padding-left: 4rem;
  }
  .pl-xl-4 {
    padding-left: 6rem;
  }
  .pl-xl-5 {
    padding-left: 8rem;
  }
  .pl-xl-6 {
    padding-left: 12rem;
  }
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-3 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-4 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-5 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-6 {
  padding-left: 12rem;
  padding-right: 12rem;
}
.px-xs-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-xs-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-xs-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-xs-3 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-xs-4 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-xs-5 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-xs-6 {
  padding-left: 12rem;
  padding-right: 12rem;
}
@media (min-width: 576px) {
  .px-sm-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-sm-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-sm-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-sm-3 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .px-sm-4 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .px-sm-5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .px-sm-6 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 768px) {
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-md-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-md-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-md-3 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .px-md-4 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .px-md-5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .px-md-6 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 992px) {
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-lg-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-lg-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-lg-3 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .px-lg-4 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .px-lg-5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .px-lg-6 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 1200px) {
  .px-xl-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-xl-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-xl-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-xl-3 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .px-xl-4 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .px-xl-5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .px-xl-6 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-3 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-4 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-5 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-6 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.py-xs-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-xs-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-xs-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-xs-3 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-xs-4 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-xs-5 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-xs-6 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-sm-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-sm-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-sm-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-sm-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .py-sm-5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .py-sm-6 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-md-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-md-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-md-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-md-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .py-md-5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .py-md-6 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-lg-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-lg-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-lg-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-lg-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .py-lg-5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .py-lg-6 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xl-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-xl-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-xl-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-xl-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .py-xl-5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .py-xl-6 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 1rem !important;
}
.m-2 {
  margin: 2rem !important;
}
.m-3 {
  margin: 4rem !important;
}
.m-4 {
  margin: 6rem !important;
}
.m-5 {
  margin: 8rem !important;
}
.m-6 {
  margin: 12rem !important;
}
.m-xs-0 {
  margin: 0 !important;
}
.m-xs-1 {
  margin: 1rem !important;
}
.m-xs-2 {
  margin: 2rem !important;
}
.m-xs-3 {
  margin: 4rem !important;
}
.m-xs-4 {
  margin: 6rem !important;
}
.m-xs-5 {
  margin: 8rem !important;
}
.m-xs-6 {
  margin: 12rem !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .m-sm-2 {
    margin: 2rem !important;
  }
  .m-sm-3 {
    margin: 4rem !important;
  }
  .m-sm-4 {
    margin: 6rem !important;
  }
  .m-sm-5 {
    margin: 8rem !important;
  }
  .m-sm-6 {
    margin: 12rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .m-md-2 {
    margin: 2rem !important;
  }
  .m-md-3 {
    margin: 4rem !important;
  }
  .m-md-4 {
    margin: 6rem !important;
  }
  .m-md-5 {
    margin: 8rem !important;
  }
  .m-md-6 {
    margin: 12rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .m-lg-2 {
    margin: 2rem !important;
  }
  .m-lg-3 {
    margin: 4rem !important;
  }
  .m-lg-4 {
    margin: 6rem !important;
  }
  .m-lg-5 {
    margin: 8rem !important;
  }
  .m-lg-6 {
    margin: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .m-xl-2 {
    margin: 2rem !important;
  }
  .m-xl-3 {
    margin: 4rem !important;
  }
  .m-xl-4 {
    margin: 6rem !important;
  }
  .m-xl-5 {
    margin: 8rem !important;
  }
  .m-xl-6 {
    margin: 12rem !important;
  }
}

.mx-n {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
  width: auto;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-3 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-4 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}
.mx-5 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}
.mx-6 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}
.mx-xs-n {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
  width: auto;
}
.mx-xs-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-xs-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-xs-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-xs-3 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-xs-4 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}
.mx-xs-5 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}
.mx-xs-6 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}
@media (min-width: 576px) {
  .mx-sm-n {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
    width: auto;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-sm-3 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-sm-4 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-sm-5 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-sm-6 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-n {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
    width: auto;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-md-3 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-md-4 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-md-5 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-md-6 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-n {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
    width: auto;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-lg-3 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-lg-4 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-lg-5 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-lg-6 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-n {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
    width: auto;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-xl-3 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-xl-4 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xl-5 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-xl-6 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-3 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-4 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.my-5 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.my-6 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}
.my-xs-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-xs-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-xs-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-xs-3 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-xs-4 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.my-xs-5 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.my-xs-6 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}
@media (min-width: 576px) {
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-3 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-4 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-5 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-sm-6 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-3 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-4 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-5 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-md-6 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-3 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-4 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-5 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-lg-6 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-3 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-4 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-5 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xl-6 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
}

.mt-d {
  margin-top: 1.4rem;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.mt-2 {
  margin-top: 2rem !important;
}
.mt-3 {
  margin-top: 4rem !important;
}
.mt-4 {
  margin-top: 6rem !important;
}
.mt-5 {
  margin-top: 8rem !important;
}
.mt-6 {
  margin-top: 12rem !important;
}
.mt-xs-d {
  margin-top: 1.4rem;
}
.mt-xs-0 {
  margin-top: 0 !important;
}
.mt-xs-1 {
  margin-top: 1rem !important;
}
.mt-xs-2 {
  margin-top: 2rem !important;
}
.mt-xs-3 {
  margin-top: 4rem !important;
}
.mt-xs-4 {
  margin-top: 6rem !important;
}
.mt-xs-5 {
  margin-top: 8rem !important;
}
.mt-xs-6 {
  margin-top: 12rem !important;
}
@media (min-width: 576px) {
  .mt-sm-d {
    margin-top: 1.4rem;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 1rem !important;
  }
  .mt-sm-2 {
    margin-top: 2rem !important;
  }
  .mt-sm-3 {
    margin-top: 4rem !important;
  }
  .mt-sm-4 {
    margin-top: 6rem !important;
  }
  .mt-sm-5 {
    margin-top: 8rem !important;
  }
  .mt-sm-6 {
    margin-top: 12rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-d {
    margin-top: 1.4rem;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 1rem !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .mt-md-3 {
    margin-top: 4rem !important;
  }
  .mt-md-4 {
    margin-top: 6rem !important;
  }
  .mt-md-5 {
    margin-top: 8rem !important;
  }
  .mt-md-6 {
    margin-top: 12rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-d {
    margin-top: 1.4rem;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 1rem !important;
  }
  .mt-lg-2 {
    margin-top: 2rem !important;
  }
  .mt-lg-3 {
    margin-top: 4rem !important;
  }
  .mt-lg-4 {
    margin-top: 6rem !important;
  }
  .mt-lg-5 {
    margin-top: 8rem !important;
  }
  .mt-lg-6 {
    margin-top: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-d {
    margin-top: 1.4rem;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 1rem !important;
  }
  .mt-xl-2 {
    margin-top: 2rem !important;
  }
  .mt-xl-3 {
    margin-top: 4rem !important;
  }
  .mt-xl-4 {
    margin-top: 6rem !important;
  }
  .mt-xl-5 {
    margin-top: 8rem !important;
  }
  .mt-xl-6 {
    margin-top: 12rem !important;
  }
}

.mr-n {
  margin-right: -3rem !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 1rem !important;
}
.mr-2 {
  margin-right: 2rem !important;
}
.mr-3 {
  margin-right: 4rem !important;
}
.mr-4 {
  margin-right: 6rem !important;
}
.mr-5 {
  margin-right: 8rem !important;
}
.mr-6 {
  margin-right: 12rem !important;
}
.mr-xs-n {
  margin-right: -3rem !important;
}
.mr-xs-0 {
  margin-right: 0 !important;
}
.mr-xs-1 {
  margin-right: 1rem !important;
}
.mr-xs-2 {
  margin-right: 2rem !important;
}
.mr-xs-3 {
  margin-right: 4rem !important;
}
.mr-xs-4 {
  margin-right: 6rem !important;
}
.mr-xs-5 {
  margin-right: 8rem !important;
}
.mr-xs-6 {
  margin-right: 12rem !important;
}
@media (min-width: 576px) {
  .mr-sm-n {
    margin-right: -3rem !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 1rem !important;
  }
  .mr-sm-2 {
    margin-right: 2rem !important;
  }
  .mr-sm-3 {
    margin-right: 4rem !important;
  }
  .mr-sm-4 {
    margin-right: 6rem !important;
  }
  .mr-sm-5 {
    margin-right: 8rem !important;
  }
  .mr-sm-6 {
    margin-right: 12rem !important;
  }
}
@media (min-width: 768px) {
  .mr-md-n {
    margin-right: -3rem !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: 1rem !important;
  }
  .mr-md-2 {
    margin-right: 2rem !important;
  }
  .mr-md-3 {
    margin-right: 4rem !important;
  }
  .mr-md-4 {
    margin-right: 6rem !important;
  }
  .mr-md-5 {
    margin-right: 8rem !important;
  }
  .mr-md-6 {
    margin-right: 12rem !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-n {
    margin-right: -3rem !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: 1rem !important;
  }
  .mr-lg-2 {
    margin-right: 2rem !important;
  }
  .mr-lg-3 {
    margin-right: 4rem !important;
  }
  .mr-lg-4 {
    margin-right: 6rem !important;
  }
  .mr-lg-5 {
    margin-right: 8rem !important;
  }
  .mr-lg-6 {
    margin-right: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-n {
    margin-right: -3rem !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: 1rem !important;
  }
  .mr-xl-2 {
    margin-right: 2rem !important;
  }
  .mr-xl-3 {
    margin-right: 4rem !important;
  }
  .mr-xl-4 {
    margin-right: 6rem !important;
  }
  .mr-xl-5 {
    margin-right: 8rem !important;
  }
  .mr-xl-6 {
    margin-right: 12rem !important;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.mb-2 {
  margin-bottom: 2rem !important;
}
.mb-3 {
  margin-bottom: 4rem !important;
}
.mb-4 {
  margin-bottom: 6rem !important;
}
.mb-5 {
  margin-bottom: 8rem !important;
}
.mb-6 {
  margin-bottom: 12rem !important;
}
.mb-xs-0 {
  margin-bottom: 0 !important;
}
.mb-xs-1 {
  margin-bottom: 1rem !important;
}
.mb-xs-2 {
  margin-bottom: 2rem !important;
}
.mb-xs-3 {
  margin-bottom: 4rem !important;
}
.mb-xs-4 {
  margin-bottom: 6rem !important;
}
.mb-xs-5 {
  margin-bottom: 8rem !important;
}
.mb-xs-6 {
  margin-bottom: 12rem !important;
}
@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 8rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mb-md-3 {
    margin-bottom: 4rem !important;
  }
  .mb-md-4 {
    margin-bottom: 6rem !important;
  }
  .mb-md-5 {
    margin-bottom: 8rem !important;
  }
  .mb-md-6 {
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 8rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 12rem !important;
  }
}

.ml-n {
  margin-left: -3rem !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 1rem !important;
}
.ml-2 {
  margin-left: 2rem !important;
}
.ml-3 {
  margin-left: 4rem !important;
}
.ml-4 {
  margin-left: 6rem !important;
}
.ml-5 {
  margin-left: 8rem !important;
}
.ml-6 {
  margin-left: 12rem !important;
}
.ml-xs-n {
  margin-left: -3rem !important;
}
.ml-xs-0 {
  margin-left: 0 !important;
}
.ml-xs-1 {
  margin-left: 1rem !important;
}
.ml-xs-2 {
  margin-left: 2rem !important;
}
.ml-xs-3 {
  margin-left: 4rem !important;
}
.ml-xs-4 {
  margin-left: 6rem !important;
}
.ml-xs-5 {
  margin-left: 8rem !important;
}
.ml-xs-6 {
  margin-left: 12rem !important;
}
@media (min-width: 576px) {
  .ml-sm-n {
    margin-left: -3rem !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 1rem !important;
  }
  .ml-sm-2 {
    margin-left: 2rem !important;
  }
  .ml-sm-3 {
    margin-left: 4rem !important;
  }
  .ml-sm-4 {
    margin-left: 6rem !important;
  }
  .ml-sm-5 {
    margin-left: 8rem !important;
  }
  .ml-sm-6 {
    margin-left: 12rem !important;
  }
}
@media (min-width: 768px) {
  .ml-md-n {
    margin-left: -3rem !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: 1rem !important;
  }
  .ml-md-2 {
    margin-left: 2rem !important;
  }
  .ml-md-3 {
    margin-left: 4rem !important;
  }
  .ml-md-4 {
    margin-left: 6rem !important;
  }
  .ml-md-5 {
    margin-left: 8rem !important;
  }
  .ml-md-6 {
    margin-left: 12rem !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-n {
    margin-left: -3rem !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: 1rem !important;
  }
  .ml-lg-2 {
    margin-left: 2rem !important;
  }
  .ml-lg-3 {
    margin-left: 4rem !important;
  }
  .ml-lg-4 {
    margin-left: 6rem !important;
  }
  .ml-lg-5 {
    margin-left: 8rem !important;
  }
  .ml-lg-6 {
    margin-left: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-n {
    margin-left: -3rem !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: 1rem !important;
  }
  .ml-xl-2 {
    margin-left: 2rem !important;
  }
  .ml-xl-3 {
    margin-left: 4rem !important;
  }
  .ml-xl-4 {
    margin-left: 6rem !important;
  }
  .ml-xl-5 {
    margin-left: 8rem !important;
  }
  .ml-xl-6 {
    margin-left: 12rem !important;
  }
}

.text-color-black {
  color: black !important;
}
.text-color-black .ce_hyperlink--button-default a {
  border-color: black !important;
  color: black !important;
}
.text-color-white {
  color: white !important;
}
.text-color-white .ce_hyperlink--button-default a {
  border-color: white !important;
  color: white !important;
}
.text-color-white .ce_hyperlink--button-default a:hover {
  color: black !important;
  background-color: white !important;
}
.text-color-white li::before {
  background-color: white;
}
.text-subheadline p {
  font-weight: bold;
}
@media (min-width: 1200px) {
  .text-subheadline p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.text-align-left {
  text-align: left;
}
.text-align-left [class^=icon-]::before,
.text-align-left [class*=" icon-"]::before {
  margin: 0 auto 2rem 0;
}
.text-align-center {
  text-align: center;
}
.text-align-center [class^=icon-]::before,
.text-align-center [class*=" icon-"]::before {
  margin: 0 auto 2rem;
}
.text-align-right {
  text-align: right;
}
.text-align-right [class^=icon-]::before,
.text-align-right [class*=" icon-"]::before {
  margin: 0 0 2rem auto;
}
.text-align-xs-left {
  text-align: left;
}
.text-align-xs-left [class^=icon-]::before,
.text-align-xs-left [class*=" icon-"]::before {
  margin: 0 auto 2rem 0;
}
.text-align-xs-center {
  text-align: center;
}
.text-align-xs-center [class^=icon-]::before,
.text-align-xs-center [class*=" icon-"]::before {
  margin: 0 auto 2rem;
}
.text-align-xs-right {
  text-align: right;
}
.text-align-xs-right [class^=icon-]::before,
.text-align-xs-right [class*=" icon-"]::before {
  margin: 0 0 2rem auto;
}
@media (min-width: 576px) {
  .text-align-sm-left {
    text-align: left;
  }
  .text-align-sm-left [class^=icon-]::before,
  .text-align-sm-left [class*=" icon-"]::before {
    margin: 0 auto 2rem 0;
  }
  .text-align-sm-center {
    text-align: center;
  }
  .text-align-sm-center [class^=icon-]::before,
  .text-align-sm-center [class*=" icon-"]::before {
    margin: 0 auto 2rem;
  }
  .text-align-sm-right {
    text-align: right;
  }
  .text-align-sm-right [class^=icon-]::before,
  .text-align-sm-right [class*=" icon-"]::before {
    margin: 0 0 2rem auto;
  }
}
@media (min-width: 768px) {
  .text-align-md-left {
    text-align: left;
  }
  .text-align-md-left [class^=icon-]::before,
  .text-align-md-left [class*=" icon-"]::before {
    margin: 0 auto 2rem 0;
  }
  .text-align-md-center {
    text-align: center;
  }
  .text-align-md-center [class^=icon-]::before,
  .text-align-md-center [class*=" icon-"]::before {
    margin: 0 auto 2rem;
  }
  .text-align-md-right {
    text-align: right;
  }
  .text-align-md-right [class^=icon-]::before,
  .text-align-md-right [class*=" icon-"]::before {
    margin: 0 0 2rem auto;
  }
}
@media (min-width: 992px) {
  .text-align-lg-left {
    text-align: left;
  }
  .text-align-lg-left [class^=icon-]::before,
  .text-align-lg-left [class*=" icon-"]::before {
    margin: 0 auto 2rem 0;
  }
  .text-align-lg-center {
    text-align: center;
  }
  .text-align-lg-center [class^=icon-]::before,
  .text-align-lg-center [class*=" icon-"]::before {
    margin: 0 auto 2rem;
  }
  .text-align-lg-right {
    text-align: right;
  }
  .text-align-lg-right [class^=icon-]::before,
  .text-align-lg-right [class*=" icon-"]::before {
    margin: 0 0 2rem auto;
  }
}
@media (min-width: 1200px) {
  .text-align-xl-left {
    text-align: left;
  }
  .text-align-xl-left [class^=icon-]::before,
  .text-align-xl-left [class*=" icon-"]::before {
    margin: 0 auto 2rem 0;
  }
  .text-align-xl-center {
    text-align: center;
  }
  .text-align-xl-center [class^=icon-]::before,
  .text-align-xl-center [class*=" icon-"]::before {
    margin: 0 auto 2rem;
  }
  .text-align-xl-right {
    text-align: right;
  }
  .text-align-xl-right [class^=icon-]::before,
  .text-align-xl-right [class*=" icon-"]::before {
    margin: 0 0 2rem auto;
  }
}

[class^=icon-]::before,
[class*=" icon-"]::before {
  width: 4.8rem;
  font-size: 4.8rem;
  line-height: 4.8rem;
  text-align: center;
  display: block;
  margin: 0 0 2rem;
  font-family: dpi;
  font-weight: normal;
}

.icon-logo:before {
  content: "\e900";
}

.icon-angle:before {
  content: "\e901";
}

.icon-arrow:before {
  content: "\e902";
}

.icon-arzt:before {
  content: "\e903";
}

.icon-check:before {
  content: "\e904";
}

.icon-digital:before {
  content: "\e905";
}

.icon-connect:before {
  content: "\e906";
}

.icon-entlohnung:before {
  content: "\e907";
}

.icon-haustuer-konfigurator:before {
  content: "\e908";
}

.icon-it-loesungen:before {
  content: "\e909";
}

.icon-kompetenz:before {
  content: "\e90a";
}

.icon-leistungspraemie:before {
  content: "\e90b";
}

.icon-logistik:before {
  content: "\e90c";
}

.icon-nachhaltigkeit:before {
  content: "\e90d";
}

.icon-pen-ruler:before {
  content: "\e90e";
}

.icon-play:before {
  content: "\e90f";
}

.icon-rabatt:before {
  content: "\e910";
}

.icon-schichtzulage:before {
  content: "\e911";
}

.icon-sozialleistungen:before {
  content: "\e912";
}

.icon-technologie:before {
  content: "\e913";
}

.icon-youtube:before {
  content: "\e914";
}

.icon-download:before {
  content: "\e915";
}

.icon-dpi-in-60-sekunden:before {
  content: "\e916";
}

.icon-ideen:before {
  content: "\e91d";
}

.flag-german {
  width: 15%;
  height: 1rem;
  margin: 0 auto 3rem;
  background-color: #eb0000;
  position: relative;
}
.flag-german::before, .flag-german::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.flag-german::before {
  right: calc(100% + 0.6rem);
  background-color: #000;
}
.flag-german::after {
  left: calc(100% + 0.6rem);
  background-color: #ffc800;
}

.font-size-big, .font-size-big p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.font-weight-bold {
  font-weight: bold;
}
.font-weight-normal {
  font-weight: normal;
}

.image-border-behind figure {
  background-image: linear-gradient(0deg, black 40%, transparent 40%);
  position: relative;
}
.image-border-behind figure::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, white 40%, transparent 40%);
  opacity: 0;
  transition: var(--transitionSpeed);
}
.image-border-behind img {
  position: relative;
  z-index: 2;
}

.full-width img {
  width: 100%;
  height: auto;
}

body.dark .image-border-behind figure::before {
  opacity: 1;
}

.ws-nowrap {
  white-space: nowrap;
}

[class^=parallax--],
[class*=" parallax--"] {
  position: relative;
}
[class^=parallax--] .parallax,
[class*=" parallax--"] .parallax {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  z-index: -1000;
}

.parallax--dpi .parallax {
  display: none;
}
@media (min-width: 768px) {
  .parallax--dpi .parallax {
    display: block;
  }
}
.parallax--dpi .parallax::before {
  display: block;
  content: "\e900";
  font-family: dpi;
  font-size: 60rem;
  width: 82.8rem;
  margin-left: -41.4rem;
  margin-top: -30rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
@media (min-width: 992px) {
  .parallax--dpi .parallax::before {
    font-size: 90rem;
    width: 124.2rem;
    margin-left: -62.1rem;
    margin-top: -45rem;
  }
}
@media (min-width: 1200px) {
  .parallax--dpi .parallax::before {
    font-size: 120rem;
    width: 165.6rem;
    margin-left: -82.8rem;
    margin-top: -60rem;
  }
}
.parallax--dpi-dark .parallax::before {
  color: rgba(0, 0, 0, 0.06);
}
.parallax--it-loesungen .parallax::before {
  display: block;
  content: "\e909";
  font-family: dpi;
  text-align: center;
  line-height: 1;
  color: rgba(0, 0, 0, 0.05);
  font-size: 120vw;
  width: 120vw;
  margin-left: -60vw;
  margin-top: -60vw;
}
@media (min-width: 1200px) {
  .parallax--it-loesungen .parallax::before {
    font-size: 160rem;
    width: 160rem;
    margin-left: -80rem;
    margin-top: -80rem;
  }
}
.parallax--darum-dpi .parallax::before {
  content: "";
  display: block;
  width: 100vw;
  height: 66.6666666667vw;
  transform: translate(-50%, -50%);
  background: transparent url(../../files/images/backgrounds/darum-dpi.webp) center/contain;
}

.line-1 {
  position: relative;
}
.line-1::before {
  content: "";
  display: none;
  width: 40%;
  height: 50%;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 1px 0 0 1px;
  position: absolute;
  right: 25%;
  top: 80%;
  z-index: -1;
}
@media (min-width: 992px) {
  .line-1::before {
    display: block;
  }
}

.slideto {
  transition: transform 2s, opacity 2s;
}

[class^=slideto--],
[class*=" slideto--"] {
  opacity: 0;
}

.slideto--right {
  transform: translateX(-10rem);
}

.slideto--left {
  transform: translateX(10rem);
}

.slideto--zoom {
  transform: scale(0.8);
}

zindex-0 {
  z-index: 0;
}

zindex-1 {
  z-index: 1;
}

zindex-2 {
  z-index: 2;
}

zindex-3 {
  z-index: 3;
}

zindex-4 {
  z-index: 4;
}

zindex-5 {
  z-index: 5;
}

zindex-6 {
  z-index: 6;
}

zindex-7 {
  z-index: 7;
}

zindex-8 {
  z-index: 8;
}

zindex-9 {
  z-index: 9;
}

zindex-10 {
  z-index: 10;
}/*# sourceMappingURL=main.css.map */