:root{color-scheme:dark;--bg:#100817;--panel:#180d21;--ink:#fffaf1;--muted:#ddd0e4;--pink:#f34bde;--lime:#82ff18;--purple:#c28bff;--line:#633274}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 0 65%,#62158080,transparent 38%),radial-gradient(ellipse at 100% 90%,#22591855,transparent 38%),#100817;font:16px/1.65 Arial,sans-serif}body:before{content:"";position:fixed;inset:12px;border:1px solid #ce8ded80;border-radius:24px;pointer-events:none;z-index:10;box-shadow:inset 0 0 20px #ca49d322,0 0 16px #ca49d333}a{color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{background:#0b0612ed;border-bottom:1px solid #92509866;position:sticky;top:0;z-index:8;backdrop-filter:blur(16px)}.bar{max-width:1360px;margin:auto;padding:20px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;flex-shrink:0;width:228px}.wordmark img{width:100%;height:auto;display:block}.nav{display:flex;gap:23px;font-size:11px;letter-spacing:.6px;font-weight:800;text-transform:uppercase}.nav a{text-decoration:none}.nav a:hover{color:var(--lime)}main{max-width:1360px;margin:auto;padding:0 38px}.hero{position:relative;min-height:650px;margin:0 -38px;padding:84px 62px 100px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;margin:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080510c9 0%,#0a051372 35%,transparent 57%),linear-gradient(0deg,#100817 0%,transparent 16%)}.hero-copy{width:48%;max-width:590px}.eyebrow{font:800 11px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.tag{display:inline-flex;gap:10px;align-items:center;color:#ebd4f7;margin-bottom:18px}.dot{height:7px;width:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px var(--pink)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(56px,6.6vw,91px);font-weight:900;letter-spacing:-1.5px;line-height:1.02;text-transform:uppercase;color:var(--lime);text-shadow:0 4px 0 #203b07,0 0 25px #8cff172b;margin:0 0 25px}h1:after{content:"";display:block;width:190px;height:19px;margin-top:-4px;background:var(--lime);mask:url('images/slime.svg') 0 0/190px 28px no-repeat}.intro{font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.4;text-transform:uppercase;max-width:440px;text-shadow:0 2px 6px #000}.hero-note{max-width:360px;color:#e1d4e7;font-size:15px}.cta{display:inline-flex;gap:28px;align-items:center;background:var(--pink);color:#16091c;padding:15px 24px;border-radius:28px;font-weight:900;text-transform:uppercase;text-decoration:none;margin-top:16px;box-shadow:0 0 26px #f34bde33}.cta:hover{background:#ff7deb}.hero-claim{max-width:365px;margin-top:25px;color:#d5c6dd;font-size:10px;letter-spacing:1.4px}.facts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #8d3591;border-radius:16px;background:#502052;isolation:isolate;margin-top:-32px;box-shadow:0 10px 35px #0008}.facts:before,.aside-card:before,.contact:before{content:"";position:absolute;left:0;right:0;top:-8px;height:49px;background:url('images/slime.svg') top left/440px 49px repeat-x;pointer-events:none;z-index:2;filter:drop-shadow(0 0 5px #74ff1750)}.fact{background:#120a1bf0;padding:31px 20px 25px;text-align:center}.fact:first-child{border-radius:15px 0 0 15px}.fact:last-child{border-radius:0 15px 15px 0}.fact-icon{color:var(--pink);display:block;font-size:30px;height:41px;line-height:1}.fact small{display:block;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1px;margin:9px 0 6px;color:#e2d4e7}.fact strong{font-size:17px}.fact>span:not(.fact-icon){display:none}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:56px 0 25px}h2{font-size:clamp(27px,4vw,37px);line-height:1.15;letter-spacing:-1px;margin:9px 0}.small{font-size:13px}.subtle{color:var(--muted)}.briefing-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.aside-card{grid-column:2;grid-row:1;position:sticky;top:112px;border:1px solid #ac4da9;border-radius:17px;padding:30px 24px;background:linear-gradient(140deg,#30113ddd,#140b1aed);box-shadow:0 0 35px #e344b61a}.aside-card h3{font-size:25px;line-height:1.2;letter-spacing:-.7px}.aside-card p{font-size:14px;color:var(--muted)}.aside-card blockquote{font-size:23px;font-weight:900;line-height:1.3;color:var(--lime);margin:25px 0 0}.spark{font-size:36px;color:var(--pink);line-height:1.3}.aside-product{width:100%;border-radius:10px;margin:20px 0 0;display:block;border:1px solid #673263}#chapters{grid-column:1;grid-row:1;min-width:0}details{position:relative;border:1px solid #698254;border-radius:15px;margin-bottom:18px;background:linear-gradient(110deg,#190c25f5,#251132ed 65%,#140b1df5);box-shadow:inset 0 0 16px #ac44ce10,0 0 0 3px #ca66e90a;overflow:visible}details:nth-child(3n):before{content:"";position:absolute;right:14px;top:-5px;width:100px;height:28px;background:url('images/slime.svg') left top/210px 30px;pointer-events:none;filter:drop-shadow(0 0 4px #82ff1833)}details[open]{border-color:var(--lime)}summary{display:flex;align-items:center;gap:19px;list-style:none;padding:22px 24px;min-height:90px;font-weight:800;text-transform:uppercase;font-size:17px;line-height:1.4}summary::-webkit-details-marker{display:none}.num{display:grid;place-items:center;width:43px;flex:0 0 43px;height:43px;border:2px solid var(--pink);border-radius:12px;font-size:14px;color:var(--pink);background:#ed4bdb0d;box-shadow:0 0 14px #d627d82b}.num svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}summary:after{content:"⌄";margin-left:auto;color:#eee4f3;font-size:25px;line-height:1}details[open] summary:after{content:"−"}details[open] summary{border-bottom:1px solid #71418166}.content{padding:25px 28px;color:#e2d6e9;overflow-wrap:anywhere;font-size:15px}.content>:first-child{margin-top:0}.content>:last-child{margin-bottom:0}.content strong,.content h3{color:var(--ink)}.content h3{font-size:19px}.content ul{padding-left:20px}.content li{margin-bottom:13px}.content img{max-width:100%;height:auto;border-radius:10px}.content a{color:var(--lime)}.notice{border-left:3px solid var(--purple);background:#b679f410;padding:12px 16px;color:#e2cfef;font-size:14px}.product-image{max-height:350px;display:block;object-fit:contain;margin:16px auto}.offer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.offer div{padding:20px;border:1px solid #658b45;border-radius:10px;background:#9af12607}.offer b{display:block;font-size:38px;line-height:1.2;color:var(--lime)}.offer span{font-size:13px}.contact{position:relative;margin:55px 0 32px;padding:35px;border:1px solid #994b9f;border-radius:17px;background:linear-gradient(100deg,#39123d,#170c22);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.contact h2{font-size:30px}.contact p{margin:0;color:var(--muted)}.contact a{color:var(--pink);font-weight:800;overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 0 40px;color:var(--muted);font-size:12px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--lime);color:#000;padding:10px}.skip:focus{top:10px}#status{margin:40px 0;padding:24px;border:1px solid var(--line);border-radius:12px}#status button{background:var(--lime);padding:10px 16px;border:0;border-radius:5px;margin:10px;color:#14200c}.toggle-all{background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:12px 0}[hidden]{display:none!important}
@media(max-width:1000px){.nav{gap:15px}.nav .secondary{display:none}.hero{min-height:570px;padding:70px 40px 100px}.hero-copy{width:50%}.hero-art img{object-position:57% center}h1{font-size:64px}.briefing-grid{grid-template-columns:minmax(0,1fr) 250px;gap:23px}.bar{padding:17px 30px}.wordmark{width:200px}.aside-card{padding:27px 20px}}
@media(max-width:700px){body:before{inset:5px;border-radius:16px}.bar{padding:14px 20px;gap:15px}.wordmark{width:167px}.nav{font-size:10px;gap:12px}.nav a:not(:last-child){display:none}main{padding:0 20px}.hero{margin:0 -20px;padding:365px 26px 63px;min-height:0;display:block}.hero-art{height:365px;mask-image:linear-gradient(#000 85%,transparent)}.hero-art img{object-position:84% top;object-fit:cover}.hero:before{display:none}.hero-copy{width:100%;max-width:none}.tag{margin-bottom:12px}.hero h1{font-size:clamp(48px,12.5vw,73px);max-width:440px;margin-bottom:20px}.intro{font-size:19px;max-width:350px}.hero-note{font-size:14px;max-width:350px}.hero-claim{font-size:9px;max-width:310px}.cta{padding:14px 23px;font-size:14px}.facts{grid-template-columns:1fr;margin-top:-12px}.fact{display:grid;grid-template-columns:46px 1fr;text-align:left;padding:23px 22px;column-gap:13px}.fact-icon{grid-column:1;grid-row:1/3;align-self:center}.fact small{grid-column:2;margin:0 0 3px;font-size:10px}.fact strong{grid-column:2;font-size:16px}.fact:first-child{border-radius:15px 15px 0 0}.fact:last-child{border-radius:0 0 15px 15px}.facts:before{background-size:350px 43px;height:43px}.section-head{margin-top:43px;align-items:center}.section-head .small{display:none}.briefing-grid{display:flex;flex-direction:column;gap:28px}#chapters{width:100%}.aside-card{order:2;position:relative;top:auto;width:100%}.aside-product{max-width:300px;margin:20px auto 0}.aside-card h3{font-size:27px}.contact{padding:28px 23px;margin-top:35px}.contact a{font-size:14px}summary{padding:19px 17px;gap:14px;font-size:15px;min-height:85px}.num{width:36px;flex-basis:36px;height:36px;border-radius:9px}.num svg{width:23px;height:23px}.content{padding:21px;font-size:14px}.offer{grid-template-columns:1fr}.footer{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:black}body:before,header,.hero-art,.hero:before,.cta,.toggle-all,.skip,.facts:before,.aside-card:before,.contact:before,details:before{display:none!important}.hero{min-height:0;margin:0;padding:20px 0}.hero-copy{width:100%}.briefing-grid{display:block}#chapters,.aside-card{position:static}.content,.content strong,.content h3,.intro,.hero-note,.aside-card p,.subtle{color:#111}details,.aside-card,.contact,.fact{background:white;color:black;box-shadow:none;break-inside:avoid}main{padding:0}h1{color:black;text-shadow:none}.hero-claim,.footer{color:#333}}

.fact-special{text-decoration:none}.fact-special:hover{background:#301339}.fact-special:hover strong{color:var(--lime)}

.brand-group{display:flex;align-items:center;gap:20px;flex-shrink:0}.brand-divider{height:43px;width:1px;background:#8d679b66}.partner-mark{width:140px;display:block;flex-shrink:0}.partner-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff9)}.bar{padding-top:12px;padding-bottom:12px}.wordmark{width:215px}
@media(max-width:1000px){.brand-group{gap:14px}.wordmark{width:180px}.partner-mark{width:115px}}
@media(max-width:700px){.bar{flex-wrap:wrap;gap:7px 12px;padding:12px 20px}.brand-group{gap:12px;flex:1}.wordmark{width:145px}.partner-mark{width:98px}.brand-divider{height:35px}.nav{margin-left:auto}.bar .nav a:last-child{font-size:10px}}
@media(max-width:370px){.wordmark{width:130px}.partner-mark{width:90px}.brand-group{gap:10px}}

/* Originales Genuss-Manufaktur-Logo links, KA!WUMMS zentral. */
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}.brand-group{display:contents}.partner-mark{grid-column:1;grid-row:1;justify-self:start;width:112px}.partner-mark img{filter:none;background:white;border-radius:4px}.wordmark{grid-column:2;grid-row:1;width:215px;justify-self:center}.bar .nav{grid-column:3;grid-row:1;justify-self:end;flex-wrap:wrap;justify-content:flex-end;gap:8px 15px}.bar .nav a{white-space:nowrap}
@media(max-width:1000px){.partner-mark{width:100px}.wordmark{width:190px}.bar{gap:16px}}
@media(max-width:700px){.bar{grid-template-columns:85px minmax(0,1fr);gap:5px 15px;padding:12px 20px}.partner-mark{width:85px;grid-row:1/3}.wordmark{width:min(170px,100%);grid-column:2;grid-row:1}.bar .nav{grid-column:2;grid-row:2;justify-self:end;margin:0}.brand-group{display:contents}}
@media(max-width:370px){.bar{grid-template-columns:75px minmax(0,1fr);gap:5px 12px}.partner-mark{width:75px}.wordmark{width:145px}}

.partner-mark img{background:transparent;border-radius:0;filter:none}
.partner-mark img{background:transparent!important;border-radius:0!important;filter:none!important}
