:root{--ink:#0b0b0b;--pflaume:#251d2a;--pflaume2:#302636;--magenta:#d2489c;--magenta-tief:#a8307a;--mauve:#7a5f7b;--flieder:#ab98ac;
--satin:#f4f3f5;--nebel:#ece8ee;--linie:#e2dee5;--grau:#5d5862;--gruen:#2f7d4f;--rot:#c23a3a;--creme:#fbf7f3;--rund:14px;--max:1320px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--magenta-tief)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:600}
button{font:inherit;cursor:pointer}
.sprung{position:absolute;left:8px;top:-80px;background:#fff;padding:8px 12px;z-index:50}
.sprung:focus{top:8px}
.hinweis{background:var(--mauve);color:#fff;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:8px 16px}
.kopf{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--linie)}
.ueber-hero .kopf{position:absolute;left:0;right:0;top:auto;background:transparent;border:0}
.ueber-hero .hinweis{position:relative;z-index:21}
.kopf__reihe{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 40px}
.kopf__marke{flex:0 0 auto}
.kopf__logo{height:26px;width:auto}
.kopf__logo--hell{display:none}
.ueber-hero .kopf__logo--ink{display:none}
.ueber-hero .kopf__logo--hell{display:block}
.kopf__nav{flex:1}
.kopf__nav ul{display:flex;justify-content:center;gap:34px;list-style:none;margin:0;padding:0}
.kopf__nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.kopf__nav a[aria-current]{color:var(--magenta-tief)}
.ueber-hero .kopf__nav a{color:#fff}
.kopf__ende{display:flex;align-items:center;gap:10px}
.stempel{border:0;background:none;padding:0;line-height:0}
.stempel img{width:100%;height:auto}
.stempel:focus-visible{outline:3px solid var(--magenta);outline-offset:3px;border-radius:40px}
.stempel--kopf{width:210px}
.kopf__burger{display:none;width:42px;height:42px;border:0;background:none;padding:10px 8px;flex-direction:column;justify-content:space-between}
.kopf__burger span{display:block;height:2px;background:currentColor;border-radius:2px}
.ueber-hero .kopf__burger{color:#fff}
.buehne{position:relative;background:var(--pflaume);color:#fff;min-height:620px;display:flex;align-items:center;overflow:hidden}
.buehne__bild{position:absolute;inset:0 0 0 auto;width:min(62%,900px);height:100%;object-fit:cover;object-position:center}
.buehne::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pflaume) 36%,rgba(37,29,42,.55) 52%,rgba(37,29,42,0) 72%)}
.buehne__text{position:relative;z-index:2;max-width:var(--max);margin:0 auto;width:100%;padding:120px 40px 70px}
.buehne h1{font-size:clamp(34px,4.6vw,64px);font-weight:700;max-width:620px;margin-bottom:.35em}
.buehne p{font-size:18px;max-width:520px;color:#efe8f0;margin:0 0 26px}
.tuer{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;padding:12px 26px;border-radius:4px}
.tuer:hover{background:var(--nebel)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 20px 0;max-width:1440px;margin:0 auto}
.duo__kachel{position:relative;border-radius:8px;overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:4/3}
.duo__kachel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.duo__kachel:hover img{transform:scale(1.03)}
.duo__kachel::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,rgba(37,29,42,0),rgba(37,29,42,.72))}
.duo__text{position:absolute;z-index:1;left:34px;bottom:34px;right:34px;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.duo__text b{display:block;font-size:clamp(24px,3vw,40px);font-weight:600}
.duo__text small{font-size:18px}
.zusagen{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-around;gap:12px 30px;list-style:none;margin:0 auto;padding:30px 40px;max-width:var(--max)}
.zusagen li{display:flex;align-items:center;gap:10px;font-size:15px}
.zusagen small{color:var(--grau);font-size:13px}
.zusagen__icon,.kreise__icon::after{background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.zusagen__icon{width:26px;height:26px;flex:0 0 26px}
.zusagen__icon--0,.kreise__icon--2{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3zm-1 14-4-4 1.4-1.4L11 13.2l4.6-4.6L17 10l-6 6z'/%3E%3C/svg%3E")}
.zusagen__icon--1,.kreise__icon--0{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h11v9H3zM14 9h4l3 3v3h-7zM7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}
.zusagen__icon--2,.kreise__icon--1{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v12H7l-3 3V4zm4 5v2h8V9H8z'/%3E%3C/svg%3E")}
.band{max-width:1440px;margin:10px auto 0;padding:0 20px}
.band img{border-radius:8px;width:100%}
.regal{max-width:var(--max);margin:0 auto;padding:70px 40px}
.regal--grau{max-width:none;background:var(--satin)}
.regal--grau>*{max-width:calc(var(--max) - 80px);margin-left:auto;margin-right:auto}
.regal__kopf{text-align:center;font-size:clamp(26px,3vw,38px);color:#2a1d14}
.regal__kopf--links{text-align:left;font-size:26px}
.regal__sub{text-align:center;color:var(--grau);max-width:640px;margin:0 auto 34px}
.raster{display:grid;gap:22px}
.raster--vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.raster--drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.raster--zwei{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:var(--rund);overflow:hidden}
.karte__bild{background:#f6f6f6;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.karte__bild img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.karte__text{padding:16px 18px 6px;flex:1;display:flex;flex-direction:column}
.karte__titel{font-size:15.5px;font-weight:600;margin-bottom:6px}
.karte__titel a{color:var(--ink);text-decoration:none}
.karte__titel a:hover{color:var(--magenta-tief)}
.karte__kurz{font-size:13.5px;color:var(--grau);margin:4px 0 8px}
.karte__farben{font-size:12.5px;color:var(--grau);margin:0 0 8px}
.karte__preis{margin:auto 0 2px}
.karte__preis b{font-size:21px;font-weight:700;display:block}
.karte__preis small{font-size:12px;color:var(--grau)}
.karte__lager{font-size:13px;color:var(--gruen);margin:2px 0 0}
.karte__lager::before{content:"✓ "}
.stempel--karte{margin:12px 14px 16px}
.sterne{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}
.sterne__leer{position:relative;color:#d8d2da;letter-spacing:2px;font-size:16px;line-height:1}
.sterne__voll{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--magenta)}
.sterne__zahl{color:var(--grau);font-size:13px}
.sterne--klein .sterne__leer{font-size:14px}
.probe{max-width:var(--max);margin:0 auto;padding:10px 40px 70px}
.probe__paar{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;align-items:start}
.probe__bild{position:relative;margin:0;border-radius:var(--rund);overflow:hidden;background:var(--pflaume)}
.probe__bild img{width:100%;height:auto}
.probe__bild figcaption{padding:14px 18px;color:#fff;font-weight:500}
.pille{position:absolute;top:16px;background:var(--magenta);color:#fff;border-radius:30px;padding:4px 16px;font-size:14px;font-weight:600}
.pille--l{left:16px}.pille--r{right:16px}
.pokal{max-width:var(--max);margin:0 auto;padding:0 40px}
.pokal img{width:100%;border-radius:22px}
.gruende{max-width:var(--max);margin:0 auto;padding:70px 40px 30px}
.gruende h2{color:var(--magenta-tief);text-align:center;font-size:24px}
.gruende__reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.grund{text-align:center}
.grund img{width:100%;aspect-ratio:3/2;object-fit:cover}
.grund h3{color:var(--magenta-tief);font-size:16px;margin:14px 0 6px}
.grund p{font-size:14px;color:var(--grau);margin:0 12px}
.stimmen{background:var(--satin);padding:70px 40px}
.stimmen__raster{max-width:var(--max);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.stimme{margin:0;background:#fff;padding:28px 26px;text-align:center;box-shadow:0 6px 24px rgba(37,29,42,.06);display:flex;flex-direction:column}
.stimme__sterne{color:var(--ink);letter-spacing:3px;margin:0 0 10px}
.stimme blockquote{margin:0;font-size:14.5px;flex:1}
.stimme__titel{font-weight:600}
.stimme figcaption{margin-top:14px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--grau)}
.stimme figcaption b{color:var(--ink);font-size:15px}
.stimme__produkt{font-size:13px}
.wissen{max-width:960px;margin:0 auto;padding:60px 40px}
.wissen h2{color:var(--magenta-tief);font-size:clamp(22px,2.6vw,30px)}
.wissen h3{font-size:18px;margin-top:1.4em}
.wissen p{color:#2d2a30}
.merke{max-width:880px;margin:10px auto;border-left:4px solid var(--magenta);background:var(--creme);padding:16px 22px;font-size:15px}
.fragen{max-width:960px;margin:0 auto;padding:30px 40px 70px}
.fragen h2{font-size:26px}
.fragen details{border-bottom:1px solid var(--linie)}
.fragen summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary h3{font-size:16px;font-weight:600;margin:0}
.fragen summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);margin:0 6px 6px 16px;transition:transform .2s;flex:0 0 auto}
.fragen details[open] summary::after{transform:rotate(-135deg);margin-bottom:0}
.fragen details p{margin:0 0 16px;color:var(--grau)}
.kreise ul{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;list-style:none;margin:0;padding:50px 20px}
.kreise li{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:220px}
.kreise__icon{width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:#f1eef2;position:relative}
.kreise__icon::after{content:"";position:absolute;inset:22px}
.kreise b{margin-top:14px;font-size:15px}
.kreise small{color:var(--grau);font-size:12.5px}
.fuss{background:#000;color:#fff;padding:56px 40px 30px}
.fuss__raster{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:30px}
.fuss__kopf{font-size:18px;font-weight:600;margin:0 0 14px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:0 0 8px}
.fuss a{color:#fff;text-decoration:none;font-size:14px}
.fuss a:hover{color:var(--flieder)}
.fuss__marke img{height:28px;width:auto;margin-bottom:14px}
.fuss__marke p,.fuss address{font-size:14px;color:#cfc8d2;font-style:normal}
.fuss__unten{max-width:var(--max);margin:40px auto 0;border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#cfc8d2}
.pfad{max-width:var(--max);margin:0 auto;padding:16px 40px 0}
.pfad ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;color:var(--grau)}
.pfad li+li::before{content:"›";margin-right:6px}
.pfad a{color:var(--ink)}
.schleife{max-width:var(--max);margin:14px auto 0;padding:0 40px}
.schleife img{width:100%;border-radius:8px}
.auftakt{max-width:var(--max);margin:22px auto 0;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:stretch}
.auftakt__text{background:var(--pflaume);color:#fff;padding:34px 30px}
.auftakt__text h1{font-size:28px}
.auftakt__text p{font-size:14.5px;color:#eae3ec;margin:0}
.auftakt__bild{width:100%;height:100%;object-fit:cover;max-height:340px}
.sortiment{max-width:var(--max);margin:0 auto;padding:50px 40px 30px;text-align:center}
.sortiment h2{color:var(--magenta-tief);font-size:24px;margin-bottom:2px}
.sortiment__zahl{color:var(--grau);font-size:13px;margin:0 0 16px}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 30px;padding:0}
.chips a{display:block;border:1px solid var(--linie);border-radius:30px;padding:8px 18px;font-size:13.5px;color:var(--ink);text-decoration:none;background:#fff}
.chips a:hover{background:var(--nebel)}
.sortiment .raster{text-align:left}
.weiter{max-width:960px;margin:0 auto;padding:10px 40px 30px}
.weiter h2{font-size:20px}
.weiter ul{padding-left:18px}
.anprobe{max-width:var(--max);margin:0 auto;padding:24px 40px 50px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px}
.galerie__buehne{position:relative;background:#f7f7f7;border-radius:8px}
.galerie__haupt{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.galerie__pfeil{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:24px;line-height:1}
.galerie__pfeil--zurueck{left:12px}.galerie__pfeil--vor{right:12px}
.galerie__leiste{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:12px}
.galerie__mini{border:1px solid var(--linie);border-radius:6px;padding:3px;background:#fff}
.galerie__mini.ist-an{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta)}
.galerie__mini img{width:100%;aspect-ratio:1;object-fit:contain}
.anprobe__info h1{font-size:clamp(22px,2.2vw,28px);font-weight:600}
.anprobe__tag{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;color:#3a3540;margin:0 0 10px}
.anprobe__tag::before{content:"";flex:0 0 16px;height:16px;margin-top:4px;background:var(--magenta);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12 12 3H4v8l9 9 8-8zM7 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12 12 3H4v8l9 9 8-8zM7 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.anprobe__preis{margin:12px 0 0}
.anprobe__betrag{font-size:30px;font-weight:700}
.anprobe__fein{font-size:12.5px;color:var(--grau);margin:0 0 14px}
.eckdaten{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;background:var(--satin);border-radius:6px;padding:14px 18px;margin:0 0 16px;list-style:none;font-size:13.5px}
.eckdaten li::before{content:"• "}
.farbwahl p{margin:0 0 8px;font-size:14px}
.farbwahl__pillen{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.farbpille{border:1px solid var(--linie);background:#fff;border-radius:30px;padding:6px 16px;font-size:13.5px}
.farbpille.ist-an{border-color:var(--magenta);color:var(--magenta-tief);box-shadow:0 0 0 1px var(--magenta)}
.stempel--gross{width:min(100%,460px);margin:4px 0 18px}
.punkte{padding-left:18px;font-size:14px;margin:0 0 14px}
.punkte li{margin-bottom:6px}
.klappe{border-top:1px solid var(--linie);padding:12px 0;font-size:14px}
.klappe summary{font-weight:600;cursor:pointer}
.klappe:last-of-type{border-bottom:1px solid var(--linie)}
.sicher{list-style:none;padding:0;margin:14px 0 0;font-size:13.5px}
.sicher li{padding-left:24px;position:relative;margin-bottom:4px}
.sicher li::before{content:"✓";position:absolute;left:4px;color:var(--magenta-tief);font-weight:700}
.reiter{position:sticky;top:0;z-index:15;background:var(--mauve)}
.reiter ul{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 34px;list-style:none;margin:0;padding:12px 16px}
.reiter a{color:#fff;text-decoration:none;font-size:14px;font-weight:500}
.ueberblick{max-width:1100px;margin:0 auto;padding:50px 40px}
.ueberblick h2,.daten h2{font-size:26px;text-align:center}
.lede{max-width:760px;margin:0 auto 30px;font-size:15.5px}
.szene{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:34px;align-items:center;margin:0 0 34px}
.szene img{border-radius:var(--rund);width:100%}
.szene--rechts img{order:2}
.szene h3{color:var(--magenta-tief);font-size:21px}
.szene p{color:var(--grau);font-size:14.5px}
.daten{background:var(--creme);padding:50px 40px}
.daten details{max-width:900px;margin:0 auto;border-top:1px solid var(--linie);padding:14px 0}
.daten summary{font-weight:600;cursor:pointer}
.daten table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
.daten th,.daten td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linie);vertical-align:top}
.daten th{width:40%;font-weight:500;color:var(--grau)}
.fragen--pdp{padding-top:50px}
.stimmen--pdp h2{text-align:center;font-size:26px}
.notiz{max-width:820px;margin:0 auto;padding:30px 40px 40px}
.notiz__kicker{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--rot);font-weight:700;font-size:13px;text-transform:uppercase}
.notiz__kicker::after{content:"";flex:1;height:2px;background:var(--rot)}
.notiz h1{font-size:clamp(26px,3.2vw,38px);font-weight:700}
.notiz__lead{font-weight:600;font-size:17px}
.notiz__bild{margin:22px 0}
.notiz__bild img{width:100%;border-radius:6px}
.notiz__bild figcaption{font-size:12.5px;color:var(--grau);margin-top:6px}
.notiz h2{font-size:24px;margin-top:1.5em}
.notiz h3{font-size:18px;margin-top:1.2em}
.kurz{background:var(--satin);padding:20px 24px;border-radius:6px}
.kurz h2{margin-top:0;font-size:20px}
.kurz ul{margin:0;padding-left:20px}
.kurz li{margin-bottom:6px;font-weight:500}
.notiz .merke{margin:22px 0}
.testbox{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;border:1px solid var(--linie);border-radius:8px;padding:18px;margin:18px 0}
.testbox>a img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f6f6;border-radius:6px}
.testbox__marke{margin:0;font-size:12.5px;color:var(--grau)}
.testbox h3{margin:2px 0 6px;font-size:19px}
.testbox h3 a{color:var(--ink);text-decoration:none}
.testbox__preis{font-weight:700;margin:0 0 10px}
.testbox__preis small{font-weight:400;color:var(--grau)}
.testbox__pk{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13.5px}
.testbox__pk ul{margin:6px 0 0;padding-left:18px}
.pro,.kontra{margin:0;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;text-align:center;padding:3px}
.pro{background:var(--gruen)}.kontra{background:var(--rot)}
.stempel--box{width:min(100%,360px);margin-top:14px}
.notiz__zwischen{margin:1.1em 0 .2em;font-size:16.5px}
.notiz__autor{color:var(--grau);font-size:13px;margin-top:30px}
.notizen{max-width:var(--max);margin:0 auto;padding:30px 40px 60px}
.notizen h1{font-size:34px}
.notizen__intro{max-width:720px;color:var(--grau)}
.notizen__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:26px}
.notizkarte img{border-radius:6px;aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:12px}
.notizkarte h2{font-size:19px}
.notizkarte h2 a{color:var(--ink);text-decoration:none}
.notizkarte p{font-size:14px;color:var(--grau)}
.seite{max-width:860px;margin:0 auto;padding:30px 40px 60px}
.seite h1{font-size:clamp(28px,3.4vw,40px)}
.seite__lead{font-size:18px;color:#3a3540}
.seite h2{font-size:22px;margin-top:1.4em}
.seite__bild{margin:24px 0}
.seite__bild img{border-radius:var(--rund);width:100%}
.seite__bild--klein{float:right;width:min(46%,340px);margin:6px 0 18px 28px}
.seite h2{clear:none}
.seite::after{content:"";display:block;clear:both}
.adresse{font-style:normal;background:var(--satin);padding:16px 20px;border-radius:6px;display:inline-block}
.kontaktkarte{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}
.kontaktkarte>div{border:1px solid var(--linie);border-radius:var(--rund);padding:22px}
.kontaktkarte h2{margin-top:0}
.stationen{list-style:none;counter-reset:st;padding:0;display:grid;gap:14px}
.stationen li{counter-increment:st;position:relative;padding:16px 18px 16px 64px;background:var(--satin);border-radius:var(--rund)}
.stationen li::before{content:counter(st);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--pflaume);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}
.stationen p{margin:4px 0 0;color:var(--grau)}
.fragen--gruppe{padding:10px 0 20px}
.nichts{max-width:700px;margin:0 auto;padding:80px 40px;text-align:center}
@media (max-width:1100px){
.raster--vier{grid-template-columns:repeat(2,minmax(0,1fr))}
.fuss__raster{grid-template-columns:repeat(3,minmax(0,1fr))}
.fuss__marke{grid-column:1/-1}
.kopf__nav ul{gap:20px}
.stempel--kopf{width:180px}
}
@media (max-width:860px){
.kopf__reihe{padding:12px 16px;gap:12px;flex-wrap:wrap}
.kopf__burger{display:flex}
.kopf__nav{order:3;flex:0 0 100%;display:none}
.menue-offen .kopf__nav{display:block}
.kopf__nav ul{flex-direction:column;gap:0;padding:6px 0}
.kopf__nav li{border-top:1px solid var(--linie)}
.kopf__nav a{display:block;padding:12px 4px}
.ueber-hero.menue-offen .kopf{background:var(--pflaume)}
.ueber-hero .kopf__nav li{border-color:rgba(255,255,255,.2)}
.kopf__ende{margin-left:auto}
.stempel--kopf{width:168px}
.buehne{min-height:0;flex-direction:column;align-items:stretch}
.buehne__bild{position:relative;width:100%;height:auto;aspect-ratio:1/1;max-height:420px;order:2}
.buehne::after{display:none}
.buehne__text{padding:92px 16px 26px}
.buehne p{font-size:16px}
.duo{grid-template-columns:1fr;padding:24px 16px 0;gap:14px}
.duo__text{left:20px;bottom:20px}
.zusagen{grid-template-columns:1fr;justify-content:start;padding:24px 16px}
.zusagen li{display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-items:start}
.zusagen li small{grid-column:2}
.band img{height:110px;object-fit:cover}
.band,.pokal,.schleife{padding:0 16px}
.regal,.probe,.gruende,.wissen,.fragen,.sortiment,.ueberblick,.notiz,.notizen,.seite,.weiter{padding-left:16px;padding-right:16px}
.regal{padding-top:44px;padding-bottom:44px}
.raster--drei,.raster--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.raster{gap:12px}
.karte__text{padding:12px 12px 4px}
.karte__titel{font-size:14px}
.karte__preis b{font-size:18px}
.stempel--karte{margin:10px 8px 12px}
.probe__paar,.gruende__reihe,.stimmen__raster,.notizen__raster,.kontaktkarte{grid-template-columns:1fr}
.stimmen{padding:44px 16px}
.auftakt{grid-template-columns:1fr;padding:0 16px}
.anprobe{grid-template-columns:1fr;gap:24px;padding:16px 16px 36px}
.galerie__leiste{grid-template-columns:repeat(4,minmax(0,1fr))}
.eckdaten{grid-template-columns:1fr}
.szene{grid-template-columns:1fr;gap:14px}
.szene--rechts img{order:0}
.daten{padding:40px 16px}
.reiter ul{gap:4px 18px}
.testbox{grid-template-columns:1fr}
.seite__bild--klein{float:none;width:100%;max-width:340px;margin:16px auto}
.testbox>a img{max-width:220px}
.testbox__pk{grid-template-columns:1fr}
.fuss{padding:44px 16px 24px}
.fuss__raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fuss address a{overflow-wrap:anywhere}
.pfad{padding:12px 16px 0}
.kreise ul{gap:24px}
}
@media (max-width:420px){
.karte__kurz{display:none}
.stempel--kopf{width:150px}
.kopf__logo{height:22px}
}