.schoener-wohnen {
  --color-light: #FFFFFF;
  --color-middle: #FFFFFF;
  --color-dark: #C2B176;
  --color-primary: #C2B176;
  --color-font: #7F7F7F;
  --color-font-dark: #404040;

  --wallpaper-border-radius: 0;
  --wallpaper-border-width: 0;
}

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

body {
  font-size: 20px;
  line-height: 28px;
}

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

.schoener-wohnen #logo-right {
  position: relative;
  /* align-content: center; */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* align-items: flex-start; */
  width: 100%;
  top: -35px;
}

.schoener-wohnen #logo-left img {
    width: 370px;
    margin-left: -25px;
}

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

@media all and (min-width: 1000px) {

.p-big, 
.p-h-big, 
.p-r-big {
  padding-right: 12rem !important;
}

.p-big, 
.p-h-big, 
.p-l-big {
  padding-left: 12rem !important;
}

article.media.image[view_mode = '16_10'] {
  padding-top: 6em;
  padding-bottom: 6em;
}

}

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

  .schoener-wohnen #logo-right {
    position: absolute;
    left: 1rem;
    width: 150px;
    margin: auto;
    top: 2rem;
    justify-content: center;
  }
}

.schoener-wohnen h1, .schoener-wohnen h1 *,
.schoener-wohnen h2, .schoener-wohnen h2 *,
.schoener-wohnen h3, .schoener-wohnen h3 *,
.schoener-wohnen h4, .schoener-wohnen h4 *,
.schoener-wohnen h5, .schoener-wohnen h5 * {
  font-family: 'Kievit Pro Book', 'Rasch Sans Bold', 'Rasch Sans', sans-serif;
  color: var(--color-primary);
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: -0.8px;
}

.schoener-wohnen span.bold {
  font-family: 'Kievit Pro Extrabold', 'Rasch Sans Bold', 'Rasch Sans', sans-serif;
  color: var(--color-primary);
  font-weight: 800;
}

/*.schoener-wohnen h2 {*/
/*  font-family: 'RecifeDisplay', 'Open Sans', sans-serif;*/
/*  letter-spacing: 5px;*/
/*}*/

.schoener-wohnen .light:not(.is-child-paragraph) {
  background-color: var(--color-light);
}

.schoener-wohnen .middle:not(.is-child-paragraph) {
  background-color: var(--color-middle);
}

.schoener-wohnen .dark:not(.is-child-paragraph) {
  background-color: var(--color-dark);
}

.schoener-wohnen .primary:not(.is-child-paragraph) {
  background-color: var(--color-primary);
}

.schoener-wohnen .light p,
.schoener-wohnen .middle p {
  color: var(--color-font);
}

.schoener-wohnen .primary p,
.schoener-wohnen .primary h1,
.schoener-wohnen .primary h2,
.schoener-wohnen .primary span.bold,
.schoener-wohnen .primary h3,
.schoener-wohnen .primary h4,
.schoener-wohnen .primary h5,
.schoener-wohnen .dark p,
.schoener-wohnen .dark h1,
.schoener-wohnen .dark h2,
.schoener-wohnen .dark h3,
.schoener-wohnen .dark h4,
.schoener-wohnen .dark h5 {
  color: var(--color-light);
}

.schoener-wohnen h1 {
  font-size: 80px;
}

.schoener-wohnen h2 {
  font-size: 80px;
}

.schoener-wohnen h3 {
  font-size: 80px;
}

.schoener-wohnen .col.Text {
  justify-content: flex-start;
}

.primary.narrow.paragraph.paragraph--type--etagen-text.paragraph--view-mode--default {
  min-height: 350px;
}

.primary.narrow.paragraph.paragraph--type--etagen-text.paragraph--view-mode--default .col.p-big.Text {
  justify-content: center;
}

.paragraph.paragraph--type--etagen-wrapper.paragraph--view-mode--default h2 {
  line-height: 1em;
}

.paragraph.paragraph--type--etagen-text.paragraph--view-mode--default h2 {
  line-height: 1.2em;
}

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

.schoener-wohnen .light:not(.is-child-paragraph) .media .description p,
.schoener-wohnen .middle:not(.is-child-paragraph) .media .description p {
  color: var(--color-font-dark);
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
  font-weight: 300;
}

