.kidsworld {
  --color-light: #FFFFFF;
  --color-middle: #FFFFFF;
  --color-dark: #BAA798;
  --color-primary: #BAA798;
  --color-font: #7F7F7F;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kidsworld #logos {
  top: 4em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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