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

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

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

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

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

.countrycharme #logo-left img {
  width: 900px;
}

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

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

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

  .countrycharme #logo-right img {
    width: 100px !important;
  }
}

.countrycharme h1, .countrycharme h1 *,
.countrycharme h2, .countrycharme h2 *,
.countrycharme h3, .countrycharme h3 *,
.countrycharme h4, .countrycharme h4 *,
.countrycharme h5, .countrycharme h5 * {
  font-family: 'Rozha One', 'Rasch Sans Bold', 'Rasch Sans', sans-serif;
  color: var(--color-primary);
  font-weight: 400;
}

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

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

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

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

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

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

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

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

.countrycharme h1 {
  font-size: 80px;
}

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

.countrycharme h3 {
  font-size: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.countrycharme #logos {
  top: 4em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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