.header{width:100%;height:clamp(85px,26vw,120px);display:flex;align-items:center;justify-content:center;background-color:var(--accentColor);position:relative}.headerLink:focus{outline:auto}.headerBg{background-color:#181818;position:absolute;z-index:-1;left:0;top:10px;width:100%;height:100%}.logo{height:clamp(70px,20vw,90px)}.nav{background-color:var(--secondaryColor);position:sticky;height:55px;top:0;z-index:10;box-shadow:var(--standartShadow)}.navWrapper{background-color:var(--secondaryColor);display:flex;justify-content:center;align-items:center;top:-1px;padding-top:1px;height:100%;position:relative;z-index:10}.navLogoContainer{position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:12}.navLogo{height:42px;opacity:0;transition:opacity .3s linear;animation:hideInitialAnimation .1s linear}@keyframes hideInitialAnimation{0%{opacity:0}to{opacity:0}}.navLogo.active{opacity:1}@media (hover: hover){.navLogoContainer:focus>.navLogo,.navLogoContainer:hover>.navLogo{opacity:1;filter:var(--filterYellow)}}@media (pointer: coarse){.navLogoContainer:focus>.navLogo,.navLogoContainer:active>.navLogo{opacity:1;filter:var(--filterYellow)}}.searchIconMenu{height:16px;transform:scale(1.4)}.navBtnContainer{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:12}.navBtn{background-color:var(--secondaryColor);border:none;padding:0;margin-left:10px;cursor:pointer;position:relative}@media (hover: hover){.navBtn:hover>img,.navBtn:focus>img{filter:var(--filterYellow)}}@media (pointer: coarse){.navBtn:active>img,.navBtn:focus>img{filter:var(--filterYellow)}}.navCartItemCounter{position:absolute;background-color:var(--accentColor);bottom:0;right:0;border-radius:100%;width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;opacity:1}.navCartItemCounter.none{opacity:0}.navIcon{width:33px}.navBtnBurger{display:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}@media screen and (max-width: 800px){.navLogoContainer{top:50%;left:50%;transform:translate(-50%,-50%)}.navBtnBurger{display:inline-block}}.dark-bg{opacity:0;z-index:-1}.dark-bg.active{position:absolute;top:0;left:0;width:100vw;height:100svh;background-color:#00000030;z-index:1;opacity:1;transition:opacity .4s}.navLinkContainer{height:100%;display:flex;align-items:center;position:absolute;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%)}.navLink{text-decoration:none;color:var(--primaryColor);font-weight:700;position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:0 20px;min-width:80px}.navLink:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:6px;bottom:0;left:0;background-color:var(--accentColor);transform-origin:bottom center;transition:transform .25s ease-out;display:flex;align-items:center;justify-content:center;color:var(--accentColor)}@media (hover: hover){.navLink:hover:after,.navLink:focus:after{transform:scaleX(1)}.navLink:hover,.navLink:focus{color:var(--accentColor)}}@media (pointer: coarse){.navLink:focus:after,.navLink:active:after{transform:scaleX(1)}.navLink:focus,.navLink:active{color:var(--accentColor)}}.navLinkSearch{background-color:var(--accentColor);border:none;font-size:1rem;display:none;align-items:start;gap:10px}@media screen and (max-width: 800px){.navLink:after{background-color:var(--secondaryColor);color:var(--secondaryColor)}@media (hover: hover){.navLink:focus,.navLink:hover{color:var(--secondaryColor)}}@media (pointer: coarse){.navLink:focus,.navLink:active{color:var(--secondaryColor)}}.navLinkContainer{display:flex;flex-flow:column;position:absolute;align-items:start;height:calc(100svh - 15px);top:0;left:0;padding-top:70px;gap:0;background-color:var(--accentColor);transform:translate(-250px);transition:transform .4s;z-index:2}.navLink{color:var(--secondaryColor);padding:15px 15px 15px 25px;width:200px;height:auto;justify-content:start}.navLinkSearch{width:240px}.navLinkContainer.active{transform:translate(0)}}@media screen and (max-width: 380px){.navLinkSearch{display:flex}.navBtnSearch{display:none}}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transform:scale(1.6)}.hamRotate.active{transform:rotate(45deg) scale(1.6)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#fff;stroke-width:5.5;stroke-linecap:round}.ham .top{stroke-dasharray:40 82}.ham .middle{stroke-dasharray:40 111}.ham .bottom{stroke-dasharray:40 161}.ham.active .top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.ham.active .middle{stroke-dashoffset:23px}.ham.active .bottom{stroke-dashoffset:-83px}.shoppingCartWindow{background-color:var(--primaryColor);width:100%;max-width:400px;display:flex;flex-flow:column;position:absolute;align-items:start;height:calc(100svh - 54px);top:0;right:0;padding-top:55px;gap:0;transform:translate(540px);transition:transform .5s;overflow:auto;z-index:2}@media screen and (max-width: 500px){.shoppingCartWindow{max-width:520px}}.shoppingCartWindow.active{transform:translate(0)}.shopCartH{padding:20px 0;font-family:RobotoSlab,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:2.5px;text-align:center;width:100%}.shopCartProductsContainer{padding:0 20px 20px;width:calc(100% - 40px);display:flex;flex-flow:column;gap:10px}.checkoutInfo{border-top:1px solid var(--accentColor);width:calc(100% - 40px);padding:15px 20px;display:flex;flex-flow:column;gap:10px;position:relative;margin-top:auto}.subtotalContainer,.deliveryCostContainer,.totalContainer{display:flex;justify-content:space-between}.checkoutP.first,.totalP.first{letter-spacing:.5px}.checkoutBtn{letter-spacing:1px}.freeDelivery{font-weight:500;color:#66cc37;letter-spacing:.5px}.totalContainer{font-size:1.1rem;font-weight:500;margin-top:10px}.deliveryHintP{font-size:.7rem}.checkoutBtn{margin:10px 20px 20px;width:calc(100% - 40px);border:none;border-radius:50px;padding:20px;min-height:60px;font-weight:600;font-size:1rem;background-color:var(--primaryColor3)}.checkoutBtn.active{cursor:pointer;background-color:var(--accentColor)}.checkoutBtn.active:before{background-color:#5e8dbb}.cartProduct{display:flex;gap:15px;padding:15px;border:1px solid var(--primaryColor3);border-radius:24px}.cartImg{width:120px;border-radius:10px}.cartProductContainer{display:flex;flex-flow:column;justify-content:space-between;flex:1;overflow:hidden}.cartProductName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.1rem;font-weight:500}.cartProductType{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cartProductPrice{font-weight:500}.cartAmountContainer{display:flex;height:32px;border:1px solid var(--primaryColor3);border-radius:10px;overflow:clip;width:100%}.cartAmountContainer>*{border:none;padding:0;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:17px;width:100%}.cartMinusBtn{font-size:21px}.cartAmountDisplay{border-left:1px solid var(--primaryColor3);border-right:1px solid var(--primaryColor3);color:#2f649d}.cartMinusBtn,.cartPlusBtn{cursor:pointer;background-color:#f3f3f3}.cartMinusBtn:before,.cartPlusBtn:before{background-color:var(--accentColor);border-radius:0}.cartProductBtnContainer{display:flex;width:100%;gap:10px}.deleteBtn{border:none;background-color:transparent;padding:0;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (hover: hover){.deleteBtn:hover,.deleteBtn:focus{filter:brightness(0) saturate(100%) invert(40%) sepia(72%) saturate(600%) hue-rotate(313deg) brightness(98%) contrast(74%)}}@media (pointer: coarse){.deleteBtn:active,.deleteBtn:focus{filter:brightness(0) saturate(100%) invert(40%) sepia(72%) saturate(600%) hue-rotate(313deg) brightness(98%) contrast(74%)}}.searchWindow{background-color:var(--primaryColor);width:100%;max-width:400px;display:flex;flex-flow:column;position:absolute;align-items:start;height:calc(100svh - 54px);top:0;right:0;padding-top:55px;gap:0;transform:translate(540px);transition:transform .5s;overflow:auto;z-index:2}@media screen and (max-width: 500px){.searchWindow{max-width:520px}}.searchWindow.active{transform:translate(0)}.searchHeader{display:flex;padding:15px 20px;width:calc(100% - 40px);gap:10px}.closeSearchBtn{background-color:transparent;border:none;cursor:pointer;filter:brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(17%) hue-rotate(337deg) brightness(81%) contrast(75%)}@media (hover: hover){.closeSearchBtn:hover,.closeSearchBtn:focus{filter:var(--filterYellow)}}@media (pointer: coarse){.closeSearchBtn:active,.closeSearchBtn:focus{filter:var(--filterYellow)}}.searchInputContainer{display:flex;flex:1;align-items:center;border-radius:50px;border:1px solid #9f9f9f;padding-left:15px;overflow:hidden}.searchInputContainer.focus,.searchInputContainer.focus>*{border-color:#383838}.searchInput{flex:1;border:none;margin:12px 0;font-size:1rem;min-width:0}.searchMenuSearchBtn{background-color:var(--accentColor);border:none;border-left:1px solid #9f9f9f;height:100%;padding:0 14px 0 12px;cursor:pointer}.searchMenuSearchBtn:before{background-color:var(--complementalColor);border-radius:0}.searchResultsContainer{display:flex;flex-flow:column;margin-top:7.5px;max-width:100%;width:100%}.searchResultLink.btn:before{background-color:var(--accentColor);border-radius:0}.searchResult{display:flex;gap:15px;padding:10px 20px;max-width:calc(100% - 40px);color:var(--secondaryColor);letter-spacing:.5px}.searchProductContainer{overflow:hidden;width:100%;flex:1;display:flex;flex-flow:column}.searchProductName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem;font-weight:500}.searchProductType{font-size:1rem;margin-top:1px}.searchProductPrice{flex:1;display:flex;align-items:end;font-weight:500;letter-spacing:0}.searchImg{width:60px;border-radius:5px}.noResults{color:#949494;font-style:italic;margin:100px auto auto}.embla.hero{overflow:hidden;background-color:var(--secondaryColor);position:relative;top:-25px}.embla__container.hero{display:flex}.embla__slide.hero{flex:0 0 100%;min-width:0;max-height:60vh;position:relative}.banner{min-height:60vh;position:relative}.carouselImg{opacity:0;height:60vh;width:100%;object-fit:cover;object-position:bottom}.carouselImg.loaded{animation:opacity .3s ease forwards}@keyframes opacity{0%{opacity:0}to{opacity:1}}.carouselImgPlaceholder{position:absolute;width:100%;height:60vh;object-fit:cover;object-position:bottom;left:0;filter:blur(5px);z-index:-1}.bannerContentContainer{position:absolute;width:calc(100% - 14vw);padding:0 7vw;max-width:1200px;margin:auto;bottom:100px;left:0;right:0;z-index:2;color:var(--primaryColor);display:flex;align-items:center;justify-content:space-between;gap:40px}.bannerBtn{border:none;background-color:var(--accentColor);padding:20px 0;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:50px;font-weight:700;font-size:1.25rem;cursor:pointer;min-width:220px;color:var(--secondaryColor)}.bannerBtn:before{background-color:var(--primaryColor);border-radius:50px}.bannerText{width:fit-content;padding:20px;border-radius:24px;max-width:570px}.bannerHeadline{font-size:2rem;font-weight:700;letter-spacing:5px;font-family:RobotoSlab,RedRose,sans-serif;word-spacing:10px;margin-bottom:15px}.bannerP{font-size:1.3rem;font-weight:500;letter-spacing:1px;line-height:1.2}.embla__dots.hero{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:20px}.embla__dot.hero{border:none;height:8px;width:10vw;border-radius:20px;opacity:.5;transition:opacity .3s linear;cursor:pointer}.embla__dot.hero.active{opacity:1;background-color:var(--primaryColor)}.embla__dot.hero:hover{opacity:1;background-color:var(--accentColor)}.carouselBtn.hero{background-color:#0000;border:none;opacity:.5;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:opacity .2s linear,transform .2s linear}.prevBtn.hero{left:10px}.nextBtn.hero{right:10px}@media (hover: hover){.carouselBtn.hero:hover,.carouselBtn.hero:focus{opacity:1;filter:var(--filterYellow);transform:translate(-10px,-50%)}.carouselBtn.hero.nextBtn:hover,.carouselBtn.hero.nextBtn:focus{transform:translate(10px,-50%)}}@media (pointer: coarse){.carouselBtn.hero:active,.carouselBtn.hero:focus{opacity:1;filter:var(--filterYellow);transform:translate(-10px,-50%)}.carouselBtn.hero.nextBtn:active,.carouselBtn.hero.nextBtn:focus{transform:translate(10px,-50%)}}@media screen and (max-width: 1000px){.carouselBtn.hero{display:none}}@media screen and (max-width: 700px),(max-height: 600px){.carouselBtn.hero{display:none}.bannerContentContainer{flex-flow:column;bottom:73px;margin:0;padding:0;width:100%}.bannerText{background-color:#00000080;min-width:100%;padding:20px 0;border-radius:0;text-align:center}.embla__slide.hero,.carouselImg,.carouselImgPlaceholder,.banner{min-height:calc(100svh - 30px - clamp(85px,26vw,120px))}.embla.hero{border-radius:0}.bannerHeadline{margin:0 7vw 15px}.bannerP{margin:0 7vw}.bannerHeadline{font-size:1.5rem}.bannerP{font-size:1rem}}@media screen and (max-height: 540px){.bannerText{display:none}.bannerContentContainer{bottom:40px}.embla__dots.hero{bottom:15px}.embla__slide.hero,.carouselImg,.carouselImgPlaceholder{max-height:calc(100svh - 30px - clamp(85px,26vw,120px))}}@font-face{font-family:RedRose;src:url(/assets/RedRose-VariableFont_wght-BGpHHiEQ.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:RobotoSlab;src:url(/assets/RobotoSlab-VariableFont_wght-lsYfCJE0.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-ia0dPpEo.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Italic-CPH5wpff.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-CM98DFac.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-BoldItalic-Cj1Fcf4Z.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Black-DoU0hL5p.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-BlackItalic-D68qacvc.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Light-BW8nAIZg.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-LightItalic-DqE8hU0c.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-BJbjO3wX.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-MediumItalic-RWt9ABIJ.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Thin-O7kC-6lO.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-ThinItalic-DxzTqHja.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryColor: #ffffff;--primaryColor2: #f3f6f2;--primaryColor3: #c5c5c5;--secondaryColor: #242424;--secondaryColor2: #242424;--secondaryColor3: #282828;--accentColor: #facc61;--complementalColor: #5e8dbb;--filterYellow: brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(1627%) hue-rotate(343deg) brightness(102%) contrast(96%);--filterBlack: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(8%) hue-rotate(314deg) brightness(100%) contrast(90%);--standartShadow: 0px 2px 5px 0px rgba(0, 0, 0, .6);--contentSpace: min(15vh, 200px)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,#root{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}html{scroll-behavior:smooth}body,#root{scroll-behavior:smooth;width:100%;margin:0;font-family:Roboto,sans-serif;color:var(--secondaryColor3);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;overflow-x:clip}a{color:var(--secondaryColor)}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}button,.btn{position:relative;z-index:1;overflow:hidden;font-family:Roboto,sans-serif;cursor:pointer}button:before,.btn:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;opacity:0;transform-origin:left;transform:translate(-100%);transition:opacity .15s linear,transform .15s linear;z-index:-1;border-radius:50px}@media (hover: hover){button:hover:before,button:focus:before,.btn:hover:before,.btn:focus:before{opacity:1;transform:translate(0)}}@media (pointer: coarse){button:active:before,button:focus:before,.btn:active:before,.btn:focus:before{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondaryColor)}::-webkit-scrollbar-thumb{background:var(--accentColor)}::-webkit-scrollbar-thumb:hover{background:var(--primaryColor3)}body{display:grid;grid-template-columns:auto;justify-items:center;position:relative;background-color:var(--primaryColor)}.overflowHidden{overflow:hidden}*:focus{outline:none}main{max-width:100%;min-height:100vh;position:relative}.imgContainer{position:relative;overflow:hidden}.placeholderImg{max-height:100%;max-width:100%;width:500px;filter:blur(5px);transform:scale(1.2);opacity:0;object-fit:cover}.placeholderImg.notLoaded{animation:pulsate 1.5s infinite}.mainImg{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}@keyframes pulsate{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.learnMoreLink:before{z-index:1;content:"MEHR ERFAHREN"}.fallback{min-height:200vh}.fallbackComponent{min-height:min(400px,50vh)}
