/* Kistenfassung: kompakte Planung, Arbeitsmaterial und ruhiger Saisonüberblick. */
.kba-band{background:var(--salbei-dunkel);color:#F7F3EB;font:600 12px/1.4 'Source Sans 3',sans-serif;letter-spacing:.03em;padding:11px 24px;}
.saison-kompakt .section-heading{margin-bottom:28px;}
.saison-kompakt .eyebrow{color:var(--ocker);}
.saisonraster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.saisonkarte{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--kartenrand);border-top:3px solid var(--kartenrand);border-radius:10px;padding:24px 22px 20px;}
.saisonkarte--auftakt{background:#F7F0E2;border-top-color:var(--ocker);}
.saisonkarte h3{font:700 20px/1.3 'Bitter',serif;margin:0 0 24px;}
.saisonkarte dl{margin:0;flex:1;}
.saisonkarte dl>div+div{border-top:1px solid var(--kartenrand);padding-top:18px;margin-top:18px;}
.saisonkarte dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ocker);margin-bottom:8px;}
.saisonkarte dd{margin:0;font-size:17px;line-height:1.45;min-height:50px;}
.saisonkarte__link{font-size:14px;margin:24px 0 0;color:var(--sek);}
.saisonkarte__link a{font-weight:600;color:var(--preisblau);}
.saisonkarte dd strong{font-weight:600;}
.saison-hand{display:block;font:600 22px/1.15 'Caveat',cursive;color:var(--ocker);margin:7px 0 0;}
.saison-ergaenzungen{margin-top:24px;border-top:1px solid var(--kartenrand);padding-top:18px;}
.saison-ergaenzungen summary{cursor:pointer;color:var(--preisblau);font-size:16px;}
.ergaenzungsraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:22px;}
.ergaenzungsraster h3{font:600 17px/1.4 'Source Sans 3',sans-serif;margin:0;}
.etappenbild-link{display:block;min-width:0;border-radius:12px;overflow:hidden;}
.etappenbild-link .buehne{width:100%;}
.etappenbild-link:hover{outline:2px solid var(--ocker);outline-offset:3px;}
.material-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.material-bilder,.material-texte{background:var(--papier);border:1px solid var(--kartenrand);border-radius:10px;overflow:hidden;}
.material-bilder img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;}
.material-inhalt,.material-texte{padding:24px;}
.material-inhalt h3,.material-texte h3,.material-rezept h3{margin:0 0 10px;font-size:21px;}
.material-inhalt p{margin:0 0 16px;}
.dateiformat{font-size:13px;color:var(--sek);}
.material-inhalt .dateiformat{display:inline-block;margin:8px 0 0 12px;}
.material-texte pre{white-space:pre-wrap;font:400 18px/1.65 'Source Sans 3',sans-serif;background:var(--well);border:1px solid var(--kartenrand);border-radius:6px;padding:20px;margin:12px 0 20px;}
.material-kompakt .knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;}
.kopierstatus{font-size:14px;color:var(--graublau);min-height:21px;margin:8px 0;}
.material-daten{font-size:15px;border-top:1px solid var(--kartenrand);padding-top:18px;}
.material-rezept{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;border:1px solid var(--kartenrand);border-radius:10px;background:var(--papier);padding:24px;margin-top:24px;align-items:center;}
.material-rezept h3{margin-top:7px;font-size:19px;}
.material-rezept p{font-size:15px;margin:0;}
.rezept-digital{grid-column:1/-1;border-top:1px solid var(--kartenrand);padding-top:15px;}
.rezept-digital summary{font-size:15px;cursor:pointer;color:var(--preisblau);}
.rezept-digital p{margin:12px 0;}
.material-kompakt .allesdl{margin:24px 0 0;}
.detail-zeit{font-weight:600;color:var(--graublau);margin:0 0 16px;}
@media(max-width:1050px){.saisonraster{grid-template-columns:repeat(2,minmax(0,1fr));}.saisonkarte dd{min-height:0;}}
@media(max-width:700px){
  .saisonraster,.material-duo,.material-rezept,.ergaenzungsraster{grid-template-columns:1fr;}
  .saisonkarte{padding:20px;}.saisonkarte h3{margin-bottom:20px;}
  .saisonkarte dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .saisonkarte dl>div+div{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--kartenrand);}
  .saisonkarte dd{font-size:16px;}.saisonkarte__link{margin-top:20px;}
  .material-inhalt,.material-texte,.material-rezept{padding:20px;}
}

