/* 2025 */

:root {
  --ci-gold: #cbb688;
  --white: white;
  --ci-blue: #192969;
  --midnight-blue: #121d53;
  --ci-shadow-blue: #0be;
  --midnight-blue-2: #121d5366;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.unorderd-list.menu {
  color: #fff;
  flex-direction: row;
  justify-content: center;
  width: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 25vw;
  padding-left: 10px;
  list-style-type: none;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
}

.unorderd-list.meta-menu {
  width: auto;
  height: 50px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: block;
  position: absolute;
  inset: auto 12vw auto auto;
}

.unorderd-list.footer {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0 0;
}

.unorderd-list.meta-menu {
  background-color: #0000;
  width: auto;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: relative;
  right: auto;
}

.unorderd-list.meta-menu.hidden {
  display: block;
}

.unorderd-list.meta-menu {
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.unorderd-list.meta-menu.social {
  background-color: #0000;
  width: 230px;
  margin-right: 30px;
  right: auto;
}

.unorderd-list.dot {
  z-index: 20;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18vw;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0 0;
  display: flex;
  position: absolute;
  overflow: visible;
}

.orderd-list {
  padding-left: 20px;
  font-weight: 500;
  list-style-type: decimal;
}

.orderd-list.werte {
  width: 50%;
}

.orderd-list.werte.left {
  margin-bottom: 0;
  padding-left: 0;
}

.h5-headline-2 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 120%;
}

.h5-headline-2.gold {
  color: var(--ci-gold);
}

.menu {
  align-items: center;
  width: 20vw;
  margin-top: 40px;
  padding-left: 40px;
  display: inline-block;
  position: sticky;
  inset: 5vh auto auto 0%;
}

.h4-headline {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}

.h4-headline.white {
  color: #fff;
}

.h4-headline.white.sortiment {
  text-align: center;
  width: 70%;
  max-width: 800px;
  margin-bottom: 5vh;
  padding-top: 30px;
}

.h4-headline.bold {
  font-weight: 500;
}

.h4-headline.centered {
  text-align: center;
}

.h4-headline.centered.bold.white {
  z-index: 10;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  position: relative;
  bottom: auto;
  left: 0%;
  right: 0%;
  transform: translate(0);
}

.list-vertikal-navi-dots {
  z-index: 10;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  position: relative;
}

