/* ─────────────────────────────────────────────────────────────────────────────────────────
 * NOMAD-IQ · Das Cockpit (niq-cockpit.css) — [[B-718]], Mock docs/mocks/cockpit-kern/
 *
 * Die Masse sind die des freigegebenen Mocks (26.9.2026), die Farben die Tokens aus
 * niq-theme.css (docs/DESIGN.md §2a) — kein roher Wert, wo ein Token existiert. Alles hängt an
 * `#niqCockpit`; für Gäste gibt es diesen Knoten nicht sichtbar, und `html.niq-cockpit-an`
 * (setzt niq-cockpit.js erst nach dem Zeichnen) blendet Werbe-Hero, Begrüssung und die
 * Statuszeile aus, die das Cockpit jetzt selbst sagt.
 * ───────────────────────────────────────────────────────────────────────────────────────── */
/* Im Cockpit steht nur das Cockpit (Sid, 26.9.: Kacheln, Berichte, „Mehr als nur Kilometer" darunter
   „passt so nicht"). Navigation und Fusszeile bleiben; das Status-Band nur, solange es die
   Fokus-Frage trägt (.fu-panel, Erstbesuch / „ändern"). Das Kurs-Band zieht ins Cockpit (niq-cockpit.js). */
html.niq-cockpit-an body > section:not(.rs-band),
html.niq-cockpit-an .rs-greet,
html.niq-cockpit-an .home-greet.rs-band:not(:has(.fu-panel)) { display: none !important; }