/* Alle drei Textkanäle direkt lesbar, mit jeweils eigener Kopierfunktion. */
.material-texte .textbaustein{margin-top:20px;}
.material-texte .textbaustein+.textbaustein{padding-top:18px;border-top:1px solid var(--kartenrand);}
.textkopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;}
.textkopf h4{font:700 13px/1.4 'Source Sans 3',sans-serif;color:var(--graublau);margin:0;}
.text-kopieren{border:0;border-radius:3px;background:transparent;color:var(--preisblau);padding:5px 0;font:600 13px/1.4 'Source Sans 3',sans-serif;text-decoration:underline;cursor:pointer;}
.material-texte .textbaustein pre{font-size:16px;line-height:1.55;margin:8px 0 0;padding:0;border:0;background:transparent;}

/* ---- Fahrplan der vier Etappen (14.09.2026, ersetzt die Saisonkarten) ----
   Ein Kasten, Spalten je Etappe, Zeilen über Subgrid gemeinsam: Die Trennlinien liegen
   dadurch konstruktionsbedingt auf einer Höhe. Kein Spaltenabstand, sondern Innenabstand
   rechts in den Zellen, damit die Linien durchlaufen statt an Lücken abzureißen. */
.fahrplan{display:grid;grid-template-columns:92px repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;
  background:var(--papier);border:1px solid var(--kartenrand);border-radius:10px;padding:0 24px;overflow:hidden;}
.fp-labels,.fp-etappe{display:grid;grid-row:1/4;grid-template-rows:subgrid;min-width:0;}
.fp-labels span{font:600 11px 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--graublau);padding:21px 0 0;}
.fp-labels span:first-child{padding:0;}
.fp-zeit{display:flex;flex-direction:column;padding:22px 22px 18px 0;}
.fp-zeit time{display:block;font:700 18px/1.2 'Bitter',serif;color:var(--graublau);}
.fp-kw{display:block;margin-top:auto;padding-top:8px;white-space:nowrap;font:600 14px/1.35 'Source Sans 3',sans-serif;font-variant-numeric:tabular-nums;color:var(--graublau);}
.fp-status{display:block;margin-top:6px;font-size:13.5px;color:var(--sek);}
.fp-status a{font-weight:600;color:var(--preisblau);text-decoration:none;}.fp-status a:hover{text-decoration:underline;}
.fp-zelle{padding:18px 22px 18px 0;border-top:1px solid var(--trenn);}
.fp-etappe>.fp-zelle:nth-child(2),.fp-labels span:nth-child(2){border-top:1px solid var(--kartenrand);}
.fp-labels span:nth-child(3){border-top:1px solid var(--trenn);}
.fp-zelle{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;}
.fp-bild{display:block;}.fp-bild img{display:block;width:64px;height:64px;object-fit:cover;border-radius:8px;}
.fp-zelle b{display:block;font-weight:600;font-size:16px;line-height:1.35;color:var(--graublau);}
.fp-zelle span{display:block;font-size:14px;line-height:1.45;color:var(--sek);margin-top:3px;}
.saison-sub{font-size:14px;color:var(--sek);margin:4px 0 0;}
@media(max-width:900px){
  .fahrplan{grid-template-columns:1fr;grid-template-rows:none;padding:0 18px;}
  .fp-labels{display:none;}
  .fp-etappe{grid-row:auto;grid-template-rows:auto;padding:18px 0;border-top:1px solid var(--kartenrand);}
  .fp-etappe:nth-child(2){border-top:0;}
  .fp-zeit{padding:0 0 8px;}
  .fp-zelle,.fp-etappe>.fp-zelle:nth-child(2){padding:8px 0;border-top:0;}
  .fp-zelle{grid-template-columns:56px minmax(0,1fr);gap:12px;}.fp-bild img{width:56px;height:56px;}
  .fp-zelle::before{grid-column:1/-1;content:attr(data-label);display:block;font:600 11px 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--graublau);margin-bottom:4px;}
}

