/* ============================================================================================================
   Startseite, ruhige Fassung von Variante A (Aron Ticket #22, 12.11.2026: „ruhiger, kompakter, klarer strukturiert“).
   Nur auf body.mk-ruhig (Startseite). Lädt nach mk.css und übersteuert dort nur, was die Startseite braucht;
   DPF- und Rechtsseiten bleiben unberührt.

   Regeln aus Arons Punkten A–Z:
   - Flächen: gebrochenes Weiß und sehr helles Grau für erklärende Abschnitte, mattes Anthrazit für dunkle (F). Kein Muster.
   - Gelb nur für Aktionen und kleine Orientierungspunkte (Absende-Knopf, Schritt-Nummern, Sterne) (D, E). Keine Textmarker,
     keine Zierlinien, keine gelben Rahmen.
   - Eine Schriftskala: h1 30/52 · h2 24/34 · h3 16/19 · Text 15/16 · klein 13/14. Keine Kursiven, Text linksbündig (G).
   - Ein Abstandsrhythmus: Abschnitt 44/72, Überschrift → Inhalt 16/24, gleiche Innenränder über .mk-innen (H).
   - Keine Puls-/Schimmer-Animationen (T, Z; Aron WhatsApp 13.11.2026: „ohne Glitzer oder Schimmer“).
   ============================================================================================================ */

body.mk-ruhig{
  --r-weiss:#fbfaf7;--r-grau:#f1f1ee;--r-anthrazit:#1f2022;--r-anthrazit-2:#292a2d;
  --r-text:#1d1d1f;--r-rund-k:8px;--r-rund:12px;--r-rund-g:16px;--r-leise:#55575b;--r-linie:#e3e2dd;--r-gelb:#FFCC01;--r-gruen:#1d9e52;
  background:var(--r-anthrazit)}
body.mk-ruhig em{color:inherit;font-weight:inherit}

/* ---- Kopf: Original-Logo, ruhig, mit Abstand zur Überschrift (C) ---------------------------------------- */
body.mk-ruhig .mk-kopfzeile{background:var(--r-anthrazit)}
body.mk-ruhig .mk-kopf-innen{padding-top:12px;padding-bottom:12px}
body.mk-ruhig img.mk-logo-bild{display:block;width:auto;height:52px}
@media (min-width:960px){
  body.mk-ruhig img.mk-logo-bild{height:60px}
  body.mk-ruhig .mk-kopf-innen{padding-top:18px;padding-bottom:18px}
  body.mk-ruhig .mk-nav a:hover,body.mk-ruhig .mk-nav a[aria-current=page]{border-color:rgba(255,255,255,.5)}
}
body.mk-ruhig .mk-fuss img.mk-logo-bild{height:56px}

/* Logo mittig und gut erkennbar (Aron 13.11. Punkt 1): Handy Logo Mitte, Menü rechts; Rechner Logo oben Mitte, Menü darunter */
body.mk-ruhig .mk-kopf-innen{display:grid;grid-template-columns:44px 1fr 44px;grid-template-areas:". logo burger";align-items:center}
body.mk-ruhig .mk-kopf-innen>.mk-logo{grid-area:logo;justify-self:center}
body.mk-ruhig .mk-burger{grid-area:burger;justify-self:end}
body.mk-ruhig .mk-nav{grid-area:nav}
body.mk-ruhig .mk-kopfzeile img.mk-logo-bild{height:64px}
@media (min-width:960px){
  body.mk-ruhig .mk-kopf-innen{grid-template-columns:1fr;grid-template-areas:"logo" "nav";row-gap:12px}
  body.mk-ruhig .mk-nav{justify-self:center}
  body.mk-ruhig .mk-kopfzeile img.mk-logo-bild{height:80px}
}

/* Gelb nur für drei Wörter in den Überschriften (Aron 13.11. Punkt 3): „einfach“, „kaufen“, „MeinKatalysator.de“ */
/* Markierung nach Arons Muster (13.11. 09:01, „verkaufen“/„ermitteln“): Wort in Textfarbe, darunter sein Pinselstrich, links rund und
   kräftig, nach rechts spitz auslaufend. Der Umriss ist aus seinem Bild abgenommen (nicht nachgezeichnet), Lage und Stärke wie bei ihm:
   dicht unter der Grundlinie, so breit wie das Wort, gut .14em stark (Simon 162349) */
