.paraiso {
  --color-light: #FFFFFF;
  --color-middle: #FFFFFF;
  --color-dark: #AE7F5F;
  --color-primary: #AE7F5F;
  --color-font: #7F7F7F;
  --color-font-dark: #404040;

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

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

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

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

.paraiso #logo-left img {
  width: 500px;
}

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

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

  .paraiso #logo-right {
    position: absolute;
    top: .1rem;
    left: 1rem;
    width: 100%;
    justify-content: center;
  }
}

.paraiso h1, .paraiso h1 *,
.paraiso h2, .paraiso h2 *,
.paraiso h3, .paraiso h3 *,
.paraiso h4, .paraiso h4 *,
.paraiso h5, .paraiso h5 * {
  font-family: 'Abril Fatface', 'Rasch Sans', sans-serif;
  color: var(--color-primary);
  font-weight: 100;
}

.paraiso .wrapper-inner h2 {
  text-transform: none;
}

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

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

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

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

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

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

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

.paraiso h1 {
  font-size: 64px;
}

.paraiso h2 {
  font-size: 64px;
}

.paraiso h3 {
  font-size: 56px;
}

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

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

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

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

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

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

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

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

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

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

.paraiso footer nav#block-fusszeile ul li a {
  font-family: 'Rasch Sans Bold', 'Open Sans', sans-serif;
  color: var(--color-light);
}

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

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

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

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

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

.paraiso #logos {
  top: 4em;
}

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

.paraiso footer, .paraiso footer a {
  background-color: var(--color-dark);
  color: var(--color-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .paraiso h1 {
    font-size: 48px;
  }

  .paraiso h2 {
    font-size: 80px;
  }

  .paraiso h3 {
    font-size: 55px;
  }
}

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

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

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

  .paraiso h1 {
    font-size: 43px;
  }

  .paraiso h2 {
    font-size: 70px;
  }

  .paraiso h3 {
    font-size: 50px;
  }

}

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

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

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

  .paraiso h1 {
    font-size: 40px;
  }

  .paraiso h2 {
    font-size: 60px;
  }

  .paraiso h3 {
    font-size: 47px;
  }
}

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

  .paraiso h2 {
    font-size: 55px;
  }

  .paraiso h3 {
    font-size: 42px;
  }
}

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

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

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

  .paraiso h1 {
    font-size: 32px;
  }

  .paraiso h2 {
    font-size: 50px;
  }

  .paraiso h3 {
    font-size: 40px;
  }

}

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

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

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

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

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

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

  .paraiso h1 {
    font-size: 27px;
  }

  .paraiso h2 {
    font-size: 40px;
  }

  .paraiso h3 {
    font-size: 33px;
  }
}

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

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

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

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

  .paraiso h1 {
    font-size: 22px;
  }

  .paraiso h2 {
    font-size: 30px;
  }

  .paraiso h3 {
    font-size: 27px;
  }
}

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

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

.paraiso .slick-list {width:100% !important;}
/*.paraiso .slick-track {width:100% !important;}*/
/*.paraiso .slick-slide {width:100% !important;}*/