.hero-banner .mobile-hide{display:none}.hero-banner__slider{height:var(--mobile-height, calc(100vh - 30px) )}.hero-banner__slider .slideshow__slide:not(:only-child){cursor:auto}.slideshow__slide--overlay{position:relative}.slideshow__slide--overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#2727276b,#27272700 26%),linear-gradient(to top,#27272773,#27272733 40%,#27272700)}.hero-banner__slider .slideshow__slide-list,.hero-banner__slider .slideshow__slide{height:100%}.hero-banner__image,.hero-banner__video{width:100%;height:100%}.hero-banner__image img,.hero-banner__video video{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__content{padding-block:57px;width:100%;position:absolute;bottom:0;left:0}@media only screen and (max-width:768px){.hero-banner--ohne-nav .hero-banner__content{padding-bottom:24px}}.hero-banner__content-container{max-width:620px;padding-inline:var(--container-gutter, 24px)}.hero-banner__subheading{padding-block-end:12px}.hero-banner__subheading p{color:#fff;font-size:16px;line-height:1.2;letter-spacing:.02em;font-weight:500;text-transform:uppercase;margin:0}@media only screen and (max-width:768px){.hero-banner__subheading p{font-size:12px}}.hero-banner__heading h2{font-family:ivypresto-headline,ivypresto-fallback,Georgia,serif;color:#fff;font-size:40px;line-height:48px;font-weight:300;font-style:italic;margin:0}.hero-banner__code-copy-wrap{padding-top:4px;display:flex;align-items:center;gap:8px}.hero-banner__code-copy-wrap .hero-banner__sale-text p{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:19.6px;margin:0}.hero-banner__code-copy-wrap .code_discount_btn{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border:1px solid #FFF;position:relative}.hero-banner__code-copy-wrap .code__text{display:flex;align-items:center;gap:4px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:16.8px}.hero-banner__code-copy-wrap .code__text p{margin:0}.hero-banner__code-copy-wrap .code__widget{font-weight:400}.hero-banner__code-copy-wrap .code_discount_before_copy{display:flex;align-items:center;gap:8px}.hero-banner__code-copy-wrap .code_discount_before_copy svg path{stroke:#fff}.hero-banner__code-copy-wrap .copy__tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#000;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.hero-banner__code-copy-wrap .code_discount_after_copy .code__text{color:#fff}.hero-banner__code-copy-wrap .code_discount_after_copy svg path{stroke:#fff}.hero-banner__code-copy-wrap .code_discount_after_copy{gap:8px;align-items:center}.hero-banner__buttons{padding-block-start:16px;display:flex;flex-wrap:wrap;gap:8px}.hero-banner__button a{border:1px solid #FFF;box-sizing:border-box;height:40px;padding:0 23px;display:flex;align-items:center;gap:4px;transition:background-color .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);justify-content:center}.hero-banner__button--primary a,.hero-banner__button:not(.hero-banner__button--primary):hover a{background-color:#fff}.hero-banner__button--primary:hover a{background-color:#ffffffe0}.hero-banner__button span{color:#fff;font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap}.hero-banner__button--primary span,.hero-banner__button:not(.hero-banner__button--primary):hover span{color:#272727}.hero-banner__button svg{width:100%;max-width:16px;height:16px;flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1)}.hero-banner__button--primary svg path,.hero-banner__button:not(.hero-banner__button--primary):hover svg path{stroke:#272727}.hero-banner__nav{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:1}.hero-banner__nav page-dots{display:inline-flex}.hero-banner__nav .slideshow__progress-bar{flex-basis:9px;width:9px;height:9px;background:#fff6;border-radius:99px;padding:0;margin-inline:0}.hero-banner__nav .slideshow__progress-bar[aria-current=true]{background:#fff}.hero-banner__nav .slideshow__progress-bar:not(:last-child){margin-inline:0 10px}.hero-banner__arrow{height:9px;width:auto}button.hero-banner__arrow[disabled]{opacity:.45}.hero-banner__arrow--left{transform:rotate(180deg)}.hero-banner__arrow svg{height:100%;width:100%;display:block}.hero-banner .hero-banner__slider .hero-banner__scroll{position:absolute;right:40px;bottom:80px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-banner__scroll button{writing-mode:vertical-rl;color:#fffc;font-size:12px;line-height:1.2;letter-spacing:.02em;font-weight:500;text-transform:uppercase}.hero-banner__scroll:after{content:"";width:1px;height:46px;background:linear-gradient(to bottom,#ffffffb3,#fff0);animation:dn-hero-cue 2.2s ease-in-out infinite}@keyframes dn-hero-cue{0%,to{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media(max-width:980px){.hero-banner .hero-banner__slider .hero-banner__scroll{display:none}}@media only screen and (max-width:500px){.hero-banner__button.hero_button_full{width:100%}.hero-banner__button.hero_button_full a{justify-content:center}.banner__button__secondry{flex:1}}@media only screen and (min-width:769px){.hero-banner .desktop-hide{display:none}.hero-banner__button a{height:52px;padding:0 31px;gap:8px}.hero-banner__button span{font-size:16px}.hero-banner__button svg{display:block;max-width:20px;height:20px}.hero-banner .mobile-hide{display:block}.hero-banner__slider{height:var(--desktop-height, 718px)}.hero-banner__content{padding-block:35px}.hero-banner__content-container{padding-inline:0px;margin-left:calc(max(0px,(100% - var(--container-max-width, 1600px)) / 2) + var(--container-gutter, 30px))}.hero-banner__subheading{padding-block-end:12px}.hero-banner__heading h2{font-size:64px;line-height:76.8px}.hero-banner__code-copy-wrap .hero-banner__sale-text p{font-size:16px}.hero-banner__code-copy-wrap .hero-banner__code-copy-wrap{padding-top:10px}.hero-banner__buttons{padding-block-start:20px;gap:12px}.hero-banner__nav{bottom:25.5px;gap:24px}.hero-banner__arrow{height:11px}}.hero-banner__button span{transition:color .22s cubic-bezier(.4,0,.2,1)}.hero-banner__button svg path{transition:stroke .22s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.hero-banner__button a:hover svg{transform:translate(4px)}}.hero-banner__button a:active{opacity:.85}@media(prefers-reduced-motion:reduce){.hero-banner__button a,.hero-banner__button span,.hero-banner__button svg,.hero-banner__button svg path{transition:none}.hero-banner__scroll:after{animation:none;transform:none;opacity:.7}}.hero-banner__slider .slideshow__slide{--slideshow-fade-duration: 700}
/*# sourceMappingURL=/cdn/shop/t/281/assets/section-hero-banner.css.map */