@charset "UTF-8";
/* themecolor */
/* Ersatz für $theme-ultra-light */
/*Facelift colors*/
/*contrast is > 3:1, for text bigger as 24px*/
/*contrast is exakt 4.5:1, for smaller text (< 24px)*/
/*$theme-green: rgb(105, 113, 2) F9B000;*/
/*
    This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
/* $headings-font-family:    inherit !default; */
/*$btn-font-size: 0.75rem;*/
body {
  --font-size-h1: 2.2rem;
  --font-size-h2: 1.6rem;
  --font-size-h3: 1.2375rem;
  --font-size-h4: 1.125rem;
  --line-height-h1: 1.185;
  --line-height-h2: 1.1655;
  --line-height-h3: 1.2631578947;
  --line-height-h4: 1.3636363636;
  --margin-top-h1: 1.5rem;
  --margin-top-h2: 1.93749rem;
  --margin-top-h3: 1.5rem;
  --margin-top-h4: calc(1.5rem / 1.333);
  --margin-bottom-h1: calc(1.5rem / 1.333);
  --margin-bottom-h2: calc(1.5rem / 1.333);
  --margin-bottom-h3: 0.75rem;
  --margin-bottom-h4: 0.75rem;
  --btn-font-size: 0.85rem;
  --btn-padding: calc(0.6rem);
}

@media (min-width: 768px) {
  body {
    --font-size-h1: 3.5rem;
    --font-size-h2: 2.625rem;
    --font-size-h3: 1.62225rem;
    --font-size-h4: 1.095rem;
    --line-height-h1: 1.10294117647059;
    --line-height-h2: 1.1428571429;
    --line-height-h3: 1.3846153846;
    --line-height-h4: 1.3636363636;
    --margin-top-h1: 3.25rem;
    --margin-top-h2: 2rem;
    --margin-top-h3: 1.5rem;
    --margin-bottom-h1: 1.5rem;
    --margin-bottom-h2: 1.5rem;
    --margin-bottom-h3: 0.75rem;
    --btn-font-size: 1rem;
    --btn-padding: calc(0.675rem);
  }
}
.startclaim {
  opacity: 0;
  transform: scale(0);
  animation: startclaim 0.35s forwards linear 0.5s;
}

.second-block-ani {
  animation: second-block-ani 0.35s forwards 1s;
  opacity: 0;
  transform: scale(0);
}

.second-block-ani-2 {
  animation: second-block-ani 0.35s forwards 1.5s;
  opacity: 0;
  transform: scale(0);
}

.second-block-ani-3 {
  animation: third-block-ani 0.15s forwards 2s;
  opacity: 0;
  transform: scale(0);
}

.teaser-ani {
  opacity: 0;
  transform: scale(0);
  animation: teaser-ani 0.15s 2.25s forwards ease-out;
}

