:root{--ink:#171018;--muted:#4d3a3e;--cream:#fff8d7;--yellow:#fff047;--pink:#ff4fb3;--cyan:#00c4d8;--blue:#0878ff;--font:"Trebuchet MS","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--font);line-height:1.6}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 95% 20%,#d7edcf 0,transparent 40%),radial-gradient(circle at 0 50%,#fff378 0,transparent 55%);pointer-events:none}a{color:inherit}img{max-width:100%;height:auto;display:block}button{font:inherit}h1,h2,p{margin:0}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.page-shell{max-width:1280px;padding:30px 48px 0;margin:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:20}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;background:var(--cream);border:3px solid var(--ink);border-radius:100px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.5deg)}.brand{display:block;max-width:430px;width:49%}.online-badge{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;white-space:nowrap}.online-badge>span{width:9px;height:9px;background:#008b49;border-radius:50%;box-shadow:0 0 0 4px #008b4916}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:24px;padding:70px 0 40px}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;margin-bottom:24px}.eyebrow>span{background:var(--cyan);border:2px solid var(--ink);border-radius:50%;font-size:18px;width:28px;height:28px;line-height:23px;text-align:center}h1{font-size:clamp(48px,5.65vw,74px);line-height:1.04;letter-spacing:-3.5px;font-weight:900;margin-bottom:30px}.highlight{display:inline-block;background:var(--yellow);padding:0 9px 7px 3px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg)}.hero-copy h2{font-size:clamp(24px,2.7vw,34px);line-height:1.15;letter-spacing:-1px;margin-bottom:18px}.intro{max-width:440px;font-size:17px;line-height:1.65;color:var(--muted)}.promise{font-size:15px;margin-top:16px;color:var(--muted)}.mascot-scene{position:relative;min-width:0;height:470px;isolation:isolate}.scene-orbit{position:absolute;inset:62px -8px 30px 0;background:var(--cyan);border:3px solid var(--ink);border-radius:48% 52% 43% 57%/55% 43% 57% 45%;box-shadow:8px 9px 0 var(--ink);transform:rotate(-8deg);z-index:-1}.scene-orbit::before{content:"";position:absolute;inset:15px;border:1px dashed #17101866;border-radius:inherit}.scene-caption{position:absolute;bottom:0;left:20px;transform:rotate(-5deg);text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:800}.mascot-button{position:absolute;left:0;right:0;top:90px;width:100%;height:calc(100% - 124px);padding:0;background:none;border:0;cursor:pointer;transform-origin:50% 90%;animation:sniff 1.5s .9s both;touch-action:manipulation}.mascot-button:disabled{cursor:default}.mascot-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 0 #1710181a)}.mascot-button:hover:not(:disabled){filter:brightness(1.025)}.mascot-button.is-reacting{animation:wiggle .65s ease both}.speech{position:absolute;top:0;left:16px;max-width:315px;min-height:58px;display:flex;align-items:center;background:var(--cream);border:3px solid var(--ink);border-radius:18px;padding:11px 18px;font-size:15px;font-weight:bold;line-height:1.35;box-shadow:4px 4px 0 var(--ink);transform:rotate(-4deg);z-index:3}.speech::after{content:"";position:absolute;bottom:-12px;right:42px;width:17px;height:17px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--cream);transform:skewY(30deg)}.shield{position:absolute;right:0;top:46px;background:var(--yellow);border:3px solid var(--ink);border-radius:18px;width:76px;height:83px;padding:12px;box-shadow:4px 4px 0 var(--ink);transform:rotate(12deg);animation:discover .6s 2s both;z-index:2}.shield svg{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.little-star{position:absolute;right:-12px;bottom:72px;font-size:76px;line-height:1;color:var(--pink);-webkit-text-stroke:2px var(--ink);transform:rotate(10deg)}.mascot-hint{position:absolute;right:0;bottom:-17px;font-size:12px;font-weight:bold;transform:rotate(-4deg)}.mascot-hint[hidden]{display:none}.mascot-hint span{font-size:22px;margin-right:4px}.paw-trail{position:absolute;left:-24px;bottom:53px;display:flex;gap:9px;transform:rotate(-40deg)}.paw{width:25px;height:25px;fill:var(--ink);animation:paw-in .5s both}.paw-one{animation-delay:.2s;opacity:.35}.paw-two{animation-delay:.55s;transform:translateY(-15px);opacity:.5}.paw-three{animation-delay:.9s;opacity:.7}.launch-note{display:flex;align-items:center;gap:24px;background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;padding:24px 30px;position:relative;margin:22px 0 0}.launch-icon{flex:0 0 57px;display:grid;place-items:center;width:57px;height:57px;border:2px solid var(--ink);background:var(--pink);border-radius:50%;transform:rotate(-12deg)}.launch-icon svg{width:33px;height:33px;fill:var(--ink)}.launch-note h2{font-size:23px;letter-spacing:-.6px;margin-bottom:3px}.launch-note p{font-size:15px;max-width:680px;line-height:1.55}.launch-stamp{margin-left:auto;flex-shrink:0;border:2px solid var(--ink);border-radius:50%;width:77px;height:77px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.15;font-weight:900;background:var(--cream);transform:rotate(12deg)}.social-section{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:45px 0 37px}.social-section h2{font-size:24px;letter-spacing:-.7px;margin-bottom:7px}.social-section p{font-size:14px;color:var(--muted)}.social-links{display:flex;gap:14px}.social-link{min-height:56px;display:flex;gap:11px;align-items:center;padding:11px 20px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;text-decoration:none;font-size:15px;font-weight:800;line-height:1.3;transition:transform .2s,box-shadow .2s}.social-link small{display:block;font-size:10px;font-weight:normal;letter-spacing:.2px;margin-top:3px}.social-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.social-link .filled{fill:currentColor;stroke:none}.instagram{background:var(--pink)}.facebook{background:#a9d6ff}a.social-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 25px;border-top:1px solid #17101840;font-size:12px}.site-footer p span{display:inline-block;margin-left:10px;color:var(--muted)}.site-footer nav{display:flex;gap:24px}.site-footer a{text-underline-offset:4px}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.legal-main{max-width:880px;margin:65px auto}.legal-main h1{font-size:clamp(36px,6vw,58px);overflow-wrap:anywhere;letter-spacing:-2px;margin:20px 0 30px}.legal-main h2{font-size:23px;line-height:1.3;margin:30px 0 12px}.legal-main p,.legal-main ul{margin-bottom:15px}.legal-main a{overflow-wrap:anywhere;text-underline-offset:3px}.back-link{font-size:14px;font-weight:bold}.legal-card{background:#fffdf0;border:3px solid var(--ink);border-radius:20px;padding:28px 32px;box-shadow:6px 6px 0 var(--ink)}.legal-card h2:first-child{margin-top:0}.legal-card address{font-style:normal}.legal-note{padding:16px 20px;background:var(--yellow);border-left:4px solid var(--ink);margin:25px 0}.legal-muted{color:var(--muted);font-size:14px}
@keyframes sniff{0%,100%{transform:rotate(0)}30%{transform:translate(3px,5px) rotate(1deg)}60%{transform:translate(0,2px) rotate(-1deg)}}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:translateY(-9px) rotate(-3deg)}60%{transform:rotate(2deg)}}@keyframes discover{from{opacity:0;transform:translateY(14px) rotate(-8deg) scale(.7)}to{opacity:1;transform:rotate(12deg)}}@keyframes paw-in{from{opacity:0}to{opacity:.55}}
@media(min-width:1400px){.hero{padding-top:80px}}@media(max-width:1000px){.page-shell{padding:25px 30px 0}.hero{gap:15px;padding-top:55px}.mascot-scene{height:420px}.mascot-button{top:105px}.scene-orbit{inset:85px -3px 20px}.speech{left:0;max-width:270px;font-size:14px}.shield{right:0;top:60px;width:60px;height:68px;padding:9px}.intro{font-size:16px}.social-section{align-items:flex-start;gap:20px}.social-links{gap:10px}.social-link{padding:12px}.desktop-break{display:none}.mascot-hint{bottom:-22px}.launch-note{gap:18px;padding:23px}.launch-stamp{display:none}}
@media(max-width:700px){.page-shell{padding:20px 22px 0}.site-header{padding:15px 17px;gap:10px;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.brand{width:62%}.online-badge{font-size:9px;letter-spacing:.8px;gap:7px}.online-badge>span{width:6px;height:6px}.hero{grid-template-columns:1fr;gap:0;padding:42px 0 14px}.eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:1.25px}h1{font-size:clamp(48px,11vw,72px);letter-spacing:-2.7px;margin-bottom:28px}.hero-copy h2{font-size:28px;max-width:380px}.intro{max-width:100%;font-size:16px}.promise{font-size:14px;margin-top:12px}.mascot-scene{height:385px;width:min(100%,440px);margin:32px auto 16px}.mascot-button{top:79px;left:0;right:0;width:100%}.scene-orbit{inset:55px 5px 19px 0;box-shadow:5px 6px 0 var(--ink)}.scene-caption{bottom:0;font-size:9px;left:5px}.speech{top:0;left:5px;max-width:255px;font-size:13px;min-height:53px;padding:10px 13px}.shield{top:49px;right:6px;width:57px;height:64px}.little-star{font-size:63px;right:-4px;bottom:43px}.paw-trail{left:0;bottom:35px}.paw{width:21px;height:21px}.mascot-hint{right:2px;bottom:-25px;font-size:11px}.launch-note{padding:22px 19px;gap:15px;margin-top:19px;border-width:2px;box-shadow:4px 4px 0 var(--ink);align-items:flex-start;border-radius:16px}.launch-icon{flex-basis:42px;width:42px;height:42px;margin-top:3px}.launch-icon svg{width:26px;height:26px}.launch-note h2{font-size:22px}.launch-note p{font-size:14px}.social-section{flex-direction:column;padding:34px 0 30px;gap:20px}.social-section h2{font-size:23px}.social-links{width:100%;gap:14px}.social-link{flex:1;justify-content:center;font-size:14px;padding:12px 10px}.site-footer{align-items:flex-start;flex-direction:column;padding:20px 0 26px;gap:14px}.site-footer p span{display:block;margin:4px 0 0}.site-footer nav{gap:24px}.legal-main{margin:40px auto}.legal-card{padding:22px 20px;border-width:2px}.legal-main h2{font-size:21px}.legal-main p,.legal-main ul{font-size:15px}}
@media(max-width:370px){.page-shell{padding-inline:16px}.mascot-scene{height:330px}.speech{max-width:225px;font-size:12px}.mascot-button{top:85px}.social-link{gap:6px}.scene-caption{font-size:8px}.hero-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body::before,.mascot-scene,.skip-link{display:none}.page-shell{padding:0}.site-header{transform:none;box-shadow:none}.legal-card{border:0;box-shadow:none;padding:0}.site-footer{margin-top:20px}}