/* Zusatzangebote (15.09.2026, Fassung D): kompakte Kartenreihe mit Bildmarke wie im Fahrplan. */
.zusatzangebote{padding-top:0;}
.zusatzreihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.zk{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;background:var(--papier);border:1px solid var(--kartenrand);border-radius:10px;padding:12px 16px 12px 12px;}
.zk-bild{display:block;}.zk-bild img{display:block;width:96px;height:96px;object-fit:cover;border-radius:8px;}
.zk-zeit{font:600 11px 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--graublau);}
.zk-kw{display:block;white-space:nowrap;margin-top:3px;font-variant-numeric:tabular-nums;}
.zk h3{font:600 16px/1.35 'Source Sans 3',sans-serif;margin:3px 0 3px;}.zk h3 a{color:var(--preisblau);text-decoration:underline;text-underline-offset:2px;}   /* 22.09.2026: wie die Fahrplan-Links erkennbar anklickbar */
.zk p{margin:0;font-size:14px;line-height:1.45;color:var(--sek);}
@media(max-width:1000px){.zusatzreihe{grid-template-columns:1fr;}}
.zusatz-detailbilder{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}.zusatz-detailbilder img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px;}.zusatz-detailbilder:has(article:only-child){max-width:850px;}
.zusatzbestellung{max-width:800px;}.zusatzzeile{display:grid;grid-template-columns:1fr 130px;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--kartenrand);}.zusatzzeile small{display:block;color:var(--sek);}.zusatzzeile input{width:100%;box-sizing:border-box;padding:10px;}

/* ---- Gesamtplaner der Übersicht (15.09.2026): Etappen als aufklappbare Gruppen, Prepack je Kiloware-Zeile ---- */
.pgruppe{border:1px solid var(--kartenrand);border-radius:8px;background:var(--papier);margin:0 0 10px;}
.pgruppe>summary{list-style:none;position:relative;display:grid;grid-template-columns:184px 1fr auto;gap:16px;align-items:center;padding:14px 18px 14px 40px;cursor:pointer;min-height:44px;}
.pgruppe>summary::-webkit-details-marker{display:none;}
.pgruppe>summary::before{content:'+';position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--preisblau);}
.pgruppe[open]>summary::before{content:'–';}
.pg-zeit{font:700 17px 'Bitter',serif;color:var(--graublau);}.pgruppe[open] .pg-zeit{color:var(--ocker);}
.pg-titel{color:var(--sek);font-size:14.5px;}
.pg-summe{font-weight:600;color:var(--preisblau);white-space:nowrap;font-variant-numeric:tabular-nums;}
.pg-summe.leer{color:var(--sek);font-weight:400;}
.pgruppe>div{padding:6px 18px 18px;border-top:1px solid var(--trenn);}
.pgruppe .calc,.pgruppe .delivery{margin-top:10px;}
.prepack{display:inline-flex;gap:8px;align-items:center;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--graublau);cursor:pointer;}
.order-lines .prepack input{width:18px;height:18px;margin:0;padding:0;}
.prepack small{display:inline;font-weight:400;color:var(--sek);margin:0;}
.prepack-detail{display:block;font-size:13px;color:var(--sek);margin-top:4px;}
.order-lines .prepack-detail input{width:56px;text-align:center;font:600 13px 'Source Sans 3',sans-serif;padding:4px;}
.prepack-hinweis{margin:0 0 14px;font-size:14.5px;color:var(--sek);}
.pg-woche{display:flex;gap:12px;align-items:center;margin:8px 0 6px;font-size:14.5px;font-weight:600;color:var(--graublau);}.pg-woche select{padding:8px 10px;font:inherit;font-weight:400;}
@media(max-width:700px){.pgruppe>summary{grid-template-columns:1fr;gap:4px;}.pg-woche{flex-direction:column;align-items:flex-start;}
  .order-lines td:nth-child(3){text-align:left;}   /* Beschriftung „Menge“ über dem Feld, nicht am rechten Rand */}

/* ---- Zeitraumblöcke kompakt (15.09.2026): weniger Luft um Karten und Überschriften, Karten ohne eigenen
   Kasten – die Zeiträume unterscheiden sich allein durch den Wechsel von Papier und Sand. ---- */
