.factory * {
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
}

.factory a {
  font-family: 'Rasch Sans Bold', 'Open Sans', sans-serif;
}

.factory #logo-left img {
  width: 300px;
}

.factory #logo-right img {
  width: 170px;
}

@media all and (max-width: 550px) {
  .factory #logo-left {
    top: 7rem;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 300px;
  }

  .factory #logo-right {
    position: absolute;
    top: .1rem;
    left: 1rem;
    width: 10rem;
  }
}

.factory h2 {
  font-family: 'Anton', 'Open Sans', sans-serif;
  letter-spacing: 5px;
}

.factory .dark h2,
.factory .primary h2,
.factory .dark p,
.factory .primary p {
  color: #F0F1F3;
}

.factory .light h2,
.factory .middle h2 {
  color: #A58172;
}

.factory .light p,
.factory .middle p {
  color: #7F7F7F;
}

.factory .primary {
  color: #fff;
}

.factory .dark:not(.is-child-paragraph) .media .description p,
.factory .primary:not(.is-child-paragraph) .media .description p {
  color: #F0F1F3;
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
}

.factory .light:not(.is-child-paragraph) .media .description p,
.factory .middle:not(.is-child-paragraph) .media .description p {
  color: #7F7F7F;
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
}

.factory article.media.image[view_mode = 'tapete_1_1'] img {
  border-radius: unset;
  border: none;
  margin: 0 auto;
}

.factory .slick-prev {
  background: url(../factory/arrow_left_black.svg) 50% 43% no-repeat;
  width: 3rem;
  left: 5rem;
}

.factory .slick-next {
  background: url(../factory/arrow_right_black.svg) 50% 43% no-repeat;
  width: 3rem;
  right: 5rem;
}

.factory .dark .slick-prev,
.factory .primary .slick-prev {
  background: url(../factory/arrow_left_white.svg) 50% 43% no-repeat;
}

.factory .dark .slick-next,
.factory .primary .slick-next {
  background: url(../factory/arrow_right_white.svg) 50% 43% no-repeat;
}

.front.factory .scroll-down {
  width: 42px;
  right: 9vw;
  top: 85vh;
}

.front.factory .scroll-down img {
  width: 42px;
}

.factory footer {
  background-color: #000;
  color: #fff;
}

.factory footer #block-footertext span {
  font-family: 'Rasch Sans Bold', 'Open Sans', sans-serif;
}

.factory footer nav#block-fusszeile ul li a {
  font-family: 'Rasch Sans Bold', 'Open Sans', sans-serif;
  color: #fff;
}

.factory #block-brandingderwebsite img {
  width: 300px;
}

.factory.not-front #logos {
  display: none;
}

.factory #block-sprachumschalter ul li a {
  text-decoration: none;
  color: #000;
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
}

.factory #block-sprachumschalter ul li:hover a,
.factory #block-sprachumschalter ul li.is-active a {
  font-family: 'Rasch Sans Bold', 'Open Sans', sans-serif;
}

.factory h1, .factory h2, .factory h3, .factory h4, .factory h5, .factory h6 {
  font-family: 'BlackOpsOne', 'Rasch Sans Bold', 'Open Sans', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.factory .narrow > * {
  max-width: 159rem;
}

.factory #logos {
  top: 4em;
}

.factory .paragraph:not(.is-child-paragraph) > .p-big {
  /*padding-top: 12rem !important;*/
  /*padding-bottom: 12rem !important;*/
}

.factory footer {
  background-color: #797C64;
}

.factory footer #block-brandingderwebsite {
  align-items: center;
}

.factory [data-items-in-a-row="8"] > div {
  align-items: baseline;
}

.factory [data-items-in-a-row="8"] article.media.image[view_mode = 'tapete_1_1'] {
  padding: 1em;
}

.factory footer > div > nav {
  justify-content: flex-end;
}

/*
first slider
 */
.factory #block-client-content > article > div > div.paragraph:first-of-type {
  min-height: 100vh;
  padding-bottom: 12rem;
}
.factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
  max-width: 137rem;
  top: 14rem;
}
.factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-list .is-child-paragraph img {
  width: 100%
}

.factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next {
  right: -5rem;
}
.factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-prev {
  left: -5rem;
}

.factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next,
.factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-prev {
  background-position-y: 50%;
}

/*
In case the slider images should have a box-shadow, you can add this to the CSS:

.factory article.media.image[view_mode = 'tapete_1_1'] img {
  box-shadow: 0 20px 35px #00000029;
}
.factory .wide .slick-list {
  max-width: calc(170rem - 25px);
  margin: 0 auto;
  padding: 0;
}
*/

@media screen and (min-width: 1501px) {
  .front.factory .scroll-down {
    right: 5vw;
  }
}

@media screen and (max-width: 1500px) {
  .front.factory .scroll-down {
    right: 3rem;
  }

  .factory .slick-prev {
    width: 2rem;
    left: 2rem;
  }

  .factory .slick-next {
    width: 2rem;
    right: 2rem;
  }
}

@media screen and (max-width: 1400px) {
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    max-width: 125rem;
  }

  .factory .slick-prev {
    width: 2.5rem;
    left: 1rem;
  }

  .factory .slick-next {
    width: 2.5rem;
    right: 1rem;
  }

}

@media screen and (max-width: 1330px) {
  .factory #block-client-content > article > div > div.paragraph:first-of-type {
    min-height: unset;
    padding-bottom: 20rem;
  }

  .factory #logos {
    max-width: 94vw;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    max-width: 90vw;
  }
}

@media screen and (max-width: 900px) {
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next {
    right: -3rem;
    width: 2rem;
  }
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-prev {
    left: -3rem;
    width: 2rem;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    max-width: 85vw;
  }

  .factory #block-sprachumschalter ul {
    height: 16px;
  }

}

@media screen and (max-width: 786px) {
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next {
    right: -3rem;
    width: 2rem;
  }
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-prev {
    left: -3rem;
    width: 2rem;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    max-width: 85vw;
  }

  .factory #logo-right img {
    width: 100px;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    top: 17rem;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type {
    padding-bottom: 23rem;
  }

  .factory #logos {
    max-width: 90vw;
  }
}

@media screen and (max-width: 550px) {
  .factory #block-client-content > article > div > div.paragraph:first-of-type > .row {
    top: 25rem;
  }

  .factory #block-client-content > article > div > div.paragraph:first-of-type {
    padding-bottom: 33rem;
  }

  .factory #block-sprachumschalter ul.active {
    height: 100%;
  }

  .factory #block-sprachumschalter {
    z-index: 999999;
  }
}