/* Winterabende mit Käse — Ergänzung zur Wein-Reise-Basis (basis.css = stil.css der Kiste).
   Die Basis liefert Raster, Kopf, Fuß, Planer und Etappenkarte. Hier steht nur, was
   die Winterreise anders macht: Käse-Gruppenfarben statt Wein-Rot (Systemhandbuch 02),
   die CSS-Sandbühne für die Freisteller (Bildwelt 05), Icon-Punkte (04/06) und die
   Bausteine, die es in der Basis nicht gibt. Reihenfolge: Desktop zuerst, Mobil am Ende. */

/* ---- Warengruppe Käse: Eyebrow, Handschrift, Akzente laufen in Ocker ---- */
:root{
  --wein:#9A5C00; --weindunkel:#795000;           /* Basis-Token umgebogen: Käse-Schriftton */
  --ocker:#9A5C00; --kaese:#EEA842; --iconkaese:#C37500;
  --bordeaux:#A93148; --hellblau:#5389B9; --bandblau:#4E5A66; --salbei-dunkel:#5C6B51;
  --buehne:#F5EFE4; --kartenrand:#EBE2CD; --trenn:#F1EBDB;
  --shadow-karte:0 2px 9px -3px rgba(40,34,24,.16),0 1px 2px rgba(40,34,24,.05);
  --shadow-bild:0 14px 30px -22px rgba(40,49,64,.45);
}
html{color-scheme:only light;}
body{font-size:16px;}
h1{font-weight:800;} h2,h3{font-weight:700;}
p+p{margin-top:12px;}
button,input,textarea,select{font:inherit;}
button,a,input,select,textarea{touch-action:manipulation;}
:focus-visible{outline:none; box-shadow:0 0 0 2px #FCFAF5,0 0 0 4px #3F6491;}
[hidden]{display:none!important;}
.skip{position:absolute; left:12px; top:-90px; z-index:99; background:#fff; padding:12px;}
.skip:focus{top:12px;}
.eyebrow{color:var(--ocker);}
.hand{color:var(--ocker);}
.etappe p.ehand{color:var(--ocker);}

/* Knöpfe: Aktionen laufen im Preis-Blau, nie in der Gruppenfarbe (Systemhandbuch 06) */
.btn,button.btn{min-height:44px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--preisblau); border-color:var(--preisblau); color:#FCFAF5; padding:10px 17px;
  font-size:15px; line-height:1.35; text-decoration:none; transition:background .12s ease,border-color .12s ease;}
.btn:hover,button.btn:hover{background:#2F4F73; border-color:#2F4F73;}
.btn.ghost{background:transparent; color:var(--preisblau);}
.btn.ghost:hover{background:#EDF1F6; border-color:#2F4F73; color:#2F4F73;}
.btn.small{padding:8px 12px; font-size:14px; min-height:40px;}
.btn-mini{background:var(--preisblau); border-color:var(--preisblau);}
.btn-mini:hover{background:#2F4F73; border-color:#2F4F73;}
.topbar nav a{min-height:44px; display:inline-flex; align-items:center; font-size:14px;}
.topbar nav a:hover{color:var(--preisblau);}
.topbar nav{gap:18px;}
.topbar .logo{width:180px;}
.b2b-band{font-size:13px;}

/* Vorschaustatus des Piloten — Hinweiszustand (Preis-Blau, Systemhandbuch 02) */
.preview-band{font-size:13.5px; background:#EDF1F6; color:#3F6491; text-align:center; padding:8px 16px;
  border-bottom:1px solid #C3D2E1;}

/* ---- Icon-Punkt: Ellipse in der Gruppenfläche, Glyphe weiß (Handbuch 04/06) ---- */
.ipunkt{width:38px; height:38px; flex:none; display:block; --punkt:var(--kaese);}
.ipunkt ellipse{fill:var(--punkt);}
.ipunkt .glyphe{color:#FBFBF7;}
.ipunkt--service{--punkt:var(--hellblau);}
.ipunkt--klein{width:32px; height:32px;}
.iglyphe--kaese{color:var(--iconkaese);}

/* ---- Die Sandbühne: Freisteller auf Sandton mit genau einer Tonpapierscheibe ----
   Bildwelt 05: warmer Sand, Licht von links oben, eine Scheibe aus der Logo-Palette
   hinter dem Produkt. Heller Laib → Bordeaux oder Blau. Die Käse stehen als
   Freisteller (eigener Schatten) auf der Standlinie. Die Bühne ersetzt vorerst die
   Fotos; ein echtes Foto nimmt später denselben Rahmen (.buehne--foto). */
.buehne{position:relative; aspect-ratio:3/2; border-radius:10px; overflow:hidden; display:block;
  background:radial-gradient(130% 100% at 12% 6%,#FBF7EE 0%,#F5EFE4 42%,#EBE3D2 100%);
  border:1px solid var(--kartenrand); box-shadow:var(--shadow-bild);}
.buehne::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(60,45,30,.06) 100%);}
.buehne .scheibe{position:absolute; border-radius:50%; width:54%; aspect-ratio:1; top:7%; right:6%;
  background:radial-gradient(circle at 38% 32%,#B43E55 0%,#A93148 55%,#96293F 100%);
  box-shadow:10px 14px 26px -12px rgba(50,30,20,.42), inset 0 0 0 1px rgba(255,255,255,.08);}
.buehne .scheibe--blau{background:radial-gradient(circle at 38% 32%,#6197C6 0%,#5389B9 55%,#4778A6 100%);}
.buehne .boden{position:absolute; left:8%; right:8%; bottom:3%; height:9%; border-radius:50%; z-index:0;
  background:radial-gradient(ellipse at center,rgba(70,50,30,.20),rgba(70,50,30,0) 70%);}
.buehne .stueck{position:absolute; bottom:5%; width:auto; max-width:none; z-index:1;}
.buehne--foto img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
/* Raclette: der halbe Laib groß links, die Scheibenpackung davor rechts */
.buehne--raclette .stueck-1{left:5%; height:80%;}
.buehne--raclette .stueck-2{right:9%; height:56%; bottom:6%;}
/* Fondue: Emmentaler-Keil links, das Bergkäse-Paar rechts vor der Scheibe */
.buehne--fondue .stueck-1{left:5%; height:62%; bottom:9%;}
.buehne--fondue .stueck-2{right:6%; height:76%;}
/* Übersicht: ein Käse je Thema */
.buehne--winter .scheibe{width:50%; left:24%; right:auto; top:5%;}
.buehne--winter .stueck-1{left:2%; height:78%;}
.buehne--winter .stueck-2{right:4%; height:72%; bottom:6%;}

/* ---- Kopf der Seite: Text links, Bühne rechts, die nach links in die Seite ausläuft ---- */
.winter-hero{background:var(--papier); border-bottom:1px solid var(--rand); padding:0; overflow:hidden;}
.winter-hero .hero-inner{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); align-items:center;
  gap:34px; padding-top:40px; padding-bottom:40px;}
.hero-copy{position:relative; z-index:1; max-width:560px;}
.hero-copy h1{font-size:50px; line-height:1.05; letter-spacing:-.015em; margin:8px 0 6px;}
.hero-copy .hand{font-size:24px; line-height:1.25; margin:0 0 18px;}
.hero-copy .lead{font-size:17.5px; line-height:1.6; max-width:52ch;}
.hero-copy .cta{margin-top:24px;}
.hero-buehne{border:none; border-radius:0; box-shadow:none; aspect-ratio:auto; height:100%; min-height:420px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24%); mask-image:linear-gradient(to right,transparent 0,#000 24%);}
.hero-buehne::after{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 40%,rgba(60,45,30,.05) 100%);}
.hero-buehne .stueck{bottom:9%;}
.hero-buehne.buehne--winter .scheibe{width:47%; left:30%; top:6%;}
.hero-buehne.buehne--winter .stueck-1{left:8%; height:70%;}
.hero-buehne.buehne--winter .stueck-2{right:6%; height:66%; bottom:10%;}
.hero-buehne.buehne--raclette .stueck-1{left:8%; height:74%;}
.hero-buehne.buehne--raclette .stueck-2{right:10%; height:52%; bottom:10%;}
.hero-buehne.buehne--fondue .stueck-1{left:8%; height:58%; bottom:13%;}
.hero-buehne.buehne--fondue .stueck-2{right:8%; height:70%;}
.hero-copy .checks{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; margin:22px 0 0; font-size:14.5px; max-width:520px;}
.hero-copy .checks span{display:flex; align-items:flex-start; gap:9px; line-height:1.45;}
/* Häkchen-Scheibe (Handbuch 06): 19 px Salbei dunkel, Glyphe hell */
.hero-copy .checks span::before{content:"✓"; flex:none; width:19px; height:19px; border-radius:50%; background:var(--salbei-dunkel);
  color:#FCFAF5; font:700 11.5px/19px 'Source Sans 3',sans-serif; text-align:center; margin-top:2px;}
.hero-copy .checks + .cta{margin-top:26px;}
.hero-foot{font-size:13px; color:var(--sek); margin-top:10px;}

/* ---- Zahlenleiste: dieselbe Zeile wie in der Wein-Reise ---- */
.faktenband .fakten{padding:22px 0; justify-content:space-between; gap:18px;}
.fakt b{font-size:23px;}

/* ---- Abschnittsköpfe ---- */
.section-heading{margin-bottom:28px;}
.section-heading h2{margin:4px 0 8px;}
.section-heading h2 + .hand{display:block; margin:-2px 0 10px;}
.section-heading p{max-width:76ch; font-size:16.5px;}
section{padding:52px 0;}
section.hell{border-top:1px solid var(--trenn); border-bottom:1px solid var(--trenn);}

/* ---- So läuft die Aktion: drei Karten mit Icon-Punkt (Service = Hellblau) ---- */
.schritte{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.schritt{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; padding:22px 24px 24px;
  box-shadow:var(--shadow-karte); position:relative;}
.schritt .ipunkt{margin-bottom:14px;}
.schritt__nr{display:block; font:600 11px 'Source Sans 3',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--preisblau); margin-bottom:6px;}
.schritt h3{font-size:19px; line-height:1.2; margin:0 0 8px;}
.schritt p{font-size:15px; line-height:1.55; margin:0;}

/* ---- Die Winterreise: vier Halte. Der aktive trägt Bild und Schatten, die geplanten
   stehen ruhig mit gestrichelter Kante (wie die geplanten Etappen der Käse-Reise). ---- */
.reise{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch;}
.halt{border:1px dashed var(--kartenrand); border-radius:10px; padding:20px 22px 22px; display:flex; flex-direction:column; gap:6px; background:transparent;}
.halt--aktiv{background:var(--papier); border-style:solid; box-shadow:var(--shadow-karte);}
.halt__kopf{display:flex; align-items:center; gap:11px; margin-bottom:6px;}
.halt time{font:600 11px 'Source Sans 3',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--ocker);}
.halt h3{font-size:19px; line-height:1.2; margin:0 0 4px;}
.halt p{font-size:14.5px; line-height:1.5; margin:0;}
.halt p strong{color:var(--graublau);}
.halt .later{margin-top:auto; padding-top:12px; font-size:13.5px; color:var(--sek);}
.halt--aktiv .later{color:var(--preisblau); font-weight:600;}
.halt--aktiv .later a{color:inherit; text-decoration:none;}
.halt--aktiv .later a:hover{text-decoration:underline;}

/* ---- Die zwei Themen: Etappenkarte der Wein-Reise, Bühne statt Foto ---- */
.themen .etappe{margin-bottom:26px; align-items:center;}
.themen .etappe:last-child{margin-bottom:0;}
.etappe .buehne{background-clip:padding-box;}
.etappe .emeta .fl{width:20px; height:13px;}
.etappe .emeta .flaggen{display:inline-flex; gap:4px; flex:none;}   /* Käse aus mehreren Ländern: alle Flaggen nebeneinander */
.etappe .emeta{flex-wrap:wrap; row-gap:6px;}
.etappe .emeta .saison{color:var(--ocker); white-space:nowrap;}   /* Pille bleibt ganz; wird es eng, rutscht sie in die nächste Zeile */
.kaeseliste{margin-top:16px; display:grid; gap:8px;}
.kaeseliste .wz{grid-template-columns:62px 1fr auto;}
.kaeseliste .wart{color:var(--ocker); font-weight:600;}         /* Art.-Nr. im Gruppen-Schriftton (Handbuch 03) */
.kaeseliste .wart.offen{color:var(--sek); font-weight:400; font-size:12.5px;}
.kaeseliste .wname small{display:block; font-weight:400; color:var(--sek); font-size:13px;}
.kaeseliste .wek{color:var(--preisblau);}
.kaeseliste .wek del{color:var(--sek); font-weight:400; font-size:12.5px; margin-right:6px;}
.kaeseliste .wek small{font-weight:400; color:var(--sek); font-size:12.5px;}
.setek b{color:var(--preisblau);}

/* ---- Produktkarten (Etappenseite): Bild auf Bildbühne, Bio oben links (Handbuch 06) ---- */
.produkte{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch;}
.produkt{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; box-shadow:var(--shadow-karte);
  overflow:hidden; display:flex; flex-direction:column;}
.produkt__bild{position:relative; background:var(--buehne); aspect-ratio:16/9; display:flex; align-items:flex-end; justify-content:center; overflow:hidden;
  background-image:radial-gradient(120% 100% at 14% 8%,#FBF7EE 0%,#F5EFE4 48%,#ECE4D4 100%);}
.produkt__bild img{height:82%; width:auto; max-width:78%; object-fit:contain; margin-bottom:4%;}
.badge{display:inline-block; font:700 11px 'Source Sans 3',sans-serif; letter-spacing:.08em; border-radius:3px; padding:6px 11px; text-transform:uppercase; line-height:1;}
.badge--bio{background:var(--salbei-dunkel); color:#F7F3EB;}
.badge--form{background:var(--papier); color:var(--graublau); border:1px solid var(--kartenrand); letter-spacing:.06em;}
.produkt__bild .badge--bio{position:absolute; top:12px; left:12px;}
.produkt__bild .badge--form{position:absolute; top:12px; right:12px;}
.produkt__body{padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px; flex:1;}
.produkt__meta{font-size:13.5px; color:var(--sek); display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.produkt__meta .art{font-weight:600; color:var(--ocker); font-variant-numeric:tabular-nums;}
.produkt__meta .art.offen{font-weight:400; color:var(--sek);}
.produkt__meta .fl{width:17px; height:11px; flex:none;}
.produkt h3{font-size:21px; line-height:1.22; margin:0;}
.produkt__text{font-size:15px; line-height:1.55; margin:0;}
.produkt__fakten{display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; margin:6px 0 0; padding:12px 0 0; border-top:1px solid var(--trenn);}
.produkt__fakten div{font-size:14px; line-height:1.4;}
.produkt__fakten dt{font:600 10.5px 'Source Sans 3',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--graublau); margin-bottom:2px;}
.produkt__fakten dd{margin:0; color:var(--text);}
.produkt .muted{font-size:13.5px; margin:0;}
.preisbox{margin-top:auto; padding-top:14px; border-top:1px solid var(--trenn); display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; font-variant-numeric:tabular-nums;}
.preisbox strong{font:800 27px 'Bitter',serif; color:var(--preisblau); line-height:1.1;}
.preisbox strong small{font:400 14px 'Source Sans 3',sans-serif; color:var(--sek);}
.preisbox del{color:var(--sek); font-size:14px;}
.preisbox .aktion{margin-left:auto;}
.badge--aktion{background:var(--preisblau); color:#FCFAF5;}
.produkt details{font-size:14px; border-top:1px solid var(--trenn); padding-top:10px; margin-top:4px;}
.produkt details summary{cursor:pointer; font-weight:600; color:var(--graublau); min-height:32px; display:flex; align-items:center;}
.produkt details p{margin-top:8px; line-height:1.5;}
.price-note{font-size:14px; color:var(--sek); margin:18px 0 0;}

/* ---- Drei Karten mit Icon-Punkt (Rezeptidee) ---- */
.drei{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.drei article{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; padding:22px 24px 24px; box-shadow:var(--shadow-karte);}
.drei .ipunkt{margin-bottom:14px;}
.drei h3{font-size:18.5px; line-height:1.2; margin:0 0 8px;}
.drei p{font-size:15px; line-height:1.55; margin:0;}

/* ---- Material: Karten mit Abbild dessen, was hinter dem Knopf steckt (Ladenaktionen) ---- */
.allesdl{display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--papier);
  border:1px solid var(--kartenrand); border-radius:10px; padding:18px 20px; margin-bottom:22px; box-shadow:var(--shadow-karte);}
.allesdl b{display:block; font-family:'Bitter',Georgia,serif; font-size:18px; color:var(--graublau);}
.allesdl small{display:block; font-size:14px; color:var(--sek); margin-top:3px; line-height:1.45;}
.matgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:20px;}
.matkarte{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; overflow:hidden;
  display:flex; flex-direction:column; box-shadow:var(--shadow-karte);}
.matkarte .mvbild{height:150px; background:var(--well); border-bottom:1px solid var(--kartenrand); display:flex;
  align-items:center; justify-content:center; padding:12px;}
.matkarte .mvbild img{max-width:100%; max-height:100%; width:auto; height:auto; display:block; box-shadow:0 4px 10px -4px rgba(66,79,92,.5);}
.matkarte .mvbild img.frei{box-shadow:none;}
.matkarte .mvbild .ipunkt{width:52px; height:52px;}
.matkarte .mvbild.paar{gap:14px;}
.matkarte .mvbild.paar img{max-height:88%;}
.matkarte .mkinhalt{padding:16px 18px 18px; display:flex; flex-direction:column; gap:9px; flex:1;}
.matkarte .mk{display:flex; align-items:baseline; justify-content:space-between; gap:12px;}
.matkarte h3{font-size:17.5px; line-height:1.25; margin:0;}
.matkarte .format{font-size:12.5px; color:var(--sek); white-space:nowrap;}
.matkarte p{font-size:14.5px; line-height:1.5; margin:0;}
.matkarte .knoepfe{margin-top:auto; padding-top:6px; display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center;}
.matkarte .knoepfe .btn{font-size:13.5px; padding:7px 13px; min-height:38px;}
.matkarte .nebenwege{font-size:14px; line-height:1.6; color:var(--sek);}
.matkarte .nebenwege a{color:var(--preisblau);}

/* ---- Das sehen die Kundinnen und Kunden: Telefonvorschau und QR (Ladenaktionen) ---- */
.entdeckengrid{display:grid; gap:26px; align-items:start;}
.telefon{justify-self:center; width:250px; border:9px solid var(--graublau); border-radius:26px; overflow:hidden;
  background:var(--graublau); box-shadow:0 18px 36px -22px rgba(40,49,64,.55);}
.telefon img{display:block; width:100%; height:auto; border-radius:17px;}   /* height:auto — sonst gilt das height-Attribut des Bildes */
.qrblock{display:flex; gap:20px; align-items:flex-start; margin-top:22px; max-width:560px; background:var(--papier);
  border:1px solid var(--kartenrand); border-radius:9px; padding:20px 22px; box-shadow:var(--shadow-karte);}
.qrblock img{flex:none; width:104px; height:104px;}
.qrblock b{display:block; font-family:'Bitter',Georgia,serif; font-size:16px; color:var(--graublau);}
.qrblock span{display:block; font-size:14px; line-height:1.5; color:var(--sek); margin-top:4px;}
.qrblock .knoepfe{margin-top:12px; display:flex; gap:8px 12px; flex-wrap:wrap;}
.entdeckengrid .lauftext{font-size:16px; line-height:1.6; max-width:60ch;}

/* ---- Wein-Querverweis: kleine Etappenkarte der Wein-Reise, Eyebrow im Wein-Ton ---- */
.wine-cross{display:grid; grid-template-columns:300px 1fr; gap:26px; align-items:center; background:var(--papier);
  border:1px solid var(--kartenrand); border-radius:12px; padding:22px 26px 22px 22px; box-shadow:var(--shadow-karte);}
.wine-cross + .wine-cross{margin-top:18px;}
.wine-cross .eyebrow{color:#C03C27;}
.wine-cross h3{margin:4px 0 8px; font-size:23px; line-height:1.2;}
.wine-cross img{width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:8px; border:1px solid var(--kartenrand);}
.wine-cross p{max-width:70ch; font-size:15.5px; line-height:1.55;}
.wine-cross .cta{margin-top:14px;}
/* Die ganze Kachel ist der Link (Wunsch Nicolas 22.09.2026): Bild, Text und Knopf führen zur Etappe. */
a.wine-cross{color:inherit; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease;}
a.wine-cross:hover, a.wine-cross:focus-visible{transform:translateY(-2px); box-shadow:0 16px 32px -18px rgba(40,49,64,.5);}
a.wine-cross:hover h3, a.wine-cross:focus-visible h3{color:#C03C27;}
a.wine-cross:hover .btn.ghost{background:#EDF1F6; border-color:#2F4F73; color:#2F4F73;}
a.wine-cross:focus-visible{outline:2px solid #C03C27; outline-offset:3px;}
a.wine-mehr:hover, a.wine-mehr:focus-visible{transform:none; box-shadow:none;}

/* ---- Bestellplaner ---- */
.planner{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; padding:26px 28px 28px; box-shadow:var(--shadow-karte);}
.planner fieldset{border:0; padding:0; margin:0 0 26px; min-width:0;}
.planner legend{font:700 21px 'Bitter',serif; color:var(--graublau); padding:0; margin-bottom:16px; display:flex; align-items:center; gap:11px;}
.planner legend .nr{width:28px; height:28px; border-radius:50%; background:var(--graublau); color:#FBFBF7; font:700 14px 'Bitter',serif; display:grid; place-items:center; flex:none;}
.form-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.field{display:flex; flex-direction:column; gap:7px;}
.field>span,.field>label{font:600 11.5px 'Source Sans 3',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--ocker);}
.field>span .opt{letter-spacing:.06em; text-transform:none; font-weight:400; color:var(--sek);}
input,textarea,select{min-height:44px; padding:11px 13px; border:1px solid #D5CDBB; border-radius:4px; background:#FEFCF8; color:var(--graublau); max-width:100%;
  transition:border-color .12s ease,box-shadow .12s ease;}
input:hover,textarea:hover,select:hover{border-color:#B8B1A4;}
input::placeholder,textarea::placeholder{color:#B8B1A4;}
textarea{min-height:88px; resize:vertical;}
.checks{display:flex; gap:20px; flex-wrap:wrap; margin:6px 0 18px;}
.checks label{display:flex; gap:10px; align-items:center; min-height:44px; font-weight:600; color:var(--graublau);}
input[type=checkbox],input[type=radio]{min-height:22px; width:22px; height:22px; padding:0; accent-color:#3F6491;}
.order-lines{width:100%; border-collapse:separate; border-spacing:0 4px;}
.order-lines th{font:600 10.5px 'Source Sans 3',sans-serif; letter-spacing:.11em; text-transform:uppercase; text-align:left; color:var(--graublau); padding:4px 14px 8px;}
.order-lines th.number{text-align:right;}
.order-lines td{padding:13px 14px; vertical-align:middle; background:rgba(240,235,224,.5);}
.order-lines td:first-child{border-radius:8px 0 0 8px;}
.order-lines td:last-child{border-radius:0 8px 8px 0;}
.order-lines tbody tr:nth-child(even) td{background:transparent;}
.order-lines td strong{display:block; color:var(--graublau); font-size:15px;}
.order-lines small{display:block; color:var(--sek); font-size:13px; margin-top:2px;}
.order-lines .sku{font-weight:600; color:var(--ocker); font-variant-numeric:tabular-nums;}
.order-lines .sku.offen{font-weight:400; color:var(--sek);}
.order-lines .number{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap;}
.order-lines .mengenfeld{display:inline-flex; align-items:center; gap:8px; justify-content:flex-end;}
.order-lines input{width:84px; text-align:center; font:700 17px/1.4 'Source Sans 3',sans-serif; padding:10px 6px;}
.order-lines .einheit{font-size:12px; line-height:1.25; color:var(--sek); white-space:nowrap; text-align:left;}
.order-lines .line-total{color:var(--preisblau); font-weight:700; font-size:15.5px;}
.calc{padding:18px 20px; background:var(--panel); margin:14px 0 0; border-radius:8px; border:1px solid var(--kartenrand);}
.calc summary,.delivery summary{font-weight:600; color:var(--graublau); cursor:pointer; min-height:44px; display:flex; align-items:center; gap:8px; list-style:none;}
.calc summary::-webkit-details-marker,.delivery summary::-webkit-details-marker{display:none;}
.calc summary::before,.delivery summary::before{content:'+'; font-size:22px; color:var(--preisblau); width:16px;}
.calc[open] summary::before,.delivery[open] summary::before{content:'−';}
.calc .form-grid{margin:10px 0 15px; max-width:520px;}
.calc-output{font-size:15px; margin-bottom:14px;}
.delivery{border-top:1px solid var(--trenn); margin-top:16px; padding-top:6px;}
.delivery .field{margin-top:12px; max-width:320px;}
.delivery label.radio{display:flex; gap:10px; align-items:center; margin:8px 0; min-height:36px;}
.zeit-datum,.zeit-kw{display:block;}
.zeit-kw{margin-top:4px;white-space:nowrap;font:400 13.5px/1.35 'Source Sans 3',sans-serif;color:var(--sek);font-variant-numeric:tabular-nums;}
.delivery summary{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;}
.delivery-default{font:400 14px/1.4 'Source Sans 3',sans-serif;color:var(--sek);}
.delivery-label{font-size:14px;margin:12px 0 4px;color:var(--sek);}
@media(max-width:600px){.delivery summary{grid-template-columns:16px minmax(0,1fr);gap:4px 8px;}.delivery-default{grid-column:2;}.delivery summary::before{grid-row:1/3;}}
.order-sum{display:flex; align-items:center; justify-content:space-between; gap:15px; background:var(--preisblau); color:#FCFAF5; padding:16px 22px; margin:22px 0 14px; border-radius:10px;}
.order-sum span{font-size:15px; line-height:1.4;}
.order-sum small{font-size:12.5px; opacity:.85; display:block;}
.order-sum strong{font:800 27px 'Bitter',serif; white-space:nowrap;}
.mail-preview{margin-top:20px;}
.mail-preview textarea{width:100%; font-size:14px; min-height:260px; font-family:ui-monospace,Menlo,monospace;}
.form-error{margin:14px 0;}
.planner .action-status{min-height:26px; font-size:14px; margin-top:12px; color:var(--salbei-dunkel); font-weight:600;}
.notice{border:1px solid #C3D2E1; border-left:4px solid #3F6491; border-radius:5px; background:#EDF1F6; color:#3F6491; padding:13px 17px; font-size:15px;}
.notice.warning{background:#FAF2E2; border-color:#E7D4AC; border-left-color:#9A5C00; color:#795000;}
.notice.error{background:#F9EEEC; border-color:#E0C0BB; border-left-color:#A93148; color:#A93148;}
.muted{color:var(--sek); font-size:14px;}

/* ---- Endkundenseiten ---- */
.consumer-head{background:var(--papier); border-bottom:1px solid var(--rand); padding:16px 0;}
.consumer-head .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.wortmarke{display:block; font:800 21px/1.05 'Bitter',Georgia,serif; color:var(--graublau); letter-spacing:-.01em; text-decoration:none;}
.wortmarke small{display:block; font:600 11px/1.4 'Source Sans 3',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--ocker); margin-top:4px;}
.consumer-head .weiter{font-size:14.5px; font-weight:600; color:var(--preisblau); text-decoration:none; white-space:nowrap;}
.consumer-head .weiter:hover{text-decoration:underline;}
.consumer-foot{border-top:1px solid var(--rand); padding:24px 0 30px; font-size:14px; color:var(--sek);}
.consumer-foot .wrap{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;}
.consumer-foot .hand{font-size:20px;}
.consumer-foot a{font-size:14px;}
.consumer-foot .bildhinweis{font-size:12.5px; color:var(--sek);}
.bildhinweis-kopie{font-size:14.5px; color:var(--sek); margin:-6px 0 18px;}
footer .pflicht .bildhinweis{white-space:nowrap;}

/* Rezept: Zutaten links als Karte, Schritte mit Ziffernscheibe (wie .pschritt) */
.recipe-layout{display:grid; grid-template-columns:300px 1fr; gap:32px; align-items:start;}
.recipe-ingredients{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; padding:22px 24px; box-shadow:var(--shadow-karte);}
.recipe-ingredients .ipunkt{margin-bottom:12px;}
.recipe-ingredients h3{font-size:19px; margin:0 0 4px;}
.recipe-ingredients .zeit{font-size:14px; color:var(--sek);}
.recipe-ingredients ul{list-style:none; padding:0; margin:14px 0 0;}
.recipe-ingredients li{padding:8px 0; border-top:1px dashed var(--kartenrand); font-size:15px; line-height:1.45;}
.recipe-ingredients li:first-child{border-top:0;}
.recipe-steps{list-style:none; counter-reset:recipe; display:grid; gap:18px; margin:0; padding:0;}
.recipe-steps li{counter-increment:recipe; display:flex; gap:14px; align-items:flex-start;}
.recipe-steps li::before{content:counter(recipe); flex:none; width:30px; height:30px; border-radius:50%; background:var(--kaese); color:#3D2A0B;   /* 16.09.2026: Logo-Käsegelb wie die Ziffern des Rezeptblatts, dunkle Ziffer für die Lesbarkeit */
  font:700 14px/30px 'Bitter',serif; text-align:center; margin-top:1px;}
.recipe-steps h3{font-size:18px; margin:2px 0 5px; line-height:1.25;}
.recipe-steps p{font-size:15.5px; line-height:1.55; margin:0;}
.vegetable-options{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px;}
.vegetable-options article{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; padding:18px 20px; box-shadow:var(--shadow-karte);}
.vegetable-options h3{font-size:17.5px; margin:0 0 6px; display:flex; align-items:center; gap:10px;}
.vegetable-options h3 .ipunkt{width:30px; height:30px;}
.vegetable-options p{font-size:15px; line-height:1.55; margin:0;}
.rezept-hinweis{margin-top:26px;}
.consumer-produkte{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.kaesekarte{display:grid; grid-template-columns:150px 1fr; gap:20px; align-items:center; background:var(--papier);
  border:1px solid var(--kartenrand); border-radius:10px; padding:16px; box-shadow:var(--shadow-karte);}
.kaesekarte .bild{background:var(--buehne); border-radius:8px; aspect-ratio:1; display:flex; align-items:flex-end; justify-content:center; overflow:hidden;
  background-image:radial-gradient(120% 100% at 14% 8%,#FBF7EE 0%,#F5EFE4 48%,#ECE4D4 100%);}
.kaesekarte .bild img{height:80%; width:auto; max-width:88%; margin-bottom:6%;}
.kaesekarte h3{font-size:19px; line-height:1.22; margin:0 0 4px;}
.kaesekarte .herkunft{font-size:13.5px; color:var(--sek); display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:8px;}
.kaesekarte .herkunft .fl{width:17px; height:11px;}
.kaesekarte p{font-size:14.5px; line-height:1.5; margin:0;}
.kaesekarte .muted{margin-top:6px; font-size:13px;}
.consumer-uebersicht .etappe{margin-bottom:26px;}
.kba-band{font-size:15px;}
.footer .cols,footer .cols{align-items:start;}

/* ---- Bilder- und Thekenmaterial-Übersichten im Downloadordner ---- */
.dlseite{padding:36px 0 60px;}
.dlseite .zurueck{display:inline-block; font-size:14px; font-weight:600; text-decoration:none; margin-bottom:18px; color:var(--preisblau);}
.dlseite h1{font-size:34px; margin:6px 0 10px;}
.dlseite .sublede{margin-bottom:26px;}
.bildgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.bildkarte{background:var(--papier); border:1px solid var(--kartenrand); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow-karte);}
.bildkarte .mvbild{height:190px; background:var(--buehne); display:flex; align-items:center; justify-content:center; padding:14px; border-bottom:1px solid var(--kartenrand);
  background-image:radial-gradient(120% 100% at 14% 8%,#FBF7EE 0%,#F5EFE4 48%,#ECE4D4 100%);}
.bildkarte .mvbild.weiss{background:#fff;}
.bildkarte .mvbild img{max-width:100%; max-height:100%; width:auto; height:auto;}
.bildkarte .mkinhalt{padding:14px 18px 18px; display:flex; flex-direction:column; gap:6px; flex:1;}
.bildkarte h3{font-size:16.5px; margin:0;}
.bildkarte .datei{font-size:12.5px; color:var(--sek); overflow-wrap:anywhere; font-variant-numeric:tabular-nums;}
.bildkarte .knoepfe{margin-top:auto; padding-top:8px;}

/* ---- Mobil und schmale Fenster — hinter den Desktopregeln (CLAUDE.md) ---- */
@media (max-width:1100px){
  .winter-hero .hero-inner{gap:26px;}
  .hero-copy h1{font-size:42px;}
  .reise{grid-template-columns:1fr 1fr;}
  .topbar nav{gap:13px;}
}
@media (max-width:1000px){
  .winter-hero .hero-inner{grid-template-columns:1fr; padding-top:30px; padding-bottom:32px;}
  .hero-copy{max-width:none;}
  .hero-buehne{-webkit-mask-image:none; mask-image:none; border:1px solid var(--kartenrand); border-radius:10px; box-shadow:var(--shadow-bild);
    aspect-ratio:3/2; min-height:0; height:auto;}
  .hero-buehne .stueck{bottom:6%;}
  .hero-buehne.buehne--winter .scheibe{width:50%; left:24%; top:5%;}
  .hero-buehne.buehne--winter .stueck-1{left:2%; height:78%;}
  .hero-buehne.buehne--winter .stueck-2{right:4%; height:72%;}
  .hero-buehne.buehne--raclette .stueck-1{left:5%; height:80%;}
  .hero-buehne.buehne--raclette .stueck-2{right:9%; height:56%;}
  .hero-buehne.buehne--fondue .stueck-1{left:5%; height:62%; bottom:9%;}
  .hero-buehne.buehne--fondue .stueck-2{right:6%; height:76%;}
  .wine-cross{grid-template-columns:240px 1fr;}
}
@media (max-width:920px){
  .schritte,.drei{grid-template-columns:1fr;}
  .produkte{grid-template-columns:1fr;}
  .consumer-produkte{grid-template-columns:1fr;}
  .recipe-layout{grid-template-columns:1fr;}
  .bildgrid{grid-template-columns:1fr 1fr;}
}
@media (min-width:821px){
  .entdeckengrid{grid-template-columns:250px 1fr; gap:38px; align-items:center;}
  .telefon{justify-self:start;}
}
@media (max-width:700px){
  .wrap{padding-left:20px; padding-right:20px;}
  .topbar{padding-top:15px; padding-bottom:15px;}
  .topbar .logo{width:155px;}
  section{padding:36px 0;}
  .hero-copy h1{font-size:36px;}
  .hero-copy .hand{font-size:22px;}
  .hero-copy .lead{font-size:16.5px;}
  .hero-copy .checks{grid-template-columns:1fr; gap:8px;}
  .fakt b{font-size:21px;}
  .reise,.matgrid,.form-grid,.vegetable-options,.bildgrid{grid-template-columns:1fr;}
  .wine-cross{grid-template-columns:1fr; gap:16px; padding:18px;}
  .wine-cross img{max-width:320px;}
  .planner{padding:18px;}
  .planner legend{font-size:19px;}
  .order-lines{border-spacing:0;}
  .order-lines thead{display:none;}
  .order-lines tr{display:grid; grid-template-columns:1fr auto; gap:8px 12px; padding:14px 0; border-bottom:1px solid var(--trenn);}
  .order-lines td{background:transparent!important; border:0; padding:0; border-radius:0!important;}
  .order-lines td:first-child{grid-column:1/-1;}
  .order-lines td:nth-child(2){text-align:left; align-self:center;}
  .order-lines td:last-child{grid-column:1/-1; text-align:left;}
  .order-lines .mengenfeld{justify-content:flex-start;}
  .order-lines td[data-label]::before{content:attr(data-label); display:block; font:600 10.5px 'Source Sans 3',sans-serif; letter-spacing:.11em; text-transform:uppercase; color:var(--graublau); margin-bottom:4px;}
  .order-sum{align-items:flex-start; flex-direction:column; gap:6px;}
  .consumer-head .wrap{align-items:flex-start;}
  .kaesekarte{grid-template-columns:110px 1fr; gap:14px;}
  .hero-foot{font-size:13px;}
  .produkt__fakten{grid-template-columns:1fr 1fr;}
  .matkarte .mk{align-items:flex-start; flex-direction:column; gap:3px;}
  .matkarte .format{white-space:normal;}
  .allesdl{flex-direction:column; align-items:flex-start;}
  .qrblock{flex-direction:column;}
  .dlseite h1{font-size:28px;}
}
@media (max-width:560px){.bildgrid{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Etappenfotos vollständig und ohne Verlauf darstellen. */
.hero-buehne.buehne--foto{mask-image:none;-webkit-mask-image:none;border-radius:12px;min-height:0;height:auto;aspect-ratio:3/2;align-self:center}
.hero-buehne.buehne--foto::after{display:none}
.hero-buehne.buehne--foto img{object-fit:contain}
.order-lines .mengenfeld{display:inline-grid;grid-template-columns:84px 82px;gap:8px;text-align:left;align-items:center}
.order-lines .mengenfeld input{width:84px}
.wein-weiter{margin-top:24px}
.winter-kontakt .kontaktzeile__wege b{font-size:15px;overflow-wrap:anywhere}

/* Je Zeitraum ein zusammengehöriges Raclette-/Fondue-Fotopaar. */
.reise{grid-template-columns:repeat(2,minmax(0,1fr))}
.halt{border-style:solid;background:var(--papier);padding:22px;gap:12px}
.halt__kopf{margin:0}
.halt h3{font-size:23px}
.haltpaar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:2px}
.haltpaar figure{margin:0;min-width:0}
.haltpaar img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:8px}
.haltpaar figcaption{padding-top:9px;font-size:14px;line-height:1.4}
.haltpaar figcaption strong{display:block;color:var(--graublau);margin-bottom:3px}
.haltpaar figcaption span{display:block}
@media(max-width:760px){.reise{grid-template-columns:1fr}.halt{padding:18px}.haltpaar{gap:10px}}

/* Gesamtmotiv: Text im freien linken Bereich, weicher Übergang zum Papier. */
.winter-hero--reise .hero-inner{position:relative;display:flex;align-items:center;min-height:560px;padding-top:48px;padding-bottom:48px}
.winter-hero--reise .hero-copy{width:36%;max-width:410px;z-index:2}   /* etwas schmaler, damit der Text nur knapp ins Foto ragt (22.09.2026) */
.winter-hero--reise .hero-gesamtbild{position:absolute;right:0;top:0;bottom:0;width:92%;height:100%;aspect-ratio:auto;border-radius:0;background:none;box-shadow:none;border:0;mask-image:linear-gradient(to right,transparent 0%,#000 29%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 29%)}
.winter-hero--reise .hero-gesamtbild img{object-fit:contain;object-position:center}
@media(max-width:900px){
.winter-hero--reise .hero-inner{display:grid;grid-template-columns:1fr;min-height:0;gap:24px;padding-top:30px;padding-bottom:32px}
.winter-hero--reise .hero-copy{width:100%;max-width:650px}
.winter-hero--reise .hero-gesamtbild{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:auto;aspect-ratio:2/1;border-radius:12px;mask-image:none;-webkit-mask-image:none}
}

/* Rezeptseiten: ein Zutatenblock, klare Zubereitung, gemeinsame Gemüsevarianten. */
.zutatenkopf{display:flex;gap:10px;align-items:center;}
.rezept-kaesekeil{width:48px;height:48px;flex:none;}
.zutatenkopf .ipunkt{width:44px;height:48px;}
.zutatenkopf .zeit{margin:5px 0 0;}
.recipe-method{min-width:0;}
.recipe-varianten{border-top:1px solid var(--kartenrand);margin-top:28px;padding-top:20px;}
.recipe-varianten h3{font-size:18px;margin:0 0 12px;}
.recipe-varianten p{font-size:15.5px;line-height:1.55;margin:0;}
.recipe-varianten p+p{margin-top:10px;}
.recipe-varianten strong{font-weight:600;}
.recipe-note{font-size:14px;color:var(--sek);line-height:1.55;margin:24px 0 0;max-width:850px;}

/* ---- Weinideen (14.09.2026): zwei Etappen und eine Mehr-Karte in einer Reihe ---- */
.weinideen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
.weinideen .wine-cross{grid-template-columns:1fr;align-items:start;padding:0;overflow:hidden;margin:0;}
.weinideen .wine-cross+.wine-cross{margin-top:0;}
.weinideen .wine-cross img{border-radius:0;border:0;border-bottom:1px solid var(--kartenrand);}
.weinideen .wine-cross>div{padding:18px 20px 22px;display:flex;flex-direction:column;height:100%;}
.weinideen .wine-cross h3{font-size:20px;}.weinideen .wine-cross p{font-size:14.5px;}
.weinideen .cta{margin-top:auto;padding-top:14px;}
.wine-mehr{border-style:dashed;box-shadow:none;background:transparent;}
.wine-mehr .mehr-zeichen{font:800 56px/1 'Bitter',serif;color:#C03C27;letter-spacing:.04em;margin:8px 0 18px;}
@media(max-width:920px){.weinideen{grid-template-columns:1fr;}.weinideen .wine-cross img{max-width:none;}}

/* Gemeinsame Bildbibliothek: transparente Freisteller auf dem Papiergrund. */
.bildraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 48px;}
.bilddatei{min-width:0;}.bilddatei h3{font-size:19px;margin:14px 0 6px;}.bilddatei .knoepfe{display:flex;gap:20px;flex-wrap:wrap;}
.freisteller-vorschau{background:var(--well);border-radius:12px;padding:20px;}.freisteller-vorschau img{width:100%;height:230px;object-fit:contain;display:block;}
.szenen-vorschau{width:100%;height:auto;border-radius:12px;}.bildspruenge{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0 40px;}
@media(max-width:900px){.bildraster{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.bildraster{grid-template-columns:1fr;}}

.order-lines .mengenfeld .karton-info{grid-column:1 / -1;display:block;min-width:0;max-width:174px;margin:0;white-space:normal;text-align:left;line-height:1.4;color:var(--sek);font-size:13px;}

/* Optionaler Küchentipp: nach der Zubereitung, vor den Gemüsevarianten. */
.recipe-method .recipe-tip{margin-top:24px;padding:16px 20px;background:#F5F0E7;border-left:3px solid #D5B574;}
.recipe-method .recipe-tip h3{font-size:17px;margin:0 0 6px;}
.recipe-method .recipe-tip p{font-size:15.5px;line-height:1.55;margin:0;}

.zusatz-rezeptuebersicht{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}.zusatz-rezeptuebersicht h3{font-size:20px;margin-bottom:10px;}.zusatz-rezeptuebersicht p{font-size:16px;}

/* Gemeinsame Planungs- und Bannerdownloads, freigegeben am 17.09.2026. */
.winter-downloads-gesamt{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0 44px}.winter-downloads-gesamt article{min-width:0;padding:26px;border:1px solid #dcd8d0;border-radius:12px;background:#fffdf8}.winter-downloads-gesamt h3{margin:0 0 12px}.winter-downloads-gesamt .knoepfe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.winter-werbung-download>img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:20px}.winter-downloads-gesamt .dateiformat{margin-top:16px}.dlliste .dl>span{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.delivery select{max-width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;background:white;color:inherit;font:inherit}
@media(max-width:760px){.winter-downloads-gesamt{grid-template-columns:1fr}.dlliste .dl>span{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.dlliste .dl>span .btn{padding:10px 6px;font-size:.85rem;text-align:center;white-space:nowrap}}

/* ---- 21.09.2026 ---- */
/* Fußzeile: Markenblock wie im Systemhandbuch (große Fassung): Name 19 px, Unterzeile im Bandton #C8D3DC, etwas größer als 12,5 px auf Wunsch. */
footer .marke{gap:16px;}
footer .marke .mname{font:700 19px/1.2 'Bitter',serif;}
footer .marke .msub{font:600 13.5px/1.35 'Source Sans 3',sans-serif;letter-spacing:.06em;color:#C8D3DC;margin:3px 0 9px;}
/* Bestelltabelle: Raclette warm, Fondue kühl – statt Zebramuster; kleine Zwischenüberschrift je Art. */
.order-lines tr.ol-art th{padding:12px 14px 2px;font:600 10.5px 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--graublau);text-align:left;}
.order-lines tbody tr.zeile--raclette td{background:#F6EDD6;}   /* goldener Sand */
.order-lines tbody tr.zeile--fondue td{background:#ECE6DC;}   /* Steinsand, bewusst kein Serviceblau */
@media(max-width:700px){
  .order-lines tr.ol-art{display:block;padding:12px 0 0;border-bottom:0;}
  .order-lines tr.ol-art th{display:block;padding:0 10px 4px;}
  .order-lines tr.zeile--raclette,.order-lines tr.zeile--fondue{padding:12px 10px;border-radius:8px;border-bottom:0;margin-bottom:6px;}
  .order-lines tr.zeile--raclette{background:#F6EDD6;}.order-lines tr.zeile--fondue{background:#ECE6DC;}
}
/* Downloads: Knöpfe in beiden Kacheln unten auf einer Linie. */
.winter-downloads-gesamt article{display:flex;flex-direction:column;}
.winter-werbung-download .werbung-bilder{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;margin-bottom:14px;}
.winter-werbung-download .werbung-bilder img{margin-bottom:0;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;}   /* Banner nie stauchen */
.winter-werbung-download .werbung-bilder img.plakat{width:auto;height:auto;aspect-ratio:auto;object-fit:unset;max-height:150px;border:1px solid #dcd8d0;border-radius:6px;box-shadow:0 10px 24px -16px rgba(40,49,64,.55);background:#fff;}
@media(max-width:520px){.winter-werbung-download .werbung-bilder{grid-template-columns:1fr;}.winter-werbung-download .werbung-bilder img.plakat{max-height:220px;}}
.winter-downloads-gesamt article .knoepfe{margin-top:auto;padding-top:18px;}

/* Prepack-Option und schmale Telefone: Diese Regeln standen nur in kisten.css; die Angebotsseiten der Läden laden sie nicht (21.09.2026). */
.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){.pg-woche{flex-direction:column;align-items:flex-start;}.order-lines td:nth-child(3){text-align:left;}}
@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;}.planner{padding:16px 12px;}}