/* ============================================================
   remode.css — Aussehen der Inhaltsseiten.
   Bedient dieselben Klassennamen wie der bestehende Baustein.
   Der Inhalt wird nicht angefasst, nur seine Darstellung.
   ============================================================ */

@font-face{ font-family:"Newsreader";
  src:url("/assets/fonts/newsreader-latin.woff") format("woff");
  font-weight:400 700; font-style:normal; font-display:swap }
@font-face{ font-family:"Newsreader";
  src:url("/assets/fonts/newsreader-italic-latin.woff") format("woff");
  font-weight:400 700; font-style:italic; font-display:swap }


/* Oswald und Archivo liegen auf dem eigenen Webspace — kein Google-Aufruf. */
@font-face{ font-family:"Oswald"; src:url("/assets/fonts/oswald-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap }
@font-face{ font-family:"Oswald"; src:url("/assets/fonts/oswald-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap }
@font-face{ font-family:"Oswald"; src:url("/assets/fonts/oswald-600.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap }
@font-face{ font-family:"Oswald"; src:url("/assets/fonts/oswald-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap }
@font-face{ font-family:"Archivo"; src:url("/assets/fonts/archivo-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap }
@font-face{ font-family:"Archivo"; src:url("/assets/fonts/archivo-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap }
@font-face{ font-family:"Archivo"; src:url("/assets/fonts/archivo-600.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap }
@font-face{ font-family:"Archivo"; src:url("/assets/fonts/archivo-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap }

:root{
  --nacht:#0b0b0c; --nacht-2:#121214; --nacht-3:#191919;
  --creme:#f2ede4; --creme-leise:#b9b2a6; --creme-still:#6f6a62;
  --kante:rgba(242,237,228,.14);
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"Helvetica Neue", Arial, system-ui, sans-serif;
  --rand:clamp(20px, 5vw, 76px);
  --abstand-oben:clamp(44px, 4.2vw, 72px);
  --abstand-unten:clamp(26px, 2.4vw, 38px);
  --spalte:clamp(28px, 2.2vw, 44px);
}
*{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }
body{ margin:0; background:var(--nacht); color:var(--creme-leise);
  font-family:var(--serif); font-size:1.02rem; line-height:1.62;
  -webkit-font-smoothing:antialiased }
img{ max-width:100%; height:auto }
a{ color:var(--creme); text-decoration:none; border-bottom:1px solid var(--kante);
  transition:border-color .2s ease }
a:hover{ border-bottom-color:var(--creme) }

/* Kopfleiste: steht jetzt allein in gemein.css */

/* ---------- Zeitungsmoebel abschalten ---------- */
#rm-zeitung .kopf-logo,
#rm-zeitung .kopfzeile,
#rm-zeitung .zierlinie,
#rm-zeitung .zier-punkte,
#rm-zeitung hr{ display:none }

/* ---------- Seitenrand: gilt fuer jeden Bereich ----------
   Konvention 7: nichts klebt am Fensterrand. */
#rm-zeitung{ display:block }
#rm-zeitung .teil{ padding:0 var(--rand) }
#rm-zeitung .teil + .teil{ border-top:0 }

/* Sprungmarken
   Nicht mehr klebend. Vorher blieb die Zeile beim Blaettern oben stehen und
   schnitt quer durch die Bilder der Besetzung — ein dunkler Balken mitten im
   Motiv. Sie laeuft jetzt mit der Seite mit. */
.sprung{ position:static; z-index:30;
  display:flex; flex-wrap:wrap; gap:clamp(20px,2.4vw,40px);
  padding:16px var(--rand); background:var(--nacht);
  border-top:1px solid var(--kante); border-bottom:1px solid var(--kante) }
.sprung a{ border:0; font-family:var(--sans); font-size:.64rem;
  letter-spacing:.26em; text-transform:uppercase; color:var(--creme-still) }
.sprung a:hover{ color:var(--creme) }

/* ---------- Schlagzeilen ---------- */
.schlagzeile{ margin:0 0 clamp(26px,3vw,44px); width:100%; max-width:none;
  font-family:var(--serif);
  font-weight:400; color:var(--creme); letter-spacing:-.015em; line-height:1.02;
  font-size:clamp(2.2rem,4.4vw,4.2rem) }
.schlagzeile{ text-align:left }
.schlagzeile--klein{ width:auto }
.schlagzeile span{ display:block }
.schlagzeile--klein{ font-size:clamp(1.7rem,2.6vw,2.6rem); margin-bottom:26px }
/* Eine Rubrikzeile fuer alle Abschnitte: gleiche Groesse, gleiche Laufweite,
   gleicher Abstand nach oben und nach unten. Die Haarlinie daneben ist die
   Trennung zwischen den Abschnitten. */
.dachzeile,.rubrik,.rand-rubrik{ display:flex; align-items:center; gap:18px;
  margin:var(--abstand-oben) 0 var(--abstand-unten);
  font-family:var(--sans); font-size:.64rem; font-weight:400;
  letter-spacing:.26em; text-transform:uppercase; color:var(--creme-still) }
/* Haarlinie laeuft von der Rubrik bis zum rechten Rand */
.dachzeile::before,.rubrik::before,.rand-rubrik::before,
.dachzeile::after,.rubrik::after,.rand-rubrik::after{
  content:""; flex:1 1 auto; height:1px; background:var(--kante) }
/* Erste Rubrik eines Abschnitts steht oben ohne zusaetzlichen Abstand */

/* Dachzeile gehoert zur folgenden Ueberschrift */
.dachzeile + .schlagzeile,.dachzeile + h2{ margin-top:0 }

/* ---------- Satz und Randspalte ---------- */
.satzbereich{ display:block }
.satz p{ margin:0 0 1.15em }
@media (min-width:1150px){
  .satz{ column-count:2; column-gap:var(--spalte) }
  .satz .bandbild,.satz .wechselbild{ break-inside:avoid }
}
@media (min-width:1750px){ .satz{ column-count:3 } }
.satz .einstieg{ font-variant:small-caps; letter-spacing:.04em; color:var(--creme) }
.nb{ white-space:nowrap }

.satz figure{ column-span:all; margin:30px 0 34px; max-width:860px }
/* Das Bandfoto steht IM Satz, nicht quer darueber: es fuellt eine Spalte,
   der Text laeuft daneben weiter. Ueber beide Spalten gelegt liess es
   rechts eine halbe Seite leer. */
.satz .bandbild{ column-span:none; break-inside:avoid;
  margin:6px 0 26px; max-width:100% }
.satz figure img{ display:block; width:100% }
.satz figcaption{ margin-top:10px; font-family:var(--sans); font-size:.66rem;
  line-height:1.6; letter-spacing:.06em; color:var(--creme-still) }

/* Randspalte: Anekdoten */
/* Anekdoten stehen unter dem Text, nicht an der Seite */
.randspalte{ display:block; margin:0; padding-top:0; border-top:0 }
@media (min-width:1150px){
  .randspalte{ column-count:2; column-gap:var(--spalte) }
  .randspalte > *{ break-inside:avoid }
  .randspalte .rand-rubrik{ column-span:all }
}
@media (min-width:1750px){ .randspalte{ column-count:3 } }
/* Die Anekdoten-Rubrik laeuft wie jede andere Rubrik */
.rand-rubrik span{ display:inline }
.rand-anekdote{ margin:0 0 30px; font-size:.94rem }
.rand-anekdote p{ margin:0 0 .8em }
.rand-frage{ font-family:var(--serif); font-weight:700; font-size:1.02rem;
  color:var(--creme); margin-bottom:.4em !important }
.rand-zitat{ font-style:italic; color:var(--creme) }
.rand-quelle{ display:block; margin-top:6px; font-style:normal; font-family:var(--sans);
  font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--creme-still) }

/* ---------- Besetzung ---------- */
.besetzung{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--spalte); margin:0 }
@media (max-width:760px){ .besetzung{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
.musiker{ border:0; display:block }
.musiker img{ display:block; width:100%; aspect-ratio:322/384; object-fit:cover;
  filter:grayscale(1) contrast(1.05); transition:filter .5s ease }
.musiker:hover img{ filter:none }
.musiker .rolle{ display:block; margin-top:10px; font-family:var(--sans);
  font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--creme-still) }
.musiker .name{ display:block; margin-top:3px; font-family:var(--sans);
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--creme) }

/* ---------- Haeufige Fragen ---------- */
.fragen{ column-count:1 }
@media (min-width:1150px){ .fragen{ column-count:2; column-gap:var(--spalte) } }
.frage{ break-inside:avoid; margin:0 0 26px }
.frage h3{ margin:0 0 8px; font-family:var(--serif); font-weight:700;
  font-size:1.06rem; color:var(--creme) }
.frage p{ margin:0 0 .7em }

/* ---------- Aufmacher oben ---------- */
.kopfbild{ padding:0 var(--rand) }
.aufmacher{ display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:center; gap:clamp(26px,3vw,54px);
  margin:0 0 clamp(44px,5vw,78px) }
.aufmacher__titel{ margin:0; font-family:var(--serif); font-weight:400; color:var(--creme);
  font-size:clamp(4rem,9vw,10rem); line-height:.86; letter-spacing:-.035em }
.aufmacher__unter{ margin:6px 0 0; font-family:var(--serif); font-weight:400;
  line-height:1.05; color:var(--creme-leise) }

/* Bild laeuft bis an den rechten Rand */
.aufmacher__bild{ margin-right:calc(var(--rand) * -1) }
.aufmacher__bild figure{ position:relative; margin:0; overflow:hidden; line-height:0 }
.aufmacher__bild img{ display:block; width:100%; height:auto; max-width:none;
  filter:saturate(.92) brightness(.9) contrast(1.04);
  transition:filter .7s ease, transform 1.1s cubic-bezier(.2,.7,.2,1) }
.aufmacher__bild figure:hover img{ filter:none; transform:scale(1.035) }

/* Vignette */
.aufmacher__bild figure::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(to right, var(--nacht) 0%, rgba(11,11,12,.5) 14%, transparent 38%),
    radial-gradient(125% 95% at 58% 45%, transparent 44%, rgba(11,11,12,.6) 100%);
  transition:opacity .7s ease }
.aufmacher__bild figure:hover::after{ opacity:.45 }

/* Kein Bildnachweis im Aufmacher */
.aufmacher__bild figcaption{ display:none }

@media (max-width:1100px){
  .aufmacher{ grid-template-columns:1fr }
  .aufmacher__bild{ margin-right:calc(var(--rand) * -1); margin-left:calc(var(--rand) * -1) }
}

/* ============================================================
   Terminblock aus der Dispo (liste.php)
   Der Block bringt sein Zeitungsaussehen mit. Hier wird er
   auf das neue Aussehen gebracht. Der Inhalt bleibt unberuehrt.
   ============================================================ */

#remode-termine .bogen{ padding:0; background:none; box-shadow:none; border:0 }
#remode-termine .ausgabe,
#remode-termine .kopfzeile,
#remode-termine .schlagzeile,
#remode-termine .zierlinie,
#remode-termine hr{ display:none !important }

#remode-termine .terminsatz{ display:block }

/* Groessen und Spaltenmasse wie in der alten Darstellung — dort waren sie
   richtig. Uebernommen wird nur Groesse und Ausrichtung, nicht das
   Zeitungsaussehen: Farben und Schriftschnitt bleiben im dunklen Bild. */
#remode-termine .termin{
  display:grid; grid-template-columns:190px minmax(0,1fr) 172px;
  align-items:center; column-gap:34px;
  padding:22px 0; border-bottom:1px solid var(--kante);
  background:none }
#remode-termine .termin:first-child{ border-top:1px solid var(--kante) }

/* Datum */
/* Ausrichtung wie in der alten Darstellung nachgemessen: die drei Teile
   stehen nebeneinander und sind alle senkrecht mittig. Monat und Jahr
   bilden dabei einen Block, der als Ganzes mittig sitzt. */
#remode-termine .termin__datum{ display:flex; align-items:center; gap:13px;
  width:190px; color:var(--creme) }
#remode-termine .termin__wtag{ font-family:var(--serif); font-size:1.44rem;
  line-height:1.44rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--creme-still) }
#remode-termine .termin__zahl{ font-family:var(--serif); font-size:3.375rem;
  line-height:2.9rem; letter-spacing:-.02em; color:var(--creme) }
#remode-termine .termin__mj{ display:block; line-height:1.15 }
#remode-termine .termin__monat{ display:block; font-family:var(--serif);
  font-size:1rem; line-height:1.15; letter-spacing:.12em;
  text-transform:uppercase; color:var(--creme-leise) }
#remode-termine .termin__jahr{ display:block; font-family:var(--serif);
  font-size:.875rem; line-height:1.15; letter-spacing:.02em;
  color:var(--creme-still) }

/* Mitte */
#remode-termine .termin__mitte{ display:block; min-width:0 }
#remode-termine .termin__kopf{ display:block }
#remode-termine .termin__seite{ border:0; display:inline-flex; align-items:baseline;
  gap:12px; flex-wrap:wrap }
#remode-termine .termin__ort{ font-family:var(--serif); color:var(--creme);
  font-size:1.6875rem; line-height:1.1 }
#remode-termine .termin__venue{ font-family:var(--serif); font-style:italic;
  color:var(--creme-leise); font-size:1.25rem; line-height:1.15 }
#remode-termine .termin__seite:hover .termin__ort{ color:var(--creme) }
#remode-termine .termin__fein{ display:block; margin-top:6px;
  font-family:var(--serif); font-size:.8125rem; line-height:1.46;
  color:var(--creme-still) }
#remode-termine .termin__punkt{ margin:0 .5em; color:var(--creme-still) }

/* Rechts */
#remode-termine .termin__rechts{ display:flex; flex-direction:column;
  align-items:flex-end; gap:8px; text-align:right }
#remode-termine .termin__vermerk{ font-family:var(--sans); font-size:.62rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--creme-still) }
#remode-termine .termin__preis{ font-family:var(--sans); font-size:.64rem;
  letter-spacing:.1em; color:var(--creme-still) }
#remode-termine a.termin__karten{
  display:inline-block; border:1px solid var(--kante); border-radius:0;
  padding:11px 22px; font-family:var(--sans); font-size:.64rem;
  letter-spacing:.22em; text-transform:uppercase; color:var(--creme);
  background:none; transition:background .25s ease, color .25s ease, border-color .25s ease }
#remode-termine a.termin__karten:hover{ background:var(--creme); color:var(--nacht);
  border-color:var(--creme) }

@media (max-width:820px){
  #remode-termine .termin{ grid-template-columns:auto minmax(0,1fr); gap:16px }
  #remode-termine .termin__datum{ min-width:0 }
  #remode-termine .termin__rechts{ grid-column:1 / -1; align-items:flex-start;
    text-align:left; flex-direction:row; align-items:center; gap:16px }
}


/* ---------- Repertoire (Konvention 3) ----------
   Keine Cover, keine Albumueberschriften. Songtitel alphabetisch,
   als Block ueber die ganze Breite, etwas kleiner, Punkt in der Mitte. */
/* Blocksatz, aber die letzte Zeile laeuft aus. Eine letzte Zeile mit wenigen
   Titeln laesst sich nicht strecken, ohne dass Loecher entstehen. */
.rmrp-titel{ margin:0 0 1.4em; font-size:.84rem; line-height:2.3; max-width:none;
  text-align:justify; text-align-last:left; hyphens:none }
.rmrp-t{ display:inline-block; white-space:nowrap }
/* Mittelpunkt auf halber Hoehe der Kleinbuchstaben. Die Glyphe sitzt dort
   von selbst, sobald sie auf der Grundlinie steht — vertical-align:middle
   zog sie nach unten. */
.rmrp-punkt{ display:inline; margin:0 .12em; font-size:1.5em; line-height:1;
  vertical-align:baseline; color:var(--creme-still) }
.rmrp-note{ font-size:.9rem; color:var(--creme-still) }

/* ---------- Sprungziele ----------
   Kopfleiste und Sprungleiste kleben oben. Ohne diesen Abstand
   verschwindet die angesprungene Ueberschrift darunter. */
html{ scroll-behavior:smooth }
#rm-zeitung .teil,
#rm-zeitung [id^="t0-"],
#rm-zeitung [id^="t1-"],
#rm-zeitung [id^="t2-"]{ scroll-margin-top:calc(var(--kopfhoehe,84px) + 62px) }

/* ---------- Blocksatz ----------
   Fliesstext im Blocksatz mit Silbentrennung. Ohne Trennung reisst der
   Satz in schmalen Spalten Loecher. Listen, Rubriken und Auszeichnungen
   bleiben linksbuendig, dort sieht Blocksatz nicht gut aus. */
#rm-zeitung p,
#rm-zeitung li,
.rand-anekdote,
.rmz-fassungstext{ text-align:justify; hyphens:auto; -webkit-hyphens:auto }
#rm-zeitung .rubrik,
#rm-zeitung .dachzeile,
#rm-zeitung .rand-rubrik,
#rm-zeitung .rand-quelle,
#rm-zeitung figcaption,
.besetzung .rolle,
.besetzung .name,
.sprung a,
.fuss{ text-align:left; hyphens:none }

/* Die zwanzig groessten Hits in der Songliste */
.rmrp-t--hit{ font-weight:700; color:var(--creme) }

/* Untertitel wird per Skript auf die Breite von "Remode" gebracht */
.aufmacher__titel span{ display:inline-block }
.aufmacher__unter{ white-space:nowrap }
.aufmacher__unter span{ display:inline-block }

/* Jeder Abschnitt aus der Sprungleiste ist durch eine Trennlinie abgesetzt */
#rm-zeitung .randspalte + .rubrik,
#rm-zeitung .randspalte + .dachzeile{ margin-top:clamp(40px,4vw,66px) }

/* Gleichmaessige Abstaende: der Inhalt beginnt unter jeder Rubrikzeile
   im selben Abstand, egal welcher Abschnitt folgt. */
.rubrik + *,.dachzeile + *,.rand-rubrik + *{ margin-top:0 }
/* Auch das erste Kind behaelt seinen Abstand, damit alle Abschnitte gleich stehen */
.randspalte .rand-rubrik{ margin-top:var(--abstand-oben) }

/* Der Seitenkoerper braucht unten einen Abschluss, seit die Abschnitte
   ihr eigenes Polster nicht mehr mitbringen. */
#rm-zeitung{ padding-bottom:var(--abstand-oben) }
.rand-rubrik span{ display:inline; letter-spacing:inherit; font-size:inherit }

/* Titelblock mittig in der linken Haelfte, nicht am Rand klebend */
.aufmacher__satz{ display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center }

/* Der lange Hinweis zu abgesagten und verlegten Terminen entfaellt in der
   Liste. Der Status steht als Vermerk daneben, und fuer Google steht er
   im strukturierten Datensatz der jeweiligen Konzertseite. */
#remode-termine .termin__hinweis{ display:none }


/* ============================================================
   Konzerte-Seite — Aufbau nach dem Entwurf von Johannes.
   Rot ist hier Akzentfarbe (Konvention 7), auf den uebrigen
   Inhaltsseiten bleibt es aussen vor.
   ============================================================ */
:root{ --akzent:#e11d2e; }

/* Kopfleiste: steht jetzt allein in gemein.css */

/* ---------- Aufmacher ---------- */
.kz-auf{ position:relative; display:grid;
  grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
  align-items:center; min-height:clamp(220px,26vw,300px);
  padding-left:var(--rand); background:var(--nacht) }
.kz-auf__satz{ position:relative; z-index:2; padding:clamp(24px,3vw,44px) 0 }
.kz-auf__jahr{ margin:0 0 6px; font-family:var(--sans); font-weight:700;
  font-size:clamp(.8rem,1.1vw,1.05rem); letter-spacing:.42em;
  text-transform:uppercase; color:var(--akzent) }
.kz-auf__titel{ margin:0; font-family:var(--sans); font-weight:800;
  font-size:clamp(3rem,6.6vw,6.4rem); line-height:.92; letter-spacing:.02em;
  text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#f2ede4 42%,#8e8a84 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
.kz-auf__spruch{ margin:10px 0 0; padding-bottom:14px;
  font-family:var(--sans); font-size:clamp(.66rem,1vw,.92rem);
  letter-spacing:.44em; text-transform:uppercase; color:var(--creme-leise);
  border-bottom:2px solid var(--akzent); display:inline-block }
.kz-auf__bild{ position:relative; align-self:stretch; overflow:hidden }
.kz-auf__bild figure{ margin:0; height:100%; line-height:0 }
/* Kein Effekt auf dem Buehnenfoto: es steht so, wie es aus der
   Bildbearbeitung kommt. Vorher lag hier grayscale(1) contrast(1.12)
   brightness(.8) — das hat jedes Bild grau und dunkel gemacht. */
.kz-auf__bild img{ width:100%; height:100%; object-fit:cover }
.kz-auf__bild::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to right, var(--nacht) 0%, rgba(11,11,12,.55) 22%, transparent 55%) }
@media (max-width:900px){
  .kz-auf{ grid-template-columns:1fr; padding:0 var(--rand) }
  .kz-auf__bild{ display:none }
}

/* ---------- Filterleiste ---------- */
.kz-filter{ display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:16px 26px;
  padding:14px var(--rand); border-top:1px solid var(--kante);
  border-bottom:1px solid var(--kante) }
.kz-filter__links{ display:flex; flex-wrap:wrap; gap:6px }
.kz-knopf{ appearance:none; border:0; background:none; cursor:pointer;
  padding:9px 20px; font-family:var(--sans); font-size:.68rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--creme-leise) }
.kz-knopf:hover{ color:var(--creme) }
.kz-knopf.ist-an{ background:var(--akzent); color:#fff; border-radius:3px }
.kz-filter__rechts{ display:flex; gap:22px }
.kz-ansicht{ font-family:var(--sans); font-size:.68rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--creme-still) }
.kz-ansicht.ist-an{ color:var(--creme); border-bottom:2px solid var(--akzent);
  padding-bottom:3px }


/* ---------- Terminkacheln nach dem Entwurf ---------- */
#remode-termine .terminsatz{ display:flex; flex-direction:column; gap:10px;
  padding:clamp(20px,2.4vw,34px) var(--rand) }
#remode-termine .termin{
  display:grid;
  grid-template-columns:104px 182px minmax(0,1fr) auto auto 26px;
  align-items:center; column-gap:22px;
  padding:14px 18px; border:1px solid var(--kante); border-radius:3px;
  background:var(--nacht-2) }
#remode-termine .termin:first-child{ border-top:1px solid var(--kante) }
#remode-termine .termin:hover{ border-color:rgba(225,29,46,.55) }

/* Datum: Wochentag rot ueber der Zahl, Monat und Jahr darunter */
#remode-termine .termin__datum{ display:block; width:auto; text-align:center;
  line-height:1.05 }
#remode-termine .termin__wtag{ display:block; font-family:var(--sans);
  font-weight:700; font-size:.74rem; line-height:1.2; letter-spacing:.18em;
  text-transform:uppercase; color:var(--akzent) }
#remode-termine .termin__zahl{ display:block; font-family:var(--sans);
  font-weight:700; font-size:2.6rem; line-height:1.02; letter-spacing:0;
  color:#fff }
#remode-termine .termin__mj{ display:block; font-family:var(--sans);
  font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--creme-leise) }
#remode-termine .termin__monat,
#remode-termine .termin__jahr{ display:inline; font-family:var(--sans);
  font-size:.66rem; letter-spacing:.16em; color:var(--creme-leise) }
#remode-termine .termin__monat::after{ content:" " }

/* Platzhalter fuer das Bild der Spielstaette */
.kz-bild{ display:block; height:62px; border-radius:2px;
  background:linear-gradient(135deg,#243043 0%,#3a4a63 45%,#1b2432 100%);
  box-shadow:inset 0 0 0 1px var(--kante) }

/* Mitte */
#remode-termine .termin__mitte{ display:block; min-width:0 }
#remode-termine .termin__seite{ display:inline-flex; align-items:baseline;
  gap:12px; flex-wrap:wrap; border:0 }
#remode-termine .termin__ort{ font-family:var(--sans); font-weight:700;
  font-size:1.32rem; letter-spacing:.06em; text-transform:uppercase; color:#fff }
#remode-termine .termin__venue{ font-family:var(--serif); font-style:italic;
  font-size:1.12rem; color:var(--akzent); text-transform:none }
#remode-termine .termin__fein{ display:block; margin-top:5px;
  font-family:var(--sans); font-size:.76rem; line-height:1.9;
  color:var(--creme-leise) }
#remode-termine .termin__adresse::before,
#remode-termine .termin__zeit::before{ display:inline-block; width:14px;
  margin-right:6px; color:var(--creme-still); font-size:.8rem }
#remode-termine .termin__adresse::before{ content:"\25CE" }
#remode-termine .termin__zeit::before{ content:"\25F4" }
#remode-termine .termin__adresse{ display:block }

/* Claim-Flaeche */
.termin .kz-claim{ display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:4px; height:56px; padding:0 26px;
  border-radius:2px;
  background:linear-gradient(90deg, rgba(20,20,22,0) 0%, rgba(38,38,42,.85) 30%, rgba(38,38,42,.85) 70%, rgba(20,20,22,0) 100%) }
.termin .kz-claim i{ font-style:normal; font-family:var(--sans); font-size:.72rem;
  letter-spacing:.22em; text-transform:uppercase; color:var(--creme-leise) }
@media (max-width:1500px){ .termin .kz-claim{ display:none } }

/* Rechts: Knopf und Preis */
#remode-termine .termin__rechts{ display:flex; flex-direction:column;
  align-items:stretch; gap:7px; min-width:172px }
#remode-termine a.termin__karten{ display:block; text-align:center;
  background:var(--akzent); color:#fff; border:0; border-radius:3px;
  padding:12px 26px; font-family:var(--sans); font-weight:700;
  font-size:.72rem; letter-spacing:.2em; text-transform:uppercase }
#remode-termine a.termin__karten:hover{ background:#c8102e; color:#fff }
#remode-termine .termin__vermerk{ text-align:center; font-family:var(--sans);
  font-size:.68rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--creme-still) }
#remode-termine .termin__preis{ text-align:center; font-family:var(--sans);
  font-size:.66rem; letter-spacing:.04em; color:var(--creme-still);
  text-transform:none }
.kz-pfeil{ display:block; width:26px; text-align:right;
  color:var(--creme-still); font-size:1.1rem }
.kz-pfeil::before{ content:"\203A" }