.schoener-wohnen article.media.image[view_mode = 'tapete_1_1'] img {
  border-radius: var(--wallpaper-border-radius);
  border: none;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.schoener-wohnen #block-brandingderwebsite img {
  width: 400px;
}

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

.schoener-wohnen #block-sprachumschalter ul li a {
  text-decoration: none;
  color: var(--color-font);
  font-family: 'Rasch Sans', 'Open Sans', sans-serif;
}

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

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

@media (min-width: 1000px) {
.schoener-wohnen #logos {
  top: 4em;
}
}

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

.schoener-wohnen footer,
.schoener-wohnen footer a {
  color: #FBF5F0!important;
}

.schoener-wohnen footer a {
  text-decoration: underline;
}

.schoener-wohnen footer ul > li {
  margin: 0 0 0 8rem;
  padding-left: 0.4rem;
}

.schoener-wohnen footer ul > li:first-child {
  margin-left: 0px;
}

.schoener-wohnen footer, .schoener-wohnen footer a {
  background-color: var(--color-dark);
  color: #FBF5F0;
}

.schoener-wohnen footer #block-brandingderwebsite {
  justify-content: flex-start;
  align-items: center;
}

.schoener-wohnen footer div#block-brandingderwebsite img {
  max-width: 225px;
}

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

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

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

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

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

.schoener-wohnen #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next,
.schoener-wohnen #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:

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

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

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

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

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

  .schoener-wohnen h1 {
    font-size: 80px;
  }

  .schoener-wohnen h2 {
    font-size: 80px;
  }

  .schoener-wohnen h3 {
    font-size: 55px;
  }
}

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

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

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

  .schoener-wohnen h1 {
    font-size: 80px;
    letter-spacing: -0.8px;
  }

  .schoener-wohnen h2 {
    font-size: 80px;
    letter-spacing: -0.8px;
  }

  .schoener-wohnen h3 {
    font-size: 50px;
  }

}

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

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

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

  .schoener-wohnen h1 {
    font-size: 40px;
  }

  .schoener-wohnen h2 {
    font-size: 60px;
  }

  .schoener-wohnen h3 {
    font-size: 47px;
  }
}

@media screen and (max-width: 1050px) {
  .schoener-wohnen h1 {
    font-size: 36px;
  }

  .schoener-wohnen h2 {
    font-size: 55px;
  }

  .schoener-wohnen h3 {
    font-size: 42px;
  }
}

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

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

  .schoener-wohnen #block-sprachumschalter ul {
    height: 24px;
  }

  .schoener-wohnen h1 {
    font-size: 32px;
  }

  .schoener-wohnen h2 {
    font-size: 50px;
  }

  .schoener-wohnen h3 {
    font-size: 40px;
  }

}

@media screen and (max-width: 786px) {
  .schoener-wohnen .paragraph--type--etagen-text img {
    display: block;
    margin-top: 15px;
    }
  .schoener-wohnen #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-next {
    right: -3rem;
    width: 2rem;
  }
  .schoener-wohnen #block-client-content > article > div > div.paragraph:first-of-type > .row .slick-prev {
    left: -3rem;
    width: 2rem;
  }

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

  .schoener-wohnen #logo-right img {
    width: 200px;
    margin: 0 auto;
  }

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

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

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

  .schoener-wohnen h1 {
    font-size: 27px;
  }

  .schoener-wohnen h2 {
    font-size: 40px;
  }

  .schoener-wohnen h3 {
    font-size: 33px;
  }
}

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

  .schoener-wohnen #logo-left img {
    margin-left: 0px;
  }

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

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

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

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

  .schoener-wohnen h1 {
    font-size: 30px;
  }

  .schoener-wohnen h2 {
    font-size: 30px;
  }

  .schoener-wohnen h3 {
    font-size: 27px;
  }
}

.schoener-wohnen #block-client-local-tasks ul li a {
  color: var(--color-dark);
}

.schoener-wohnen .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"]) .wrapper-inner {
  align-items: stretch;
}
.schoener-wohnen .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"]) .paragraph--type--etagen-media-image > div,
.schoener-wohnen .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"]) .paragraph--type--etagen-media-image article {
  height: 100%;
}
.schoener-wohnen .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"]) .paragraph--type--etagen-media-image img {
  /*height: 100%;*/
  object-fit: cover;
}