/* Der Wechsel zwischen beiden Startseiten — ohne Suchen (Sid, 26.9.). */
#niqCockpit .ck-oben { position: absolute; top: 76px; left: 0; right: 0; z-index: 3; }
#niqCockpit .ck-oben .ck-wrap { display: flex; justify-content: flex-end; }
#niqCockpit .ck-oben-seite { display: flex; justify-content: flex-end; margin-bottom: -10px; }
#niqCockpit .ck-wechsel, .ck-zum-cockpit { display: inline-block; font: 500 12.5px/1 var(--ff-ui); letter-spacing: .04em; color: var(--text); background: rgba(18,18,17,.55); backdrop-filter: blur(6px); border: 1px solid var(--hair-strong); border-radius: 999px; padding: 8px 14px; text-decoration: none; }
#niqCockpit .ck-wechsel:hover, .ck-zum-cockpit:hover { border-color: var(--accent); color: var(--accent); }
/* Unterwegs die häufigste Tür zuerst: „Heute →" in Gold, der Wechsel daneben leiser (L-1031-3, Mock cockpit-heute-tuer B). */
#niqCockpit .ck-oben .ck-wrap, #niqCockpit .ck-oben-seite { align-items: center; gap: 8px; flex-wrap: wrap; }
#niqCockpit .ck-heute-tuer { display: inline-block; font: 500 14px/1 var(--ff-ui); letter-spacing: .03em; color: var(--accent-ink); background: var(--accent); border-radius: 999px; padding: 11px 18px; text-decoration: none; box-shadow: 0 2px 14px rgba(0,0,0,.35); }
#niqCockpit .ck-heute-tuer:hover { filter: brightness(1.08); }
#niqCockpit .ck-heute-tuer:focus-visible, #niqCockpit .ck-wechsel:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
#niqCockpit .ck-wechsel.ck-leise { background: transparent; backdrop-filter: none; border-color: transparent; color: var(--text); opacity: .82; padding: 8px 4px; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
#niqCockpit .ck-wechsel.ck-leise:hover { opacity: 1; color: var(--accent); border-color: transparent; }
#home .ck-zum-cockpit { position: absolute; top: 24px; right: max(32px, calc((100% - 1180px) / 2 + 32px)); z-index: 3; }
@media (max-width: 700px) { #home .ck-zum-cockpit { right: 16px; top: 16px; } }
#niqCockpit .ck-kurs .course-band { margin-top: 1.4rem; }
#niqCockpit .ck-seite .ck-kurs .course-band { margin-top: 0; }

#niqCockpit { color: var(--text); font: 400 15px/1.55 var(--ff-ui); }
#niqCockpit a { color: inherit; text-decoration: none; }
#niqCockpit .ck-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
#niqCockpit .ck-eyebrow { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--accent); }
#niqCockpit .ck-leise { color: var(--muted); }
#niqCockpit .ck-h2 { font: 400 24px/1.2 var(--ff-hero); margin: 6px 0 14px; }
#niqCockpit .ck-h3 { font: 400 21px/1.25 var(--ff-hero); margin: 0 0 6px; }
#niqCockpit .ck-titel { font: 400 clamp(40px, 6vw, 78px)/1.02 var(--ff-hero); margin: .25em 0 .2em; letter-spacing: -.01em; color: var(--text); }
#niqCockpit .ck-titel .ck-pfeil { color: var(--accent); font-style: italic; }
#niqCockpit .ck-unter { color: var(--text); opacity: .82; font-size: 15.5px; }
/* Der eigene Routenname als Titel (18.10.2026): Namen sind länger als zwei Orte — eine Stufe kleiner, damit
   „Marokko mit Hege & Freunden 2026" in zwei Zeilen bleibt. Die Orte führen die Unterzeile an. */
#niqCockpit .ck-titel.ck-titel-name { font-size: clamp(34px, 4.4vw, 60px); line-height: 1.06; }
#niqCockpit .ck-unter .ck-orte { font-weight: 500; }
#niqCockpit .ck-unter .ck-orte .ck-pfeil { color: var(--accent); font-style: italic; }
#niqCockpit .ck-schleier { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,18,17,.15) 0%, rgba(18,18,17,.25) 45%, rgba(18,18,17,.92) 100%); }

/* ── Mit Linie: das Bild, die Linie ─────────────────────────────────────────────────────── */
#niqCockpit .ck-hero { position: relative; overflow: hidden; background: #000; height: min(84vh, 780px); min-height: 660px; }
#niqCockpit .ck-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#niqCockpit .ck-inhalt { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 44px; z-index: 2; }
#niqCockpit .ck-raster { display: grid; grid-template-columns: 1fr 504px; gap: 40px; align-items: end; }
#niqCockpit .ck-kachel { background: rgba(18,18,17,.55); backdrop-filter: blur(6px); border: 1px solid var(--hair); border-radius: 14px; padding: 14px 16px 8px; }
#niqCockpit .ck-linie { width: 100%; height: auto; display: block; }
#niqCockpit .ck-linie .ck-ort { fill: var(--text); font: 500 12px var(--ff-ui); letter-spacing: .04em; }
#niqCockpit .ck-leg { display: flex; gap: 12px; font-size: 11.5px; color: var(--muted); padding: 4px 2px 6px; }
#niqCockpit .ck-leg i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; vertical-align: 1px; }
#niqCockpit i.ok { background: var(--ok); } #niqCockpit i.warn { background: var(--warn); } #niqCockpit i.bad { background: var(--bad); } #niqCockpit i.still { background: var(--hair-strong); }
#niqCockpit .ck-countdown { display: flex; gap: 28px; margin-top: 18px; font-size: 13px; color: var(--muted); }
#niqCockpit .ck-countdown .ck-zahl-tuer { color: var(--accent); border-bottom: 1px solid rgba(201,169,110,.4); }
#niqCockpit .ck-countdown b { display: block; font: 400 30px/1 var(--ff-hero); color: var(--text); margin-bottom: 4px; }

/* ── Die Zeile mit Kante (DESIGN §4.3): Art · Satz · Handlung ───────────────────────────── */
#niqCockpit .ck-antworten { padding: 40px 0 70px; }
#niqCockpit .ck-zeile { display: grid; grid-template-columns: 8.5rem 1fr auto; gap: 1.1rem; align-items: baseline; padding: .95rem 0 .95rem 1rem; border-left: 2px solid var(--hair-strong); }
#niqCockpit .ck-zeile + .ck-zeile { margin-top: .5rem; }
#niqCockpit .ck-k { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
#niqCockpit .ck-a { font-size: 16px; } #niqCockpit .ck-a b { font-weight: 500; }
#niqCockpit .ck-a small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
#niqCockpit .ck-t { color: var(--accent); white-space: nowrap; font-size: 14px; border-bottom: 1px solid rgba(201,169,110,.4); }
#niqCockpit .ck-zeile.ok { border-left-color: var(--ok); } #niqCockpit .ck-zeile.warn { border-left-color: var(--warn); }
#niqCockpit .ck-zeile.bad { border-left-color: var(--bad); } #niqCockpit .ck-zeile.gold { border-left-color: var(--accent); }

/* ── Ab 30 Tagen: die ersten Wochen ─────────────────────────────────────────────────────── */
#niqCockpit .ck-erste { padding: 34px 0 18px; }
#niqCockpit .ck-erste .ck-h2 { font-size: 26px; margin-bottom: 18px; }
#niqCockpit .ck-karten { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
#niqCockpit .ck-karte { display: block; background: var(--surface); border: 1px solid var(--hair); border-radius: 14px; padding: 16px 16px 14px; min-height: 140px; }
#niqCockpit .ck-karte:hover { border-color: var(--accent); }
#niqCockpit .ck-kn { font: 400 30px/1 var(--ff-hero); color: var(--accent); }
#niqCockpit .ck-kt { margin: 10px 0 12px; font-size: 15px; line-height: 1.35; }
#niqCockpit .ck-km { font-size: 12.5px; color: var(--muted); }
#niqCockpit .ck-km i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }

/* ── Das Monatsband ─────────────────────────────────────────────────────────────────────── */
#niqCockpit .ck-monate { padding: 6px 0 60px; }
#niqCockpit .ck-monate .ck-h2 { margin: 4px 0 0; }
#niqCockpit .ck-zeitachse { display: grid; font-size: 11px; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; margin-top: 34px; }
#niqCockpit .ck-zeitachse span { border-left: 1px solid var(--hair); padding-left: 6px; white-space: nowrap; overflow: hidden; }
#niqCockpit .ck-streifen { display: grid; margin-top: 8px; height: 10px; }
#niqCockpit .ck-streifen i { height: 10px; border-right: 2px solid var(--bg); }
#niqCockpit .ck-grenzen { display: grid; height: 10px; }
#niqCockpit .ck-grenzen span { border: 1px solid var(--hair-strong); border-top: 0; border-radius: 0 0 4px 4px; margin: 0 2px; }
#niqCockpit .ck-regs { display: grid; grid-template-columns: repeat(var(--ck-n, 5), 1fr); gap: 14px; margin-top: 16px; }
#niqCockpit .ck-reg { padding: 12px 14px 14px; border-left: 2px solid var(--hair-strong); min-width: 0; }
#niqCockpit .ck-reg.ok { border-left-color: var(--ok); } #niqCockpit .ck-reg.warn { border-left-color: var(--warn); } #niqCockpit .ck-reg.bad { border-left-color: var(--bad); }
#niqCockpit .ck-rn { font: 400 20px/1.15 var(--ff-hero); }
#niqCockpit .ck-rz { font-size: 12.5px; color: var(--muted); margin: 4px 0 10px; }
#niqCockpit .ck-ro { font-size: 13.5px; line-height: 1.5; color: var(--text); opacity: .88; }
#niqCockpit .ck-rk { font-size: 12px; color: var(--faint); margin-top: 10px; }
#niqCockpit .ck-zu { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--hair); border-radius: 12px; background: var(--surface); margin: 0 0 20px; }
#niqCockpit .ck-mini { display: flex; gap: 2px; flex: 1; min-width: 200px; max-width: 520px; }
#niqCockpit .ck-mini i { flex: 1; height: 8px; border-radius: 2px; }
#niqCockpit .ck-zu a { color: var(--accent); border-bottom: 1px solid rgba(201,169,110,.4); white-space: nowrap; }

/* ── Ab 10 Tagen: das Wetter ────────────────────────────────────────────────────────────── */
#niqCockpit .ck-wetter-band { padding: 30px 0 6px; }
#niqCockpit .ck-wbox { display: grid; grid-template-columns: 150px 1fr; gap: 14px; align-items: stretch; }
#niqCockpit .ck-abk { border: 1px solid var(--accent); border-radius: 14px; padding: 14px; text-align: center; display: flex; flex-direction: column; justify-content: center; background: var(--surface); }
#niqCockpit .ck-abd { color: var(--accent); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
#niqCockpit .ck-abw { margin: 8px 0 4px; font-size: 14px; }
#niqCockpit .ck-abt { font: 400 34px/1 var(--ff-hero); } #niqCockpit .ck-abt span { font: 300 15px var(--ff-ui); color: var(--muted); }
#niqCockpit .ck-abr { color: var(--muted); font-size: 12px; margin-top: 6px; }
#niqCockpit .ck-wd2 { background: var(--surface); border: 1px solid var(--hair); border-radius: 14px; padding: 8px 10px 6px; min-height: 120px; }
#niqCockpit .ck-wdia-platz { color: var(--muted); font-size: 13px; padding: 40px 8px; text-align: center; }
#niqCockpit .ck-wdia { width: 100%; height: auto; display: block; }
#niqCockpit .ck-wdia .tl { fill: var(--text); font: 500 10.5px var(--ff-ui); text-anchor: middle; }
#niqCockpit .ck-wdia .xl { fill: var(--faint); font: 400 10px var(--ff-ui); text-anchor: middle; }
#niqCockpit .ck-wleg { display: flex; gap: 14px; font-size: 11px; color: var(--muted); padding: 0 4px; }
#niqCockpit .ck-wleg i { display: inline-block; width: 12px; height: 7px; margin-right: 5px; vertical-align: 0; }
#niqCockpit .ck-wleg .lb { background: var(--accent); opacity: .5; } #niqCockpit .ck-wleg .rb { background: var(--sky); }

/* ── Ohne Linie: Bild links, die Seite rechts ───────────────────────────────────────────── */
#niqCockpit .ck-split { display: grid; grid-template-columns: 1fr 1.05fr; min-height: calc(100vh - 54px); }
#niqCockpit .ck-bild { position: relative; overflow: hidden; min-height: 520px; }
#niqCockpit .ck-bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }
#niqCockpit .ck-bild .ck-schleier { background: linear-gradient(180deg, rgba(18,18,17,0) 40%, rgba(18,18,17,.9) 100%); }
#niqCockpit .ck-ueber { position: absolute; left: 34px; bottom: 34px; right: 34px; z-index: 2; }
#niqCockpit .ck-start { display: flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 14px; color: var(--text); opacity: .85; }
#niqCockpit .ck-p { width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px var(--accent-soft), 0 0 22px 6px rgba(201,169,110,.3); flex: none; }
/* Die Navigation steht fest oben (index.html `.nav`, dazu ggf. #profileCTA) — die Seite rechts beginnt darunter. */
#niqCockpit .ck-seite { padding: 112px 40px 60px; display: flex; flex-direction: column; gap: 26px; }
#niqCockpit .ck-rin { min-width: 0; }
#niqCockpit .ck-block .ck-eyebrow { margin-bottom: 6px; }
#niqCockpit .ck-seite .ck-wbox { grid-template-columns: 130px 1fr; }
#niqCockpit .ck-satz { font-size: 15px; } #niqCockpit .ck-satz b { font-weight: 500; }
#niqCockpit .ck-ri { display: grid; grid-template-columns: 14.5rem 1fr; gap: 10px; align-items: center; font-size: 13.5px; margin: 4px 0; }
#niqCockpit .ck-segs { display: flex; gap: 2px; } #niqCockpit .ck-segs i { flex: 1; height: 9px; border-radius: 2px; }
#niqCockpit .ck-monkopf { display: grid; grid-template-columns: 14.5rem 1fr; gap: 10px; font-size: 11px; color: var(--faint); letter-spacing: .08em; }
#niqCockpit .ck-ms { display: flex; } #niqCockpit .ck-ms span { flex: 1; text-align: center; }
#niqCockpit ul.ck-ab { list-style: none; margin: 0; padding: 0; }
#niqCockpit ul.ck-ab li { display: grid; grid-template-columns: 4.5rem 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--hair); font-size: 14px; }
#niqCockpit ul.ck-ab li:first-child { border-top: 0; }
#niqCockpit .ck-akm { color: var(--muted); font-size: 12.5px; }
#niqCockpit .ck-tuerzeile { margin-top: 8px; font-size: 13.5px; }
#niqCockpit .ck-tuer { color: var(--accent); border-bottom: 1px solid rgba(201,169,110,.4); }
#niqCockpit .ck-kurz .ck-zeile { padding: .7rem 0 .7rem .9rem; }

/* ── Kurzreise ([[B-783]], Mock docs/mocks/kurzreise.html ③ „Entschieden") ────────────────────────
   Oben die festen Punkte (ein Kasten, darin Spalten mit Haarlinie — kein Kasten im Kasten), darunter
   ein Kästchen je Tag: Himmelblau = Transit (wie die Linie, DESIGN §5: Vorschlag, kein Alarm), Gold =
   deine Orte, Grün gestrichelt = Puffer, die Fähre als Gold-Umriss (Übersetzen). Kein Band hat einen Rahmen. */
#niqCockpit .ck-kr-hero { height: min(56vh, 520px); min-height: 420px; }
#niqCockpit .ck-kr { padding: 34px 0 70px; }
#niqCockpit .ck-kr-kopf { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); background: var(--surface); border: 1px solid var(--hair); border-radius: 14px; }
#niqCockpit .ck-kr-kopf > div { padding: 14px 16px; border-left: 1px solid var(--hair); display: flex; flex-direction: column; gap: 2px; }
#niqCockpit .ck-kr-kopf > div:first-child { border-left: 0; }
#niqCockpit .ck-kr-kopf small { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
#niqCockpit .ck-kr-kopf b { font: 400 24px/1.15 var(--ff-hero); color: var(--text); }
#niqCockpit .ck-kr-kopf span { font-size: 13px; color: var(--muted); }
#niqCockpit .ck-kr-offen { color: var(--warn); font-style: normal; }
#niqCockpit .ck-kr-mehr { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--accent); border-bottom: 1px solid var(--accent-soft); }
#niqCockpit .ck-kr-marken { position: relative; height: 22px; margin-top: 26px; font-size: 11px; color: var(--muted); }
#niqCockpit .ck-kr-marken span { position: absolute; bottom: 4px; transform: translateX(-50%); white-space: nowrap; }
#niqCockpit .ck-kr-streifen { display: grid; gap: 2px; }
#niqCockpit .ck-kr-streifen i { height: 14px; border-radius: 2px; background: var(--hair-strong); }
#niqCockpit .ck-kr-streifen i.t { background: var(--sky); }
#niqCockpit .ck-kr-streifen i.m { background: var(--accent); }
#niqCockpit .ck-kr-streifen i.m2 { background: var(--accent); opacity: .62; }
#niqCockpit .ck-kr-streifen i.p { background: transparent; border: 1px dashed var(--ok); }
#niqCockpit .ck-kr-streifen i.h { background: transparent; border: 1.5px solid var(--accent); }
/* Geht die Kurzreise nicht auf ([[B-882]] ④): die Fähre zurück auf einem Ort- oder
   Puffertag in Amber, die Tage hinter der Klammer Amber gestrichelt hinter einer Linie am letzten Tag. */
#niqCockpit .ck-kr-streifen i.hp { background: transparent; border: 1.5px solid var(--warn); }
#niqCockpit .ck-kr-streifen i.aus { background: transparent; border: 1px dashed var(--warn); }
#niqCockpit .ck-kr-streifen i.grenze { box-shadow: 3px 0 0 0 var(--text); }
#niqCockpit .ck-kr-marken span.warn { color: var(--warn); }
#niqCockpit .ck-kr-orte { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
#niqCockpit .ck-kr-orte span { font-size: 13px; padding: 4px 10px; border-radius: 999px; background: var(--surface-2); color: var(--text); }
#niqCockpit .ck-kr-orte span b { font-weight: 500; color: var(--accent); margin-left: 6px; font-variant-numeric: tabular-nums; }
#niqCockpit .ck-kr-orte span.p b { color: var(--ok); }
#niqCockpit .ck-kr-leg { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-size: 11.5px; color: var(--muted); }
#niqCockpit .ck-kr-leg i { display: inline-block; width: 12px; height: 8px; margin-right: 5px; border-radius: 2px; vertical-align: 0; }
#niqCockpit .ck-kr-leg i.t { background: var(--sky); } #niqCockpit .ck-kr-leg i.m { background: var(--accent); }
#niqCockpit .ck-kr-leg i.p { border: 1px dashed var(--ok); } #niqCockpit .ck-kr-leg i.h { border: 1.5px solid var(--accent); }
#niqCockpit .ck-kr-leg i.aus { border: 1px dashed var(--warn); }
#niqCockpit .ck-kr-zeilen { margin-top: 26px; }

/* ── Unterwegs und danach ([[B-1314]], Mock docs/mocks/cockpit-unterwegs.html A + D1) ─────────
   Was vor heute liegt, tritt zurück: dieselbe Farbe, blass; der Kopfpunkt grau mit „war". Heute ist umrandet. */
#niqCockpit .ck-kr-streifen i.g, #niqCockpit .ck-streifen i.g, #niqCockpit .ck-mini i.g { opacity: .28; }
#niqCockpit .ck-kr-streifen i.g.h { opacity: .4; }
#niqCockpit .ck-kr-streifen i.heute { box-shadow: 0 0 0 1.5px var(--text); }
#niqCockpit .ck-kr-marken span.ck-vorbei { color: var(--faint); }
#niqCockpit .ck-kr-marken span.ck-heute, #niqCockpit .ck-heute-achse span { color: var(--accent); font-weight: 500; }
#niqCockpit .ck-kr-kopf > div.ck-vorbei small { color: var(--faint); }
#niqCockpit .ck-kr-kopf > div.ck-vorbei b { color: var(--muted); }
#niqCockpit .ck-kr-kopf > div.ck-vorbei span, #niqCockpit .ck-war { color: var(--faint); }
#niqCockpit .ck-kr-orte span.g { background: transparent; box-shadow: inset 0 0 0 1px var(--hair); color: var(--faint); }
#niqCockpit .ck-kr-orte span.g b { color: var(--faint); }
#niqCockpit .ck-kr-orte span.jetzt { box-shadow: inset 0 0 0 1px var(--accent); }
#niqCockpit .ck-kr-leg i.g { background: var(--accent); opacity: .28; }
#niqCockpit .ck-zeile.tuer { border-left-color: var(--sky); }
#niqCockpit .ck-heute-achse { position: relative; height: 16px; margin-top: 6px; font-size: 11px; }
#niqCockpit .ck-heute-achse span { position: absolute; bottom: 0; transform: translateX(-50%); white-space: nowrap; }

@media (max-width: 900px) {
  #niqCockpit .ck-split { grid-template-columns: 1fr; }
  #niqCockpit .ck-bild { min-height: 56vh; }
  #niqCockpit .ck-seite { padding: 26px 16px 50px; }
  #niqCockpit .ck-bild { margin-top: 0; }
  #niqCockpit .ck-ri, #niqCockpit .ck-monkopf { grid-template-columns: 9.5rem 1fr; }
}
@media (max-width: 860px) {
  #niqCockpit .ck-raster { grid-template-columns: 1fr; }
  #niqCockpit .ck-kachel { display: none; }
  #niqCockpit .ck-hero { height: auto; min-height: 620px; }
  #niqCockpit .ck-karten { grid-template-columns: 1fr 1fr; }
  #niqCockpit .ck-zeitachse span:nth-child(even) { visibility: hidden; }
  #niqCockpit .ck-regs { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  #niqCockpit .ck-wrap { padding: 0 16px; }
  #niqCockpit .ck-zeile { grid-template-columns: 1fr; gap: .25rem; }
  #niqCockpit .ck-zeile .ck-t { justify-self: start; }
  #niqCockpit .ck-wbox, #niqCockpit .ck-seite .ck-wbox { grid-template-columns: 1fr; }
  #niqCockpit .ck-countdown { gap: 18px; }
}