@keyframes startclaim {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes second-block-ani {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  99% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes third-block-ani {
  0% {
    opacity: 0;
    transform: translate(0, var(--small-caption-top)) scale(0);
  }
  99% {
    opacity: 1;
    transform: translate(0, var(--small-caption-top)) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(0, var(--small-caption-top)) scale(1);
  }
}
@keyframes teaser-ani {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes teaser-ani-2 {
  0% {
    transform: rotate(-20deg);
  }
  20% {
    transform: rotate(20deg);
  }
  40% {
    transform: rotate(-20deg);
  }
  60% {
    transform: rotate(20deg);
  }
  80% {
    opacity: 1;
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0);
  }
}
@font-face {
  font-family: "HelveticaNeueLTW04_77BdCn";
  src: url("../fonts/18df15d8-ae4d-4e9a-9d11-212d65403f8e.woff2") format("woff2");
}
@font-face {
  font-family: "HelveticaNeueW02-75Bold";
  src: url("../fonts/2a5cf81d-ffbe-4c76-8982-270592fb36b0.woff2") format("woff2");
  font-display: swap;
}
body.campaign-gastro {
  --transformValuesBadge: rotate(11deg) translate(0, 0);
  --turqoise: rgb(85, 175, 163);
  --turqoise-20: rgb(221, 239, 237);
  --campaign-color: #FFF;
  --campaign-bg: #0069AF;
  --radius-campaign: 0;
  --campaign-font: "HelveticaNeueW02-75Bold", sans-serif;
  --font-size-campaign: 1rem;
  --spacer-h: 0;
  --box-shadow: -9px 0px 0 0 var(--campaign-bg), 9px 0px 0 0 var(--campaign-bg);
  --pad-campaign: 1.5rem 15px;
  --height: calc(100vh - 103px);
  --highlight-padding: 5px;
  /*iphone 14 pro*/
  /*Ipad mini Portait*/
  /*Ipad Pro*/
  /*Ipad Mini landscape*/
}
body.campaign-gastro .campaign-stage-gastro {
  --bg-right-badge: 15px;
  --bg-size-badge: 120px;
  --font-size-badge: 1rem;
  --bg-top-badge: calc(1.5rem * 2);
  --highligthted-text-pad: 4px 10px;
  --font-size-campaign: 1.45rem;
  --line-height-campaign-highlighted: 1;
  --claim-position: 100px;
}
@media screen and (min-width: 430px) and (orientation: portrait) {
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-campaign: 1.7rem;
  }
}
@media screen and (min-width: 600px) and (orientation: portrait) {
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-campaign: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-badge: 20px;
    --bg-size-badge: 160px;
    --bg-right-badge: calc(15px + 5px);
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  body.campaign-gastro {
    --font-size-campaign: 1.6rem;
    --line-height-campaign: 1.2;
    --bg-top-badge: calc(1.5rem * 5);
    --small-caption-font-size: var(--font-size-h2);
  }
}
@media screen and (min-width: 992px) and (orientation: portrait) {
  body.campaign-gastro {
    --font-size-campaign: 1.75rem;
  }
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-campaign: 3.5rem;
    --claim-position: 120px;
    --font-size-badge: 1.2375rem;
    --bg-size-badge: 200px;
  }
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  body.campaign-gastro {
    --font-size-campaign: 1.75rem;
    --small-caption-font-size: var(--font-size-h2);
  }
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-campaign: 2.5rem;
    --claim-position: 70px;
    --highligthted-text-pad: 6px 12px;
  }
}
@media screen and (min-width: 1200px) {
  body.campaign-gastro {
    --font-size-campaign: 1.75rem;
    --small-caption-font-size: var(--font-size-h3);
  }
  body.campaign-gastro .campaign-stage-gastro {
    --bg-size-badge: 230px;
    --font-size-campaign: 3rem;
    --claim-position: 130px;
    --bg-top-badge: calc(1.5rem * 4);
    --bg-right-badge: calc(30px * 2);
    --font-size-badge: 1.6rem;
  }
}
@media screen and (min-width: 1600px) {
  body.campaign-gastro .campaign-stage-gastro {
    --font-size-campaign: 3.9rem;
    --claim-position: 110px;
    --highligthted-text-pad: 6px 12px;
    --bg-right-badge: calc(30px * 2 + 112px);
  }
}
@media screen and (min-width: 768px) {
  body.campaign-gastro {
    --height: calc(100vh - 250px);
  }
}
body.campaign-gastro div.calculator, body.campaign-gastro section.calculator {
  background: var(--turqoise-20);
}
body.campaign-gastro .calculator-tabs button[aria-selected=false] {
  border-color: rgb(187, 223, 218);
}
body.campaign-gastro .calculator-tabs button[aria-selected=true] {
  border-color: rgb(75, 159, 149);
}
body.campaign-gastro .price-parts__list:after {
  background-color: rgb(187, 223, 218);
}
body.campaign-gastro .campaign-stage-gastro {
  background-color: var(--campaign-bg);
  height: var(--height);
}
body.campaign-gastro .campaign-stage-gastro .claim {
  position: absolute;
  bottom: var(--claim-position);
  left: 0;
  width: 100%;
  color: #FFF;
  font-size: var(--font-size-campaign);
  text-transform: uppercase;
  text-align: center;
  font-family: "HelveticaNeueLTW04_77BdCn", "HelveticaNeue-CondensedMedium", "Arial", sans-serif;
  /*font-style: italic;*/
  transform: rotate(-4deg) skew(-10deg);
}
body.campaign-gastro .campaign-stage-gastro .claim .startclaim {
  position: relative;
  z-index: 1;
  display: block;
  /*transform: rotate(-4deg) skew(-12deg);*/
}
body.campaign-gastro .campaign-stage-gastro .claim .second-block-ani {
  text-align: center;
}
body.campaign-gastro .campaign-stage-gastro .claim .spacer {
  display: block;
  border: 1px solid transparent;
  margin: var(--spacer-margin);
}
body.campaign-gastro .campaign-stage-gastro .claim .highligthted-text {
  text-wrap: balance;
  padding: var(--highligthted-text-pad);
  background-color: var(--campaign-bg);
  line-height: var(--line-height-campaign-highlighted);
}
body.campaign-gastro .campaign-stage-gastro .claim .startclaim .highligthted-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.campaign-gastro .campaign-stage-gastro .badge-outer {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2);
}
body.campaign-gastro .campaign-stage-gastro .badge-outer:before, body.campaign-gastro .campaign-stage-gastro .badge-outer:after {
  content: " ";
  display: table;
}
body.campaign-gastro .campaign-stage-gastro .badge-outer:after {
  clear: both;
}
body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro {
  background-color: rgb(231, 121, 31);
  width: var(--bg-size-badge);
  height: var(--bg-size-badge);
  top: var(--bg-top-badge);
  right: var(--bg-right-badge);
  font-size: var(--font-size-badge);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro a {
  display: block;
  color: #FFF;
}
body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro a:hover, body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro a:focus {
  color: #FFF;
}
body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro a:focus-visible {
  outline-color: #FFF;
}
body.campaign-gastro .campaign-stage-gastro .intro-stage__badge--gastro.has-pulse {
  opacity: 0;
  animation: badge 0.75s ease-in 1.75s forwards, badge-pulse 7s linear 7s infinite;
}
body.campaign-gastro .campaign-stage-gastro .btn-down {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #FFF;
}
body.campaign-gastro .campaign-stage-gastro .btn-down span[class^=svg] {
  font-size: 1.75rem;
  color: rgb(231, 121, 31);
  line-height: 0;
}
@media screen and (min-width: 768px) {
  body.campaign-gastro .campaign-stage-gastro .btn-down span[class^=svg] {
    font-size: 2.5rem;
  }
}
body.campaign-gastro .highligthted-text {
  display: inline;
  box-decoration-break: clone;
  text-align: center;
  background-color: var(--campaign-bg);
  box-shadow: var(--box-shadow);
  border-top-right-radius: var(--radius-campaign);
}
body.campaign-gastro .claim-slider__content p {
  line-height: 1.3 !important;
}
body.campaign-gastro .claim-slider__content .highligthted-text {
  padding-bottom: var(--highlight-padding);
}
body.campaign-gastro .claim-slider__content .spacer {
  height: 3px;
}

/*Slider */
div.campaign-bold {
  padding: var(--pad-campaign);
  background: var(--turqoise);
  font-family: var(--campaign-font);
  font-size: var(--font-size-campaign);
  line-height: var(--line-height-campaign);
  color: var(--campaign-color);
  text-align: center;
}
div.campaign-bold--uppercase {
  text-transform: uppercase;
  background-color: transparent;
}
div.campaign-bold p {
  margin: 1.5rem 0 0 0;
}
div.campaign-bold p:first-child {
  margin: 0;
}
div.campaign-bold p:last-child {
  margin-bottom: 1.5rem;
}
div.campaign-bold .outer {
  position: relative;
  margin: 0 auto;
}
div.campaign-bold span[class^=svg-] {
  color: #FFF;
  display: inline-block;
  transform: var(--translate-r-herz) scale(1);
  letter-spacing: var(--kerning-herz);
}
div.campaign-bold .spacer {
  display: block;
  margin-bottom: var(--spacer-h);
}
/*# sourceMappingURL=../maps/campaign-gastro.css.map */