@media (max-width:1200px){
  #remode-termine .termin{ grid-template-columns:92px minmax(0,1fr) auto;
    column-gap:18px }
  .kz-bild,.kz-pfeil{ display:none }
}
@media (max-width:760px){
  #remode-termine .termin{ grid-template-columns:auto minmax(0,1fr); gap:14px }
  #remode-termine .termin__rechts{ grid-column:1 / -1; min-width:0 }
}


/* ============================================================
   Konzerte-Seite — Masse aus dem Entwurf nachgemessen.
   Der Entwurf ist 1672 px breit; alle Werte sind darauf bezogen.
   ============================================================ */
:root{ --grotesk:"Archivo","Helvetica Neue",Arial,sans-serif }

/* Kopfleiste: steht jetzt allein in gemein.css */

/* ---------- Aufmacher ---------- */
.kz-auf{ min-height:265px; align-items:center;
  grid-template-columns:minmax(0,.44fr) minmax(0,.56fr) }
.kz-auf__satz{ padding:26px 0 }
.kz-auf__jahr{ margin:0 0 2px; font-family:var(--grotesk); font-weight:700;
  font-size:1.5rem; line-height:1.1; letter-spacing:.34em }
.kz-auf__titel{ font-family:var(--grotesk); font-weight:900;
  font-size:5.75rem; line-height:.94; letter-spacing:.01em }
.kz-auf__spruch{ display:block; margin:8px 0 0; padding-bottom:16px;
  font-family:var(--grotesk); font-weight:600; font-size:.95rem;
  letter-spacing:.34em; border-bottom:2px solid var(--akzent);
  max-width:32ch }
.kz-auf__bild{ height:265px }
.kz-auf__bild img{ height:265px }

/* ---------- Filterleiste ---------- */
.kz-filter{ padding:11px var(--rand) }
.kz-knopf{ font-family:var(--grotesk); font-weight:600; font-size:.78rem;
  letter-spacing:.14em; padding:10px 22px }
.kz-ansicht{ font-family:var(--grotesk); font-weight:600; font-size:.78rem;
  letter-spacing:.14em }

/* ---------- Kacheln ---------- */
#remode-termine .terminsatz{ gap:9px; padding:16px var(--rand) }
#remode-termine .termin{ padding:12px 16px;
  grid-template-columns:96px 190px minmax(0,1fr) auto auto 24px;
  column-gap:20px }
#remode-termine .termin__wtag{ font-family:var(--grotesk); font-weight:700;
  font-size:.8rem; letter-spacing:.14em }
#remode-termine .termin__zahl{ font-family:var(--grotesk); font-weight:700;
  font-size:2.5rem; line-height:1 }
#remode-termine .termin__monat,
#remode-termine .termin__jahr{ font-family:var(--grotesk); font-size:.7rem;
  letter-spacing:.14em }
.kz-bild{ height:66px }
#remode-termine .termin__ort{ font-family:var(--grotesk); font-weight:700;
  font-size:1.42rem; letter-spacing:.04em }
#remode-termine .termin__venue{ font-size:1.16rem }
#remode-termine .termin__fein{ font-family:var(--grotesk); font-size:.8rem;
  line-height:1.85 }
.termin .kz-claim{ height:60px }
.termin .kz-claim i{ font-family:var(--grotesk); font-weight:600; font-size:.78rem;
  letter-spacing:.18em }
#remode-termine a.termin__karten{ font-family:var(--grotesk); font-weight:700;
  font-size:.8rem; letter-spacing:.14em; padding:13px 30px }
#remode-termine .termin__preis{ font-family:var(--grotesk); font-size:.72rem }
#remode-termine .termin__vermerk{ font-family:var(--grotesk); font-size:.74rem }


/* ---------- Nachgemessen gegen den Entwurf: drei Fehler ----------
   1. Der aktive Menuepunkt hatte zwei Striche: die alte cremefarbene
      Linie aus ::after und die neue rote Unterkante.
   2. Die Kacheln standen doppelt eingerueckt — .teil und .terminsatz
      hatten beide den Seitenrand.
   3. Die Kacheln sind Absaetze und trugen deren Aussenabstand, dadurch
      42 px Luft statt 10 px. */

#remode-termine .terminsatz{ padding-left:0; padding-right:0;
  padding-top:10px; padding-bottom:10px; gap:10px }
#remode-termine .termin{ margin:0; padding:11px 16px }
#remode-termine .termin__fein{ margin-top:3px; line-height:1.7 }
#remode-termine .termin__adresse + .termin__punkt{ display:none }
#remode-termine .termin__zahl{ font-size:2.3rem }
#remode-termine .termin__ort{ font-size:1.34rem }
#remode-termine .termin__venue{ font-size:1.1rem }
.kz-bild{ height:60px }
.termin .kz-claim{ height:54px }


/* ============================================================
   Konzerte-Seite — 1:1 nach dem Entwurf ausgemessen.
   Der Entwurf ist 1672 px breit. --sk rechnet jedes gemessene
   Mass auf die tatsaechliche Fensterbreite um, damit die
   Verhaeltnisse bei jeder Breite stimmen.
   ============================================================ */
:root{
  /* Der Entwurf ist 1672 breit. --sk rechnet jedes gemessene Mass auf die
     Fensterbreite um. Nach unten begrenzt, damit die Schrift auf schmalen
     Schirmen nicht unlesbar wird. */
  --sk:max(0.66px, calc(100vw / 1672));
  --display:"Oswald","Archivo","Helvetica Neue",Arial,sans-serif;
  --grotesk:"Archivo","Helvetica Neue",Arial,sans-serif;
}
/* Gemessener Seitenrand: 48 px von 1672 */
body:has(.kz-auf){ --rand:calc(48 * var(--sk)) }

/* Kopfleiste: steht jetzt allein in gemein.css */

/* ---------- Aufmacher: 76 bis 319, Text bei x=92 ---------- */
.kz-auf{ min-height:calc(243 * var(--sk)); padding-left:calc(92 * var(--sk));
  grid-template-columns:minmax(0,calc(560 * var(--sk))) minmax(0,1fr);
  align-items:center }
.kz-auf__satz{ padding:0 }
.kz-auf__jahr{ margin:0; font-family:var(--display); font-weight:600;
  font-size:calc(37 * var(--sk)); line-height:calc(40 * var(--sk));
  letter-spacing:.1em }
.kz-auf__titel{ font-family:var(--display); font-weight:700;
  font-size:calc(112 * var(--sk)); line-height:calc(94 * var(--sk));
  letter-spacing:.005em }
.kz-auf__spruch{ display:block; margin:calc(20 * var(--sk)) 0 0;
  padding-bottom:calc(15 * var(--sk)); max-width:calc(311 * var(--sk));
  font-family:var(--display); font-weight:400; font-size:calc(18 * var(--sk));
  line-height:calc(22 * var(--sk)); letter-spacing:.24em;
  border-bottom:calc(2 * var(--sk)) solid var(--akzent) }
.kz-auf__bild{ height:calc(243 * var(--sk)) }
.kz-auf__bild img{ height:calc(243 * var(--sk)) }

/* ---------- Filterleiste: 319 bis 368, Knopf 31 hoch ---------- */
.kz-filter{ padding:calc(9 * var(--sk)) var(--rand) }
.kz-knopf{ font-family:var(--display); font-weight:500;
  font-size:calc(13 * var(--sk)); letter-spacing:.14em;
  padding:calc(9 * var(--sk)) calc(22 * var(--sk)) }
.kz-filter__links{ gap:calc(8 * var(--sk)) }
.kz-ansicht{ font-family:var(--display); font-weight:500;
  font-size:calc(13 * var(--sk)); letter-spacing:.14em }
.kz-filter__rechts{ gap:calc(26 * var(--sk)) }

/* ---------- Kacheln: Hoehe 88, Abstand 8 ---------- */
#remode-termine .terminsatz{ gap:calc(8 * var(--sk));
  padding:calc(12 * var(--sk)) 0 }
#remode-termine .termin{
  grid-template-columns:calc(82 * var(--sk)) calc(184 * var(--sk))
    minmax(0,1fr) calc(201 * var(--sk)) calc(130 * var(--sk)) calc(12 * var(--sk));
  column-gap:calc(30 * var(--sk));
  min-height:calc(88 * var(--sk));
  padding:calc(9 * var(--sk)) calc(22 * var(--sk)); margin:0 }
#remode-termine .termin__wtag{ font-family:var(--display); font-weight:600;
  font-size:calc(14 * var(--sk)); line-height:calc(16 * var(--sk));
  letter-spacing:.14em }
#remode-termine .termin__zahl{ font-family:var(--display); font-weight:600;
  font-size:calc(48 * var(--sk)); line-height:calc(44 * var(--sk)) }
#remode-termine .termin__monat,
#remode-termine .termin__jahr{ font-family:var(--display); font-weight:400;
  font-size:calc(12 * var(--sk)); letter-spacing:.14em }
#remode-termine .termin__mj{ line-height:calc(15 * var(--sk)) }
.kz-bild{ height:calc(54 * var(--sk)) }
#remode-termine .termin__ort{ font-family:var(--display); font-weight:600;
  font-size:calc(25 * var(--sk)); line-height:calc(28 * var(--sk));
  letter-spacing:.03em }
#remode-termine .termin__venue{ font-size:calc(21 * var(--sk));
  line-height:calc(24 * var(--sk)) }
#remode-termine .termin__fein{ font-family:var(--grotesk); font-weight:400;
  font-size:calc(13 * var(--sk)); line-height:calc(20 * var(--sk));
  margin-top:calc(4 * var(--sk)) }
.termin .kz-claim{ height:calc(52 * var(--sk)) }
.termin .kz-claim i{ font-family:var(--display); font-weight:500;
  font-size:calc(13 * var(--sk)); line-height:calc(19 * var(--sk));
  letter-spacing:.16em }
#remode-termine .termin__rechts{ min-width:0; gap:calc(6 * var(--sk)) }
#remode-termine a.termin__karten{ font-family:var(--display); font-weight:600;
  font-size:calc(14 * var(--sk)); letter-spacing:.14em;
  padding:calc(9 * var(--sk)) 0; border-radius:calc(2 * var(--sk)) }
#remode-termine .termin__preis{ font-family:var(--grotesk);
  font-size:calc(12 * var(--sk)) }
#remode-termine .termin__vermerk{ font-family:var(--display); font-weight:500;
  font-size:calc(14 * var(--sk)); letter-spacing:.14em }
.kz-pfeil{ width:calc(12 * var(--sk)); font-size:calc(20 * var(--sk)) }

/* Kleine Fenster: das feste Raster faellt weg */
@media (max-width:820px){
  body:has(.kz-auf){ --rand:clamp(16px,4vw,40px) }
  .kz-auf{ grid-template-columns:1fr; padding:24px var(--rand); min-height:0 }
  .kz-auf__titel{ font-size:clamp(2.6rem,11vw,5rem); line-height:1 }
  .kz-auf__jahr{ font-size:clamp(1.1rem,3.6vw,1.8rem); line-height:1.2 }
  .kz-auf__spruch{ font-size:clamp(.7rem,1.8vw,1rem); max-width:none }
  #remode-termine .termin{ grid-template-columns:auto minmax(0,1fr);
    column-gap:16px; min-height:0; padding:12px 14px }
  #remode-termine .termin__zahl{ font-size:2.2rem; line-height:1 }
  #remode-termine .termin__ort{ font-size:1.2rem }
  #remode-termine .termin__fein{ font-size:.78rem; line-height:1.7 }
  #remode-termine a.termin__karten{ font-size:.72rem; padding:10px 18px }
}


/* ---------- Nachgemessen: Icons, Datum, Titelbreite ---------- */

/* Datum: Wochentag 10, Zahl 30, Monat/Jahr 9 Versalhoehe; Block 69 hoch */
#remode-termine .termin__wtag{ font-size:calc(15 * var(--sk));
  line-height:calc(17 * var(--sk)) }
#remode-termine .termin__zahl{ font-size:calc(42 * var(--sk));
  line-height:calc(38 * var(--sk)) }
#remode-termine .termin__monat,
#remode-termine .termin__jahr{ font-size:calc(13 * var(--sk)) }
#remode-termine .termin__mj{ line-height:calc(16 * var(--sk));
  margin-top:calc(3 * var(--sk)) }

/* Die Ueberschrift fuellt genau die im Entwurf gemessene Breite.
   Die Schriftgroesse richtet sich danach, damit das Verhaeltnis von
   Hoehe zu Breite stimmt, egal welche Schrift geladen ist. */
.kz-auf__titel{ width:calc(423 * var(--sk)); white-space:nowrap }


/* ---------- Aufmacher: die drei Zeilen (vgl. Entwurf) ----------
   Buendig links, eng beieinander, die Ueberschrift senkrecht gestreckt,
   die Linie darunter laeuft nach rechts aus. */
.kz-auf__jahr{ font-weight:500; margin:0; padding:0;
  font-size:calc(37 * var(--sk)); line-height:calc(38 * var(--sk)) }
.kz-auf__titel{ display:block; margin:calc(4 * var(--sk)) 0 0; padding:0;
  
  line-height:calc(80 * var(--sk)) }
.kz-auf__spruch{ position:relative; display:block; white-space:nowrap;
  max-width:none; width:calc(311 * var(--sk));
  margin:calc(14 * var(--sk)) 0 0; padding:0 0 calc(13 * var(--sk));
  border-bottom:0 }
/* Linie mit Auslauf nach rechts statt harter Kante */
.kz-auf__spruch::after{ content:""; position:absolute; left:0; right:0; bottom:0;
  height:calc(2 * var(--sk)); min-height:2px;
  background:linear-gradient(to right, var(--akzent) 0%, var(--akzent) 55%, rgba(225,29,46,0) 100%) }


/* ---------- Gegen die Folie nachgemessen (Durchgang 1) ----------
   Gemessene Abweichungen: Menue 90 zu weit links, Aufmachertext 11 bis 25
   zu hoch, Filterleiste 9 zu hoch, Kacheln 20 zu tief und 33 zu hoch. */

/* Das Menue steht im Entwurf nicht mittig zwischen Logo und Symbolen,
   sondern 44 weiter rechts. */

/* Der Aufmachertext haengt nicht in der Mitte, sondern 46 unter der
   Kopfzeile. */
.kz-auf{ align-items:start }
.kz-auf__satz{ padding-top:calc(46 * var(--sk)) }

/* Filterleiste: 49 hoch, nicht 57 */
.kz-filter{ padding-top:calc(5 * var(--sk)); padding-bottom:calc(5 * var(--sk)) }

/* Kacheln: 88 hoch, erste beginnt direkt unter der Filterleiste */
#remode-termine .terminsatz{ padding-top:calc(2 * var(--sk)) }
#remode-termine .termin{ padding-top:calc(5 * var(--sk));
  padding-bottom:calc(5 * var(--sk)) }
#remode-termine .termin__fein{ line-height:calc(18 * var(--sk));
  margin-top:calc(2 * var(--sk)) }
#remode-termine .termin__preis{ line-height:calc(14 * var(--sk)) }


/* ---------- Gegen die Folie nachgemessen (Durchgang 2) ----------
   Screenshot und Entwurf auf gleiche Breite gebracht und Pixel verglichen.
   Befund: Menue 8 zu hoch und 9 zu klein, LIVE 5 zu tief und 3 zu gross,
   rote Linie 6 zu hoch und 145 zu kurz, Filterknopf 4 zu hoch. */


/* LIVE: Versalhoehe 27, nicht 30 */
.kz-auf__jahr{ font-size:calc(34 * var(--sk)) }

/* Der Aufmachertext sitzt 5 hoeher */
.kz-auf__satz{ padding-top:calc(41 * var(--sk)) }

/* Rote Linie: bis x 425, also 333 breit, und 6 tiefer */
.kz-auf__spruch{ width:calc(333 * var(--sk));
  padding-bottom:calc(19 * var(--sk)) }
.kz-auf__spruch::after{
  background:linear-gradient(to right, var(--akzent) 0%, var(--akzent) 78%, rgba(225,29,46,0) 100%) }

/* Filterleiste: Knopf 31 hoch, mittig zwischen den beiden Linien.
   Vorher stand er 4 tiefer (9 oben, 5 unten) — das sah man: oben mehr
   Luft als unten. Jetzt 7 und 7, die Leiste bleibt gleich hoch. */
.kz-filter{ padding-top:calc(7 * var(--sk)); padding-bottom:calc(7 * var(--sk)) }
.kz-knopf{ padding-top:calc(7 * var(--sk)); padding-bottom:calc(7 * var(--sk)) }


/* ---------- Durchgang 3 ----------
   Menue 24 zu weit links, sein Strich 10 zu tief, die rote Linie unter
   dem Spruch 5 zu hoch und 51 zu kurz. Alles uebrige deckt sich. */
.kz-auf__spruch{ width:calc(384 * var(--sk));
  padding-bottom:calc(24 * var(--sk)) }


/* ---------- Aufmacher als Zeichnung ----------
   Die drei Zeilen stehen auf festen Koordinaten des Entwurfs. Kein
   Zeilenabstand, kein Innenabstand, keine Schriftmetrik kann sie
   verschieben. Das Bild liegt darunter. */
.kz-auf{ position:relative; display:block; padding:0;
  height:calc(243 * var(--sk)); min-height:0; overflow:hidden }
.kz-auf__bild{ position:absolute; inset:0; height:100%; width:100% }
.kz-auf__bild figure{ margin:0; height:100%; line-height:0 }
.kz-auf__bild img{ width:100%; height:100%; object-fit:cover; object-position:70% 28% }
.kz-auf__bild::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to right, var(--nacht) 0%, var(--nacht) 30%, rgba(11,11,12,.55) 46%, transparent 68%) }
@media (max-width:820px){
  .kz-auf{ height:auto; aspect-ratio:1672/243 }
}


/* Die Zeichnung hatte die Klasse des alten Textkastens und erbte dessen
   Innenabstand — dadurch rutschte sie nach rechts und wurde kleiner.
   Sie hat jetzt eine eigene Klasse und haengt links oben fest.
   Ausserdem: --sk ohne Untergrenze, sonst stimmen die Verhaeltnisse
   auf schmalen Schirmen nicht mehr. */
:root{ --sk:calc(100vw / 1672) }
.kz-auf{ padding:0 !important }

/* Im Entwurf ist der Bereich hinter dem Schriftzug schwarz; das Bild
   blendet erst dahinter ein. Gemessen: sichtbar ab etwa 40 Prozent. */
.kz-auf__bild::after{
  background:linear-gradient(to right,
    var(--nacht) 0%, var(--nacht) 38%,
    rgba(11,11,12,.72) 50%, rgba(11,11,12,.25) 64%, transparent 76%) }
.kz-auf__bild img{ object-position:64% 30% }


/* ---------- Feinjustage, im Container gegen den Entwurf gemessen ----------
   Seite bei exakt 1672 gerendert und Pixel fuer Pixel mit dem Entwurf
   verglichen. Restabweichung: null bis zwei Pixel. */


/* Glyphenmasse aus dem Entwurf gemessen: KONZERTE 106 hoch und 549 breit,
   LIVE 36 hoch, Spruch 13 hoch. Keine Streckung, keine Zeilenabstaende —
   die drei Zeilen stehen auf festen Grundlinien in der Zeichnung. */

/* ---------- Suchfeld in der Filterleiste ---------- */
.kz-suche{ display:flex; align-items:center; gap:calc(8 * var(--sk));
  height:calc(34 * var(--sk)); padding:0 calc(12 * var(--sk));
  border:1px solid var(--kante); border-radius:calc(2 * var(--sk));
  background:var(--nacht-2); transition:border-color .2s }
.kz-suche:focus-within{ border-color:rgba(225,29,46,.55) }
.kz-suche__lupe{ display:block; width:calc(15 * var(--sk)); height:calc(15 * var(--sk));
  color:var(--creme-still); flex:0 0 auto }
.kz-suche__lupe svg{ display:block; width:100%; height:100% }
.kz-suche input{ appearance:none; border:0; background:none; outline:0; padding:0;
  width:calc(150 * var(--sk)); color:var(--creme);
  font-family:var(--display); font-weight:500;
  font-size:calc(13 * var(--sk)); letter-spacing:.06em }
.kz-suche input::placeholder{ color:var(--creme-still); letter-spacing:.12em;
  text-transform:uppercase; font-size:calc(12 * var(--sk)) }
.kz-suche input::-webkit-search-cancel-button{ display:none }
.kz-suche__weg{ appearance:none; border:0; background:none; cursor:pointer; padding:0;
  color:var(--creme-still); font-size:calc(18 * var(--sk)); line-height:1 }
.kz-suche__weg:hover{ color:var(--creme) }

/* Hinweis, wenn nichts uebrig bleibt */
.kz-leer{ margin:0; padding:calc(26 * var(--sk)) var(--rand);
  font-family:var(--grotesk); font-size:calc(14 * var(--sk));
  color:var(--creme-leise); text-align:center }
.kz-zurueck{ appearance:none; border:0; background:none; cursor:pointer; padding:0;
  color:var(--akzent); font:inherit; text-decoration:underline }

@media (max-width:820px){
  .kz-suche{ height:34px; padding:0 12px; gap:8px }
  .kz-suche__lupe{ width:15px; height:15px }
  .kz-suche input{ width:130px; font-size:.82rem }
  .kz-suche input::placeholder{ font-size:.74rem }
  .kz-leer{ font-size:.9rem; padding:22px var(--rand) }

  /* Die Filterleiste rechnet sonst in Einheiten der Seitenbreite — auf
     dem Telefon waere die Beschriftung der Knoepfe drei Punkte hoch.
     Hier zaehlen wieder echte Punkte, und die Leiste bricht um: die
     Knoepfe oben, die Suche darunter ueber die ganze Breite. Ein Knopf
     ist so gross, dass ein Daumen ihn trifft. */
  .kz-filter{ padding:10px var(--rand); gap:10px }
  .kz-filter__links{ gap:6px }
  .kz-knopf{ font-size:.72rem; letter-spacing:.14em; padding:9px 14px }
  .kz-ansicht{ font-size:.72rem; letter-spacing:.14em }
  .kz-filter__rechts{ flex:1 1 100%; gap:14px }
  .kz-suche{ flex:1 1 auto }
  .kz-suche input{ width:100%; flex:1 1 auto }
}


/* ============================================================
   Der neue Satz — die Konzertseite ist die Vorlage.

   Was von dort uebernommen wird: der rote gesperrte Vorspann, die
   grossen Versalien in Anton mit dem grauen Verlauf, die gesperrte
   Unterzeile, die rote Haarlinie, das Mass --sk und das Verhalten beim
   Ueberfahren aus Konvention 13.

   Der Inhalt der Karten steht so, wie er von Jimdo kommt: die Klassen
   kontakt__rubrik, __haus, __person, __weg sind die des Bausteins. Hier
   wird nur gestaltet, nicht umgebaut und nichts dazugeschrieben.
   ============================================================ */

/* ---------- Aufmacher ohne Bild ---------- */
/* Titelsatz links, die Unterzeile aus dem Baustein rechts auf der Hoehe
   der roten Linie. Das spart eine ganze Zeile Hoehe, und die vier Karten
   stehen dadurch ohne Blaettern auf einer Ansicht. */
/* Der gemessene Seitenrand der Konzertseite ist 48 von 1672, nicht 76.
   Daran haengt der Aufmacher UND die Fusszeile — deshalb stand hier
   beides eingerueckt gegenueber der Konzertseite. */
body[data-neu]{ --rand:calc(48 * var(--sk)) }
@media (max-width:820px){ body[data-neu]{ --rand:clamp(16px,4vw,40px) } }

.nk-auf{ display:flex; align-items:flex-end; justify-content:space-between;
  gap:calc(40 * var(--sk));
  padding:calc(30 * var(--sk)) var(--rand) calc(22 * var(--sk));
  background:var(--nacht) }

/* Mit Kopfbild liegt der Satz darueber — dieselbe Anordnung wie auf der
   Konzertseite: Bild 82 Prozent breit und rechts buendig, nicht
   beschnitten, davor der Verlauf nach links. */
.nk-auf--bild{ position:relative; overflow:hidden; padding:0;
  display:flex; align-items:center; justify-content:flex-end }
.nk-auf--bild .nk-auf__bild{ position:relative; width:82%; line-height:0; flex:0 0 auto }
.nk-auf--bild .nk-auf__bild figure{ margin:0 }
.nk-auf--bild .nk-auf__bild img{ width:100%; height:auto; display:block }
.nk-auf--bild .nk-auf__bild::after{ content:""; position:absolute; inset:0; z-index:3;
  pointer-events:none;
  background:linear-gradient(to right,
    rgba(10,13,14,.94) 0%, rgba(10,13,14,.88) 24%,
    rgba(10,13,14,.58) 38%, rgba(10,13,14,.18) 48%, transparent 56%) }
.nk-auf--bild .nk-auf__satz{ position:absolute; left:var(--rand); top:50%;
  /* drei Einheiten tiefer — dann sitzt der Satz auf derselben Hoehe wie
     der Bannerblock der Konzertseite */
  transform:translateY(calc(-50% + 3 * var(--sk))); z-index:4 }
.nk-auf--bild .nk-auf__claim{ position:absolute; right:var(--rand); z-index:4;
  bottom:calc(30 * var(--sk)) }