.zeitraum-block{padding:64px 0;margin-block:24px;}
.zeitraum-block .section-heading{margin-bottom:10px;}
.zeitraum-block .section-heading h2{margin:2px 0 0;}
.zeitraum-block .etappe,.zeitraum-block .etappe:nth-of-type(odd){background:transparent;padding:14px 0;margin-bottom:6px;gap:32px;}
.zeitraum-block .etappe:last-child{margin-bottom:0;}
.zeitraum-block .etappe h3{margin-top:6px;font-size:24px;}
.zeitraum-block .etappe p.ehand{margin:2px 0 6px;}
.zeitraum-block .etappe p{margin:6px 0 0;}
.zeitraum-block .kaeseliste{margin-top:10px;gap:5px;}
.zeitraum-block .setek{margin-top:8px;}
.zeitraum-block .eaktionen{margin-top:14px;}
@media(max-width:1000px){.zeitraum-block .etappe{gap:18px;}}

/* Gruppenmotiv vor den drei Einzelbildern des Ofenangebots. */
.zusatz-detailbilder .zusatz-gruppenmotiv{grid-column:1/-1;max-width:960px;width:100%;margin:0 auto 24px}.zusatz-gruppenmotiv img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* ---- Zusatzseiten im Aufbau der Etappenseiten (15.09.2026) ---- */
.hero-copy .zurueck{color:var(--preisblau);margin-bottom:14px;}
.zusatz-detailbilder article h3{font-size:19px;margin:12px 0 6px;}
.zusatz-detailbilder .knoepfe{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;}
.zusatz-freisteller{margin:36px 0 12px;font-size:22px;}
#material .bildraster + .cta{margin-top:22px;}

