/** sustainability **/
.sustainability strong, .sustainability b {
  font-family: 'Rasch Sans Bold', 'Rasch Sans', sans-serif;
}

.sustainability .dark *, .sustainability .primary * {
  color: white;
}
.sustainability .light *, .sustainability .middle * {
  color: black;
}

.sustainability .paragraph--type--etagen-text .imagewrap {
  display: flex;
  place-items: center;
}

.sustainability .paragraph--type--etagen-text .imagewrap img {
  max-width: 180px;
  max-height: 180px;
}

.sustainability .paragraph--type--etagen-text .imagewrap > *:not(:last-child) {
  margin-right: 4rem;
}

.sustainability ul li {
  list-style-image: url('/themes/custom/client/sustainability/check-green.svg');
}

.sustainability ul li::marker {
  height: 1rem;
}

.sustainability .primary ul li,
.sustainability .dark ul li {
  list-style-image: url('/themes/custom/client/sustainability/check-white.svg');
}

.sustainability {
  font-size: 32px;
}

.sustainability footer {
  font-size: 16px;
}

.sustainability footer ul li {
  list-style: none;
}

.sustainability .narrow {
  padding: 6rem 12rem;
}

.sustainability #block-sprachumschalter {
  font-size: 24px;
}

.sustainability footer > div > div,
.sustainability footer > div > nav {
  place-items: center;
}

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

.sustainability footer {
  color: #536E48;
  font-size: 24px;
}

.sustainability footer a {
  color: #536E48;
  text-decoration: underline;
  font-family: 'Rasch Sans Bold', 'Rasch Sans', sans-serif;
}

.sustainability footer a:hover {
  color: #536E48;
}

.sustainability .primary {
  background-image: url("/themes/custom/client/sustainability/baum.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-position-y: calc(100% + 23rem);
  background-blend-mode: soft-light;
  background-size: contain;
  background-position-x: calc(100% + 20rem);
}

.sustainability .cookie-wrapper .cookie-main {
  font-size: 16px;
}

.sustainability #logos {
  top: 3em;
  max-width: 166rem;
}

.sustainability #logos #logo-right {
  right: 2rem;
}

.sustainability img.logo-left {
  width: 170px;
  height: auto;
}

.sustainability img.logo-right {
  display: none;
}

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



.sustainability .backgroundimage.narrow > * {
  margin: unset;
}

.sustainability .paragraph--type--etagen-media-image.is-parent-paragraph[data-items-in-a-row="4"] > * > article {
  width: 100%;
}

.sustainability .backgroundimage {
  background-position: center;
}

.sustainability .backgroundimage > div {
  padding: 20rem 0
}

.sustainability .backgroundimage > div * {
  color: white !important;
}

.sustainability p.text-align-center img {
  display: block;
  margin: 0 auto;
}

.sustainability h1, .sustainability h1 * {
  font-size: 75px;
  line-height: 90px;
  color: #546e48 !important;
}

.sustainability h2, .sustainability h2 * {
  font-size: 55px;
  line-height: 66px;
  color: #546e48 !important;
}

.sustainability h6, .sustainability h6 * {
  font-size: 20px;
  line-height: 24px;
}

.sustainability p, .sustainability p * {
  font-size: 16px;
  line-height: 25px;
}

.sustainability ul.contextual-links {
  display: none !important;
}

.sustainability #block-client-local-tasks ul {
  display: flex;
  flex-direction: row;
}

.sustainability #block-client-local-tasks ul li {
  padding: 0;
  margin: 0;
}

.sustainability #block-client-local-tasks ul li a {
  font-size: 16px;
  line-height: 25px;
  padding: 2rem 3rem;
  margin: 0;
  background-color: rgba(0,0,0,0.5);
}

.sustainability #block-client-local-tasks ul li a:hover {
  background-color: rgba(0,0,0,0.9);
}

.sustainability .paragraph--type--etagen-media {
  height: unset;
}

.sustainability * {
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
}

.sustainability h1, .sustainability h1 *,
.sustainability h2, .sustainability h2 *,
.sustainability h3, .sustainability h3 *,
.sustainability h4, .sustainability h4 *,
.sustainability h5, .sustainability h5 *,
.sustainability h6, .sustainability h6 * {
  font-family: "CormorantGaramond", serif;
  font-weight: 200;
}

