
:root {
  --k-nacht: #0f0a12;
  --k-tief: #08050b;
  --k-tinte: #f4effb;
  --k-leise: #b9aecb;                 
  --k-linie: rgba(244, 239, 251, 0.14);
  --k-blau: #4aa8ff; --k-violett: #9a6bff; --k-magenta: #ff5fd6; --k-eis: #dcecff;
  --k-verlauf: linear-gradient(100deg, var(--k-blau) 0%, var(--k-violett) 42%, var(--k-magenta) 78%, var(--k-eis) 100%);
  --k-raus: cubic-bezier(0.23, 1, 0.32, 1);
  --k-rand: clamp(20px, 4.2vw, 68px);
}
.k-riesig {
  margin: 0; font-family: "Archivo", "Segoe UI", system-ui, sans-serif;
  font-weight: 850; font-stretch: 66%; text-transform: uppercase;
  font-size: clamp(2.7rem, 8.4vw, 8.75rem); line-height: 0.9; letter-spacing: -0.005em;
  color: var(--k-tinte); text-wrap: balance;
}
.k-gross {
  margin: 0; font-weight: 850; font-stretch: 66%; text-transform: uppercase;
  font-size: clamp(2.5rem, 6.4vw, 6.25rem); line-height: 0.92; color: var(--k-tinte); text-wrap: balance;
}
.k-led {
  background: var(--k-verlauf); background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.k-lauftext { margin: 0; max-width: 34em; font-size: clamp(1.05rem, 1.35vw, 1.3rem); line-height: 1.5; color: var(--k-leise); }
.k-marke {
  margin: 0; font-size: 0.74rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--k-leise);
  display: flex; align-items: center; gap: 14px;
}
.k-marke::before { content: ""; width: 44px; height: 2px; background: var(--k-verlauf); }
@media (prefers-reduced-motion: no-preference) {
  .k-led { animation: k-led-lauf 9s linear infinite alternate; }
  @keyframes k-led-lauf { from { background-position: 0% 0; } to { background-position: 100% 0; } }
}
.k-flug { position: relative; background: var(--k-tief); color: var(--k-tinte); display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); }
.k-flug > * { grid-area: 1 / 1; }
.k-flug-buehne { position: relative; min-height: min(100svh, 900px); overflow: hidden; isolation: isolate; }
.k-flug-vorn { position: relative; z-index: 7; display: grid; align-items: end; pointer-events: none; min-height: min(100svh, 900px); }
.k-flug-film, .k-flug-bild {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
}
.k-flug-film { opacity: 0; transition: opacity 500ms linear; }
.k-flug.film-da .k-flug-film { opacity: 1; }
.k-flug-schleier {
  position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(to bottom, var(--k-nacht) 0%, rgba(15, 10, 18, 0) 16%),
    linear-gradient(to top, var(--k-tief) 2%, rgba(8, 5, 11, 0.72) 34%, rgba(8, 5, 11, 0) 68%),
    linear-gradient(to right, rgba(8, 5, 11, 0.55) 0%, rgba(8, 5, 11, 0) 60%);
}
.k-flug-text {
  width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto;
  padding-block: clamp(96px, 16vh, 180px) clamp(48px, 9vh, 104px);
  display: grid; gap: clamp(18px, 2.6vh, 30px); justify-items: start;
}
.k-wort { display: inline-block; }
.k-flug-zeiger {
  position: absolute; right: var(--k-rand); bottom: clamp(48px, 9vh, 104px); width: 2px; height: 96px;
  background: var(--k-linie); overflow: hidden; display: none;
}
.k-flug-zeiger::after {
  content: ""; position: absolute; inset: 0; background: var(--k-verlauf);
  transform-origin: top; transform: scaleY(var(--p, 0));
}
.kino .k-flug { height: 260vh; }
.kino .k-flug-buehne, .kino .k-flug-vorn { position: sticky; top: 0; height: 100svh; min-height: 0; align-self: start; }
.kino .k-flug-zeiger { display: block; }
.kino .k-wort { opacity: 0.16; transition: opacity 420ms var(--k-raus); }
.kino .k-wort.an { opacity: 1; }
.kino .k-flug-absatz, .kino .k-flug .k-marke { opacity: 0; transform: translateY(16px); transition: opacity 520ms var(--k-raus), transform 520ms var(--k-raus); }
.kino .k-flug-absatz.an, .kino .k-flug .k-marke.an { opacity: 1; transform: none; }
.k-szenen { position: relative; background: var(--k-tief); }
.k-szene {
  position: relative; min-height: min(100svh, 860px); overflow: hidden; isolation: isolate;
  background: var(--k-nacht); color: var(--k-tinte);
  border-top: 1px solid var(--k-linie);
}
.kino .k-szene { position: sticky; top: 0; height: 100svh; min-height: 560px; }
.k-szene-innen {
  position: relative; height: 100%; min-height: inherit;
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: stretch;
  transform-origin: 50% 0; will-change: transform, opacity;
}
.k-szene-text {
  position: relative; z-index: 1; align-self: end;
  padding: clamp(96px, 14vh, 150px) 0 clamp(40px, 8vh, 88px) var(--k-rand);
  display: grid; gap: 18px; justify-items: start; align-content: end;
}
.k-szene-text .k-lauftext { max-width: 27em; }
.k-nr {
  margin: 0; font-weight: 850; font-stretch: 66%; font-size: clamp(1.1rem, 1.6vw, 1.5rem); letter-spacing: 0.08em;
  color: transparent; -webkit-text-stroke: 1px var(--k-violett);
}
.k-szene h3 {
  margin: 0; font-weight: 850; font-stretch: 66%; text-transform: uppercase;
  font-size: clamp(3rem, 7.4vw, 8rem); line-height: 0.88; text-wrap: balance;
  margin-right: -40%;   
}
.k-szene-links { display: flex; flex-wrap: wrap; gap: 4px 28px; }
.k-szene-bild { position: relative; overflow: hidden; }
.k-szene-bild img { display: block; width: 100%; height: 100%; object-fit: cover; transform-origin: 60% 50%; will-change: transform; }
.k-szene-bild::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(to right, var(--k-nacht) 0%, rgba(15, 10, 18, 0.5) 26%, rgba(15, 10, 18, 0) 58%),
    linear-gradient(to top, rgba(15, 10, 18, 0.7) 0%, rgba(15, 10, 18, 0) 40%);
}
.k-szene:nth-child(2) .k-szene-bild img { filter: hue-rotate(-42deg) saturate(1.15); }
.k-szene:nth-child(3) .k-szene-bild img { filter: hue-rotate(48deg) saturate(1.1); }
.k-szene:nth-child(4) .k-szene-bild img { filter: hue-rotate(-18deg) saturate(0.7) brightness(1.12); }
.k-szene:nth-child(2) .k-nr { -webkit-text-stroke-color: var(--k-blau); }
.k-szene:nth-child(3) .k-nr { -webkit-text-stroke-color: var(--k-magenta); }
.k-szene:nth-child(4) .k-nr { -webkit-text-stroke-color: var(--k-eis); }
.k-szene:nth-child(even) .k-szene-innen { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.k-szene:nth-child(even) .k-szene-bild { order: -1; }
.k-szene:nth-child(even) .k-szene-bild::after {
  background:
    linear-gradient(to left, var(--k-nacht) 0%, rgba(15, 10, 18, 0.5) 26%, rgba(15, 10, 18, 0) 58%),
    linear-gradient(to top, rgba(15, 10, 18, 0.7) 0%, rgba(15, 10, 18, 0) 40%);
}
.k-szene:nth-child(even) .k-szene-text { padding: clamp(96px, 14vh, 150px) var(--k-rand) clamp(40px, 8vh, 88px) clamp(20px, 3vw, 48px); }
.k-szene:nth-child(even) h3 { margin-right: 0; margin-left: -40%; }
.k-weitere { position: relative; background: var(--k-nacht); color: var(--k-tinte); padding-block: clamp(72px, 10vw, 140px); border-top: 1px solid var(--k-linie); }
.k-weitere-kopf { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 20px 40px; margin-bottom: clamp(28px, 4vw, 56px); }
.k-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-linie); }
.k-liste li { border-bottom: 1px solid var(--k-linie); }
.k-liste a {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) 28px; gap: 12px 32px; align-items: center;
  padding: clamp(18px, 2.4vw, 30px) 0; color: inherit; text-decoration: none;
  transition: padding 260ms var(--k-raus), color 200ms ease;
}
.k-liste strong { font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: clamp(1.5rem, 3.1vw, 2.9rem); line-height: 1; }
.k-liste span { color: var(--k-leise); font-size: 1rem; line-height: 1.45; }
.k-liste svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform 260ms var(--k-raus); }
@media (hover: hover) and (pointer: fine) {
  .k-liste a:hover { padding-left: 18px; color: #fff; }
  .k-liste a:hover strong { background: var(--k-verlauf); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .k-liste a:hover svg { transform: translateX(8px); }
}
.k-gasse { position: relative; background: var(--k-tief); color: var(--k-tinte); isolation: isolate; }
.k-gasse-grund { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.kino .k-gasse-grund { position: sticky; inset: auto; top: 0; height: 100svh; margin-bottom: -100svh; }
.k-gasse-grund img, .k-gasse-grund video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k-gasse-grund video { opacity: 0; transition: opacity 400ms linear; }
.k-gasse.laeuft .k-gasse-grund video { opacity: 1; }
.k-gasse-grund::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(to bottom, var(--k-nacht) 0%, rgba(8, 5, 11, 0.22) 20%, rgba(8, 5, 11, 0.34) 58%, var(--k-tief) 94%);
}
.k-gasse-inhalt { position: relative; width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto; padding-block: clamp(72px, 10vw, 150px) clamp(72px, 9vw, 130px); }
.k-gasse-kopf .k-riesig, .k-gasse-kopf .k-lauftext { text-shadow: 0 2px 30px rgba(8, 5, 11, 0.9); }
.k-gasse-kopf .k-lauftext { color: var(--k-tinte); }
.k-gasse-kopf { display: grid; gap: 22px; justify-items: start; margin-bottom: clamp(48px, 7vw, 110px); }
.k-weg { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: clamp(20px, 3vw, 44px); counter-reset: schritt; }
.k-weg::before, .k-weg::after {
  content: ""; position: absolute; left: 21px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px;
}
.k-weg::before { background: var(--k-linie); }
.k-weg::after {
  background: linear-gradient(to bottom, var(--k-blau), var(--k-violett) 45%, var(--k-magenta) 80%, var(--k-eis));
  box-shadow: 0 0 14px rgba(154, 107, 255, 0.9), 0 0 38px rgba(255, 95, 214, 0.5);
  transform-origin: top; transform: scaleY(var(--fort, 1));
}
.k-weg li {
  counter-increment: schritt; position: relative;
  margin-left: clamp(64px, 9vw, 150px); max-width: 760px;
  padding: clamp(22px, 2.6vw, 36px) clamp(22px, 3vw, 44px);
  background: rgba(15, 10, 18, 0.62); border: 1px solid var(--k-linie);
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  display: grid; gap: 10px;
}
.k-weg li:nth-child(even) { margin-left: clamp(64px, 22vw, 420px); }
.k-weg li::before {
  content: counter(schritt, decimal-leading-zero); position: absolute; top: clamp(22px, 2.6vw, 36px);
  left: calc(-1 * clamp(64px, 9vw, 150px) + 44px);
  font-weight: 850; font-stretch: 66%; font-size: clamp(1rem, 1.5vw, 1.4rem); letter-spacing: 0.08em; color: var(--k-leise);
}
.k-weg li:nth-child(even)::before { left: calc(-1 * clamp(64px, 22vw, 420px) + 44px); }
.k-weg h3 { margin: 0; font-weight: 850; font-stretch: 70%; text-transform: uppercase; font-size: clamp(1.7rem, 3.2vw, 3rem); line-height: 1; }
.k-weg p { margin: 0; color: var(--k-leise); font-size: 1.02rem; line-height: 1.55; max-width: 44em; }
.kino .k-weg li { opacity: 0.35; transition: opacity 520ms var(--k-raus), border-color 520ms ease; }
.kino .k-weg li.an { opacity: 1; border-color: rgba(154, 107, 255, 0.55); }
.k-joel { position: relative; background: linear-gradient(to bottom, var(--k-tief) 0%, var(--k-nacht) 28%); color: var(--k-tinte); padding-block: clamp(88px, 12vw, 180px) clamp(40px, 6vw, 80px); overflow: hidden; }
.k-joel-innen {
  width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto;
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 88px); align-items: center;
}
.k-joel-bild { margin: 0; }
.k-joel-foto { position: relative; }
.k-joel-foto::before {
  content: ""; position: absolute; inset: -14px 14px 14px -14px; z-index: 0;
  background: var(--k-verlauf); clip-path: polygon(0 12%, 9% 0, 100% 0, 100% 82%, 90% 100%, 0 100%); opacity: 0.9;
}
.k-joel-foto img {
  position: relative; z-index: 1; display: block; width: 100%; height: auto;
  clip-path: polygon(0 12%, 9% 0, 100% 0, 100% 82%, 90% 100%, 0 100%);
}
.k-joel-bild figcaption { margin-top: 30px; font-size: 0.86rem; color: var(--k-leise); max-width: 34em; }
.k-joel-text { display: grid; gap: 22px; justify-items: start; }
.k-team { position: relative; background: var(--k-nacht); color: var(--k-tinte); padding-block: clamp(24px, 4vw, 56px) clamp(88px, 12vw, 170px); overflow: hidden; }
.k-team-kopf .k-marke { flex: 1 1 320px; font-weight: 500; line-height: 1.5; text-wrap: wrap; background: none; }
@media (min-width: 821px) { .k-team-kopf .k-marke { white-space: nowrap; } }
.k-team-kopf { width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 18px 40px; margin-bottom: clamp(24px, 3vw, 44px); }
.k-reihe { list-style: none; margin: 0; padding: 0 var(--k-rand); display: flex; gap: clamp(14px, 1.6vw, 26px); width: max-content; will-change: transform; }
.k-team-fenster { overflow-x: auto; scrollbar-width: none; }
.k-team-fenster::-webkit-scrollbar { display: none; }
.kino .k-team-fenster { overflow: hidden; }
.k-figur { position: relative; width: clamp(170px, 19vw, 280px); flex: none; }
.k-figur-bild {
  position: relative; aspect-ratio: 4 / 5; overflow: hidden;
  background: radial-gradient(ellipse 70% 60% at 50% 100%, #3a1a66 0%, #1a0f2a 62%, #130b1d 100%);
  border: 1px solid var(--k-linie);
}
.k-figur:nth-child(3n + 2) .k-figur-bild { background: radial-gradient(ellipse 70% 60% at 50% 100%, #173a7a 0%, #141231 62%, #130b1d 100%); }
.k-figur:nth-child(3n) .k-figur-bild { background: radial-gradient(ellipse 70% 60% at 50% 100%, #6a1a66 0%, #24102c 62%, #130b1d 100%); }
.k-figur-bild img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.k-figur p { margin: 12px 0 0; display: flex; justify-content: space-between; gap: 10px; font-size: 0.95rem; }
.k-figur strong { font-weight: 750; }
.k-figur span { color: var(--k-leise); font-size: 0.82rem; letter-spacing: 0.04em; }
.k-ruf { position: relative; isolation: isolate; overflow: hidden; background: var(--k-tief); color: var(--k-tinte); }
.k-ruf-grund { position: absolute; inset: -8% 0; z-index: -1; }
.k-ruf-grund img { width: 100%; height: 100%; object-fit: cover; display: block; will-change: transform; }
.k-ruf-grund::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, var(--k-nacht) 0%, rgba(8, 5, 11, 0.55) 30%, rgba(8, 5, 11, 0.7) 70%, var(--k-tief) 100%),
              linear-gradient(to right, rgba(8, 5, 11, 0.75) 0%, rgba(8, 5, 11, 0.1) 70%);
}
.k-ruf-innen {
  width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto;
  padding-block: clamp(110px, 16vw, 240px);
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(24px, 4vw, 64px); align-items: end;
}
.k-ruf-text { display: grid; gap: 24px; justify-items: start; }
.k-ruf-text .klein { margin: 0; color: var(--k-leise); font-size: 0.9rem; max-width: 36em; }
.k-ruf-text .klein a { color: var(--k-tinte); font-weight: 650; text-underline-offset: 4px; }
.k-ruf-figur { margin: 0; align-self: end; margin-bottom: calc(-1 * clamp(110px, 16vw, 240px)); }
.k-ruf-figur img { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 28px rgba(154, 107, 255, 0.45)); }
.k-ruf-figur figcaption { position: absolute; left: -9999px; }
.k-fuss { position: relative; background: var(--k-tief); color: var(--k-tinte); overflow: hidden; border-top: 1px solid var(--k-linie); }
.k-fuss-innen { width: min(1280px, 100% - 2 * var(--k-rand)); margin-inline: auto; padding-block: clamp(48px, 6vw, 88px) 28px; display: grid; gap: clamp(28px, 4vw, 56px); }
.k-fuss-kopf { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 28px 56px; align-items: end; }
.k-fuss nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 24px; }
.k-fuss nav a {
  color: var(--k-tinte); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center;
  font-weight: 700; font-stretch: 80%; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.95rem;
}
.k-fuss-logo { margin: 0 calc(-1 * var(--k-rand)); }
.k-fuss-logo img { display: block; width: 100%; height: auto; }
.k-fuss-unten { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 32px; padding-top: 20px; border-top: 1px solid var(--k-linie); color: var(--k-leise); font-size: 0.86rem; }
.k-fuss-unten p { margin: 0; }
.k-fuss-unten a { color: inherit; min-height: 44px; display: inline-flex; align-items: center; }
@media (hover: hover) and (pointer: fine) {
  .k-fuss nav a:hover, .k-fuss-unten a:hover { color: #cdb6ff; }
}
html.rohr body { position: relative; background: transparent; }
.k-rohr { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; }
html[data-rohr="hinten"] .k-rohr { opacity: 0.6; }
.k-rohr-hinten { z-index: -1; }
.k-rohr-vorn { z-index: 6; }
html.rohr .k-weitere { background: radial-gradient(ellipse 70% 60% at 88% 18%, rgba(74, 168, 255, 0.16) 0%, rgba(74, 168, 255, 0) 70%); }
html.rohr .k-joel { background: radial-gradient(ellipse 70% 60% at 10% 30%, rgba(255, 95, 214, 0.14) 0%, rgba(255, 95, 214, 0) 70%); }
html.rohr .k-team { background: radial-gradient(ellipse 80% 70% at 70% 70%, rgba(154, 107, 255, 0.16) 0%, rgba(154, 107, 255, 0) 70%); }
html.rohr .k-weitere .breite, html.rohr .k-joel-text, html.rohr .k-joel-bild figcaption, html.rohr .k-team-kopf, html.rohr .k-figur p { position: relative; z-index: 7; }
html.rohr .k-fuss { background: transparent; }
html.rohr .k-gasse, html.rohr .k-ruf { isolation: auto; background: transparent; }
html.rohr .k-gasse-inhalt, html.rohr .k-ruf-text { position: relative; z-index: 7; }
html.rohr .k-flug-text, html.rohr .k-weitere .breite, html.rohr .k-joel-text, html.rohr .k-team-kopf, html.rohr .k-figur p,
html.rohr .k-gasse-kopf, html.rohr .k-ruf-text, html.rohr .k-fuss-kopf, html.rohr .k-fuss-unten {
  text-shadow: 0 0 3px rgba(8, 5, 11, 0.95), 0 0 16px rgba(8, 5, 11, 0.9), 0 0 34px rgba(8, 5, 11, 0.7);
}
html.rohr .k-led { text-shadow: none; filter: drop-shadow(0 0 10px rgba(8, 5, 11, 0.9)); }
html.rohr .taste { text-shadow: none; }
html.rohr .k-fuss-kopf, html.rohr .k-fuss-unten { position: relative; z-index: 7; }
.k-zeile { display: block; overflow: hidden; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.k-zeile > span { display: block; }
@media (prefers-reduced-motion: no-preference) {
  .js [data-zeig].k-hoch { opacity: 1; transform: none; }
  .js [data-zeig].k-hoch .k-zeile > span { transform: translateY(105%); transition: transform 900ms var(--k-raus); }
  .js [data-zeig].k-hoch .k-zeile:nth-child(2) > span { transition-delay: 90ms; }
  .js [data-zeig].k-hoch .k-zeile:nth-child(3) > span { transition-delay: 180ms; }
  .js [data-zeig].k-hoch.da .k-zeile > span { transform: none; }
}
@media (min-width: 821px) and (max-height: 600px) {
  .kino .k-szene { min-height: 0; }
  .k-szene-text, .k-szene:nth-child(even) .k-szene-text { padding-top: 76px; padding-bottom: 22px; gap: 8px; }
  .k-szene h3 { font-size: clamp(2.2rem, 13vh, 4.4rem); }
  .k-szene-text .k-lauftext { font-size: 0.95rem; }
}
@media (max-width: 820px) {
  .k-szene-innen, .k-szene:nth-child(even) .k-szene-innen { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 46%) minmax(0, 1fr); }
  .k-szene-bild, .k-szene:nth-child(even) .k-szene-bild { order: -1; }
  .k-szene-bild::after, .k-szene:nth-child(even) .k-szene-bild::after { background: linear-gradient(to top, var(--k-nacht) 0%, rgba(15, 10, 18, 0) 55%); }
  .k-szene-text, .k-szene:nth-child(even) .k-szene-text { padding: 0 var(--k-rand) 28px; align-self: start; margin-top: -1.6rem; gap: 12px; }
  .k-szene h3, .k-szene:nth-child(even) h3 { margin-inline: 0; font-size: clamp(2.6rem, 13vw, 4.4rem); }
  .k-szene-text .k-lauftext { font-size: 1rem; }
  .kino .k-szene { min-height: 0; }
  .k-liste a { grid-template-columns: minmax(0, 1fr) 26px; }
  .k-liste span { grid-column: 1; }
  .k-liste svg { grid-row: 1; grid-column: 2; }
  .k-weg li, .k-weg li:nth-child(even) { margin-left: 52px; }
  .k-weg li::before, .k-weg li:nth-child(even)::before { left: -52px; top: -2px; width: 44px; text-align: center; background: var(--k-tief); padding-block: 6px; display: none; }
  .k-joel-innen { grid-template-columns: minmax(0, 1fr); }
  .k-ruf-innen { grid-template-columns: minmax(0, 1fr); }
  .k-ruf-figur { width: min(240px, 60%); justify-self: end; margin-top: -24px; }
  .k-fuss-kopf { grid-template-columns: minmax(0, 1fr); }
  .k-fuss nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-flug-zeiger { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .k-liste a, .k-liste svg { transition: none; }
}