body.mk-ruhig em.mr-gelb{font-style:normal;color:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 379 21' preserveAspectRatio='none'%3E%3Cpath d='M0 9 6 5.9 12 4.8 18 4.9 24 4.9 30 4.8 36 4.7 42 4.6 48 4.6 54 4.5 60 4.3 66 4 72 3.9 78 3.9 84 3.8 90 3.8 96 3.8 102 3.8 108 3.8 114 3.8 120 3.8 126 3.7 132 3.7 138 3.7 144 3.6 150 3.6 156 3.6 162 3.6 168 3.6 174 3.7 180 3.6 186 3.6 192 3.7 198 3.7 204 3.7 210 3.7 216 3.8 222 3.8 228 3.8 234 3.8 240 3.8 246 3.9 252 4.2 258 4.3 264 4.4 270 4.6 276 4.7 282 4.8 288 4.8 294 4.8 300 5 306 5.1 312 5.2 318 5.5 324 5.7 330 5.8 336 6 342 6.4 348 6.7 354 7.1 360 7.5 366 8.2 372 8.6 374 8.6 L374 9.7 372 10.1 366 11.1 360 11.5 354 12 348 12.1 342 12.3 336 12.4 330 12.5 324 12.6 318 12.7 312 12.8 306 12.8 300 12.9 294 13 288 13 282 13 276 13 270 13 264 13 258 13 252 13 246 13.1 240 13.1 234 13.1 228 13.1 222 13.1 216 13.1 210 13.1 204 13.1 198 13.1 192 13.1 186 13.1 180 13.1 174 13.1 168 13.1 162 13.2 156 13.2 150 13.2 144 13.4 138 13.6 132 13.8 126 13.8 120 14 114 14 108 14.1 102 14.1 96 14.2 90 14.2 84 14.3 78 14.3 72 14.3 66 14.4 60 14.5 54 14.7 48 14.9 42 15 36 15.1 30 15.3 24 15.4 18 15.6 12 16.5 6 16.2 0 12.6 C-2.7 12.6 -2.7 9 0 9Z' fill='%23FFCC01'/%3E%3C/svg%3E") no-repeat left bottom/100% .3em;padding:0 0 .03em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* zweizeilige Überschriften: Platz für den Strich zwischen den Zeilen (wie auf Arons Bild) */
body.mk-ruhig h2:has(em.mr-gelb){line-height:1.3}

/* ---- Abschnitte ------------------------------------------------------------------------------------------- */
.mr-abschnitt{padding:44px 0}
@media (min-width:960px){.mr-abschnitt{padding:72px 0}}
.mr-hell{background:var(--r-weiss);color:var(--r-text)}
.mr-grau{background:var(--r-grau);color:var(--r-text)}
.mr-dunkel{background:var(--r-anthrazit);color:#fff}
body.mk-ruhig .mr-hell h2,body.mk-ruhig .mr-grau h2,body.mk-ruhig .mr-hell h3,body.mk-ruhig .mr-grau h3{color:var(--r-text)}
body.mk-ruhig .mr-abschnitt h2{font-size:clamp(24px,6.2vw,34px);font-weight:700;line-height:1.18;letter-spacing:-.015em;margin:0 0 16px;text-align:left}
@media (min-width:960px){body.mk-ruhig .mr-abschnitt h2{margin-bottom:24px}}
body.mk-ruhig .mr-hell p,body.mk-ruhig .mr-grau p{color:var(--r-text)}
body.mk-ruhig .mr-hell b,body.mk-ruhig .mr-grau b{color:inherit}
body.mk-ruhig .mr-hell a,body.mk-ruhig .mr-grau a{color:var(--r-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mr-lead{margin:-6px 0 18px;font-size:15px;line-height:1.55;color:var(--r-leise)!important}
@media (min-width:960px){.mr-lead{font-size:16px}}

/* ---- 1 + 2  Hero: Überschrift · Auszahlung · zwei Fotos · WhatsApp | Video + Bewertungszeile (B, I) ------------ */
body.mk-ruhig .mr-hero{background:var(--r-anthrazit);padding:12px 0 40px}
.mr-hero-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.mr-hero-raster>*{min-width:0} /* Laufbänder dürfen die Spalte nicht aufziehen */
body.mk-ruhig .mr-hero h1{font-size:clamp(30px,8.4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}
.mr-auszahlung{margin:0 0 18px;font-size:clamp(14px,3.9vw,17px);font-weight:600;line-height:1.6;color:#fff}
/* Kopf nach Arons Bild (13.11. 09:27): Schlüsselwörter gelb, Unterzeile kleiner mit Strich unter „Auszahlung“ und „24 Stunden“ */
.mr-gelb-t{color:#FFCC01}
/* Karte „Zwei Fotos genügen“ nach Arons Bild (13.11. 11:30): weiß, zwei nummerierte Schritte mit Foto, Logo-Satz, WhatsApp-Knopf */
.mr-zwei-karte{margin:0 0 20px;padding:18px 16px 16px;border-radius:var(--r-rund-g);background:#fff;color:#111;text-align:center}
.mr-zk-titel{margin:0 0 4px;font-size:clamp(24px,7vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#111}
.mr-zk-unter{margin:0 0 14px;font-size:15px;line-height:1.4;color:#3a3a3a}
.mr-zk-schritte{list-style:none;margin:0;padding:0;display:grid;gap:14px;text-align:left}
.mr-zk-schritt{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:clamp(15px,4.3vw,18px);font-weight:700;line-height:1.25;color:#111}
.mr-zk-nr{flex:none;display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 5px;border-radius:7px;background:#FFCC01;font-weight:800}
.mr-zk-schritte img{display:block;width:100%;height:auto;border-radius:10px;background:#ddd}
.mr-zk-logo{margin:12px 0 12px;font-size:14px;color:#3a3a3a}
.mr-zk-wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 10px;border-radius:var(--r-rund);background:var(--r-gruen);color:#fff!important;font-weight:700;font-size:clamp(14px,4vw,17px);text-decoration:none;white-space:nowrap}
.mr-zk-wa svg{display:block!important;flex:none;width:22px;height:22px}
.mr-zk-wa:hover{background:#198f48}
/* Rechner/Tablet (Simon 162394: am Rechner viel zu groß): beide Schritte nebeneinander, flache Fotos, Karte kompakt */
@media (min-width:700px){.mr-zwei-karte{padding:16px 18px}.mr-zk-titel{font-size:24px}.mr-zk-unter{margin-bottom:12px;font-size:14px}.mr-zk-schritte{grid-template-columns:1fr 1fr;gap:12px}.mr-zk-schritt{font-size:14px;min-height:2.5em}.mr-zk-nr{min-width:26px;height:24px}.mr-zk-schritte img{aspect-ratio:2/1;object-fit:cover}.mr-zk-logo{margin:10px 0}.mr-zk-wa{min-height:46px}}
.mr-zwei{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:12px;border-radius:var(--r-rund);background:var(--r-anthrazit-2)}
.mr-zwei-bilder{display:flex;gap:6px;flex:0 0 auto}
.mr-zwei-bilder img{width:62px;height:62px;object-fit:cover;border-radius:var(--r-rund-k);display:block}
.mr-zwei p{margin:0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.88)}
.mr-zwei p b{display:block;color:#fff;font-size:16px}
/* WhatsApp-Knopf: flach, ohne Puls und Schimmer */
body.mk-ruhig .mk-wa-gross{min-height:54px;border-radius:var(--r-rund);background:var(--r-gruen);box-shadow:none;animation:none;font-size:16px;font-weight:700}
body.mk-ruhig .mk-wa-gross::before,body.mk-ruhig .mk-wa-gross::after{display:none!important;animation:none!important}
body.mk-ruhig .mk-wa-gross:hover{background:#198f48}
/* Video: kein gelber Rahmen, dezentes weißes Play auf dunkler, halbtransparenter Fläche */
body.mk-ruhig .mr-video{margin:0}
body.mk-ruhig .mr-video .con-kit-component-video{border:0;border-radius:var(--r-rund-g);box-shadow:none;background:#111}
body.mk-ruhig .mk-play{width:64px;height:64px;background:rgba(0,0,0,.55);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.mk-ruhig .mk-play svg{width:26px;height:26px}
body.mk-ruhig .mk-play:hover{background:rgba(0,0,0,.7)}
body.mk-ruhig .mk-play:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.mk-ruhig .mr-video-zeile{margin-top:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,.75);text-align:left}
/* Bewertungszeile unter dem Video mit fünf Kundengesichtern (Aron 13.11. 09:33, wie auf seiner alten Seite) */
.mr-bewertung{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px;line-height:1.35;color:rgba(255,255,255,.8)!important;text-decoration:none}
.mr-bewertung b{color:#fff}
.mr-gesichter{display:flex;flex:0 0 auto}
.mr-gesichter img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--r-anthrazit);display:block}
.mr-gesichter img+img{margin-left:-12px}
.mr-bew-text{display:flex;flex-direction:column;gap:3px}
.mr-bewertung .mk-sterne{display:inline-flex;gap:2px}
.mr-bewertung .mk-sterne svg{width:16px;height:16px}
.mr-bewertung .mk-sterne path{fill:#f0b400}
@media (min-width:960px){
  body.mk-ruhig .mr-hero{padding:32px 0 72px}
  .mr-hero-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
  body.mk-ruhig .mk-wa-gross{display:inline-flex;width:auto;padding:14px 28px}
}

/* Preisband im Kopf statt WhatsApp-Knopf (Aron Sprachnachricht 13.11. 10:05): echte Ankäufe mit Foto laufen von rechts nach links */
.mr-preisband{margin:0 0 18px;min-width:0} /* steht oben in der Video-Spalte: am Handy direkt unter der Karte, am Rechner über dem Video (Simon 162396) */
.mr-pb-titel{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75)}
.mr-pb-punkt{width:8px;height:8px;border-radius:50%;background:#2fd06f;box-shadow:0 0 0 3px rgba(47,208,111,.22)}
.mr-pb-fenster{overflow:hidden;margin:0 -16px;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.mr-pb-spur{display:flex;width:max-content;animation:mr-lauf var(--mr-pb-dauer,40s) linear infinite}
.mr-pb-fenster:hover .mr-pb-spur,.mr-pb-fenster:focus .mr-pb-spur{animation-play-state:paused}
.mr-pb-reihe{display:flex;gap:10px;margin:0;padding:0 10px 0 0;list-style:none}
.mr-pb{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:var(--r-rund);background:var(--r-anthrazit-2);white-space:nowrap}
.mr-pb img{width:56px;height:56px;border-radius:var(--r-rund-k);object-fit:cover;display:block;background:#3a3a3a}
.mr-pb-art img{object-fit:contain;background:#f4f4f1;padding:4px}
.mr-pb b{display:block;font-size:17px;font-weight:800;color:#FFCC01;line-height:1.2}
.mr-pb small{display:block;font-size:12px;color:rgba(255,255,255,.72)}
.mr-pb-hinweis{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.55)}
@keyframes mr-lauf{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Bewertungs-Siegel laufen ebenfalls von rechts nach links (Aron 13.11. 09:31) */
.mr-siegel{overflow:hidden;margin:16px -16px 0;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.mr-siegel-spur{display:flex;width:max-content;animation:mr-lauf 22s linear infinite}
.mr-siegel ul{display:flex;align-items:center;gap:28px;margin:0;padding:0 28px 0 0;list-style:none}
.mr-siegel img{height:58px;width:auto;display:block}
@media (prefers-reduced-motion:reduce){.mr-pb-spur,.mr-siegel-spur{animation:none}.mr-pb-fenster,.mr-siegel{overflow-x:auto}.mr-pb-reihe[aria-hidden],.mr-siegel ul[aria-hidden]{display:none}}
@media (min-width:960px){.mr-pb-fenster,.mr-siegel{margin-left:0;margin-right:0;padding:0}}

/* ---- 3  So einfach funktioniert’s: 2×2, kleine Bilder, je ein Satz (J, K) -------------------------------------- */
.mr-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mr-schritt{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-rund);background:#fff;border:1px solid var(--r-linie)}
.mr-schritt-bild{border-radius:var(--r-rund-k);background:var(--r-anthrazit);padding:6px;display:flex;align-items:center;justify-content:center}
.mr-schritt-bild svg{display:block;width:100%;max-width:150px;height:auto;aspect-ratio:240/150}
/* Arons Bilder zu den Schritten (13.11. 08:43): Foto füllt die Fläche */
.mr-schritt-foto{padding:0;overflow:hidden}
.mr-schritt-foto img{display:block;width:100%;height:auto;aspect-ratio:416/270;object-fit:cover}
body.mk-ruhig .mr-schritt h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.25}
.mr-nr{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--r-gelb);color:#111;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
body.mk-ruhig .mr-schritt p{margin:0;font-size:13px;line-height:1.45;color:var(--r-leise)}
/* sehr schmale Geräte: vier flache Zeilen, kleines Bild links */
@media (max-width:359px){
  .mr-schritte{grid-template-columns:1fr}
  .mr-schritt{flex-direction:row;align-items:center}
  .mr-schritt-bild{flex:0 0 88px;padding:6px}
}
@media (min-width:960px){
  .mr-schritte{grid-template-columns:repeat(4,1fr);gap:16px}
  .mr-schritt{padding:16px}
  body.mk-ruhig .mr-schritt h3{font-size:16px}
  body.mk-ruhig .mr-schritt p{font-size:15px}
}
/* Aron 13.11. 11:34: die vier Bilder größer → am Handy je Schritt eine Zeile, Bild links gut die Hälfte (vorher 88 px bzw. halbe Spalte) */
@media (max-width:959px){.mr-schritte{grid-template-columns:1fr}.mr-schritt{flex-direction:row;align-items:center;gap:12px}.mr-schritt>.mr-schritt-bild{flex:0 0 54%;padding:0}}
/* der eine Auszahlungs-Hinweis unter den Schritten (K, Y) */
.mr-auszahlung-info{margin-top:16px;padding:14px 16px;border-radius:var(--r-rund);background:var(--r-grau)}
body.mk-ruhig .mr-auszahlung-info p{margin:0;font-size:14px;line-height:1.55;color:var(--r-leise)}
body.mk-ruhig .mr-auszahlung-info p:first-child{margin-bottom:4px;font-size:15px;color:var(--r-text)}
@media (min-width:960px){.mr-auszahlung-info{margin-top:24px;padding:18px 22px}body.mk-ruhig .mr-auszahlung-info p{font-size:15px}}

/* ---- 4  Das kaufen wir an: 2×2, neutrale Kacheln (L, N) ------------------------------------------------------- */
.mr-ankauf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mr-ank{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:14px 10px 12px;border-radius:var(--r-rund);background:#fff;border:1px solid var(--r-linie);text-decoration:none!important;color:var(--r-text)!important}
a.mr-ank:hover{border-color:#c9c8c2}
/* Arons Fotos (13.11.) stehen auf hellgrauem Grund: multiply lässt ihn in der weißen Kachel verschwinden */
.mr-ank img{width:100%;aspect-ratio:3/1;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.08)}
.mr-ank-breit{grid-column:1/-1}
.mr-ank-breit .mr-ank img{max-width:440px;aspect-ratio:564/98}
/* Aron 13.11. 08:38: Teile größer, Schrift kleiner */
.mr-ankauf .mr-ank{padding:10px 6px 10px;gap:6px}
body.mk-ruhig .mr-ankauf .mr-ank b{font-size:13px}
.mr-ank b{font-size:15px;font-weight:600;line-height:1.3;text-align:center}
.mr-nicht{margin:14px 0 0;font-size:14px;color:var(--r-leise)!important}
@media (min-width:960px){.mr-ankauf{grid-template-columns:repeat(4,1fr);gap:16px}.mr-ank b{font-size:15px}.mr-ank-breit .mr-ank img{max-width:560px}body.mk-ruhig .mr-ankauf .mr-ank b{font-size:14px}}

/* ---- 5  Versandlabel-Formular: sichtbare Beschriftungen, kleiner Schritt-Hinweis, QR-Erklärung (R) ------------- */
.mr-formular-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.mr-formular-text p{margin:0 0 10px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.82)}
@media (min-width:960px){.mr-formular-raster{grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.mr-formular-text p{font-size:16px}}
body.mk-ruhig .mk-form-karte{background:var(--r-anthrazit-2);border-radius:var(--r-rund-g)}
body.mk-ruhig .mk-form label>.one-kit-sr-only,.mr-feld-label{position:static!important;width:auto;height:auto;margin:0 0 5px;overflow:visible;clip:auto;white-space:normal;display:block;
  font-size:13px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.8)}
body.mk-ruhig .mk-schritt{flex-wrap:wrap;gap:6px 8px;font-size:14px}
body.mk-ruhig .mk-schritt-nr{font-size:11px;padding:2px 8px;letter-spacing:.02em}
.mk-schritt-danach{flex:1 0 100%;font-size:13px;font-weight:400;color:rgba(255,255,255,.72)}

/* ---- 6  Kundenbereich: Quellen, Bewertungen, Videos als Wischreihe (O, P) -------------------------------------- */
body.mk-ruhig .mk-bewertungen{--mk-text:var(--r-text);--mk-leise:var(--r-leise);--mk-text-leise:var(--r-leise);--mk-karte:#fff;--mk-linie:var(--r-linie);background:var(--r-weiss)}
.mr-quellen{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--r-leise)}
.mr-quellen b{color:var(--r-text)}
.mr-q-stern{color:#f0b400}
body.mk-ruhig .mk-review{background:#fff;border:1px solid var(--r-linie);box-shadow:none;color:var(--r-text)}
body.mk-ruhig .mk-review blockquote{color:#333}
body.mk-ruhig .mk-review-kopf b{color:var(--r-text)}
body.mk-ruhig .mk-review-kopf span{color:var(--r-leise)}
body.mk-ruhig .mk-review .mk-sterne path{fill:#f0b400}
body.mk-ruhig .mk-karussell::before{background:linear-gradient(90deg,var(--r-weiss),rgba(251,250,247,0))}
body.mk-ruhig .mk-karussell::after{background:linear-gradient(270deg,var(--r-weiss),rgba(251,250,247,0))}
body.mk-ruhig .mk-pfeil{background:#fff;color:var(--r-text);border:1px solid var(--r-linie);box-shadow:none}
@media (max-width:767px){body.mk-ruhig .mk-pfeil{display:none}}
body.mk-ruhig .mr-unterkopf{margin:32px 0 12px!important;font-size:18px;font-weight:700}
/* Videos: Handy eine Reihe zum Wischen (eins ganz, das nächste angeschnitten), Rechner drei nebeneinander */
body.mk-ruhig .mr-videos{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin:0 calc(-1 * max(16px,env(safe-area-inset-left)));padding:0 max(16px,env(safe-area-inset-left)) 4px;scroll-padding-left:max(16px,env(safe-area-inset-left))}
body.mk-ruhig .mr-videos::-webkit-scrollbar{display:none}
body.mk-ruhig .mr-videos .mk-erfahrung{flex:0 0 78%;margin:0;scroll-snap-align:start}
body.mk-ruhig .mr-videos .con-kit-component-video{aspect-ratio:1;border-radius:var(--r-rund);border:0;box-shadow:none;overflow:hidden;background:#111}
body.mk-ruhig .mr-videos .con-kit-component-video img{width:100%;height:100%;object-fit:cover}
body.mk-ruhig .mr-videos figcaption{margin-top:8px;font-size:13px;line-height:1.45;color:var(--r-leise)}
body.mk-ruhig .mr-videos figcaption b{color:var(--r-text);font-size:15px}
body.mk-ruhig .mr-videos .mk-verifiziert{color:#1a7f43}
@media (min-width:768px){body.mk-ruhig .mr-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow:visible;margin:0;padding:0}}

/* ---- 6b  Echte Ankaufspreise (Q): drei Kacheln nebeneinander, auch am Handy (Simon 13.11.2026) -------------------- */
.mr-ap-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mr-ap{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:var(--r-rund);background:#fff;border:1px solid var(--r-linie);text-align:center}
.mr-ap img{width:100%;max-width:96px;aspect-ratio:160/100;height:auto;object-fit:contain;align-self:center}
.mr-ap div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mr-ap-art{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.mr-ap-art small{display:block;font-size:12px;font-weight:400;color:var(--r-leise)}
.mr-ap-preis{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.mr-ap-tag{font-size:12px;line-height:1.3;color:var(--r-leise)}
.mr-ap-hinweis{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--r-leise)!important}
@media (min-width:768px){
  .mr-ap-liste{gap:16px}
  .mr-ap{padding:18px 16px;gap:10px}
  .mr-ap img{max-width:140px}
  .mr-ap-art{font-size:15px}.mr-ap-art small{font-size:13px}.mr-ap-preis{font-size:24px}.mr-ap-tag{font-size:13px}
  .mr-ap-hinweis{font-size:14px}
}

/* ---- 7  Wertermittlung + Edelmetallpreise ohne Gelb (U, V) ----------------------------------------------------- */
body.mk-ruhig .mk-wert p{margin:0 0 12px;font-size:15px;line-height:1.6}
@media (min-width:960px){body.mk-ruhig .mk-wert p{font-size:16px}}
body.mk-ruhig .mk-wert .mk-preise{--mk-text:var(--r-text);--mk-leise:var(--r-leise);--mk-preis-grund:var(--r-grau);--mk-preis-kachel:#fff;--mk-preis-strich:var(--r-text);--mk-preis-flaeche:rgba(29,29,31,.07);margin:20px 0 24px}
body.mk-ruhig .mk-preise-titel{color:var(--r-text)}
.mk-preise-erklaer{display:block;margin:-4px 0 12px;font-size:13px;line-height:1.5;color:var(--mk-leise,#55575b)}

/* Wert am Rechner zweispaltig: Text links, Edelmetallpreise rechts (Simon 13.11.2026: „wirkt sehr leer nach rechts“) */
.mr-wert-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media (min-width:960px){
  .mr-wert-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
  body.mk-ruhig .mr-wert-preise .mk-preise{margin-top:56px}
  body.mk-ruhig .mr-wert-preise .mk-preise-reihe{grid-template-columns:1fr}
  body.mk-ruhig .mr-wert-preise .mk-preise-2 .mk-preis{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name zahl" "linie trend"}
  body.mk-ruhig .mr-wert-preise .mk-preis>b{text-align:right}
  body.mk-ruhig .mr-wert-preise .mk-preise-2 .mk-preis-trend i{display:inline}
}

/* ---- 8  Warum MeinKatalysator.de: eigene Leistungen konkret, zwei Zahlen (W, X) -------------------------------- */
.mr-vorteile{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mr-vorteile li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-rund);background:#fff;border:1px solid var(--r-linie)}
.mr-vorteile svg{flex:0 0 auto;width:24px;height:24px;margin-top:1px;color:var(--r-text)}
.mr-vorteile b{display:block;font-size:15px;font-weight:700;line-height:1.3}
.mr-vorteile span{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--r-leise)}
.mr-zahlen{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:20px}
.mr-zahlen div{display:flex;flex-direction:column}
.mr-zahlen b{font-size:26px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.mr-zahlen span{font-size:13px;color:var(--r-leise)}
@media (min-width:768px){.mr-vorteile{grid-template-columns:repeat(3,1fr);gap:16px}}

/* ---- 9  FAQ: schlichtes Pfeil-Symbol statt gelbem Plus-Kreis (Y) ---------------------------------------------- */
body.mk-ruhig .mk-faq .mk-faq-punkt{border-color:var(--r-linie)}
body.mk-ruhig .mk-faq-punkt summary{color:var(--r-text);font-size:15px;font-weight:600;align-items:center}
body.mk-ruhig .mk-faq-punkt summary::after{content:"";width:9px;height:9px;margin-right:6px;border-radius:0;background:none;border:solid var(--r-text);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}
body.mk-ruhig .mk-faq-punkt[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
body.mk-ruhig .mk-faq-punkt summary:focus-visible{outline:2px solid var(--r-text)}
body.mk-ruhig .mk-faq-antwort p{color:var(--r-leise);font-size:15px;line-height:1.6}

/* ---- 10  Fuß: besser lesbare kleine Texte (Y) --------------------------------------------------------------- */
body.mk-ruhig .mk-fuss{background:#18191b}
body.mk-ruhig .mk-fuss-klein{font-size:13px;line-height:1.6;color:rgba(255,255,255,.72)}
body.mk-ruhig .mk-fuss-klein a{color:#fff}

/* ---- Feste Leiste, dauerhaft sichtbar, nach Arons Bild (13.11. 09:42): EINE Leiste, links gelb „Versandlabel anfordern“ mit LKW,
   rechts grün „Fotos senden“ mit WhatsApp-Zeichen, ohne Schimmer */
body.mk-ruhig .mk-sticky-cta{gap:0;filter:none;border-radius:var(--r-rund);box-shadow:0 4px 16px rgba(0,0,0,.28)}
body.mk-ruhig .mk-sticky-cta .mk-split-label,body.mk-ruhig .mk-sticky-cta .mk-split-wa{min-height:54px;box-shadow:none;animation:none}
body.mk-ruhig .mk-sticky-cta .mk-split-label{flex:0 0 46%;display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 10px;border-radius:var(--r-rund) 0 0 var(--r-rund);background:#FFCC01;color:#111;border:0;font-weight:700;font-size:clamp(12.5px,3.5vw,15px);line-height:1.15;white-space:normal;text-align:left}
body.mk-ruhig .mk-sticky-cta .mk-split-label:hover{background:#f0bf00}
body.mk-ruhig .mk-sticky-cta .mk-split-lkw{width:30px;height:24px;flex:0 0 auto}
body.mk-ruhig .mk-sticky-cta .mk-split-lkw circle{fill:#FFCC01}
body.mk-ruhig .mk-sticky-cta .mk-split-kurz{display:none}
body.mk-ruhig .mk-sticky-cta .mk-split-lang{display:inline}
body.mk-ruhig .mk-sticky-cta .mk-split-wa{flex:1 1 0;min-width:0;border-radius:0 var(--r-rund) var(--r-rund) 0;background:var(--r-gruen)}
body.mk-ruhig .mk-sticky-cta .mk-split-wa:hover{background:#198f48}
body.mk-ruhig .mk-sticky-cta .mk-split-wa::before,body.mk-ruhig .mk-sticky-cta .mk-split-wa::after{display:none!important;animation:none!important}
body.mk-ruhig .mk-sticky-cta .mk-split-wa-innen{width:100%;min-width:0;gap:9px;padding:0 10px;font-size:clamp(15px,4.4vw,18px);font-weight:700}
body.mk-ruhig .mk-sticky-cta .mk-split-wa svg{width:1.6em;height:1.6em}
@media (max-width:340px){body.mk-ruhig .mk-sticky-cta .mk-split-lkw{display:none}}
@media (min-width:769px){body.mk-ruhig .mk-sticky-cta{left:50%;right:auto;width:560px;transform:translateX(-50%)}body.mk-ruhig .mk-sticky-cta.mk-an{transform:translateX(-50%)}}
/* nichts dauerhaft verdecken: Platz unter dem Fuß für die Leiste */
body.mk-ruhig{padding-bottom:calc(76px + env(safe-area-inset-bottom))}

/* Gleiche Linien (H): auch Wert und FAQ beginnen an der linken Kante wie alle Abschnitte; nur die Textbreite bleibt lesbar */
body.mk-ruhig .mk-innen.mk-schmal{max-width:1160px}
body.mk-ruhig .mk-faq .mk-faq-punkt{max-width:820px}
/* Land-Auswahl (ohne eigene Beschriftung) auf Höhe der beschrifteten Felder PLZ/Ort */
body.mk-ruhig .mk-form fieldset.mk-adresse-zeile{align-items:flex-end}

/* Karten auf grauen Abschnitten ohne Rand (keine doppelte Trennung) */
.mr-grau .mr-ank,.mr-grau .mr-ap,.mr-grau .mr-vorteile li{border:0}

/* Unter dem Absende-Knopf: Label + QR-Code per Mail (Aron 13.11. Punkt 5) */
.mr-qr-hinweis{margin:2px 0 0;padding:10px 12px;border-radius:var(--r-rund-k);background:rgba(255,255,255,.06);font-size:13px;line-height:1.5;color:rgba(255,255,255,.85)}

/* Kundenstimmen kompakter (Aron 13.11. 07:35: laufende Bilder und Texte nehmen zu viel Platz ein) */
body.mk-ruhig .mk-bewertungen .mk-review{flex-basis:min(72%,300px);padding:14px}
body.mk-ruhig .mk-bewertungen .mk-review blockquote{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.mk-ruhig .mr-videos .mk-erfahrung{flex-basis:44%}
body.mk-ruhig .mr-videos .con-kit-component-video{aspect-ratio:16/10}
/* Aron 13.11. 09:13: laufende Bilder und Balken noch kürzer (3 Zeilen, Videos flacher) */
@media (min-width:768px){body.mk-ruhig .mr-videos{max-width:640px}}

/* ---- Laptop (Aron 13.11. 14:01, Simon 162410): breite, aber niedrige Bildschirme (bis 880 px Höhe, z. B. 1366×768, 1536×864).
   Oben soll alles bis zum WhatsApp-Knopf der Karte auf einen Bildschirm passen. Handy und hohe Desktop-Bildschirme bleiben unberührt. */
@media (min-width:960px) and (max-height:880px){
  body.mk-ruhig .mk-kopf-innen{grid-template-columns:auto 1fr;grid-template-areas:"logo nav";row-gap:0;padding-top:8px;padding-bottom:8px}
  body.mk-ruhig .mk-kopf-innen>.mk-logo{justify-self:start}
  body.mk-ruhig .mk-nav{justify-self:end}
  body.mk-ruhig .mk-kopfzeile img.mk-logo-bild{height:48px}
  body.mk-ruhig .mr-hero{padding:14px 0 40px}
  body.mk-ruhig .mr-hero h1{font-size:clamp(30px,3.4vw,44px);margin-bottom:8px}
  .mr-auszahlung{margin-bottom:12px}
  .mr-hero-raster{align-items:start}
  .mr-zwei-karte{padding:12px 16px 14px;margin-bottom:0}
  .mr-zk-titel{font-size:21px}
  .mr-zk-unter{margin-bottom:8px;font-size:13px}
  .mr-zk-schritt{margin-bottom:6px;min-height:0}
  .mr-zk-schritte img{aspect-ratio:2.6/1}
  .mr-zk-logo{margin:6px 0 8px;font-size:13px}
  .mr-zk-wa{min-height:42px}
  .mr-preisband{margin-bottom:12px}
  .mr-pb img{width:44px;height:44px}
  .mr-pb-hinweis{display:none}
}