/* Startseite v2 (VORSCHLAG Teil 3 und 4). front-page.php lädt sie per lkt_page_css( 'home-v2' ) statt home.css, nur bei
   Häkchen „Neue Startseite (v2) zeigen“. Mobil zuerst, ab 960 px zweispaltig. Alles hängt an body.home bzw. .lkt-home2
   (<main data-lkt-home="v2">). Nur Oswald und Open Sans in normaler Lage (theme.css), keine Fremd-Hosts.
   Handy bis 780 px im Locker-Raster (Thomas 13.11., _auftraege/startseite-v3/locker), Block nach dem Tablet-Block.
   Lädt vor kopf-navy.css (Abhängigkeit nur lkt-theme): gleich starke Regeln dort gewinnen. */

/* ---------- Kopf am Handy: assets/css/kopf-navy.css (navy Leiste auf / und /konfigurator/, seit 13.11.). ---------- */

/* Schwebendes Trusted-Shops-Badge: auf / sichtbar (Thomas 13.11.), am Handy rechts unten wie im Konfigurator (Block bis 640 px),
   darüber links unten auf 75 %. */

/* ---------- Tokens (Teil 4) ---------- */
.lkt-home2 {
	--v2-navy: var(--lkt-navy, #092237);
	--v2-beere: var(--lkt-beere, #AA0B50);
	--v2-beere-dunkel: #8E0942;
	--v2-flaeche: var(--lkt-kopf-bg, #F9F6F9);
	--v2-neben: #4A5866;
	--v2-marker: rgba(206, 177, 201, .55);
	--v2-stern: #F5A623;
	--v2-linie: rgba(9, 34, 55, .10);
	--v2-punktrand: rgba(9, 34, 55, .25);
	--v2-fh: var(--lkt-font-head, "Oswald", sans-serif);
	--v2-fu: var(--lkt-font-ui, "Open Sans", sans-serif);
	--v2-r-karte: var(--lkt-r-karte, 16px);
	--v2-r-foto: 12px;
	--v2-r-knopf: 12px 0 12px 0;
	--v2-schatten-karte: 0 1px 2px rgba(9, 34, 55, .06), 0 14px 32px -16px rgba(9, 34, 55, .30);
	--v2-schatten-knopf: 0 12px 22px -14px rgba(170, 11, 80, .9);
	--v2-rand: 20px;
	--v2-sek: 48px;
	--v2-luecke: 12px;
	--v2-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h11.5M10 4.5 14.5 9 10 13.5'/%3E%3C/svg%3E");
	display: block;
	max-width: none;
	margin: 0;
	padding: 0;
	color: var(--v2-navy);
	font: 400 16px/1.6 var(--v2-fu);
}
.lkt-home2 :where(h1, h2, h3, p, ul, ol, figure) { margin: 0; }
.lkt-home2 :where(ul, ol) { padding: 0; list-style: none; }
.lkt-home2 img { display: block; max-width: 100%; height: auto; }
.lkt-home2 a { color: var(--v2-navy); }
.lkt-home2 :is(a, summary, button):focus-visible { outline: 3px solid var(--v2-navy); outline-offset: 3px; box-shadow: none; }
.lkt-home2 .lkt-v2-icon { flex: none; width: 18px; height: 18px; }

.lkt-home2 .lkt-v2-w { max-width: 1240px; margin-inline: auto; padding-inline: var(--v2-rand); }
.lkt-home2 .lkt-v2-sek { padding-block: var(--v2-sek); background: #fff; }
.lkt-home2 .lkt-v2-flaeche { background: var(--v2-flaeche); }

/* Abschnittstitel = die bestehenden H3; Akzent-Spans aus v1 bleiben im HTML, hier ohne Marker */
.lkt-home2 .lkt-v2-h3 { margin-bottom: 24px; font: 600 28px/1.15 var(--v2-fh); letter-spacing: 0; color: var(--v2-navy); text-wrap: balance; }
.lkt-home2 .lkt-v2-gross { text-transform: capitalize; } /* „Sie haben fragen?“ liest sich „Fragen?“ */
.lkt-home2 .lkt-v2-klein { text-transform: lowercase; }  /* „Kontaktieren Sie Uns“ liest sich „uns“ */

/* Knöpfe: Beere nur für Konfigurator-Knöpfe, Zweitknopf weiß mit Beere-Rand */
.lkt-home2 .lkt-v2-btn {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%; min-height: 56px; padding: 14px 24px;
	border-radius: var(--v2-r-knopf);
	background: var(--v2-beere); color: #fff;
	font: 600 18px/1.25 var(--v2-fu); text-align: center; text-decoration: none;
	box-shadow: var(--v2-schatten-knopf);
	transition: background-color .2s, color .2s, transform .2s;
}
.lkt-home2 .lkt-v2-btn:hover,
.lkt-home2 .lkt-v2-btn:focus-visible,
.lkt-home2 .lkt-v2-btn:active { background: var(--v2-beere-dunkel); color: #fff; transform: translateY(-1px); }
.lkt-home2 .lkt-v2-btn--zweit { min-height: 52px; background: #fff; color: var(--v2-beere); box-shadow: inset 0 0 0 2px var(--v2-beere); }
.lkt-home2 .lkt-v2-btn--zweit:hover,
.lkt-home2 .lkt-v2-btn--zweit:focus-visible,
.lkt-home2 .lkt-v2-btn--zweit:active { background: var(--v2-beere); color: #fff; }

/* Textlinks mit Pfeil, Tippfläche 44 px */
.lkt-home2 .lkt-v2-textlink {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px;
	color: var(--v2-navy); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
}
.lkt-home2 .lkt-v2-textlink .lkt-v2-icon { color: var(--v2-beere); transition: transform .2s; }
.lkt-home2 .lkt-v2-textlink:hover { color: var(--v2-beere); }
.lkt-home2 .lkt-v2-textlink:hover .lkt-v2-icon { transform: translateX(2px); }

/* ---------- 1 Hero · Fläche #F9F6F9 (nahtlos zum Kopf) ---------- */
.lkt-home2 .lkt-v2-hero { padding-block: 16px var(--v2-sek); }
.lkt-home2 .lkt-v2-kicker { font: 500 14px/1.4 var(--v2-fh); letter-spacing: .1em; text-transform: uppercase; color: var(--v2-beere); }
.lkt-home2 .lkt-v2-h1 { margin-top: 8px; font: 700 clamp(28px, 7.7vw, 34px)/1.1 var(--v2-fh); letter-spacing: 0; color: var(--v2-navy); text-wrap: balance; }
.lkt-home2 .lkt-v2-h1 .lkt-mark {
	color: var(--v2-beere);
	background: linear-gradient(transparent 64%, var(--v2-marker) 64%, var(--v2-marker) 90%, transparent 90%) no-repeat 0 0 / 100% 100%;
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
	animation: lkt-v2-marker .7s ease-out .15s both;
}
@keyframes lkt-v2-marker { from { background-size: 0 100%; } }
.lkt-home2 .lkt-v2-hero__h2 { margin-top: 8px; font: 400 19px/1.32 var(--v2-fh); letter-spacing: 0; color: var(--v2-navy); text-wrap: balance; }
/* Bestellschluss-Chip (lkt_bestellschluss_html, verschwindet ab 08.12. von selbst) */
.lkt-home2 .lkt-home-hinweis {
	margin-top: 12px; padding: 8px 12px;
	border-left: 3px solid var(--v2-beere); border-radius: 0 10px 10px 0;
	background: #fff; color: var(--v2-navy);
	font: 600 13px/1.4 var(--v2-fu); text-align: left;
	text-wrap: balance; /* gleiche Zeilenzahl, aber „Fr 04.12.“ und „Mo 07.12.“ reißen nicht auseinander */
}
.lkt-home2 .lkt-v2-hero__cta { margin-top: 16px; }
.lkt-home2 .lkt-v2-kostenlos { margin-top: 8px; font: 400 13px/1.4 var(--v2-fu); color: var(--v2-neben); }
.lkt-home2 .lkt-v2-beleg { margin-top: 4px; font: 400 13px/1.45 var(--v2-fu); color: var(--v2-navy); font-variant-numeric: tabular-nums; text-wrap: pretty; }
.lkt-home2 .lkt-v2-stern { color: var(--v2-stern); }
.lkt-home2 .lkt-v2-nw { white-space: nowrap; }
.lkt-home2 .lkt-v2-beleg a { display: inline-block; padding-block: 14px; margin-block: -14px; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Preisbox: ganz oder gar nicht (SSoT), Flasche nur in Plan A und nur bis 959 px */
.lkt-home2 .lkt-v2-preisbox {
	display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-columns: 108px; column-gap: 14px; align-items: start;
	margin-top: 16px; padding: 16px;
	border-radius: var(--v2-r-karte); background: #fff; box-shadow: var(--v2-schatten-karte);
	font-variant-numeric: tabular-nums;
}
.lkt-home2 .lkt-v2-preisbox__info { grid-column: 1; }
.lkt-home2 .lkt-v2-preisbox__bild { grid-column: 2; grid-row: 1; }
.lkt-home2 .lkt-v2-preisbox__bild img { width: 108px; height: 200px; object-fit: cover; border-radius: var(--v2-r-foto); }
.lkt-home2 .lkt-v2-preis__menge { font: 700 12px/1.3 var(--v2-fu); letter-spacing: .05em; text-transform: uppercase; color: var(--v2-neben); }
.lkt-home2 .lkt-v2-preis__menge .lkt-v2-einheit { text-transform: none; } /* „ml“, nicht „ML“ (M = Mega) */
.lkt-home2 .lkt-v2-preis__zeile { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin-top: 4px; }
.lkt-home2 .lkt-v2-preis__betrag { font: 600 28px/1.1 var(--v2-fh); letter-spacing: 0; color: var(--v2-navy); }
.lkt-home2 .lkt-v2-preis__gp { font: 400 13px/1.4 var(--v2-fu); color: var(--v2-navy); }
.lkt-home2 .lkt-v2-preis__pflicht { margin-top: 4px; font: 400 12px/1.45 var(--v2-fu); color: var(--v2-neben); }
/* Tippfläche ≥ 44 px nur nach unten (unverlinkte Pflichtzeile), nicht nach oben in Preis und Grundpreis */
.lkt-home2 .lkt-v2-preis__pflicht a { padding-block: 3px 25px; color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.lkt-home2 .lkt-v2-haken { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v2-linie); font: 600 13px/1.35 var(--v2-fu); color: var(--v2-navy); }
.lkt-home2 .lkt-v2-haken li { display: flex; align-items: flex-start; gap: 8px; text-wrap: balance; }
.lkt-home2 .lkt-v2-haken svg { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--v2-beere); }
.lkt-home2 .lkt-v2-hero__bild { display: none; }
.lkt-home2 .lkt-v2-hero__absaetze { margin-top: 24px; font-size: 15px; line-height: 1.65; }
.lkt-home2 .lkt-v2-hero__absaetze p { max-width: 66ch; text-wrap: pretty; }
.lkt-home2 .lkt-v2-hero__absaetze p + p { margin-top: 16px; }
/* Kurzpreis nur am Handy (Block bis 780 px) */
.lkt-home2 .lkt-v2-kurzpreis { display: none; }

/* Beispiel-Laufband (Thomas 13.11.): zehn Flaschen aus der Konfigurator-Vorschau, endlos per transform. Die zweite Liste
   (aria-hidden) hängt dran, die Spur rückt um genau eine Liste samt Fuge (padding-right) weiter. Eine Liste muss breiter
   sein als das Band, sonst bleibt am Ende eine Lücke (Liste 660–984 px, Band höchstens 620 px). Bühne wie im Konfigurator
   (KP --lk-stone-100/200), auf hellem Grund sähen die klaren Flaschen leer aus. Bild 360 × 720 mit transparentem Rand:
   object-fit schneidet links und rechts je 14 % ab, Etikett und Schatten bleiben ganz. Ränder weich per Maske. */
.lkt-home2 .lkt-v2-laufband {
	--v2-flasche: 200px;
	position: relative; overflow: hidden;
	margin-top: 24px;
	border-radius: var(--v2-r-karte);
	background: linear-gradient(180deg, #ECEFF2, #D6DDE4);
}
.lkt-home2 .lkt-v2-laufband__link {
	display: block; padding-block: 12px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
	mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
}
.lkt-home2 .lkt-v2-laufband__link:focus-visible { outline-offset: -3px; }
@supports selector(:has(a)) { /* Fokusring am Band: am Link schnitte ihn die Maske links und rechts weg */
	.lkt-home2 .lkt-v2-laufband__link:focus-visible { outline: none; }
	.lkt-home2 .lkt-v2-laufband:has(.lkt-v2-laufband__link:focus-visible) { outline: 3px solid var(--v2-navy); outline-offset: 3px; }
}
.lkt-home2 .lkt-v2-laufband__spur { display: flex; width: max-content; animation: lkt-v2-laufband 34s linear infinite; }
@keyframes lkt-v2-laufband { to { transform: translateX(-50%); } }
.lkt-home2 .lkt-v2-laufband__liste { display: flex; gap: 12px; padding-right: 12px; }
.lkt-home2 .lkt-v2-laufband img { width: calc(var(--v2-flasche) * .36); max-width: none; height: var(--v2-flasche); object-fit: cover; }
.lkt-home2 .lkt-v2-laufband--steht .lkt-v2-laufband__spur,
.lkt-home2 .lkt-v2-laufband__link:focus-visible .lkt-v2-laufband__spur { animation-play-state: paused; }
/* Pause-Knopf (WCAG 2.2.2), lkt.js nimmt hidden weg und schaltet .lkt-v2-laufband--steht. Links oben: unten schneidet
   der erste Bildschirm das Band ab (390 × 664, iPhone SE), rechts stehen am Handy Badge und Schloss. Tippfläche 44 px,
   sichtbar ein heller Kreis */
.lkt-home2 .lkt-v2-laufband__pause {
	position: absolute; left: 4px; top: 4px;
	display: grid; place-items: center; width: 44px; height: 44px; padding: 0;
	border: 0; border-radius: 50%; background: none; color: var(--v2-navy); transition: none;
}
.lkt-home2 .lkt-v2-laufband__pause:is(:hover, :focus, :active) { background: none; color: var(--v2-navy); }
.lkt-home2 .lkt-v2-laufband__pause:focus-visible { outline-offset: -3px; }
.lkt-home2 .lkt-v2-laufband__pause::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: rgba(255, 255, 255, .88); box-shadow: 0 1px 3px rgba(9, 34, 55, .2); }
.lkt-home2 .lkt-v2-laufband__pause svg { position: relative; width: 12px; height: 12px; }
.lkt-home2 .lkt-v2-laufband__pause[hidden],
.lkt-home2 .lkt-v2-laufband__pause[aria-pressed="true"] .lkt-v2-laufband__halt,
.lkt-home2 .lkt-v2-laufband__pause:not([aria-pressed="true"]) .lkt-v2-laufband__weiter { display: none; }

/* ---------- 2 Wie es funktioniert + Bewertungen · Weiß ---------- */
.lkt-home2 .lkt-v2-schritte__liste { display: grid; }
.lkt-home2 .lkt-v2-schritt { position: relative; display: grid; grid-template-columns: 100px minmax(0, 1fr); column-gap: 16px; padding-bottom: 24px; }
.lkt-home2 .lkt-v2-schritt:last-child { padding-bottom: 0; }
.lkt-home2 .lkt-v2-schritt:not(:last-child)::after { content: ""; position: absolute; left: 50px; top: 50px; bottom: 6px; width: 1px; background: rgba(9, 34, 55, .18); }
.lkt-home2 .lkt-v2-pille { align-self: start; } /* CTA-Hülle nur so groß wie die Pille (3.4) */
.lkt-home2 .lkt-v2-pille a {
	display: flex; align-items: center; justify-content: center; height: 44px;
	border-radius: 22px; background: var(--v2-beere); color: #fff;
	font: 600 15px/1 var(--v2-fu); text-decoration: none; transition: background-color .2s;
}
.lkt-home2 .lkt-v2-pille a:hover, .lkt-home2 .lkt-v2-pille a:focus-visible { background: var(--v2-beere-dunkel); color: #fff; }
.lkt-home2 .lkt-v2-schritt__h { padding-top: 10px; font: 600 18px/1.35 var(--v2-fu); letter-spacing: 0; color: var(--v2-navy); text-wrap: balance; }
.lkt-home2 .lkt-v2-schritt__h br { display: none; } /* <br> bleiben im HTML (Überschriften wie v1) */
.lkt-home2 .lkt-v2-schritte__cta { margin-top: 32px; }
.lkt-home2 .lkt-v2-etrusted { min-height: 70px; margin-top: 32px; } /* reservierte Höhe gegen Verschieben */
/* Sprung „Echtheit ›“: über dem Hinweis bleiben Widget und E2-Knopf im Bild (E2 56 + 32 + Widget 70 + 8 + 16 Luft) */
.lkt-home2 .lkt-v2-echtheit { margin-top: 8px; max-width: 66ch; font: 400 13px/1.55 var(--v2-fu); color: var(--v2-neben); scroll-margin-top: 182px; }
.lkt-home2 .lkt-v2-echtheit a { padding-block: 14px; color: var(--v2-navy); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; white-space: nowrap; }

/* ---------- 3 Anlässe · Fläche: ganze Karte klickbar (gestreckter Link im H2) ---------- */
.lkt-home2 .lkt-v2-kacheln { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-luecke); }
.lkt-home2 .lkt-v2-kachel { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--v2-r-karte); background: #fff; box-shadow: var(--v2-schatten-karte); }
.lkt-home2 .lkt-v2-kachel--breit { grid-column: 1 / -1; }
.lkt-home2 .lkt-v2-kachel__bild { overflow: hidden; } /* hält Zuschnitt (scale am Bild) und Hover-Zoom aus der Namensleiste */
.lkt-home2 .lkt-v2-kachel img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .4s ease; }
.lkt-home2 .lkt-v2-kachel--breit img { aspect-ratio: 16 / 9; }
/* Name in weißer Leiste unter dem Foto; Pfeil nur per CSS (nicht im H2-Text), Trennung nur per hyphens */
.lkt-home2 .lkt-v2-kachel__name { padding-inline: 14px 12px; font: 600 16px/1.2 var(--v2-fu); letter-spacing: 0; color: var(--v2-navy); hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.lkt-home2 .lkt-v2-kachel__name a { display: block; min-height: 44px; padding-block: 12px; color: inherit; text-decoration: none; }
.lkt-home2 .lkt-v2-kachel__name a::before { content: ""; position: absolute; inset: 0; z-index: 1; } /* ganze Karte klickbar */
.lkt-home2 .lkt-v2-kachel__name a::after {
	content: ""; display: inline-block; flex: none; width: 18px; height: 18px; margin-left: 6px; vertical-align: -3px;
	background: var(--v2-beere); -webkit-mask: var(--v2-pfeil) center / contain no-repeat; mask: var(--v2-pfeil) center / contain no-repeat;
	transition: transform .2s;
}
@supports selector(:has(a)) { /* ohne :has behält der Link den Fokusrahmen von oben */
	.lkt-home2 .lkt-v2-kachel__name a:focus-visible { outline: none; }
	.lkt-home2 .lkt-v2-kachel:has(a:focus-visible) { outline: 3px solid var(--v2-navy); outline-offset: 3px; }
}
.lkt-home2 .lkt-v2-anlaesse__mehr { margin-top: 24px; }

/* ---------- 4 Sorten · Weiß ---------- */
.lkt-home2 .lkt-v2-sorten__foto img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; object-position: 50% 62%; border-radius: var(--v2-r-foto); }
.lkt-home2 .lkt-v2-sorten__fotos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v2-luecke); }
.lkt-home2 .lkt-v2-sorten__fotos img { width: 100%; border-radius: var(--v2-r-foto); }
.lkt-home2 .lkt-v2-sortenliste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; margin-top: 16px; }
.lkt-home2 .lkt-v2-sortenliste li { display: flex; align-items: center; gap: 10px; min-width: 0; padding-block: 10px; border-bottom: 1px solid var(--v2-linie); font: 400 15px/1.4 var(--v2-fu); color: var(--v2-navy); }
.lkt-home2 .lkt-v2-punkt { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--c, #fff); box-shadow: inset 0 0 0 1px var(--v2-punktrand); }
.lkt-home2 .lkt-v2-sorten .lkt-v2-textlink { margin-top: 12px; }

/* ---------- 5 Galerie · Fläche ---------- */
.lkt-home2 .lkt-v2-galerie__satz { margin: -12px 0 24px; color: var(--v2-neben); }
.lkt-home2 .lkt-v2-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-luecke); }
.lkt-home2 .lkt-v2-raster img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--v2-r-foto); }
.lkt-home2 .lkt-v2-galerie__fuss { display: grid; justify-items: start; gap: 8px; margin-top: 16px; }
.lkt-home2 .lkt-v2-galerie__fuss > div { justify-self: stretch; }

