@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #fff3e2;--paper-deep: #ffe9cd;--card: #fffdf7;--ink: #2b1608;--ink-soft: #6b5138;--orange: #e70104;--orange-deep: #c00003;--red: #e70104;--yellow: #ffec03;--cocoa: #241105;--cocoa-2: #362008;--cream-on-dark: #ffe9c9;--font-display: "Bricolage Grotesque Variable", "Arial Black", sans-serif;--font-body: "Instrument Sans Variable", "Segoe UI", sans-serif;--radius: 20px;--radius-sm: 14px;--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 6px 6px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--nav-h: 76px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px dashed var(--red);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.05;letter-spacing:-.02em}.container{width:min(1120px,100% - 48px);margin-inline:auto}.section{padding:100px 0;position:relative}.section-head{max-width:640px;margin-bottom:56px}.section-title{font-size:clamp(2rem,4.5vw,3.2rem);margin:14px 0 16px}.section-lead{color:var(--ink-soft);font-size:1.08rem}.center{margin-inline:auto;text-align:center}.sticker{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:7px 16px;box-shadow:var(--shadow-sm);transform:rotate(-2.5deg)}.sticker-red{background:var(--red);color:#fff;transform:rotate(2deg)}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1rem;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:15px 28px;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.btn-primary{background:var(--orange);color:var(--paper)}.btn-primary:hover{background:var(--orange-deep)}.btn-ghost{background:var(--card);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--yellow);box-shadow:6px 6px #2b160859}.btn-dark:hover{box-shadow:3px 3px #2b160859}.btn-sm{padding:10px 20px;font-size:.9rem;box-shadow:var(--shadow-sm)}.btn-sm:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(4px)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:5px;background:var(--red);transform-origin:0 50%;z-index:200}.awning{width:100%;height:44px;display:block}.nav{position:sticky;top:0;z-index:100;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;border-bottom:2px solid transparent}.nav.scrolled{background:var(--paper);border-color:var(--ink);box-shadow:0 4px #2b16081f}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a:not(.btn){text-decoration:none;font-weight:600;font-size:.98rem;position:relative}.nav-links a:not(.btn):after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background:var(--orange);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-links a:not(.btn):hover:after{transform:scaleX(1)}.nav-burger{display:none;background:var(--card);border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm);width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer}.nav-mobile{overflow:hidden;background:var(--paper);border-bottom:2px solid var(--ink)}.nav-mobile ul{list-style:none;display:flex;flex-direction:column;gap:18px;padding:20px 0 28px}.nav-mobile a:not(.btn){text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.2rem}.hero{position:relative;min-height:calc(100svh - var(--nav-h) - 44px);display:flex;align-items:center;justify-content:center;text-align:center;padding:48px 0 96px;overflow:hidden}.hero-bg-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;text-align:left}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-mascot{display:flex;justify-content:center}.hero-mascot .uncle-max{width:100%;max-width:460px;height:auto;-webkit-user-select:none;user-select:none}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.88rem;box-shadow:var(--shadow-sm);margin:26px 0 30px}.hero-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--red)}.hero-title{font-size:clamp(2.5rem,4.6vw,3.8rem);max-width:14ch}.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-title .word{display:inline-block;will-change:transform}.hero-mark{position:relative;display:inline-block}.hero-mark svg.marker{position:absolute;left:-3%;bottom:-.12em;width:106%;height:.32em;z-index:-1}.hero-sub{max-width:560px;color:var(--ink-soft);font-size:1.12rem;margin:26px 0 36px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start}.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:2;color:var(--ink-soft)}.doodle{position:absolute;pointer-events:none;z-index:1}.marquee{background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-group{display:flex;align-items:center;gap:34px;padding:14px 17px}.marquee-item{display:flex;align-items:center;gap:34px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cat-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:28px 24px 24px;display:flex;flex-direction:column;text-decoration:none}.cat-icon{width:78px;height:78px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;margin-bottom:20px}.cat-card h3{font-size:1.28rem;margin-bottom:10px}.cat-card p{color:var(--ink-soft);font-size:.96rem;flex:1}.cat-link{margin-top:18px;font-weight:700;color:var(--orange-deep);display:inline-flex;align-items:center;gap:7px;font-size:.96rem}.cat-cta{margin-top:48px;text-align:center}.story{background:var(--cocoa);color:var(--cream-on-dark)}.story .section-lead{color:#cbb598}.story-grid{position:relative;max-width:720px;margin-inline:auto}.story-rail{position:absolute;top:0;bottom:0;left:29px;width:4px}.story-rail svg{height:100%;width:60px;margin-left:-28px;overflow:visible}.story-item{position:relative;padding-left:96px;margin-bottom:72px}.story-item:last-child{margin-bottom:0}.story-dot{position:absolute;left:8px;top:2px;width:46px;height:46px;border-radius:50%;background:var(--orange);border:3px solid var(--cream-on-dark);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--ink);box-shadow:5px 5px #00000059}.story-item h3{font-size:1.5rem;margin-bottom:10px;color:#fff}.story-item .when{display:inline-block;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);margin-bottom:8px}.story-item p{color:#d9c5a7;max-width:54ch}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.value-tile{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:30px 28px;display:flex;gap:22px;align-items:flex-start}.value-icon{flex:0 0 auto;width:66px;height:66px;border-radius:18px;border:2px solid var(--ink);display:grid;place-items:center}.value-tile h3{font-size:1.22rem;margin-bottom:8px}.value-tile p{color:var(--ink-soft);font-size:.97rem}.shopcta{background:var(--orange);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.shopcta-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.shopcta h2{color:var(--paper);font-size:clamp(2.2rem,5vw,3.6rem);max-width:16ch;margin:20px 0 18px}.shopcta p{max-width:58ch;font-size:1.1rem;color:var(--cream-on-dark);margin-bottom:34px}.shopcta .domain{font-family:var(--font-display);font-weight:800;white-space:nowrap}.shopcta-ring{position:absolute;border:2px dashed rgba(255,243,226,.45);border-radius:50%;pointer-events:none}.footer{background:var(--cocoa);color:#d9c5a7;padding:80px 0 36px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding-bottom:52px;border-bottom:1px solid var(--cocoa-2)}.footer-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:16px}.footer p{font-size:.94rem;max-width:34ch}.footer h4{font-family:var(--font-display);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);margin-bottom:18px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer ul a{text-decoration:none;font-size:.96rem;transition:color .15s ease}.footer ul a:hover{color:var(--yellow)}.footer-bottom{padding-top:30px;display:flex;flex-direction:column;gap:10px;font-size:.84rem;color:#9c8262}.legal-page{padding:60px 0 110px}.legal-header{padding:26px 0;border-bottom:2px solid var(--ink);background:var(--paper)}.legal-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.legal-page h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:30px 0 40px}.legal-page h2{font-size:1.5rem;margin:44px 0 14px}.legal-page h3{font-size:1.15rem;margin:30px 0 10px}.legal-page p,.legal-page li{max-width:70ch;color:var(--ink-soft);margin-bottom:12px}.legal-page ul{padding-left:22px}.legal-page a{color:var(--orange-deep);font-weight:600}.legal-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:30px;margin:26px 0;max-width:560px}.legal-card p{margin-bottom:6px}#kategorien,#geschichte,#warum,#shop{scroll-margin-top:calc(var(--nav-h) + 30px)}@media (max-width: 980px){.cat-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.nav-burger{display:flex}.hero-inner{grid-template-columns:1fr;gap:10px;text-align:center}.hero-copy{align-items:center}.hero-ctas{justify-content:center}.hero-mascot{margin-top:28px}.hero-mascot .uncle-max{max-width:340px}}@media (max-width: 640px){.section{padding:76px 0}.cat-grid,.values-grid,.footer-top{grid-template-columns:1fr}.value-tile{flex-direction:column}.story-item{padding-left:78px}.hero{padding-top:50px}.doodle-sm-hide{display:none}.marquee-item{font-size:1.05rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.uncle-max{display:block}.uncle-max .um-figure{animation:um-bob var(--um-cycle,2.4s) ease-in-out infinite}.uncle-max .um-art{animation:um-sway calc(var(--um-cycle,2.4s)*2) ease-in-out infinite;transform-origin:505px 958px}.uncle-max .um-fly-y{opacity:0;animation:um-fly-y var(--um-cycle,2.4s) linear infinite;animation-delay:var(--um-delay,0s)}.uncle-max .um-fly-x{animation:um-fly-x var(--um-cycle,2.4s) linear infinite;animation-delay:var(--um-delay,0s)}.uncle-max .um-spin{animation:um-spin var(--um-cycle,2.4s) linear infinite;animation-delay:var(--um-delay,0s);transform-box:fill-box;transform-origin:center}.uncle-max--paused *{animation-play-state:paused!important}@keyframes um-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes um-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-.7deg)}70%{transform:rotate(.5deg)}}@keyframes um-fly-x{0%,15%{transform:translate(0)}94%,to{transform:translate(var(--um-dx,160px))}}@keyframes um-fly-y{0%{transform:translateY(0);opacity:0;animation-timing-function:linear}15%{transform:translateY(0);opacity:0;animation-timing-function:ease-out}18%{transform:translateY(-90px);opacity:1;animation-timing-function:ease-out}52%{transform:translateY(-330px);opacity:1;animation-timing-function:ease-in}88%{transform:translateY(-30px);opacity:1}94%{transform:translateY(30px);opacity:0}to{transform:translateY(30px);opacity:0}}@keyframes um-spin{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@media (prefers-reduced-motion:reduce){.uncle-max *{animation:none!important}.uncle-max .um-fly-y{opacity:0}}