.sustainability .wrapper-inner {
}

.sustainability [data-items-in-a-row="2"] .wrapper-inner {
  grid-template-columns: 1fr 1fr;
  display: grid;
  gap: 2rem;
  align-items: start;
}

.sustainability [data-items-in-a-row="2"] .wrapper-inner .paragraph {
  width: 100%;
}

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

.sustainability .light .slick-next {
  background: url(../sustainability/arrow_right_black.svg) 50% 50% no-repeat;
  width: 2rem;
}

.sustainability .light .slick-prev {
  background: url(../sustainability/arrow_left_black.svg) 50% 50% no-repeat;
  width: 2rem;
}

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

@media (max-width: 1700px) {
  .sustainability footer {
    padding: 0 2rem;
  }
}

@media (max-width: 1330px) {
  .sustainability {
    font-size: 22px;
  }

  .sustainability .narrow {
    padding: 3rem 6rem;
  }

  .sustainability footer {
    font-size: 13px;
    padding: 0 2rem;
  }
}

@media (max-width: 850px) {
  .sustainability [data-items-in-a-row="2"] .wrapper-inner {
    grid-template-columns: 1fr;
  }

  .sustainability {
    font-size: 3rem;
  }

  .sustainability #block-sprachumschalter ul {
    height: 17px;
    font-size: 2.5rem;
  }
  #block-sprachumschalter ul.active {
    height: 100%;
  }

  .sustainability #logos {
    top: 6rem;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }

  .sustainability #logos > div {
    width: calc(50% - .5rem);
  }

  .sustainability #logos img {
    max-width: 32rem;
    height: auto;
    width: 100%;
  }

  .sustainability #logos #logo-right {
    justify-content: flex-end;
    display: flex;
  }

  .sustainability .paragraph--type--html {
    min-height: unset;
  }

  .sustainability .paragraph--type--html iframe,
  .sustainability .paragraph--type--etagen-media iframe {
    border-width: 8px;
  }

  .sustainability .paragraph--type--html:first-child,
  .sustainability .paragraph--type--etagen-media:first-child {
    padding-top: 17rem;
    padding-bottom: 1rem;
  }

  .sustainability .wide > * {
    max-width: unset;
  }

  .sustainability .narrow {
    padding: 3rem 3rem;
  }

  .sustainability footer {
    font-size: 12px;
    padding: 0 2rem;
  }

  .sustainability footer > div {
    display: flex;
    flex-direction: column;
  }

  .sustainability .wide.paragraph--type--etagen-media-image img {
    width: 100%;
  }

  .sustainability .light h2 {
    font-size: 1.8em;
  }

  .sustainability .paragraph--type--etagen-text .imagewrap {
    flex-direction: column;
  }

  .sustainability .paragraph--type--etagen-text .imagewrap img {
    display: block;
  }
}

@media (max-width: 550px) {
  .sustainability {
    font-size: 2.3rem;
  }

  .sustainability #block-sprachumschalter ul {
    height: 17px;
    font-size: 2.5rem;
  }
  #block-sprachumschalter ul.active {
    height: 100%;
  }

  .sustainability #logos {
    top: 3rem;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .sustainability .paragraph--type--html {
    min-height: unset;
  }

  .sustainability #logos img {
    max-width: 22rem;
  }

  .sustainability .paragraph--type--html iframe,
  .sustainability .paragraph--type--etagen-media iframe {
    border-width: 8px;
  }

  .sustainability .paragraph--type--html:first-child,
  .sustainability .paragraph--type--etagen-media:first-child {
    padding-top: 17rem;
    padding-bottom: 1rem;
  }

  .sustainability .wide > * {
    max-width: unset;
  }

  .sustainability .narrow {
    padding: 3rem 3rem;
  }

  .sustainability footer {
    font-size: 12px;
  }

  .sustainability .paragraph--type--etagen-text .imagewrap {
    flex-direction: column;
  }

  .sustainability .paragraph--type--etagen-text .imagewrap img {
    display: block;
  }
}