.nk-auf__satz{ flex:0 0 auto }
/* Drei Sinnbilder im Mass von TOUR 2026 / 2027: 55 hoch, rot. */
.nk-auf__zeichen{ margin:0; display:flex; align-items:center;
  gap:calc(26 * var(--sk)); line-height:0; color:#fb2d36 }
.nk-auf__zeichen svg{ width:calc(55 * var(--sk)); height:calc(55 * var(--sk));
  display:block; flex:0 0 auto }
.nk-auf__vor{ margin:0 0 calc(8 * var(--sk));
  font-family:"SubCond","Oswald",var(--grotesk),sans-serif; font-weight:500;
  font-size:calc(21 * var(--sk)); letter-spacing:calc(5.6 * var(--sk));
  text-transform:uppercase; color:var(--akzent); line-height:1 }
.nk-auf__titel{ margin:0; line-height:0 }
/* Der Kasten des Zeichenfelds ist 240 hoch wie bei KONZERTE — damit sind
   die Versalien in beiden Koepfen gleich gross. */
.nk-titel{ display:block; height:calc(240 * var(--sk)); width:auto; overflow:visible;
  margin:calc(-30 * var(--sk)) 0 0 }
/* Der Spruch unter dem Titel, Mass und Farbe wie LAUT · LIVE · LEIDENSCHAFTLICH */
.nk-auf__spruch{ margin:calc(-20 * var(--sk)) 0 0;
  font-family:"SubCond","Oswald",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(26.43 * var(--sk)); letter-spacing:calc(12.86 * var(--sk));
  text-transform:uppercase; color:#d2d2d4; line-height:1 }
.nk-auf__linie{ margin-top:calc(19 * var(--sk)); height:calc(3 * var(--sk));
  width:calc(703 * var(--sk));
  background:linear-gradient(90deg,#f22f33 0%, #ff3537 8%, #ff3537 62%,
    rgba(255,53,55,.45) 82%, rgba(255,53,55,0) 100%) }
/* Die Unterzeile sitzt mit ihrer Grundlinie auf der roten Linie. */
.nk-auf__claim{ margin:0 0 calc(-2 * var(--sk)); text-align:right;
  font-family:"SubCond","Oswald",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(19 * var(--sk)); letter-spacing:calc(4.6 * var(--sk));
  text-transform:uppercase; color:var(--creme-leise); line-height:1.25 }
@media (max-width:820px){
  .nk-auf{ display:block; padding:28px var(--rand) 20px }
  .nk-auf__vor{ font-size:.7rem; letter-spacing:.22em; margin-bottom:6px }
  .nk-titel{ height:clamp(96px,30vw,180px); margin:-8vw 0 -5vw }
  .nk-auf__spruch{ font-size:.66rem; letter-spacing:.3em }
  .nk-auf__linie{ width:70%; height:2px; margin-top:12px }
  .nk-auf--bild{ display:block; padding:0 }
  .nk-auf--bild .nk-auf__bild{ width:100% }
  .nk-auf--bild .nk-auf__bild::after{
    background:linear-gradient(to bottom, rgba(10,13,14,.2) 0%, rgba(10,13,14,.92) 78%) }
  .nk-auf--bild .nk-auf__satz{ position:static; transform:none;
    padding:0 var(--rand) 18px; margin-top:-16px }
  .nk-auf--bild .nk-auf__claim{ position:static; padding:0 var(--rand) 16px }
  .nk-auf__linie{ width:60%; height:2px; margin-top:12px }
  .nk-auf__claim{ text-align:left; margin:14px 0 0;
    font-size:.7rem; letter-spacing:.2em }
}
/* Auf den neuen Seiten traegt der Aufmacher den Titel — die Rubrikzeile
   darueber waere dieselbe Angabe zweimal. */
body[data-seite="kontakt"] .teil > .rubrik{ display:none }

/* ---------- Die vier Karten ---------- */
body[data-seite="kontakt"] #rm-zeitung .teil{ padding:0 var(--rand) calc(30 * var(--sk)) }
/* Der Fuss der Zeitung liess 70 Pixel Luft stehen — auf dieser Seite
   nicht noetig, die vier Karten sollen auf eine Ansicht passen. */
body[data-seite="kontakt"] #rm-zeitung{ padding-bottom:calc(26 * var(--sk)) }

.kontakte{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:calc(20 * var(--sk)) }
@media (max-width:820px){ .kontakte{ grid-template-columns:1fr; gap:14px } }

/* Sinnbild und Rubrik stehen nebeneinander. Das Raster macht das ohne
   Eingriff in den Baustein — die Reihenfolge der Kinder bleibt, wie sie
   von Jimdo kommt. */
.kontakt__karte{ position:relative; height:100%;
  display:grid; grid-template-columns:auto 1fr;
  grid-template-areas:
    "zeichen rubrik"
    "haus    haus"
    "person  person"
    "wege    wege";
  align-content:start; column-gap:calc(14 * var(--sk));
  padding:calc(24 * var(--sk)) calc(28 * var(--sk)) calc(26 * var(--sk));
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  border:1px solid var(--kante); border-radius:2px;
  transition:box-shadow .3s ease }
/* Konvention 13: der Rahmen bleibt, es glimmt nur nach innen. */
.kontakt__karte:hover{
  box-shadow:inset 0 0 calc(30 * var(--sk)) rgba(242,237,228,.075),
             inset 0 0 calc(80 * var(--sk)) rgba(242,237,228,.035) }

.kontakt__zeichen{ grid-area:zeichen; align-self:center;
  display:block; line-height:0; color:var(--akzent) }
.kontakt__zeichen svg{ width:calc(26 * var(--sk)); height:calc(26 * var(--sk));
  display:block }

.kontakt__rubrik{ grid-area:rubrik; align-self:center; margin:0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(15 * var(--sk)); letter-spacing:calc(3.4 * var(--sk));
  text-transform:uppercase; color:var(--akzent); line-height:1 }
/* Die Haarlinie im Baustein ist ein <hr>, und die wirft inhalt() heraus
   (Zeitungsmoebel). Sie kommt darum als Oberkante des naechsten Absatzes
   zurueck — gleiches Bild, ohne den Baustein anzufassen. */
.kontakt__strich{ display:none }

.kontakt__haus{ grid-area:haus; margin:0;
  margin-top:calc(16 * var(--sk)); padding-top:calc(14 * var(--sk));
  border-top:1px solid var(--kante);
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(14 * var(--sk)); letter-spacing:calc(2.4 * var(--sk));
  text-transform:uppercase; color:#a8a9ab; line-height:1.2 }
.kontakt__person{ grid-area:person; margin:calc(7 * var(--sk)) 0 0;
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(36 * var(--sk)); line-height:1.02;
  letter-spacing:calc(1.2 * var(--sk));
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }

.kontakt__wege{ grid-area:wege; margin-top:calc(16 * var(--sk)) }
.kontakt__weg{ display:flex; align-items:baseline; gap:calc(12 * var(--sk));
  margin:0 0 calc(5 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(16 * var(--sk)); color:#dcdcde; line-height:1.35 }
.kontakt__weg:last-child{ margin-bottom:0 }
.kontakt__wort{ flex:0 0 calc(40 * var(--sk));
  font-weight:700; font-size:calc(12 * var(--sk));
  letter-spacing:calc(2 * var(--sk)); text-transform:uppercase;
  color:var(--creme-still) }
.kontakt__weg a{ border:0; color:#dcdcde; text-decoration:none;
  transition:color .25s ease, text-shadow .25s ease }
.kontakt__weg a:hover{ color:#ffffff;
  text-shadow:0 0 9px rgba(255,255,255,.45) }
@media (max-width:820px){
  body[data-seite="kontakt"] #rm-zeitung .teil{ padding-bottom:36px }
  .kontakt__karte{ padding:20px 18px 22px; column-gap:12px }
  .kontakt__zeichen svg{ width:24px; height:24px }
  .kontakt__rubrik{ font-size:.66rem; letter-spacing:.2em }
  .kontakt__haus{ font-size:.64rem; letter-spacing:.16em;
    margin-top:14px; padding-top:12px }
  .kontakt__person{ font-size:1.8rem }
  .kontakt__weg{ font-size:.92rem; gap:10px }
  .kontakt__wort{ flex-basis:40px; font-size:.58rem }
}


/* ============================================================
   Media — Musik und Video, im Satz der Konzertseite.
   Die Klassen sind die des Jimdo-Bausteins. Die Plattenhuellen sind
   heraus (Konvention: keine Depeche-Mode-Cover), die Titel, Jahre und
   Verweise stehen unveraendert.
   ============================================================ */

/* ---------- Sprungleiste ---------- */
/* Die Leiste unter dem Kopfbild wird oben UND unten eingefasst — genau wie
   die Filterleiste auf /konzerte. Ohne die obere Linie haengt das Bild unten
   frei; mit ihr steht es in einem Rahmen. Konvention, gilt auf jeder Seite. */
body[data-neu] .sprung{ position:static; z-index:30;
  background:var(--nacht);
  border-top:1px solid var(--kante); border-bottom:1px solid var(--kante);
  gap:calc(34 * var(--sk)); padding:calc(15 * var(--sk)) var(--rand) }
body[data-neu] .sprung a{ border:0;
  font-family:"SubCond","Oswald",var(--grotesk),sans-serif; font-weight:500;
  font-size:calc(14 * var(--sk)); letter-spacing:calc(2.6 * var(--sk));
  text-transform:uppercase; color:var(--creme-leise);
  padding-bottom:calc(4 * var(--sk));
  border-bottom:calc(2 * var(--sk)) solid transparent;
  transition:color .25s ease, border-color .25s ease }
body[data-neu] .sprung a:hover{ color:var(--akzent); border-bottom-color:var(--akzent) }

/* ---------- Abschnitt ----------
   Gilt fuer JEDE Seite im neuen Satz (body[data-neu]), nicht nur fuer
   Media. Die Schriftrollen stehen in Konvention 17. */
body[data-neu] #rm-zeitung .teil{ padding:calc(40 * var(--sk)) var(--rand) }
body[data-neu] #rm-zeitung .teil + .teil{ border-top:1px solid var(--kante) }
body[data-neu] #rm-zeitung{ padding-bottom:calc(20 * var(--sk)) }
body[data-neu] .teil > .rubrik{ margin:0 0 calc(6 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(14 * var(--sk)); letter-spacing:calc(3.4 * var(--sk));
  text-transform:uppercase; color:var(--akzent) }
/* Konvention 15: der Verlauf ist nur so hoch wie die Zeile. Die Punkte
   auf dem Ü von Anton stehen darueber und wuerden durchsichtig bleiben —
   "RUCKBLICKE" statt "RÜCKBLICKE". Das Polster oben zieht den Verlauf
   hoch, der negative Rand haelt den Satz an seinem Platz. */
body[data-neu] .schlagzeile{ margin:calc(-9 * var(--sk)) 0 calc(14 * var(--sk));
  padding-top:calc(9 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(52 * var(--sk)); line-height:1; letter-spacing:calc(1 * var(--sk));
  text-transform:uppercase;
  background-image:linear-gradient(180deg,#ffffff 0%,#ffffff 15%,#f4f4f5 47%,#cfcfd2 76%,#9fa0a3 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
body[data-neu] .schlagzeile span{ display:inline }

/* ---------- KONVENTION: Trennlinie -> Ueberschrift ----------
   Zwischen der Unterkante der Trennlinie und der Oberkante der Schlagzeile
   stehen ueberall 22. Vorher hing es davon ab, welche Seite gerade gebaut
   wurde: auf /presse klebte die Ueberschrift an der Linie (-3), auf /band
   stand sie weit weg (38).

   Zwei Werte fuer dieselbe Luecke, weil die Schlagzeile sich im neuen Satz
   mit -9 nach oben zieht (Konvention 15) und im alten nicht: 31 minus 9
   ergibt 22, und 22 bleiben 22. Die Regel greift nur, wenn direkt hinter
   der Rubrik wirklich eine Schlagzeile steht — jede andere Rubrik behaelt
   ihren Abstand. */
/* ---------- KONVENTION: Leiste -> erste Trennlinie ----------
   Zwischen der unteren Haarlinie der Sprungleiste und der ersten
   Trennlinie darunter stehen ueberall 40. Im neuen Satz macht das der
   obere Rand des Abschnitts (body[data-neu] .teil, padding 40). Auf
   Seiten im alten Satz gibt es dieses Polster nicht — dort schob der
   eigene Vorlauf der Rubrik (--abstand-oben, bis 72) die Linie 70 tief.
   Diese Regel zieht beides auf dasselbe Mass. */
#rm-zeitung .teil:first-child > .rubrik:first-child{ margin-top:40px }
body[data-neu] #rm-zeitung .teil:first-child > .rubrik:first-child{ margin-top:0 }

/* Konvention: der Abstand von einer Trennlinie zu dem, was darunter
   folgt, ist ueberall derselbe — gleich ob eine Schlagzeile kommt oder
   ein Baustein wie die Besetzung, das Repertoire, die Rueckblicke oder
   der Podcast. Vorher galt er nur vor .schlagzeile, sonst klebte die
   Linie am naechsten Element. */
.teil > .rubrik{ margin-bottom:22px }
body[data-neu] .teil > .rubrik{ margin-bottom:calc(22 * var(--sk)) }
/* Vor einer Schlagzeile steht 31 statt 22: Konvention 15 zieht den Satz
   mit margin-top:-9 wieder hoch, damit der Verlauf die Umlautpunkte
   mitnimmt. Gemessen stehen so unter jeder Trennlinie dieselben 22. */
body[data-neu] .teil > .rubrik:has(+ .schlagzeile){
  margin-bottom:calc(31 * var(--sk)) }
body[data-neu] #rm-zeitung .rmz-inhalt > p{ max-width:calc(900 * var(--sk));
  margin:0 0 calc(14 * var(--sk));
  /* Blocksatz mit Trennung ist Zeitungssatz — hier steht der Text links
     und wird nicht auseinandergezogen. */
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(19 * var(--sk)); line-height:1.6; color:var(--creme-leise) }

/* ---------- Audio: Kopf und "Zu hoeren bei" in einer Zeile ----------
   Die Zeile mit den vier Marken stand bisher als eigene Bank unter den
   Huellen und hat viel Hoehe gekostet. Sie steht jetzt rechts neben der
   Schlagzeile. Der Baustein bringt Kopf, Text, Huellen, Rubrik und Marken
   als Geschwister in zwei Ebenen mit — darum wird .rmz-inhalt aufgeloest
   (display:contents) und jedes Stueck bekommt seinen Platz ausdruecklich. */
body[data-seite="media"] #t0{ display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:calc(46 * var(--sk)) }
/* Hier steht die Schlagzeile als Gitterfeld, mittig ueber zwei Zeilen.
   Im Gitter verrechnet sich ihr negativer Rand nicht mit dem Abstand der
   Rubrik, wie er es im normalen Fluss tut, und die Zentrierung legt noch
   einmal Luft dazu: nachgemessen kommen hier 16 obendrauf. Mit 6 stehen
   also dieselben 22 Pixel Luft wie auf jeder anderen Seite. Wer an diesem
   Gitter etwas aendert, misst hier nach. */
body[data-seite="media"] #t0 > .rubrik{ grid-column:1 / -1; grid-row:1 }
body[data-seite="media"] #t0 > .schlagzeile{ grid-column:1; grid-row:2 / span 2;
  align-self:start; margin-bottom:0 }
body[data-seite="media"] #t0 > .rmz-inhalt{ display:contents }
body[data-seite="media"] #t0 > .rmz-inhalt > *{ grid-column:1 / -1; grid-row:4 }
body[data-seite="media"] #t0 > .rmz-inhalt > .platten{ grid-row:5 }
body[data-seite="media"] #t0 > .rmz-inhalt > .rubrik{
  grid-column:2; grid-row:2; align-self:end;
  border-top:0 !important; padding-top:0 !important;
  margin:0 0 calc(10 * var(--sk)) !important;
  text-align:right !important; white-space:nowrap }
body[data-seite="media"] #t0 > .rmz-inhalt > .rmm-dienste{
  grid-column:2; grid-row:3; align-self:start;
  margin:0 !important; justify-content:flex-end !important }

/* ---------- Die Veroeffentlichungen ---------- */
/* Ein Regal: die Huelle oben, darunter Titel und Jahr. Drei je Reihe,
   damit die Motive wirken koennen. */
.platten{ display:grid; grid-template-columns:repeat(6, minmax(0,1fr));
  gap:calc(16 * var(--sk)); margin-top:calc(26 * var(--sk)) !important }
.platte{ display:block; text-decoration:none;
  border:1px solid var(--kante); border-radius:2px; border-bottom:1px solid var(--kante);
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  transition:box-shadow .3s ease }
.platte:hover{ box-shadow:inset 0 0 calc(30 * var(--sk)) rgba(242,237,228,.075),
             inset 0 0 calc(80 * var(--sk)) rgba(242,237,228,.035) }
/* Bild nicht beschnitten (Konvention 12). */
.platte__rahmen{ display:block; line-height:0; position:relative;
  border-bottom:1px solid var(--kante) }
.platte__rahmen img{ display:block; width:100%; height:auto;
  aspect-ratio:1 / 1; object-fit:contain; background:#0a0d0e;
  transition:transform .5s ease }
.platte:hover .platte__rahmen img{ transform:scale(1.015) }
/* Ein Hauch Dunkel am Fuss der Huelle, damit die Schrift darunter
   nicht wie angeklebt wirkt. */
.platte__rahmen::after{ content:""; position:absolute; left:0; right:0; bottom:0;
  height:34%; pointer-events:none;
  background:linear-gradient(to bottom, rgba(10,13,14,0), rgba(10,13,14,.35)) }
.platte__titel{ display:block;
  padding:calc(13 * var(--sk)) calc(13 * var(--sk)) calc(13 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(21 * var(--sk)); line-height:1.06; letter-spacing:calc(.4 * var(--sk));
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  transition:filter .3s ease }
.platte:hover .platte__titel{ filter:drop-shadow(0 0 9px rgba(255,255,255,.35)) }
.platte__jahr{ display:block;
  padding:calc(6 * var(--sk)) calc(18 * var(--sk)) calc(16 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(13 * var(--sk)); letter-spacing:calc(2.6 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
/* Ohne Jahr bleibt der Fuss trotzdem gleich hoch, damit die Reihe steht. */
.platte:not(:has(.platte__jahr)) .platte__titel{
  padding-bottom:calc(16 * var(--sk)) }

/* ---------- Zu hoeren bei ----------
   Eigene Bank quer unter den Veroeffentlichungen, mittig — links am Rand
   stand die Zeile verloren. */
/* Die Haarlinie laeuft ueber die ganze Breite, die Beschriftung steht
   mittig darunter. Die Flex-Fassung aus gemein.css setzt einen <span>
   voraus, den der Baustein hier nicht hat — der blosse Text landete dabei
   links. Darum hier als eigene Bank. */
body[data-seite="media"] #rm-zeitung .rmz-inhalt .rubrik{
  max-width:none; display:block; text-align:center;
  border-top:1px solid var(--kante);
  padding-top:calc(30 * var(--sk));
  margin:calc(40 * var(--sk)) 0 calc(20 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(13 * var(--sk)); letter-spacing:calc(3.4 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
body[data-seite="media"] #rm-zeitung .rmz-inhalt .rubrik::before,
body[data-seite="media"] #rm-zeitung .rmz-inhalt .rubrik::after{ display:none }
body[data-seite="media"] #rm-zeitung .rmz-inhalt > p.rmm-dienste{ max-width:none }
.rmm-dienste{ max-width:none;
  display:flex; align-items:center; justify-content:center;
  gap:calc(34 * var(--sk)); margin:0 !important;
  padding-bottom:calc(6 * var(--sk)) }
.rmm-dienst{ display:block; box-sizing:content-box; flex:0 0 auto;
  width:calc(46 * var(--sk)); height:calc(46 * var(--sk));
  padding:calc(9 * var(--sk)); border:1px solid var(--kante); border-radius:50%;
  background-origin:content-box; background-clip:padding-box;
  background-size:100% 100%; background-repeat:no-repeat;
  border-bottom:1px solid var(--kante) !important; text-decoration:none !important;
  transform-origin:center bottom; will-change:transform;
  transition:transform .35s cubic-bezier(.2,1.4,.4,1), border-color .3s ease,
             box-shadow .3s ease }
.rmm-dienst:hover{ transform:translateY(-8px) scale(1.14);
  border-color:rgba(242,237,228,.45);
  box-shadow:0 0 18px rgba(242,237,228,.12) }
.rmm-dienst--spotify{ background-image:url("data:image/webp;base64,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"); }
.rmm-dienst--applemusic{ background-image:url("data:image/webp;base64,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"); }
.rmm-dienst--amazon{ background-image:url("data:image/webp;base64,UklGRmYTAABXRUJQVlA4WAoAAAAwAAAAXwAAXwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIiAcAAA2gBdm2aUvaZbVtd9k27uuvCts2btt6aNu2Xa76sm3bNh4j3rlx9lprrnXOrejviIAoSVId5AKKPMLsHsF/cP8TT8U6NSrfc8eNV1cq64pyz588vHfH5vV5l89YRqJl5eJAPK5spatvvP3eytVrb188d1beZdDTo2uCxlIpFahEiXot2mXMmfhvejuaDu3OxnSelCvBp3bo1nHij0vSFp0mVPSJ0OSIFmIpN2BIwSdT0xLtnyoOgpTiVgn6i/r9PNiRSF779szYo1pWRd9Sc8HWiV7GJCFaPZOfuSXeeL5fMX830AByAbtoG6Gye84fr8UYdT4sDkqwXpBmRSSBGI5aTptH1scVI8b5VcJ7TQTfxMDB8Vp+9Pm38cQHFQMsQZcBuixJ+zL/sTg+5N/QO23VzsOWJjP6Rv7Mb/3FT9P5YY6wRJPgDo8OOhIt7v4q/JDR6dHWGpQKmUqimmSN3Rep7St3AU2FqVBU8AkGnTVfG3skwopfwmtIZw+rcY8o3tTMGmRf8HtYxXu4M9b3yg6EgSjZ4KN9zbvCjcQulvf6GZEs5C/LeMz4OVcILzrsfMR8sGuFlIf6IU+KoyTzvzVdRuMCjigEhBeTqdJaftpCLMscIPqLLyxX1EdiI70pHAlzBHgkFKGwpQhYevLhI4abujjwkCG9QOPVkCb6wej4dEIzllat1Vu8et8gCK0BHnmbGDaTKuTIfiSQMxICxw2RiIGVnD+3KJEVmLJM1IoIEgu5ot1A2Zk42ldQgv0CLrBqP0LOTNStYCaMpwNvEQeVfoUV6WEKicKrkGotIoncA0kpb6PoJO+j0C0hhyg17yWKsQNgIsZW100BMQGPa0Vxx9ILvLakL/mJjGYVQZA5EB63PTrnspxA47loV7hExBBZMR9ilTppLbMy+iPl/Cj+HXSH47E9lneQrxr5wIm5LHr42cwTDqbQcq1RzJROUouZC8HKdvyPRdfATs5J8VSV0EiDvr2J7O+ED3moSb18H4MAtMwa+aEwCN5mKABBkdhhLv35UPjRaUwGTCnUe4KMYao1PMklaUpkzKJtI1YmRPOdr9Nhbdht5znnWgZGKGyHUxsMBBZgpKqzxWLnKj0YhoRUGEtqasAB4EZKS3UvCB9A1N+e62oXp9iYKDavFBqkgjQYVIPKMGqvdzWCFDNAtwYgEIUtcVAr4+A9nsejStIam11lNII0C0BAARuAhuSQFiGEy09pgJV3uHv9TPtEiek1kEnQ3xIQjzD0DAq1d+93t6Mg2RqDYgTH0C9C690h9N9+2N2k/4ioQ3st80YXzrgCTnPTCXeVEtJ2xh7RF4TKSWkDcRCQ2GvOuUqB5MLqjcVmMNzGhFAp15UNZAY0e4kkSrZiU1u2CKFCagEfi0tsA4O/jEWgFZU12cK54ptGmAYE3uNcbiVxElEL+h5vB7PQM0MBuc6dv9qJIh0X6+JcisB12HPOnbxRW4UhOG88q810J5w7fLs+qQQb48mKvde7oLAccm7vvVKPBlYCsMRUrSz7ndv5oOXdQk463ienh+QcfKdzm6uztaKXtcRYbEWBIIOoP8UlbHZufe0wZDNaywrl+aVY2y4bnMvdWVdU0YrkTWiH9wlOM59l4NMa2mBRSzWTlhqyCCRNpJYok/bFFHPbCUxhRoybhEfRAMStBwrmUcxOlBDmANVmI4EQAGg4BBruLIrcuR1i/+fi14XHwwIl1odssk7lQBO7IaWh13F8XkQX4Sth6gXWJB7/dSgn6SG0LoRcgYWr1cZUlMLpYbA/Jw2Iej3rM7g3amHCFcJfJcCPQxgj9RMwdAL8JluUw8o12LPI5chYUpAARYoxZIi3VCWeUqHgXFzAHMTzSVL46jlNiQh3MR6HyNfXpyimXtsKyiBzhHpOEr5JcphEWyo3Z+EZSPL20xoto7NLCVkkgUU4xyWIdzDrzPzuXoqxT1ihmeXdJRWeiuMKNoYivjkNPytLt1paITwJG/q7OY19TqYWW/7M4Q4AWo5tvEMggp3pZZ32tdZ+CTdWgEoMU/HeWoo3kkPSmgUG2kc+BKyW08iRSwB3kKfQQ8j4qIV7/ZeflxB0jDpKajmRFx/huxtjg/mmIMnlMzngiMqGpoTptsfHVpzHMjqoZwXogSpZT8RbY9ocM1DfR5uIovkDC58b8TQv/8guOG9QVk2EySWk1BTEUDdlRqE7Mub1sNieWOvz0fj2j8lq4v3yRsWkBuGBUXb/RGoOepReZh6iZGGz/BnRlk8DKyIs6JuRJHbTCfabcRyIJRHYuuATbSPzpvlfSly0FiigQyy0cO1Q9pi4Dsm3n3/E70CcAnyS1OXyrnvEegpNV9QjrV6xyOAfiOIXOCF0Uy+I9Zy//kd2N+NZBVU9EROz4/6QtmQWPM0WgSsPNnzVWoveScenOvPta5MJ02/KREppzf3sdJoug6mfFAwZUA5ml/KhwxX++pNL47Pkx0kdunVgq/hMPd3TJ053aX5y/5s4N9GuRX0aUcfWLporPuO0d8yeu3h77eqV777jpmsqlXVFuedOHNq/Y8sGJ57LZGj9lh37D504l1sUO7EDVlA4IOgJAAAwKgCdASpgAGAAPmEqkEYkIqGhKrVcUIAMCWwAtdXh2J6L5u+G0HL6w4V/ufYT5gHOS8wH8h/yH7Ye7n+M3us9AD+hf6/rBfQL/ab02fYo/bb9tPgD/lH+m/+PWAf//hRO1v+r/kd1snnP2y9VKmV7f74zyw/0fgrvGf5b/d/yp4SgAH5d/PP8nxpduB6q/7Pw9PEfYA/P3qsf3X/m/wnoJ+mP2R+Az9d/9960fsn9GT9gGgokxXO35ZLLZdpp3MV2jl7xoZb/oKnItdLQcGdhx82/sB6MzQcxMXW5t3ukYsFXMgOEK53UO15a+HucBNhlbklHdJ/aGnq2Gnv57TM/e+IOru/FqtyVWZpN9xTp8iejW6dfGao5XCQ1qrPtK9VdwSW4aQVi2Rhtv6UhzdjOWnpNqllKPmE3Xnh/hIm3yPfSmWkKVqsMLU9QWJzzyUPUIY+o9N7j4MFgAP7+sHL/zRryKXNxEvsSUiar2/ZCt8gLNX/iiq0TPcbQ6SmPM88c2cOHfPGSVUF6TuIxgOrCSgUVciIPjkQBRg13BUK4PEYK6vgELQEgv086veaXGSGCxSB1NIW6X3D745JT3b/zsI+1XSLisURj+DdRP3ako0j6+h6eoc7MWojZXszweoEVPcGSQwZ8fHt2qFAukb8C1nrHKCV6FvVf1ZHh2irberPTjWDFaZ9Uwxenmv8+3kPSMMPXdJcvyXxl+rE4PpGd1Zy7S9ZSDpuszHmlR+1seUTWr8L3Ig+sDt5TBAq1i4WZ4SexbaXeSLzRAElnVE8lrxjW2+9EOYyn8ijQlFjRn1+kK0KuKwOD9VsgHyg8Noop1MFS262yun/ff/5d2XRDBp+B1MgqufRC29ytr/G8w2tBY4/j+8FIOwGew1aiP9lI8I6+EqJNfTqQ5yaLDyq/Nq7rTqw9CLvLtPlUa0GQnOg/iaItow3aY4+Ub5apsM5xJLQzixK4jVdYXJkaP9R4Cq6ehBZTod/h0twRCDym85pecBzRZSZpY/wPqzhfl2lFtYnYsA31GotNapyGFdOfwxFT++YRaaYTaIqh2r21kGLqneFP9X/uwkmCc7QAw6vRv3Sn3rBZNcP+bgzt9B8l2y+XaofZkot620vy9w7+g8c0yrQPV/6Yv8xahv6UTgLHm63DY5v/exiv5I9Gm1cHkHkf008RgKC8aUBYjDfeuDAGmQ9rwl/ADVaUHj6bxrNtVORQoEEeCzkiGPe0PmM4nuF/5QK9eI8JIvK/i68VVElG1e6VWbbam5uP1wmeb4PV/dJwPfRq5zOFsivcexwT0EzC34/j8HR3t/83CJCZ1pDbyt62vLEqQ8ih4JJ1J33oiKZU0urdyOBeY7IGLTTMCuD06PfJlnhQIE/9Ciaa1MTjYfHO4Y+AdPc2HqbeoEGiz4CEEwZkiv+t0+FzhbhLtPsAv3dZdo/wzfByWkqI/uMtO9tTrkcFMH7nqdG24d2G4MQGK+ssC6AuQCPHGpLbX4sPpaptsFs+/e0i9BoISA7g7YdyT3B0Q75EmcoAuuOW1jtKACWP6i5nRchLT/gLv9stz7/Huxap2f1xfdlf/+JitmM4tv3kDB0ZkCWhibFUL70AvJnRXsJNdUEN04HYfn8k/frO4Us/ocEjw0rQ4nINWorhk4DollwgAuabuYhILRS+KyY0B83I23vXrRNhhS2VBr92bKgJL3+tgBWgbIqnHPQ0sPMWqzlaLF/PrYgmEZrAEaHZ+Y1pPLk39oHHiYNVquSNwasoXR/x8EYIJqucBSSzyQRpvYPXO6kH2iPrqMFjAlL9Tn4gvcZ+pXp/7/d2cquF5oxstf/t0M0TIUKa3PnLfB4tX5rHjVkcAv9dmcxeibg6hAm6AEMzKwOKcbrWvd+yhmaM3jKll+Dn++dIO2Dx5l/tk7DxPiObSFnZhutMk2p1bY+MInoOCSnp49T8JKXEU25lRwfU8stXwnln7BgB0a+rmz4rroLFhYJFi6bQ4dbVU0+6l9A1VXbQoruFdaVZKKsDPCF837fDY8/8A7D3+PKvxMv777RymJ/g4w+EP2sIkdnWM/v5xipwZ6vu4uE2G87usQWbyG6zpF2mlQUL2xmsb5s+985YYxn4pXMpkGHCITzJg31QTq83KELd5EW3+lhsM+xM1ucvpS3mr8zgT1nQcwuzkwXtdPv01qdes7hPpYPvAqaDvVV1zLGGzsic63zfgIFPjHfgIa6hpJ2b/6q6KZX+XsxRj9WZv/R26V2nb8W41teGMZdnwT0FdZS/9/gDFtv+Nwu6T6F2d+F2ZrlgqKnfvHDTony4S1X2bYck4R5fjkZQag3P/PCbjPhvBuhsUwZtlCt0n8GPX6ZlDHwtmGnfukZlxYBOoNP3ReQnD1yzUtVi05F/TWg5WXsv6YpHDte7Obd23vJ83PdE2HZxa3C15ezmKa/WVet2n54hw6jJOLjP3zhCzpAL/2790ww1b1jUkv/PdDdsw+615HDzUkWIcnAr6mcmzTmxCXyHYecRtcRi/MUVve3aHFQUD6l18Vo1iKeBIEDlfff3GfknbxHBC9/vtyeP1oWYt7U+ZXG5SJx0Bfnn2r8lTegvMirMRyvPQhNC2pnlUDef/GKCtiLqy/rFtsoHe7zlqgrP/oB/y21HdFE81UA7YiEwzNtTkwRjWdWLqthukoJOi8nGaBXYll/tcD/Jw6xe7rBMlmDZ8YX+TO1RBeZUc53cxtb+L7kqjTAMzCNx4JTbBZyjHXmkXBmt/T3I1QQLLLVzEeAYRYlaAzzzKe06FmRVgB/vUPwKZrnBWxBQM6tSDwoiNaC4uUIgeB2pqMw4fUVb8xr8KIPT9MtjgAdeaP/mi4fQqzy/daqFBmw0xEbHqd3dOcOdR08EERmkgAx4+AHoTQ74w4fjeXOney58F6TTVhJlMGGUpdbsLo500Kaasvwp4L9Vt5MCkef0M/+CLMjGTmli871Ncfd1RrKzHg51Je12I4AyvGBvlJjfEqODggX31F/+n+bs6/34iMjXH2nGb33VvEI8d9bVGuTfKgWpjHhmiN9vrIKMlkEOQ+wtQe305yDTeFVUXfDybN9bDWLMiQUcLcA53hJ5dU8jL3l+L4NpxzOG2J5Vs0oDOQxAozLoIWFII1oyd8hcTDz2q3TZz/aeZWvginI7fDA6YaRsrtkP0GeGndrSCHf6+KeOYCcGqfcybZZbWFE6ESnpN7cM0YsL1+wfXGrZnvYPMaQC+/672+tihcP/yNXpq4q8Ne9p+FogedcckQLs/iVjB/EYnmNwyNLgBghhji67DxTOsgZlf5XLfKJbK2KyxOvyBt8TjCVSbqS82FTkf5nX//Yjv/2GZ//2DBxt03Il5xrPXw9jUI3+4zQNwuyZMIi4AAAA"); }
.rmm-dienst--deezer{ background-image:url("data:image/webp;base64,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"); }

/* ---------- Die Filme ----------
   Drei Spalten, Vorschaubild oben, darunter Titel und Text. */
.filme{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:calc(18 * var(--sk)); margin-top:calc(26 * var(--sk)) }
.film{ display:flex; flex-direction:column;
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  transition:box-shadow .3s ease }
.film:hover{ box-shadow:inset 0 0 calc(30 * var(--sk)) rgba(242,237,228,.075),
             inset 0 0 calc(80 * var(--sk)) rgba(242,237,228,.035) }
.film__rahmen{ position:relative; display:block; cursor:pointer;
  aspect-ratio:16 / 9; overflow:hidden; background:#0a0d0e;
  border-bottom:1px solid var(--kante) }
.film__rahmen img{ width:100%; height:100%; object-fit:cover; display:block;
  transition:opacity .3s ease, transform .5s ease }
.film:hover .film__rahmen img{ opacity:.85; transform:scale(1.02) }
.film__rahmen iframe{ position:absolute; inset:0; width:100%; height:100%; border:0 }
.film__rahmen::after{ content:""; position:absolute; left:50%; top:50%;
  width:calc(52 * var(--sk)); height:calc(52 * var(--sk));
  transform:translate(-50%,-50%); border-radius:50%;
  background:#e11d2e url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 7.5v9l7.5-4.5z'/%3E%3C/svg%3E") center/56% no-repeat;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
  transition:transform .3s ease, box-shadow .3s ease; pointer-events:none }
.film__rahmen:has(iframe)::after{ display:none }
.film:hover .film__rahmen::after{ transform:translate(-50%,-50%) scale(1.12);
  box-shadow:0 0 18px rgba(225,29,46,.55), 0 0 44px rgba(225,29,46,.3) }
.film__titel{ display:block;
  padding:calc(14 * var(--sk)) calc(15 * var(--sk)) 0;
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(22 * var(--sk)); line-height:1.06;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
.film__text{ display:block; flex:1 1 auto;
  padding:calc(6 * var(--sk)) calc(15 * var(--sk)) calc(15 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(15 * var(--sk)); line-height:1.45; color:var(--creme-leise) }

@media (max-width:1400px){
  .platten{ grid-template-columns:repeat(3, minmax(0,1fr)) }
  .filme{ grid-template-columns:repeat(3, minmax(0,1fr)) }
}
@media (max-width:1100px){
  .platten{ grid-template-columns:repeat(2, minmax(0,1fr)) }
  .filme{ grid-template-columns:repeat(2, minmax(0,1fr)) }
}
@media (max-width:820px){
  body[data-neu] #rm-zeitung .teil{ padding:28px var(--rand) }
  body[data-neu] .teil > .rubrik{ font-size:.64rem; letter-spacing:.2em }
  /* Auf dem Telefon rechnet --sk nicht mehr mit — die Konvention steht
     dann in echten Pixeln. Das Audio-Gitter von /media faellt hier in eine
     Spalte zusammen, damit faellt auch sein Sonderwert weg: es gilt wieder
     derselbe Abstand wie ueberall. */
  body[data-neu] .teil > .rubrik,
  body[data-neu] .teil > .rubrik:has(+ .schlagzeile){ margin-bottom:22px }
  body[data-neu] .schlagzeile{ font-size:clamp(1.7rem,7vw,2.4rem) }
  body[data-neu] #rm-zeitung .rmz-inhalt > p{ font-size:.95rem;
    text-align:left; hyphens:none }
  body[data-seite="media"] #rm-zeitung .rmz-inhalt .rubrik{ font-size:.62rem;
    letter-spacing:.2em; margin:24px 0 12px }
  body[data-neu] .sprung{ gap:18px; padding:10px var(--rand) }
  body[data-neu] .sprung a{ font-size:.66rem }
  .platten{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px }
  .platte__titel{ font-size:1.25rem; padding:12px 12px 0 }
  .platte__jahr{ font-size:.58rem; padding:5px 12px 12px }
  .filme{ grid-template-columns:1fr; gap:12px }
  .film__titel{ font-size:1.2rem; padding:12px 12px 0 }
  .film__text{ font-size:.9rem; padding:5px 12px 12px }
  body[data-seite="media"] #rm-zeitung .rmz-inhalt .rubrik{ font-size:.6rem;
    letter-spacing:.2em; gap:12px; margin:26px 0 14px }
  .rmm-dienste{ gap:18px }
  .rmm-dienst{ width:38px; height:38px; padding:7px }
  .rmm-dienste{ gap:18px }
  .rmm-dienst{ width:34px; height:34px; padding:6px }
}


/* ---------- Reiter ---------- */
.reiter{ display:flex; align-items:stretch; gap:0;
  padding:0 var(--rand); background:var(--nacht);
  border-bottom:1px solid var(--kante) }
.reiter__knopf{ appearance:none; background:none; border:0; cursor:pointer;
  padding:calc(15 * var(--sk)) calc(26 * var(--sk));
  font-family:"SubCond","Oswald",var(--grotesk),sans-serif; font-weight:500;
  font-size:calc(14 * var(--sk)); letter-spacing:calc(2.6 * var(--sk));
  text-transform:uppercase; color:var(--creme-leise);
  border-bottom:calc(3 * var(--sk)) solid transparent;
  margin-bottom:-1px;
  transition:color .25s ease, border-color .25s ease }
.reiter__knopf:first-child{ padding-left:0 }
.reiter__knopf:hover{ color:var(--creme) }
.reiter__knopf.ist-an{ color:var(--akzent); border-bottom-color:var(--akzent) }
.reiter__knopf:focus-visible{ outline:1px solid var(--akzent); outline-offset:-4px }
@media (max-width:820px){
  .reiter{ overflow-x:auto; -webkit-overflow-scrolling:touch }
  .reiter__knopf{ padding:12px 16px; font-size:.68rem; letter-spacing:.16em;
    white-space:nowrap; border-bottom-width:2px }
}

/* ---------- Der Podcast ----------
   Huelle links, Text rechts. Bewusst als Umfluss und nicht als Raster:
   der Baustein bringt Ueberschrift, Bild und drei Absaetze als
   Geschwister mit, ein Raster wuerfelt die durcheinander. */
body[data-seite="media"] .rmrb-eins{ display:block; margin-top:calc(24 * var(--sk)) }
/* Zwei Spalten: links die Huelle ueber die volle Hoehe, rechts die
   Ueberschrift, darunter der Text, und ganz unten — auf der Grundlinie
   des Bildes — die Zeile "Zu hoeren bei". Der Baustein bringt Kopf, Bild
   und Absaetze als Geschwister mit, darum bekommt jedes Stueck seinen
   Platz im Raster ausdruecklich zugewiesen; auf Umfluss laesst sich die
   Grundlinie nicht halten. */
body[data-seite="media"] #t2 .rmz-inhalt{ display:flow-root }
body[data-seite="media"] #t2 .rmrb-sp{
  display:grid;
  grid-template-columns:calc(300 * var(--sk)) 1fr;
  grid-template-rows:auto auto 1fr auto;
  column-gap:calc(38 * var(--sk)) }
body[data-seite="media"] #t2 .rmrb-sp > .rmrb-bild{ grid-column:1; grid-row:1 / -1 }
body[data-seite="media"] #t2 .rmrb-sp > .rmrb-kopf{ grid-column:2; grid-row:1 }
body[data-seite="media"] #t2 .rmrb-sp > .rm-block:nth-of-type(1){ grid-column:2; grid-row:2 }
body[data-seite="media"] #t2 .rmrb-sp > .rm-block:nth-of-type(2){ grid-column:2; grid-row:3 }
body[data-seite="media"] #t2 .rmrb-sp > .rmrb-hoerbar{
  grid-column:2; grid-row:4; align-self:end;
  margin:0 !important }
body[data-seite="media"] .rmrb-kopf{ margin:0 0 calc(16 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(44 * var(--sk)); line-height:1; text-transform:uppercase;
  background-image:linear-gradient(180deg,#ffffff 0%,#f4f4f5 38%,#cfcfd2 72%,#9fa0a3 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
body[data-seite="media"] .rmrb-bild{ width:100%; margin:0 }
body[data-seite="media"] .rmrb-bild figure{ margin:0; line-height:0 }
body[data-seite="media"] .rmrb-bild a{ display:block; border:0; line-height:0;
  overflow:hidden; border-radius:2px; border:1px solid var(--kante) }
body[data-seite="media"] .rmrb-bild img{ width:100%; height:auto; display:block;
  transition:transform .5s ease }
body[data-seite="media"] .rmrb-bild a:hover img{ transform:scale(1.03) }
body[data-seite="media"] .rmrb-sp > p,
body[data-seite="media"] .rm-block{ text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(18 * var(--sk)); line-height:1.6; color:var(--creme-leise);
  margin:0 0 calc(13 * var(--sk)) }
body[data-seite="media"] .rmrb-sp a{ color:var(--creme);
  border-bottom:1px solid rgba(242,237,228,.3); text-decoration:none;
  transition:color .25s ease, border-color .25s ease }
body[data-seite="media"] .rmrb-sp a:hover{ color:#ffffff; border-bottom-color:#ffffff }

/* Zu hoeren bei — dieselben vier Marken wie beim Album, aus dem
   Baustein uebernommen, dessen Stilblock inhalt() nicht mitnimmt. */
body[data-seite="media"] .rmrb-hoerbar{ clear:none;
  display:flex; align-items:center;
  gap:calc(22 * var(--sk)); margin-top:calc(22 * var(--sk)) !important;
  padding-top:0; border-top:0;
  flex-wrap:wrap }
.rmrb-hoerbar__wort{ font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif;
  font-weight:700; font-size:calc(13 * var(--sk)); letter-spacing:calc(3 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
.rmrb-dienste{ display:flex; align-items:center; gap:calc(18 * var(--sk)) }
.rmrb-dienst{ display:block; box-sizing:content-box; flex:0 0 auto;
  width:calc(34 * var(--sk)); height:calc(34 * var(--sk));
  padding:calc(6 * var(--sk)); border:1px solid var(--kante); border-radius:50%;
  background-origin:content-box; background-clip:padding-box;
  background-size:100% 100%; background-repeat:no-repeat;
  border-bottom:1px solid var(--kante) !important; text-decoration:none !important;
  transform-origin:center bottom;
  transition:transform .3s ease, border-color .3s ease }
.rmrb-dienst:hover{ transform:translateY(-6px) scale(1.14);
  border-color:rgba(242,237,228,.4) }
.rmrb-dienst--spotify{ background-image:url("data:image/webp;base64,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"); }
.rmrb-dienst--apple{ background-image:url("data:image/webp;base64,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"); }
.rmrb-dienst--amazon{ background-image:url("data:image/webp;base64,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"); }
.rmrb-dienst--deezer{ background-image:url("data:image/webp;base64,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"); }

@media (max-width:820px){
  body[data-seite="media"] .rmrb-kopf{ font-size:1.5rem }
  .rmrb-hoerbar__wort{ font-size:.6rem; letter-spacing:.18em }
  .rmrb-dienst{ width:30px; height:30px; padding:5px }
  body[data-seite="media"] #t2 .rmrb-sp{ display:block }
  body[data-seite="media"] .rmrb-bild{ width:62%; max-width:none;
    margin:0 0 14px }
  body[data-seite="media"] #t2 .rmrb-sp > .rmrb-hoerbar{
    margin-top:22px !important }
  body[data-seite="media"] .rmrb-sp > p{ font-size:.95rem }
  body[data-seite="media"] .rmrb-sp p,
  body[data-seite="media"] .rm-block{ font-size:.95rem }
}


/* ============================================================
   PRESSE — das Pressematerial im Satz der Konzertseite.
   Der Baustein von Jimdo bleibt, wie er ist; gestaltet wird von
   hier aus (Konvention 16). Die Bildunterschriften bleiben stehen,
   sie tragen Motivangabe, Bildnachweis und die Ladeknoepfe.
   ============================================================ */

/* Grundlage: im Presseteil gilt ueberall die neue Schrift und linksbuendiger
   Satz. Der Zeitungssatz (#rm-zeitung .rmz-inhalt p ...) haengt an einer
   Kennung, darum braucht auch diese Regel eine — sonst gewinnt er.
   :where() haelt die Spezifitaet flach, damit die Einzelregeln darunter
   weiter greifen. */
body[data-seite="presse"] #rm-zeitung :where(.rmz-inhalt) :where(p, li, span, a, summary, figcaption, h2, h3, h4, div){
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif;
  text-align:left; hyphens:none }

/* ---------- Abschnitt im Abschnitt ---------- */
body[data-seite="presse"] #rm-zeitung .rmz-teil{ margin:0 0 calc(54 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-teil:last-child{ margin-bottom:0 }
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf{ margin:0 0 calc(22 * var(--sk));
  border-top:1px solid var(--kante); padding-top:calc(24 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-teil:first-child .rmz-teilkopf{
  border-top:0; padding-top:calc(12 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2{ margin:calc(-6 * var(--sk)) 0 calc(10 * var(--sk)); padding-top:calc(6 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(34 * var(--sk)); line-height:1.02; letter-spacing:calc(.6 * var(--sk));
  text-transform:uppercase;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p{ margin:0; max-width:calc(900 * var(--sk));
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(18 * var(--sk)); line-height:1.6; color:var(--creme-leise) }

/* ---------- Die Galerien ----------
   Eine Reihe passt sich der Zahl der Stuecke an: zwei Bandfotos werden
   breit, fuenf Musikerportraits schmal. Kein Beschnitt (Konvention 12). */
body[data-seite="presse"] #rm-zeitung .rmz-galerie{ display:grid;
  grid-template-columns:repeat(auto-fit, minmax(calc(280 * var(--sk)), 1fr));
  gap:calc(18 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-galerie figure{ margin:0;
  display:flex; flex-direction:column;
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  transition:box-shadow .3s ease }
body[data-seite="presse"] #rm-zeitung .rmz-galerie figure:hover{
  box-shadow:inset 0 0 calc(30 * var(--sk)) rgba(242,237,228,.075),
             inset 0 0 calc(80 * var(--sk)) rgba(242,237,228,.035) }
body[data-seite="presse"] #rm-zeitung .rmz-medium{ line-height:0; background:#0a0d0e;
  border-bottom:1px solid var(--kante); overflow:hidden }
body[data-seite="presse"] #rm-zeitung .rmz-medium img,
body[data-seite="presse"] #rm-zeitung .rmz-medium video{ display:block; width:100%; height:auto;
  transition:transform .5s ease }
body[data-seite="presse"] #rm-zeitung .rmz-galerie figure:hover .rmz-medium img{ transform:scale(1.015) }

/* ---------- Die Bildunterschrift ----------
   Reihenfolge im Baustein: Kennzeile, Name, Beschreibung, darunter der
   Kasten mit Nachweis und Ladeknoepfen. */
body[data-seite="presse"] #rm-zeitung figcaption{ display:flex; flex-direction:column;
  flex:1 1 auto; padding:calc(16 * var(--sk)) calc(16 * var(--sk)) calc(14 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung figcaption > p:first-child{ margin:0 0 calc(6 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(12.5 * var(--sk)); letter-spacing:calc(2.4 * var(--sk));
  text-transform:uppercase; color:#a8a9ab }
body[data-seite="presse"] #rm-zeitung figcaption h4{ margin:calc(-6 * var(--sk)) 0 calc(8 * var(--sk)); padding-top:calc(6 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(24 * var(--sk)); line-height:1.06; text-transform:none;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
body[data-seite="presse"] #rm-zeitung figcaption > p{ margin:0 0 calc(10 * var(--sk));
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(15.5 * var(--sk)); line-height:1.45; color:var(--creme-leise) }
body[data-seite="presse"] #rm-zeitung figcaption > div{ margin-top:auto;
  border-top:1px solid var(--kante); padding-top:calc(12 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung figcaption > div > p{ margin:0 0 calc(10 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(13 * var(--sk)); line-height:1.5; color:var(--creme-still) }
body[data-seite="presse"] #rm-zeitung figcaption > div > p:last-child{ margin-bottom:0;
  display:flex; flex-wrap:wrap; gap:calc(8 * var(--sk)) }

/* ---------- Die Ladeknoepfe ---------- */
body[data-seite="presse"] #rm-zeitung .rm-btn{ display:inline-block;
  padding:calc(7 * var(--sk)) calc(12 * var(--sk));
  border:1px solid rgba(242,237,228,.28) !important; border-radius:2px;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(11.5 * var(--sk)); letter-spacing:calc(1.4 * var(--sk));
  text-transform:uppercase; color:var(--creme-leise); text-decoration:none !important;
  white-space:nowrap; transition:color .25s ease, border-color .25s ease, background .25s ease }
body[data-seite="presse"] #rm-zeitung .rm-btn:hover{ color:#0b0b0c; background:var(--creme);
  border-color:var(--creme) !important }

/* ---------- Die drei Pressetext-Fassungen ---------- */
body[data-seite="presse"] #rm-zeitung .rmz-fassungen{ display:grid;
  grid-template-columns:repeat(auto-fit, minmax(calc(320 * var(--sk)), 1fr));
  gap:calc(18 * var(--sk)); align-items:start }
body[data-seite="presse"] #rm-zeitung .rmz-fassungskarte{
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  padding:calc(18 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-fassungskarte > p:first-child{
  margin:0 0 calc(12 * var(--sk)); padding-bottom:calc(10 * var(--sk));
  border-bottom:1px solid var(--kante);
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(12.5 * var(--sk)); letter-spacing:calc(2.4 * var(--sk));
  text-transform:uppercase; color:var(--akzent) }
body[data-seite="presse"] #rm-zeitung .rmz-inhalt .rmz-fassungstext p{ margin:0 0 calc(11 * var(--sk));
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(16 * var(--sk)); line-height:1.55; color:var(--creme-leise) }
body[data-seite="presse"] #rm-zeitung .rmz-inhalt .rmz-fassungstext p:last-child{ margin-bottom:0 }

/* ---------- Fussnoten der Abschnitte ---------- */
body[data-seite="presse"] #rm-zeitung .rmz-teilfuss{ margin-top:calc(16 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-teilfuss p,
body[data-seite="presse"] #rm-zeitung .rmz-nachweis{ margin:calc(14 * var(--sk)) 0 0;
  display:flex; justify-content:space-between; gap:calc(18 * var(--sk)); flex-wrap:wrap;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(12.5 * var(--sk)); letter-spacing:calc(1.6 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }

@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2{ font-size:1.4rem }
  body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p{ font-size:.95rem }
  body[data-seite="presse"] #rm-zeitung .rmz-galerie,
  body[data-seite="presse"] #rm-zeitung .rmz-fassungen{ grid-template-columns:1fr; gap:12px }
  body[data-seite="presse"] #rm-zeitung figcaption{ padding:12px }
  body[data-seite="presse"] #rm-zeitung figcaption h4{ font-size:1.15rem }
  body[data-seite="presse"] #rm-zeitung figcaption > p{ font-size:.9rem }
  body[data-seite="presse"] #rm-zeitung figcaption > p:first-child{ font-size:.6rem; letter-spacing:.18em }
  body[data-seite="presse"] #rm-zeitung figcaption > div > p{ font-size:.78rem }
  body[data-seite="presse"] #rm-zeitung .rm-btn{ font-size:.62rem; letter-spacing:.12em; padding:6px 10px }
  body[data-seite="presse"] #rm-zeitung .rmz-fassungskarte{ padding:14px }
  body[data-seite="presse"] #rm-zeitung .rmz-fassungskarte > p:first-child{ font-size:.6rem; letter-spacing:.18em }
  body[data-seite="presse"] #rm-zeitung .rmz-fassungstext p{ font-size:.92rem }
  body[data-seite="presse"] #rm-zeitung .rmz-teilfuss p,
  body[data-seite="presse"] #rm-zeitung .rmz-nachweis{ font-size:.6rem; letter-spacing:.12em }
}

/* ---------- Pressestimmen ----------
   Drei Zitate nebeneinander, darunter die Beitraege in drei Spalten,
   chronologisch von heute nach hinten. Keine Jahresbaenke mehr: das
   Datum steht in jeder Kachel, das reicht.

   Aufbau einer Kachel — so, wie Johannes es geschrieben hat:
     07 SEP 2025 · MADE IN BOCHOLT von Berthold Blesenkemper
     Die Ueberschrift
     die kleine Erlaeuterung darunter
   Datum und Medium stehen weiss und in einer Zeile, der Autor dahinter
   leiser. */

/* Die drei Zitate */
body[data-seite="presse"] #rm-zeitung .rmps-stimmen{ display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:calc(20 * var(--sk));
  margin:0 0 calc(34 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmps-zitat{
  margin:0; padding:calc(22 * var(--sk)) calc(20 * var(--sk));
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  /* senkrecht mittig, damit drei verschieden lange Zitate ruhig stehen */
  display:flex; flex-direction:column; justify-content:center;
  text-align:center }
/* Fuenf Sterne, nach aussen kleiner werdend — in der Mitte der groesste.
   Gold statt Rot: das Rot ist die Farbe der Knoepfe und der Marke, ein
   Guetezeichen darf daneben eine eigene haben. */
body[data-seite="presse"] #rm-zeitung .rmps-stern{ display:flex;
  align-items:center; justify-content:center; gap:calc(3 * var(--sk));
  margin:0 0 calc(12 * var(--sk)); color:#e8b43c; line-height:0 }
body[data-seite="presse"] #rm-zeitung .rmps-stern svg{ display:block; flex:0 0 auto }
/* Aussen klein und blass, zur Mitte hin groesser und voller:
   13/16/21 bei 80/90/100 Prozent Deckkraft. */
body[data-seite="presse"] #rm-zeitung .rmps-s1{ width:calc(13 * var(--sk)); height:calc(13 * var(--sk)); opacity:.8 }
body[data-seite="presse"] #rm-zeitung .rmps-s2{ width:calc(18 * var(--sk)); height:calc(18 * var(--sk)); opacity:.9 }
body[data-seite="presse"] #rm-zeitung .rmps-s3{ width:calc(21 * var(--sk)); height:calc(21 * var(--sk)); opacity:1 }
@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmps-s1{ width:13px; height:13px }
  body[data-seite="presse"] #rm-zeitung .rmps-s2{ width:18px; height:18px }
  body[data-seite="presse"] #rm-zeitung .rmps-s3{ width:21px; height:21px }
}
body[data-seite="presse"] #rm-zeitung .rmps-zitat p{ margin:0;
  text-align:center; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(17 * var(--sk)); line-height:1.45; color:var(--creme) }
body[data-seite="presse"] #rm-zeitung .rmps-zitat cite{ display:block;
  margin:calc(12 * var(--sk)) 0 0; font-style:normal;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(11.5 * var(--sk)); letter-spacing:calc(2 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }

/* Die Beitraege */
body[data-seite="presse"] #rm-zeitung .rmps-liste{ display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:calc(14 * var(--sk)); align-items:stretch }
body[data-seite="presse"] #rm-zeitung .rmps-item{ display:block;
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  padding:calc(15 * var(--sk)) calc(16 * var(--sk)); transition:box-shadow .3s ease }
body[data-seite="presse"] #rm-zeitung .rmps-item:hover{
  box-shadow:inset 0 0 calc(30 * var(--sk)) rgba(242,237,228,.075),
             inset 0 0 calc(80 * var(--sk)) rgba(242,237,228,.035) }
body[data-seite="presse"] #rm-zeitung .rmps-item a{ border:0 !important;
  text-decoration:none !important; color:inherit }

/* Die Kopfzeile: Datum, Medium, Autor — eine Zeile, drei Gewichte. */
body[data-seite="presse"] #rm-zeitung .rmps-kopf{ display:flex; flex-wrap:wrap;
  align-items:baseline; gap:0 calc(9 * var(--sk));
  margin:0 0 calc(7 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif;
  font-size:calc(12 * var(--sk)); letter-spacing:calc(1.9 * var(--sk));
  text-transform:uppercase; line-height:1.35 }
body[data-seite="presse"] #rm-zeitung .rmps-datum{ font-weight:700; color:#f2ede4;
  white-space:nowrap }
body[data-seite="presse"] #rm-zeitung .rmps-medium{ font-weight:700; color:#f2ede4 }
body[data-seite="presse"] #rm-zeitung .rmps-autor{ font-weight:400;
  letter-spacing:calc(1.2 * var(--sk)); text-transform:none;
  color:var(--creme-still) }

body[data-seite="presse"] #rm-zeitung .rmps-head{
  margin:calc(-5 * var(--sk)) 0 calc(7 * var(--sk)); padding-top:calc(5 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(21 * var(--sk)); line-height:1.1;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }
body[data-seite="presse"] #rm-zeitung .rmps-head a{ color:transparent }
body[data-seite="presse"] #rm-zeitung .rmps-desc{ margin:0;
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(14.5 * var(--sk)); line-height:1.45; color:var(--creme-leise) }

@media (max-width:1100px){
  body[data-seite="presse"] #rm-zeitung .rmps-stimmen,
  body[data-seite="presse"] #rm-zeitung .rmps-liste{
    grid-template-columns:repeat(2, minmax(0,1fr)) }
}
@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmps-stimmen,
  body[data-seite="presse"] #rm-zeitung .rmps-liste{
    grid-template-columns:minmax(0,1fr); gap:12px }
  body[data-seite="presse"] #rm-zeitung .rmps-item{ padding:14px }
  body[data-seite="presse"] #rm-zeitung .rmps-kopf{ font-size:.66rem; letter-spacing:.12em }
  body[data-seite="presse"] #rm-zeitung .rmps-head{ font-size:1.15rem }
  body[data-seite="presse"] #rm-zeitung .rmps-desc{ font-size:.86rem }
  body[data-seite="presse"] #rm-zeitung .rmps-zitat p{ font-size:1rem }
}

/* ============================================================
   RUECKBLICKE — die Ghost Show und das Konzertarchiv.
   ============================================================ */
body[data-seite="presse"] #t1 .rm-block{ max-width:calc(1100 * var(--sk));
  margin:0 0 calc(13 * var(--sk));
  text-align:left; hyphens:none;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(18 * var(--sk)); line-height:1.6; color:var(--creme-leise) }
body[data-seite="presse"] #t1 .einstieg{ font-weight:700; color:var(--creme) }
body[data-seite="presse"] #t1 a{ color:var(--creme);
  border-bottom:1px solid rgba(242,237,228,.3); text-decoration:none;
  transition:color .25s ease, border-color .25s ease }
body[data-seite="presse"] #t1 a:hover{ color:#ffffff; border-bottom-color:#ffffff }
body[data-seite="presse"] #rm-zeitung .rmrb-kopf{ margin:calc(34 * var(--sk)) 0 calc(16 * var(--sk)); padding-top:calc(6 * var(--sk));
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(34 * var(--sk)); line-height:1.02; text-transform:uppercase;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6f6f7 40%,#d8d8da 74%,#a9aaad 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent }

/* Die Ghost Show: Bild links, Text rechts — wie der Podcast auf Media. */
/* Umfluss statt Raster: die Zahl der Absaetze steht nicht fest. Ein
   Raster mit einem ueber alle Reihen laufenden Bild verteilt dessen Hoehe
   auf die Reihen und reisst den Text auseinander. */
body[data-seite="presse"] #rm-zeitung .rmrb-sp{ display:flow-root }
body[data-seite="presse"] #rm-zeitung .rmrb-sp > .rmrb-kopf{ margin-top:0 }
body[data-seite="presse"] #rm-zeitung .rmrb-sp .rm-block{ max-width:none }
body[data-seite="presse"] #rm-zeitung .rmrb-sp > .rmrb-bild{ float:left;
  width:calc(420 * var(--sk)); max-width:42%;
  margin:calc(4 * var(--sk)) calc(34 * var(--sk)) calc(18 * var(--sk)) 0 }
body[data-seite="presse"] #rm-zeitung .rmrb-bild figure{ margin:0 }
body[data-seite="presse"] #rm-zeitung .rmrb-bild a{ display:block; border:0 !important; line-height:0;
  overflow:hidden; border-radius:2px; border:1px solid var(--kante) !important }
body[data-seite="presse"] #rm-zeitung .rmrb-bild img{ width:100%; height:auto; display:block;
  transition:transform .5s ease }
