/* ===========================================================================
   Startseiten-Design „Leitstand“ (ab 1.8.0)
   Wird nur auf der Startseite geladen, wenn im Customizer „Leitstand“ gewählt
   ist. Alle Regeln hängen an body.lzl – Unterseiten bleiben unverändert.

   Farbkonzept „Funktionsfarben“:
   Rot = Notfall (112, Notruf), Schwarz = live (Takt, Aktuelle Lage),
   Weiß und helles Grau = Information. Hellgrau #c6c6c6 nur als Linie.
   Glas nur in der Bühne, wie im Profil Lagezentrum.
   ======================================================================== */

/* Mitwachsen auf großen Bildschirmen: 16 px bis 1280 px, danach bis 20 px */
html:has(> body.lzl) { font-size: clamp(16px, calc(9px + .55vw), 20px); }

body.lzl {
  --lzl-red: var(--lz-red, #fe0000);
  --lzl-red-ink: var(--lz-red-ink, #d10000);
  --lzl-red-lite: var(--lz-red-lite, #ff5a5a);
  --lzl-ink: #000;
  --lzl-text: var(--lz-text, #10151c);
  --lzl-slate: #3a4249;
  --lzl-soft: #f2f2f2;
  --lzl-line: #c6c6c6;
  --lzl-hair: #e3e3e3;
  --lzl-wide: 96rem;
  --lzl-gut: clamp(1rem, 4vw, 4rem);
  --lzl-sec: clamp(4rem, 7vw, 6.5rem);
  --lzl-r: 8px;
  --lzl-r-s: 4px;
  --lzl-ease: cubic-bezier(.16,1,.3,1);
  --lzl-glass: rgba(10,15,22,.55);
  --lzl-blur: blur(18px) saturate(140%);
}

.lzl .lzl-wrap { max-width: var(--lzl-wide); margin-inline: auto; padding-inline: var(--lzl-gut); }
.lzl .lzl-sec { position: relative; padding-block: var(--lzl-sec); }
.lzl .lzl-white { background: #fff; color: var(--lzl-text); }
.lzl .lzl-soft { background: var(--lzl-soft); color: var(--lzl-text); }
.lzl .lzl-black { background: var(--lzl-ink); color: #fff; }
.lzl .lzl-ico { width: 1.15em; height: 1.15em; flex: none; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: square; transition: transform .28s var(--lzl-ease); }

/* Abschnittskopf: dunkle Überschrift mit rotem Schrägstrich */
.lzl .lzl-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem 2rem; align-items: end; margin-bottom: clamp(2rem, 3.5vw, 3rem); }
.lzl .lzl-head h2 { margin: 0; font-size: clamp(2rem, 1.2rem + 2.4vw, 3.5rem); line-height: 1; letter-spacing: -.03em; color: inherit; text-wrap: balance; }
.lzl .lzl-head h2::before { content: "/ "; color: var(--lzl-red); }
.lzl .lzl-head p { grid-column: 1; margin: 0; max-width: 62ch; color: var(--lzl-slate); }
.lzl .lzl-more { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.75rem; font-weight: 700; font-size: .9375rem; color: inherit; text-decoration: none; }
.lzl .lzl-more:hover .lzl-ico { transform: translateX(3px); }

/* Buttons */
.lzl .lzl-btns { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.lzl .lzl-btn { display: inline-flex; align-items: center; min-height: 3rem; padding: 0 1.3rem; border: 1px solid currentColor; border-radius: var(--lzl-r-s); font-weight: 700; font-size: .9375rem; text-decoration: none; transition: background .28s var(--lzl-ease), color .28s var(--lzl-ease), border-color .28s var(--lzl-ease); }
.lzl .lzl-btn--red { background: var(--lzl-red); border-color: var(--lzl-red); color: #fff; font-size: 1.1875rem; }
.lzl .lzl-btn--red:hover { background: #fff; border-color: #fff; color: #000; }
.lzl .lzl-btn--line { color: #fff; border-color: rgba(255,255,255,.6); }
.lzl .lzl-btn--line:hover { background: #fff; color: #000; }

/* ---------- Bühne „Leitstand“ ---------- */
.lzl .lzl-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 24rem); grid-template-rows: minmax(0, 1fr); height: clamp(36rem, 84vh, 52rem); overflow: hidden; background: #06090d; color: #fff; }
.lzl .lzl-stage--solo { grid-template-columns: minmax(0, 1fr); }
.lzl .lzl-stage__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 35% 55%; }
.lzl .lzl-stage__claim { position: relative; z-index: 1; align-self: end; justify-self: start; max-width: 32rem; margin: 0 0 clamp(1.5rem, 4vw, 3rem) max(var(--lzl-gut), calc((100vw - var(--lzl-wide)) / 2 + var(--lzl-gut))); padding: 1.4rem 1.6rem 1.6rem; border-radius: var(--lzl-r); background: var(--lzl-glass); -webkit-backdrop-filter: var(--lzl-blur); backdrop-filter: var(--lzl-blur); border: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-stage__claim h1 { margin: 0; font-size: clamp(2.2rem, 1.2rem + 2.8vw, 3.6rem); line-height: .98; letter-spacing: -.035em; color: #fff; }
.lzl .lzl-stage__claim h1 span { display: block; color: var(--lzl-red-lite); }
.lzl .lzl-stage__claim p { margin: .8rem 0 0; color: rgba(255,255,255,.88); }

/* Ticker-Säule: vorhandenes Einsatz-Modul (data-lz-lage) */
.lzl .lzl-col { position: relative; z-index: 1; display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; min-height: 0; overflow: hidden; background: var(--lzl-glass); -webkit-backdrop-filter: var(--lzl-blur); backdrop-filter: var(--lzl-blur); border-left: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-col__head { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .6rem; padding: 1.25rem 1.4rem .3rem; }
.lzl .lzl-col__head b { font-size: 1.125rem; }
.lzl .lzl-col__stand { margin-left: auto; font-size: .8125rem; color: rgba(255,255,255,.75); }
.lzl .lzl-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lzl-red); flex: none; animation: lzlPulse 2.6s ease-in-out infinite; }
@keyframes lzlPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(254,0,0,.5); } 60% { box-shadow: 0 0 0 7px rgba(254,0,0,0); } }
.lzl .lzl-col__kpi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: .6rem 1.4rem 0; border-block: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-col__kpi span { padding: .7rem 0; font-size: .8125rem; color: rgba(255,255,255,.78); }
.lzl .lzl-col__kpi span + span { padding-left: .75rem; border-left: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-col__kpi b { display: block; font-size: 1.75rem; line-height: 1; color: #fff; letter-spacing: -.02em; }
.lzl .lzl-col__kpi span:first-child b { color: var(--lzl-red-lite); }
.lzl .lzl-kf { display: flex; flex-wrap: wrap; gap: 6px; margin: .75rem 1.4rem .2rem; }
.lzl .lzl-kf button { font: inherit; font-size: .8125rem; font-weight: 700; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: .3rem .75rem; min-height: 2rem; cursor: pointer; }
.lzl .lzl-kf button[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; }
.lzl .lzl-kf button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.lzl .lzl-col__view { min-height: 0; max-height: 100%; overflow: hidden; margin: .4rem 0; padding: 0 1.4rem; -webkit-mask-image: linear-gradient(180deg, transparent, #000 6%, #000 92%, transparent); mask-image: linear-gradient(180deg, transparent, #000 6%, #000 92%, transparent); }
.lzl .lzl-col__view ul { list-style: none; margin: 0; padding: 0; }
.lzl .lzl-col__view li { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: .05rem .75rem; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-col__view li[hidden] { display: none; }
.lzl .lzl-col__view time { grid-row: span 2; color: var(--lzl-red-lite); font-weight: 700; font-variant-numeric: tabular-nums; }
.lzl .lzl-col__view li > span b { font-weight: 700; }
.lzl .lzl-col__view li > span em { display: block; font-style: normal; font-size: .875rem; color: rgba(255,255,255,.72); }
.lzl .lzl-col__view li > em { grid-column: 2; font-style: normal; font-size: .9375rem; color: rgba(255,255,255,.75); }
.lzl .lzl-col__view .lz-feed__empty { display: block; padding: 1rem 0; color: rgba(255,255,255,.8); border: 0; }
.lzl .lzl-col__view ul.is-rolling { animation: lzRoll var(--lz-roll, 40s) linear infinite; }
.lzl .lzl-col:hover .lzl-col__view ul.is-rolling { animation-play-state: paused; }
/* Mit aktivem Landkreis-Filter läuft die Liste nicht, sie lässt sich scrollen. */
.lzl .lzl-col__view.is-filtered { overflow-y: auto; }
.lzl .lzl-col__view.is-filtered ul.is-rolling { animation: none; }
/* Ersatz: Warnlage und Leitstelle, wenn keine Einsätze laufen oder Daten fehlen */
.lzl .lzl-col__fallback { display: none; padding: .4rem 1.4rem; }
.lzl .lzl-col.is-down .lzl-col__fallback, .lzl .lzl-col.is-quiet .lzl-col__fallback { display: block; }
.lzl .lzl-col.is-quiet .lzl-col__view, .lzl .lzl-col.is-down .lzl-col__view, .lzl .lzl-col.is-down .lzl-kf, .lzl .lzl-col.is-quiet .lzl-kf { display: none; }
.lzl .lzl-col__fallback ul { list-style: none; margin: 0; padding: 0; }
.lzl .lzl-col__fallback li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .6rem; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.85); }
.lzl .lzl-col__fallback li b { color: #fff; }
.lzl .lzl-col__fallback .lz-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lzl-line); display: inline-block; }
.lzl .lzl-col__fallback .lz-dot--red { background: var(--lzl-red); }
.lzl .lzl-col__fallback a { color: #fff; }
.lzl .lzl-col__more { display: flex; align-items: center; gap: .4rem; padding: 1rem 1.4rem 1.25rem; color: #fff; font-weight: 700; font-size: .9375rem; text-decoration: none; border-top: 1px solid rgba(255,255,255,.14); }
.lzl .lzl-col__more:hover .lzl-ico { transform: translateX(3px); }

/* ---------- Notrufnummern ---------- */
.lzl .lzl-nr { background: #fff; padding-block: 1.25rem; }
.lzl .lzl-nr__in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.lzl .lzl-nr__card { display: grid; align-content: start; gap: .3rem; padding: 1.4rem clamp(1rem, 2vw, 1.75rem) 1.5rem; border-radius: var(--lzl-r); border: 1px solid var(--lzl-line); background: #fff; color: var(--lzl-text); text-decoration: none; transition: transform .28s var(--lzl-ease); }
a.lzl-nr__card:hover { transform: translateY(-3px); }
.lzl .lzl-nr__card b { font-size: clamp(2.25rem, 1.6rem + 2vw, 3.5rem); line-height: 1; letter-spacing: -.04em; }
.lzl .lzl-nr__card span { font-weight: 700; font-size: 1.1875rem; line-height: 1.3; }
.lzl .lzl-nr__card small { font-size: .9375rem; line-height: 1.45; color: var(--lzl-slate); }
.lzl .lzl-nr__card--112 { background: var(--lzl-red); border-color: var(--lzl-red); color: #fff; }
.lzl .lzl-nr__card--112 small { color: #fff; font-weight: 700; font-size: 1.1875rem; }
.lzl .lzl-nr__card--warn b { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem); line-height: 1.1; }
.lzl .lzl-nr__card--warn.is-warn { background: #000; border-color: #000; color: #fff; }
.lzl .lzl-nr__card--warn.is-warn small { color: var(--lzl-line); }

/* ---------- Im Schnitt alle n Minuten ---------- */
.lzl .lzl-takt { overflow: hidden; }
.lzl .lzl-takt__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem clamp(2rem, 5vw, 5rem); align-items: center; }
.lzl .lzl-takt h2 { margin: 0; font-size: clamp(2.25rem, 1.2rem + 3.4vw, 4.25rem); line-height: 1; letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.lzl .lzl-takt h2 em { font-style: normal; color: var(--lzl-red); }
.lzl .lzl-takt p { margin: 1.1rem 0 0; max-width: 42ch; color: var(--lzl-line); }
.lzl .lzl-takt .lzl-takt__src { font-size: .8125rem; margin-top: .6rem; }
.lzl .lzl-ring { position: relative; width: min(100%, 19rem); aspect-ratio: 1; margin-inline: auto; border-radius: 50%; background: rgba(255,255,255,.06); }
.lzl .lzl-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.lzl .lzl-ring__bg { fill: none; stroke: #2a2a2a; stroke-width: 10; }
.lzl .lzl-ring__fg { fill: none; stroke: var(--lzl-red); stroke-width: 10; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1s linear; }
.lzl .lzl-ring__c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; padding: 2.5rem; }
.lzl .lzl-ring__c b { font-size: clamp(2.75rem, 2rem + 2.4vw, 3.75rem); line-height: 1; letter-spacing: -.03em; }
.lzl .lzl-ring__c span { margin-top: .4rem; font-size: .875rem; color: var(--lzl-line); }
.lzl .lzl-takt__day { margin: 1rem 0 0; text-align: center; color: var(--lzl-line); font-size: .9375rem; }
.lzl .lzl-takt__day b { color: #fff; }

/* ---------- Aufgaben: alle Kacheln gleich groß ---------- */
.lzl .lzl-tasks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.lzl .lzl-task { position: relative; display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; overflow: hidden; background: #fff; color: var(--lzl-text); text-decoration: none; border: 1px solid var(--lzl-line); border-radius: var(--lzl-r); transition: border-color .28s var(--lzl-ease), transform .28s var(--lzl-ease); }
.lzl .lzl-task:hover, .lzl .lzl-task:focus-visible { border-color: #000; transform: translateY(-3px); }
.lzl .lzl-task__img { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #06090d; }
.lzl .lzl-task__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--lzl-ease); }
.lzl .lzl-task:hover .lzl-task__img img { transform: scale(1.04); }
.lzl .lzl-task__ai { position: absolute; top: .6rem; right: .65rem; padding: .25rem .5rem; border-radius: 3px; background: #06090d; color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
.lzl .lzl-task__t { display: flex; align-items: flex-end; padding: 1.2rem 1.4rem 0; min-height: calc(2 * 1.2em + 1.2rem); font-weight: 700; font-size: 1.3rem; line-height: 1.2; }
.lzl .lzl-task:hover .lzl-task__t { color: var(--lzl-red-ink); }
.lzl .lzl-task__x { padding: .5rem 1.4rem 0; color: var(--lzl-slate); font-size: .9375rem; line-height: 1.6; min-height: calc(3 * 1.6em + .5rem); }
.lzl .lzl-task__go { display: inline-flex; align-items: center; gap: .4rem; align-self: end; padding: .5rem 1.4rem 1.3rem; font-weight: 700; font-size: .9375rem; }
.lzl .lzl-task:hover .lzl-task__go .lzl-ico { transform: translateX(3px); }

/* ---------- So läuft ein Einsatz ---------- */
.lzl .lzl-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; counter-reset: lzlstep; }
.lzl .lzl-steps li { counter-increment: lzlstep; padding: 1.25rem 1.25rem 1.4rem; background: #fff; border: 1px solid var(--lzl-hair); border-radius: var(--lzl-r); }
.lzl .lzl-steps li::before { content: counter(lzlstep); display: block; font-size: clamp(2.5rem, 1.8rem + 2vw, 4rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--lzl-red); font-variant-numeric: tabular-nums; }
.lzl .lzl-steps h3 { margin: .75rem 0 0; font-size: 1.1875rem; line-height: 1.25; }
.lzl .lzl-steps p { margin: .4rem 0 0; font-size: .9375rem; color: var(--lzl-slate); }

/* ---------- Häufige Fragen ---------- */
.lzl .lzl-faq { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); border: 1px solid var(--lzl-line); border-radius: var(--lzl-r); overflow: hidden; background: #fff; }
.lzl .lzl-faq__tabs { display: grid; align-content: start; border-right: 1px solid var(--lzl-line); }
.lzl .lzl-faq__tabs[hidden] { display: none; }
.lzl .lzl-faq:not(.is-tabs) { grid-template-columns: minmax(0, 1fr); }
.lzl .lzl-faq__tabs button { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .75rem; align-items: baseline; text-align: left; font: inherit; font-weight: 700; font-size: 1.0625rem; line-height: 1.35; color: #000; background: #fff; border: 0; border-bottom: 1px solid var(--lzl-hair); padding: 1.1rem 1.4rem; cursor: pointer; }
.lzl .lzl-faq__tabs button .lz-num { color: #6b6b6b; font-size: .9375rem; }
.lzl .lzl-faq__tabs button:hover { background: var(--lzl-soft); }
.lzl .lzl-faq__tabs button[aria-selected="true"] { background: var(--lzl-soft); box-shadow: inset 5px 0 0 var(--lzl-red); }
.lzl .lzl-faq__tabs button[aria-selected="true"] .lz-num { color: var(--lzl-red-ink); }
.lzl .lzl-faq__tabs button:focus-visible { outline: 2px solid #000; outline-offset: -4px; }
.lzl .lzl-faq__panels { padding: clamp(1.5rem, 3vw, 2.75rem); }
.lzl .lzl-faq__panel + .lzl-faq__panel { margin-top: 2rem; }
.lzl .lzl-faq.is-tabs .lzl-faq__panel + .lzl-faq__panel { margin-top: 0; }
.lzl .lzl-faq__panel[hidden] { display: none; }
.lzl .lzl-faq__panel h3 { margin: 0 0 1rem; font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem); line-height: 1.1; letter-spacing: -.02em; color: #000; }
.lzl .lzl-faq__panel p, .lzl .lzl-faq__panel li { font-size: 1.0625rem; color: var(--lzl-text); max-width: 60ch; }
.lzl .lzl-faq__panel p { margin: 0; }
.lzl .lzl-faq__panel p + p, .lzl .lzl-faq__panel ul + p, .lzl .lzl-faq__panel p + ul { margin-top: .8rem; }
.lzl .lzl-faq__panel ul { padding-left: 1.2rem; margin-bottom: 0; }
.lzl .lzl-faq__panel li { margin: .3rem 0; }
.lzl .lzl-faq__panel li::marker { color: var(--lzl-red); }
.lzl .lzl-faq__more { margin: 2rem 0 0; padding-top: 1rem; border-top: 1px solid var(--lzl-hair); font-size: .9375rem; }
.lzl .lzl-faq__more a { color: var(--lzl-red-ink); font-weight: 700; }

/* ---------- Bestehende Abschnitte im Farbkonzept ---------- */
/* Aktuelle Lage bleibt dunkel (live) */
.lzl .lz-lage { background: #000; }
/* Zweckverband: helles Grau (Information) */
.lzl .lz-verband { background: var(--lzl-soft); }
.lzl .lz-verband .lz-map { border-radius: var(--lzl-r); }
/* Meldungen: Weiß */
.lzl .lz-news { background: #fff; }
/* Kontaktband: helles Grau mit dunkler Schrift */
.lzl .lz-cband { background: var(--lzl-soft); color: var(--lzl-text); }
.lzl .lz-cband .lz-grid { display: none; }
.lzl .lz-cband h2 { color: var(--lzl-text); }
.lzl .lz-cband p { color: var(--lzl-slate); }
.lzl .lz-cband .lz-label { color: var(--lzl-red-ink); }
.lzl .lz-cband__box { background: #fff; border-color: var(--lzl-hair); border-radius: var(--lzl-r); }
.lzl .lz-cband__box dt { color: var(--lzl-slate); }
.lzl .lz-cband__box dd, .lzl .lz-cband__box dd a { color: var(--lzl-text); }
.lzl .lz-cband__box dd a:hover { color: var(--lzl-red-ink); }
.lzl .lz-cband a:focus-visible { outline-color: #000; }
/* Fuß: weiße Schrift in Lesegröße */
.lzl .lz-footer { background: #000; color: #e6e6e6; font-size: 1.0625rem; }
.lzl .lz-footer h2 { font-family: inherit; font-size: 1.0625rem; letter-spacing: 0; text-transform: none; color: #fff; }
.lzl .lz-footer h2::before { content: "/ "; color: var(--lzl-red); }
.lzl .lz-footer a { color: #fff; }
.lzl .lz-footer__orgsub { color: var(--lzl-line); font-size: .9375rem; }
.lzl .lz-footer__offices p { font-size: .9375rem; }
.lzl .lz-footer-legal, .lzl .lz-footer-legal a { color: var(--lzl-line); font-size: .9375rem; }

/* ---------- Breiten ---------- */
@media (max-width: 1100px) {
  .lzl .lzl-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lzl .lzl-task__x { min-height: calc(4 * 1.6em + .5rem); }
}
@media (max-width: 1000px) {
  .lzl .lzl-stage { height: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(26rem, 60vh) auto; }
  .lzl .lzl-col { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); background: rgba(6,9,13,.92); }
  .lzl .lzl-col__view { max-height: 17rem; }
  .lzl .lzl-nr__in, .lzl .lzl-takt__in, .lzl .lzl-faq { grid-template-columns: minmax(0, 1fr); }
  .lzl .lzl-tasks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lzl .lzl-faq__tabs { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--lzl-line); }
  .lzl .lzl-faq__tabs button { flex: 0 0 auto; max-width: 16rem; border-bottom: 0; border-right: 1px solid var(--lzl-hair); }
}
@media (max-width: 620px) {
  .lzl .lzl-stage { grid-template-rows: auto auto auto; }
  .lzl .lzl-stage__img { position: relative; grid-row: 1; aspect-ratio: 4 / 3; height: auto; }
  .lzl .lzl-stage__claim { grid-row: 2; margin: -4rem var(--lzl-gut) 1rem; max-width: none; }
  .lzl .lzl-col { grid-row: 3; }
  .lzl .lzl-head { grid-template-columns: minmax(0, 1fr); }
  .lzl .lzl-tasks { grid-template-columns: minmax(0, 1fr); }
  .lzl .lzl-task__t { font-size: 1.2rem; padding-inline: 1.1rem; }
  .lzl .lzl-task__x { min-height: calc(4 * 1.6em + .5rem); padding-inline: 1.1rem; }
  .lzl .lzl-task__go { padding-inline: 1.1rem; }
  .lzl .lzl-steps { grid-template-columns: minmax(0, 1fr); }
  .lzl .lzl-faq__tabs button { max-width: 13rem; padding: .9rem 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lzl .lzl-dot, .lzl .lzl-col__view ul.is-rolling { animation: none !important; }
  .lzl .lzl-col__view { overflow-y: auto; -webkit-mask-image: none; mask-image: none; }
  .lzl .lzl-task, .lzl .lzl-task__img img, .lzl .lzl-ring__fg, .lzl a.lzl-nr__card { transition: none !important; }
}