.laden-einsatz{background:#e8eff3;border-block:1px solid #d9e1e5}.laden-einsatz__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.laden-einsatz__raster article{min-width:0}.laden-einsatz__ort{font-weight:650;margin-bottom:16px}.laden-einsatz__bild{display:flex;height:280px;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:12px;padding:20px}.laden-einsatz__bild img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #424f5c20)}.laden-einsatz__raster h3{margin-top:20px}.laden-einsatz__hinweis{border-top:1px solid #c7d2da;padding-top:22px;margin-top:32px;max-width:900px}.laden-texte article{border-top:1px solid #d9d6ce;padding:24px 0}.laden-textkopf{display:flex;align-items:center;justify-content:space-between;gap:16px}.laden-texte pre{white-space:pre-wrap;font:inherit;line-height:1.65;max-width:850px}.laden-texte h3{margin:0}.laden-vorschlag{background:#f5e7bc;padding:12px 24px;text-align:center}.laden-vorschlag a{margin-left:15px}
@media(max-width:760px){.laden-einsatz__raster{grid-template-columns:1fr}.laden-einsatz__bild{height:260px}.laden-textkopf{align-items:flex-start}.laden-einsatz__hinweis{margin-top:24px}}

/* Freigegebene Aufbauzeichnung: Originalmaterialien und graues Sortiment. */
.laden-aufbau{background:#FAF8F2;padding-block:42px}.laden-aufbau figure{margin:0}.laden-aufbau figure img{display:block;width:100%;height:auto}.laden-aufbau figcaption{text-align:right;font-size:14px}.laden-aufbau-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px}.laden-aufbau-hinweis{max-width:860px;font-size:16px}.laden-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.laden-aufbau-varianten{margin-top:24px}.laden-aufbau-varianten summary{cursor:pointer;font-weight:600}.laden-aufbau-varianten>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.laden-aufbau-varianten img{display:block;width:100%;height:auto}.laden-aufbau-varianten span{display:block;font-size:14px}
.zusatz-detailbilder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.zusatz-detailbilder img{width:100%;height:auto;border-radius:12px}.zusatz-detailbilder .zusatz-gruppenmotiv{grid-column:1/-1;max-width:960px;margin-inline:auto}.zusatz-detailbilder h3{font-size:20px}.zusatz-detailbilder .knoepfe{display:flex;flex-wrap:wrap;gap:10px}.bildspruenge{font-size:15px}.material-rezept{border-top:1px solid #ddd5c6;padding-top:24px;margin-top:24px}.material-rezept h3{font-size:22px}.material-rezept .knoepfe{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:14px}.material-rezept .rezept-digital{margin-top:16px}.textbaustein{border-top:1px solid #ddd5c6;padding-block:20px}.textkopf{display:flex;justify-content:space-between;align-items:center;gap:16px}.textkopf h4{margin:0}.text-kopieren{font:inherit;border:1px solid #b7c0c5;background:transparent;border-radius:5px;padding:7px 12px;cursor:pointer}.textbaustein pre{white-space:pre-wrap;font:inherit;max-width:860px}.zusatz-textgruppe h3{margin-top:28px}.zusatz-textgruppe{margin-top:24px}
@media(max-width:700px){.laden-aufbau .wrap{padding-inline:12px}.laden-aufbau-varianten>div{grid-template-columns:1fr}.laden-aufbau-links{gap:14px;flex-direction:column}.laden-aufbau-hinweis{font-size:15px}.zusatz-detailbilder{grid-template-columns:1fr}.laden-aufbau{padding-block:28px}}

/* Ladenübersicht: derselbe Ablauf und dieselben Abstände wie bei den Kisten.
   Eigene Materialvorschau für Plakat und Thekenschild. */
.aktionsablauf .service-druck{position:relative;display:block}
.aktionsablauf .service-druck img{position:absolute;object-fit:contain;aspect-ratio:auto;height:auto;max-width:none;box-shadow:0 3px 12px #424f5c20}
.aktionsablauf .service-druck .service-plakat{top:14px;left:calc(50% - 116px);width:144px}
.aktionsablauf .service-druck .service-schild{top:135px;left:calc(50% + 16px);width:112px;border:1px solid #d3c9b6}
@media(max-width:800px){.aktionsablauf .service-druck .service-plakat{width:157px;left:calc(50% - 124px)}.aktionsablauf .service-druck .service-schild{top:153px;width:123px}}

/* Rezeptseite und QR-Code als stille Zeile in der Rezeptkarte (21.09.2026, ersetzt den Abschnitt „Das sehen eure Kundinnen und Kunden“). */
.matkarte .nebenwege--qr{flex-basis:100%;font-size:13.5px;color:var(--sek);}

/* Vier Schritte wie auf der Wein-Reise für Läden (21.09.2026); Ziffern im Käsegelb mit dunkler Ziffer. */
.winterschritte{padding:52px 0;background:#EDF1F4;border-block:1px solid #DCE3E8;}   /* Service-Sektion: abgetöntes Serviceblau */
.wschritte{display:grid;gap:16px;margin-top:20px;grid-template-columns:1fr;}
@media(min-width:640px){.wschritte{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1040px){.wschritte{grid-template-columns:repeat(4,minmax(0,1fr));}}
.wschritt{background:var(--papier);border:1px solid var(--kartenrand);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.wschritt-bild{background:var(--panel);border-bottom:1px solid var(--kartenrand);}
.wschritt-bild img{display:block;width:100%;height:auto;aspect-ratio:1280/840;object-fit:cover;}
/* Schritt 4: Telefon wie auf der Wein-Reise (Rahmen 9 px Graublau, Radius 26/17 px), oben angesetzt, unten aus dem Bild laufend */
.wschritt-bild--telefon{aspect-ratio:1280/840;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;overflow:hidden;}
.wschritt-bild--telefon .telefon{width:54%;max-width:210px;flex:none;border:8px solid #424F5C;border-radius:26px;background:#424F5C;overflow:hidden;box-shadow:0 18px 36px -22px rgba(40,49,64,.55);}
.wschritt-bild--telefon .telefon img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:unset;border-radius:17px;}
.wschritt-inhalt{position:relative;padding:26px 20px 20px;}
.wschritt-nr{position:absolute;top:-15px;left:20px;width:30px;height:30px;border-radius:50%;background:var(--kaese);color:#3D2A0B;font:800 15px/30px 'Bitter',serif;text-align:center;box-shadow:0 0 0 3px var(--papier);}
.wschritt h3{font-size:17.5px;line-height:1.3;margin:0 0 6px;}
.wschritt p{font-size:15px;line-height:1.55;margin:0;}
.wschritt p.wschritt-weiter{margin-top:10px;font-size:14.5px;font-weight:600;}
.winterschritte .hinweisbox{margin-top:22px;}