body[data-seite="presse"] #rm-zeitung .rmrb-bild a:hover img{ transform:scale(1.03) }
body[data-seite="presse"] #rm-zeitung .rmrb-bild figcaption{ padding:calc(10 * var(--sk)) 0 0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(13 * var(--sk)); line-height:1.45; color:var(--creme-still) }

/* Die vier Eckdaten der Ghost Show */
body[data-seite="presse"] #rm-zeitung .rm-gs-zahlen{ display:grid;
  grid-template-columns:repeat(auto-fit, minmax(calc(150 * var(--sk)), 1fr));
  gap:calc(14 * var(--sk)); margin-top:calc(20 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rm-gs-feld{ display:flex; flex-direction:column;
  gap:calc(5 * var(--sk));
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  padding:calc(13 * var(--sk)) calc(14 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rm-gs-wort{
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(11.5 * var(--sk)); letter-spacing:calc(2.2 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
body[data-seite="presse"] #rm-zeitung .rm-gs-wert{
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(22 * var(--sk)); line-height:1.1; color:var(--creme) }

/* Das Konzertarchiv: je Jahr ein aufklappbarer Riegel */
body[data-seite="presse"] #rm-zeitung .rmka-sum{ margin:0 0 calc(16 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(12.5 * var(--sk)); letter-spacing:calc(2.2 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
body[data-seite="presse"] #t1 details{ border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  margin:0 0 calc(8 * var(--sk)) }
body[data-seite="presse"] #t1 summary{ display:flex; align-items:baseline;
  gap:calc(16 * var(--sk)); cursor:pointer; list-style:none;
  padding:calc(12 * var(--sk)) calc(16 * var(--sk));
  transition:background .25s ease }
body[data-seite="presse"] #t1 summary::-webkit-details-marker{ display:none }
body[data-seite="presse"] #t1 summary:hover{ background:rgba(242,237,228,.04) }
body[data-seite="presse"] #rm-zeitung .rmka-y{
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(26 * var(--sk)); line-height:1; color:var(--creme);
  min-width:calc(72 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmka-c{ flex:1 1 auto;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(15 * var(--sk)); color:var(--creme-leise) }
body[data-seite="presse"] #rm-zeitung .rmka-plus{
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(20 * var(--sk)); line-height:1; color:var(--akzent);
  transition:transform .25s ease }
body[data-seite="presse"] #t1 details[open] .rmka-plus{ transform:rotate(45deg) }
body[data-seite="presse"] #rm-zeitung .rmka-list{ list-style:none; margin:0;
  padding:0 calc(16 * var(--sk)) calc(14 * var(--sk));
  border-top:1px solid var(--kante);
  display:grid; grid-template-columns:repeat(auto-fill, minmax(calc(300 * var(--sk)), 1fr));
  gap:0 calc(24 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmka-list li{ display:flex; gap:calc(12 * var(--sk));
  padding:calc(6 * var(--sk)) 0; border-bottom:1px solid rgba(242,237,228,.07);
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(15 * var(--sk)); line-height:1.35; color:var(--creme-leise) }
body[data-seite="presse"] #rm-zeitung .rmka-list li::before{ content:none }
body[data-seite="presse"] #rm-zeitung .rmka-list .d{ flex:0 0 auto; min-width:calc(78 * var(--sk));
  font-weight:700; color:var(--creme-still) }
body[data-seite="presse"] #rm-zeitung .rmka-star{ color:var(--akzent) }
body[data-seite="presse"] #rm-zeitung .rmka-note{ margin:calc(10 * var(--sk)) 0 0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(13 * var(--sk)); color:var(--creme-still) }

@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmps-head{ font-size:1.1rem }
  body[data-seite="presse"] #rm-zeitung .rmps-meta{ font-size:.6rem; letter-spacing:.18em }
  body[data-seite="presse"] #rm-zeitung .rmps-desc{ font-size:.9rem }
  body[data-seite="presse"] #rm-zeitung .rmz-teil:has(.rmps-item){ grid-template-columns:1fr; gap:12px }
  body[data-seite="presse"] #rm-zeitung .rmrb-sp > .rmrb-bild{ float:none;
    width:70%; max-width:none; margin:0 0 14px }
  body[data-seite="presse"] #rm-zeitung .rmrb-kopf{ font-size:1.4rem }
  body[data-seite="presse"] #t1 .rm-block{ font-size:.95rem }
  body[data-seite="presse"] #rm-zeitung .rm-gs-wert{ font-size:1.15rem }
  body[data-seite="presse"] #rm-zeitung .rmka-y{ font-size:1.3rem; min-width:56px }
  body[data-seite="presse"] #rm-zeitung .rmka-list{ grid-template-columns:1fr }
  body[data-seite="presse"] #rm-zeitung .rmka-list li{ font-size:.9rem }
}


/* ============================================================
   IMPRESSUM UND DATENSCHUTZ — die Amtsseiten
   Kein Aufmacher, kein Bild, keine Farbe. Hier will niemand etwas
   erleben, hier will jemand etwas nachlesen: also kleine Schrift, die
   ganze Seitenbreite, Ueberschriften nur wenig groesser als der Satz.
   ============================================================ */
body[data-seite="impressum"] #rm-zeitung,
body[data-seite="datenschutz"] #rm-zeitung{ padding-top:calc(30 * var(--sk)) }

/* Der Satz nimmt die ganze Breite. Blocksatz wirkt nur dort, wo eine
   Zeile wirklich bis an den rechten Rand laeuft — bei einer Anschrift
   oder einer Steuernummer passiert nichts. */
body[data-seite="impressum"] #rm-zeitung .rmz-inhalt > *,
body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt > *,
body[data-seite="impressum"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt > p{
  max-width:none !important }
body[data-seite="impressum"] #rm-zeitung .rmz-inhalt p,
body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt p,
body[data-seite="impressum"] #rm-zeitung .rmz-inhalt li,
body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt li{
  margin:0 0 calc(9 * var(--sk));
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(14.5 * var(--sk)); line-height:1.55;
  text-align:justify; text-justify:inter-word; hyphens:auto;
  color:var(--creme-leise) }

/* Ueberschriften: eine Spur groesser, sonst nichts. Kein Verlauf, kein
   Versalsatz, keine Farbe — sie sollen gliedern, nicht auftreten. */
body[data-seite="impressum"] #rm-zeitung .schlagzeile,
body[data-seite="datenschutz"] #rm-zeitung .schlagzeile{
  margin:0 0 calc(18 * var(--sk)); padding:0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(24 * var(--sk)); line-height:1.25; letter-spacing:0;
  text-transform:none;
  background:none; -webkit-background-clip:border-box; background-clip:border-box;
  color:var(--creme) }
body[data-seite="impressum"] #rm-zeitung h2,
body[data-seite="datenschutz"] #rm-zeitung h2,
body[data-seite="impressum"] #rm-zeitung h3,
body[data-seite="datenschutz"] #rm-zeitung h3,
body[data-seite="impressum"] #rm-zeitung .rmz-inhalt strong,
body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt strong{
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(16 * var(--sk)); line-height:1.4; letter-spacing:0;
  text-transform:none; text-align:left;
  background:none; -webkit-background-clip:border-box; background-clip:border-box;
  color:var(--creme) }
body[data-seite="impressum"] #rm-zeitung h2,
body[data-seite="datenschutz"] #rm-zeitung h2{ margin:calc(22 * var(--sk)) 0 calc(7 * var(--sk)) }
body[data-seite="impressum"] #rm-zeitung h3,
body[data-seite="datenschutz"] #rm-zeitung h3{ margin:calc(16 * var(--sk)) 0 calc(5 * var(--sk)) }

/* Keine Farbe. Links stehen unterstrichen statt rot — das ist der
   amtliche Weg, sie erkennbar zu machen. */
body[data-seite="impressum"] #rm-zeitung a,
body[data-seite="datenschutz"] #rm-zeitung a{
  color:var(--creme) !important; text-decoration:underline;
  text-underline-offset:.18em; text-decoration-thickness:1px;
  border:0 !important }