.base-copy {
  color: #000;
  width: 100%;
  margin-bottom: 0;
  padding-right: 1rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.base-copy.xsmall {
  font-size: 16px;
}

.base-copy.xsmall.white {
  color: #fff;
  padding-left: 0;
  padding-right: 1rem;
}

.base-copy.xsmall.white.dot {
  text-align: center;
  padding-right: 0;
}

.base-copy.white {
  opacity: 1;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  color: #fff;
}

.base-copy.white.large-copy {
  opacity: 1;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  text-align: left;
  width: 100%;
  font-size: 24px;
  line-height: 140%;
}

.base-copy.white.large-copy.hide {
  display: block;
}

.base-copy.centered {
  text-align: center;
  margin-bottom: 20px;
  font-size: 23px;
}

.base-copy.xxsmall {
  font-size: 12px;
}

.base-copy.xxsmall.white {
  width: auto;
  margin-bottom: 30px;
  position: absolute;
  top: auto;
  bottom: 0%;
  right: auto;
}

.cta {
  border: 3px solid var(--ci-gold);
  background-color: var(--ci-gold);
  color: #fcfcfc;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0 20px;
  font-size: 18px;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
}

.cta:hover {
  border-color: var(--ci-gold);
  background-color: var(--ci-gold);
  color: #fcfcfc;
  text-align: left;
  text-decoration: underline;
}

.h5-headline {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.h5-headline.white {
  color: var(--white);
  margin-bottom: 0;
}

.h2-headline {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0 20px 0 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
}

.h2-headline.bold {
  font-weight: 700;
}

.h2-headline.white {
  color: #fff;
}

.h2-headline.white.bold {
  font-size: 34px;
  line-height: 100%;
}

.h2-headline.white.bold.detail-copy {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 120%;
}

.h1-headline {
  color: #000;
  border-bottom-color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 60px;
  font-weight: 500;
  line-height: 100%;
  position: relative;
}

.h1-headline.bold {
  font-weight: 700;
}

.h1-headline.bold.white.medium {
  margin-bottom: 20px;
  padding-right: 0;
  font-size: 50px;
  line-height: 120%;
}

.h1-headline.bold.white.medium.less-width {
  width: 90%;
}

.h1-headline.bold.white.medium.pick {
  margin-top: 35vh;
}

.h1-headline.white {
  color: #fff;
  font-size: 6vh;
}

.h1-headline.white.bold {
  perspective-origin: 0%;
  transform-origin: 0%;
  font-size: 80px;
}

.h1-headline.white.medium {
  font-size: 80px;
}

.h1-headline.white.hero {
  font-size: 10vh;
}

.h1-headline.white.menu {
  font-size: 7vh;
  top: 0;
}

.h1-headline.white {
  z-index: 10;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 100%;
}

.h1-headline.white.medium {
  font-size: 65px;
  line-height: 120%;
}

.h1-headline.white.hero {
  margin-top: 20px;
}

.wrap {
  z-index: 0;
  border-bottom: 1px solid #fcfcfc1a;
  flex-direction: column;
  margin-bottom: 10px;
  padding: 10px 0 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrap.footer {
  background-color: #0000;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  padding: 0 0;
}

.wrap.footer.hidden {
  display: none;
}

.list-item {
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  font-size: 16px;
  display: flex;
}

.list-item.last {
  justify-content: flex-start;
  width: 165%;
  margin-left: -16px;
  padding-top: 15px;
  display: flex;
}

.list-item.detail-info {
  margin-bottom: 10px;
}

.list-item.dot {
  clear: left;
  justify-content: center;
  align-items: center;
  position: relative;
}

.cta-hollow {
  border: 3px solid var(--white);
  color: var(--white);
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border-radius: 50px;
  align-items: center;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 100%;
  display: flex;
  position: relative;
}

.cta-hollow:hover {
  border-color: var(--ci-gold);
  background-color: var(--ci-blue);
  color: var(--ci-gold);
}

.cta-hollow.last {
  margin-right: 0;
}

.text-link {
  float: left;
  clear: left;
  color: #000;
  background-color: #0000;
  background-image: none;
  flex: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  font-size: 16px;
  font-style: italic;
  text-decoration: none;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: block;
  position: relative;
}

.text-link:hover {
  text-decoration: none;
}

.div-block-68 {
  margin-right: 20px;
  display: flex;
  position: relative;
}

.div-block-68.vertical {
  flex-direction: row;
  justify-content: space-between;
  width: auto;
  margin-right: 0;
}

.logo {
  background-image: url('../images/2021_Logo_RGB_corporat_gold.svg');
  background-position: 0 0;
  background-size: cover;
  width: 200px;
  height: 57px;
  position: relative;
}

.logo.small {
  z-index: 2000;
  perspective-origin: 0%;
  transform-origin: 0%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 40%;
  width: 20vw;
  height: 100%;
  margin-left: 5vw;
  position: relative;
  top: 0;
  transform: translate(0);
}

.logo.footer {
  background-color: #0000;
  width: 165px;
  height: 46px;
  margin-bottom: 20px;
  padding: 0 0;
}

.header {
  z-index: 1000;
  background-color: var(--ci-blue);
  border: 1px #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0;
}

.body-2 {
  border: 1.5vw none var(--white);
  background-color: var(--ci-blue);
  height: auto;
  font-family: semplicitapro, sans-serif;
  overflow: visible;
}

.grid {
  z-index: 10;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 60% 1fr;
  height: auto;
  padding-right: 10vw;
  position: absolute;
}

.grid.footer {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  color: var(--white);
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  height: auto;
  padding: 0 0;
  display: grid;
}

.section-wrap1 {
  z-index: 120;
  background-color: #0000;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-wrap1.produkte {
  z-index: 0;
  background-image: linear-gradient(to bottom, var(--ci-blue), var(--ci-blue));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15vh 10vw 10vh;
  display: none;
  overflow: hidden;
}

.section-wrap1.footer {
  background-color: var(--midnight-blue);
  background-image: none;
}

.section-wrap1.produkte-copy {
  z-index: 10;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 120vh;
  padding: 15vh 10vw 10vh;
  display: flex;
  overflow: visible;
}

.section-wrap1.produkte-copy.sortiment {
  height: 105vh;
  overflow: hidden;
}

.section-wrap1.produkte-copy.produkte-mobile.section-wrap2 {
  display: none;
}

.section-wrap1.with-light-dot {
  background-image: radial-gradient(circle farthest-corner at 60% 80%, #0386aa, var(--ci-blue) 48%);
}

.section-wrap1.with-light-dot.start {
  z-index: 0;
  background-image: radial-gradient(circle farthest-corner at 60% 80%, #0386aa, var(--ci-blue) 48%);
  padding-top: 5vh;
}

.section-wrap1.white {
  flex-direction: column;
  height: auto;
}

.section-wrap1.white.overview-section {
  background-image: none;
  padding: 15vh 2vw 10vh;
}

.section-wrap1.white.inspiration-section {
  background-image: none;
  padding: 12vh 2vw 0;
}

.section-wrap1.white.detail-related {
  background-color: var(--ci-blue);
  background-image: linear-gradient(to top, var(--ci-blue), #0be6 39%, #192969);
  padding-bottom: 10vh;
}

.section-wrap1.insp-detail {
  background-color: #0000;
  background-image: radial-gradient(circle at 60% 80%, #0be6, #0000 53%);
  padding-left: 2vw;
  padding-right: 2vw;
}

.section-wrap1.pfl-teaser {
  background-color: #0000;
  background-image: radial-gradient(circle farthest-side at 80% 80%, #0be6 25%, var(--ci-blue));
  display: none;
}

.section-wrap1.pfl-teaser.section-kuchen {
  height: 92vh;
  display: block;
}

.section-wrap1.top-left {
  justify-content: center;
  align-items: flex-start;
}

.section-wrap1.section-weniger-zucker-hidden {
  background-image: radial-gradient(circle farthest-side at 80% 80%, #0be6 25%, #0e1743);
  flex-direction: row;
  height: 92vh;
}

.section-wrap1.section-weniger-zucker {
  display: none;
}

.produkt-infos {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: relative;
}

.text-pfeil {
  background-image: url('../images/textpfeil.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 60px;
  width: 120px;
  height: 100px;
  margin-top: 40px;
  display: none;
  position: absolute;
  inset: 0% auto auto -120px;
  transform: none;
}

.text-pfeil.hero {
  filter: invert(0%);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  transform-style: preserve-3d;
  background-position: 0 0;
  width: 250px;
  height: 80px;
  display: block;
  top: 3vh;
  left: 8vw;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-pfeil.hero.joghurt {
  filter: invert();
  perspective-origin: 0 0;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  width: 280px;
  margin-top: 120px;
  inset: auto -6vw -70px auto;
  transform: rotateX(180deg)rotateY(0)rotateZ(0)rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-pfeil.hero.joghurt-copy-copy {
  filter: invert();
  transform-style: preserve-3d;
  width: 280px;
  margin-top: 120px;
  inset: auto -6vw -70px auto;
  transform: rotateX(180deg)rotateY(0)rotateZ(0)rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-pfeil.hero {
  transform-style: preserve-3d;
  margin-top: -60px;
  left: 10vw;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-pfeil.hero.joghurt {
  transform-style: preserve-3d;
  margin-top: 80px;
  margin-left: -80px;
  transform: rotateX(180deg)rotateY(0)rotateZ(50deg);
}

.text-pfeil.hero.joghurt-copy-copy {
  filter: none;
  transform-style: preserve-3d;
  background-image: none;
  height: 140px;
  margin-top: 40px;
  inset: 0% auto auto 90px;
  transform: rotate(0)rotateX(180deg)rotateY(0)rotateZ(50deg);
}

.text-pfeil.hero.hafer-copy {
  filter: invert(0%);
  transform-style: preserve-3d;
  margin-top: -110px;
  display: none;
  top: 0;
  transform: rotateX(180deg)rotateY(0)rotateZ(5deg);
}

.ornamnet_left {
  z-index: 100;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  background-image: url('../images/ornament_hero_small_left3.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 180px;
  align-items: center;
  width: 90px;
  height: 100vh;
  margin-top: 0;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ornamnet_left.orna_left {
  inset: 0% auto auto 0%;
}

.wrap-section-history {
  background-color: var(--midnight-blue);
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 5vh 10vw;
  display: flex;
  position: relative;
}

.logo-copy {
  background-image: url('../images/logo-2-color-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14vw;
  height: 80%;
  position: absolute;
  left: 5vw;
}

.logo-copy.colored-white {
  z-index: 1200;
  background-image: url('../images/2021_Logo_RGB_corporat_gold.svg');
  background-size: 100%;
  width: 20vw;
  height: 10vh;
  margin-bottom: 10vh;
  position: relative;
  left: 0;
}

.logo-link {
  width: 100%;
  height: 100%;
}

.heading-7 {
  color: #fff;
  text-align: center;
  margin-bottom: 3vh;
  font-weight: 500;
}

.text-block-70 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vh;
  font-size: 16px;
  font-weight: 300;
}

.text-block-70.xl {
  color: #cbb88f;
  letter-spacing: 1px;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 400;
}

.menu-box {
  height: auto;
  padding-top: 2vw;
  position: relative;
}

.menu-box:hover {
  border-color: #440deb;
}

.menu-list-item-copy {
  float: left;
  clear: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
}

.menu-list-item-copy.main-menu {
  clear: none;
  width: auto;
  margin-bottom: 10px;
}

.menu-list-item-copy.main-menu.no-show {
  display: none;
}

.menu-list-item-copy.main-menu.social {
  width: 100%;
}

.menu-list-item-copy.hidden, .menu-list-item-copy.no-show {
  display: none;
}

.menu-list-item-copy.language-menu {
  clear: none;
  width: auto;
  margin-bottom: 10px;
}

.menu-list-item-copy.language-menu.no-show {
  display: none;
}

.menu-list-item-copy.language-menu.social {
  width: 100%;
}

.link-4-copy {
  color: #fff;
  text-transform: none;
  white-space: nowrap;
  width: 100%;
  padding: 10px 0 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: color .3s cubic-bezier(.23, 1, .32, 1);
  display: inline-block;
  position: relative;
}

.link-4-copy:hover {
  color: var(--ci-gold);
  border-left-width: 1vw;
  border-left-color: #440deb;
}

.link-4-copy.w--current {
  color: #e91046;
  border-left-width: 1vw;
  border-left-color: #e91046;
}

.link-4-copy.xl {
  padding-bottom: 5px;
  font-size: 20px;
  transition: color .3s cubic-bezier(.23, 1, .32, 1);
}

.link-4-copy.white {
  color: var(--white);
  padding-top: 5px;
  font-size: 16px;
}

.link-4-copy.white:hover, .link-4-copy.white.w--current {
  color: var(--ci-gold);
}

.link-4-copy.white.xs {
  margin-left: 0;
  padding-top: 0;
  font-size: 14px;
}

.link-4-copy.white.hiddem {
  display: none;
}

.link-4-copy.blue {
  color: var(--ci-blue);
}

.link-4-copy.blue.xl {
  font-size: 26px;
}

.link-4-copy.blue.xl.w--current {
  color: var(--midnight-blue);
  font-weight: 700;
}

.div-block-80 {
  background-color: var(--ci-gold);
  color: var(--ci-gold);
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.div-block-80.blue {
  background-color: var(--ci-blue);
  color: var(--ci-blue);
}

.div-block-80.hidden {
  display: none;
}

.ornamnet_hero_right-2 {
  z-index: 50;
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-image: url('../images/ornament_hero_small_left.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 40vh;
  margin-top: 50vh;
  display: block;
  position: absolute;
  inset: 0 0% auto auto;
}

.ornamnet_hero_right-2.orna_right {
  margin-top: 30vh;
}

.hero-kaffee {
  z-index: 50;
  background-image: url('../images/Kaffee-Himmlischer.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 96%;
  width: 40vw;
  height: 80vh;
  margin-top: -3vh;
  margin-left: 60vw;
  display: none;
  position: absolute;
  bottom: 5vh;
  transform: rotate(0);
}

.hero-kaffee.detail {
  z-index: 100;
  background-image: url('../images/kapsel_intenso.png');
  background-size: auto 90%;
  width: 35vw;
  height: 75vh;
  margin-left: 32.5vw;
  bottom: 12vh;
}

.hero-kaffee.detail.crema {
  background-image: url('../images/caffe_crema_1.png');
  margin-top: 0;
}

.hero-kaffee.detail.gusto {
  background-image: url('../images/caffe_gusto.png');
}

.hero-kaffee.detail.caffe-hinnkisch {
  background-image: url('../images/caffe_himmlische.png');
}

.hero-kaffee.start {
  display: block;
  bottom: 8vh;
}

.hero-kapsel {
  z-index: 0;
  background-image: url('../images/kapsel_intenso.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 85%;
  width: 40vw;
  height: 100%;
  margin-top: 15vh;
  display: block;
  position: absolute;
  inset: 0% 0% 0% 20vw;
}

.content-left {
  z-index: 1000;
  perspective-origin: 0%;
  transform-origin: 0%;
  flex-direction: column;
  align-items: flex-start;
  width: 28vw;
  margin-top: 0;
  margin-bottom: 7vh;
  margin-left: 10vw;
  display: block;
  position: absolute;
  inset: 28.5vh auto auto 0%;
}

.div-block-97 {
  text-align: right;
  background-image: url('../images/pflamzlich_text.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 160px;
  align-items: stretch;
  width: 50vw;
  height: 160px;
  margin-top: -20px;
  display: flex;
  position: relative;
  right: 0%;
}

.ornamnet_hero_left-2 {
  z-index: 20;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  background-image: url('../images/ornament_hero_small_left3.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 160%;
  width: 120px;
  height: 80vh;
  margin-top: 20vh;
  position: absolute;
  inset: 0 auto auto 0%;
}

.text-block-71 {
  color: #fff;
  width: 250px;
  margin-left: 80px;
  font-size: 18px;
  line-height: 120%;
  transform: rotate(0);
}

.text-block-71.joghurt {
  transform-style: preserve-3d;
  width: 200px;
  margin-top: -20px;
  margin-left: 40px;
  transform: rotateX(180deg)rotateY(0)rotateZ(50deg);
}

.hero-img {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.produkt-down-link {
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 13vw;
  display: flex;
  position: relative;
}

.animationbox {
  z-index: 10;
  position: relative;
}

.cta-ani-plus-2-copy {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  color: #fff;
  background-color: #cbb88f;
  background-image: url('../images/icon-plus.svg');
  background-position: -13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #cbb88f;
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  transition: background-position .3s, padding-left .2s;
  display: none;
  position: relative;
}

.cta-ani-plus-2-copy:hover {
  background-position: 15px;
  padding-left: 35px;
}

.cta-ani-plus-2-copy.hero-copy {
  z-index: 100;
  margin-top: 0;
  display: none;
}

.div-block-101 {
  z-index: 20;
  justify-content: center;
  width: 45vw;
  height: 70vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-image {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.pack-shadow-2-copy {
  opacity: 1;
  background-image: url('../images/pack_shadow.png');
  background-position: 50% 100%;
  background-size: cover;
  width: 120%;
  height: 40px;
  position: absolute;
  inset: auto 0% -5% -10%;
}

.pack-shadow-2-copy.more-margin {
  width: 140%;
  height: 60px;
  bottom: -70px;
  left: -20%;
}

.pack-shadow-2-copy.more-margin.kaffe {
  height: 70px;
}

.pack-shadow-2-copy.related {
  width: 80%;
  inset: auto 0% -50px 10%;
}

.hero-freddo {
  z-index: 50;
  background-image: url('../images/Cafe-Freddo-Cappuchino.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 70%;
  width: 40vw;
  height: 75vh;
  margin-top: 2vh;
  display: none;
  position: absolute;
  bottom: 10vh;
  left: 40vw;
  right: 0%;
  transform: rotate(0);
}

.hero-freddo.start {
  margin-left: -14vw;
  display: block;
}

.background-video-2 {
  border: 20px none var(--ci-blue);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.hero-creme {
  z-index: 60;
  background-image: url('../images/Fruchtaufstrich_Aprikose_GlasFrontal.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  width: 40vw;
  height: 75vh;
  margin-left: 50vw;
  display: none;
  position: absolute;
  bottom: 7vh;
  transform: rotate(0);
}

.hero-creme.start {
  margin-left: 23vw;
  display: block;
}

.headline-ani-wra-p {
  width: 60vw;
  height: auto;
  overflow: visible;
}

.headline-ani-wra-p.medium {
  width: 100%;
  height: auto;
}

.headline-ani-wra-p.hero {
  height: 11vh;
}

.headline-ani-wra-p.hero.wrap-3 {
  margin-top: 15px;
}

.headline-ani-wra-p.desktop {
  display: block;
}

.hero-jighurt {
  z-index: 120;
  background-image: url('../images/Feinjohurt_Erdbeere_Deckel_StandUp.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 48%;
  width: 70vw;
  height: 75vh;
  margin-left: -25vw;
  display: block;
  position: absolute;
  bottom: 7vh;
  transform: rotate(0);
}

.hero-jighurt.start {
  margin-left: -30vw;
}

.cta-ani-plus-challenge {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  color: #fff;
  background-color: #cbb88f;
  background-image: url('../images/icon-plus.svg');
  background-position: -13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #cbb88f;
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  transition: background-position .3s, padding-left .2s;
  position: relative;
}

.cta-ani-plus-challenge:hover {
  background-position: 15px;
  padding-left: 35px;
}

.cta-ani-plus-challenge.down {
  z-index: 200;
  filter: invert();
  color: #0000;
  background-color: #0000;
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-size: 30px;
  border-color: #0000;
  width: 100px;
  height: 60px;
  position: absolute;
  inset: auto auto 2vh;
}

.cta-ani-plus-challenge.down:hover {
  padding-left: 25px;
}

.cta-ani-plus-challenge.down.invert {
  filter: none;
  display: none;
}

.cta-ani-plus-challenge.down-copy {
  z-index: 200;
  color: var(--ci-gold);
  background-color: #0000;
  background-image: url('../images/down_arrow.svg');
  background-position: 50% 100%;
  background-size: 30px;
  border-color: #0000;
  width: auto;
  height: 60px;
  position: absolute;
  inset: auto auto 2vh;
}

.cta-ani-plus-challenge.pflanzlich {
  opacity: 1;
  background-color: #b9a77f;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.cta-ani-plus-challenge.pflanzlich.button-challenge {
  max-width: 120px;
  display: block;
  position: relative;
  top: 10px;
}

.cta-ani-plus-challenge.pflanzlich.button-challenge.w--current {
  max-width: 125px;
  position: relative;
  top: auto;
  left: auto;
}

.cta-ani-plus-challenge.first {
  float: left;
  margin-right: 20px;
  display: flex;
}

.cta-ani-plus-challenge.down-copy {
  z-index: 200;
  color: var(--ci-gold);
  background-color: #0000;
  background-position: 50% 80%;
  background-size: 25px;
  border-color: #0000;
  justify-content: center;
  width: 300px;
  height: 60px;
  margin-left: -150px;
  display: flex;
  position: absolute;
  bottom: 5vh;
  left: 50%;
  right: auto;
}

.cta-ani-plus-challenge.down-copy:hover {
  padding-left: 25px;
}

.cta-ani-plus-challenge.down-copy.w--current {
  display: flex;
}

.cta-ani-plus-challenge.down-copy.insp-details {
  position: relative;
  bottom: 0;
}

.cta-ani-plus-challenge.bottom {
  position: absolute;
  bottom: 40px;
}

.cta-ani-plus-challenge.bottom.related {
  bottom: 7vh;
}

.background-video-3 {
  opacity: 1;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-swing {
  z-index: 10;
  background-image: url('../images/bottom_swing2.svg');
  background-position: 50% 100%;
  background-size: cover;
  width: 100vw;
  height: 8vh;
  position: relative;
  inset: auto 0% 0%;
}

.kuchen-1 {
  z-index: 5;
  background-image: url('../images/MoevenpickCH_Pack_Cake_Marbre_275g_PackshotDyn.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 32vw;
  height: 270px;
  margin-top: 7vh;
  margin-left: 2vw;
  display: block;
  position: absolute;
  transform: rotate(-10deg);
}

.kuchen-1.marmorkuchen {
  background-position: 50%;
  background-size: contain;
  width: 45vw;
  max-width: 45vw;
  margin-top: 0;
}

.kuchen-1.marmorkuchen.zitronenkuchen, .kuchen-1.marmorkuchen.kuchen_2 {
  background-image: url('../images/21-11987_MoevenpickCH_Pack_Cake_Citron_275g_PackshotDyn1.png');
  margin-top: 34.9vh;
}

.kuchen-1.quark-1 {
  background-image: url('../images/02_MoevenpickCH_Pack_Quark_Snack_Strawberry_Flow.png');
  width: 28vw;
}

.div-block-1003 {
  z-index: 20;
  width: 48vw;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: auto 0% auto auto;
  overflow: visible;
}

.h1-headline-2 {
  color: #000;
  border-bottom-color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 80px;
  font-weight: 500;
  line-height: 100%;
  position: relative;
}

.h1-headline-2.white {
  color: #fff;
  text-align: left;
  font-size: 100px;
  font-weight: 700;
  line-height: 110%;
}

.h1-headline-2.white.medium {
  font-size: 65px;
  line-height: 120%;
}

.h1-headline-2.white.medium.h-65.quark-text {
  margin-top: 80px;
}

.hero-joghurt {
  z-index: 0;
  background-image: url('../images/21-11987_MoevenpickCH_Pack_Cake_Citron_275g_PackshotDyn1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40vw;
  min-width: 40vw;
  height: 70%;
  margin-top: 30vh;
  margin-left: -15vw;
  position: absolute;
  inset: 0% 0% 0% 20vw;
}

.content-div-3 {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  flex-direction: column;
  align-items: flex-start;
  width: 50vw;
  margin-top: 5vh;
  margin-left: 20vw;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.text-block-72 {
  color: #fff;
  transform-style: preserve-3d;
  width: 250px;
  margin-left: 80px;
  font-size: 18px;
  line-height: 120%;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-block-72.joghurt {
  transform-style: preserve-3d;
  width: 200px;
  margin-top: -20px;
  margin-left: 40px;
  transform: rotateX(180deg)rotateY(0)rotateZ(50deg);
}

.bottom-white {
  z-index: 0;
  background-color: var(--ci-blue);
  width: 100vw;
  height: 70%;
  position: relative;
  inset: auto 0% 0%;
  box-shadow: 0 1px 100px #00bbee80;
}

.div-block-104 {
  z-index: 0;
  height: 23vh;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-97-copy {
  text-align: right;
  align-items: stretch;
  width: 50vw;
  margin-top: -20px;
  display: flex;
  position: relative;
  right: 0%;
}

.ornamnet_left-copy {
  z-index: 100;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  background-image: url('../images/ornament_combo_hero_left_new.svg');
  background-position: 100% 60%;
  background-repeat: no-repeat;
  background-size: 200px;
  align-items: center;
  width: 130px;
  height: 100vh;
  margin-top: 0%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ornamnet_left-copy.kuchen_ornamen_links {
  background-image: url('../images/kuchen_ornament_links.png');
  background-position: 20%;
  background-repeat: repeat-y;
  background-size: auto;
  width: 150px;
}

.ornamnet_left-copy.kuchen_ornamen_links.ornament_quark_links {
  background-image: url('../images/Saft_Ornamente_links.png');
  background-position: 0 0;
  background-size: contain;
  width: 110px;
}

.heading-menu {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  display: none;
  position: absolute;
}

.menu-wrapper {
  z-index: 1600;
  justify-content: flex-end;
  align-items: center;
  height: 12vh;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
  overflow: visible;
}

.heading-close {
  z-index: 9999;
  opacity: 0;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  display: block;
  position: absolute;
}

.menu-slideaout {
  z-index: 10;
  background-color: var(--ci-gold);
  align-items: center;
  width: 25vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% -25vw 0% auto;
}

.main-menu-list {
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  width: 31vw;
  padding-left: 3vw;
  list-style-type: none;
  display: flex;
  position: absolute;
}

.burger-wrapper {
  width: 30px;
  height: 80px;
  margin-top: -42px;
  position: absolute;
  top: 50%;
  overflow: hidden;
}

.link-wrapper {
  z-index: 10;
  align-items: center;
  padding: 1vh 2vh;
  display: flex;
  position: relative;
}

.menu-slideout-underlay {
  background-color: var(--ci-blue);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #00bbee80, var(--ci-blue));
  align-items: center;
  width: 75vw;
  height: 100vh;
  padding-left: 5vw;
  display: flex;
  position: fixed;
  inset: 0% auto auto -75vw;
}

.list-item-120-copy {
  width: auto;
  padding-top: 5vh;
  padding-left: 30px;
  display: block;
}

.list-item-119 {
  float: none;
  clear: none;
  width: auto;
  display: block;
}

.list-item-119.filter-list-item {
  margin-bottom: 20vh;
}

.meta-menu {
  z-index: 10;
  float: left;
  background-color: #fff;
  align-items: center;
  width: 190px;
  height: 80%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 12vh;
  padding-left: 0;
  display: block;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0%;
}

.section-bg-img {
  z-index: 0;
  background-image: url('../images/stripe-light-gray-212.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-bg-img.opacity-10 {
  opacity: .1;
  background-image: url('../images/stripe-light-gray-212.svg');
  background-repeat: repeat-y;
  background-size: auto 1080px;
  width: 92vw;
  height: 93%;
  margin-top: 2vw;
  margin-left: 2vw;
}

.section-bg-img.opacity-10.relative {
  opacity: 1;
  background-image: url('../images/Produktfamilie_tablet-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 90%;
  width: 75vw;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
}

.over-view-content-wrap {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 20vh;
  margin-top: 12vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.over-view-content-wrap.left {
  z-index: 140;
  align-items: flex-start;
  width: 40vw;
  height: auto;
  margin-top: 6vh;
  margin-bottom: auto;
  padding-left: 10vw;
  inset: auto auto auto 0%;
}

.base-copy-2 {
  color: #000;
  width: 100%;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.base-copy-2.white {
  opacity: .8;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  color: #fff;
  white-space: normal;
  margin-top: -10px;
  margin-bottom: 15px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.base-copy-2.xsmall {
  border-bottom: 1px solid #cbb88f;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}

.base-copy-2.xsmall.white {
  color: #fff;
  border-bottom-style: none;
}

.base-copy-2.xsmall.white.padding-right {
  width: 139%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  font-size: 14px;
}

.base-copy-2.xsmall.right {
  text-align: right;
}

.base-copy-2.info {
  margin-bottom: 30px;
}

.base-copy-2.centered {
  text-align: center;
}

.base-copy-2.centered.white {
  margin-top: 0;
}

.base-copy-2.centered.white.inspiration {
  opacity: 1;
  max-width: 800px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.div-block-93-copy-copy-2 {
  z-index: 150;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.kategorie-dot {
  z-index: 100;
  cursor: pointer;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
}

.kategorie-dot.salziges {
  width: 110px;
  height: 110px;
  position: relative;
  top: auto;
  right: auto;
}

.paragraph-2 {
  z-index: 20;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
}

.list-item-128 {
  white-space: nowrap;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.list-item-128.social {
  height: 40px;
}

.list-item-128.social.insta {
  margin-right: -9px;
}

.list-item-128.meta-menu {
  background-color: #0000;
  width: auto;
  height: auto;
  margin-right: 10px;
  display: none;
  position: relative;
}

.list-item-128.meta-menu.show-it {
  margin-top: 1rem;
  display: block;
}

.social-icon-2.facebook {
  background-image: url('../images/icon-facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px;
  width: 40px;
  height: 40px;
}

.social-icon-2.insta {
  background-image: url('../images/icon-instagram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 40px;
  margin-left: -7px;
  display: block;
}

.social-icon-2.linkedin {
  background-image: url('../images/icon-linkedin-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px;
  width: 40px;
  height: 40px;
}

.div-block-105 {
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: auto 10vw auto auto;
}

.content-div-3-copy {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  background-color: #0000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 40vw;
  margin-top: 10vh;
  margin-left: 13vw;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 2vw;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.horst {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0 0% 0% 0;
}

.horst.nachhaltig {
  background-image: linear-gradient(70deg, #000c, #0000 80%), url('../images/nachhaltig_1.jpg');
  background-position: 0 0, 50%;
}

.horst.nachhaltig.uberuns {
  background-image: none;
  background-position: 0 0;
}

.horst.uberuns {
  background-image: linear-gradient(#0000001a, #0000001a);
  width: 100%;
  height: 100vh;
}

.horst.uberuns.last {
  background-image: none;
}

.horst.ueli-history {
  background-image: linear-gradient(to right, #00000005, #0000), linear-gradient(#0006, #0006), url('../images/Ueli-Prager3.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.horst.vision {
  background-image: linear-gradient(#0006, #0006);
  background-position: 0 0;
  width: 100%;
}

.horst.passion {
  background-image: linear-gradient(70deg, #0009, #0000 80%), url('../images/Ueli-Prager4.jpg');
}

.horst.passion.uberuns {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/moevenpick_ueberuns_leidenschaft.jpg');
  background-position: 0 0, 40% 0;
  background-size: auto, cover;
  display: none;
}

.body-3 {
  border: 1.5vw none var(--white);
  background-color: var(--ci-blue);
  font-family: semplicitapro, sans-serif;
}

.uberuns-bg-video {
  background-image: none;
  width: 100%;
  height: 100%;
}

.lgo-link {
  width: 100%;
  height: 100%;
}

.content-div-3-copy-copy.hero {
  z-index: 150;
  justify-content: center;
  width: 60vw;
  height: 100%;
  margin-left: 15vw;
  padding-top: 10vh;
  padding-bottom: 0;
  inset: 0 auto 0 0%;
}

.content-div-3-copy-copy.hero.pick {
  width: 62vw;
}

.content-div-3-copy-copy.hero.no-padding {
  margin-top: 15vh;
}

.content-div-3-copy-copy.hero.no-padding.no-margin-top {
  width: 75vw;
  margin-top: 0;
}

.ornamnet_hero_right-4 {
  z-index: 10;
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-image: url('../images/ornament-combo_hero_RIGHT.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 120px;
  height: 100vh;
  position: absolute;
  inset: 0 0% auto auto;
}

.screen-size-overlay-2 {
  z-index: 100000;
  background-color: #192969;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.ornamnet_hero_left-3 {
  z-index: 10;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  background-image: url('../images/ornament-combo_hero_left.svg');
  background-position: -7vw 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 15vw;
  height: 100vh;
  position: absolute;
  inset: -5vh auto auto 0%;
}

.ornamnet_hero_left-3.overlay {
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 120px;
  display: block;
  top: 0;
}

.pulsing-circle {
  border: 1px solid var(--white);
  opacity: 1;
  filter: blur(1px);
  border-radius: 300px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.section-bg {
  z-index: 90;
  background-image: url('../images/Sammelbild_Topshot_finish.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.body-4 {
  border: 1.5vw none var(--white);
  background-color: var(--ci-blue);
  font-family: semplicitapro, sans-serif;
}

.paragraph-26 {
  color: var(--white);
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  position: relative;
}

.paragraph-26.detail {
  color: #ffffffb3;
}

.div-block-35-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-66 {
  flex-direction: column;
  grid-template: "Area Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
  position: relative;
}

.content-right {
  z-index: 1000;
  perspective-origin: 0%;
  transform-origin: 0%;
  flex-direction: column;
  align-items: flex-start;
  width: 23vw;
  margin-top: 0;
  margin-bottom: 7vh;
  display: block;
  position: absolute;
  inset: 20vh 8vw auto auto;
}

.facts-grid-2 {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template: "." 1fr
                 "." 1fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: auto;
  margin-top: 15px;
  display: grid;
  position: relative;
  top: auto;
  bottom: 0;
  right: auto;
}

.fact-box-2 {
  border: 1px #557b97;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 45px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.facts-iocn {
  filter: none;
  background-image: url('../images/3-BOHNEN.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 15px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}

.facts-iocn._4-bohnen {
  filter: none;
  background-image: url('../images/4-BOHNEN.svg');
  background-size: contain;
}

.facts-iocn._5-bohnen {
  background-image: url('../images/5-BOHNEN.svg');
  background-size: contain;
}

.facts-iocn._3-bohnen {
  background-image: url('../images/3-BOHNEN.svg');
  background-size: contain;
}

.facts-iocn._2-bohnen {
  background-image: url('../images/2-BOHNEN.svg');
}

.text-block-68 {
  color: #fcfcfc;
  text-align: left;
  border-radius: 2px;
  margin-bottom: 0;
  padding: 2px 5px 5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  display: block;
  position: relative;
}

.paragraph-28 {
  color: var(--white);
  font-size: 50px;
  line-height: 100%;
}

.paragraph-28.related {
  color: var(--ci-gold);
  margin-right: 10px;
  font-size: 24px;
}

.hero-slider-detail {
  background-color: #0000;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  margin-top: -20px;
  margin-left: -20px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.right-arrow-3 {
  z-index: 100;
  cursor: pointer;
  width: 30vw;
  height: 10vh;
  inset: auto 0% 5vh auto;
  overflow: visible;
}

.left-arrow-3 {
  z-index: 100;
  cursor: pointer;
  flex-direction: row;
  width: 30vw;
  height: 10vh;
  font-size: 14px;
  font-weight: 500;
  inset: auto auto 5vh 0%;
}

.icon-14 {
  color: var(--white);
  text-indent: 500px;
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 50px;
  font-size: 40px;
  line-height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(90deg);
}

.icon-15 {
  color: var(--white);
  text-indent: 500px;
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 50px;
  font-size: 40px;
  line-height: 100%;
  overflow: hidden;
  transform: rotate(-90deg);
}

.slide-nav-5 {
  display: none;
}

.paragraph-29 {
  color: var(--white);
  text-align: left;
  width: 70%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  inset: 0% 0% auto auto;
}

.paragraph-29.right {
  text-align: right;
}

.div-block-111 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20vw;
  height: 10vh;
  padding-left: 5vw;
  font-weight: 500;
  display: none;
  position: absolute;
  inset: auto auto 5vh 5vw;
}

.paragraph-29-copy {
  color: var(--ci-gold);
  text-align: left;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  inset: 0% 0% auto auto;
}

.paragraph-29-copy.right {
  text-align: right;
  width: 100%;
}

.paragraph-29-copy.insp-detail {
  font-size: 30px;
  line-height: 100%;
}

.div-block-111-copy {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 30vw;
  height: 10vh;
  padding-right: 5vw;
  font-weight: 500;
  display: none;
  position: absolute;
  left: auto;
  right: 5vw;
}

.div-block-112 {
  background-image: url('../images/caffe_crema.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5vw;
  height: 100%;
  position: absolute;
  inset: auto 0% auto auto;
}

.div-block-112.left {
  height: 100%;
  left: 0;
  right: auto;
}

.div-block-112.left.himmlisch-copy {
  background-image: url('../images/caffe_crema_1.png'), radial-gradient(circle farthest-side at 30% 80%, #00bbee4d, #0000 57%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 200px, auto;
  width: 160px;
  height: 240px;
  position: relative;
  inset: 0% auto 0% 0;
}

.div-block-112.himmlisch {
  background-image: url('../images/DerHimmlische.png');
}

.div-block-112.gusto {
  background-image: url('../images/caffe_crema_gusto.png');
  background-size: cover;
}

.facts-grid-2-copy {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 1;
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  grid-template: "." 1fr
                 "." 1fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: auto;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
  position: relative;
  top: auto;
  bottom: 0;
  right: auto;
}

.facts-grid-2-copy.insp-details {
  border-top-style: none;
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-35-copy-copy {
  border-right: 1px solid #fff3;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-35-copy-copy.related {
  text-align: center;
  border-right-style: none;
  align-items: center;
  padding-right: 0;
  position: relative;
  top: 0;
}

.text-block-68-copy {
  color: #ffffffb3;
  text-align: left;
  border-radius: 2px;
  margin-bottom: 0;
  padding: 5px 5px 5px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  display: block;
  position: relative;
}

.text-block-68-copy.related {
  font-size: 16px;
  font-weight: 500;
}

.text-block-68-copy.related.topline {
  font-size: 12px;
  font-weight: 500;
}

.div-block-66-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template: "Area Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 20px;
  display: grid;
  position: relative;
}

.info-conetnt-wrap-werte {
  z-index: 0;
  border-radius: 5px;
  flex-direction: row;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.cta-ani-plus-faq {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  color: #fff;
  background-color: #cbb88f;
  background-image: url('../images/icon-plus.svg');
  background-position: -13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #cbb88f;
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  transition: background-position .3s, padding-left .2s;
  display: inline-block;
  position: relative;
}

.cta-ani-plus-faq:hover {
  background-position: 15px;
  padding-left: 35px;
}

.close {
  z-index: 20;
  background-image: url('../images/streamline-icon-close40x40.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-113 {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 58% 40%;
  grid-auto-columns: 1fr;
  height: 60vh;
  padding: 40px 60px;
  display: grid;
}

.div-block-113.wissen {
  grid-template-columns: 1fr;
}

.info-overlay {
  z-index: 100;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  width: 70vw;
  height: auto;
  min-height: 60vh;
  margin-left: -53vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 10px 80px #0b1236;
}

.h5-headline-3 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0 20px 0 0;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.h5-headline-3.bold {
  font-weight: 700;
}

.h3-headline-2 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 30px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
}

.h3-headline-2.large {
  font-size: 40px;
}

.h3-headline-2.large.bold {
  color: #192969;
}

.list-item-130 {
  white-space: nowrap;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.info-content-box.werte {
  padding-top: 50px;
  display: block;
  position: relative;
}

.imfo-img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.imfo-img.kaffe-mood {
  background-image: url('../images/kaffe_mood.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-114 {
  height: 100%;
}

.div-block-115 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 80vh;
  margin-bottom: 10vh;
  display: grid;
}

.div-block-115.overview {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-bottom: 40px;
}

.div-block-115.inspiration {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  min-height: 70vh;
  margin-top: 2vh;
  margin-bottom: 40px;
}

.div-block-115.inspiration.last {
  margin-bottom: 10vh;
}

.div-block-115.releted {
  border-left: 20px solid #0000;
  border-right: 20px solid #0000;
  width: 80%;
}

.related-bg {
  z-index: 50;
  background-image: radial-gradient(circle farthest-corner at 50% 70%, #0be6, var(--ci-blue) 48%), linear-gradient(to bottom, var(--ci-blue), var(--ci-blue));
  perspective-origin: 50%;
  transform-origin: 50%;
  border: 5px solid #ffffff08;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: border-color .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.related-bg:hover {
  border: 5px solid var(--ci-gold);
}

.h2-headline-2 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 20px 20px 20px 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
}

.h2-headline-2.white {
  color: #fff;
}

.h2-headline-2.white.centered {
  z-index: 20;
  color: var(--white);
  margin-bottom: 0;
  padding-right: 0;
  font-size: 54px;
  font-weight: 700;
}

.h2-headline-2.centered {
  color: var(--midnight-blue);
  text-align: center;
}

.h2-headline-2.centered.white {
  margin-top: 5vh;
  font-weight: 700;
}

.h2-headline-2.centered.white.m {
  font-size: 36px;
  font-weight: 500;
}

.h2-headline-2.centered.white.m.insp-detail {
  padding-bottom: 0;
}

.related-img {
  width: 80%;
  height: 45%;
  margin-bottom: 10vh;
  position: absolute;
  inset: auto auto 13vh;
}

.related-img.crema {
  background-image: url('../images/caffe_crema_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.related-img.gold {
  background-image: url('../images/caffe_gold.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.related-img.gusto {
  background-image: url('../images/caffe_gusto.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.related-img.ristretto {
  background-image: url('../images/caffe_ristretto.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.related-img.himmlisch {
  background-image: url('../images/caffe_himmlische.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.facts-grid-2-copy-copy {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  opacity: 1;
  border-top: 1px #fff3;
  border-bottom: 1px #fff3;
  grid-template: "." 1fr
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: auto;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
  position: absolute;
  inset: auto auto 100px;
}

.div-block-116 {
  height: auto;
  position: absolute;
  top: 40px;
}

.div-block-116.inspiration {
  z-index: 10;
  border: 5px none var(--ci-blue);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  inset: 0 0% auto;
}

.div-block-116.inspiration.margin {
  margin-bottom: 20px;
}

.info-overlay-wissen {
  z-index: 100;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  width: 70vw;
  height: auto;
  min-height: 60vh;
  margin-left: -53vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 10px 80px #0b1236;
}

.close-wissen {
  z-index: 20;
  background-image: url('../images/streamline-icon-close40x40.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.filter-wrap {
  justify-content: space-between;
  width: auto;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.filter-wrap.hide {
  display: none;
}

.form-block-6 {
  width: 15vw;
  height: 50px;
  margin-bottom: 0;
  position: relative;
}

.form-9 {
  border: 3px solid var(--ci-blue);
  background-color: #fff;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 8px;
  display: flex;
}

.form-9:hover {
  border-color: var(--ci-gold);
}

.select-field-3 {
  background-color: #fff;
  border: 1px solid #0000;
  align-items: center;
  margin-bottom: 0;
  padding: 0 20px 0 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  position: relative;
}

.div-block-117 {
  flex-direction: row;
  justify-content: flex-end;
  margin-left: 20px;
  display: flex;
  position: relative;
}

.inspiration-img {
  cursor: pointer;
  background-image: linear-gradient(#000, #fff);
  width: 100%;
  height: 100%;
  padding: 40px;
  position: absolute;
  inset: 0 auto auto;
}

.inspiration-img.limo {
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#121d5366, #0000 50%, #121d5366), url('../images/Aperitivo-Swizzera-NA-PRO-II_klein-864x554.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inspiration-img.aeropress {
  z-index: 0;
  cursor: pointer;
  background-image: linear-gradient(#00000080, #00000080), url('../images/aeropress.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.inspiration-img.bialetti {
  background-image: linear-gradient(#00000080, #00000080), url('../images/bialetti.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.inspiration-bg {
  z-index: 50;
  background-color: var(--ci-blue);
  perspective-origin: 50%;
  transform-origin: 50%;
  cursor: pointer;
  background-image: none;
  border: 5px solid #cbb6881a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px 20px;
  transition: border-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.inspiration-bg:hover {
  border-color: var(--ci-gold);
}

.cta-plus-copy {
  z-index: 10;
  filter: invert();
  background-image: url('../images/con-plus_blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 50px;
  height: 50px;
  position: absolute;
}

.div-block-119 {
  flex-direction: row;
  width: 320px;
  margin-top: 2vh;
  display: flex;
}

.div-block-115-copy {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1000px;
  min-height: 60vh;
  margin-top: 5vh;
  margin-bottom: 10vh;
  padding-top: 5vh;
  display: grid;
  position: relative;
}

.div-block-115-copy.insp-detai {
  grid-template-rows: auto auto;
  grid-template-columns: 50% 1fr;
  margin-bottom: 0;
}

.inspiration-bg-copy {
  z-index: 50;
  background-color: var(--ci-blue);
  perspective-origin: 50%;
  transform-origin: 50%;
  cursor: pointer;
  background-image: none;
  border: 5px #cbb6881a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 20px;
  transition: border-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.inspiration-bg-copy:hover {
  border-color: var(--ci-gold);
}

.inspiration-bg-copy.left {
  background-color: #0000;
  padding-right: 2vw;
}

.inspiration-bg-copy {
  justify-content: flex-start;
  align-items: flex-start;
}

.inspiration-bg-copy.right {
  background-color: #0000;
}

.content-right-copy {
  z-index: 1000;
  perspective-origin: 0%;
  transform-origin: 0%;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding-left: 2vw;
  display: block;
}

.link-block-5 {
  z-index: 50;
  width: 100%;
  height: 100%;
  position: absolute;
}

.html-embed {
  z-index: 10;
  width: 1000px;
  height: 600px;
  margin-top: 2vh;
  position: relative;
}

.ideales-produkt {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 30px;
  font-weight: 500;
  display: flex;
  position: relative;
  top: auto;
  right: auto;
}

.bg-shadow {
  z-index: 0;
  background-image: radial-gradient(circle farthest-corner at 60% 60%, #0be6, var(--ci-blue) 43%);
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-119-copy {
  border: 2px solid var(--ci-gold);
  border-radius: 7px;
  flex-direction: row;
  width: 100%;
  margin-top: 2vh;
  padding: 0;
  display: flex;
}

.div-block-120 {
  flex: 1;
  padding-left: 30px;
}

.text-link {
  float: none;
  clear: none;
  color: var(--ci-gold);
  font-style: normal;
}

.ornamnet_hero_small_right {
  z-index: 10;
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-image: url('../images/orna_small_right.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 8vw;
  height: 35vh;
  position: fixed;
  inset: 14vh 1.5vw auto auto;
}

.ornamnet_hero_small_right.insp-detail {
  z-index: 100;
  width: 12vw;
  height: 50vh;
}

.ornamnet_hero_small_right.history {
  z-index: 100;
  width: 12vw;
  height: 50vh;
  top: 25vh;
}

.ornamnet_hero_small_right.history.hide {
  display: none;
}

.ornamnet_hero_small_left {
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-image: url('../images/orna_small_left.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10vw;
  height: 50vh;
  position: fixed;
  top: 14vh;
  bottom: auto;
  left: 1.5vw;
}

.ornamnet_hero_small_left.insp-detail {
  z-index: 100;
  width: 12vw;
  height: 65vh;
}

.ornamnet_hero_small_left.history {
  z-index: 100;
  width: 12vw;
  height: 65vh;
  top: 25vh;
}

.ornamnet_hero_small_left.history.hide {
  display: none;
}

.slider-3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  display: none;
}

.slide-12 {
  background-color: var(--ci-blue);
}

.right-arrow-4 {
  border-style: none solid none none;
  border-width: 1px 2px 1px 1px;
  border-color: var(--white);
  border-radius: 200px;
  width: 70px;
  height: 70px;
  margin-right: 3vw;
  display: none;
}

.right-arrow-4:hover {
  border-color: var(--ci-gold);
  background-color: #cbb68899;
}

.icon-16 {
  text-indent: 500px;
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
  transform: rotate(-90deg);
}

.icon-17 {
  text-indent: 500px;
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-size: cover;
  font-size: 24px;
  transform: rotate(90deg);
}

.left-arrow-4 {
  border-style: none none none solid;
  border-width: 1px 1px 1px 2px;
  border-color: var(--white);
  border-radius: 200px;
  width: 70px;
  height: 70px;
  margin-left: 3vw;
  display: none;
}

.left-arrow-4:hover {
  border-color: var(--ci-gold);
  background-color: #cbb688cc;
}

.slide-nav-6 {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: auto;
  height: 5px;
  margin-bottom: 60px;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  font-size: 40px;
  display: none;
  overflow: hidden;
}

.dot-wrap-copy {
  z-index: 10;
  position: absolute;
  inset: auto auto auto 0;
}

.dot-wrap-copy:hover {
  z-index: 20;
}

.dot-wrap-copy.suess {
  margin: auto;
  top: 65vh;
  left: 58vw;
}

.dot-wrap-copy.erfrischendes {
  margin-top: 27vw;
  margin-left: 78vw;
}

.dot-wrap-copy.knuspriger {
  margin-bottom: 25vw;
  position: absolute;
  inset: auto 15vw auto auto;
}

.dot-wrap-copy.salziges {
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  margin-top: 30vw;
  margin-left: 19vw;
  display: flex;
  inset: auto auto auto 0%;
}

.dot-wrap-copy.milch {
  margin-top: -26vw;
  margin-left: 17vw;
}

.dot-wrap-copy.pflanzliches {
  margin-bottom: 32vw;
  margin-left: 49vw;
}

.inner-dot-copy {
  z-index: 10;
  background-color: var(--midnight-blue-2);
  box-shadow: inset 0 0 20px 5px var(--midnight-blue);
  border: 5px solid #fff;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.pulsing-dot-wrap {
  background-color: #19296966;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.link-copy {
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 15px 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.link-copy:hover {
  text-decoration: none;
}

.link-copy.w--current {
  float: none;
  clear: left;
  color: #fff;
  background-color: #000;
  flex: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: underline;
  display: inline-block;
}

.ornament-circle {
  z-index: 0;
  border: 2px none var(--white);
  background-image: url('../images/kat-circle_delikatessen.svg');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 300px;
  display: none;
  position: absolute;
  inset: 0%;
}

.ornament-circle.water {
  background-image: url('../images/ornament_ring_erfrischend.svg');
  background-position: 50% 45%;
  background-size: 95%;
  display: block;
  transform: rotate(180deg);
}

.ornament-circle.salzig {
  background-image: url('../images/ornament_ring_salzig.svg');
  background-position: 50% 45%;
  background-size: 95%;
  display: block;
  transform: rotate(180deg);
}

.ornament-circle.milchig {
  background-image: url('../images/ornament_ring_milchig.svg');
  background-position: 50%;
  background-size: 95%;
  display: block;
  transform: rotate(180deg);
}

.ornament-circle.pflanzlich {
  background-image: url('../images/ornament_ring_pflanzlich.svg');
  background-position: 50% 45%;
  background-size: contain;
  display: block;
  transform: rotate(180deg);
}

.ornament-circle.geroestet {
  background-image: url('../images/ornament_ring_geroestetes.svg');
  background-position: 50% 45%;
  background-size: contain;
  display: block;
  transform: rotate(180deg);
}

.ornament-circle.suess {
  background-image: url('../images/ornament_ring_suess.svg');
  background-position: 50% 45%;
  background-size: 95%;
  display: block;
  transform: rotate(180deg);
}

.section-wrap-history2 {
  z-index: 120;
  background-color: var(--ci-blue);
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 0;
  display: flex;
  position: relative;
}

.link-dot-list {
  color: var(--ci-gold);
  cursor: pointer;
  width: 100%;
  padding: 0 0 5px;
  font-size: 24px;
  line-height: 120%;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.link-dot-list:hover {
  color: var(--ci-gold);
  text-decoration: underline;
}

.link-dot-list.w--current {
  float: none;
  clear: left;
  color: #fff;
  background-color: #000;
  flex: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: underline;
  display: inline-block;
}

.side-effekt {
  z-index: 10;
  background-image: url('../images/Element-22x.png');
  background-position: 100% 100%;
  background-size: contain;
  width: 40%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.right-arrow-5 {
  z-index: 200;
  border: 2px solid var(--white);
  border-radius: 200px;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-right: 3vw;
  display: none;
  top: 50%;
}

.right-arrow-5:hover {
  background-color: #cbb68899;
  border-color: #cbb688;
}

.left-arrow-6 {
  z-index: 200;
  border: 2px solid #fff;
  border-radius: 200px;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  display: none;
  inset: 50% 10vw auto auto;
}

.left-arrow-6:hover {
  background-color: #cbb688cc;
  border-color: #cbb688;
}

.slide-19 {
  background-color: #192969;
  background-image: linear-gradient(#0006, #0006), url('../images/Mövenpick-Überland-Aussen-3.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slider-overlay-gradient {
  z-index: 140;
  background-image: linear-gradient(#0003, #0003), linear-gradient(to right, #00000080, #0000);
  width: 100%;
  position: absolute;
}

.list-item-129 {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.list-item-129:hover {
  opacity: 1;
}

.div-block-127 {
  z-index: 10;
  background-color: #cbb88f;
  border: 1px solid #dfdfdf;
  border-radius: 60px;
  width: 15px;
  height: 15px;
  position: absolute;
}

.text-block-74 {
  perspective-origin: 0%;
  transform-origin: 0%;
  color: #cbb88f;
  letter-spacing: 1px;
  background-color: #121d53;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  position: absolute;
}

.link-block-6 {
  z-index: 20;
  color: #cbb88f;
  width: 100px;
  height: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-block-6.w--current {
  z-index: 20;
}

.div-block-128 {
  z-index: -1;
  background-color: #dfdfdf99;
  width: 1px;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 25px;
  display: block;
  position: absolute;
  inset: auto auto auto 7px;
}

.dot-navi-history {
  z-index: 500;
  align-items: center;
  width: 20vw;
  height: 95vh;
  margin-left: 1.5vw;
  display: none;
  position: fixed;
  inset: 5vh auto auto 5vw;
}

.wrap-section-history {
  z-index: 120;
  background-color: var(--ci-blue);
  background-image: radial-gradient(circle, #0be6 17%, #0000 63%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 0;
  display: flex;
  position: relative;
}

.wrap-section-history.another-video, .wrap-section-history.another-video.different-animation {
  background-image: linear-gradient(#0003, #0003);
}

.dark-overlay-bersicht {
  z-index: 0;
  background-image: linear-gradient(to bottom, var(--ci-blue) 15%, #0be6 50%, var(--ci-blue) 85%), radial-gradient(circle farthest-corner at 50% 50%, #0bec, transparent 90%, #0000);
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dark-overlay-bersicht-copy {
  z-index: 90;
  background-image: linear-gradient(#192969e6, #192969e6);
  border-top-style: none;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0 auto auto 0;
}

.cta-ani-plus-copy {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  color: #fff;
  background-color: #cbb88f;
  background-image: url('../images/icon-plus.svg');
  background-position: -13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #cbb88f;
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  transition: background-position .3s, padding-left .2s;
  display: block;
  position: relative;
}

.cta-ani-plus-copy:hover {
  background-position: 15px;
  padding-left: 35px;
}

.cta-ani-plus-copy.right {
  margin-left: 10px;
}

.cta-ani-plus-copy.right.shop_ch {
  font-size: 20px;
}

.cta-ani-plus-copy.shop_de {
  display: none;
}

.div-block-132 {
  justify-content: center;
  display: flex;
}

.close-2 {
  z-index: 20;
  background-image: url('../images/streamline-icon-close40x40.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.info-overlay-2 {
  z-index: 50;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: #fff;
  border-radius: 20px;
  width: 80vw;
  height: auto;
  margin-left: -41.5vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 80px #72674f80;
}

.info-overlay-2.shop {
  flex-direction: column;
  width: 60vw;
  margin-top: 25vh;
  margin-left: auto;
  margin-right: 20vw;
  padding: 68px;
  display: none;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 70px 20px #0009;
}

.history-slider {
  z-index: 0;
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.right-arrow-6, .left-arrow-7, .slide-nav-7 {
  display: none;
}

.stop-overlay {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.right-arrow-7, .left-arrow-8, .slide-nav-8 {
  display: none;
}

.background-video-5 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.content-div-3-copy-copy {
  z-index: 10;
  perspective-origin: 0%;
  transform-origin: 0%;
  background-color: #0000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  width: 25vw;
  margin-left: 13vw;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 2vw;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.background-video-6 {
  background-image: linear-gradient(#0003, #0003);
  width: 100%;
  height: 100%;
}

.background-video-6.another_video {
  background-image: linear-gradient(#00000026, #00000026);
  margin-top: auto;
}

.background-video-6.another_video.video_mobile {
  display: none;
}

.slide-27 {
  background-image: linear-gradient(#0006, #0006), url('../images/5ade3ab5a6b6454876698859_1948_layer1.jpg');
  background-position: 0 0, 0 80%;
  background-size: auto, auto;
}

.slide-28 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Moevenpick-Geschichte_2.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, auto 118%;
}

.slide-29_a.pick {
  background-color: #0000;
  background-image: linear-gradient(#0006, #0006), url('../images/pickedipick.jpg');
  background-position: 0 0, 55%;
  background-size: auto, cover;
}

.inner-dot-copy-2 {
  z-index: 10;
  border: 5px solid #fff;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  box-shadow: inset 0 0 20px 5px #121d53;
}

.div-block-129 {
  display: none;
  position: absolute;
}

.div-block-133 {
  filter: blur(1px);
  border: 1px solid #fff;
  border-radius: 300px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wrap-section-list {
  color: var(--white);
  background-color: #0000;
  flex-direction: column;
  margin-top: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 40px;
  display: none;
}

.point1, .point2, .pointx {
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
  list-style-type: none;
}

.div-block-134 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 33% 33% 33%;
  grid-auto-columns: 1fr;
  align-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  height: 10vh;
  margin-top: 3vh;
  display: grid;
  position: relative;
}

.timelinebox_section_history {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(15%, 15%) 1fr;
  grid-auto-columns: 1fr;
  height: 10vh;
  display: grid;
  position: relative;
}

.timelinebox_section_history.joghurt {
  grid-template-columns: 160px 1fr;
  justify-content: stretch;
}

.timelinebox_section_history.joghurt.quark {
  grid-template-columns: 160px 1fr;
}

.timelien-box-img {
  background-image: url('../images/smol_WZ_Kirsche-min.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 100%;
}

.timelien-box-img.pflanzlich {
  background-image: url('../images/Feinjoghurt_Pflanzlich_Pfirsich-Maracuja_xxs.png');
  height: 10vh;
  display: block;
  position: relative;
}

.timelien-box-img.pflanzlich.kuchen {
  background-image: url('../images/smol.png');
  background-position: 0%;
  background-size: contain;
  width: 150px;
}

.timelien-box-img.pflanzlich.quark {
  background-image: url('../images/smol_Pack_Quark_Snack_Chocolate_Vanilla_Flow.png');
  width: 150px;
}

.timelien-box-img.pflanzlich.quark.essig  {
  background-image: url('../images/Moevenpick_Apfel_Balsamessig.png');
  width: 75px;
  margin-left: 45px;
}

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

.timelien-box-img.pflanzlich.quark.essig {
    width: 145px;
    margin-left: 5px;
    background-size: contain;
}

}

.timeline_textbox {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.timeline_textbox.joghurt {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
}

.heading-8 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5vh;
  line-height: 120%;
}

.text-block-75 {
  color: var(--white);
  font-size: 2vh;
  line-height: 120%;
}

.footer {
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
}

.bg-video-vision {
  width: 100%;
  height: 100%;
}

.menu-btn-wrap-3 {
  z-index: 2000;
  justify-content: center;
  width: 12vh;
  height: 80%;
  display: flex;
  position: absolute;
  right: 20px;
}

.burger-line-top-2 {
  background-color: #fff;
  width: 30px;
  height: 2px;
  margin-top: 34px;
  margin-bottom: 7px;
  position: relative;
}

.burger-line-center-2 {
  background-color: #fff;
  width: 30px;
  height: 2px;
  margin-bottom: 7px;
  position: relative;
}

.burger-line-bottom-2 {
  background-color: #fff;
  width: 30px;
  height: 2px;
  position: relative;
}

.bg-video-vision-mobil {
  width: 100%;
  height: 100%;
  display: none;
}

.background-video-6-copy {
  background-image: linear-gradient(#0003, #0003);
  width: 100vw;
  height: 100vh;
}

.background-video-6-copy.another_video {
  background-image: linear-gradient(#0003, #0003);
}

.div-block-105-copy {
  width: auto;
  display: none;
  position: absolute;
  inset: auto 10vw auto auto;
}

.bg-video-timeline {
  background-image: linear-gradient(#00000026, #00000026);
  width: 100%;
  height: 100%;
  display: block;
}

.bg-video-timeline.video_products {
  background-image: linear-gradient(#00000024, #00000024);
  display: block;
}

.bg-video-timeline-mobile {
  background-image: linear-gradient(#00000026, #00000026);
  width: 100%;
  height: 100%;
  display: none;
}

.bg-video-ueberuns-geschmack {
  background-image: linear-gradient(#0000004d, #0000004d);
  width: 100%;
  height: 100%;
}

.bg-video-ueberuns-geschmack.bg-video-ueberuns-geschmack-mobile {
  display: none;
}

.main-language-list {
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  width: 31vw;
  padding-left: 3vw;
  list-style-type: none;
  display: none;
  position: absolute;
}

.div-block-135 {
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 40px;
  margin-right: 20px;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.paragraph-30 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
}

.div-block-136 {
  background-image: url('../images/down_arrow.svg');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 15px;
  position: relative;
}

.div-block-137 {
  background-color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 120px;
  margin-left: -20px;
  display: flex;
  position: absolute;
  inset: 40px auto auto 0%;
}

.languargelist {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.paragraph-31 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
}

.list-item-131 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.link-2 {
  color: var(--white);
  text-transform: uppercase;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.link-2:hover {
  color: var(--ci-gold);
}

.list {
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  display: flex;
}

.list.footer-list {
  align-items: center;
  margin-top: 10px;
  padding-left: 0;
}

.list-item-132 {
  background-color: #0000;
  margin-left: 20px;
  margin-right: 20px;
}

.list-item-133 {
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-dropdown-1 {
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  font-weight: 700;
}

.wg-dd-1-togle {
  z-index: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-togle:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-dd-1-list {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px #11179c12;
}

.wg-dropdown-1-link {
  color: #000;
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link:hover {
  color: #fff;
  background-color: #4049ff;
}

.image {
  width: 25px;
  height: 25px;
}

.white.footer-link {
  color: #fff;
  text-decoration: none;
}

.paragraph-33 {
  color: var(--white);
  font-weight: 500;
}

.point3 {
  font-size: 24px;
  font-weight: 500;
  list-style-type: none;
}

.ornamnet_hero_right {
  z-index: 10;
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-image: url('../images/ornament-combo_hero_RIGHT_new.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 130px;
  height: 100vh;
  margin-top: 12vh;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0%;
}

.ornamnet_hero_right.kuchen_ornament_rechts {
  background-image: url('../images/kuchen_ornament_rechts.png');
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-size: auto;
  width: 150px;
  margin-top: 8vh;
}

.ornamnet_hero_right.kuchen_ornament_rechts.ornament_quark_rechts {
  background-image: url('../images/Saft_Ornamente_rechts.png');
  background-size: contain;
  width: 110px;
}

.phone-landscape-message {
  display: none;
}

.heading-landscape-phone {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
}

.text-block-challenge {
  z-index: 999;
  color: var(--white);
  text-align: center;
  font-size: 85px;
  font-weight: 700;
  line-height: 90px;
  position: absolute;
  top: 15%;
}

.text-block-challenge.text-block-78 {
  text-align: left;
  max-width: 80%;
  padding-bottom: 20px;
  font-size: 45px;
  line-height: 50px;
  position: relative;
  inset: auto;
}

.text-block-challenge.text-block-78.challenge-headline {
  font-size: 75px;
  line-height: 120%;
}

.text-block-80 {
  z-index: 999;
  color: var(--white);
  text-align: left;
  width: auto;
  padding-top: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-80.text-block-85 {
  text-align: left;
  align-items: flex-start;
  font-size: 25px;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-80.text-block-85.challenge-blend {
  opacity: 1;
}

.text-block-80.text-instagram {
  text-align: justify;
  width: 40%;
  padding-top: 40px;
  font-size: 20px;
  line-height: 33px;
  display: block;
}

.text-block-80.text-block-81 {
  width: 43%;
  padding-top: 80px;
}

.text-block-80.text-block-90 {
  padding-top: 40px;
}

.text-block-80.text-block-100 {
  font-size: 15px;
}

.text-block-80.step-1 {
  float: none;
  clear: none;
  padding-top: 0;
  display: block;
}

.text-block-80.step-2, .text-block-80.step-3 {
  float: none;
  padding-top: 0;
}

.text-block-80.step-4 {
  padding-top: 0;
}

.div-block-138 {
  position: absolute;
  top: 32%;
  left: 46%;
}

.div-block-139 {
  width: 50%;
  position: absolute;
  top: 20%;
  left: 10%;
}

.text-block-81 {
  z-index: 999;
  color: var(--white);
  text-align: left;
  max-width: 80%;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-81.text-block-85 {
  text-align: left;
  align-items: flex-start;
  width: 28em;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-82 {
  z-index: 999;
  color: var(--white);
  text-align: left;
  max-width: 80%;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-82.text-block-85 {
  text-align: left;
  align-items: flex-start;
  width: 28em;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-83 {
  z-index: 999;
  color: var(--white);
  text-align: left;
  max-width: 80%;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-83.text-block-85 {
  text-align: left;
  align-items: flex-start;
  width: 28em;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-84 {
  z-index: 999;
  color: var(--white);
  text-align: left;
  max-width: 80%;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  position: relative;
  top: auto;
  left: auto;
}

.text-block-84.text-block-85 {
  text-align: left;
  align-items: flex-start;
  width: 28em;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.image-2 {
  z-index: 999;
  width: 30px;
  position: relative;
}

.image-3 {
  z-index: 999;
  width: 32%;
  max-width: 500px;
  position: absolute;
  inset: 15% 12% 0% auto;
}

.link-block-7 {
  z-index: 999;
  position: relative;
}

.link-3 {
  color: var(--white);
}

.link-block-8 {
  z-index: 999;
  display: none;
  position: relative;
}

.link-4 {
  color: var(--white);
}

.link-5 {
  color: var(--white);
  background-color: #0000;
}

.image-4 {
  z-index: 9999;
  float: left;
  clear: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 7px;
  display: block;
  position: relative;
}

.div-block-140 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.link-block-9 {
  z-index: 9999;
  position: relative;
}

.image-5 {
  width: 50px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.image-6 {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.kuchen-2 {
  z-index: 5;
  background-image: url('../images/MoevenpickCH_Pack_Cake_Citron_275g_PackshotDyn.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32vw;
  height: 270px;
  margin-top: 40vh;
  margin-left: 5vw;
  margin-right: 0;
  display: block;
  position: absolute;
  transform: rotate(0);
}

.kuchen-2.marmorkuchen {
  background-position: 50%;
  background-size: contain;
  width: 45vw;
  max-width: 45vw;
  margin-top: 0;
}

.kuchen-2.marmorkuchen.zitronenkuchen, .kuchen-2.marmorkuchen.kuchen_2 {
  background-image: url('../images/21-11987_MoevenpickCH_Pack_Cake_Citron_275g_PackshotDyn1.png');
  margin-top: 34.9vh;
}

.kuchen-2.quark-2 {
  background-image: url('../images/02_MoevenpickCH_Pack_Quark_Snack_Chocolate_Vanilla_Flow.png');
  margin-top: 24vh;
  margin-left: 8vw;
}

.kuchen-2.quark-2.kuchen-3.quark-3 {
  margin-top: 50.8vh;
  margin-left: 0;
}

.column-weniger-1 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: block;
  position: relative;
}

.column-weniger-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.ornament_green_left {
  background-image: url('../images/brazil_ornamente_links.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10rem;
  height: 100%;
  position: absolute;
  left: 0;
}

.ornament_green_right {
  background-image: url('../images/brazil_ornamente_rechts.png');
  background-position: 100% 82%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10rem;
  height: 100%;
  position: absolute;
  right: 0;
}

.headline-weniger {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 55px;
  line-height: 120%;
}

.content-brazil-2, .weniger-marmalade-2, .weniger-marmalade-3 {
  z-index: 150;
  position: relative;
  transform: translate(0);
}

.image-7 {
  width: 150px;
  margin-top: -5rem;
  transform: translate(0);
}

.image-7.brazil-packshot {
  width: 500px;
}

.image-8 {
  width: 150px;
  margin-top: 2rem;
}

.image-9 {
  width: 150px;
  margin-top: -5rem;
}

.img-weniger-neu {
  width: 130px;
  max-width: none;
  position: absolute;
  top: 10rem;
  left: auto;
  right: 0%;
}

.content-brazil-1 {
  margin: 10vh 0 0 20vw;
  position: absolute;
  top: 20%;
}

.essig-2 {
  background-image: url('../images/Moevenpick_Aceto_Balsamico.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 20vh;
  margin-left: 11vw;
  position: absolute;
}

.div-block-142 {
  background-image: url('../images/02_MoevenpickCH_Pack_Quark_Snack_Caramel_Chocolate_Flow.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35vw;
  height: 300px;
  margin-top: 43vw;
  position: absolute;
}

.div-block-142.quark-3 {
  width: 28vw;
  margin-top: 52vh;
  margin-left: 92px;
  transform: rotate(6deg);
}

.essig-3 {
  background-image: url('../images/Moevenpick_Condimento_Bianco.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 20vh;
  margin-left: 22vw;
  position: absolute;
}

.essig-1 {
  background-image: url('../images/Moevenpick_Apfel_Balsamessig.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 20vh;
  position: absolute;
}

.image-10 {
  opacity: 1;
  display: block;
}

.div-block-1004 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
}

.div-block-1004.milchmarketing {
  opacity: 1;
}

.essig_a {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/apfelsaft_trueb.png?hash=1754486124');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  width: 10vw;
  height: 450px;
  margin-top: 17vh;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  transform: rotate(-7deg);
}

.essig_b {
  background-image: url('../images/orangensaft.png?hash=1754486124');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 14vh;
  margin-left: 12vw;
  margin-right: 0;
  position: absolute;
}

.essig_c {
  background-image: url('../images/Moevenpick_Condimento_Bianco.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 20vw;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
}

.essig_d {
  background-image: url('../images/fruchtsaft.png?hash=1754486124');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 450px;
  margin-top: 17vh;
  margin-left: 24vw;
  margin-right: 0;
  position: absolute;
  transform: rotate(9deg);
}

@media screen and (min-width: 1280px) {
  .base-copy.xsmall.white {
    display: none;
  }

  .base-copy.xsmall.white.dot {
    display: block;
  }

  .cta {
    border-color: var(--ci-gold);
    background-color: var(--ci-gold);
  }

  .h1-headline.white.medium {
    font-size: 75px;
  }

  .h1-headline.white.medium.h-65 {
    font-size: 65px;
  }

  .wrap.footer.hidden {
    display: none;
  }

  .logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .header {
    z-index: 1000;
  }

  .grid.footer {
    grid-template-columns: 100%;
    justify-items: center;
  }

  .section-wrap1.produkte, .section-wrap1.produkte-copy {
    justify-content: center;
  }

  .section-wrap1.pfl-teaser.section-kuchen, .section-wrap1.section-weniger-zucker-hidden {
    padding-top: 10vh;
  }

  .menu-list-item-copy.hidden {
    display: none;
  }

  .kuchen-1 {
    width: 32vw;
    margin-top: -5vh;
  }

  .div-block-1003 {
    width: 53vw;
    margin-right: 0;
    padding-left: 0;
  }

  .h1-headline-2.white.medium {
    font-size: 75px;
  }

  .h1-headline-2.white.medium.h-65 {
    font-size: 65px;
  }

  .content-div-3 {
    margin-top: 5vh;
    margin-left: 15vw;
  }

  .social-icon-2.facebook {
    background-image: url('../images/icon-facebook.svg');
  }

  .social-icon-2.insta {
    background-image: url('../images/icon-instagram.svg');
  }

  .content-div-3-copy-copy.hero.no-padding.no-margin-top {
    width: 75vw;
  }

  .screen-size-overlay-2 {
    display: none;
  }

  .ornamnet_hero_right.kuchen_ornament_rechts {
    margin-top: 0;
    top: 0;
  }

  .text-block-80 {
    width: 80%;
  }

  .kuchen-2 {
    width: 33vw;
    margin-top: 35vh;
    margin-left: 7vw;
  }

  .column-weniger-1 {
    justify-content: center;
    align-items: center;
  }

  .column-weniger-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: flex-start;
  }

  .ornament_green_left, .ornament_green_right {
    width: 10rem;
  }

  .headline-weniger.h1-headline.white.medium.h-65 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .image-7 {
    width: 160px;
  }

  .image-7.brazil-packshot {
    width: 500px;
  }

  .image-8 {
    width: 160px;
  }

  .image-9 {
    width: 150px;
  }

  .content-brazil-1 {
    margin: 0 0 0 15vw;
    position: absolute;
    top: 20%;
    left: 0%;
  }

  .essig_a {
    margin-top: 17vh;
    transform: rotate(-9deg);
  }

  .essig_b {
    margin-top: 14vh;
    margin-left: 12vw;
  }

  .essig_d {
    background-image: url('../images/fruchtsaft.png?hash=1754486124');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10vw;
    height: 450px;
    margin-top: 17vh;
    margin-left: 24vw;
    transform: rotate(9deg);
  }
}

@media screen and (min-width: 1440px) {
  .unorderd-list.menu {
    margin-left: 2vw;
    position: relative;
  }

  .unorderd-list.meta-menu {
    flex: 0 auto;
    justify-content: flex-end;
  }

  .unorderd-list.meta-menu.social {
    justify-content: flex-start;
  }

  .unorderd-list.dot {
    display: block;
  }

  .h4-headline.white.sortiment {
    border-top: 1px solid #fff3;
  }

  .base-copy.xsmall.white.dot {
    font-size: 24px;
  }

  .base-copy.white.large-copy {
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    position: relative;
  }

  .base-copy.white.large-copy.hide {
    display: block;
  }

  .base-copy.centered {
    z-index: 20;
    position: relative;
  }

  .cta {
    width: 100%;
    position: relative;
  }

  .h2-headline.white.bold.detail {
    font-size: 44px;
  }

  .h1-headline.white {
    text-align: left;
    line-height: 100%;
    display: inline-block;
  }

  .h1-headline.white.medium {
    font-size: 75px;
  }

  .wrap {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .list-item {
    font-size: 16px;
  }

  .cta-hollow {
    white-space: nowrap;
    flex: 0 auto;
    order: 1;
    justify-content: center;
    width: 100%;
  }

  .cta-hollow.last {
    flex: 1;
    margin-right: 0;
  }

  .text-link {
    padding-right: 10px;
  }

  .text-link:hover {
    background-image: none;
  }

  .div-block-68.vertical {
    position: sticky;
    top: 8vh;
  }

  .logo.small {
    z-index: 2000;
    position: relative;
  }

  .body-2 {
    height: auto;
  }

  .grid.footer {
    grid-column-gap: 2vw;
  }

  .section-wrap1.produkte {
    min-height: 100vh;
  }

  .section-wrap1.footer {
    padding-bottom: 0;
  }

  .section-wrap1.with-light-dot {
    display: none;
  }

  .section-wrap1.with-light-dot.detail, .section-wrap1.with-light-dot.start {
    display: flex;
  }

  .section-wrap1.white {
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrap1.white.overview-section {
    background-image: none;
  }

  .section-wrap1.white.inspiration-section {
    padding-top: 15vh;
  }

  .section-wrap1.white.detail-related {
    background-image: linear-gradient(to top, var(--ci-blue) 2%, #0be6 25%, var(--ci-blue));
  }

  .text-pfeil {
    perspective-origin: 100% 100%;
  }

  .text-pfeil.hero {
    margin-top: -20px;
  }

  .text-pfeil.hero.joghurt-copy-copy {
    display: block;
  }

  .logo-copy.colored-white {
    background-image: url('../images/2021_Logo_RGB_corporat_gold.svg');
  }

  .text-block-70.xl {
    color: #cbb88f;
  }

  .menu-box {
    border: 5px solid #0000;
    flex-direction: column;
    transition: border-color .5s cubic-bezier(.23, 1, .32, 1);
    display: flex;
  }

  .link-4-copy.w--current {
    color: #e91046;
    border-left-color: #e91046;
  }

  .link-4-copy.white.w--current {
    color: var(--ci-gold);
  }

  .hero-kaffee {
    display: none;
  }

  .hero-kaffee.detail {
    height: 80vh;
  }

  .hero-kaffee.detail.caffe-hinnkisch {
    height: 75vh;
  }

  .hero-kaffee.start {
    display: block;
  }

  .content-left {
    top: 20vh;
  }

  .div-block-97 {
    perspective-origin: 0%;
    transform-origin: 0%;
    display: flex;
  }

  .ornamnet_hero_left-2 {
    background-position: 100% 0;
  }

  .animationbox {
    z-index: 10;
    position: relative;
  }

  .cta-ani-plus-2-copy {
    cursor: pointer;
    background-color: #cbb88f;
    display: block;
  }

  .cta-ani-plus-2-copy.hero-copy {
    margin-top: 40px;
    font-size: 18px;
    display: none;
  }

  .cta-ani-plus-2-copy.hero-copy:hover {
    background-position: 15px;
    padding-left: 45px;
  }

  .div-block-101 {
    width: 25vw;
  }

  .hero-image {
    inset: auto 0% auto auto;
  }

  .pack-shadow-2-copy {
    height: 50px;
  }

  .pack-shadow-2-copy.more-margin {
    background-position: 50%;
    height: 70px;
    bottom: -80px;
  }

  .pack-shadow-2-copy.more-margin.kaffe {
    width: 120%;
    height: 80px;
    left: -10%;
  }

  .hero-freddo.start {
    display: block;
  }

  .background-video-2 {
    z-index: 10;
  }

  .hero-creme.start {
    display: block;
  }

  .headline-ani-wra-p {
    transform-origin: 0%;
  }

  .cta-ani-plus-challenge {
    cursor: pointer;
    background-color: #cbb88f;
  }

  .cta-ani-plus-challenge.down {
    background-size: 40px;
    margin-left: -50px;
  }

  .cta-ani-plus-challenge.down-copy {
    background-size: 25px;
    display: flex;
  }

  .cta-ani-plus-challenge.down-copy.insp-details {
    background-size: 25px;
    height: 50px;
    padding-top: 5px;
  }

  .background-video-3 {
    display: none;
  }

  .bottom-swing {
    background-image: url('../images/bottom_swing2.svg');
    background-position: 50% 0;
    background-size: cover;
    height: 8vh;
  }

  .kuchen-1 {
    z-index: 150;
  }

  .div-block-1003 {
    margin-right: 0;
    padding-left: 0;
  }

  .h1-headline-2 {
    font-size: 80px;
  }

  .h1-headline-2.white {
    text-align: left;
  }

  .h1-headline-2.white.medium {
    font-size: 75px;
  }

  .hero-joghurt {
    background-size: auto 85%;
  }

  .content-div-3 {
    margin-top: 5vh;
    margin-left: 20vw;
  }

  .bottom-white {
    background-color: var(--ci-blue);
  }

  .div-block-104 {
    display: block;
  }

  .div-block-97-copy {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    background-image: none;
  }

  .menu-wrapper {
    width: 10vw;
    height: 12vh;
    margin-top: 20px;
  }

  .section-bg-img.opacity-10.relative {
    opacity: 1;
  }

  .over-view-content-wrap {
    z-index: 5;
    background-image: none;
    margin-top: 15vh;
  }

  .over-view-content-wrap.left {
    align-items: flex-start;
  }

  .base-copy-2.xsmall {
    border-bottom: 1px solid #cbb88f;
  }

  .base-copy-2.xsmall.white.padding-right {
    cursor: pointer;
  }

  .base-copy-2.xsmall.right {
    padding-right: 0;
  }

  .base-copy-2.centered.white.inspiration {
    text-align: center;
    white-space: break-spaces;
    padding-bottom: 10px;
    line-height: 140%;
    display: inline-block;
  }

  .list-item-128 {
    font-size: 16px;
  }

  .list-item-128.social {
    width: 40px;
    height: 40px;
  }

  .social-icon-2 {
    background-image: url('../images/streamline-icon-earth-question80x80.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .social-icon-2.facebook {
    background-image: url('../images/icon-facebook.svg');
    background-size: 23px;
  }

  .social-icon-2.insta {
    background-image: url('../images/icon-instagram.svg');
    background-size: 24px;
  }

  .social-icon-2.pinterest {
    width: 40px;
    height: 40px;
    background-image: url('../images/icon-pinterest.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 23px;
  }

  .horst.nachhaltig {
    background-image: linear-gradient(70deg, #00000080, #0000 70%), url('../images/nachhaltig.jpg');
  }

  .horst.uberuns.last {
    border-bottom-width: 1.5vw;
    border-bottom-color: var(--white);
  }

  .content-div-3-copy-copy.hero {
    width: 60rem;
    display: flex;
  }

  .content-div-3-copy-copy.hero.pick {
    width: 70rem;
  }

  .content-div-3-copy-copy.hero.no-padding.no-margin-top {
    width: 75vw;
  }

  .ornamnet_hero_right-4 {
    background-position: 0 0;
    background-size: auto;
  }

  .screen-size-overlay-2 {
    background-color: #192969;
    display: none;
  }

  .ornamnet_hero_left-3 {
    z-index: 10;
  }

  .paragraph-26.detail {
    opacity: .8;
  }

  .div-block-66 {
    width: 100%;
  }

  .fact-box-2 {
    height: 45px;
    padding: 0;
  }

  .facts-iocn._2-bohnen {
    background-size: contain;
  }

  .icon-14 {
    margin-left: 40px;
  }

  .icon-15 {
    margin-right: 40px;
  }

  .slide-nav-5 {
    display: none;
  }

  .div-block-111-copy {
    bottom: 5vh;
  }

  .div-block-35-copy-copy.related {
    align-items: center;
  }

  .div-block-66-copy {
    width: 100%;
  }

  .cta-ani-plus-faq {
    cursor: pointer;
    background-color: #cbb88f;
  }

  .close {
    cursor: pointer;
  }

  .div-block-113 {
    grid-column-gap: 4vw;
    grid-template-columns: minmax(50%, 1fr) 40%;
  }

  .div-block-113.wissen {
    grid-template-columns: minmax(50%, 1fr);
  }

  .info-overlay {
    perspective-origin: 50% 100%;
    transform-origin: 50% 100%;
    align-items: center;
  }

  .h5-headline-3.bold {
    font-weight: 700;
  }

  .list-item-130 {
    font-size: 16px;
    position: relative;
  }

  .div-block-115 {
    grid-row-gap: 20px;
  }

  .div-block-115.inspiration {
    margin-bottom: 2vw;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
  }

  .div-block-115.releted {
    margin-top: 20px;
  }

  .related-bg {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .h2-headline-2.centered.white.related {
    font-size: 40px;
    font-weight: 500;
  }

  .facts-grid-2-copy-copy {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div-block-116.inspiration {
    position: relative;
  }

  .info-overlay-wissen {
    perspective-origin: 50% 100%;
    transform-origin: 50% 100%;
    align-items: center;
  }

  .close-wissen {
    cursor: pointer;
  }

  .select-field-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-117 {
    width: 100%;
  }

  .inspiration-img {
    background-image: url('../images/kaffe_mood.jpg');
    background-position: 50%;
    background-size: cover;
    inset: 0% auto auto 0%;
  }

  .inspiration-img.limo {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .inspiration-img.aeropress {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .inspiration-img.bialetti {
    background-image: linear-gradient(#0000004d, #0000), url('../images/bialetti.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .inspiration-bg {
    overflow: hidden;
  }

  .div-block-115-copy {
    grid-row-gap: 20px;
  }

  .div-block-115-copy.insp-detai {
    grid-template-rows: auto auto;
  }

  .inspiration-bg-copy {
    overflow: hidden;
  }

  .bg-shadow {
    background-image: radial-gradient(circle farthest-corner at 60% 30%, #00bbee4d, var(--ci-blue) 35%);
    height: 100%;
  }

  .text-link {
    font-style: normal;
  }

  .ornamnet_hero_small_right {
    background-position: 0 0;
    background-size: cover;
  }

  .ornamnet_hero_small_right.history.hide {
    display: none;
  }

  .ornamnet_hero_small_left {
    background-size: cover;
    width: 8vw;
  }

  .ornamnet_hero_small_left.history.hide {
    display: none;
  }

  .slide-12 {
    top: -34px;
  }

  .right-arrow-4, .left-arrow-4 {
    width: 70px;
    height: 70px;
    display: none;
  }

  .slide-nav-6 {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    font-size: 30px;
  }

  .dot-wrap-copy {
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .pulsing-dot-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .ornament-circle {
    background-image: url('../images/kat-circle_delikatessen.svg');
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .right-arrow-5 {
    width: 70px;
    height: 70px;
  }

  .left-arrow-6 {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    top: 50%;
  }

  .slide-19 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Mövenpick-Claridenhof-Aussen.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .list-item-129 {
    justify-content: flex-start;
  }

  .text-block-74.history {
    font-size: 12px;
  }

  .link-block-6 {
    width: 100%;
  }

  .link-block-6.history {
    width: 100px;
  }

  .div-block-128.ueberuns {
    height: 80px;
  }

  .dot-navi-history {
    height: 100vh;
  }

  .dark-overlay-bersicht {
    height: 100%;
  }

  .cta-ani-plus-copy {
    cursor: pointer;
    background-color: #cbb88f;
  }

  .close-2 {
    cursor: pointer;
    background-image: url('../images/streamline-icon-close40x40.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    margin-right: 10px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .info-overlay-2 {
    perspective-origin: 50% 100%;
    transform-origin: 50% 100%;
    align-items: center;
    max-width: 1400px;
  }

  .stop-overlay {
    display: none;
  }

  .slide-29_a {
    background-image: linear-gradient(#0006, #0006), url('../images/Mövenpick-Partyservice-Cellier.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .menu-btn-wrap-3 {
    border: 2px solid #19296900;
    position: absolute;
  }

  .bg-video-timeline, .bg-video-timeline-mobile {
    background-image: linear-gradient(#00000026, #00000026);
  }

  .kuchen-2 {
    z-index: 150;
  }

  .column-weniger-1 {
    justify-content: flex-end;
  }

  .ornament_green_left, .ornament_green_right {
    width: 10rem;
  }

  .image-7, .image-8, .image-9 {
    width: 180px;
  }

  .content-brazil-1 {
    margin: 0 5rem 20rem 20vw;
  }

  .essig_b {
    margin-top: 14vh;
    margin-left: 12vw;
  }

  .essig_d {
    background-image: url('../images/fruchtsaft.png?hash=1754486124');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10vw;
    height: 450px;
    margin-top: 17vh;
    margin-left: 24vw;
  }
}

@media screen and (min-width: 1920px) {
  .base-copy.white.large-copy.hide {
    display: block;
  }

  .h1-headline.bold.white.medium, .h1-headline.bold.white.medium.less-width {
    width: 80%;
  }

  .h1-headline.white {
    font-size: 9vh;
  }

  .heading-7 {
    text-align: center;
  }

  .hero-kaffee {
    height: 80vh;
  }

  .content-left {
    margin-top: -3vh;
  }

  .hero-freddo, .hero-creme {
    height: 80vh;
  }

  .headline-ani-wra-p {
    width: 60vw;
  }

  .headline-ani-wra-p.desktop {
    font-size: 14px;
  }

  .hero-jighurt {
    height: 80vh;
  }

  .kuchen-1 {
    width: 40vw;
    height: 350px;
  }

  .div-block-1003 {
    width: 50vw;
    margin-right: 0;
    overflow: visible;
  }

  .margin-top-100 {
    margin-top: -100px;
  }

  .content-div-3 {
    margin-top: 5vh;
    margin-left: 15vw;
  }

  .over-view-content-wrap.left {
    width: 40vw;
    margin-top: 2vh;
  }

  .content-div-3-copy-copy.hero {
    width: 70rem;
  }

  .content-div-3-copy-copy.hero.no-padding.no-margin-top {
    width: 70vw;
  }

  .screen-size-overlay-2 {
    display: flex;
  }

  .ornamnet_hero_left-3.overlay {
    background-position: -7vw;
    background-size: contain;
    background-attachment: fixed;
    width: 200px;
  }

  .section-bg {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-35-copy, .div-block-35-copy-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dot-wrap-copy.erfrischendes {
    margin-left: 85vw;
  }

  .dot-wrap-copy.salziges {
    margin-top: 20vw;
  }

  .dot-wrap-copy.milch {
    margin-left: 22vw;
  }

  .dot-wrap-copy.pflanzliches {
    margin-bottom: 32vw;
  }

  .info-overlay-2 {
    max-width: 1200px;
    margin-left: -600px;
  }

  .div-block-134 {
    grid-column-gap: 1.5vw;
    width: 100%;
  }

  .timelinebox_section_history {
    grid-template-columns: 120px 1fr;
  }

  .timelinebox_section_history.joghurt, .timelinebox_section_history.joghurt.quark {
    grid-template-columns: 160px 1fr;
  }

  .timelien-box-img {
    background-image: url('../images/WZ_Kirsche-min_1.png');
    width: auto;
  }

  .timelien-box-img.pflanzlich {
    background-image: url('../images/Feinjoghurt_Pflanzlich_Pfirsich-Maracuja_xxs.png');
    width: auto;
  }

  .timelien-box-img.pflanzlich.kuchen {
    background-image: url('../images/MoevenpickCH_Pack_Cake_Marbre_275g_PackshotDyn.png');
  }

  .timelien-box-img.pflanzlich.quark {
    background-image: url('../images/Pack_Quark_Snack_Chocolate_Vanilla_Flow.png');
  }

  .timeline_textbox.joghurt {
    width: 100%;
  }

  .text-block-75 {
    width: 100%;
    position: relative;
  }

  .ornamnet_hero_right {
    width: 130px;
  }

  .kuchen-2 {
    width: 40vw;
    height: 350px;
  }

  .ornament_green_left {
    width: 10rem;
    display: block;
  }

  .ornament_green_right {
    width: 10rem;
  }

  .image-7 {
    width: 220px;
  }

  .image-7.brazil-packshot {
    width: 700px;
  }

  .image-8, .image-9 {
    width: 220px;
  }

  .content-brazil-1 {
    margin: 0 10rem 20rem 15vw;
  }

  .essig-2 {
    height: 650px;
    margin-top: 17vh;
    margin-left: 13vw;
  }

  .div-block-142.quark-3 {
    height: 350px;
  }

  .essig-3 {
    height: 650px;
    margin-left: 26vw;
    transform: rotate(9deg);
  }

  .essig-1 {
    height: 650px;
    transform: rotate(-9deg);
  }

  .essig_a, .essig_b {
    height: 650px;
  }

  .essig_c {
    margin-top: 20vh;
    margin-left: 10vw;
  }

  .essig_d {
    height: 650px;
  }
}

@media screen and (max-width: 991px) {
  .unorderd-list.menu, .unorderd-list.meta-menu, .unorderd-list.meta-menu.hidden {
    display: none;
  }

  .unorderd-list.meta-menu.social {
    display: flex;
  }

  .unorderd-list.dot {
    width: 20vw;
  }

  .h5-headline-2 {
    font-size: 16px;
  }

  .base-copy.white.large-copy {
    width: 100%;
    padding-right: 0;
  }

  .cta {
    color: #fcfcfc;
    background-color: #d19f21;
  }

  .h1-headline.white {
    font-size: 6vh;
  }

  .h1-headline.white.menu {
    font-size: 4vh;
    display: none;
  }

  .h1-headline.white.medium {
    font-size: 8vh;
  }

  .h1-headline.white.medium.h-65 {
    font-size: 6vh;
  }

  .h1-headline.white.hero {
    font-size: 8vh;
  }

  .wrap {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .cta-hollow {
    padding: 10px 15px;
  }

  .logo.small {
    background-size: contain;
    width: 25vw;
  }

  .grid.footer {
    grid-template-columns: 1fr;
  }

  .section-wrap1.produkte-copy {
    background-image: radial-gradient(circle farthest-side at 50% 50%, var(--ci-shadow-blue), var(--ci-blue) 82%);
    height: 100vh;
    overflow: visible;
  }

  .section-wrap1.with-light-dot.start {
    height: 94vh;
  }

  .section-wrap1.pfl-teaser {
    justify-content: flex-start;
    padding-top: 10vh;
  }

  .section-wrap1.section-weniger-zucker-hidden {
    flex-wrap: wrap;
  }

  .text-pfeil.hero.joghurt-copy-copy {
    background-image: none;
    background-position: 0 0;
    width: 300px;
    height: auto;
    margin-top: 0;
    padding-bottom: 70px;
    top: auto;
    bottom: 48%;
    left: -5%;
    transform: none;
  }

  .text-pfeil.hero.hafer-copy {
    width: 200px;
    margin-top: 0;
    left: 20vw;
  }

  .logo-copy {
    background-size: contain;
    width: 200px;
    height: 40px;
    margin-left: -50px;
    left: 50%;
  }

  .logo-copy.colored-white {
    width: 30vw;
  }

  .heading-7 {
    color: #fff;
  }

  .text-block-70 {
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    margin-bottom: 2vh;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
  }

  .link-4-copy {
    text-indent: -3px;
    border-left-width: 1vw;
    padding-left: 3vw;
    position: relative;
  }

  .link-4-copy:hover {
    border-left-width: 1vw;
  }

  .link-4-copy.blue.xl, .link-4-copy.blue.xl.w--current {
    padding-left: 0;
  }

  .hero-kaffee {
    background-size: auto 90%;
    width: 50vw;
    height: 55vh;
    margin-left: 50vw;
    bottom: 6vh;
  }

  .hero-kaffee.start {
    margin-left: 30vw;
  }

  .content-left {
    width: 60vw;
    top: 15vh;
  }

  .div-block-97 {
    background-position: 0 0;
    background-size: contain;
    width: 45vw;
    height: 8vh;
  }

  .cta-ani-plus-2-copy {
    margin-left: 5%;
  }

  .cta-ani-plus-2-copy.hero-copy {
    margin-top: 30px;
    margin-left: 0%;
  }

  .hero-freddo {
    width: 60vw;
    height: 50vh;
    bottom: 7vh;
    left: 7vw;
  }

  .hero-freddo.start {
    margin-left: 0;
  }

  .hero-creme {
    width: 50vw;
    height: 50vh;
    margin-left: 10vw;
    bottom: 5vh;
  }

  .hero-creme.start {
    margin-left: 10vw;
  }

  .headline-ani-wra-p.medium {
    width: 100%;
  }

  .headline-ani-wra-p.hero {
    height: auto;
  }

  .hero-jighurt {
    width: 50vw;
    height: 50vh;
    margin-left: -55vw;
    bottom: 5vh;
  }

  .hero-jighurt.start {
    margin-left: -25vw;
  }

  .cta-ani-plus-challenge {
    margin-left: 5%;
  }

  .cta-ani-plus-challenge.down.invert {
    margin-left: 0%;
  }

  .cta-ani-plus-challenge.pflanzlich {
    text-align: left;
    align-self: auto;
    margin-top: 0;
    margin-left: 0%;
    display: flex;
  }

  .bottom-swing {
    margin-bottom: 0;
    bottom: -1px;
  }

  .kuchen-1 {
    background-position: 0 100%;
    background-size: auto 75%;
    width: 55vw;
    height: 270px;
    margin-top: 30vh;
    margin-left: 15vw;
  }

  .div-block-1003 {
    width: 100vw;
    margin-right: 0;
  }

  .div-block-1003.quark-packs {
    margin-right: -45vw;
  }

  .h1-headline-2.white.medium {
    padding-right: 0;
    font-size: 8vh;
  }

  .h1-headline-2.white.medium.h-65 {
    font-size: 6vh;
  }

  .hero-joghurt {
    background-position: 0 100%;
    background-size: auto 70%;
    width: 50vw;
    margin-top: 25vh;
    left: 60%;
  }

  .content-div-3 {
    z-index: 30;
    width: 77%;
    margin-top: 0;
    margin-left: 12vw;
  }

  .text-block-72.joghurt.white {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    transform: none;
  }

  .bottom-white {
    height: 15vh;
  }

  .div-block-97-copy {
    width: 100%;
  }

  .ornamnet_left-copy {
    background-position: 100% 60%;
    background-size: 200px;
    width: 12vw;
  }

  .ornamnet_left-copy.kuchen_ornamen_links {
    background-position: 250%;
    background-repeat: no-repeat;
    width: 110px;
  }

  .menu-slideaout {
    width: 30vw;
    right: -30vw;
  }

  .menu-slideout-underlay {
    align-items: center;
    width: 70vw;
    left: -70vw;
  }

  .section-bg-img.opacity-10.relative {
    background-image: url('../images/produktfamilie_tablet-2_notext.png');
    background-position: 50% 60%;
    background-size: 100%;
    width: 100%;
  }

  .over-view-content-wrap.left {
    width: 80vw;
    margin-top: 15vh;
    margin-bottom: 30vh;
    padding-left: 0;
    position: relative;
  }

  .div-block-93-copy-copy-2 {
    z-index: 150;
  }

  .kategorie-dot.salziges {
    width: 90px;
    height: 90px;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .content-div-3-copy {
    width: 70vw;
  }

  .horst.passion.uberuns {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/moevenpick_ueberuns_leidenschaft.jpg');
    background-position: 0 0, 80% 0;
  }

  .content-div-3-copy-copy.hero.no-padding.no-margin-top {
    padding-top: 0;
  }

  .screen-size-overlay-2 {
    display: flex;
  }

  .ornamnet_hero_left-3.overlay {
    background-repeat: no-repeat;
    background-size: auto 900px;
    width: 120px;
  }

  .section-bg {
    background-image: url('../images/Produktfamilie_tablet-2.png');
    background-repeat: no-repeat;
  }

  .info-conetnt-wrap-werte {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .cta-ani-plus-faq {
    margin-left: 5%;
  }

  .h3-headline-2.large.bold {
    font-size: 30px;
  }

  .dot-wrap-copy.suess {
    margin-top: 60vh;
    margin-left: 16vw;
    top: 25%;
    left: 10%;
  }

  .dot-wrap-copy.erfrischendes {
    margin-top: 45%;
    margin-left: 70%;
  }

  .dot-wrap-copy.knuspriger {
    margin-top: -25vh;
  }

  .dot-wrap-copy.salziges {
    margin-top: -35%;
    margin-left: 23%;
  }

  .dot-wrap-copy.milch {
    margin-top: 25%;
    margin-left: 25%;
  }

  .dot-wrap-copy.pflanzliches {
    margin-top: 20%;
    margin-left: 70%;
  }

  .link-dot-list {
    font-size: 18px;
  }

  .wrap-section-history {
    overflow: hidden;
  }

  .wrap-section-history.another-video {
    background-image: none;
  }

  .dark-overlay-bersicht, .dark-overlay-bersicht-copy {
    background-image: radial-gradient(circle closest-side, #0bec, #0000 90%, #0000);
    height: 400%;
    display: none;
  }

  .cta-ani-plus-copy {
    margin-left: 5%;
  }

  .info-overlay-2 {
    z-index: 2000;
    width: 94vw;
    margin-top: -55vh;
    margin-left: -17.5vw;
  }

  .div-block-134 {
    grid-template-columns: 33% 33% 31%;
    width: 70vw;
    height: auto;
    display: block;
  }

  .timelinebox_section_history {
    display: flex;
  }

  .timelien-box-img {
    background-position: 50%;
  }

  .menu-btn-wrap-3 {
    right: 0;
  }

  .div-block-105-copy {
    display: none;
  }

  .bg-video-timeline, .bg-video-timeline-mobile {
    background-image: linear-gradient(#00000026, #00000026);
  }

  .main-language-list {
    display: none;
  }

  .ornamnet_hero_right {
    background-position: 0 5vh;
    background-size: 26vw;
    width: 16vw;
    height: 100%;
    margin-top: 0;
  }

  .ornamnet_hero_right.kuchen_ornament_rechts {
    width: 110px;
  }

  .text-block-80 {
    text-align: left;
    width: 47%;
  }

  .text-block-80.text-block-90 {
    width: 100%;
  }

  .text-block-80.step-1, .text-block-80.step-2, .text-block-80.step-3, .text-block-80.step-4 {
    width: 60%;
  }

  .div-block-139 {
    width: 80%;
  }

  .image-3 {
    width: 27%;
    max-width: 389px;
    top: 32%;
  }

  .kuchen-2 {
    background-position: 0 100%;
    background-size: auto 75%;
    width: 55vw;
    height: 270px;
    margin-top: 50vh;
    margin-left: 30vw;
  }

  .column-weniger-1 {
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 55%;
  }

  .column-weniger-2 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 45%;
  }

  .ornament_green_left, .ornament_green_right {
    width: 7rem;
  }

  .headline-weniger {
    margin-bottom: 60px;
    font-size: 40px;
  }

  .image-7 {
    margin-top: 0;
  }

  .image-7.brazil-packshot {
    width: 400px;
  }

  .image-9 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .unorderd-list.meta-menu.hidden {
    display: none;
  }

  .logo-copy {
    height: 60%;
    margin-left: -40%;
    left: 50%;
  }

  .logo-copy.colored-white {
    width: 50vw;
    margin-left: 0%;
  }

  .div-block-1003.quark-packs {
    margin-top: 90px;
    margin-right: -29vw;
  }

  .bg-video-timeline {
    display: block;
  }

  .div-block-135 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .unorderd-list.menu, .unorderd-list.meta-menu.hidden {
    display: none;
  }

  .menu {
    width: 100vw;
    margin-top: 5vw;
    padding-left: 5vw;
  }

  .base-copy.white.large-copy {
    width: 100%;
    font-size: 18px;
    line-height: 140%;
    display: block;
  }

  .base-copy.white.large-copy.hide {
    margin-bottom: 20px;
  }

  .cta {
    margin-right: 10px;
  }

  .h2-headline {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 3vh;
  }

  .h1-headline.bold.white.medium {
    width: 100%;
    font-size: 3.5vh;
    line-height: 100%;
  }

  .h1-headline.bold.white.medium.less-width {
    width: 95%;
  }

  .h1-headline.bold.white.medium.pick {
    margin-top: 0;
  }

  .h1-headline.white {
    white-space: pre-wrap;
    font-size: 5vh;
    line-height: 120%;
  }

  .h1-headline.white.menu {
    margin-top: -5vh;
    font-size: 2.5vh;
  }

  .h1-headline.white.medium {
    font-size: 6vh;
    line-height: 100%;
  }

  .h1-headline.white.medium.h-65 {
    font-size: 5vh;
  }

  .h1-headline.white.hero {
    font-size: 6vh;
  }

  .wrap {
    padding-bottom: 2vw;
  }

  .div-block-68 {
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    display: flex;
  }

  .logo.small {
    z-index: 2000;
    width: 40vw;
    margin-left: 10vw;
  }

  .header {
    height: 8vh;
  }

  .section-wrap1.produkte-copy {
    background-image: radial-gradient(circle farthest-side at 50% 50%, #00bbee80, var(--ci-blue) 65%);
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 120vh;
    padding-top: 5vh;
    padding-bottom: 0;
    padding-left: 0;
    overflow: visible;
  }

  .section-wrap1.produkte-copy.sortiment {
    margin-top: 12vh;
  }

  .section-wrap1.produkte-copy.produkte-mobile {
    min-height: 140vh;
    padding-top: 0;
  }

  .section-wrap1.with-light-dot.start {
    height: 92vh;
  }

  .section-wrap1.pfl-teaser {
    z-index: 200;
    justify-content: flex-start;
    padding-top: 10vh;
  }

  .section-wrap1.section-weniger-zucker-hidden {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 100vh;
    padding-bottom: 0;
  }

  .text-pfeil.hero.joghurt-copy-copy {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    width: 160px;
    padding-bottom: 35px;
    display: block;
    inset: 45% 0% auto 5%;
  }

  .text-pfeil.hero.hafer-copy {
    background-size: 30px;
    display: none;
    top: 10vh;
  }

  .ornamnet_left {
    z-index: 10;
    background-position: 100%;
    background-size: 50vw;
    width: 18vw;
    margin-top: 0;
    position: absolute;
  }

  .ornamnet_left.orna_left {
    left: -9%;
  }

  .logo-copy {
    background-size: contain;
    width: 140px;
    height: 40px;
    margin-top: -20px;
    margin-left: -40%;
    padding-left: 30px;
  }

  .logo-copy.colored-white {
    width: 60vw;
  }

  .heading-7 {
    text-align: center;
    font-size: 30px;
    line-height: 120%;
  }

  .text-block-70 {
    font-size: 14px;
    line-height: 140%;
  }

  .text-block-70.xl {
    font-size: 20px;
    line-height: 140%;
  }

  .menu-list-item-copy.main-menu {
    flex: 0 auto;
    margin-bottom: 0;
  }

  .menu-list-item-copy.main-menu.no-show, .menu-list-item-copy.no-show {
    display: block;
  }

  .menu-list-item-copy.language-menu {
    flex: 0 auto;
    align-items: flex-end;
    width: 100%;
    height: 26px;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
  }

  .menu-list-item-copy.language-menu.no-show {
    display: block;
  }

  .link-4-copy {
    border-left-width: 2vw;
    padding-left: 6vw;
  }

  .link-4-copy:hover {
    border-left-width: 2vw;
  }

  .link-4-copy.blue.xl {
    padding-top: 5px;
    font-size: 21.6px;
  }

  .link-4-copy.blue.xl.w--current {
    font-size: 21.6px;
  }

  .link-4-copy.blue.right {
    text-align: right;
    padding-top: 5px;
    font-size: 14px;
    line-height: 17.2px;
  }

  .link-4-copy.blue.right.w--current {
    font-size: 14px;
    line-height: 17.2px;
  }

  .ornamnet_hero_right-2 {
    background-position: 0 45%;
    background-size: 30vw;
    width: 17vw;
    margin-top: 15vh;
  }

  .ornamnet_hero_right-2.orna_right {
    width: 8vw;
    margin-top: 38vh;
    margin-right: auto;
    display: none;
    inset: 0% 0 0% auto;
  }

  .hero-kaffee {
    width: 100vw;
    height: 43vh;
    margin-left: 30vw;
  }

  .hero-kaffee.start {
    margin-left: 30vw;
    bottom: 8vh;
  }

  .content-left {
    top: 20vh;
  }

  .div-block-97 {
    background-position: 0 0;
    background-size: contain;
    width: 60vw;
    height: 80px;
  }

  .ornamnet_hero_left-2 {
    background-position: 100% 40%;
    background-size: 30vw;
    width: 17vw;
    margin-top: 15vh;
  }

  .cta-ani-plus-2-copy.hero-copy {
    margin-top: 1vh;
    margin-left: 0%;
  }

  .hero-freddo {
    width: 100vw;
    height: 40vh;
    left: -13vw;
  }

  .hero-freddo.start {
    margin-left: -5vw;
  }

  .hero-creme {
    width: 100vw;
    height: 40vh;
  }

  .hero-creme.start {
    margin-left: 5vw;
  }

  .headline-ani-wra-p {
    width: 80vw;
  }

  .headline-ani-wra-p.medium {
    width: 100%;
    position: relative;
  }

  .headline-ani-wra-p.hero {
    height: 4.5vh;
  }

  .headline-ani-wra-p.hero.wrap-3 {
    margin-top: 0;
  }

  .hero-jighurt {
    width: 100vw;
    height: 40vh;
    margin-left: -30vw;
  }

  .hero-jighurt.start {
    margin-left: -35vw;
  }

  .cta-ani-plus-challenge.down.invert {
    bottom: 0;
  }

  .cta-ani-plus-challenge.pflanzlich {
    margin-top: 1vh;
    margin-left: 0;
  }

  .cta-ani-plus-challenge.pflanzlich.button-challenge {
    margin-top: auto;
    position: absolute;
    top: 260px;
    right: auto;
  }

  .cta-ani-plus-challenge.down-copy {
    bottom: 10%;
  }

  .kuchen-1 {
    background-image: url('../images/mobile_MoevenpickCH_Pack_Cake_Marbre_275g_PackshotDyn.png');
    background-position: 100% 100%;
    background-size: contain;
    width: 70vw;
    margin-top: 24vh;
    margin-left: -5vw;
  }

  .kuchen-1.quark-1 {
    width: 70vw;
    height: 200px;
    margin-top: 0;
    margin-left: 21vw;
    top: 181px;
    left: -35px;
  }

  .div-block-1003 {
    width: 95vw;
    margin-top: 30px !important;
  }

  .div-block-1003.quark-packs {
    margin-top: -15px;
    margin-right: -25vw;
  }

  .h1-headline-2.white.medium {
    padding-right: 0;
    font-size: 6vh;
    line-height: 100%;
  }

  .h1-headline-2.white.medium.h-65 {
    font-size: 5vh;
  }

  .h1-headline-2.white.medium.h-65.quark-text {
    margin-top: 0;
  }

  .hero-joghurt {
    background-size: auto 55%;
    width: 80vw;
    margin-top: 20vh;
    left: 15vw;
  }

  .content-div-3 {
    margin-top: 0;
    margin-left: 18vw;
  }

  .text-block-72 {
    margin-left: 40px;
    font-size: 14px;
  }

  .div-block-97-copy {
    width: 75vw;
  }

  .ornamnet_left-copy {
    z-index: 10;
    background-image: url('../images/ornament_combo_hero_left_new.svg');
    background-position: 100% 20%;
    background-repeat: no-repeat;
    background-size: 35vw;
    width: 18vw;
  }

  .ornamnet_left-copy.kuchen_ornamen_links {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 100vh;
    margin-top: 10px;
    margin-left: -30px;
  }

  .ornamnet_left-copy.kuchen_ornamen_links.ornament_quark_links {
    background-position: 0 20%;
    background-repeat: no-repeat;
    width: 75px;
  }

  .heading-menu {
    display: none;
  }

  .menu-wrapper {
    width: 100vw;
    height: 8vh;
    display: flex;
  }

  .menu-slideaout {
    width: 100vw;
    height: 59vh;
    margin-top: 0;
    right: -100vw;
  }

  .main-menu-list {
    justify-content: flex-start;
    width: 100vw;
    height: 100%;
    padding-top: 96px;
    padding-left: 10vw;
  }

  .burger-wrapper {
    right: 10vw;
  }

  .menu-slideout-underlay {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #00bbee80, var(--ci-blue) 91%);
    align-items: center;
    width: 100vw;
    height: 45vh;
    margin-top: 55vh;
    left: -100vw;
    overflow: scroll;
  }

  .list-item-119.filter-list-item {
    margin-bottom: 0;
  }

  .section-bg-img.opacity-10.relative {
    background-image: url('../images/Sammelbild_Topshot_finish_notext.png');
    background-position: 50% 30%;
    background-size: 100%;
  }

  .over-view-content-wrap.left {
    width: 97vw;
    height: 20%;
    margin-top: -2vh;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-left: 10vw;
    position: relative;
    top: 0;
    left: 0%;
    overflow: visible;
  }

  .base-copy-2.xsmall {
    color: var(--midnight-blue);
    text-transform: none;
    padding-right: 20px;
    font-size: 14px;
  }

  .div-block-93-copy-copy-2 {
    display: none;
  }

  .kategorie-dot {
    align-items: center;
    width: 28vw;
    height: 28vw;
    position: relative;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .list-item-128 {
    font-size: 14px;
  }

  .social-icon-2.facebook.blue {
    filter: invert();
    background-image: url('../images/icon-facebook_1.svg');
  }

  .social-icon-2.facebook.linkedin {
    background-image: url('../images/linkedin-icon-2.svg');
  }

  .social-icon-2.facebook.pinterest {
    background-image: url('../images/icon-pinterest-blue.svg');
  }

  .social-icon-2.insta.blue {
    filter: invert();
    background-image: url('../images/icon-instagram_1.svg');
  }

  .div-block-105 {
    display: none;
  }

  .content-div-3-copy {
    width: 100%;
    margin-left: 0;
    padding-left: 5vw;
  }

  .horst.ueli-history {
    background-image: linear-gradient(to right, #00000005, #0000), linear-gradient(#0006, #0006), url('../images/Ueli-Prager3.jpg');
    background-position: 0 0, 0 0, 61% 0;
    position: static;
  }

  .horst.vision {
    height: 100vh;
  }

  .horst.passion.uberuns {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/moevenpick_ueberuns_leidenschaft.jpg');
    background-position: 0 0, 76% 0;
    display: none;
  }

  .content-div-3-copy-copy.hero {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-top: 20vh;
    padding-left: 8vw;
    padding-right: 5vw;
  }

  .content-div-3-copy-copy.hero.pick {
    width: 100vw;
    padding-top: 33vh;
  }

  .content-div-3-copy-copy.hero.no-padding {
    margin-top: 0;
    padding-top: 30vh;
  }

  .content-div-3-copy-copy.hero.no-padding.no-margin-top {
    padding-top: 5vh;
  }

  .screen-size-overlay-2 {
    padding: 5vw;
  }

  .ornamnet_hero_left-3.overlay {
    background-position: 100%;
    background-size: auto 680px;
    width: 70px;
  }

  .section-bg {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    display: block;
    position: relative;
  }

  .facts-grid-2 {
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr);
    height: auto;
  }

  .fact-box-2 {
    width: auto;
    height: 70px;
    position: relative;
  }

  .facts-iocn {
    background-size: auto 85%;
  }

  .facts-iocn._4-bohnen {
    background-size: auto 85%;
    position: relative;
  }

  .text-block-68 {
    white-space: nowrap;
    font-size: 10px;
  }

  .facts-grid-2-copy {
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr);
    height: auto;
  }

  .text-block-68-copy {
    white-space: nowrap;
    font-size: 10px;
  }

  .info-conetnt-wrap-werte {
    padding-bottom: 2vw;
  }

  .h3-headline-2.large.bold {
    font-size: 22px;
  }

  .h2-headline-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 3vh;
  }

  .facts-grid-2-copy-copy {
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr) minmax(60px, 1fr);
    height: auto;
  }

  .dot-wrap-copy {
    margin-left: 35vw;
    position: relative;
  }

  .inner-dot-copy {
    border-width: 2px;
  }

  .side-effekt {
    display: none;
  }

  .wrap-section-history {
    height: 100vh;
  }

  .div-block-130 {
    background-image: url('../images/Produktfamilie_mobile-2.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .div-block-130.img {
    z-index: 5;
    background-image: url('../images/Mobile_Version_finish.png');
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 94vw;
    height: 100%;
    margin-left: 6vw;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .div-block-130.dots {
    z-index: 10;
    background-image: none;
    height: 90%;
  }

  .info-overlay-2 {
    z-index: 210;
    width: 94vw;
    height: 80vh;
    margin-top: -57vh;
    margin-left: -3vw;
    padding: 5%;
    top: 0;
    box-shadow: 1px 1px 20px #72674f4d;
  }

  .background-video-6.another_video {
    display: none;
  }

  .background-video-6.another_video.video_mobile {
    display: block;
  }

  .slide-29_a.pick {
    background-image: url('../images/moeve_pick_mobile.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .inner-dot-copy-2 {
    border-width: 2px;
  }

  .div-block-129 {
    z-index: 60;
    grid-column-gap: 4vw;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 35vw 58vw;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 97vw;
    height: 110vh;
    margin-top: 0;
    display: grid;
    position: relative;
  }

  .div-block-131 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    height: 100%;
    display: grid;
  }

  .bold-text {
    white-space: normal;
    max-width: none;
    font-size: 4vh;
  }

  .bold-text-3 {
    font-size: 4vh;
  }

  .bold-text-4, .bold-text-5 {
    font-size: 3.5vh;
    line-height: 90%;
  }

  .wrap-section-list {
    display: none;
  }

  .point1 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 120%;
  }

  .point2 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 120%;
  }

  .pointx {
    font-size: 18px;
    line-height: 120%;
  }

  .div-block-134 {
    width: 90vw;
    height: auto;
    display: block;
  }

  .timelinebox_section_history {
    grid-template-rows: minmax(10vh, 1fr) auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .timelinebox_section_history.joghurt {
    grid-template-rows: minmax(10vh, 1fr) auto;
    grid-template-columns: 110px 1fr;
    grid-auto-columns: 1fr;
    margin-top: 30px;
    display: flex;
  }

  .timelien-box-img {
    background-position: 50%;
    width: 232.65px;
    height: 13vh;
    margin-bottom: 10px;
  }

  .timelien-box-img.pflanzlich {
    background-size: 90%;
    height: 13vh;
    margin-bottom: 10px;
  }

  .timeline_textbox {
    justify-content: flex-start;
    display: block;
  }

  .timeline_textbox.joghurt {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .heading-8 {
    font-size: 2.5vh;
  }

  .text-block-75 {
    font-size: 2.5vh;
    position: relative;
  }

  .bg-video-vision {
    display: none;
  }

  .menu-btn-wrap-3 {
    justify-content: flex-end;
    right: 0;
  }

  .link {
    display: flex;
  }

  .bg-video-vision-mobil {
    display: block;
  }

  .div-block-105-copy {
    margin-top: 10px;
    display: flex;
    position: relative;
    left: 0;
  }

  .bg-video-timeline {
    background-image: linear-gradient(#00000026, #00000026);
    display: none;
  }

  .bg-video-timeline.video_products {
    display: none;
  }

  .bg-video-timeline-mobile {
    background-image: linear-gradient(#00000026, #00000026);
    display: block;
  }

  .bg-video-ueberuns-geschmack {
    display: none;
  }

  .bg-video-ueberuns-geschmack.bg-video-ueberuns-geschmack-mobile {
    display: block;
  }

  .main-language-list {
    justify-content: flex-start;
    width: auto;
    height: 100%;
    padding-top: 96px;
    padding-left: 0;
    padding-right: 10vw;
    display: flex;
    inset: 0% 0% 0% auto;
  }

  .list-item-133 {
    display: block;
  }

  .white.footer-link {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
  }

  .paragraph-32 {
    color: #d6cccc;
  }

  .paragraph-33 {
    color: #fff;
    margin-top: 10px;
    font-size: 10px;
  }

  .point3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 120%;
  }

  .ornamnet_hero_right {
    background-position: 0 10vh;
    background-size: 140px;
    flex: 0 auto;
    width: 20vw;
    height: 100%;
    inset: 0% 0% auto auto;
  }

  .ornamnet_hero_right.kuchen_ornament_rechts {
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    margin-top: 0;
    margin-right: 0;
    right: -15px;
  }

  .ornamnet_hero_right.kuchen_ornament_rechts.ornament_quark_rechts {
    background-position: 50% 40%;
    width: 50px;
  }

  .text-block-challenge.text-block-78 {
    max-width: 85%;
    margin-top: -15px;
    font-size: 25px;
    line-height: 32px;
  }

  .text-block-challenge.text-block-78.challenge-headline {
    font-size: 6vh;
    line-height: 100%;
  }

  .text-block-80 {
    width: 90%;
    padding-top: 20px;
    font-size: 18px;
    line-height: 25px;
  }

  .text-block-80.text-instagram {
    text-align: left;
    width: auto;
    padding-top: 0;
    font-size: 15px;
    line-height: 23px;
    position: absolute;
    top: 51%;
  }

  .text-block-80.text-block-81 {
    width: 84%;
    max-width: none;
    padding-top: 25px;
  }

  .text-block-80.text-block-90 {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-80.text-block-100 {
    text-align: center;
    width: 100%;
    padding-top: 40px;
  }

  .text-block-80.step-1 {
    width: 80%;
    padding-top: 0;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .text-block-80.step-2, .text-block-80.step-3, .text-block-80.step-4 {
    width: 80%;
    padding-top: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-139 {
    width: auto;
    max-width: 500px;
    display: block;
    top: 10%;
  }

  .image-3 {
    width: 57%;
    padding-top: 20px;
    display: block;
    top: 33%;
    right: 6%;
  }

  .image-3.image-insta {
    display: none;
  }

  .link-5 {
    text-align: center;
  }

  .link-block-9 {
    text-align: center;
    width: 50%;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-5 {
    width: 30%;
  }

  .div-block-141 {
    text-align: center;
    margin-left: -32px;
    margin-right: 0;
    position: relative;
  }

  .image-6 {
    text-align: left;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .kuchen-2 {
    background-image: url('../images/mobile_MoevenpickCH_Pack_Cake_Citron_275g_PackshotDyn.png');
    background-position: 100% 100%;
    background-size: contain;
    width: 70vw;
    margin-top: 45vh;
    margin-left: 15vw;
  }

  .column-weniger-1 {
    height: 45%;
    margin-left: auto;
  }

  .column-weniger-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    align-content: stretch;
    align-self: flex-start;
    align-items: center;
    height: 55%;
  }

  .ornament_green_left {
    background-image: url('../images/brazil_ornamente_links.png');
    background-position: 0 31%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 100vh;
    margin-left: 0;
    top: 10px;
    left: -20px;
  }

  .ornament_green_right {
    background-image: url('../images/brazil_ornamente_rechts.png');
    background-position: 100% 41%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 100vh;
    top: 0;
    right: -30px;
  }

  .headline-weniger {
    font-size: 30px;
  }

  .headline-weniger.h1-headline.white.medium.h-65 {
    margin-bottom: 40px;
  }

  .headline-weniger.h1-headline.white.medium.h-65.headline-brazil {
    font-size: 4.8vh;
  }

  .content-brazil-2 {
    justify-content: center;
    width: 100%;
    margin-bottom: -20px;
    display: flex;
  }

  .image-7 {
    width: 80px;
    margin-top: 0;
  }

  .image-7.brazil-packshot {
    width: 280px;
    margin-right: -33px;
  }

  .image-8, .image-9 {
    width: 80px;
    margin-top: 0;
  }

  .img-weniger-neu {
    width: 100px;
    top: 9.5rem;
    right: 1.5rem;
  }

  .content-brazil-1 {
    margin-top: 5vh;
    margin-left: 18vw;
    position: relative;
  }

  .content-brazil-1.brazil-left-content {
    margin-left: 15vw;
  }

  .essig-2 {
    background-image: url('../images/mobile_Pack_Quark_Snack_Chocolate_Vanilla_Flow.png');
    width: 70vw;
    height: 150px;
    margin-top: 40vh;
    margin-left: 3vw;
    left: 0;
  }

  .div-block-142.quark-3 {
    width: 70vw;
    height: 200px;
  }

  .essig-3 {
    background-image: url('../images/mobile_Pack_Quark_Snack_Caramel_Chocolate_Flow.png');
    width: 70vw;
    height: 150px;
    margin-top: 59vh;
    margin-left: 4vh;
    top: 0;
    left: 0;
  }

  .essig-1 {
    background-image: url('../images/mobile_Pack_Quark_Snack_Strawberry_Flow.png');
    width: 70vw;
    height: 150px;
    margin-top: 23vh;
    margin-left: 5vh;
    left: 0;
  }

  .image-10 {
    width: 70px;
    height: 70px;
    position: static;
    top: -10px;
    right: 10px;
  }

  .div-block-1004 {
    position: absolute;
    top: -30px;
    right: 15px;
  }

  .div-block-1004.milchmarketing {
    top: -45px;
  }

  .essig_a {
    width: 15vw;
    margin-left: -34px;
  }

  .essig_b {
    width: 15vw;
  }

  .essig_d {
    width: 15vw;
    margin-left: 34vw;
  }
}

#w-node-a0df3ea4-2a6e-6a97-0c05-92161b36cb8f-1b36cb8d {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_54ddfa2c-b7f1-23d4-4ebc-dd6a51c0c30b-3eec3ae6 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-ea100562-18fc-26f5-93ca-84bc1ed47741-3eec3ae6 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b1e44665-ebf4-4f6d-2c06-fad8ae7ad9f0-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1e44665-ebf4-4f6d-2c06-fad8ae7ad9f4-3eec3ae6, #w-node-b1e44665-ebf4-4f6d-2c06-fad8ae7ad9f8-3eec3ae6, #w-node-dc94868a-2c0d-1195-b9e7-2d4001461a7c-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ac1b02d8-fcd7-11b4-7f54-849463189afc-3eec3ae6 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_6ed29a47-da63-2064-c7ef-904aab0aa691-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ed29a47-da63-2064-c7ef-904aab0aa695-3eec3ae6, #w-node-_6ed29a47-da63-2064-c7ef-904aab0aa699-3eec3ae6, #w-node-_6ed29a47-da63-2064-c7ef-904aab0aa69d-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_68deaf97-d58e-c9cb-bae4-95edba103e73-3eec3ae6 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_68deaf97-d58e-c9cb-bae4-95edba103e78-3eec3ae6 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-bf8030e3-e04e-daa2-e0c1-baefb38d4e85-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf8030e3-e04e-daa2-e0c1-baefb38d4e89-3eec3ae6, #w-node-bf8030e3-e04e-daa2-e0c1-baefb38d4e8d-3eec3ae6, #w-node-bf8030e3-e04e-daa2-e0c1-baefb38d4e91-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c0-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c4-3eec3ae6, #w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c8-3eec3ae6, #w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3cc-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf66-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf6a-3eec3ae6, #w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf6e-3eec3ae6, #w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf72-3eec3ae6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-bfea4c51-f978-aaba-3057-1c781ca90034-86ec3ae7, #w-node-fbb4e961-187c-7c2a-b9c3-0bbf498e7436-86ec3ae7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1089fcf5-155b-5aad-7834-54020c2a8938-c9ec3aea {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ee6fb041-7bc4-6456-a3ca-cd769ba86af4-c9ec3aea {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c825e-c9ec3aea {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e72a807e-8e4c-3403-302c-0f6577bb36f1-c9ec3aea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e72a807e-8e4c-3403-302c-0f6577bb36f5-c9ec3aea, #w-node-e72a807e-8e4c-3403-302c-0f6577bb36f9-c9ec3aea, #w-node-e72a807e-8e4c-3403-302c-0f6577bb36fd-c9ec3aea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8264-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8268-44ec3aeb, #w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c826c-44ec3aeb, #w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8270-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-cf185a7b-d70f-4004-f252-b37eb93da6cf-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf185a7b-d70f-4004-f252-b37eb93da6d3-44ec3aeb, #w-node-cf185a7b-d70f-4004-f252-b37eb93da6d7-44ec3aeb, #w-node-cf185a7b-d70f-4004-f252-b37eb93da6db-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8290-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8294-44ec3aeb, #w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c8298-44ec3aeb, #w-node-ef77c2a1-9383-b3d5-972a-b97d4a6c829c-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c0-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c4-44ec3aeb, #w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3c8-44ec3aeb, #w-node-_98c7ff62-64f4-915e-fee1-f5e5e007a3cc-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf66-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf6a-44ec3aeb, #w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf6e-44ec3aeb, #w-node-_31c824e9-6a13-cb81-206b-ec446f6bbf72-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-afa3b655-c68e-33d9-abff-c4f9d03838de-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-afa3b655-c68e-33d9-abff-c4f9d03838e2-44ec3aeb, #w-node-afa3b655-c68e-33d9-abff-c4f9d03838e6-44ec3aeb, #w-node-afa3b655-c68e-33d9-abff-c4f9d03838ea-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-afa3b655-c68e-33d9-abff-c4f9d03838fc-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-afa3b655-c68e-33d9-abff-c4f9d0383900-44ec3aeb, #w-node-afa3b655-c68e-33d9-abff-c4f9d0383904-44ec3aeb, #w-node-afa3b655-c68e-33d9-abff-c4f9d0383908-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_6305f729-6837-7d4f-6afc-616205362ed7-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6305f729-6837-7d4f-6afc-616205362edb-44ec3aeb, #w-node-_6305f729-6837-7d4f-6afc-616205362edf-44ec3aeb, #w-node-_6305f729-6837-7d4f-6afc-616205362ee3-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_258068ae-4d2e-34b1-339c-289f9a7caadf-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_258068ae-4d2e-34b1-339c-289f9a7caae3-44ec3aeb, #w-node-_258068ae-4d2e-34b1-339c-289f9a7caae7-44ec3aeb, #w-node-_258068ae-4d2e-34b1-339c-289f9a7caaeb-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_258068ae-4d2e-34b1-339c-289f9a7cab0b-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_258068ae-4d2e-34b1-339c-289f9a7cab0f-44ec3aeb, #w-node-_258068ae-4d2e-34b1-339c-289f9a7cab13-44ec3aeb, #w-node-_258068ae-4d2e-34b1-339c-289f9a7cab17-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_472b86ff-79ba-d001-dd75-40a7b6be66ac-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472b86ff-79ba-d001-dd75-40a7b6be66b0-44ec3aeb, #w-node-_472b86ff-79ba-d001-dd75-40a7b6be66b4-44ec3aeb, #w-node-_472b86ff-79ba-d001-dd75-40a7b6be66b8-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_472b86ff-79ba-d001-dd75-40a7b6be66d8-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472b86ff-79ba-d001-dd75-40a7b6be66dc-44ec3aeb, #w-node-_472b86ff-79ba-d001-dd75-40a7b6be66e0-44ec3aeb, #w-node-_472b86ff-79ba-d001-dd75-40a7b6be66e4-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_87183868-6f7a-74b1-e114-600320689179-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87183868-6f7a-74b1-e114-60032068917d-44ec3aeb, #w-node-_87183868-6f7a-74b1-e114-600320689181-44ec3aeb, #w-node-_87183868-6f7a-74b1-e114-600320689185-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_87183868-6f7a-74b1-e114-6003206891a5-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87183868-6f7a-74b1-e114-6003206891a9-44ec3aeb, #w-node-_87183868-6f7a-74b1-e114-6003206891ad-44ec3aeb, #w-node-_87183868-6f7a-74b1-e114-6003206891b1-44ec3aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-e2496143-a5ae-7bdf-be6e-eeeed6c0ba4f-44ec3aeb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e2496143-a5ae-7bdf-be6e-eeeed6c0ba5e-44ec3aeb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e2496143-a5ae-7bdf-be6e-eeeed6c0ba77-44ec3aeb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-e2496143-a5ae-7bdf-be6e-eeeed6c0ba90-44ec3aeb {
  grid-area: 1 / 4 / 2 / 5;
}

@media screen and (min-width: 1920px) {
  #w-node-bfea4c51-f978-aaba-3057-1c781ca90036-86ec3ae7, #w-node-fbb4e961-187c-7c2a-b9c3-0bbf498e7438-86ec3ae7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* Subnavi in main menu */
li.menu-list-item-copy .icon.icon--arrow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0;
  border: none;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
li.menu-list-item-copy {
  position: relative;
  margin: 0 1.25rem 0 0;
  font-size: 1rem;
  font-weight: 400;
  height: 100%;
}
li.menu-list-item-copy:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 10px;
}
.page-subnav {
  position: absolute;
  top: 1.4rem;
  left: 50%;
  padding: 1rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  opacity: 0;
  visibility: collapse;
  list-style: none;
  transform: translate(-50%, 1rem);
  background-color: #121d53;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
}
.page-subnav li {
  line-height: 24px;
}
.page-subnav a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  white-space: nowrap;
}
.page-subnav:hover,
.menu-list-item-copy:hover > .page-subnav {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-effect-border:hover {
  color: #cbb88f;
  text-decoration: none;
}
.hover-effect-border .hover-effect-border__line {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  height: 2px;
  background-color: #cbb88f;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-effect-border .hover-effect-border__box {
  position: relative;
  text-decoration: none;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-effect-border:hover .hover-effect-border__line {
  width: 100%;
}
.no-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-menu__list {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -moz-box-pack: center;
  justify-content: center;
}
.main-menu__list li {
  line-height: 24px;
  margin: 0.125rem 0;
}
@media print, screen and (min-width: 40em) {
  .main-menu__list li {
      margin: 0.5rem 0;
  }
}
.hover-effect-border.hover-effect-border--blue {
  color: #192969;
}
.main-menu__list a {
  color: #192969;
  font-size: 1.35rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}
@media print, screen and (min-width: 40em) {
  .main-menu__list a {
      font-size: 24px;
  }
}
.hover-effect-border .hover-effect-border__box {
  position: relative;
  text-decoration: none;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-effect-border.hover-effect-border--blue {
  color: #192969;
}
.hover-effect-border.hover-effect-border--blue .hover-effect-border__line {
  background-color: #192969;
}
.hover-effect-border .hover-effect-border__line {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  height: 2px;
  background-color: #cbb88f;
  -webkit-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-menu .main-menu__list {
  padding-left: 1.5rem;
}
.link-4-copy span.div-block-80 {
  display: block;
}
.hidden {
  display: none !important;
}