.site-footer p .technical-partner{display:block;margin:4px 0 0}.site-footer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Neuigkeiten als deutlich sichtbarer nächster Schritt. */
.social-news{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;margin:32px 0;padding:30px;border:3px solid var(--ink);border-radius:20px;background:var(--cream);box-shadow:6px 6px 0 var(--ink);scroll-margin-top:24px}
.social-news .news-kicker{display:inline-block;margin-bottom:10px;padding:3px 9px;background:var(--cyan);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transform:rotate(-2deg)}
.social-news h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin-bottom:12px}
.social-news p{font-size:15px}
.social-news .social-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.social-news .social-link{position:relative;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px;min-height:156px;padding:22px 18px;border-width:3px;border-radius:16px;box-shadow:5px 5px 0 var(--ink);font-size:24px}
.social-news .social-link svg{width:32px;height:32px}
.social-news .social-link small{font-size:12px;line-height:1.4;margin-top:6px}
.social-news .social-arrow{position:absolute;right:16px;top:15px;font-size:26px}
@media(max-width:1000px){.social-news{grid-template-columns:1fr;gap:24px}.social-news .social-link{min-height:130px;flex-direction:row;align-items:center;padding:22px;gap:18px}.social-news .social-arrow{font-size:22px}}
@media(max-width:700px){.social-news{padding:23px 20px;margin:28px 0;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.social-news h2{font-size:29px}.social-news .social-links{grid-template-columns:1fr;gap:16px}.social-news .social-link{min-height:100px;padding:18px 14px;gap:14px;font-size:23px;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.social-news .social-link small{font-size:11px}.social-news .social-arrow{right:12px;top:12px;font-size:20px}.social-news .social-link svg{width:29px;height:29px}}

/* Ein Leckerli zur Schnauze, danach ein kurzes Dankeschön. */
.treat-effect{position:absolute;inset:0;pointer-events:none;z-index:4}
.treat-bone{position:absolute;left:0;top:0;width:44px;height:28px;overflow:visible;filter:drop-shadow(2px 3px 0 #17101833);animation:give-treat .8s ease-in both}
.treat-bone path{fill:var(--cream);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}
.treat-bone .treat-detail{fill:none;stroke:#ad702e;stroke-width:3;stroke-linecap:round}
.treat-heart{position:absolute;left:calc(var(--treat-end-x) + 20px);top:calc(var(--treat-end-y) - 28px);color:var(--pink);font-size:36px;line-height:1;-webkit-text-stroke:1px var(--ink);animation:treat-thanks .65s .55s ease-out both}
.mascot-button.is-reacting{animation:wiggle .65s .45s ease both}
@keyframes give-treat{0%{opacity:0;transform:translate(var(--treat-start-x),var(--treat-start-y)) rotate(-25deg) scale(.7)}15%{opacity:1}75%{opacity:1;transform:translate(var(--treat-end-x),var(--treat-end-y)) rotate(12deg) scale(1)}100%{opacity:0;transform:translate(var(--treat-end-x),var(--treat-end-y)) rotate(12deg) scale(.2)}}
@keyframes treat-thanks{from{opacity:0;transform:translateY(8px) scale(.6)}40%{opacity:1;transform:translateY(-5px) scale(1)}to{opacity:0;transform:translateY(-25px) scale(.9)}}
@media(prefers-reduced-motion:reduce){.mascot-button.is-reacting,.treat-bone,.treat-heart{animation:none!important}.treat-bone{transform:translate(var(--treat-end-x),var(--treat-end-y))}.treat-heart{opacity:1}}