body[data-seite="impressum"] #rm-zeitung a:hover,
body[data-seite="datenschutz"] #rm-zeitung a:hover{ color:#ffffff !important }
body[data-seite="impressum"] #rm-zeitung .rubrik,
body[data-seite="datenschutz"] #rm-zeitung .rubrik{ color:var(--creme-still) }
/* Die rote Zierlinie gehoert nicht auf eine Amtsseite. */
body[data-seite="impressum"] #rm-zeitung .zierlinie,
body[data-seite="datenschutz"] #rm-zeitung .zierlinie,
body[data-seite="impressum"] #rm-zeitung .zier-breit,
body[data-seite="datenschutz"] #rm-zeitung .zier-breit{ display:none }

@media (max-width:820px){
  body[data-seite="impressum"] #rm-zeitung .rmz-inhalt p,
  body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt p,
  body[data-seite="impressum"] #rm-zeitung .rmz-inhalt li,
  body[data-seite="datenschutz"] #rm-zeitung .rmz-inhalt li{
    font-size:.86rem; text-align:left; hyphens:none }
  body[data-seite="impressum"] #rm-zeitung .schlagzeile,
  body[data-seite="datenschutz"] #rm-zeitung .schlagzeile{ font-size:1.3rem }
  body[data-seite="impressum"] #rm-zeitung h2,
  body[data-seite="datenschutz"] #rm-zeitung h2,
  body[data-seite="impressum"] #rm-zeitung h3,
  body[data-seite="datenschutz"] #rm-zeitung h3{ font-size:.98rem }
}

/* Der Kopf der Amtsseiten. Kein Bild, kein Verlauf, keine Versalien —
   Titel, Unterzeile, eine Haarlinie, fertig. */
.amt-kopf{ padding:calc(26 * var(--sk)) var(--rand) calc(14 * var(--sk));
  border-bottom:1px solid var(--kante) }
.amt-kopf h1{ margin:0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(26 * var(--sk)); line-height:1.2; letter-spacing:0;
  text-transform:none; color:var(--creme) }
.amt-kopf p{ margin:calc(3 * var(--sk)) 0 0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(14.5 * var(--sk)); line-height:1.5; color:var(--creme-still) }
@media (max-width:820px){
  .amt-kopf{ padding:18px var(--rand) 12px }
  .amt-kopf h1{ font-size:1.35rem }
  .amt-kopf p{ font-size:.86rem }
}

/* ---------- Der Pressekit-Kasten auf /presse ----------
   Kein Material auf der Seite, nur der Weg dorthin: eine Adresse, ein
   Betreff. Ruhig gesetzt, damit er nicht wie eine Anzeige wirkt. */
body[data-seite="presse"] #rm-zeitung .rmz-kit{
  border:1px solid var(--kante); border-radius:2px;
  background:linear-gradient(96deg,#0a0d0e 0%,#0d1012 46%,#0a0c0d 100%);
  padding:calc(20 * var(--sk)) calc(22 * var(--sk)) }
body[data-seite="presse"] #rm-zeitung .rmz-kit__zeile{ display:flex;
  align-items:baseline; flex-wrap:wrap; gap:calc(4 * var(--sk)) calc(14 * var(--sk));
  margin:0 }
body[data-seite="presse"] #rm-zeitung .rmz-kit__wort{
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:700;
  font-size:calc(12 * var(--sk)); letter-spacing:calc(2.4 * var(--sk));
  text-transform:uppercase; color:var(--creme-still) }
body[data-seite="presse"] #rm-zeitung .rmz-kit__mail{
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(26 * var(--sk)); line-height:1.1; letter-spacing:calc(.5 * var(--sk));
  color:var(--creme) !important; border:0 !important; text-decoration:none !important;
  transition:color .2s ease }
body[data-seite="presse"] #rm-zeitung .rmz-kit__mail:hover{ color:#ffffff !important }
body[data-seite="presse"] #rm-zeitung .rmz-kit__betreff{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:calc(12.5 * var(--sk)); letter-spacing:calc(1 * var(--sk));
  color:var(--akzent) }
body[data-seite="presse"] #rm-zeitung .rmz-kit__satz{
  margin:calc(10 * var(--sk)) 0 0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif; font-weight:400;
  font-size:calc(14.5 * var(--sk)); line-height:1.5; color:var(--creme-leise) }
@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmz-kit{ padding:16px }
  body[data-seite="presse"] #rm-zeitung .rmz-kit__mail{ font-size:1.25rem }
  body[data-seite="presse"] #rm-zeitung .rmz-kit__wort,
  body[data-seite="presse"] #rm-zeitung .rmz-kit__betreff{ font-size:.7rem }
  body[data-seite="presse"] #rm-zeitung .rmz-kit__satz{ font-size:.88rem }
}

/* ==================================================================
   KONVENTION 23: /band ist die Referenz fuer /presse und /media
   ==================================================================
   Alles zwischen Sprungleiste und Fuss wird auf diesen beiden Seiten
   gesetzt wie auf /band: Newsreader fuer alles Gelesene, Helvetica
   Neue nur fuer die Trennlinien, dieselben Groessen, dieselben
   Abstaende, derselbe Rand zum Bildschirmrand.

   Vorher liefen hier zwei Systeme nebeneinander: /band im alten Satz
   (Newsreader, 76 Rand, 82er Schlagzeile), /presse und /media im
   neuen (HeadCond, KaSans, 55 Rand, 60er Schlagzeile). Das war der
   Grund, warum keine Ordnung zu erkennen war.

   Benannt sind hier nur die beiden Seiten, nicht body[data-neu]:
   /konzerte bleibt ausdruecklich unberuehrt.
   ================================================================== */

/* Rand zum Bildschirm wie auf /band */
body[data-seite="presse"],
body[data-seite="shop"],
body[data-seite="media"]{ --rand:clamp(20px, 5vw, 76px) }

/* Abschnitt: seitlich der Rand, oben/unten kein eigenes Polster —
   den Abstand macht die Trennlinie mit ihrem oberen Rand, wie auf /band. */
body[data-seite="presse"] #rm-zeitung .teil,
body[data-seite="shop"] #rm-zeitung .teil,
body[data-seite="media"] #rm-zeitung .teil{ padding:0 var(--rand) }

/* Trennlinie: Helvetica Neue, ruhig, nicht rot */
body[data-seite="presse"] .teil > .rubrik,
body[data-seite="shop"] .teil > .rubrik,
body[data-seite="media"] .teil > .rubrik{
  font-family:var(--sans); font-weight:500;
  text-transform:uppercase; color:var(--creme-still);
  margin:72px 0 22px }
body[data-seite="presse"] #rm-zeitung .teil:first-child > .rubrik:first-child,
body[data-seite="shop"] #rm-zeitung .teil:first-child > .rubrik:first-child,
body[data-seite="media"] #rm-zeitung .teil:first-child > .rubrik:first-child{
  margin-top:40px }

/* Schlagzeile: Newsreader wie auf /band, ohne Verlauf und ohne Versalien */
body[data-seite="presse"] .schlagzeile,
body[data-seite="shop"] .schlagzeile,
body[data-seite="media"] .schlagzeile{
  margin:0 0 clamp(26px,3vw,44px); padding-top:0;
  font-family:var(--serif); font-weight:400;
  font-size:clamp(2.2rem,4.4vw,4.2rem);
  line-height:1.02; letter-spacing:-.015em; text-transform:none;
  background-image:none; -webkit-background-clip:border-box;
  background-clip:border-box; color:var(--creme) }
body[data-seite="presse"] .schlagzeile span,
body[data-seite="shop"] .schlagzeile span,
body[data-seite="media"] .schlagzeile span{ display:block }

/* Zwischenueberschrift: Newsreader, Groesse der FAQ-Zeile auf /band */
/* Die Abschnittsnamen waren eine dritte Ueberschriftebene, die es auf
   /band nicht gibt: dort stehen nur Trennlinie und Schlagzeile. Hier
   wandert der Name in die Trennlinie, damit jede Linie sagt, was kommt,
   und die Ebene darunter entfaellt. Werte wie .rubrik auf /band. */
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="presse"] #rm-zeitung h2:not(.schlagzeile),
body[data-seite="shop"] #rm-zeitung h2:not(.schlagzeile),
body[data-seite="media"] #rm-zeitung h2:not(.schlagzeile){
  display:flex; align-items:center; gap:18px;
  margin:72px 0 22px; padding-top:0;
  font-family:var(--sans); font-weight:500;
  font-size:.86rem; line-height:1.62; letter-spacing:.25em;
  text-transform:uppercase;
  background-image:none; -webkit-background-clip:border-box;
  background-clip:border-box; color:var(--creme-still) }
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2::before,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf h2::before,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf h2::before,
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2::after,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf h2::after,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf h2::after{
  content:""; flex:1 1 auto; height:1px; background:var(--kante) }
/* Der erste Abschnitt braucht oben weniger Luft — dort steht die
   Sprungleiste schon darueber. Dasselbe Mass wie auf /band. */
body[data-seite="presse"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf h2,
body[data-seite="shop"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf h2,
body[data-seite="media"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf h2{
  margin-top:40px }
/* Die eigene Linie des Abschnitts faellt weg, die Ueberschrift ist sie nun. */
body[data-seite="presse"] #rm-zeitung .rmz-teil,
body[data-seite="shop"] #rm-zeitung .rmz-teil,
body[data-seite="media"] #rm-zeitung .rmz-teil{ border-top:0 }

/* Fliesstext: Newsreader, Groesse und Durchschuss wie auf /band */
body[data-seite="presse"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="shop"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="media"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf p,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf p{
  font-family:var(--serif); font-weight:400;
  font-size:1.02rem; line-height:1.62; margin:0 0 1.15em;
  color:var(--creme-leise) }

/* Spaltensatz wie auf /band: ab 1150 zwei, ab 1750 drei Spalten,
   derselbe Spaltenabstand. column-fill:balance verteilt kurze Texte
   gleichmaessig auf die Spalten, statt die erste vollzuschreiben. */
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf p,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf p,
body[data-seite="presse"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="shop"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="media"] #rm-zeitung .rmz-inhalt > p{ max-width:none }
@media (min-width:1150px){
  body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="shop"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="media"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="presse"] #rm-zeitung .rmz-inhalt > p,
  body[data-seite="shop"] #rm-zeitung .rmz-inhalt > p,
  body[data-seite="media"] #rm-zeitung .rmz-inhalt > p{
    column-count:2; column-gap:var(--spalte); column-fill:balance }
}
@media (min-width:1750px){
  body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="shop"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="media"] #rm-zeitung .rmz-teilkopf p,
  body[data-seite="presse"] #rm-zeitung .rmz-inhalt > p,
  body[data-seite="shop"] #rm-zeitung .rmz-inhalt > p,
  body[data-seite="media"] #rm-zeitung .rmz-inhalt > p{ column-count:3 }
}



/* Die 31er-Ausnahme vor Schlagzeilen gilt hier nicht mehr: sie glich den
   negativen Rand der HeadCond-Zeile aus (Konvention 15). Newsreader steht
   ohne diesen Versatz, also gelten wieder ueberall 22 wie auf /band. */
body[data-seite="presse"] .teil > .rubrik,
body[data-seite="shop"] .teil > .rubrik,
body[data-seite="presse"] .teil > .rubrik:has(+ .schlagzeile),
body[data-seite="shop"] .teil > .rubrik:has(+ .schlagzeile),
body[data-seite="media"] .teil > .rubrik,
body[data-seite="media"] .teil > .rubrik:has(+ .schlagzeile){
  margin-bottom:22px }

/* Bildunterschriften der Impressionen: Groessen und Farben. Die
   Schriftfamilie kommt aus der Grundregel weiter unten. */
body[data-seite="presse"] #rm-zeitung figcaption h4,
body[data-seite="shop"] #rm-zeitung figcaption h4,
body[data-seite="presse"] #rm-zeitung figcaption > p + p,
body[data-seite="shop"] #rm-zeitung figcaption > p + p,
body[data-seite="presse"] #rm-zeitung figcaption h4 + p,
body[data-seite="shop"] #rm-zeitung figcaption h4 + p{
  font-family:var(--serif); font-weight:400; text-transform:none;
  letter-spacing:normal;
  background-image:none; -webkit-background-clip:border-box;
  background-clip:border-box; color:var(--creme) }
body[data-seite="presse"] #rm-zeitung figcaption h4,
body[data-seite="shop"] #rm-zeitung figcaption h4{ font-size:1.25rem; line-height:1.18 }
body[data-seite="presse"] #rm-zeitung figcaption h4 + p,
body[data-seite="shop"] #rm-zeitung figcaption h4 + p{
  font-size:.98rem; line-height:1.58; color:var(--creme-leise) }

/* ------------------------------------------------------------------
   KONVENTION 23, die Grundregel
   ------------------------------------------------------------------
   Zwischen Sprungmarkenleiste und Fuss steht auf /presse und /media
   ALLES in Newsreader — Schlagzeilen, Fliesstext, Bildunterschriften,
   Pressestimmen samt ihrer Kopfzeile aus Datum, Medium und Autor,
   Schaltflaechen. Genau eine Ausnahme: die Trennlinien. Sie stehen in
   Helvetica Neue, so wie auf /band.

   Diese Regel steht am Ende und deckt auch ab, was hier noch nicht
   einzeln benannt ist. Groessen, Farben und Abstaende regeln die
   Bloecke darueber.
   ------------------------------------------------------------------ */
/* Das !important ist hier Absicht: ueber die Jahre haben einzelne
   Bausteine ihre eigene Schrift gesetzt, teils mit hoeherer
   Spezifitaet als diese Zeile. Die Konvention steht ueber ihnen. */
body[data-seite="presse"] #rm-zeitung,
body[data-seite="shop"] #rm-zeitung,
body[data-seite="presse"] #rm-zeitung *,
body[data-seite="shop"] #rm-zeitung *,
body[data-seite="media"] #rm-zeitung,
body[data-seite="media"] #rm-zeitung *{
  font-family:var(--serif) !important }

/* Die einzige Ausnahme: die Trennlinien. Dazu gehoeren seit der
   Zusammenlegung der Ueberschriftebenen auch die Abschnittsnamen —
   sie SIND jetzt Trennlinien. */
body[data-seite="presse"] #rm-zeitung .rubrik,
body[data-seite="shop"] #rm-zeitung .rubrik,
body[data-seite="presse"] #rm-zeitung .dachzeile,
body[data-seite="shop"] #rm-zeitung .dachzeile,
body[data-seite="presse"] #rm-zeitung .rand-rubrik,
body[data-seite="shop"] #rm-zeitung .rand-rubrik,
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="presse"] #rm-zeitung h2:not(.schlagzeile),
body[data-seite="shop"] #rm-zeitung h2:not(.schlagzeile),
body[data-seite="media"] #rm-zeitung .rubrik,
body[data-seite="media"] #rm-zeitung .dachzeile,
body[data-seite="media"] #rm-zeitung .rand-rubrik,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf h2,
body[data-seite="media"] #rm-zeitung h2:not(.schlagzeile),
/* Die Trennlinie traegt ihren Text in einem <span> (Konvention 19).
   Die Grundregel oben greift mit #rm-zeitung * auch auf dieses Kind —
   ohne diese Zeile stand RUECKBLICKE in Newsreader, waehrend die
   Abschnittsnamen daneben richtig in Helvetica Neue standen. */
body[data-seite="presse"] #rm-zeitung .rubrik span,
body[data-seite="presse"] #rm-zeitung .dachzeile span,
body[data-seite="presse"] #rm-zeitung .rand-rubrik span,
body[data-seite="media"] #rm-zeitung .rubrik span,
body[data-seite="media"] #rm-zeitung .dachzeile span,
body[data-seite="media"] #rm-zeitung .rand-rubrik span,
body[data-seite="shop"] #rm-zeitung .rubrik span,
body[data-seite="shop"] #rm-zeitung .dachzeile span,
body[data-seite="shop"] #rm-zeitung .rand-rubrik span{
  font-family:var(--sans) !important }


/* ==================================================================
   /shop — das Schaufenster
   ==================================================================
   Gesetzt wie /band, /presse und /media (Konvention 23). Eigen ist nur
   die Tuer am Ende: der einzige Weg von hier in den Laden. */
body[data-seite="shop"] #rm-zeitung .rmshop-tuer{ margin:0 }
body[data-seite="shop"] #rm-zeitung .rmshop-tuer a{
  display:inline-block; text-decoration:none;
  font-family:var(--sans) !important; font-weight:500;
  font-size:.86rem; letter-spacing:.25em; text-transform:uppercase;
  color:#fff; background:var(--akzent);
  padding:14px 30px; border-radius:3px;
  transition:background-color .25s ease }
body[data-seite="shop"] #rm-zeitung .rmshop-tuer a:hover{ background:#c9182a }


/* ==================================================================
   Einzeiler und Blocksatz
   ==================================================================
   Ein Einzeiler laeuft nicht in die Spalten und nicht in den Blocksatz:
   er steht als eine Zeile unter der Trennlinie und bricht erst, wenn
   das Fenster ihn zwingt. */
body[data-seite="presse"] #rm-zeitung .rmz-einzeiler,
body[data-seite="media"] #rm-zeitung .rmz-einzeiler,
body[data-seite="shop"] #rm-zeitung .rmz-einzeiler{
  column-count:1 !important; max-width:none;
  text-align:left; hyphens:none }

/* Der Pressekit-Hinweis steht ganz unten und mittig — er ist kein
   Fliesstext, sondern der Weg zu den Dateien. */
body[data-seite="presse"] #rm-zeitung .rmz-kit__zeile{
  column-count:1 !important; max-width:none;
  text-align:center; margin:0 }

/* Blocksatz, wo eine Zeile ihn traegt: Fliesstext, Bildunterschriften,
   die Erlaeuterungen unter den Pressestimmen. Die letzte Zeile bleibt
   linksbuendig (text-align-last), und getrennt wird mit, damit keine
   Loecher entstehen. Ueberschriften, Trennlinien, Zitate und der
   Einzeiler sind ausgenommen — die stehen fuer sich. */
body[data-seite="presse"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf p:not(.rmz-einzeiler):not(.rmz-kit__zeile),
body[data-seite="presse"] #rm-zeitung .rmps-desc,
body[data-seite="presse"] #rm-zeitung figcaption p,
body[data-seite="media"] #rm-zeitung .rmz-inhalt > p,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf p:not(.rmz-einzeiler),
body[data-seite="media"] #rm-zeitung figcaption p,
body[data-seite="shop"] #rm-zeitung .rmz-inhalt > p:not(.rmshop-tuer){
  text-align:justify; text-align-last:left; hyphens:auto }


/* Der Film im Schaufenster: hochkant wie gedreht, hoechstens ein
   Drittel der Satzbreite, und er laeuft erst, wenn er im Bild steht. */
body[data-seite="shop"] #rm-zeitung .rmshop-neu{
  display:flex; gap:var(--spalte); flex-wrap:wrap }
body[data-seite="shop"] #rm-zeitung .rmshop-stueck{
  margin:0; flex:0 1 clamp(240px, 26vw, 420px) }
body[data-seite="shop"] #rm-zeitung .rmshop-film{
  display:block; width:100%; height:auto; aspect-ratio:9 / 16;
  object-fit:cover; background:#111;
  border:1px solid var(--kante); border-radius:3px }


/* ==================================================================
   KONVENTION 24: die Stufenleiter
   ==================================================================
   Auf /presse, /media und /shop standen die Schriftgroessen dicht
   beieinander, ohne Stufen: allein im Rueckblicke-Abschnitt lagen
   fuenf Groessen zwischen 13,2 und 14,9 — vier Beschriftungen, vier
   Werte, optisch alle gleich. Das las sich nicht als Ordnung.

   /band hat diese Stufen, darum gelten sie jetzt hier auch. Fuenf
   Werte, mehr gibt es nicht. Unterschieden wird sonst ueber Farbe,
   Fettung und Sperrung — die kosten keine eigene Groesse.

     .86rem  13,8  Beschriftung, Trennlinie, Kennzahlwort
     .94rem  15,0  Kleintext, Bildunterschrift, Fussnote
    1.02rem  16,3  Fliesstext
    1.56rem  25,0  Zwischenueberschrift, Kennzahl, Zitat
     2.6rem  41,6  Abschnittsueberschrift
   ================================================================== */

/* --- 13,8: Beschriftung --- */
body[data-seite="presse"] #rm-zeitung cite,
body[data-seite="presse"] #rm-zeitung .rm-gs-wort,
body[data-seite="presse"] #rm-zeitung .rm-btn,
body[data-seite="presse"] #rm-zeitung .rmka-sum,
body[data-seite="media"] #rm-zeitung cite,
body[data-seite="media"] #rm-zeitung .rm-gs-wort,
body[data-seite="media"] #rm-zeitung .rm-btn,
body[data-seite="media"] #rm-zeitung .rmka-sum{ font-size:.86rem }

/* --- 15,0: Kleintext und Bildunterschrift --- */
body[data-seite="presse"] #rm-zeitung figcaption,
body[data-seite="presse"] #rm-zeitung figcaption p,
body[data-seite="presse"] #rm-zeitung .rmka-note,
body[data-seite="presse"] #rm-zeitung .rmka-note a,
body[data-seite="media"] #rm-zeitung figcaption,
body[data-seite="media"] #rm-zeitung figcaption p,
body[data-seite="media"] #rm-zeitung .rmka-note,
body[data-seite="media"] #rm-zeitung .rmka-note a{ font-size:.94rem }

/* --- 16,3: Fliesstext --- */
body[data-seite="presse"] #rm-zeitung .rmps-desc,
body[data-seite="presse"] #rm-zeitung .rmka-c,
body[data-seite="presse"] #rm-zeitung .rmka-list li,
body[data-seite="presse"] #rm-zeitung .rmka-list .d,
body[data-seite="presse"] #rm-zeitung .rmka-plus,
body[data-seite="presse"] #rm-zeitung .rm-block,
body[data-seite="presse"] #rm-zeitung .rm-block span,
body[data-seite="presse"] #rm-zeitung .rm-block a,
body[data-seite="media"] #rm-zeitung .rmps-desc,
body[data-seite="media"] #rm-zeitung .rm-block,
body[data-seite="media"] #rm-zeitung .rm-block span,
body[data-seite="media"] #rm-zeitung .rm-block a{ font-size:1.02rem }

/* --- 25,0: Zwischenueberschrift, Kennzahl, Zitat --- */
body[data-seite="presse"] #rm-zeitung .rmps-head,
body[data-seite="presse"] #rm-zeitung .rmps-head a,
body[data-seite="presse"] #rm-zeitung .rm-gs-wert,
body[data-seite="presse"] #rm-zeitung .rmka-y,
body[data-seite="presse"] #rm-zeitung .rmps-zitat p,
body[data-seite="presse"] #rm-zeitung h4,
body[data-seite="media"] #rm-zeitung .rm-gs-wert,
body[data-seite="media"] #rm-zeitung h4{ font-size:1.56rem; line-height:1.18 }

/* Zwei Nachzuegler, die knapp danebenlagen: die Trennlinie kam auf
   13,78 statt 13,76 und die Bildunterschrift auf 14,93 statt 15,04.
   Unsichtbar klein, aber es sind zwei Stufen mehr in der Liste. */
body[data-seite="presse"] #rm-zeitung .teil > .rubrik,
body[data-seite="presse"] #rm-zeitung .teil > .rubrik span,
body[data-seite="media"] #rm-zeitung .teil > .rubrik,
body[data-seite="media"] #rm-zeitung .teil > .rubrik span,
body[data-seite="shop"] #rm-zeitung .teil > .rubrik,
body[data-seite="shop"] #rm-zeitung .teil > .rubrik span{
  font-size:.86rem; letter-spacing:.25em }
body[data-seite="presse"] #rm-zeitung .rm-gs-bild figcaption,
body[data-seite="media"] #rm-zeitung .rm-gs-bild figcaption{ font-size:.94rem }

body[data-seite="presse"] #rm-zeitung .rmps-zitat cite,
body[data-seite="presse"] #rm-zeitung .rmps-datum,
body[data-seite="presse"] #rm-zeitung .rmps-medium,
body[data-seite="presse"] #rm-zeitung .rmps-autor{ font-size:.86rem }

/* Der Abstand ueber einer Trennlinie macht allein ihr eigener oberer
   Rand — 72, wie auf /band. Der Abschnitt darueber gab zusaetzlich 62
   mit; gemessen standen so 163 statt 72 ueber IMPRESSIONEN,
   PRESSESTIMMEN und ERWAEHNUNGEN. */
body[data-seite="presse"] #rm-zeitung .rmz-teil,
body[data-seite="media"] #rm-zeitung .rmz-teil,
body[data-seite="shop"] #rm-zeitung .rmz-teil{ margin-bottom:0; padding-bottom:0 }
/* Der Kopf des Abschnitts brachte oben noch 27,5 Pixel Polster mit —
   aus der Zeit, als dort eine eigene Ueberschrift stand. Jetzt ist die
   Ueberschrift die Trennlinie, ihr Rand allein macht den Abstand. */
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf{ padding-top:0; margin-top:0 }
/* Der Abschnittskopf hatte oben noch eine eigene Haarlinie — aus der
   Zeit, als die Ueberschrift darunter stand. Jetzt IST die Ueberschrift
   die Trennlinie; die alte Linie stand direkt darueber und ergab zwei. */
body[data-seite="presse"] #rm-zeitung .rmz-teilkopf,
body[data-seite="media"] #rm-zeitung .rmz-teilkopf,
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf{ border-top:0 }
/* Der erste Abschnitt hatte eine eigene, spezifischere Regel mit 12
   Einheiten Polster — damit stand IMPRESSIONEN 54 statt 40 unter der
   Sprungleiste. Die Konvention sagt 40, und die macht allein der obere
   Rand der Trennlinie. */
body[data-seite="presse"] #rm-zeitung .rmz-teil:first-child .rmz-teilkopf,
body[data-seite="presse"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf,
body[data-seite="media"] #rm-zeitung .rmz-teil:first-child .rmz-teilkopf,
body[data-seite="media"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf,
body[data-seite="shop"] #rm-zeitung .rmz-teil:first-child .rmz-teilkopf,
body[data-seite="shop"] #rm-zeitung .rmz-teil:first-of-type .rmz-teilkopf{
  padding-top:0; border-top:0 }


/* ------------------------------------------------------------------
   Nachbesserungen vom 25.09.
   ------------------------------------------------------------------ */

/* 1) Der Zeitungsname unter den drei Zitaten war am Telefon zu klein
   und zu dunkel, um ihn noch zu lesen: 13,8 in Creme-still. Jetzt eine
   Stufe groesser und in der helleren Farbe. */
@media (max-width:820px){
  body[data-seite="presse"] #rm-zeitung .rmps-zitat cite{
    font-size:.94rem !important; color:var(--creme-leise) }
}

/* 2) Das Repertoire steht mittig und ohne Blocksatz — es ist eine
   Aufzaehlung, kein Fliesstext. */
#rm-zeitung .rmrp-titel,
#rm-zeitung .rmrp-note{
  text-align:center !important; text-align-last:center !important;
  hyphens:none }

/* 8) Die Namen auf /kontakt standen mit 41 Pixeln weit ueber allem
   anderen (Rubrik 17, Haus 16, Mailadresse 18). Auf der Stufe der
   Zwischenueberschrift stehen sie ueber dem Rest, ohne ihn zu
   erschlagen. */
body[data-seite="kontakt"] #rm-zeitung .kontakt__person{
  font-size:1.56rem; line-height:1.18; letter-spacing:.01em }
@media (max-width:820px){
  body[data-seite="kontakt"] #rm-zeitung .kontakt__person{ font-size:1.4rem }
}

/* 9) Der Weg in den Laden steht rechts in der Sprungleiste. */
.sprung .sprung__tuer, body[data-neu] .sprung .sprung__tuer{
  margin-left:auto; background:var(--akzent); color:#fff;
  border-radius:3px; border:0 !important }
.sprung .sprung__tuer:hover{ background:#c9182a; color:#fff }
/* Unter dem Film schliesst eine Haarlinie den Abschnitt ab. */
body[data-seite="shop"] #rm-zeitung .rmz-teil{ padding-bottom:calc(40 * var(--sk));
  border-bottom:1px solid var(--kante) }

/* ============================================================
   Nachtrag 26.09. — Punkte 10, 11a, 11b
   ============================================================ */

/* 11b · Covertitel in Fliesstextgroesse, kein Rahmen um die Huelle */
.platte{ border:0 !important }
.platte__titel{ font-size:1.02rem !important }

/* Die Zeile "Zu hoeren bei" faellt weg; die Symbole der Dienste stehen
   allein unter dem Coverstapel, kleiner und mittig ausgerichtet. */
body[data-seite="media"] #t0 > .rmz-inhalt > .rubrik{ display:none !important }
body[data-seite="media"] .rmrb-hoerbar__wort{ display:none !important }
body[data-seite="media"] #t0 > .rmz-inhalt > .rmm-dienste{
  grid-column:1 / -1 !important; grid-row:8 !important;
  align-self:auto !important;
  display:flex !important; flex-wrap:wrap;
  justify-content:center !important; align-items:center;
  gap:calc(26 * var(--sk)) !important;
  position:relative; z-index:4;
  margin:calc(-120 * var(--sk)) 0 calc(34 * var(--sk)) !important }
body[data-seite="media"] .rmm-dienst{
  width:calc(44 * var(--sk)) !important; height:calc(44 * var(--sk)) !important;
  padding:calc(8 * var(--sk)) !important }
@media (max-width:820px){
  body[data-seite="media"] #t0 > .rmz-inhalt > .rmm-dienste{
    gap:20px !important; margin-top:-78px !important }
  body[data-seite="media"] .rmm-dienst{ width:34px !important; height:34px !important; padding:6px !important }
}

/* ============================================================
   Nachtrag 26.09. — Punkte 11d bis 11l (/presse)
   ============================================================ */

/* 11e · Die Zeitungsartikel im Karussell stehen mittig. Der Blocksatz,
   den /presse sonst fuehrt, gilt hier nicht. */
body[data-seite="presse"] .rmqc__satz,
body[data-seite="presse"] .rmqc__kopfzeile,
body[data-seite="presse"] .rmqc__zitat,
body[data-seite="presse"] .rmqc__text{
  text-align:center !important; text-align-last:center !important;
  hyphens:manual !important;
  margin-left:auto !important; margin-right:auto !important }

/* 11f · "Artikel lesen" bekommt einen festen Platz: das auto-Mass
   drueckt den Knopf ans untere Ende der Buehne, egal wie lang der Text ist. */
body[data-seite="presse"] .rmqc__knopf{
  margin-top:auto !important; margin-left:auto !important; margin-right:auto !important }

/* 11i · Einleitung der Pressestimmen mittig */
body[data-seite="presse"] .rmz-mitte{
  text-align:center !important; text-align-last:center !important }

/* ---------- 11j / 11k · Impressionen: Bild in die Mitte ---------- */
/* Links Ort und Datum, in der Mitte das Bild, rechts Titel, Text und
   der Hinweis zur Verwendung. Die Pfeile liegen jetzt im Bild. */
body[data-seite="presse"] .rmlb__buehne{
  grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1fr) !important;
  align-items:stretch !important }
body[data-seite="presse"] .rmlb__bild{ grid-column:2 !important; grid-row:1 !important }
body[data-seite="presse"] .rmlb__satz{
  grid-column:1 !important; grid-row:1 !important; text-align:right !important; align-self:center !important;
  padding:calc(20 * var(--sk)) calc(26 * var(--sk)) calc(20 * var(--sk)) calc(10 * var(--sk)) !important;
  max-width:none !important }
body[data-seite="presse"] .rmlb__rechts{
  grid-column:3 !important; grid-row:1 !important; align-self:center !important; z-index:2;
  --s:1;
  padding:calc(20 * var(--sk)) calc(10 * var(--sk)) calc(20 * var(--sk)) calc(26 * var(--sk)) }
body[data-seite="presse"] .rmlb__rechts .rmlb__song,
body[data-seite="presse"] .rmlb__rechts .rmlb__text,
body[data-seite="presse"] .rmlb__rechts .rmlb__credit{
  text-align:left !important; text-align-last:left !important }
/* Titel als Zwischenueberschrift, Text und Hinweis im Fliesstext (Konvention 24) */
body[data-seite="presse"] .rmlb__rechts .rmlb__song{
  font-size:1.56rem !important; line-height:1.18 !important; margin:0 0 calc(14 * var(--sk)) !important }
body[data-seite="presse"] .rmlb__rechts .rmlb__text,
body[data-seite="presse"] .rmlb__rechts .rmlb__credit{
  font-size:1.02rem !important; line-height:1.5 !important; max-width:none !important }
body[data-seite="presse"] .rmlb__rechts .rmlb__credit{
  margin-top:calc(16 * var(--sk)) !important }
body[data-seite="presse"] .rmlb__rechts .rmlb__credit{ color:var(--creme-still) !important }
body[data-seite="presse"] .rmlb__rechts .rmlb__linie{
  max-width:none !important; margin-top:calc(22 * var(--sk)) !important; height:1px !important }

/* Die Bedienung ist in die Reihe ueber dem Titel gezogen (weiter
   unten); hier bleibt nur, was das Bild selbst betrifft. */
body[data-seite="presse"] .rmlb__bild img{ border-radius:0 }

/* ---------- 11l · Die Reihe darunter: alle 15, ohne Zahl und Pfeil ---------- */
body[data-seite="presse"] .rmlb__zaehler,
body[data-seite="presse"] .rmlb__rpfeil{ display:none !important }
body[data-seite="presse"] .rmlb__reihe{
  grid-template-columns:minmax(0,1fr) !important;
  padding-right:0 !important }
body[data-seite="presse"] .rmlb__band{
  display:flex !important;
  --luecke:calc(10 * var(--sk));
  gap:var(--luecke) !important;
  transform:none !important; transition:none !important }
body[data-seite="presse"] .rmlb__band > .rmlb__thumb{
  flex:0 0 calc((100% - var(--luecke) * 14) / 15) !important }

@media (max-width:900px){
  body[data-seite="presse"] .rmlb__buehne{
    display:block !important }
  body[data-seite="presse"] .rmlb__satz{ text-align:left !important; padding:18px 20px 2px !important }
  body[data-seite="presse"] .rmlb__rechts{ padding:0 20px 2px !important }
  body[data-seite="presse"] .rmlb__band{ padding-left:16px !important }
  body[data-seite="presse"] .rmlb__band > .rmlb__thumb{ flex:0 0 68px !important }
}

/* ============================================================
   Nachtrag 26.09. — Punkt 11m/12 (/shop)
   Der Film steht in der Mitte, links und rechts je sechs Bilder
   aus dem Store. Keine Beschriftung, keine Linien; die Bloecke
   schliessen oben und unten buendig mit dem Film ab. Jedes Bild
   und der Film selbst fuehren in den Store.
   ============================================================ */
body[data-seite="shop"] #rm-zeitung .rmshop-neu{
  display:grid !important; flex-wrap:nowrap !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:calc(30 * var(--sk)) !important }
body[data-seite="shop"] #rm-zeitung .rmshop-stueck{
  grid-column:2 !important; flex:none !important;
  width:clamp(240px, 26vw, 420px) !important }
body[data-seite="shop"] #rm-zeitung .rmshop-tor,
body[data-seite="shop"] #rm-zeitung .rmshop-tor:hover,
body[data-seite="shop"] #rm-zeitung .rmshop-tor:focus{
  display:block; text-decoration:none !important; border:0 !important; box-shadow:none !important }
body[data-seite="shop"] #rm-zeitung .rmshop-film{ border:0 !important }
body[data-seite="shop"] #rm-zeitung .rmshop-stueck{ position:relative }
body[data-seite="shop"] #rm-zeitung .rmshop-ton{
  position:absolute; z-index:3;
  right:calc(14 * var(--sk)); bottom:calc(14 * var(--sk));
  width:calc(40 * var(--sk)); height:calc(40 * var(--sk));
  display:grid; place-items:center; padding:0;
  border:1px solid rgba(242,237,228,.24); border-radius:50%;
  background:rgba(8,8,9,.58); color:var(--creme-leise);
  cursor:pointer; transition:color .25s, border-color .25s, background .25s }
body[data-seite="shop"] #rm-zeitung .rmshop-ton:hover,
body[data-seite="shop"] #rm-zeitung .rmshop-ton:focus-visible{
  color:var(--creme); border-color:rgba(242,237,228,.5); background:rgba(8,8,9,.8) }
body[data-seite="shop"] #rm-zeitung .rmshop-ton svg{
  width:calc(20 * var(--sk)); height:auto }
body[data-seite="shop"] #rm-zeitung .rmshop-ton .rmshop-ton__an{ display:none }
body[data-seite="shop"] #rm-zeitung .rmshop-ton.ist-laut .rmshop-ton__aus{ display:none }
body[data-seite="shop"] #rm-zeitung .rmshop-ton.ist-laut .rmshop-ton__an{ display:block }
body[data-seite="shop"] #rm-zeitung .rmshop-ton.ist-laut{ color:var(--creme) }

body[data-seite="shop"] #rm-zeitung .rmshop-spalte{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  grid-template-rows:repeat(3, minmax(0,1fr));
  gap:calc(16 * var(--sk));
  width:100%; max-width:calc(400 * var(--sk)) }
body[data-seite="shop"] #rm-zeitung .rmshop-spalte{ height:100% }
body[data-seite="shop"] #rm-zeitung .rmshop-spalte--links{ justify-self:end }
body[data-seite="shop"] #rm-zeitung .rmshop-spalte--rechts{ justify-self:start }

/* Die Artikel stehen im dunklen Kasten: grauer Rahmen, schwarzer Grund,
   darunter die Spiegelung am Boden. Die Bilder aus dem Store sind
   freigestellte PNG, darum kommt der Hintergrund von der Kachel. */
body[data-seite="shop"] #rm-zeitung .rmshop-kachel{
  position:relative; display:block; min-height:0; text-decoration:none;
  border:1px solid rgba(242,237,228,.20); border-radius:2px; overflow:hidden;
  background:
    radial-gradient(120% 78% at 50% 26%, #17171a 0%, #0d0d0f 58%, #08080a 100%);
  transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease }
body[data-seite="shop"] #rm-zeitung .rmshop-kachel:hover{
  border-color:rgba(242,237,228,.34);
  transform:translateY(calc(-2 * var(--sk)));
  box-shadow:0 calc(8 * var(--sk)) calc(22 * var(--sk)) rgba(0,0,0,.55) }

/* Das Bild steht im oberen Teil, der Boden bleibt fuer die Spiegelung frei. */
/* Absolut gesetzt: so traegt das Bild nichts zur Kachelhoehe bei.
   Die Zeilenhoehe kommt allein vom Film in der Mitte, und Kacheln
   und Film schliessen oben wie unten buendig ab. */
body[data-seite="shop"] #rm-zeitung .rmshop-kachel img{
  position:absolute; z-index:2;
  left:0; right:0; top:14%; height:58%; width:100%;
  display:block; object-fit:contain; object-position:center center;
  background:none }

/* Die Spiegelung: dasselbe Bild, an der Standlinie geklappt und nach
   unten ausgeblendet. Die Adresse steht als --bild an der Kachel. */
body[data-seite="shop"] #rm-zeitung .rmshop-kachel::after{
  content:""; position:absolute; z-index:1;
  left:0; right:0; top:14%; height:58%;
  background:var(--bild) no-repeat center bottom / contain;
  transform:translateY(100%) scaleY(-1);
  opacity:.44;
  /* Die Maske wirkt vor der Spiegelung: was hier unten steht, liegt
     nach dem Klappen oben an der Standlinie. */
  -webkit-mask-image:linear-gradient(to bottom, transparent 28%, #000 100%);
          mask-image:linear-gradient(to bottom, transparent 28%, #000 100%) }

/* Keine Standlinie: die Spiegelung allein traegt den Boden. */

@media (max-width:900px){
  body[data-seite="shop"] #rm-zeitung .rmshop-neu{
    grid-template-columns:minmax(0,1fr) !important; gap:14px !important }
  body[data-seite="shop"] #rm-zeitung .rmshop-stueck{
    grid-column:1 !important; grid-row:1 !important;
    width:min(280px, 74vw) !important; margin:0 auto !important }
  body[data-seite="shop"] #rm-zeitung .rmshop-spalte{
    grid-template-columns:repeat(3, minmax(0,1fr));
    grid-template-rows:auto; gap:10px;
    max-width:none; justify-self:stretch }
  body[data-seite="shop"] #rm-zeitung .rmshop-kachel{ aspect-ratio:1 / 1 }
  body[data-seite="shop"] #rm-zeitung .rmshop-spalte{ height:auto }
  body[data-seite="shop"] #rm-zeitung .rmshop-ton{
    width:34px; height:34px; right:10px; bottom:10px }
  body[data-seite="shop"] #rm-zeitung .rmshop-ton svg{ width:17px }
}

/* 11o · Der Claim im Shop-Kopf ist laenger als auf den anderen Seiten
   ("MERCHANDISE ARTIKEL IN DER VORSCHAU", 34 Zeichen gegen 24 bei /media).
   Mit dem Originalmass stand er ueber dem Bannerrand — hier enger gesetzt. */
body[data-seite="shop"] .kz-claim{
  font-size:calc(var(--u) * 26) !important;
  letter-spacing:.42em !important }
@media (max-width:820px){
  body[data-seite="shop"] .kz-claim{
    font-size:calc(var(--u) * 22) !important;
    letter-spacing:.30em !important }
}

/* ============================================================
   Nachtrag 26.09. — /band
   ============================================================ */

/* Ghost Show: Bild links, der komplette Text rechts daneben. */
body[data-seite="band"] .rmrb-sp{
  display:grid;
  grid-template-columns:minmax(0,34%) minmax(0,1fr);
  column-gap:calc(30 * var(--sk));
  align-items:start }
/* Der Titel steht ueber dem Text in der rechten Spalte, nicht ueber dem
   Bild — sonst bleibt links neben der Ueberschrift eine leere Flaeche. */
body[data-seite="band"] .rmrb-sp > .rmrb-kopf{ grid-column:2; grid-row:1; margin-top:0 }
body[data-seite="band"] .rmrb-sp > .rmrb-bild{ grid-column:1; grid-row:1 / span 99; margin:0 }
body[data-seite="band"] .rmrb-sp > *:not(.rmrb-kopf):not(.rmrb-bild){ grid-column:2 }

/* Datum, Ort, Laenge und Zuschauer stehen in einer Zeile,
   getrennt durch drei Mittelpunkte. */
body[data-seite="band"] .rm-gs-zahlen{
  display:flex !important; flex-wrap:wrap; justify-content:center;
  align-items:baseline;
  grid-template-columns:none !important; gap:0 !important;
  margin:calc(22 * var(--sk)) 0 !important }
body[data-seite="band"] .rm-gs-feld{
  display:flex; align-items:baseline; gap:.5em; text-align:left }
body[data-seite="band"] .rm-gs-feld + .rm-gs-feld::before{
  content:"\00b7"; margin:0 .85em; color:var(--creme-still) }
body[data-seite="band"] .rm-gs-wort{
  display:inline !important; margin:0 !important }
body[data-seite="band"] .rm-gs-wert{ display:inline !important }

/* Die Walze der vergangenen Konzerte steht etwas eingerueckt,
   darunter die Zeile und der Hinweis zur Vollstaendigkeit. */
/* Die Walze steht mittig im Satzspiegel: die laengste Zeile
   ("0027 - 30. NOVEMBER 2013 - BRANDENBURG AN DER HAVEL PAULIKLOSTER",
   64 Zeichen) fuellt ihn fast aus. */
/* Die Walze sitzt so, dass der Trennstrich zwischen Datum und Stadt
   genau in der Seitenmitte steht (er lag bei 928, Mitte ist 836).
   Was rechts nicht mehr hineinpasst, schneidet .cc ab. */
body[data-seite="band"] #t-counter .cc{ padding-left:calc(389 * var(--sk)) }
@media (max-width:900px){
  body[data-seite="band"] #t-counter .cc{ padding-left:16px }
}
body[data-seite="band"] #t-counter .cc-zeile{
  margin:calc(26 * var(--sk)) auto 0;
  font-size:1.02rem; line-height:1.5; color:var(--creme-leise);
  text-align:center !important; text-align-last:center !important }
body[data-seite="band"] #t-counter .cc-note{
  margin:calc(12 * var(--sk)) auto 0;
  max-width:calc(1180 * var(--sk));
  font-size:1.02rem; line-height:1.5; color:var(--creme-still);
  text-align:center !important; text-align-last:center !important;
  hyphens:manual }
body[data-seite="band"] #t-counter .cc-note a{ color:var(--creme-leise) }

@media (max-width:760px){
  /* 29.09.: Auf schmalen Fenstern kein Raster mehr — der Titel behielt
     dort "grid-column:2" und rutschte samt Text in eine zweite, leere
     Spalte. Jetzt in Leserichtung: Titel, Bild (volle Satzbreite), Text,
     darunter die vier Eckdaten als vier mittig gesetzte Zeilen. */
  body[data-seite="band"] .rmrb-sp{ display:block }
  body[data-seite="band"] .rmrb-sp > .rmrb-kopf{ margin:0 0 16px }
  body[data-seite="band"] .rmrb-sp > .rmrb-bild{ float:none !important; width:100% !important;
    max-width:none !important; margin:0 0 18px !important }
  body[data-seite="band"] .rmrb-sp > .rmrb-bild figure{ max-width:none !important; margin:0 !important }
  /* Der Baustein setzt "#rm-zeitung .rmrb-sp .rm-gs-zahlen" mit !important auf
     zwei Spalten — darum hier dieselbe Kennung davor, sonst gewinnt er. */
  body[data-seite="band"] #rm-zeitung .rmrb-sp .rm-gs-zahlen,
  body[data-seite="band"] .rm-gs-zahlen{ display:grid !important;
    grid-template-columns:1fr !important; gap:10px 0 !important;
    justify-items:center; margin:22px 0 0 !important }
  body[data-seite="band"] .rm-gs-feld{ display:flex; flex-direction:row; align-items:baseline;
    justify-content:center; gap:.6em; text-align:center; width:100% }
  body[data-seite="band"] .rm-gs-feld + .rm-gs-feld::before{ content:none; margin:0 }
  body[data-seite="band"] .rm-gs-wort{ display:inline !important; margin:0 !important }
  body[data-seite="band"] .rm-gs-wert{ display:inline !important }
  body[data-seite="band"] #t-counter .cc{ padding-left:0 }
}

/* ============================================================
   Nachtrag 26.09. — Cover Flow auf /media
   Die Veroeffentlichungen stehen nicht mehr im Raster, sondern
   hintereinander gestaffelt: das gewaehlte Cover frontal in der
   Mitte, die uebrigen perspektivisch weggedreht, jedes mit
   Spiegelung am Boden. Bedient wird es mit dem Mausrad, durch
   Ziehen, mit Klick auf ein Cover und mit den Pfeiltasten.
   Das Markup bleibt, wie es in musik.html steht.
   ============================================================ */

/* Ueberschrift und Einleitung stehen mittig ueber der Praesentation. */
body[data-seite="media"] #t0 .schlagzeile,
body[data-seite="media"] #t1 .schlagzeile,
body[data-seite="media"] #t0 > .rmz-inhalt > p:not(.rmm-dienste):not(.rmcf-hinweis),
body[data-seite="media"] #t1 > .rmz-inhalt > p:not(.rmm-dienste):not(.rmcf-hinweis){
  width:100% !important; max-width:none !important;
  column-count:1 !important;
  text-align:center !important; text-align-last:center !important;
  hyphens:manual !important;
  margin-left:auto !important; margin-right:auto !important }
body[data-seite="media"] #rm-zeitung .platten.rmcf,
body[data-seite="media"] #rm-zeitung .filme.rmcf{
  display:block !important;
  position:relative;
  height:calc(640 * var(--sk));
  margin-top:calc(34 * var(--sk)) !important;
  perspective:calc(1700 * var(--sk));
  perspective-origin:50% 42%;
  overflow:hidden;
  cursor:grab;
  touch-action:pan-y;
  -webkit-user-select:none; user-select:none }
body[data-seite="media"] #rm-zeitung .rmcf.ist-gefasst{ cursor:grabbing }

body[data-seite="media"] #rm-zeitung .rmcf .platte,
body[data-seite="media"] #rm-zeitung .rmcf .film{
  position:absolute; top:calc(26 * var(--sk)); left:50%;
  width:calc(340 * var(--sk));
  margin:0; border:0 !important; background:none !important;
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .55s cubic-bezier(.22,.61,.36,1), opacity .55s ease }
body[data-seite="media"] #rm-zeitung .rmcf .platte:hover,
body[data-seite="media"] #rm-zeitung .rmcf .film:hover{ box-shadow:none }

body[data-seite="media"] #rm-zeitung .rmcf .platte__rahmen,
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen{
  position:relative; display:block; line-height:0;
  box-shadow:0 calc(18 * var(--sk)) calc(46 * var(--sk)) rgba(0,0,0,.6) }
body[data-seite="media"] #rm-zeitung .rmcf .platte__rahmen img,
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen img{
  width:100%; height:auto; display:block }

/* Die Spiegelung: dasselbe Bild, an der Unterkante geklappt. */
body[data-seite="media"] #rm-zeitung .rmcf .platte__rahmen::after,
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen::after{
  content:""; position:absolute; left:0; right:0; top:100%; height:100%;
  background:var(--bild) no-repeat center top / 100% 100%;
  transform:scaleY(-1);
  opacity:.28;
  /* Die Maske wirkt vor der Spiegelung: was hier unten kraeftig steht,
     liegt nach dem Klappen oben an der Kante des Covers. */
  -webkit-mask-image:linear-gradient(to bottom, transparent 40%, #000 100%);
          mask-image:linear-gradient(to bottom, transparent 40%, #000 100%);
  pointer-events:none }

/* Der Titel steht direkt unter seinem Cover, im oberen Teil der
   Spiegelung, und ist nur beim vorderen Cover zu sehen. */
body[data-seite="media"] #rm-zeitung .rmcf .platte__titel,
body[data-seite="media"] #rm-zeitung .rmcf .film__titel{
  position:absolute; left:50%; top:calc(100% + 14 * var(--sk));
  transform:translateX(-50%);
  width:max-content; max-width:130%;
  padding:0; text-align:center;
  font-size:1.02rem !important; line-height:1.3; color:var(--creme);
  text-shadow:0 calc(2 * var(--sk)) calc(10 * var(--sk)) rgba(0,0,0,.92);
  opacity:0; transition:opacity .35s ease; pointer-events:none; z-index:3 }
body[data-seite="media"] #rm-zeitung .rmcf .platte.ist-vorn .platte__titel,
body[data-seite="media"] #rm-zeitung .rmcf .film.ist-vorn .film__titel{ opacity:1 }

body[data-seite="media"] #t0 > .rmz-inhalt > .rmcf-hinweis{ grid-column:1 / -1; grid-row:7 }
body[data-seite="media"] .rmz-inhalt > .rmcf-hinweis{ grid-column:1 / -1 }

body[data-seite="media"] .rmz-inhalt > .rmcf-hinweis,
body[data-seite="media"] #rm-zeitung .rmcf-hinweis{
  margin:calc(10 * var(--sk)) 0 0 !important;
  width:100% !important; max-width:none !important;
  column-count:1 !important;
  text-align:center !important; text-align-last:center !important;
  font-family:var(--grotesk) !important; font-weight:500 !important;
  font-size:.86rem !important; letter-spacing:.2em; text-transform:uppercase;
  color:var(--creme-still) !important }

@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .platten.rmcf,
  body[data-seite="media"] #rm-zeitung .filme.rmcf{
    height:410px; perspective:1100px }
  body[data-seite="media"] #rm-zeitung .rmcf .platte,
  body[data-seite="media"] #rm-zeitung .rmcf .film{ width:210px; top:16px }
  body[data-seite="media"] #rm-zeitung .rmcf .platte__titel,
  body[data-seite="media"] #rm-zeitung .rmcf .film__titel{ font-size:.94rem !important }
}
@media (prefers-reduced-motion: reduce){
  body[data-seite="media"] #rm-zeitung .rmcf .platte,
  body[data-seite="media"] #rm-zeitung .rmcf .film{ transition:none }
}


/* Die Filme im Cover Flow: Format 16:9, darum ein breiteres Stueck.
   Der Beschreibungstext des vorderen Films steht unter dem Titel. */
body[data-seite="media"] #rm-zeitung .filme.rmcf{ height:calc(560 * var(--sk)) }
body[data-seite="media"] #rm-zeitung .rmcf .film{ width:calc(460 * var(--sk)); top:calc(60 * var(--sk)) }
/* Kein overflow:hidden — sonst wird die Spiegelung darunter abgeschnitten.
   Das Vorschaubild beschneidet sich selbst ueber object-fit. */
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen{ overflow:visible }
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen img{
  aspect-ratio:16 / 9; object-fit:cover }
/* Das Querformat gibt weniger Spiegelflaeche her als ein quadratisches
   Cover, darum hier kraeftiger und laenger auslaufend. */
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen::after{
  background-size:100% 100%;
  opacity:.46;
  -webkit-mask-image:linear-gradient(to bottom, transparent 16%, #000 100%);
          mask-image:linear-gradient(to bottom, transparent 16%, #000 100%) }
body[data-seite="media"] #rm-zeitung .rmcf .film__text{
  position:absolute; left:50%; top:calc(100% + 52 * var(--sk));
  transform:translateX(-50%);
  width:calc(620 * var(--sk)); max-width:none;
  padding:0; text-align:center;
  font-size:1.02rem; line-height:1.5; color:var(--creme-leise);
  text-shadow:0 calc(2 * var(--sk)) calc(10 * var(--sk)) rgba(0,0,0,.92);
  opacity:0; transition:opacity .35s ease; pointer-events:none; z-index:3 }
body[data-seite="media"] #rm-zeitung .rmcf .film.ist-vorn .film__text{ opacity:1 }
/* Nach dem Klick laeuft im vorderen Stueck das Fenster von YouTube. */
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen iframe{
  width:100%; aspect-ratio:16 / 9; border:0; display:block }
@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .filme.rmcf{ height:330px }
  body[data-seite="media"] #rm-zeitung .rmcf .film{ width:280px; top:34px }
  body[data-seite="media"] #rm-zeitung .rmcf .film__text{
    width:300px; font-size:.94rem; top:calc(100% + 42px) }
}

/* ============================================================
   Podcast auf /media: das Cover steht in der Mitte, der Text
   verteilt sich links und rechts davon. Das Cover bekommt einen
   Rahmen und eine Spiegelung wie die Alben, die Dienste stehen
   als Reihe darunter.
   ============================================================ */
body[data-seite="media"] #t2 .rmrb-sp{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  grid-template-rows:auto auto 1fr !important;
  column-gap:calc(46 * var(--sk)); align-items:start }
/* Der Titel steht mittig ueber allem, in der Groesse der anderen
   Abschnittsueberschriften. */
body[data-seite="media"] #t2 .rmrb-kopf{
  grid-column:1 / -1 !important; grid-row:1 !important;
  margin:0 0 calc(26 * var(--sk)) !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:var(--creme) !important;
  text-align:center !important; text-align-last:center !important }
body[data-seite="media"] #t2 .rmrb-bild{
  grid-column:2 !important; grid-row:2 / span 2 !important;
  width:calc(340 * var(--sk)); margin:0 }
/* Links und rechts beginnen die Texte auf derselben Hoehe. */
body[data-seite="media"] #t2 .rm-block:nth-of-type(1){
  grid-column:1 !important; grid-row:2 !important; align-self:start !important;
  text-align:right !important; text-align-last:right !important;
  text-indent:0 !important; margin:0 }
body[data-seite="media"] #t2 .rm-block:nth-of-type(2){
  grid-column:3 !important; grid-row:2 !important; align-self:start !important;
  text-align:left !important; text-align-last:left !important;
  text-indent:0 !important; margin:0 }
/* Die Symbole sitzen auf der Grundlinie des Covers. */
body[data-seite="media"] #t2 .rmrb-hoerbar{
  grid-column:3 !important; grid-row:3 !important;
  align-self:end !important;
  display:flex !important; flex-wrap:wrap; align-items:center;
  justify-content:flex-start !important;
  gap:calc(16 * var(--sk)); margin:calc(14 * var(--sk)) 0 0 !important }

@media (max-width:900px){
  body[data-seite="media"] #t2 .rmrb-sp{
    grid-template-columns:1fr !important; column-gap:0 }
  body[data-seite="media"] #t2 .rmrb-bild{
    grid-column:1 !important; grid-row:2 !important;
    width:min(280px, 74vw); margin:0 auto 18px }
  body[data-seite="media"] #t2 .rmrb-sp{ grid-template-rows:none !important }

  body[data-seite="media"] #t2 .rmrb-kopf,
  body[data-seite="media"] #t2 .rm-block:nth-of-type(1),
  body[data-seite="media"] #t2 .rm-block:nth-of-type(2),
  body[data-seite="media"] #t2 .rmrb-hoerbar{
    grid-column:1 !important; grid-row:auto !important;
    text-align:left !important; text-align-last:left !important;
    justify-content:center !important }
  body[data-seite="media"] #t2 .rm-block{ margin-top:12px !important }
}

/* Ein Untertitel unter dem Covertitel, wo einer vorhanden ist. */
body[data-seite="media"] #rm-zeitung .rmcf .platte__text{
  position:absolute; left:50%; top:calc(100% + 42 * var(--sk));
  transform:translateX(-50%);
  width:max-content; max-width:130%;
  text-align:center; font-size:.94rem; line-height:1.35;
  color:var(--creme-leise);
  text-shadow:0 calc(2 * var(--sk)) calc(10 * var(--sk)) rgba(0,0,0,.92);
  opacity:0; transition:opacity .35s ease; pointer-events:none; z-index:3 }
body[data-seite="media"] #rm-zeitung .rmcf .platte.ist-vorn .platte__text{ opacity:1 }


/* Auf /shop gibt es nur einen Abschnitt; seine Trennlinie wiederholt
   nur, was schon im Kopf und in der Sprungleiste steht. */
body[data-seite="shop"] #rm-zeitung .rmz-teilkopf{ display:none !important }


/* ---- Podcast: Cover wie eine Platte im Regal ---- */
body[data-seite="media"] #t2 .rmrb-bild{ position:relative }
body[data-seite="media"] #t2 .rmrb-bild img{
  display:block; width:100%; height:auto;
  box-shadow:0 calc(16 * var(--sk)) calc(42 * var(--sk)) rgba(0,0,0,.62) }
/* Spiegelung am Boden, wie bei den Alben */
body[data-seite="media"] #t2 .rmrb-bild::after{
  content:""; position:absolute; left:0; right:0; top:100%; height:100%;
  background:var(--pod-bild) no-repeat center top / 100% 100%;
  transform:scaleY(-1); opacity:.24;
  -webkit-mask-image:linear-gradient(to bottom, transparent 46%, #000 100%);
          mask-image:linear-gradient(to bottom, transparent 46%, #000 100%);
  pointer-events:none }
/* Die Bildunterschrift stoert im neuen Satz */
body[data-seite="media"] #t2 .rmrb-bild figcaption,
body[data-seite="media"] #t2 .rmrb-bild .rm-pod-bild figcaption{ display:none !important }

/* Der Titel laeuft als Schlagzeile (Klasse kommt aus dem Skript),
   darum hier keine eigene Groesse. Der Text bekommt Luft. */
body[data-seite="media"] #t2 .rm-block{
  font-size:1.02rem !important; line-height:1.62 !important; color:var(--creme-leise) }

/* Die Dienste als ruhige Reihe unter dem rechten Text */
body[data-seite="media"] #t2 .rmrb-dienste{
  display:flex !important; flex-wrap:wrap; align-items:center;
  gap:calc(20 * var(--sk)) }
body[data-seite="media"] #t2 .rmrb-dienst{
  width:calc(44 * var(--sk)) !important; height:calc(44 * var(--sk)) !important }
@media (max-width:900px){
  body[data-seite="media"] #t2 .rmrb-dienst{ width:36px !important; height:36px !important }
  body[data-seite="media"] #t2 .rmrb-bild::after{ display:none }
}


/* ============================================================
   Vignette auf den Fotos unterhalb der Sprungleiste.
   Die Seite steht auf Schwarz, darum genuegt eine Maske: was zum
   Rand hin durchsichtig wird, wirkt dort dunkler. Der Verlauf setzt
   erst bei 62 Prozent an und greift damit hoechstens ein Fuenftel
   ins Bild. Die freigestellten Artikel im Shop bleiben aussen vor.
   ============================================================ */
#rm-zeitung .platte__rahmen img,
#rm-zeitung .film__rahmen img,
#rm-zeitung .rmlb__bild img,
#rm-zeitung .rmlb__thumb img,
#rm-zeitung .rm-rahmen img,
#rm-zeitung .bandbild img,
#rm-zeitung .musiker img,
#rm-zeitung .rmpod-cover{
  -webkit-mask-image:radial-gradient(ellipse at 50% 48%,
    #000 0%, #000 62%, rgba(0,0,0,.90) 82%, rgba(0,0,0,.58) 100%);
          mask-image:radial-gradient(ellipse at 50% 48%,
    #000 0%, #000 62%, rgba(0,0,0,.90) 82%, rgba(0,0,0,.58) 100%) }

/* Die Konzertfotos der Impressionen sind gross und oft hell; sie
   brauchen eine kraeftigere Vignette. "farthest-side" legt das Ende des
   Verlaufs auf die Bildkante statt auf die Ecke — nur so wirkt er
   wirklich am Rand und laeuft nicht ins Zentrum. */
#rm-zeitung .rmlb__bild img{
  -webkit-mask-image:radial-gradient(farthest-side ellipse at 50% 48%,
    #000 0%, #000 66%, rgba(0,0,0,.86) 82%, rgba(0,0,0,.56) 93%, rgba(0,0,0,.28) 100%);
          mask-image:radial-gradient(farthest-side ellipse at 50% 48%,
    #000 0%, #000 66%, rgba(0,0,0,.86) 82%, rgba(0,0,0,.56) 93%, rgba(0,0,0,.28) 100%) }

/* Der Film im Schaufenster bekommt denselben grauen Rahmen wie die
   Artikelkacheln — als Auflage, damit das Video ihn nicht verdeckt. */
body[data-seite="shop"] #rm-zeitung .rmshop-tor{ position:relative }
body[data-seite="shop"] #rm-zeitung .rmshop-tor::after{
  content:""; position:absolute; inset:0; z-index:2;
  border:1px solid rgba(242,237,228,.20); border-radius:2px;
  pointer-events:none; transition:border-color .3s ease }
body[data-seite="shop"] #rm-zeitung .rmshop-tor:hover::after{
  border-color:rgba(242,237,228,.34) }


/* "The Ghost Show" steht in derselben Form wie "FAQ" weiter oben:
   Newsreader, 2,6rem, normaler Schnitt, cremeweiss. */
body[data-seite="band"] .rmrb-sp > .rmrb-kopf{
  font-family:var(--serif, "Newsreader", Georgia, serif) !important;
  font-size:2.6rem !important; font-weight:400 !important;
  line-height:1.12 !important; letter-spacing:-.015em !important;
  text-transform:none !important; color:var(--creme) !important }
@media (max-width:760px){
  body[data-seite="band"] .rmrb-sp > .rmrb-kopf{ font-size:1.56rem !important }
}


/* Video und Podcast standen 72 Einheiten unter dem vorigen Abschnitt,
   Audio nur 40. Jetzt haben alle drei denselben Abstand. */
body[data-seite="media"] .teil > .rubrik{
  margin-top:calc(40 * var(--sk)) !important }

/* Die Symbole beim Podcast bekommen denselben Schwung wie die
   Netz-Symbole in der Fusszeile (gemein.css, .netze a). */
body[data-seite="media"] #t2 .rmrb-dienst{
  transform-origin:center center; will-change:transform;
  transition:scale .9s var(--feder), color .3s ease, filter .3s ease }
body[data-seite="media"] #t2 .rmrb-dienst:hover,
body[data-seite="media"] #t2 .rmrb-dienst:focus-visible{
  scale:calc(1 + .5 * var(--fx-swing));
  animation:fx-dreh 1.05s linear, fx-schub .86s linear, fx-scher 1.18s linear;
  filter:drop-shadow(0 0 calc(6 * var(--sk)) rgba(255,255,255,.55))
         drop-shadow(0 0 calc(16 * var(--sk)) rgba(255,255,255,.30)) }
@media (prefers-reduced-motion: reduce){
  body[data-seite="media"] #t2 .rmrb-dienst{ transition:color .2s ease }
  body[data-seite="media"] #t2 .rmrb-dienst:hover{ scale:1; animation:none }
}


/* ============================================================
   Nachtrag 26.09. — Punkte 3, 4 und 5 der Runde vom 26.09.
   ============================================================ */

/* --- 5 · Bildunterschrift auf /band in einer Zeile ---
   "Remode, Bandfoto." links, der Bildnachweis rechts. Vorher trennte
   ein <br> die beiden, und der Nachweis stand allein in Zeile zwei. */
.satz .bandbild figcaption{
  display:flex; justify-content:space-between; align-items:baseline;
  gap:calc(20 * var(--sk)) }
.satz .bandbild figcaption span{ display:block }

/* --- 3 · Der Pressekit-Hinweis ist ein Satz, kein Raster ---
   Als Flex-Kasten zerfiel der Satz in Bloecke, zwischen denen die
   gap von 14 Einheiten stand: mitten im Fliesstext klafften Luecken.
   Als gewoehnlicher Absatz laeuft er durch und steht mittig. */
body[data-seite="presse"] #rm-zeitung .rmz-kit__zeile{
  display:block !important;
  max-width:calc(880 * var(--sk)); margin:0 auto !important;
  text-align:center !important; text-align-last:center !important;
  hyphens:none }

/* ============================================================
   Nachtrag 26.09. — Punkt 2: die Impressionen
   ------------------------------------------------------------
   Vier Aenderungen an einem Stueck: die Vignette liegt nicht mehr
   auf dem Bild, sondern darueber; die Pfeile stehen neben dem Bild
   statt darin; Ort und Datum ruecken nach oben, Titel und Nachweis
   auf die Grundlinie des Bildes; und ein Knopf startet die Diaschau.
   ============================================================ */

/* --- 2a · Buehne: zwei schmale Spalten fuer die Pfeile ---
   Vorher lagen die Pfeile im Bild und mussten sich ihren Platz mit
   dem Motiv teilen. Jetzt haben sie eine eigene Spalte, und das Bild
   behaelt seinen Beschnitt. */
body[data-seite="presse"] .rmlb__buehne{
  grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1fr) !important;
  align-items:stretch !important }
body[data-seite="presse"] .rmlb__bild{ grid-column:2 !important; grid-row:1 !important;
  margin:0 !important }
body[data-seite="presse"] .rmlb__rechts{ grid-column:3 !important }

/* Ort und Datum nach oben, Titel und Nachweis auf die Grundlinie. */
body[data-seite="presse"] .rmlb__satz{ align-self:start !important }
body[data-seite="presse"] .rmlb__rechts{ align-self:end !important }

/* --- 2b/2c · Die Bedienung steht ueber dem Titel: fuenf kleine
   Vierecke — beenden, abspielen, anhalten, zurueck, vor. --- */
body[data-seite="presse"] .rmlb__steuer{
  display:flex; gap:calc(8 * var(--sk));
  margin:0 0 calc(16 * var(--sk)) }
body[data-seite="presse"] .rmlb__knopf{
  width:calc(44 * var(--sk)); height:calc(44 * var(--sk));
  flex:0 0 auto;
  display:grid; place-items:center; padding:0; cursor:pointer;
  border:1px solid var(--gold-kante); border-radius:0;
  background:rgba(8,8,9,.46); color:var(--creme-still);
  transition:border-color .25s, background .25s, color .25s }
body[data-seite="presse"] .rmlb__knopf svg{
  width:calc(22 * var(--sk)); height:auto; display:block }
body[data-seite="presse"] .rmlb__knopf:hover,
body[data-seite="presse"] .rmlb__knopf:focus-visible{
  border-color:var(--gold); background:rgba(211,176,119,.12); color:#f0dcb6 }
body[data-seite="presse"] .rmlb__knopf.ist-an{
  border-color:var(--gold); color:var(--gold) }
/* Die Pfeile stehen in derselben Reihe und haben dort weder Kreis
   noch Sonderplatz mehr. */
body[data-seite="presse"] .rmlb__pfeil{
  position:static !important; transform:none !important;
  left:auto !important; right:auto !important; top:auto !important;
  margin:0 !important }

/* --- 2d · Die Vignette liegt ueber dem Bild, nicht darin ---
   Als Maske am <img> wanderte sie beim Zeigen mit dem Bild nach aussen;
   an der Kante blieb ein heller Saum stehen. Als eigene Lage bleibt sie
   stehen, wo sie hingehoert, und das Bild bleibt im Rahmen.
   Der Verlauf hat jetzt mehr Stufen — dadurch ist der Uebergang weich —
   und schliesst am Rand in der Farbe der Seite. */
body[data-seite="presse"] .rmlb__bild{ overflow:hidden !important }
body[data-seite="presse"] #rm-zeitung .rmlb__bild img{
  -webkit-mask-image:none !important; mask-image:none !important }
/* Kein Rund, sondern zwei Kanten: links und rechts laeuft das Bild in
   die Farbe der Seite aus. Aussen deckt es voll, nach innen nimmt es
   ueber fuenfzehn Prozent der Breite sehr weich ab — oben und unten
   bleibt das Bild unberuehrt. */
body[data-seite="presse"] .rmlb__vignette{
  display:block !important; z-index:3; opacity:1 !important;
  background:
    linear-gradient(90deg,
      rgba(11,11,12,1) 0%,
      rgba(11,11,12,.88) 1.5%,
      rgba(11,11,12,.70) 3.2%,
      rgba(11,11,12,.52) 5%,
      rgba(11,11,12,.36) 7%,
      rgba(11,11,12,.23) 9%,
      rgba(11,11,12,.13) 11%,
      rgba(11,11,12,.06) 13%,
      rgba(11,11,12,0) 15%),
    linear-gradient(270deg,
      rgba(11,11,12,1) 0%,
      rgba(11,11,12,.88) 1.5%,
      rgba(11,11,12,.70) 3.2%,
      rgba(11,11,12,.52) 5%,
      rgba(11,11,12,.36) 7%,
      rgba(11,11,12,.23) 9%,
      rgba(11,11,12,.13) 11%,
      rgba(11,11,12,.06) 13%,
      rgba(11,11,12,0) 15%) !important }
body[data-seite="presse"] .rmlb__bild:hover .rmlb__vignette{ opacity:1 !important }

/* --- 2e · Die Diaschau ---
   Zwei Blaetter uebereinander. Das kommende tritt aus der Unschaerfe
   hervor, waehrend das gehende sich darin verliert; beide sind kurz
   zugleich da, darum wirkt es als Uebergang und nicht als Schnitt.
   Bewegung, Flimmern und Lichtschlaege sind dieselben wie im Querband
   der Startseite — nur die Entsaettigung bleibt aus, die Konzertfotos
   behalten ihre Farbe. */
body[data-seite="presse"] .rmlb__folge{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  opacity:0; transition:opacity .4s ease }
body[data-seite="presse"] .rmlb.ist-auto .rmlb__folge{ opacity:1 }
body[data-seite="presse"] .rmlb.ist-auto .rmlb__bild > img{ opacity:0 !important }
body[data-seite="presse"] .rmlb__blatt{
  position:absolute; inset:0; opacity:0; overflow:hidden;
  filter:blur(20px) saturate(.45);
  transform:scale(1.05);
  transition:opacity 1.6s ease,
             filter 1.7s ease,
             transform 1.9s cubic-bezier(.22,.68,.32,1) }
body[data-seite="presse"] .rmlb__blatt.ist-da{
  opacity:1; filter:blur(0) saturate(1); transform:scale(1) }
body[data-seite="presse"] .rmlb__blatt.geht{
  opacity:0; filter:blur(26px) saturate(.35); transform:scale(.965) }
body[data-seite="presse"] .rmlb__blatt img{
  width:100%; height:100%; object-fit:cover; object-position:center 42%;
  display:block; opacity:1;
  filter:contrast(1.06) saturate(1.08) brightness(1.08);
  transform:scale(1.4);
  -webkit-mask-image:none; mask-image:none }
/* Die Zufahrt laeuft ueber zweieinhalb Takte, damit die Bewegung so
   ruhig bleibt wie auf der Startseite (dort 26 Sekunden bei 11). */
body[data-seite="presse"] .rmlb__blatt.ist-da img{
  animation:rmlb-zufahrt 17s linear forwards,
            rmlb-flimmern 2.9s linear infinite }
@keyframes rmlb-zufahrt{
  from{ transform:scale(1) }
  to  { transform:scale(1.4) }
}
@keyframes rmlb-flimmern{
  0%   { filter:contrast(1.06) saturate(1.08) brightness(1.080) }
  8%   { filter:contrast(1.07) saturate(1.08) brightness(1.020) }
  17%  { filter:contrast(1.06) saturate(1.08) brightness(1.128) }
  23%  { filter:contrast(1.08) saturate(1.08) brightness(1.046) }
  38%  { filter:contrast(1.06) saturate(1.08) brightness(1.112) }
  46%  { filter:contrast(1.07) saturate(1.08) brightness(1.029) }
  57%  { filter:contrast(1.06) saturate(1.08) brightness(1.121) }
  63%  { filter:contrast(1.08) saturate(1.08) brightness(1.053) }
  79%  { filter:contrast(1.06) saturate(1.08) brightness(1.105) }
  88%  { filter:contrast(1.07) saturate(1.08) brightness(1.036) }
  100% { filter:contrast(1.06) saturate(1.08) brightness(1.080) }
}
/* Eine Lage ueber dem Bild, die selten kurz aufleuchtet — wie ein
   Blitz im Publikum. Weiches Licht: Schwarz bleibt schwarz. */
body[data-seite="presse"] .rmlb__blitz{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:#fff; mix-blend-mode:soft-light; opacity:0; transition:none }

@media (max-width:900px){
  body[data-seite="presse"] .rmlb__buehne{ display:block !important }
  body[data-seite="presse"] .rmlb__steuer{
    gap:8px; margin:0 0 12px; padding:0 20px }
  body[data-seite="presse"] .rmlb__knopf{ width:30px !important; height:30px !important }
  body[data-seite="presse"] .rmlb__knopf svg{ width:15px }
}
@media (prefers-reduced-motion: reduce){
  body[data-seite="presse"] .rmlb__blatt{ transition:none }
  body[data-seite="presse"] .rmlb__blatt.ist-da img{ animation:none }
}


/* ============================================================
   29.09.2026 — Auftauchen und Mitziehen beim Blaettern, wie auf den
   Konzertseiten (konzert/stil.css .zeig / [data-zieh]). Die Klassen
   vergibt neu/seite.php am Seitenende per Skript; hier steht nur das
   Aussehen. Wer "Bewegung reduzieren" eingestellt hat, sieht alles
   sofort und ohne Versatz.
   ============================================================ */
/* 29.09., zweite Fassung: sanfter als auf den Konzertseiten (dort 26 px / 0,9 s),
   weil die Bloecke hier groesser sind — 12 px Weg, 0,75 s. */
#rm-zeitung .zeig{
  opacity:0; transform:translate3d(0,12px,0);
  transition:opacity .75s cubic-bezier(.16,.84,.34,1), transform .75s cubic-bezier(.16,.84,.34,1) }
#rm-zeitung .zeig.da{ opacity:1; transform:none }
[data-zieh]{ will-change:transform }
@media (prefers-reduced-motion: reduce){
  #rm-zeitung .zeig{ opacity:1; transform:none; transition:none }
  [data-zieh]{ transform:none !important }
}


/* ============================================================
   29.09.2026 — /media: Spiegelung der Filme, Abspielknopf, Podcast-Titel
   ============================================================ */

/* Die Vorschaubilder von YouTube (hqdefault) sind 4:3 mit schwarzen
   Balken; das Bild selbst wird per object-fit:cover auf 16:9 beschnitten.
   Die Spiegelung streckte dasselbe Bild aber auf 100 % x 100 % — verzerrt
   und mit Balken. Jetzt derselbe Beschnitt wie oben: cover, mittig. */
/* Zweite Ursache: die Filmkachel-Regel weiter oben nutzt ::after als
   Abspielknopf (52 x 52, rund, mittig). Die Spiegelung setzte nur left,
   right, top und height neu — Breite, Rundung und Verschiebung des
   Knopfes blieben, darum stand unter dem Film ein schmaler runder
   Streifen. Hier wird alles gesetzt. */
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen::after{
  display:block !important; /* die Kachelregel blendet ::after aus, sobald ein iframe drin ist — hier ist es die Spiegelung, die bleibt */
  left:0 !important; right:0 !important; top:100% !important;
  width:100% !important; height:100% !important;
  border-radius:0 !important; box-shadow:none !important; transition:none !important;
  transform:scaleY(-1) !important;
  background-color:transparent !important;
  background-image:var(--bild) !important;
  background-size:cover !important; background-position:center !important;
  background-repeat:no-repeat !important }
body[data-seite="media"] #rm-zeitung .rmcf .film:hover .film__rahmen::after{
  transform:scaleY(-1) !important; box-shadow:none !important }

/* 29.09., zweite Fassung: kein nachgebauter Abspielknopf mehr — das
   vordere Stueck zeigt den YouTube-Player selbst (neu/seite.php,
   rmCoverFlow), mit dessen eigenem Knopf. */
@media (max-width:900px){
  /* Der Titel des Podcasts steht auf schmalen Fenstern mittig ueber dem
     Cover, wie am Schreibtisch. */
  body[data-seite="media"] #t2 .rmrb-kopf{
    text-align:center !important; text-align-last:center !important }
}


/* ============================================================
   29.09.2026 — /media auf schmalen Fenstern: Hauptfilm + Wischleiste
   (Klasse .ist-leiste und der Block .rmfm kommen aus neu/seite.php,
   rmCoverFlow; am Schreibtisch bleibt der Cover Flow.)
   ============================================================ */
body[data-seite="media"] #rm-zeitung .rmfm{ margin:18px 0 0 }
body[data-seite="media"] #rm-zeitung .rmfm__rahmen{
  position:relative; aspect-ratio:16 / 9; width:100%; background:#000;
  border:1px solid var(--kante); border-radius:2px; overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.55) }
body[data-seite="media"] #rm-zeitung .rmfm__rahmen iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block }
body[data-seite="media"] #rm-zeitung .rmfm__titel{
  margin:14px 0 0 !important; text-align:center !important; text-align-last:center !important;
  font-family:"HeadCond","Anton",var(--grotesk),sans-serif; font-weight:400;
  font-size:1.3rem !important; line-height:1.15; color:var(--creme) }
body[data-seite="media"] #rm-zeitung .rmfm__text{
  margin:6px 0 0 !important; text-align:center !important; text-align-last:center !important;
  font-size:.94rem !important; line-height:1.5; color:var(--creme-leise) }

/* Das Original-Band der Stuecke ist auf schmalen Fenstern unsichtbar; die
   Leiste unter dem Hauptfilm besteht aus Abbildern (.rmfm__stueck). */
body[data-seite="media"] #rm-zeitung .filme.rmcf.ist-leiste{ display:none !important }

body[data-seite="media"] #rm-zeitung .rmfm__leiste{ position:relative; margin:16px 0 0 }
body[data-seite="media"] #rm-zeitung .rmfm__band{
  display:flex; gap:10px; align-items:flex-start;
  overflow-x:auto; overflow-y:hidden; padding:4px 0 6px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; touch-action:pan-x pan-y }
body[data-seite="media"] #rm-zeitung .rmfm__band::-webkit-scrollbar{ display:none }
body[data-seite="media"] #rm-zeitung .rmfm__stueck{
  flex:0 0 42vw; padding:0; border:0; background:none; cursor:pointer;
  text-align:left; color:inherit; font:inherit }
body[data-seite="media"] #rm-zeitung .rmfm__bild{
  display:block; aspect-ratio:16 / 9; overflow:hidden;
  border:1px solid var(--kante); border-radius:2px; background:#0a0d0e }
body[data-seite="media"] #rm-zeitung .rmfm__bild img{
  width:100%; height:100%; object-fit:cover; display:block;
  opacity:.72; filter:saturate(.75) }
body[data-seite="media"] #rm-zeitung .rmfm__stueck:active .rmfm__bild img{ opacity:1; filter:none }
body[data-seite="media"] #rm-zeitung .rmfm__name{
  display:block; padding:6px 2px 0;
  font-family:"KaSans","PT Sans Narrow",var(--grotesk),sans-serif;
  font-size:.78rem; line-height:1.3; color:var(--creme-still);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/* Die Blaetterzeichen liegen am linken und rechten Rand der Leiste, unten
   auf den Vorschaubildern: "<<" und ">>". Tippen rollt um gut ein halbes Fenster. */
body[data-seite="media"] #rm-zeitung .rmfm__pfeil{
  position:absolute; top:calc(42vw * 9 / 16 + 4px - 26px); z-index:2;
  width:34px; height:22px; display:grid; place-items:center;
  font-family:var(--grotesk); font-size:15px; line-height:1; letter-spacing:.05em;
  color:var(--creme); background:rgba(11,11,12,.72); border:1px solid rgba(242,237,228,.22);
  border-radius:2px; cursor:pointer; user-select:none; pointer-events:auto }
body[data-seite="media"] #rm-zeitung .rmfm__pfeil--l{ left:8px }
body[data-seite="media"] #rm-zeitung .rmfm__pfeil--r{ right:8px }

/* Spitzlicht (29.09., zweite Fassung): kein Lichtkegel hinter dem Stapel,
   sondern eine leuchtende Oberkante auf jedem Stueck — eine helle Linie
   plus ein kurzer Schein, der nach unten ausläuft. So stehen schwarze
   Cover und dunkle Filmbilder vor dem schwarzen Grund. Gilt fuer CDs und
   Filme, auch fuer das vordere Stueck mit laufendem Player. */
body[data-seite="media"] #rm-zeitung .rmcf .platte__rahmen::before,
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen::before{
  content:""; position:absolute; left:0; right:0; top:0; z-index:3; pointer-events:none;
  height:18%;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.62) 18%, rgba(255,255,255,.62) 82%, rgba(255,255,255,0) 100%) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 100%) }


/* ============================================================
   29.09.2026 — /media: BG Nova hinter CDs und Filmen
   Die Lage .rmcf-nova setzt neu/seite.php (rmCoverFlow) als erstes Kind
   des Abschnitts ein und rechnet ihre Hoehe aus. Sie ist absolut
   positioniert, liegt unter allem Inhalt (z-index -1 in einem isolierten
   Abschnitt) und veraendert kein Mass der Seite.
   ============================================================ */
body[data-seite="media"] #rm-zeitung #t0,
body[data-seite="media"] #rm-zeitung #t1{ position:relative; isolation:isolate }
body[data-seite="media"] #rm-zeitung .rmcf-nova{
  position:absolute; left:0; right:0; top:0; z-index:-1;
  height:calc(100vw * .42); max-height:none;
  pointer-events:none;
  background:url("/assets/img/bg-nova.jpg?v=1") center / cover no-repeat;
  /* Raender weich auslaufen lassen: nirgends eine Kante */
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 51%, #000 38%, rgba(0,0,0,.55) 66%, transparent 100%);
          mask-image:radial-gradient(ellipse 62% 58% at 50% 51%, #000 38%, rgba(0,0,0,.55) 66%, transparent 100%) }
@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .rmcf-nova{ height:calc(100vw * .95) }
}


/* ---- 29.09.2026: BG Smoke hinter den Filmen, Hi Light vor den CDs ---- */
body[data-seite="media"] #rm-zeitung .rmcf-nova--rauch{
  background-image:url("/assets/img/bg-smoke.jpg?v=1") }
/* Hi Light in jeder CD (29.09., zweite Fassung). Die Datei hat die
   Leuchtdichte als Deckkraft (Schwarz = durchsichtig), darum wirkt sie auch
   ausserhalb des Covers; auf dem Cover rechnet screen ("Negativ
   multiplizieren") das Licht dazu. Breite = 4,8 x Cover, Kern (46 %) auf
   der Oberkante. */
body[data-seite="media"] #rm-zeitung .rmcf .rmcf-licht{
  position:absolute; left:50%; top:0; z-index:4;
  /* 30.09.: ueber die ganze Bildschirmbreite hinaus — die auslaufenden
     Enden liegen ausserhalb des Fensters, der Abschnitt schneidet dort ab */
  width:120vw; height:calc(544 * var(--sk));
  transform:translate(-50%, -46.3%);
  background:url("/assets/img/hi-light.webp?v=1") center / 100% 100% no-repeat;
  pointer-events:none;
  opacity:0; transition:opacity .35s ease }
body[data-seite="media"] #rm-zeitung .rmcf .platte.ist-vorn .rmcf-licht{
  opacity:1; transition:opacity .7s ease .38s }
/* Der Streif ragt ueber den Stapel hinaus nach oben: waagerecht bleibt der
   Stapel beschnitten, senkrecht nicht mehr. */
@supports (overflow:clip){
  /* Der CD-Stapel schneidet nicht mehr selbst ab; beschnitten wird erst am
     Fensterrand (Abschnitt, nur waagerecht) — so laeuft der Lichtstreif
     ueber die ganze Breite, ohne Querscrollleiste. */
  body[data-seite="media"] #rm-zeitung .platten.rmcf{ overflow:visible !important }
  body[data-seite="media"] #rm-zeitung #t0{ overflow-x:clip; overflow-y:visible }
}
@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .rmcf .rmcf-licht{ height:336px }
}
@media (prefers-reduced-motion: reduce){
  body[data-seite="media"] #rm-zeitung .rmcf .rmcf-licht{ transition:none }
}


/* ============================================================
   30.09.2026 — CDs als duenne Box (Kartonkanten)
   ============================================================ */
/* Die Abdunkelung nach hinten sitzt jetzt am Cover und an den Kanten,
   nicht mehr am ganzen Stueck (sonst waere es flach). */
body[data-seite="media"] #rm-zeitung .rmcf .platte__rahmen,
body[data-seite="media"] #rm-zeitung .rmcf .film__rahmen{ filter:brightness(var(--hell, 1)) }
body[data-seite="media"] #rm-zeitung .rmcf .platte,
body[data-seite="media"] #rm-zeitung .rmcf .film{ transform-style:preserve-3d }

body[data-seite="media"] #rm-zeitung .rmcf{ --tiefe:calc(7 * var(--sk)) }
body[data-seite="media"] #rm-zeitung .rmcf .rmcf-kante{
  position:absolute; top:0; height:var(--kh, 100%); width:var(--tiefe);
  pointer-events:none; backface-visibility:visible;
  filter:brightness(calc(var(--hell, 1) * .6));
  box-shadow:inset 1px 0 rgba(255,255,255,.14), inset -1px 0 rgba(0,0,0,.55) }
/* links: der linke Rand des Covers, nach hinten geklappt */
body[data-seite="media"] #rm-zeitung .rmcf .rmcf-kante--l{
  left:0; transform-origin:left center; transform:rotateY(90deg);
  background:
    linear-gradient(90deg, rgba(0,0,0,.10) 0%, rgba(255,255,255,.10) 40%, rgba(0,0,0,.45) 100%),
    var(--bild) left center / auto 100% no-repeat, #151515 }
/* rechts: der rechte Rand des Covers */
body[data-seite="media"] #rm-zeitung .rmcf .rmcf-kante--r{
  right:0; transform-origin:right center; transform:rotateY(-90deg);
  background:
    linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(255,255,255,.10) 60%, rgba(0,0,0,.10) 100%),
    var(--bild) right center / auto 100% no-repeat, #151515 }
@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .rmcf{ --tiefe:5px }
}

/* n139: Mobil stehen Covertitel und Untertitel untereinander statt
   uebereinander; der CD-Stapel ist etwas niedriger, damit die
   Dienste-Knoepfe darunter ein Stueck hoeher sitzen. */
@media (max-width:900px){
  body[data-seite="media"] #rm-zeitung .platten.rmcf{ height:384px }
  body[data-seite="media"] #rm-zeitung .rmcf .platte__titel{ top:calc(100% + 12px) }
  body[data-seite="media"] #rm-zeitung .rmcf .platte__text{ top:calc(100% + 16px + 1.22rem); font-size:.86rem }
}