/* ---------- 6 FAQ + Abschluss · Weiß ---------- */
.lkt-home2 .lkt-v2-faq__liste details { border-bottom: 1px solid var(--v2-linie); }
.lkt-home2 .lkt-v2-faq__liste details:first-child { border-top: 1px solid var(--v2-linie); }
.lkt-home2 .lkt-v2-faq__liste summary {
	display: flex; justify-content: space-between; gap: 16px; min-height: 52px; padding: 14px 0;
	font: 600 16px/1.45 var(--v2-fu); color: var(--v2-navy); cursor: pointer; list-style: none;
}
.lkt-home2 .lkt-v2-faq__liste summary::-webkit-details-marker { display: none; }
.lkt-home2 .lkt-v2-faq__liste summary::after {
	content: ""; flex: none; width: 9px; height: 9px; margin: 7px 4px 0 0;
	border: solid var(--v2-beere); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s;
}
.lkt-home2 .lkt-v2-faq__liste details[open] summary::after { margin-top: 11px; transform: rotate(-135deg); }
.lkt-home2 .lkt-v2-faq__a { padding: 0 28px 18px 0; font-size: 15px; line-height: 1.65; color: var(--v2-navy); }
.lkt-home2 .lkt-v2-faq__a p { max-width: 66ch; } /* Fließtext max. ≈ 66 Zeichen (Teil 4); Fragen bleiben 860 px */
.lkt-home2 .lkt-v2-faq__a a { padding-block: 12px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.lkt-home2 .lkt-v2-faq__cta { margin-top: 32px; }

/* ---------- 7 Kontakt · Fläche ---------- */
/* 16:9 ohne die rechten 3 % der Quelle: dort läuft in about-team.webp ein unscharfer brauner Pfosten (x 1.555–1.600) */
.lkt-home2 .lkt-v2-kontakt__foto { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--v2-r-foto); }
.lkt-home2 .lkt-v2-kontakt__foto img { width: 103%; max-width: none; height: 100%; object-fit: cover; object-position: 0 50%; }
.lkt-home2 .lkt-v2-kontakt__adresse { margin-top: 24px; font-size: 16px; line-height: 1.6; }
.lkt-home2 .lkt-v2-ibox { display: flex; align-items: center; gap: 16px; padding-block: 10px; }
.lkt-home2 .lkt-v2-ibox img { flex: none; width: 42px; height: 42px; }
.lkt-home2 .lkt-v2-ibox h3 { margin: 0; font: 600 16px/1.3 var(--v2-fu); letter-spacing: 0; color: var(--v2-navy); }
.lkt-home2 .lkt-v2-ibox p { font-size: 15px; line-height: 1.5; }
.lkt-home2 .lkt-v2-ibox a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -10px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lkt-home2 .lkt-v2-ibox__liste { margin-top: 12px; }

/* ---------- Bewegung: nur mit Zeiger, nicht bei reduzierter Bewegung ---------- */
@media (hover: hover) {
	.lkt-home2 .lkt-v2-kachel:hover img { transform: scale(1.03); }
	.lkt-home2 .lkt-v2-kachel:hover .lkt-v2-kachel__name a::after { transform: translateX(3px); }
	.lkt-home2 .lkt-v2-laufband__link:hover .lkt-v2-laufband__spur { animation-play-state: paused; } /* Etikett in Ruhe ansehen */
}
@media (prefers-reduced-motion: reduce) {
	.lkt-home2 *, .lkt-home2 *::before, .lkt-home2 *::after { animation: none !important; transition: none !important; }
	.lkt-home2 .lkt-v2-kachel:hover img, .lkt-home2 .lkt-v2-btn:hover { transform: none; }
	/* Laufband steht still: wischbare Reihe ohne zweite Liste und ohne Pause-Knopf */
	.lkt-home2 .lkt-v2-laufband__link { overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
	.lkt-home2 .lkt-v2-laufband__link::-webkit-scrollbar { display: none; }
	.lkt-home2 .lkt-v2-laufband__liste { padding-inline: 12px; }
	.lkt-home2 .lkt-v2-laufband__liste li { scroll-snap-align: center; }
	.lkt-home2 .lkt-v2-laufband__liste[aria-hidden],
	.lkt-home2 .lkt-v2-laufband__pause { display: none; }
}

/* Kleine Handys (375/360): Flasche in der Preisbox (Plan A) schmaler */
@media (max-width: 389px) {
	.lkt-home2 .lkt-v2-preisbox { grid-auto-columns: 92px; column-gap: 12px; }
	.lkt-home2 .lkt-v2-preisbox__bild img { width: 92px; height: 170px; }
}

/* ---------- Tablet 768–959: einspaltig, Lesebreite ---------- */
@media (min-width: 768px) {
	.lkt-home2 :is(.lkt-v2-hero__text, .lkt-v2-laufband, .lkt-v2-preisbox) { max-width: 620px; }
	.lkt-home2 .lkt-v2-raster { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	/* im HTML Knopf vor Link (Handy: Knopf zuerst), hier links der Link, rechts der Knopf (3.3) */
	.lkt-home2 .lkt-v2-galerie__fuss { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 24px; }
	.lkt-home2 .lkt-v2-galerie__fuss > div { justify-self: auto; }
	.lkt-home2 .lkt-v2-cta { width: fit-content; } /* data-lk24-cta-Wrapper so groß wie der Knopf */
	.lkt-home2 .lkt-v2-btn { width: auto; min-width: 360px; } /* alle Hauptknöpfe gleich breit */
	.lkt-home2 .lkt-v2-btn--zweit { min-width: 240px; }
	.lkt-home2 .lkt-v2-preis__pflicht { font-size: 13px; }
}

/* ---------- Handy bis 780 px (wie kopf-navy.css): Locker-Raster (Thomas 13.11., _auftraege/startseite-v3/locker).
   Steht nach dem Tablet-Block, damit es bei 768–780 gewinnt. Abstände im 8er-Raster: in einer Gruppe 4–12, Knopf an der
   Botschaft 24, zur nächsten Gruppe 24–48, Abschnitte 56 (zwischen zwei Abschnitten 112). Vorbilder: Apple (Headline,
   Knopf direkt darunter, dann Luft), Snocks (schmale Kurzinfo), LikörFactory (zentrierte H1, darunter eine Karte).
   Rot nur am Knopf: Kicker grau, Haken navy, Schritt-Pillen grau, Burger ohne Fläche, Kontakt-Icons grau. ---------- */
@media (max-width: 780px) {
	.lkt-home2 {
		--v2-sek: 56px;
		--v2-luecke: 16px;
		--v2-schatten-knopf: 0 8px 16px -12px rgba(170, 11, 80, .55);
		--v2-schatten-karte: 0 1px 2px rgba(9, 34, 55, .05), 0 12px 28px -18px rgba(9, 34, 55, .28);
	}

	/* Hero: eine Spalte in Gruppen. Oben Botschaft mit Knopf, Bewertung und Kurzpreis, dann das Laufband, dann die
	   Preiskarte. Nur der Bestellschluss wandert (vor das Laufband, erster Bildschirm), sonst gilt die HTML-Reihenfolge, die
	   Fokus-Reihenfolge ändert sich nicht. Die großen Abstände gleiten mit der Bildschirmhöhe: kleinste Werte bis 560 px
	   (iPhone SE in Safari, 375 × 548), volle ab 640. svh ist die Höhe bei eingeblendeter Browserleiste, also genau der
	   erste Bildschirm; anders als max-height ist das in Safari eindeutig. Ohne svh gilt der feste Wert davor. */
	.lkt-home2 .lkt-v2-hero { padding-block: 40px var(--v2-sek); padding-top: clamp(24px, calc(20svh - 88px), 40px); }
	.lkt-home2 .lkt-v2-hero__raster { display: flex; flex-direction: column; }
	.lkt-home2 .lkt-v2-hero__text { display: contents; }
	.lkt-home2 .lkt-home-hinweis { order: 1; }
	.lkt-home2 .lkt-v2-laufband { order: 2; }
	.lkt-home2 .lkt-v2-preisbox { order: 3; }
	.lkt-home2 .lkt-v2-hero__absaetze { order: 4; }

	/* Botschaft zentriert wie bei Apple und LikörFactory: Kicker leise, H1, Unterzeile in der Textschrift */
	.lkt-home2 :is(.lkt-v2-kicker, .lkt-v2-h1, .lkt-v2-hero__h2, .lkt-v2-kostenlos, .lkt-v2-beleg) { text-align: center; }
	.lkt-home2 .lkt-v2-kicker { font: 500 13px/20px var(--v2-fh); letter-spacing: .12em; color: var(--v2-neben); }
	.lkt-home2 .lkt-v2-h1 { margin-top: 8px; }
	.lkt-home2 .lkt-v2-hero__h2 { max-width: 30em; margin: 12px auto 0; font: 400 17px/1.5 var(--v2-fu); color: var(--v2-navy); }
	/* Solange der Bestellschluss da ist, ist die Unterzeile nur für Screenreader da (H2 und Wortlaut bleiben im HTML, am
	   Desktop sichtbar), sonst schnitte 390 × 664 die Etiketten ab. Ab 08.12. gibt PHP den Hinweis nicht mehr aus und
	   lkt.js nimmt ihn aus gecachtem HTML (data-lkt-bis): dann greift :has() nicht mehr, die Unterzeile ist von selbst
	   zurück. Ohne :has() bleibt sie sichtbar. Nicht display: none (Screenreader, Suchmaschine). */
	.lkt-home2:has(.lkt-home-hinweis) .lkt-v2-hero__h2 {
		position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
		clip: rect(0 0 0 0); white-space: nowrap; border: 0;
	}

	/* Knopf direkt an der Botschaft (Apple: Unterzeile → Knopf 11 px), 52 statt 56 hoch, leiserer Schatten; darunter
	   Mikrozeile und Beleg als ein Block, betont ist die Bewertung, der Echtheit-Link bleibt unterstrichen */
	.lkt-home2 .lkt-v2-hero__cta { margin-top: 24px; margin-top: clamp(16px, calc(10svh - 40px), 24px); }
	.lkt-home2 .lkt-v2-btn { min-height: 52px; padding-block: 12px; font-size: 17px; }
	.lkt-home2 .lkt-v2-kostenlos { margin-top: 12px; font: 400 13px/1.5 var(--v2-fu); color: var(--v2-neben); }
	.lkt-home2 .lkt-v2-beleg { margin-top: 0; font: 400 13px/1.5 var(--v2-fu); color: var(--v2-neben); }
	.lkt-home2 .lkt-v2-beleg .lkt-v2-stern + .lkt-v2-nw { font-weight: 600; color: var(--v2-navy); }
	.lkt-home2 .lkt-v2-beleg a { font-weight: 400; color: var(--v2-navy); }

	/* Kurzpreis im selben Block: Preis, Grundpreis und Pflichtangaben stehen so im ersten Safari-Bildschirm (390 × 664),
	   auch wenn die Preiskarte unter dem Laufband liegt. Keine Links darin (Tippflächen hat die Preiskarte). */
	.lkt-home2 .lkt-v2-kurzpreis { display: block; margin-top: 12px; font: 400 13px/1.5 var(--v2-fu); color: var(--v2-neben); text-align: center; font-variant-numeric: tabular-nums; }
	.lkt-home2 .lkt-v2-kurzpreis__angebot { display: block; color: var(--v2-navy); }
	.lkt-home2 .lkt-v2-kurzpreis .lkt-v2-preis__betrag { font: 600 13px/1.5 var(--v2-fu); }
	.lkt-home2 .lkt-v2-kurzpreis .lkt-v2-preis__gp { font: inherit; color: inherit; }

	/* Laufband als zweite Gruppe, die Preiskarte als dritte. Flaschenhöhe folgt der Bildschirmhöhe: in kurzen kleiner,
	   damit die Etiketten im ersten Bildschirm ganz zu sehen sind (390 × 664: 160 px), in hohen größer (390 × 844: 240 px,
	   dann steht der große Preis erst unter dem ersten Bildschirm statt doppelt). Eigenschaften mit var() fallen ohne svh
	   nicht auf den Wert davor zurück, daher @supports. SYNC sizes der Bilder in home-v2.php (240 px hoch = 120 px breit). */
	.lkt-home2 .lkt-v2-laufband { margin-top: 32px; margin-top: clamp(24px, calc(20svh - 96px), 32px); }
	@supports (height: 100svh) {
		.lkt-home2 .lkt-v2-laufband { --v2-flasche: clamp(150px, calc(100svh - 504px), 240px); }
	}

	/* Preiskarte: innen mehr Luft, Haken in Normalschrift und navy (Beere nur am Knopf) */
	.lkt-home2 .lkt-v2-preisbox { margin-top: 24px; padding: 20px; }
	.lkt-home2 .lkt-v2-preis__menge { font: 600 13px/1.4 var(--v2-fu); letter-spacing: 0; text-transform: none; color: var(--v2-neben); }
	.lkt-home2 .lkt-v2-preis__betrag { font-size: 30px; }
	.lkt-home2 .lkt-v2-preis__pflicht { margin-top: 6px; font-size: 13px; line-height: 1.5; }
	.lkt-home2 .lkt-v2-haken { gap: 10px; margin-top: 16px; padding-top: 16px; font: 400 15px/1.4 var(--v2-fu); }
	.lkt-home2 .lkt-v2-haken svg { margin-top: 2px; color: var(--v2-navy); }

	/* Bestellschluss als schlanke Zeile mit Kalender über dem Laufband (Snocks-Kurzinfo) statt Kasten mit Beere-Balken */
	.lkt-home2 .lkt-home-hinweis {
		position: relative; margin: 16px 0 0; padding: 0 0 0 24px;
		border: 0; border-radius: 0; background: none;
		font: 400 13px/1.5 var(--v2-fu); color: var(--v2-navy); text-align: left;
	}
	.lkt-home2 .lkt-home-hinweis::before {
		content: ""; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background: var(--v2-navy);
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='2'/%3E%3Cpath d='M2 7h12M5.5 1.5v3M10.5 1.5v3'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='2'/%3E%3Cpath d='M2 7h12M5.5 1.5v3M10.5 1.5v3'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	/* Über-uns-Text: eigener Block mit Abschnittsabstand */
	.lkt-home2 .lkt-v2-hero__absaetze { margin-top: var(--v2-sek); font-size: 16px; line-height: 1.65; color: var(--v2-neben); }

	/* Wie es funktioniert: Schritt-Pillen grau statt Beere (sonst 4 rote Knöpfe in einem Bildschirm) */
	.lkt-home2 .lkt-v2-schritt { padding-bottom: 32px; }
	.lkt-home2 .lkt-v2-pille a { background: var(--lkt-grau-karte, #F2F4F6); color: var(--v2-navy); }
	.lkt-home2 .lkt-v2-pille a:hover,
	.lkt-home2 .lkt-v2-pille a:focus-visible { background: var(--v2-navy); color: #fff; }
	.lkt-home2 .lkt-v2-schritte__cta { margin-top: 40px; }
	.lkt-home2 .lkt-v2-etrusted { margin-top: 24px; } /* zeigt hier nur eine Sternreihe mitten in 70 px Platz */

	/* Anlässe, Sorten, Galerie: gleiche Fugen, Knopf mit 32 Abstand */
	.lkt-home2 .lkt-v2-anlaesse__mehr { margin-top: 32px; }
	.lkt-home2 .lkt-v2-sortenliste { margin-top: 24px; }
	.lkt-home2 .lkt-v2-sortenliste li { padding-block: 12px; }
	.lkt-home2 .lkt-v2-sorten .lkt-v2-textlink { margin-top: 16px; }
	.lkt-home2 .lkt-v2-galerie__satz { margin-bottom: 32px; }
	.lkt-home2 .lkt-v2-galerie__fuss { gap: 12px; margin-top: 32px; }

	/* FAQ: mittleres Gewicht statt Halbfett-Wand, mehr Luft je Frage */
	.lkt-home2 .lkt-v2-faq__liste summary { padding-block: 18px; font-weight: 500; line-height: 1.5; }
	.lkt-home2 .lkt-v2-faq__a { padding-bottom: 24px; font-size: 16px; line-height: 1.6; color: var(--v2-neben); }
	.lkt-home2 .lkt-v2-faq__cta { margin-top: 40px; }

	/* Kontakt: Icons (PNG mit Beere-Kreis) neutral, sonst drei rote Kreise im Bildschirm des FAQ-Knopfs.
	   Sauberer wären navy SVG-Icons im Markup. */
	.lkt-home2 .lkt-v2-ibox img { filter: grayscale(1); }

	/* Burger ohne Beere-Fläche: steht in kopf-navy.css (geteilter Kopf mit /konfigurator/). */
}

/* Trusted-Shops-Badge rechts unten auf 75 %, Abstand wie im Konfigurator (rechts 10, unten 8). Fest positioniert ist das
   Eltern-div von #minimized-trustbadge (Klasse gehasht), daher :has() wie im Konfigurator; TS setzt per Klasse alles mit
   !important auf initial. Links beginnen alle Zeilen, rechts ist im Satz meist Luft. Das Schloss steht ohne Schatten in
   derselben Spalte darüber, aber nur, wenn das Badge geladen ist; ist TS blockiert, bleibt es unten. Nur bis 640 px: bis
   dahin sind beide klein (Badge 68 × 112, Schloss 40 × 40); darüber zeigt TS das große Badge und consent.css den
   Textknopf, dort bleibt alles wie bisher. */
@media (max-width: 640px) {
	body.home div:has(> [id^="minimized-trustbadge"]) {
		left: auto !important; right: 10px !important; bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
		scale: .75 !important; transform-origin: 100% 100% !important;
	}
	body.home .lk24-consent-open { right: 16px; box-shadow: none; }
	body.home:has(div > [id^="minimized-trustbadge"]) .lk24-consent-open { bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
}
/* 320 px (iPhone SE oder mini mit Display-Zoom): Badge auf 60 %, Schloss links daneben auf die Unterkante. Sonst lägen
   Schloss und Badge auf Grundpreis, „Bestellungen“ und „ab 10,90 €“. */
@media (max-width: 340px) {
	body.home div:has(> [id^="minimized-trustbadge"]) { scale: .6 !important; }
	body.home:has(div > [id^="minimized-trustbadge"]) .lk24-consent-open { bottom: calc(8px + env(safe-area-inset-bottom, 0px)); right: 59px; }
}
/* Urlaubsbanner (#lk24-urlaub, erstes Kind von body, <main> ist sein Geschwister) auf kurzen Handys: Das Banner schiebt
   den Hero nach unten, das Schloss steht mit TS-Badge bei bottom 100 px und läge dann auf dem rechten Ende des
   Hero-Knopfs bzw. auf dem Grundpreis (Prüfung 13.11., u. a. 375 × 548 = iPhone SE in Safari). Gilt nur bei sichtbarem
   Banner; bis 07.12. steht der Knopf ohne Unterzeile ohnehin höher. Nur bis 599 px, darüber steht der Knopf zentriert
   und weit genug links. Bis 340 px: Schloss rechts über das kleinere Badge; das hält den Knopf frei, das Ende des
   Grundpreises nicht immer (live 1.1.8 zeigte den Preis dort mit Banner gar nicht im ersten Bildschirm). */
@media (max-width: 599px) and (max-height: 630px) {
	#lk24-urlaub:not([hidden]) ~ .lkt-home2 .lkt-v2-hero__cta { margin-right: 48px; }
}
@media (min-width: 341px) and (max-width: 389px) {
	#lk24-urlaub:not([hidden]) ~ .lkt-home2 .lkt-v2-kurzpreis { padding-right: 56px; }
}
@media (max-width: 340px) and (max-height: 630px) {
	body.home:has(> #lk24-urlaub:not([hidden])):has(div > [id^="minimized-trustbadge"]) .lk24-consent-open { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); right: 16px; }
}
/* Ab 641 px zeigt TS das große Badge links unten: auf 75 % und tiefer, sonst läge es am Desktop auf Mikrozeile, Bewertung
   und Knopf (1280 × 800, 1366 × 768) und am Tablet auf Preiskarte und Lieferzeit. Dazu der Hero bis 959 px mittig (unten). */
@media (min-width: 641px) {
	body.home div:has(> [id^="minimized-trustbadge"]) { bottom: 16px !important; scale: .75 !important; transform-origin: 0 100% !important; }
}

/* Tablet hochkant (600–959): Hero als eine Mittelspalte, bis 780 px auch der Knopf mittig wie der Text darüber */
@media (min-width: 600px) and (max-width: 959px) {
	.lkt-home2 .lkt-v2-hero__raster { max-width: 660px; }
}
@media (min-width: 600px) and (max-width: 780px) {
	.lkt-home2 .lkt-v2-hero__cta { align-self: center; min-width: 360px; }
}

/* ---------- Desktop ab 960 px ---------- */
@media (min-width: 960px) {
	.lkt-home2 { --v2-sek: 72px; --v2-luecke: 16px; }
	.lkt-home2 .lkt-v2-h3 { margin-bottom: 32px; font-size: 40px; }

	/* Hero 1,08 : 0,92, Lücke 56 px. Plan A: rechts das Foto, links unter der Belegzeile die Preisbox quer.
	   Plan B (.lkt-v2-hero--ohne-foto): rechts steht die Preisbox. */
	.lkt-home2 .lkt-v2-hero { padding-block: 48px var(--v2-sek); }
	.lkt-home2 .lkt-v2-hero__raster {
		display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); column-gap: 56px;
		grid-template-areas: "text bild" "preis bild" "absaetze absaetze";
	}
	/* Dasselbe Raster 1,08 : 0,92 mit 56 px Lücke für alles Zweispaltige darunter (Hero-Absätze, Sorten, Kontakt):
	   alle rechten Spalten beginnen auf derselben Kante wie Hero-Foto bzw. Plan-B-Preisbox */
	.lkt-home2 .lkt-v2-hero__text { grid-area: text; max-width: none; }
	.lkt-home2 .lkt-v2-preisbox { grid-area: preis; max-width: none; }
	.lkt-home2 .lkt-v2-hero__bild { grid-area: bild; display: block; align-self: center; }
	.lkt-home2 .lkt-v2-hero__bild img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 14% 50%; border-radius: 24px 0 24px 0; box-shadow: var(--v2-schatten-karte); }
	.lkt-home2 .lkt-v2-hero__absaetze { grid-area: absaetze; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); column-gap: 56px; margin-top: 48px; font-size: 16px; }
	.lkt-home2 .lkt-v2-hero__absaetze p + p { margin-top: 0; } /* max-width 66ch bleibt: links 618 px Spalte, Text höchstens ≈ 604 */
	.lkt-home2 .lkt-v2-kicker { font-size: 15px; }
	.lkt-home2 .lkt-v2-h1 { font-size: 52px; line-height: 1.05; }
	.lkt-home2 .lkt-v2-hero__h2 { margin-top: 16px; font-size: 23px; }
	.lkt-home2 .lkt-home-hinweis { width: fit-content; }
	.lkt-home2 .lkt-v2-kostenlos, .lkt-home2 .lkt-v2-beleg { font-size: 13px; }
	/* Preisbox quer: links Menge, Preis, Grundpreis, Pflichtzeile; rechts die drei Häkchen. Häkchen-Spalte höchstens
	   17rem: der Normaltext bleibt einzeilig, der lange Urlaubstext aus lk24_get_lieferzeit()['bullet'] bricht um */
	.lkt-home2 .lkt-v2-preisbox { grid-template-columns: minmax(0, 1fr) fit-content(17rem); grid-auto-columns: auto; column-gap: 24px; align-items: center; margin-top: 16px; padding: 22px 24px; }
	.lkt-home2 .lkt-v2-preisbox__bild { display: none; }
	.lkt-home2 .lkt-v2-preisbox__info { display: contents; }
	.lkt-home2 .lkt-v2-preis { grid-column: 1; }
	.lkt-home2 .lkt-v2-haken { grid-column: 2; grid-row: 1; margin: 0; padding: 4px 0 4px 24px; border-top: 0; border-left: 1px solid var(--v2-linie); font-size: 14px; }
	.lkt-home2 .lkt-v2-preis__betrag { font-size: 32px; }

	/* Plan B: rechts oben das Laufband, darunter die Preisbox (Reihenfolge wie im HTML). Text oben bündig: mittig gesetzt
	   rutschte der Knopf bei 1280 × 800 in die Zone des TS-Badges links unten. Plan A hat rechts das Foto, dort kein Band. */
	.lkt-home2 .lkt-v2-hero--ohne-foto .lkt-v2-hero__raster { grid-template-areas: "text band" "text preis" "absaetze absaetze"; align-items: start; }
	.lkt-home2 .lkt-v2-laufband { --v2-flasche: 190px; grid-area: band; max-width: none; margin-top: 0; } /* Preisbox endet bei 1280 × 800 über dem Datenschutz-Knopf */
	.lkt-home2 .lkt-v2-laufband__liste { gap: 16px; padding-right: 16px; }
	.lkt-home2 .lkt-v2-laufband__spur { animation-duration: 38s; }
	.lkt-home2 .lkt-v2-hero:not(.lkt-v2-hero--ohne-foto) .lkt-v2-laufband { display: none; }
	/* Plan B ohne Preisbox (SSoT-Wert fehlt): Band allein rechts, mittig zum Text */
	.lkt-home2 .lkt-v2-hero--ohne-foto .lkt-v2-hero__raster:not(:has(.lkt-v2-preisbox)) { grid-template-areas: "text band" "absaetze absaetze"; align-items: center; }
	.lkt-home2 .lkt-v2-hero--ohne-foto .lkt-v2-preisbox { display: block; padding: 24px 32px; }
	.lkt-home2 .lkt-v2-hero--ohne-foto .lkt-v2-preisbox__info { display: block; }
	.lkt-home2 .lkt-v2-hero--ohne-foto .lkt-v2-haken { margin-top: 16px; padding: 16px 0 0; border-top: 1px solid var(--v2-linie); border-left: 0; }

	/* Schritte in drei Spalten mit feiner Verbindungslinie, E2 links darunter */
	.lkt-home2 .lkt-v2-schritte__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
	.lkt-home2 .lkt-v2-schritt { display: block; padding: 0; }
	.lkt-home2 .lkt-v2-schritt:not(:last-child)::after { left: 116px; right: -16px; top: 22px; bottom: auto; width: auto; height: 1px; }
	.lkt-home2 .lkt-v2-pille { width: 100px; }
	.lkt-home2 .lkt-v2-schritt__h { padding-top: 16px; padding-right: 16px; }
	.lkt-home2 .lkt-v2-schritte__cta { margin-top: 48px; }
	.lkt-home2 .lkt-v2-etrusted { max-width: 360px; }

	/* Anlässe: drei Karten nebeneinander (4:3), „und viele mehr“ rechts darunter */
	.lkt-home2 .lkt-v2-kacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lkt-home2 .lkt-v2-kachel--breit { grid-column: auto; }
	.lkt-home2 .lkt-v2-kachel img, .lkt-home2 .lkt-v2-kachel--breit img { aspect-ratio: 4 / 3; }
	.lkt-home2 .lkt-v2-kachel__name { padding-inline: 20px 16px; font-size: 18px; }
	.lkt-home2 .lkt-v2-kachel__name a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; }
	.lkt-home2 .lkt-v2-anlaesse__mehr { margin: 32px 0 0 auto; }

	/* Sorten: links das Foto (3:2), rechts Titel, Liste 2 × 3 und Textlink, als Block mittig zum Foto
	   (Titel unten an der oberen, Link oben an der unteren 1fr-Zeile). Plan B: Text höher als die Fotos, Zeilen ohne Rest */
	.lkt-home2 .lkt-v2-sorten__raster {
		display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); column-gap: 56px; align-items: center;
		grid-template-areas: "foto titel" "foto liste" "foto link";
		grid-template-rows: 1fr auto 1fr;
	}
	.lkt-home2 .lkt-v2-sorten .lkt-v2-h3 { grid-area: titel; align-self: end; margin-bottom: 16px; }
	.lkt-home2 .lkt-v2-sorten__foto, .lkt-home2 .lkt-v2-sorten__fotos { grid-area: foto; }
	.lkt-home2 .lkt-v2-sorten__foto img { aspect-ratio: 3 / 2; object-position: 50% 50%; }
	.lkt-home2 .lkt-v2-sortenliste { grid-area: liste; margin-top: 0; }
	.lkt-home2 .lkt-v2-sortenliste li { font-size: 16px; }
	.lkt-home2 .lkt-v2-sorten .lkt-v2-textlink { grid-area: link; align-self: start; justify-self: start; margin-top: 16px; }

	/* Galerie: vier Fotos in einer Reihe */
	.lkt-home2 .lkt-v2-galerie__satz { margin-top: -20px; margin-bottom: 32px; }
	.lkt-home2 .lkt-v2-galerie__fuss { margin-top: 24px; }

	/* FAQ: Lesespalte 860 px, Knopf darunter (360 px wie alle Hauptknöpfe) */
	.lkt-home2 .lkt-v2-faq .lkt-v2-w > * { max-width: 860px; }
	.lkt-home2 .lkt-v2-faq__liste summary { font-size: 17px; padding-block: 16px; }
	.lkt-home2 .lkt-v2-faq__a { font-size: 16px; }

	/* Kontakt: links das Foto 16:9, rechts Titel, Adresse, drei Boxen */
	.lkt-home2 .lkt-v2-kontakt__raster {
		display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); column-gap: 56px; align-items: center;
		grid-template-areas: "foto titel" "foto adresse" "foto boxen";
		grid-template-rows: auto auto 1fr;
	}
	.lkt-home2 .lkt-v2-kontakt .lkt-v2-h3 { grid-area: titel; align-self: end; margin-bottom: 0; }
	.lkt-home2 .lkt-v2-kontakt__foto { grid-area: foto; }
	.lkt-home2 .lkt-v2-kontakt__adresse { grid-area: adresse; margin-top: 16px; }
	.lkt-home2 .lkt-v2-ibox__liste { grid-area: boxen; align-self: start; }
	/* ohne Inhaberfoto (kein Ja oder file_exists falsch; home-v2.php setzt dann die Klasse): eine Spalte */
	.lkt-home2 .lkt-v2-kontakt--ohne-foto .lkt-v2-kontakt__raster { grid-template-columns: minmax(0, 1fr); grid-template-areas: "titel" "adresse" "boxen"; }
	.lkt-home2 .lkt-v2-kontakt--ohne-foto .lkt-v2-ibox__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; margin-top: 24px; } /* drei Boxen in einer Reihe statt rechts leer */
}