/* Lidstraffung: Ober-/Unterlid als Auswahl mit großer Fläche (statt zwei langer Karten), seit 24.10.2026 */
.lz { margin-top: clamp(2rem, 4vw, 3rem); }
.lz-wahl { display: inline-flex; gap: 4px; margin-bottom: 1.25rem; padding: 5px; border-radius: var(--radius-pill); background: var(--color-bg-warm); border: 1px solid var(--color-border-light); }
.lz-wahl button { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 0.7rem 1.5rem; border: 0; border-radius: var(--radius-pill); background: none; color: var(--color-text-soft); font: 600 1rem/1.1 var(--font-body); cursor: pointer; transition: background 0.25s, color 0.25s; }
.lz-wahl button small { font-weight: 400; font-size: 0.75rem; color: var(--color-text-muted); transition: color 0.25s; }
.lz-wahl button[aria-selected="true"] { background: var(--color-text); color: #FAF8F5; }
.lz-wahl button[aria-selected="true"] small { color: rgba(250, 248, 245, 0.7); }
.lz-wahl button:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.lz-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: var(--radius-xl); overflow: hidden; background: var(--color-white); border: 1px solid var(--color-border-light); box-shadow: var(--shadow-soft); animation: lzRein 0.45s var(--ease-out) both; }
.lz-panel[hidden] { display: none; }
@keyframes lzRein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.lz-bild { position: relative; min-height: 520px; background: var(--color-bg-cream); }
.lz-bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lz-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(1.75rem, 4vw, 3.25rem); }
.lz-tag { display: inline-block; margin-bottom: 1rem; padding: 0.4rem 0.85rem; border-radius: var(--radius-pill); background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-gold) 100%); color: #FAF8F5; font: 600 0.74rem/1 var(--font-body); }
.lz-text h3 { font-size: clamp(2rem, 3.4vw, 2.8rem); letter-spacing: -0.01em; margin-bottom: 0.8rem; }
.lz-intro { margin: 0 0 1.25rem; color: var(--color-text-soft); line-height: 1.7; }
.lz-ablauf { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.lz-ablauf li { position: relative; padding: 0.55rem 0 0.55rem 1.4rem; border-top: 1px solid var(--color-border-light); font-size: 0.92rem; line-height: 1.55; color: var(--color-text-soft); }
.lz-ablauf li::before { content: ''; position: absolute; left: 0.2rem; top: 1.05rem; width: 6px; height: 6px; border-radius: 50%; background: var(--color-accent-gold); }
.lz-fakten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem 1.5rem; width: 100%; margin: 0 0 1.75rem; padding: 1.1rem 1.2rem; border-radius: var(--radius-lg); background: var(--color-bg-warm); }
.lz-fakten dt { font-size: 0.72rem; color: var(--color-text-muted); margin-bottom: 0.2rem; }
.lz-fakten dd { margin: 0; font-size: 0.95rem; font-weight: 600; color: var(--color-text); }
.lz-fakten div:last-child dd { color: var(--color-accent-text); }
.lz-aktionen { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1rem; }
.lz-zweit { height: 52px; padding: 0 1.4rem; border-radius: var(--radius-pill); border: 1px solid var(--color-border); background: none; color: var(--color-text); font: 600 0.92rem/1 var(--font-body); cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.lz-zweit:hover { border-color: var(--color-accent); background: var(--color-bg-warm); }
.lz-zweit:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.lz-bewertung { margin: 0; font-size: 0.82rem; color: var(--color-text-muted); }
.lz-bewertung span { color: #F0C75E; letter-spacing: 1px; margin-right: 0.3rem; }
@media (max-width: 900px) {
	.lz-wahl { display: flex; width: 100%; }
	.lz-wahl button { flex: 1; align-items: center; }
	.lz-panel { grid-template-columns: minmax(0, 1fr); border-radius: var(--radius-lg); }
	.lz-bild { min-height: 0; aspect-ratio: 16 / 10; }
	.lz-text { padding: 1.5rem 1.25rem 1.75rem; }
	.lz-aktionen .btn, .lz-zweit { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .lz-panel { animation: none; } }