/* Start custom CSS *//* ===== Startseite – Seiten-CSS (nur was Elementor nicht per Einstellung kann) ===== */

/* Topbar: Hinweis „Kostenlose Lieferung“ (Element im Header) nur auf der Startseite einblenden, nicht auf dem Handy */
[data-id="3bd174be"] { display: inline-flex !important; }
@media (max-width: 600px) { [data-id="3bd174be"] { display: none !important; } }

/* Slogan: „einfach!“ als weisses, leicht gedrehtes Etikett */
[data-id="737bab23"] span:last-child { display: inline-block; background: #FFFFFF; color: #214A61; padding: 0 16px 4px 12px; transform: rotate(-2deg); box-shadow: 6px 6px 0 #2A6F91; }

/* Kacheln: auf dem Handy ist die ganze Kachel klickbar */
@media (max-width: 600px) {
  [data-id="217f1d3e"] > * { position: relative; }
  [data-id="217f1d3e"] h2 a::after { content: ""; position: absolute; inset: 0; }
}

/* Einkaufen: Kistenkutsche und Ladehof nebeneinander – Einleitung und 4 Schritte auf gleicher Höhe
   (Einleitung mind. 2 Zeilen; Schrittzeilen 72 px: Kistenkutsche-Zeile 72 px, Ladehof-Kopf 71 px + 1 px Linie) */
@media (min-width: 961px) {
  [data-id="1d2f925f"], [data-id="6a4e27f0"] { min-height: 3.1em; }
  [data-id="48bc41d9"] > * { min-height: 72px; box-sizing: border-box; }
  [data-id="2fe0e8ea"] > details > summary { min-height: 71px; box-sizing: border-box; }
}

/* Über uns: Zitat bündig, ohne Browser-Einzug */
[data-id="5bbad0c"] blockquote { margin: 0; padding: 0; font: inherit; color: inherit; }

/* Tasting-Loop: Ticket-Button „Tickets online buchen“ (kommt aus [tasting_tickets]).
   Das Absatz-Element entfernt die Klasse aus der Kurzcode-Ausgabe – daher Selektor über den Link in den Loop-Karten.
   In den Tasting-Karten ist dieser Link der einzige Link. */
#tastings .e-loop-item a[href], #tastings [data-id="34f97f74"] a[href] { display: inline-flex; align-items: center; min-height: 44px; padding: 12px 18px; background: #FFFFFF; color: #0D1E27; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; }
#tastings .e-loop-item a[href]:hover, #tastings [data-id="34f97f74"] a[href]:hover { background: #E3EBEF; color: #0D1E27; }
#tastings .e-loop-item a[href]:focus-visible, #tastings [data-id="34f97f74"] a[href]:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

/* Schmeck-Samstag: Punkte – fette Zeile weiss und 17 px */
[data-id="6f9d84e9"] strong { display: block; font-size: 17px; color: #FFFFFF; }

/* Akkordeons (Ladehof-Schritte, Fragen, PLZ-Liste): Icon-Container nur so gross wie das Icon, Titel nimmt den Rest */
.e-accordion-item-icon-base { width: 20px !important; min-width: 20px; flex: 0 0 auto !important; transform-origin: 50% 50% !important; }
[data-id="5573da63"] { width: 14px !important; min-width: 14px; }
[data-id="7c39d996"], [data-id="6366bf84"], [data-id="60080dbe"], [data-id="64f83b18"],
[data-id="60f4d77c"], [data-id="1f2a0eff"], [data-id="71c5a089"], [data-id="5f39b7be"] { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }
[data-id="84e5236"] { flex: 0 1 auto !important; min-width: 0 !important; width: auto !important; }

/* Fragen: nicht der Container dreht sich, nur das Plus – beim Öffnen wird es zum X */
[data-id="1145534d"] > details > summary .e-accordion-item-icon-base { transform: none !important; }
[data-id="1145534d"] > details > summary .e-accordion-item-icon-base svg { transition: transform .2s; }
[data-id="1145534d"] > details[open] > summary .e-accordion-item-icon-base svg { transform: rotate(45deg); }
[data-id="1145534d"] ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
[data-id="1145534d"] ul strong { color: #2B3136; }

/* Liste aller Postleitzahlen als Raster */
#plz-liste ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 6px 20px; }
#plz-liste li { display: flex; gap: 10px; }
#plz-liste strong { color: #2B3136; font-variant-numeric: tabular-nums; flex-shrink: 0; }

/* Ergebnis der PLZ-Prüfung (wird vom Skript „PLZ-Prüfung“ eingefügt) */
.plz-ergebnis { margin-top: 10px; padding: 14px 16px; font-size: 16px; line-height: 1.5; }
.plz-ergebnis[hidden] { display: none; }
.plz-ergebnis--ja { background: #E8F1EC; border-left: 4px solid #2E7D4F; color: #1F4D33; }
.plz-ergebnis--ja a { color: #1F4D33; font-weight: 700; }
.plz-ergebnis--nein { background: #F1F3F4; border-left: 4px solid #4A545B; color: #2B3136; }
.plz-ergebnis--nein a { color: #214A61; font-weight: 700; }/* End custom CSS */