:root{--gelb:#FFCC00;--gelb-hell:#FFE45C;--himmel:#63B6E0;--himmel-tief:#3F97C9;--rot:#D62828;--navy:#1B3A6B;--weiss:#FFFFFF;--creme:#FFF6DE}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Nunito,sans-serif;color:var(--navy);background:var(--himmel);overflow-x:hidden;width:100%}.display{font-family:Titan One,cursive;font-weight:400}.banner{background:var(--navy);color:var(--gelb);text-align:center;padding:.65rem 1rem;font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:.03em}.banner strong{color:var(--weiss)}.preis-badge{position:absolute;top:52px;left:14px;z-index:40;display:flex;align-items:center;gap:.55rem;background:var(--rot);color:#fff;text-decoration:none;padding:.55rem .9rem .55rem .7rem;border:3px solid var(--navy);border-radius:14px;box-shadow:0 4px 0 var(--navy),0 8px 14px #142d5040;transform:rotate(-3deg);max-width:230px;transition:transform .15s ease,box-shadow .15s ease}.preis-badge:hover{transform:rotate(-1deg) translateY(-2px) scale(1.03);box-shadow:0 6px 0 var(--navy),0 12px 18px #142d504d}.preis-badge:focus-visible{outline:4px solid var(--gelb);outline-offset:3px}.preis-badge svg{width:26px;height:26px;flex-shrink:0;color:var(--gelb);filter:drop-shadow(1px 1px 0 var(--navy));animation:funkeln 2.4s ease-in-out infinite}@keyframes funkeln{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.preis-badge svg{animation:none}}.preis-badge span{font-family:Titan One,cursive;font-size:.72rem;line-height:1.25;letter-spacing:.02em;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.preis-badge span small{display:block;font-family:Nunito,sans-serif;font-weight:800;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gelb-hell);margin-bottom:.15rem}@media(max-width:860px){.preis-badge{position:static;transform:rotate(0);margin:.7rem auto .9rem;width:max-content;max-width:calc(100% - 2rem)}.preis-badge:hover{transform:translateY(-2px)}}header{background:var(--gelb);position:relative;z-index:5}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem 1.1rem}.icon-btn{background:none;border:none;cursor:pointer;color:var(--navy);padding:.4rem;border-radius:8px;display:flex;align-items:center;transition:background .15s ease}.icon-btn:hover{background:#1b3a6b1a}.icon-btn:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.icon-btn svg{width:26px;height:26px}.header-right{display:flex;gap:.35rem;align-items:center}.menue{position:absolute;top:100%;left:14px;z-index:80;background:var(--navy);border:4px solid var(--navy);border-radius:16px;box-shadow:0 8px #1b3a6b59,0 14px 24px #142d504d;overflow:hidden;min-width:270px;animation:menueAuf .22s ease-out}@keyframes menueAuf{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menue a{display:block;padding:.85rem 1.1rem;background:var(--creme);color:var(--navy);text-decoration:none;font-weight:900;font-size:.95rem;border-bottom:3px solid var(--navy);transition:background .12s ease,padding-left .12s ease}.menue a:last-child{border-bottom:none}.menue a:hover{background:var(--gelb);padding-left:1.4rem}.menue a:focus-visible{outline:3px solid var(--rot);outline-offset:-3px}@media(max-width:860px){.menue{left:8px;right:8px;min-width:0}}.logo{text-align:center;line-height:1;text-decoration:none;display:inline-block}.logo-bild{display:block;width:clamp(180px,26vw,260px);height:auto;margin:0 auto;filter:drop-shadow(0 3px 4px rgba(27,58,107,.25))}.logo .wort{display:block;font-size:clamp(1.5rem,4.5vw,2.1rem);color:var(--navy);text-shadow:2px 2px 0 var(--weiss),4px 4px 0 rgba(27,58,107,.18);transform:rotate(-2deg)}.logo .wort:nth-child(2){transform:rotate(1.5deg)}.logo .claim{display:block;margin-top:.45rem;font-size:.72rem;font-weight:800;color:var(--rot);letter-spacing:.06em;text-transform:uppercase}.hero{position:relative;background:linear-gradient(to bottom,var(--himmel) 0%,var(--himmel-tief) 100%);padding:1rem 1.25rem 4.5rem}.hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.bag-wrap{position:relative;margin-top:56px}.sunburst{position:absolute;top:50%;left:50%;width:900px;height:900px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,228,92,.5) 0deg 9deg,transparent 9deg 18deg);border-radius:50%;animation:drehen 60s linear infinite;pointer-events:none;z-index:0;mask-image:radial-gradient(circle,black 0%,transparent 62%);-webkit-mask-image:radial-gradient(circle,black 0%,transparent 62%)}@keyframes drehen{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:600px){.sunburst{width:150vw;height:150vw;max-width:560px;max-height:560px}}@media(prefers-reduced-motion:reduce){.sunburst{animation:none}.bag,.crunch{animation:none!important}}.crunch{text-align:right;transform:rotate(-8deg);animation:wackeln 2.6s ease-in-out infinite;position:relative;z-index:2;justify-self:end}@keyframes wackeln{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-5deg) scale(1.04)}}.crunch .laut{font-size:clamp(1.6rem,4.5vw,2.8rem);color:var(--gelb);-webkit-text-stroke:1.5px var(--navy);text-shadow:3px 3px 0 var(--navy);display:block}.bag{position:relative;z-index:2;width:clamp(230px,32vw,330px);filter:drop-shadow(0 18px 22px rgba(20,45,80,.35));animation:schweben 5s ease-in-out infinite}@keyframes schweben{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.bag{cursor:pointer;-webkit-tap-highlight-color:transparent;display:block;height:auto;position:relative;z-index:2}.bag:focus-visible{outline:4px solid var(--gelb);outline-offset:6px;border-radius:20px}.bag.crunching{animation:krachen .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes krachen{0%{transform:scale(1) rotate(0)}15%{transform:scale(.9) rotate(-4deg)}30%{transform:scale(1.08) rotate(3deg)}45%{transform:scale(.95) rotate(-3deg)}60%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(.98) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.bag.crunching{animation:none}}.crunch-pop{position:absolute;font-family:Titan One,cursive;font-size:clamp(1.1rem,3vw,1.8rem);color:var(--gelb);-webkit-text-stroke:1px var(--navy);text-shadow:2px 2px 0 var(--navy);pointer-events:none;z-index:10;animation:popweg .8s ease-out forwards;white-space:nowrap}@keyframes popweg{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(var(--rot-deg,0deg))}20%{opacity:1;transform:translate(-50%,-70%) scale(1.15) rotate(var(--rot-deg,0deg))}to{opacity:0;transform:translate(-50%,-160%) scale(1) rotate(var(--rot-deg,0deg))}}.tanzflaeche{position:fixed;left:0;right:0;bottom:0;height:130px;pointer-events:none;z-index:50;overflow:visible}.walker{position:absolute;bottom:6px;left:-14%;width:92px;animation:wandern var(--tempo,26s) linear infinite;animation-delay:var(--verzug,0s)}@keyframes wandern{0%{left:-14%}49%{left:102%}50%{left:102%}99%{left:-14%}to{left:-14%}}.flip{animation:umdrehen var(--tempo,26s) step-end infinite;animation-delay:var(--verzug,0s)}@keyframes umdrehen{0%,49.9%{transform:scaleX(1)}50%,to{transform:scaleX(-1)}}.kartoffel{display:block;width:100%;height:auto;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;animation:tanzen .55s ease-in-out infinite alternate;transform-origin:50% 92%;filter:drop-shadow(0 6px 5px rgba(20,45,80,.3))}.walker:nth-child(2) .kartoffel{animation-duration:.46s}@keyframes tanzen{0%{transform:translateY(0) rotate(-7deg)}55%{transform:translateY(-13px) rotate(2deg)}to{transform:translateY(-4px) rotate(7deg)}}.kartoffel:focus-visible{outline:4px solid var(--gelb);outline-offset:4px;border-radius:50%}.kartoffel.hupft{animation:freudensprung .5s ease-out}@keyframes freudensprung{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-30px) scale(1.12) rotate(-8deg)}to{transform:translateY(0) scale(1)}}.bein{transform-box:fill-box;transform-origin:top center;animation:strampeln .34s ease-in-out infinite alternate}.bein.r{animation-delay:.17s}@keyframes strampeln{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}.arm{transform-box:fill-box;transform-origin:top center;animation:winken .5s ease-in-out infinite alternate}.arm.r{animation-delay:.25s}@keyframes winken{0%{transform:rotate(-30deg)}to{transform:rotate(20deg)}}.sprechblase{position:fixed;z-index:60;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:.3rem .7rem;font-family:Titan One,cursive;font-size:1rem;color:var(--rot);pointer-events:none;transform:translate(-50%,-100%);animation:blase 1.1s ease-out forwards;white-space:nowrap;box-shadow:0 3px #1b3a6b4d}.sprechblase:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top:8px solid var(--navy)}@keyframes blase{0%{opacity:0;transform:translate(-50%,-80%) scale(.5)}15%{opacity:1;transform:translate(-50%,-115%) scale(1.05)}80%{opacity:1;transform:translate(-50%,-120%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.95)}}@media(prefers-reduced-motion:reduce){.walker{animation:none;left:auto}.walker:nth-child(1){right:12%}.walker:nth-child(2){right:calc(12% + 110px)}.flip,.kartoffel,.bein,.arm{animation:none}}@media(max-width:600px){.walker{width:70px}.tanzflaeche{height:105px}}#chipsHimmel{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55}.walker{transition:opacity .8s ease}@keyframes auftauchen{0%{transform:translateY(150px) scaleX(var(--fx,1)) scale(.85);opacity:0}55%{transform:translateY(-26px) scaleX(var(--fx,1)) scale(1.08);opacity:1}75%{transform:translateY(8px) scaleX(var(--fx,1)) scale(.97)}to{transform:translateY(0) scaleX(var(--fx,1)) scale(1);opacity:1}}.slogan{position:relative;z-index:2;font-size:clamp(1.25rem,3vw,1.9rem);font-weight:900;color:var(--navy);line-height:1.25;max-width:14ch}.gemeinsam{position:relative;z-index:2;text-align:center;margin-top:2.2rem}.gemeinsam h2{font-size:clamp(1.4rem,4vw,2.2rem);color:var(--rot);-webkit-text-stroke:1px var(--gelb);text-shadow:2px 2px 0 var(--gelb),4px 4px 0 rgba(27,58,107,.25);letter-spacing:.02em}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1.2rem}.social-pill{display:flex;align-items:center;gap:.6rem;background:var(--weiss);border:2px solid var(--navy);border-radius:999px;padding:.45rem .95rem .45rem .5rem;text-decoration:none;color:var(--navy);font-weight:800;font-size:.85rem;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 3px 0 var(--navy)}.social-pill:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--navy)}.social-pill:focus-visible{outline:3px solid var(--rot);outline-offset:2px}.social-pill .icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.icon.insta{background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.icon.tiktok{background:#000}.social-pill small{display:block;font-weight:700;font-size:.7rem;opacity:.65}.newsletter{background:var(--rot);padding:2.6rem 1.25rem;text-align:center;color:#fff}.newsletter h2{font-size:clamp(1.3rem,3.5vw,1.9rem);letter-spacing:.04em;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.newsletter p{margin-top:.4rem;font-weight:700;opacity:.9}.nl-lead{max-width:520px;margin:.6rem auto 0!important;font-size:clamp(1rem,2.6vw,1.2rem);font-weight:800!important;line-height:1.5;opacity:1!important}.nl-lead strong{color:var(--gelb);text-shadow:1px 1px 0 rgba(0,0,0,.25)}.nl-form{margin:1.3rem auto 0;max-width:460px;display:flex;background:#fff;border-radius:12px;padding:.35rem;box-shadow:0 6px #0000002e}.nl-form input{flex:1;min-width:0;border:none;background:none;padding:.7rem .9rem;font:inherit;font-weight:700;color:var(--navy)}.nl-form input:focus{outline:none}.nl-form:focus-within{outline:3px solid var(--gelb);outline-offset:2px}.nl-form button{border:none;cursor:pointer;background:var(--navy);color:var(--gelb);font-family:Titan One,cursive;font-size:.95rem;letter-spacing:.05em;padding:.7rem 1.3rem;border-radius:9px;transition:transform .12s ease,background .15s ease}.nl-form button:hover{background:#254a85;transform:scale(1.03)}.nl-msg{margin-top:.9rem;font-weight:800;min-height:1.4em;color:var(--gelb-hell)}footer{background:var(--himmel-tief);color:#fff;padding:1.4rem 1rem 1.8rem;text-align:center;font-size:.82rem}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .9rem}footer a{color:#fff;text-decoration:none;font-weight:700;opacity:.9}footer a:hover{text-decoration:underline;opacity:1}footer a:focus-visible{outline:2px solid var(--gelb);outline-offset:2px}.copy{margin-top:.8rem;opacity:.75;font-weight:700}@media(max-width:760px){.bag-wrap{margin-top:24px}.hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.4rem}.crunch{justify-self:center;text-align:center}.slogan{max-width:22ch;text-align:center}}.cart-badge{position:relative}.cart-anzahl{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--rot);color:#fff;border:2px solid var(--navy);border-radius:999px;font-size:.7rem;font-weight:900;padding:0 4px}.nl-agb{max-width:460px;margin:.9rem auto 0;display:flex;gap:.6rem;align-items:flex-start;text-align:left;font-size:.8rem;font-weight:700;line-height:1.5}.nl-agb input{margin-top:.2rem;width:18px;height:18px;flex-shrink:0;accent-color:var(--gelb)}.nl-agb input:focus-visible{outline:3px solid var(--gelb);outline-offset:2px}.nl-agb a{color:var(--gelb);font-weight:900;text-underline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */