/* Solid Nature: heller Handwerks-Katalog. Konzept siehe DESIGN.md */
@font-face{font-family:Jost;src:url(/assets/fonts/jost-var.woff2) format("woff2");font-weight:300 600;font-display:swap}
@font-face{font-family:Newsreader;src:url(/assets/fonts/newsreader-var.woff2) format("woff2");font-weight:300 600;font-display:swap}
:root{--weiss:#fff;--tinte:#1a1c1b;--grau:#5b625d;--tanne:#1e4b3a;--tanne-d:#123226;--kraft:#b58353;--kraft-t:#8a5a2b;--nebel:#eef2ee;--linie:#dde2dd;
--sans:Jost,"Helvetica Neue",Arial,sans-serif;--serif:Newsreader,Georgia,"Times New Roman",serif;--breit:1240px;--gut:clamp(18px,4vw,40px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--weiss);color:var(--tinte);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--tanne);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--tanne-d)}
:focus-visible{outline:3px solid var(--tanne);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;color:var(--tinte);text-wrap:balance}
h1{font-size:clamp(2.1rem,3.4vw + .9rem,3.7rem);line-height:1.05}
h2{font-size:clamp(1.6rem,2.4vw + 1rem,2.6rem)}
h3{font-size:clamp(1.3rem,1vw + 1rem,1.7rem)}
h4{font-size:1.2rem}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
.skip{position:absolute;left:-999px;top:0;background:var(--tanne);color:#fff;padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}
.wrap{width:100%;max-width:calc(var(--breit) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.wrap.schmal{max-width:calc(760px + 2*var(--gut))}
.klein,small{font-size:.875rem;color:var(--grau)}
.hinweisleiste{background:var(--kraft);color:#1a1c1b;text-align:center;padding:8px var(--gut);font-size:.95rem}
.hinweisleiste a{color:inherit}

/* Kopf */
.leiste-oben{background:var(--tanne);color:#fff;font-size:.82rem;letter-spacing:.04em;text-align:center}
.leiste-oben p{margin:0;padding:6px var(--gut)}
.kopf{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:6px solid transparent;border-image:repeating-linear-gradient(135deg,var(--tanne) 0 6px,#fff 6px 12px) 6}
.kopf-in{max-width:calc(var(--breit) + 2*var(--gut));margin-inline:auto;padding:12px var(--gut);display:flex;align-items:center;gap:clamp(16px,3vw,40px)}
.marke{text-decoration:none;color:var(--tanne);flex:none;display:block}
.marke-rahmen{display:inline-flex;flex-direction:column;border:1.5px solid currentColor;padding:7px 12px 6px 13px;font:500 .8rem/1.15 var(--sans);letter-spacing:.34em;color:var(--tanne);text-transform:uppercase}
.marke-rahmen b{font-weight:500}
.nav{flex:1}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(12px,1.8vw,28px);align-items:center;justify-content:flex-end}
.nav li{position:relative;margin:0}
.nav a{text-decoration:none;color:var(--tinte);font-size:.97rem;font-weight:500;padding:8px 2px;display:inline-block}
.nav a:hover,.nav a[aria-current],.nav li.aktiv>a{color:var(--tanne);box-shadow:inset 0 -2px 0 var(--tanne)}
.unter-knopf{display:none}
.nav .unter{display:none;list-style:none;margin:0;padding:12px 0;position:absolute;left:-16px;top:100%;min-width:260px;background:#fff;border:1px solid var(--linie);box-shadow:0 18px 40px -22px rgba(0,0,0,.25)}
.nav .unter a{display:block;padding:7px 20px;font-weight:400}
.nav .unter a:hover{box-shadow:none;background:var(--nebel)}
@media(min-width:1001px){.nav .hat-unter:hover>.unter,.nav .hat-unter:focus-within>.unter{display:block}.hat-unter>a::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-3px);margin-left:7px}}
.korb{display:inline-flex;align-items:center;gap:8px;color:var(--tinte);text-decoration:none;font-weight:500;font-size:.97rem;padding:8px 4px;flex:none}
.korb-icon{display:inline-flex}.korb-zahl{background:var(--tanne);color:#fff;min-width:22px;height:22px;border-radius:11px;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.korb-zahl[hidden]{display:none}
.menue-knopf{display:none;background:none;border:1.5px solid var(--tinte);padding:8px 12px;font:500 .95rem var(--sans);cursor:pointer;align-items:center;gap:10px;color:var(--tinte)}
.menue-knopf i{width:16px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}
@media(max-width:1000px){
 .kopf-in{flex-wrap:wrap;gap:12px}.marke{margin-right:auto}.korb-text{display:none}.menue-knopf{display:inline-flex}
 .nav{display:none;order:9;flex-basis:100%;max-height:calc(100vh - 130px);overflow:auto;border-top:1px solid var(--linie);padding-top:8px}
 .nav.offen{display:block}.nav>ul{display:block}
 .nav a{display:block;padding:11px 0;font-size:1.05rem}.nav li{border-bottom:1px solid var(--linie)}
 .nav .unter{display:block;position:static;border:0;box-shadow:none;padding:0 0 8px 14px;min-width:0}.nav .unter a{padding:6px 0;font-size:.97rem;color:var(--grau)}
 .nav a:hover,.nav a[aria-current],.nav li.aktiv>a{box-shadow:none}
}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;gap:10px;background:var(--tanne);color:#fff;text-decoration:none;font:500 1rem var(--sans);padding:14px 26px;border:1.5px solid var(--tanne);border-radius:2px;cursor:pointer;transition:background .2s,color .2s}
.knopf:hover{background:var(--tanne-d);border-color:var(--tanne-d);color:#fff}
.knopf.hell{background:transparent;color:var(--tanne)}.knopf.hell:hover{background:var(--tanne);color:#fff}
.knopf.gross{padding:17px 32px;font-size:1.05rem;width:100%;justify-content:center}
.knopf[disabled]{opacity:.55;cursor:default}
.leise{color:var(--tanne);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.leise:hover{text-decoration:underline}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Hero */
.hero{padding:clamp(28px,5vw,72px) 0 clamp(36px,5vw,72px)}
.hero-raster{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
@media(min-width:900px){.hero-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.hero-marke{font:500 .85rem var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--kraft-t);margin:0 0 18px}
.hero h1{max-width:15ch;margin:0}
.badge{margin:36px 0 0;max-width:210px}.badge img{width:100%;height:auto}
.hero-figuren{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.6vw,22px)}
.fig a{display:block;text-decoration:none;color:var(--tinte);text-align:center}
.fig img{width:100%;aspect-ratio:3/4;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.fig a:hover img{transform:translateY(-6px)}
.fig span{display:block;font:500 .95rem var(--sans);margin-top:6px}.fig small{display:block;font-weight:400}
@media(min-width:900px){.fig.f2,.fig.f5{transform:translateY(26px)}.fig.f3{transform:translateY(-8px)}.fig.f6{transform:translateY(12px)}}

/* Abschnitte */
.abschnitt{padding:clamp(28px,4.5vw,64px) 0}
.kopfzeile{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:clamp(16px,2.4vw,32px)}
.kopfzeile h2{margin:0}
.lesen{max-width:660px}.lesen.klein{font-size:.9rem}
.lesen h2,.lesen h3,.lesen h4{margin-top:1.6em}.lesen>:first-child{margin-top:0}
.lesen a{overflow-wrap:anywhere}
.text-raster{display:grid;gap:12px clamp(24px,5vw,80px)}
@media(min-width:900px){.text-raster{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start}.text-raster>h2,.text-raster>h3,.text-raster>h4{position:sticky;top:110px;margin:0}}
.text-raster>h3,.text-raster>h4{font-size:clamp(1.3rem,1vw + 1rem,1.7rem)}
.abschnitt.text+.abschnitt.text,.abschnitt.text+.abschnitt.textbild,.abschnitt.textbild+.abschnitt.text{padding-top:0}
.inhalt>.abschnitt:first-child{padding-top:clamp(12px,2vw,28px)}
@media(min-width:900px){.mit-kopf~.abschnitt.text:not(.mit-kopf) .lesen{margin-left:calc((100% - clamp(24px,5vw,80px))*4/11 + clamp(24px,5vw,80px))}}
.zwei{display:grid;gap:clamp(24px,4vw,64px);align-items:center}
@media(min-width:900px){.zwei{grid-template-columns:1fr 1fr}.bild-links .zwei>figure{order:-1}}
.textbild figure,.einzelbild{margin:0}.textbild figcaption,.einzelbild figcaption{font-size:.85rem;color:var(--grau);margin-top:10px}
.textbild img,.einzelbild img{width:100%;height:auto}
.einzelbild{max-width:760px;margin-inline:auto}
.nur-bild{padding:clamp(16px,3vw,40px) 0}
.seitenkopf{padding:clamp(28px,5vw,64px) 0 clamp(8px,2vw,24px)}
.seitenkopf h1{max-width:20ch}.seitenkopf .lead{font-size:1.2rem;color:var(--grau);max-width:60ch;margin:.6em 0 0}
.krumen ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.85rem;color:var(--grau)}
.krumen li+li::before{content:"/";margin-right:10px;color:var(--linie)}
.krumen a{color:var(--grau)}
.weiter{margin:1.4em 0 0}.knopf-abschnitt{padding:0 0 clamp(36px,5vw,64px)}.knopf-abschnitt .weiter{margin:0}
.text.flaschen{background:var(--nebel)}
.fussnote{padding-top:0}

/* Raster mit Haarlinien */
.raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--linie);border-left:1px solid var(--linie)}
@media(min-width:640px){.raster{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.raster{grid-template-columns:repeat(4,1fr)}}
.karte{background:#fff;margin:0;border-right:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.karte a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--tinte)}
.karte-bild{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#fff}
.karte-bild img{width:100%;height:100%;object-fit:contain;padding:6%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.karte a:hover .karte-bild img{transform:scale(1.04)}.karte a:hover b{color:var(--tanne)}}
.marke-aus,.marke-neu{position:absolute;left:10px;top:10px;font:500 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;background:var(--tanne);color:#fff}
.marke-aus{background:var(--tinte)}
.karte.aus .karte-bild img{opacity:.45}
.karte-text{display:flex;flex-direction:column;gap:2px;padding:4px 16px 18px;margin-top:auto}
.karte-text b{font:500 1rem/1.3 var(--sans)}.karte-text small{font-size:.82rem;line-height:1.35}
.karte-preis{font:500 1rem var(--sans);margin-top:6px}.gp{color:var(--grau)}
.shop-gruppe{padding:clamp(24px,4vw,56px) 0}
.shop-gruppe h2 a{text-decoration:none;color:inherit}.shop-gruppe h2 a:hover{color:var(--tanne)}
.weitere{background:var(--nebel)}.weitere .raster,.weitere .karte{border-color:#cfd6cf}
.kat-chips{border-bottom:1px solid var(--linie);padding:14px 0;position:sticky;top:78px;background:#fff;z-index:20}
.kat-chips ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.kat-chips a{display:block;white-space:nowrap;padding:7px 14px;border:1px solid var(--linie);text-decoration:none;color:var(--tinte);font-size:.92rem}
.kat-chips a:hover{border-color:var(--tanne);color:var(--tanne)}
@media(max-width:1000px){.kat-chips{top:70px}}

/* Schiene (Neu eingetroffen) */
.schiene{background:var(--nebel);padding-bottom:clamp(24px,3vw,40px)}
.schiene-rahmen{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 8px max(var(--gut),calc((100vw - var(--breit))/2));scrollbar-width:thin;overscroll-behavior-x:contain}
.schiene-liste{list-style:none;margin:0;padding:0;display:flex;gap:0;width:max-content;border-top:1px solid #cfd6cf;border-left:1px solid #cfd6cf}.schiene .karte{border-color:#cfd6cf}
.schiene-liste .karte{width:min(66vw,270px);scroll-snap-align:start}
.klassiker-raster{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media(min-width:900px){.klassiker-raster{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}
.klassiker figure{margin:0;max-width:340px}.klassiker figcaption{font-size:.85rem;color:var(--grau);margin-top:8px}
.klassiker .raster{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.klassiker .raster{grid-template-columns:repeat(4,1fr)}}

/* Stimmen */
.stimmen{background:var(--nebel)}
.stimmen-liste{list-style:none;margin:28px 0 0;padding:0;columns:1;column-gap:24px}
@media(min-width:700px){.stimmen-liste{columns:2}}@media(min-width:1050px){.stimmen-liste{columns:3}}
.stimmen-liste li{break-inside:avoid;background:#fff;border:1px solid var(--linie);padding:22px 24px;margin:0 0 24px}
.stimmen-liste blockquote{margin:0}.stimmen-liste blockquote p{margin:0 0 12px;font-family:var(--serif);font-size:1.12rem;line-height:1.5}
.von{margin:0;font-size:.88rem;color:var(--grau)}.von b{color:var(--tinte);font-weight:500}.von time{margin-left:6px}

/* Video */
.video{position:relative;aspect-ratio:16/9;max-width:760px;margin-inline:auto;background:var(--nebel)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-knopf{position:absolute;inset:0;width:100%;border:0;background:var(--nebel);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:500 1.05rem var(--sans);color:var(--tinte);padding:20px;text-align:center}
.video-knopf small{max-width:34ch;font-weight:400}
.video-play{width:64px;height:64px;border-radius:50%;background:var(--tanne);position:relative}
.video-play::after{content:"";position:absolute;left:25px;top:19px;border-left:19px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}

/* Produktseite */
.produkt-kopf{padding-top:20px}.produkt-kopf .krumen ol{margin:0}
.produkt-raster{display:grid;gap:clamp(24px,4vw,72px);padding-top:16px;padding-bottom:clamp(24px,4vw,56px)}
@media(min-width:960px){.produkt-raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.kauf{position:sticky;top:96px}}
.galerie{min-width:0}
.gal-gross{display:block;width:100%;border:1px solid var(--linie);background:#fff;padding:0;cursor:zoom-in;aspect-ratio:1/1}
.gal-gross img{width:100%;height:100%;object-fit:contain;padding:4%}
.gal-thumbs{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gal-t{width:78px;height:78px;border:1px solid var(--linie);background:#fff;padding:0;cursor:pointer}.gal-t.an{border-color:var(--tanne);box-shadow:inset 0 0 0 1px var(--tanne)}
.gal-t img{width:100%;height:100%;object-fit:contain;padding:4px}
.kauf-marke{font:500 .8rem var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--kraft-t);margin:0 0 8px}
.kauf h1{font-size:clamp(1.9rem,2.4vw + 1rem,3rem);margin-bottom:.25em}
.untertitel{color:var(--grau);font-size:1.05rem;margin:0 0 14px}
.kauf-preis{margin:12px 0 0;font:500 1.7rem var(--sans)}.kauf-gp{margin:0;font-size:.9rem;color:var(--grau)}.kauf-steuer{font-size:.85rem;color:var(--grau);margin:4px 0 20px}
.kauf-form .feld{margin-bottom:16px}
.kauf-form select,.kauf-form input[type=number]{width:100%;font:inherit;padding:12px 14px;border:1.5px solid #b9c1ba;background:#fff;border-radius:2px;color:var(--tinte)}
.mengenwahl{display:flex;max-width:170px}.mengenwahl button{width:46px;border:1.5px solid #b9c1ba;background:#fff;font:500 1.3rem var(--sans);cursor:pointer;color:var(--tinte)}
.mengenwahl input{text-align:center;border-left:0!important;border-right:0!important;min-width:0;-moz-appearance:textfield}.mengenwahl input::-webkit-inner-spin-button{display:none}
.kauf-status{min-height:1.4em;margin:12px 0 0;font-size:.95rem}.kauf-status.ok{color:var(--tanne)}.kauf-status.fehler{color:#a3261a}
.kauf-status a{font-weight:500}
.kauf-infos{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--linie);font-size:.92rem;color:var(--grau);display:flex;flex-wrap:wrap;gap:4px 22px}
.kauf-infos .verfuegbar::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tanne);margin-right:8px}
.kauf-aus{background:var(--nebel);padding:14px 16px}
.produkt-text{padding:clamp(24px,4vw,56px) 0 clamp(36px,5vw,72px);border-top:1px solid var(--linie);margin-inline:0;max-width:760px}
.produkt-text h2{font-size:1.5rem}.produkt-text h3{font-size:1.2rem;font-family:var(--sans);font-weight:500;letter-spacing:0}
.produkt-text ul{padding-left:1.1em}.produkt-text li p{margin:0 0 .3em}
.lightbox{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox button{position:absolute;top:14px;right:14px;border:1.5px solid var(--tinte);background:#fff;font:500 1rem var(--sans);padding:10px 16px;cursor:pointer}

/* Warenkorb */
.korb-raster{display:grid;gap:clamp(24px,4vw,64px)}
@media(min-width:960px){.korb-raster{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}}
.korb-liste ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.korb-pos{display:grid;grid-template-columns:84px 1fr auto;gap:6px 16px;padding:16px 0;border-bottom:1px solid var(--linie);align-items:center}
.korb-pos img{width:84px;height:84px;object-fit:contain;border:1px solid var(--linie);background:#fff}
.korb-pos b{display:block;font-weight:500;line-height:1.3}.korb-pos a{color:var(--tinte);text-decoration:none}.korb-pos small{display:block}
.korb-pos .preis{font-weight:500;text-align:right}
.korb-pos .steuer{grid-column:2/4;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.korb-pos .mengenwahl{max-width:132px}.korb-pos .mengenwahl button{width:36px;height:38px}.korb-pos .mengenwahl input{width:54px;padding:6px;font:inherit;border:1.5px solid #b9c1ba;border-radius:0;height:38px}
.entfernen{background:none;border:0;color:var(--grau);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;padding:4px}
.hinweis-stock{color:#a3261a;font-size:.88rem;grid-column:2/4}
.bestell-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--nebel);padding:clamp(18px,3vw,32px)}
.bestell-form>*{grid-column:1/-1}
.bf-gruppe{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.bf-gruppe>*{grid-column:span 1}.bf-gruppe .ganz,.bf-gruppe .wahl,.bf-gruppe legend{grid-column:1/-1}
.bf-gruppe legend{font:500 1.05rem var(--sans);padding:0;margin-bottom:10px;float:left;width:100%}.bf-gruppe legend+*{clear:both}
.summe dl{margin:0;display:grid;gap:6px}.summe dl div{display:flex;justify-content:space-between;gap:16px}.summe dt,.summe dd{margin:0}
.summe .gesamt{border-top:1.5px solid var(--tinte);padding-top:8px;margin-top:6px;font-weight:500;font-size:1.15rem}
.wahl{display:grid;gap:8px}.wahl label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1.5px solid #cfd6cf;padding:12px 14px;cursor:pointer;line-height:1.4}
.wahl label:has(input:checked){border-color:var(--tanne);box-shadow:inset 0 0 0 1px var(--tanne)}
.wahl input{margin-top:5px;accent-color:var(--tanne)}

/* Formulare */
.kontaktform{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.kontaktform .ganz,.feld.ganz{grid-column:1/-1}
.feld{display:flex;flex-direction:column;gap:6px}
.feld label{font-weight:500;font-size:.95rem}.opt{color:var(--grau);font-weight:400}
.feld input:not([type=checkbox]):not([type=radio]),.feld textarea,.feld select{font:inherit;padding:12px 14px;border:1.5px solid #b9c1ba;background:#fff;border-radius:2px;color:var(--tinte);width:100%}
.feld input:focus,.feld textarea:focus,.feld select:focus{outline:3px solid rgba(30,75,58,.35);border-color:var(--tanne)}
.feld.ungueltig input,.feld.ungueltig textarea{border-color:#a3261a}.feld.ungueltig>label{color:#a3261a}
.hilfe{font-size:.85rem;color:var(--grau)}
.haken .zustimmung{display:flex;gap:10px;font-weight:400;font-size:.92rem;line-height:1.5;align-items:flex-start}.haken input{margin-top:4px;accent-color:var(--tanne);flex:none}
.honig{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-status{margin:0;min-height:1.4em}.form-status.fehler{color:#a3261a}
.formular-erfolg{background:var(--nebel);padding:24px;grid-column:1/-1}
.wege{list-style:none;margin:0;padding:0;display:grid;gap:14px}.wege a,.wege .weg{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--tinte);padding:14px 0;border-bottom:1px solid var(--linie)}.wege b{display:block;font-weight:500}
.kontakt-info .wrap{max-width:760px}
@media(max-width:600px){.kontaktform,.bestell-form,.bf-gruppe{grid-template-columns:1fr}.bf-gruppe>*{grid-column:1/-1}}

/* Veranstaltungen, Verkaufsstellen, Blog, Listen */
.termine-liste{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.markt-liste{list-style:none;margin:32px 0;padding:0;border-top:1px solid var(--linie)}
.markt{padding:18px 0;border-bottom:1px solid var(--linie);display:grid;gap:2px 28px}.markt h3{margin:0;font-size:1.35rem}.markt p{margin:0}.markt.vorbei{opacity:.5}
@media(min-width:760px){.markt{grid-template-columns:260px 1fr}.markt .wann{grid-row:1/3}}
.pause{padding:26px 0;border-bottom:1px solid var(--linie)}.pause h3{margin:0;color:var(--kraft-t)}
.markt-bild{margin:24px 0}.markt-schluss{max-width:640px}
.land{margin-top:2em}
.vk-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}.vk-liste li{display:grid;gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--linie)}.vk-liste b{font-family:var(--serif);font-weight:400;font-size:1.3rem}
@media(min-width:640px){.vk-liste li{grid-template-columns:180px 1fr}}
.post-liste{list-style:none;margin:0;padding:0;display:grid;gap:clamp(24px,3vw,48px)}
@media(min-width:760px){.post-liste{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.post-liste{grid-template-columns:repeat(3,1fr)}}
.post-liste a{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--tinte);height:100%}
.post-bild{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--nebel)}.post-bild img{width:100%;height:100%;object-fit:cover}
.post-text{display:flex;flex-direction:column;gap:6px}.post-text time{font-size:.85rem;color:var(--grau)}.post-text b{font:400 1.45rem/1.2 var(--serif)}.post-text .mehr{color:var(--tanne);font-weight:500}
.post-liste a:hover b{color:var(--tanne)}
.kachel-links{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:520px}.kachel-links a{display:flex;justify-content:space-between;padding:18px 20px;border:1px solid var(--linie);text-decoration:none;font-weight:500}.kachel-links a:hover{border-color:var(--tanne)}
.smliste{list-style:none;padding:0;columns:2 260px;column-gap:32px}.smliste li{margin:0 0 6px;break-inside:avoid}
.recht .lesen{max-width:760px}.recht h2{font-size:1.4rem;font-family:var(--sans);font-weight:500;letter-spacing:0;margin-top:2em}
.leer{color:var(--grau)}

/* Fuß */
.fuss{margin-top:clamp(36px,6vw,96px);background:var(--tanne-d);color:#e7eee9;font-size:.95rem}
.faden{height:6px;background:repeating-linear-gradient(135deg,var(--tanne) 0 6px,#fff 6px 12px)}
.fuss a{color:#e7eee9;text-decoration:none}.fuss a:hover{text-decoration:underline;color:#fff}
.fuss-raster{display:grid;gap:36px;padding-top:clamp(32px,5vw,64px);padding-bottom:32px}
@media(min-width:760px){.fuss-raster{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.fuss .marke-rahmen{color:#fff}.fuss-spruch{font-family:var(--serif);font-size:1.1rem;margin:16px 0}
.fuss address{font-style:normal;line-height:1.7}
.fuss h2{font:500 .8rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#b9c8bf;margin:0 0 14px}
.fuss ul{list-style:none;margin:0;padding:0}.fuss li{margin:0 0 7px}
.fuss-unten{border-top:1px solid rgba(255,255,255,.18);padding-top:20px;padding-bottom:28px;display:flex;flex-wrap:wrap;gap:6px 28px;font-size:.88rem;color:#b9c8bf}.fuss-unten p{margin:0}.fuss-unten a{text-decoration:underline}
.kleingedruckt .sv{margin-left:12px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.kat-kopf .zwei{align-items:start}.kat-kopf .lesen p:first-child{font-family:var(--serif);font-size:1.5rem;line-height:1.3}
.kat-kopf .video{max-width:none}
@media(max-width:600px){.hero-figuren{margin-top:8px}}