/* Auswahlhilfe und ruhige Übergänge zwischen den Aktionszeiträumen. */
#downloads .bilder-download-link{margin:20px 0 30px;}
.aktionsablauf{padding:40px 0 56px;}
.aktionsablauf>.wrap>p{max-width:850px;line-height:1.65;}
.aktionsschritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px;}
.aktionsschritte article{border-top:1px solid var(--line,#dedbd4);padding-top:18px;}
.aktionsschritte article>span{font-size:14px;font-weight:700;color:var(--preisblau,#466487);}
.aktionsschritte h3{font-size:21px;margin:8px 0;}
.aktionsschritte p{margin:0;line-height:1.6;}
@media(max-width:700px){.aktionsschritte{grid-template-columns:1fr;gap:22px;}.zeitraum-block{padding:42px 0;margin-block:16px;}.aktionsablauf{padding:28px 0 36px;}}

/* Materialvorschau analog zur Weinreise, als eigener Übergang zur Angebotsliste. */
.aktionsablauf{background:#edf1f4;border-block:1px solid #dce3e8;padding:56px 0 60px;margin-block:24px 40px;}
.aktionsablauf .pbild{background:#faf9f5;height:220px;display:flex;align-items:center;justify-content:center;}
.aktionsablauf .pbild img.ganz{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;}
.aktionsablauf .pkarte h3{font-size:21px;}
.aktionsablauf .pkarte p{font-size:16px;}
.aktionsablauf-bestellung{border-top:1px solid #cdd7df;margin-top:30px;padding-top:22px;}
.aktionsablauf-bestellung p{max-width:900px;margin:8px 0 12px;line-height:1.6;}
.aktionsablauf-bestellung a{color:var(--preisblau,#466487);font-weight:600;}
@media(max-width:700px){.aktionsablauf{padding:36px 0;margin-block:16px 24px;}.aktionsablauf .pbild{height:210px;}}

/* Ofenkäse: Gruppenmotiv kompakt, drei Einzelmotive ohne leere vierte Spalte. */
.zusatz-detailbilder:has(.zusatz-gruppenmotiv){grid-template-columns:repeat(3,minmax(0,1fr));}
.zusatz-detailbilder .zusatz-gruppenmotiv{max-width:none;margin:0 0 12px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px 28px;align-items:start;}
.zusatz-detailbilder .zusatz-gruppenmotiv>img{grid-column:1;grid-row:1 / span 2;}
.zusatz-detailbilder .zusatz-gruppenmotiv>h3{grid-column:2;margin:0;align-self:end;}
.zusatz-detailbilder .zusatz-gruppenmotiv>.knoepfe{grid-column:2;}
@media(max-width:700px){
.zusatz-detailbilder:has(.zusatz-gruppenmotiv){grid-template-columns:1fr;}
.zusatz-detailbilder .zusatz-gruppenmotiv{display:block;}
.zusatz-detailbilder .zusatz-gruppenmotiv>h3{margin:12px 0 6px;}
}

/* Service-Sektion: freigegebene Vorschau mit kleinen Bearbeitungshinweisen. */
.aktionsablauf{margin-bottom:0;}
.aktionsablauf + .zeitraum-block{margin-top:0;}
.aktionsablauf .pbild{height:255px;position:relative;background:#FCFAF5;}
.aktionsablauf .service-rezept{display:block;}
.aktionsablauf .service-rezept img.service-blatt{position:absolute;top:12px;left:7%;width:86%;height:auto;max-width:none;aspect-ratio:auto;box-shadow:0 3px 15px #424f5c18;}
.service-hinweis{position:absolute;z-index:1;border:1px dashed #B8A98C;border-radius:5px;background:#FCF8EEEB;color:#78674C;font-size:12px;font-weight:600;line-height:1.4;padding:4px 8px;}
.service-logo{top:21px;right:11%;min-width:70px;min-height:28px;text-align:center;background:#EEA842;color:#3D2A0B;border-color:#A97120;}
.service-anpassen{left:16px;bottom:15px;max-width:calc(100% - 32px);}
.aktionsablauf .service-produkte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0 8px;padding:14px 13px 33px;}
.aktionsablauf .service-produkte img{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;object-fit:contain;transform:scale(1.12);}
.service-formate{position:absolute;bottom:9px;left:0;right:0;text-align:center;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.06em;color:#424F5C;}
@media(max-width:800px){.aktionsablauf .prinzip{grid-template-columns:1fr;}.aktionsablauf .pkarte{width:100%;max-width:500px;margin:0 auto;}.aktionsablauf .pbild{height:280px;}.aktionsablauf{margin-bottom:0;}}

#rezepte .material-rezept+.material-rezept{margin-top:20px;}

.zusatz-textgruppe{margin-top:22px;}.zusatz-textgruppe>h3{margin:0 0 14px;}

/* Planer auf schmalen Telefonen (16.09.2026): Preis- und Mengenzelle untereinander, Gruppenkasten mit weniger Rand,
   damit die Kartonzeile der Scheibenware nicht aus dem Kasten ragt. */
@media(max-width:420px){
  .order-lines tr{grid-template-columns:1fr;gap:6px 0;}
  .order-lines td{grid-column:1/-1;}
  .order-lines .mengenfeld{max-width:100%;}
  .order-lines .mengenfeld .karton-info{max-width:none;}
  .pgruppe>div{padding:6px 12px 14px;}
  .pgruppe>summary{padding:12px 12px 12px 34px;}.pgruppe>summary::before{left:12px;}
  .planner{padding:16px 12px;}
}
/* Schaf/Ziege: drei Herbstmotive, darunter dieselben drei Wintervarianten. */
.zusatz-detailbilder:has(#raclette-schaf-ziege-winter){grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
.saison-rezept{padding-top:10px;border-top:1px solid #dedbd2;margin-top:12px}
@media(max-width:760px){.zusatz-detailbilder:has(#raclette-schaf-ziege-winter){grid-template-columns:1fr}}

/* Kistenansicht (21.09.2026): ab Tablet die Grafik, auf Telefonen bleiben die drei lesbaren Kacheln. */
.kisten-aufbau{margin:22px 0 6px;}
.kisten-aufbau img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #dce3e8;background:#FAF8F2;}
.kisten-aufbau figcaption{text-align:right;font-size:14px;margin-top:6px;}
@media(min-width:760px){.aktionsablauf:has(.kisten-aufbau) .prinzip{display:none;}}   /* nur dort, wo die Kistenansicht steht */
@media(max-width:759px){.kisten-aufbau{display:none;}}

/* Aktionsplanung der Kisten (22.09.2026): eine Zeile mit Knopf statt Zwischenüberschrift und Absatz. */
.aktionsablauf-bestellung--zeile{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:22px;padding-top:20px;}
.aktionsablauf-bestellung--zeile p{margin:0;max-width:760px;}
.aktionsablauf-bestellung--zeile a.btn{color:#FBFBF7;font-weight:600;}
.aktionsablauf:has(.kisten-aufbau)>.wrap>p{margin-bottom:0;}
.kisten-aufbau{margin-top:18px;}
.bildhinweis-kopie{font-size:14.5px;color:var(--sek);margin:-6px 0 18px;}