/* Original Dump & More palette and warning tape, shared by the new shop pages. */
:root{--asphalt:#16171b;--papier:#f4f1e8;--orange:#ff5a1f;--gelb:#ffcf2d}body{background:var(--asphalt);color:var(--papier);overflow-x:hidden}body:before,body:after{content:'';display:block;height:15px;background:repeating-linear-gradient(45deg,var(--gelb) 0 14px,var(--asphalt) 14px 28px)}.topline{background:var(--gelb);color:var(--asphalt);font-weight:bold}.topline b{color:var(--asphalt)}.nav{border-color:#3a3d45;background:#16171b}.brand span,.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--orange)}.cartlink{border-color:var(--gelb);color:var(--gelb)}.cartlink b{background:var(--gelb);color:var(--asphalt)}.pagehead h1,.sectiontop h2{color:var(--papier)}.pagehead .eyebrow,.eyebrow{color:var(--gelb)}.pagehead p,.sectiontop p,.product p,.detail p,.detailslist,.micro,.step p{color:#aaa79b}.product{background:#1e2026;border-color:#3a3d45;border-top:4px solid var(--gelb);border-radius:0}.product:nth-child(even){border-top-color:var(--orange)}.productart,.product:nth-child(3n+2) .productart,.product:nth-child(3n+3) .productart,.detailimage{background:#101114}.productart img,.detailimage img{mix-blend-mode:normal}.tag{background:var(--gelb);color:var(--asphalt);border-color:var(--gelb)}.pricebar{border-color:#3a3d45}.price,.detail .price{color:var(--orange)}.round{border-color:var(--orange);color:var(--orange)}.round:hover{background:var(--orange)}.btn{background:var(--gelb);color:var(--asphalt);border-color:var(--gelb);border-radius:0}.btn:hover{background:#ffde65}.btn.orange{background:var(--orange);border-color:var(--orange)}.btn.outline{color:var(--papier);border-color:#88897c;background:none}.textlink{color:var(--gelb)}input,textarea,select{background:#101114;color:var(--papier);border-color:#464951;border-radius:0}.chip{color:#cfc9bb;border-color:#464951}.chip[aria-pressed=true]{background:var(--gelb);color:var(--asphalt);border-color:var(--gelb)}.notice{background:#28251b;border-color:var(--gelb);color:#ded8bd}.formpanel,.summary,.empty,.stat{background:#1e2026;border-color:#3a3d45;border-radius:0}.sumline.total,.cartrow{border-color:#484940}.cartrow img{background:#101114}.cartrow .qty button,.cartrow .remove{color:var(--papier);border-color:#55594e}.darkpanel{border:1px solid #43463c;border-top:5px solid var(--gelb);background:#1e2026;border-radius:0}.giftpanel{background:var(--orange);color:white;border-radius:0}.giftpanel p,.giftpanel .textlink,.giftpanel .eyebrow{color:#fff}.chatlog{border-color:#45483e}.chatlog p{background:#292d25;color:#e5e8dd}.chatlog p.you{background:#443324;color:#ffcfad}.quizanswers button{border-color:var(--gelb);color:var(--gelb)}.footer{background:#101114;border-top:14px solid transparent;border-image:repeating-linear-gradient(45deg,var(--gelb) 0 14px,var(--asphalt) 14px 28px) 14}.footerlinks a{color:var(--gelb)}.status{background:#333827;color:var(--gelb)}th,td{border-color:#434638}td button{background:#1e2026;color:var(--gelb);border:1px solid #777854}dialog{background:#1e2026;color:var(--papier);border:2px solid var(--gelb)}.toast{background:var(--gelb);color:var(--asphalt);border:2px solid var(--asphalt)}.legal p,.legal li{color:#cfc9bb}.legal a{color:var(--gelb)}.section:before{content:'';display:block;height:8px;margin-bottom:30px;background:repeating-linear-gradient(45deg,var(--gelb) 0 10px,var(--asphalt) 10px 20px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--gelb)}.breadcrumb a{color:var(--gelb)}

/* ---- Schrift und Rundung ---- */

body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16.5px;line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hero h1,.pagehead h1,.detail h1,.sectiontop h2,.darkpanel h2,.giftpanel h2,.artlabel b{font-family:'Dump Display',sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-.025em;line-height:.94;text-wrap:balance;hyphens:none}
.hero h1,.pagehead h1{font-size:clamp(40px,7vw,88px)}
.detail h1{font-size:clamp(32px,5.4vw,54px)}
.sectiontop h2,.darkpanel h2,.giftpanel h2{font-size:clamp(26px,3.6vw,38px)}
.product h3,.step h3,.cartrow h3{font-family:'Dump Display',sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1.12;font-size:20px;text-transform:uppercase}
.brand{font-family:'DM Sans',sans-serif;font-weight:900;letter-spacing:-.03em;font-size:27px}
p,li,.product p,.pagehead p{hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
.price,.detail .price,.sumline,.stat strong,td,th{font-variant-numeric:tabular-nums}
.price{letter-spacing:-.01em;font-weight:800}
.eyebrow,.micro,.artnum,.artlabel,.status,.breadcrumb,.topline{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em}
.btn{font-weight:700;font-size:14px;letter-spacing:.01em}
.product,.formpanel,.summary,.empty,.stat,.darkpanel,.giftpanel,.notice,.chatlog p,.detailimage,.productart,.heroart,dialog,.toast{border-radius:18px}
.btn,.chip,.cartlink,.round,.quizanswers button,.cartrow .qty button,td button,.tag{border-radius:999px}
input,textarea,select{border-radius:14px}
.product{overflow:hidden}
@media(max-width:800px){body{font-size:16px}.hero h1,.pagehead h1{font-size:clamp(38px,11vw,64px);letter-spacing:-.02em}.product h3{font-size:18px}}

/* ---- Produktgeschichten ---- */
.product-story{padding:22px 0 70px}.product-story h1,.product-story h2{font-family:'Dump Display',sans-serif;text-transform:uppercase;line-height:.94;text-wrap:balance}.product-story h2{font-size:clamp(34px,5vw,64px);margin:.3em 0}.story-number{font:700 12px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gelb)}
.story-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:650px;padding:36px 0 70px}.story-visual{position:relative;margin:0;background:#0c0d0f;border:1px solid #393c43;box-shadow:0 30px 70px #0008;overflow:hidden}.story-visual:before{content:'';display:block;height:12px;background:repeating-linear-gradient(45deg,var(--gelb) 0 11px,#111 11px 22px)}.story-visual img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.story-visual:hover img{transform:scale(1.025)}.story-visual figcaption{padding:12px 16px;font:600 10px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;color:#8f908b}.story-pitch h1{font-size:clamp(55px,8vw,104px);margin:.14em 0}.story-hook{font-size:clamp(20px,2.2vw,29px);line-height:1.35;color:#e7e3d8!important;max-width:24ch;hyphens:none;-webkit-hyphens:none}.story-buy{margin-top:30px;padding:22px 0;border-top:1px solid #3a3d45;border-bottom:1px solid #3a3d45;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 18px}.story-buy>strong{font:900 clamp(38px,5vw,62px)/1 'Dump Display',sans-serif;color:var(--orange)}.story-buy>span{grid-column:1;color:#9d9b92;font-size:13px}.story-buy .story-cta{grid-column:2;grid-row:1/3}.story-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px}.story-cta span{transition:transform .2s}.story-cta:hover span{transform:translate(4px,-3px)}.story-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;color:#c8c6bc;font-size:13px}.story-trust span:before{color:var(--gelb)}
.story-identity{position:relative;margin:0 calc(50% - 50vw);padding:clamp(54px,8vw,100px) max(5vw,calc((100vw - 1240px)/2));background:var(--gelb);color:#111;overflow:hidden}.story-identity:after{content:'&';position:absolute;right:4vw;top:50%;transform:translateY(-50%) rotate(-8deg);font:900 min(30vw,360px)/1 'Dump Display',sans-serif;color:#0000000c}.story-identity span{position:relative;z-index:1;font:800 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.story-identity h2{position:relative;z-index:1;max-width:20ch;font-size:clamp(38px,6.3vw,82px);margin:.25em 0 0;color:#111}
.story-split,.story-origin,.story-delivery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(35px,8vw,110px);padding:clamp(75px,10vw,140px) 0;align-items:center}.story-copy p,.story-origin p{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#c6c2b7!important;max-width:37em}.story-note{background:#202229;border:1px solid #3c4048;border-top:8px solid var(--orange);padding:32px;box-shadow:14px 14px 0 #0e0f11}.story-note b{font-family:'Dump Display',sans-serif;font-size:26px;text-transform:uppercase}.story-note ul{margin:22px 0 0;padding:0;list-style:none}.story-note li{border-top:1px solid #3b3e44;padding:14px 0;color:#d8d4c8}.story-note li:before{content:'→';margin-right:12px;color:var(--gelb)}
.story-origin{border-top:1px solid #34373e}.story-origin blockquote{margin:0;padding:36px;background:#f0eadc;color:#1b1b1b;font:700 clamp(22px,2.6vw,34px)/1.25 'Dump Display',sans-serif;transform:rotate(1.2deg);box-shadow:12px 12px 0 var(--orange)}.story-origin blockquote small{display:block;margin-top:22px;font:600 10px/1.5 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#69665e}
.story-ritual{margin:0 calc(50% - 50vw);padding:clamp(70px,9vw,120px) max(5vw,calc((100vw - 1240px)/2));background:#0e0f12}.story-ritual h2{max-width:15ch}.story-ritual ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:42px 0 0;list-style:none}.story-ritual li{position:relative;min-height:240px;padding:28px;background:#1d1f24;border:1px solid #353840;overflow:hidden;transition:transform .25s,border-color .25s}.story-ritual li:hover{transform:translateY(-8px);border-color:var(--gelb)}.story-ritual li>span{font:900 80px/1 'Dump Display',sans-serif;color:#ffffff0d}.story-ritual li p{position:absolute;left:28px;right:28px;bottom:24px;margin:0;font-size:19px;color:#e1ded4}
.story-letter{padding:clamp(75px,10vw,140px) 0}.story-letter-head{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:end}.story-letter-head h2{max-width:17ch}.story-letter-head p{max-width:55ch;color:#b6b3a9}.story-letter-head img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #41444c;transform:rotate(3deg);box-shadow:12px 12px 0 var(--gelb)}.story-letter-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:42px;padding:24px;background:#202229;border-top:7px solid var(--gelb)}.story-letter-form label{display:grid;gap:7px;font-weight:700}.story-letter-result{margin-top:22px;min-height:70px}.story-loader{display:grid;grid-template-columns:1fr auto;gap:10px;padding:23px;background:#101114;border:1px solid #41444c}.story-loader span{font-weight:700}.story-loader b{color:var(--gelb)}.story-loader i{grid-column:1/-1;display:block;height:10px;background:#292b30;overflow:hidden}.story-loader i:before{content:'';display:block;width:var(--progress);height:100%;background:repeating-linear-gradient(45deg,var(--gelb) 0 10px,var(--orange) 10px 20px);transition:width .45s}.story-letter-result .letter-card{max-width:760px;margin:0 auto}.letter-locked{margin-top:20px;padding:16px;text-align:center;background:#1c1d21;border:1px dashed #6a6b67;font-weight:800;color:var(--gelb)}.story-trigger{text-align:center!important;color:#d0cdc3!important;font-weight:700}.story-letter-result>.story-cta{display:flex;width:max-content;margin:16px auto}
.story-delivery{border-top:1px solid #34373e}.story-delivery ul{list-style:none;padding:0;margin:30px 0 0}.story-delivery li{padding:13px 0;border-bottom:1px solid #34373e;font-size:18px}.story-delivery li span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:12px;background:var(--gelb);color:#111;font-weight:900}.story-stock{padding:36px;background:#202229;border:1px solid #41444c}.story-stock b{display:block;font:900 clamp(80px,12vw,150px)/.75 'Dump Display',sans-serif;color:var(--orange)}.story-stock span{display:block;margin-top:28px;font-family:'Dump Display',sans-serif;font-size:26px;text-transform:uppercase}.story-stock p{color:#a5a299!important}
.story-final{position:relative;margin:20px calc(50% - 50vw) 0;padding:clamp(65px,8vw,105px) max(5vw,calc((100vw - 1240px)/2));background:var(--orange);color:#111;text-align:center}.story-final:before{content:'';position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(45deg,#111 0 12px,var(--gelb) 12px 24px)}.story-final>p{max-width:21ch;margin:0 auto 30px;font:900 clamp(34px,5.7vw,72px)/.98 'Dump Display',sans-serif;text-transform:uppercase}.story-final>div{display:flex;gap:20px;align-items:center;justify-content:center}.story-final>div>strong{font:900 48px/1 'Dump Display',sans-serif}.story-final .btn{background:#111;border-color:#111;color:#fff}.story-final small{display:block;margin-top:22px}.story-final a{color:inherit}.story-related{padding:clamp(75px,9vw,120px) 0 0}.story-related .sectiontop{align-items:end}
.story-editor{grid-column:1/-1;margin:8px 0;padding:18px;border:1px solid #474a51;background:#18191d}.story-editor summary{cursor:pointer;font:800 20px/1.2 'Dump Display',sans-serif;text-transform:uppercase;color:var(--gelb)}.story-editor[open] summary{margin-bottom:18px}.story-editor label{display:grid;gap:6px;margin-top:14px}.story-editor textarea{min-height:92px}
@media(max-width:900px){.story-hero{grid-template-columns:1fr;min-height:0}.story-visual{max-width:700px}.story-pitch{max-width:720px}.story-split,.story-origin,.story-delivery{grid-template-columns:1fr}.story-letter-head{grid-template-columns:1fr 180px}.story-letter-form{grid-template-columns:1fr 1fr}.story-letter-form button{grid-column:1/-1}.story-ritual ol{grid-template-columns:1fr}.story-ritual li{min-height:180px}}
@media(max-width:600px){.product-story{padding-top:0}.story-hero{padding-top:18px}.story-pitch h1{font-size:clamp(50px,18vw,78px)}.story-buy{grid-template-columns:1fr}.story-buy .story-cta{grid-column:1;grid-row:auto;margin-top:18px}.story-letter-head{grid-template-columns:1fr}.story-letter-head img{width:140px}.story-letter-form{grid-template-columns:1fr;padding:18px}.story-origin blockquote{box-shadow:7px 7px 0 var(--orange)}.story-final>div{flex-direction:column}.story-final>div>strong{font-size:42px}.story-note{box-shadow:7px 7px 0 #0e0f11}}
@media(prefers-reduced-motion:reduce){.story-visual img,.story-ritual li,.story-cta span{transition:none}.story-visual:hover img,.story-ritual li:hover{transform:none}}