/* ============================================================================
 * r3-elite.css - Runde 3, 1:1-Angleich der Seite /elite/ (Post 8046)
 * an die Referenz-Schnipsel runde3/referenz/elite/{1,2,Lvlup Futures…}.jpg
 *
 * Kaans Dateien (lvlup-home-v2/assets/elite.css, lvlup-theme.css) und die
 * bestehenden fixes-*.css bleiben unangetastet. Alles hier ist Override.
 * Befundnummern verweisen auf runde3/elite/befunde.md, die Ursachen-Analysen
 * auf neue-seiten/gegencheck/patches/elite/patch-elite-css.md.
 *
 * Alle Selektoren tragen einen .lve-*-Vorfahren (nur Elite) oder
 * body.page-id-8046 - das Plugin laedt diese Datei auf JEDER Seite.
 * ========================================================================== */

/* ==========================================================================
 * e1 Hero
 * ====================================================================== */

/* R3-elite-01: Befund A1. `.lvf-page img{height:auto}` (0-1-1) schlaegt
   `.lve-e1-bg-img{height:790px}` (0-1-0), das Bild wird 990 statt 790 px hoch.
   Die Maske (#000 55% -> transparent) loescht dadurch genau den Bildteil mit
   dem unteren Lichtkegel. Im Soll ist die ganze Grafik zu sehen: Lichtkeile
   oben links/rechts, schwarze Mitte, Bodenschein unten mittig, harte Unterkante
   bei y 790. Deshalb Sollhoehe erzwingen (0-2-1 gewinnt gegen die Shell),
   object-fit: fill statt cover (sonst faellt der untere Bildteil weg) und
   keine Maske. */
.lve-e1 img.lve-e1-bg-img {
  height: 790px;
  object-fit: fill;
  object-position: center top;
  opacity: 1;
  filter: sepia(0.92) hue-rotate(-12deg) saturate(2.05) brightness(0.66) contrast(1.42);
  -webkit-mask-image: none;
  mask-image: none;
}

/* R3-elite-02: Befund A1. Soll-Randband links ist ueber die ganze Herohoehe
   (0..5), Ist 8..35. Die Abdunklung oben deutlich verstaerken. */
.lve-e1 .lve-e1-bg-shade {
  background:
    linear-gradient(180deg, rgba(6, 4, 1, 0.62) 0%, rgba(20, 11, 1, 0.30) 42%, rgba(12, 7, 1, 0.34) 74%, rgba(5, 6, 15, 0) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.18) 38%, rgba(0, 0, 0, 0.46) 74%, #000 100%);
}

/* R3-elite-03: Befund A1. Der grosse Bernstein-Glow oben war so stark, dass die
   Struktur der Lichtkeile verschwand (Soll x 0..70 oben: 1, Ist 13). */
.lve-e1 .lve-e1-bg::before {
  background:
    radial-gradient(ellipse 62% 40% at 50% -16%, rgba(255, 146, 0, 0.22) 0%, rgba(255, 146, 0, 0.08) 45%, rgba(255, 146, 0, 0) 72%);
}

/* R3-elite-04: Befund A1. Im Ist zwei runde Flecken bei 17%/83% Breite auf
   74% Hoehe - im Soll liegt dort nichts, der Schein sitzt mittig unten und
   endet mit der Bildkante. Zusaetzlich die Ecken oben abdunkeln wie im Soll. */
.lve-e1 .lve-e1-bg::after {
  background:
    radial-gradient(ellipse 20% 13% at 0% 0%, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0) 76%),
    radial-gradient(ellipse 20% 13% at 100% 0%, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0) 76%),
    radial-gradient(ellipse 30% 16% at 56% 88%, rgba(255, 176, 60, 0.34) 0%, rgba(255, 176, 60, 0) 72%),
    radial-gradient(ellipse 14% 46% at 106% 62%, rgba(255, 168, 54, 0.26) 0%, rgba(255, 146, 0, 0) 78%);
}

/* R3-elite-05: Befund B1. Im Soll ist der Kicker freier Text ohne Pille,
   "The Lvlup Elite" gold, " Experience" weiss. Braucht Markup-Span
   .lve-e1-kicker-gold (M1). */
.lve-e1 .lve-e1-kicker {
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0;
  margin-bottom: 16px;
  /* Kaans gap:8px liegt zwischen ALLEN Flex-Kindern. Mit dem neuen Gold-Span
     (M1) wird daraus auch der Wortabstand, und der Leerraum des Textknotens
     faellt in inline-flex ohnehin weg. Deshalb gap auf Wortbreite und den
     Punktabstand ueber margin nachziehen. */
  gap: 4px;
  color: #959595;
}
.lve-e1 .lve-e1-kicker .lve-e1-kicker-dot { margin-right: 4px; }
.lve-e1 .lve-e1-kicker .lve-e1-kicker-gold {
  font-weight: 600;
  background: linear-gradient(180deg, #ffbc54 0%, #ff9200 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* R3-elite-06: Befund B9 + D. Soll-Zeilenschritt 63 px (0,926 * 68),
   Buchstabenabstand normal, 26 px bis zum Subtext. */
.lve-e1 h1.lve-e1-title {
  line-height: 0.93;
  letter-spacing: normal;
  margin-bottom: 26px;
}
.lve-e1 .lve-e1-title-line--gold { font-weight: 700; }

/* R3-elite-07: Sektionshoehe 898 -> 856 (Soll). Kicker-Oberkante Soll 285. */
.lve-e1 { padding: 306px 0 236px; background: #000; }

/* ==========================================================================
 * e2 "What is Lvlup Elite"
 * ====================================================================== */

/* R3-elite-08: Befund D1. Soll-Textkante x 1016, laengste Zeile 755 px;
   das Ist bricht bei 550 px und braucht dadurch eine Zeile mehr. */
.lve-e2 .lve-e2-text { max-width: 768px; }
section.lve-e2 { padding: 30px 0 69px; }

/* R3-elite-09: Befund A2. Eyebrow-Pille 200x31 statt 209x31, 57 px zur H2. */
.lve-e2 .lve-e2-eyebrow { margin: 0 0 19px; padding: 7px 16px; }
.lve-e2 .lve-e2-title { margin-bottom: 28px; }
.lve-e2 .lve-e2-title-gold { font-weight: 700; }

/* R3-elite-10: Befund B3. Je Kartentitel ein Wortteil gold (Markup M2). */
.lve-e2 .lve-e2-card-title-gold {
  font-weight: 700;
  background: linear-gradient(180deg, #ffbc54 0%, #ff9200 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* R3-elite-11: Abstand Titel zu Beschreibung Soll 36 px, Ist 46 px. */
.lve-e2 .lve-e2-card-sub { padding: 3px 17px 2px; }

/* R3-elite-12: Befund A2. Der Ist-Verlauf ist links/rechts gleich stark und
   beginnt oben links zu hell (Soll (4,3,1), Ist (41,24,2)). Im Soll traegt
   die linke Seite deutlich mehr Gold als die rechte, und die Fluegel enden
   nicht an der Sektionskante. */
section.lve-e2::before {
  background:
    radial-gradient(ellipse 60% 46% at 2% 94%, rgba(255, 196, 96, 0.50) 0%, rgba(255, 188, 84, 0) 72%),
    radial-gradient(ellipse 54% 40% at 98% 98%, rgba(255, 188, 84, 0.18) 0%, rgba(255, 188, 84, 0) 72%),
    linear-gradient(180deg,
      rgba(8, 5, 2, 0) 26%,
      rgba(90, 55, 6, 0.16) 46%,
      rgba(150, 94, 10, 0.34) 64%,
      rgba(210, 134, 18, 0.58) 82%,
      rgba(240, 158, 30, 0.80) 93%,
      #f8ac33 100%);
}
section.lve-e2::after {
  background:
    radial-gradient(ellipse 52% 42% at 50% -14%, rgba(255, 146, 0, 0.14) 0%, rgba(255, 146, 0, 0) 70%),
    /* Soll ist unsymmetrisch: unten rechts 158 gegen 226 links. */
    radial-gradient(ellipse 46% 92% at 116% 104%, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.34) 46%, rgba(0, 0, 0, 0) 82%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 110px);
  mask-image: linear-gradient(180deg, transparent 0, #000 110px);
}

/* ==========================================================================
 * e3 "Performance Is Your Invitation"
 * ====================================================================== */

/* R3-elite-13: Befund A3. Die Goldflaeche ist im Soll ueber die halbe
   Sektionshoehe nahezu weissgold ((255,235,208) bei rel 0,25), im Ist nur
   (248,168,60). Und: das Band endet im Soll LINKS hart bei rel 0,80, rechts
   laeuft es in die e4-Flanke weiter. Die Maske erzeugt die harte Unterkante,
   .lve-e3::after traegt die rechte Fortsetzung. */
.lve-e3 .lve-e3-bg {
  background:
    /* R3-elite-13b: Oberkante von e3 ist im Soll rechts dunkler als links
       (188 gegen 241); Kaans deckendes #f8ac33-Band ist ueber die volle
       Breite gleich hell. Erste Ebene = oberste Ebene. */
    radial-gradient(ellipse 34% 15% at 110% 0%, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0) 82%),
    linear-gradient(180deg, #f8ac33 0%, rgba(248, 172, 51, 0) 20%),
    radial-gradient(ellipse 132% 78% at 50% 8%, rgba(255, 252, 246, 0.99) 0%, rgba(255, 242, 214, 0.97) 24%, rgba(254, 214, 140, 0.95) 44%, rgba(255, 168, 40, 0.78) 64%, rgba(255, 146, 0, 0.14) 88%),
    radial-gradient(ellipse 46% 130% at -6% 42%, rgba(255, 253, 250, 0.99) 0%, rgba(255, 238, 206, 0.90) 34%, rgba(255, 196, 104, 0.62) 56%, rgba(255, 146, 0, 0) 84%),
    radial-gradient(ellipse 42% 74% at 106% 40%, rgba(255, 252, 246, 0.98) 0%, rgba(255, 234, 198, 0.88) 34%, rgba(255, 192, 98, 0.60) 56%, rgba(255, 146, 0, 0) 84%),
    linear-gradient(180deg, rgba(255, 222, 160, 0.60) 0%, rgba(255, 176, 60, 0.42) 45%, rgba(255, 146, 0, 0.06) 82%);
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 82.5%, transparent 83.0%);
  mask-image: linear-gradient(180deg, #000 0, #000 82.5%, transparent 83.0%);
}
/* R3-elite-14: rechte Flanke unterhalb der harten Kante (Soll rel 0,98 rechts
   (165,124,49), links (12,9,4)). */
.lve-e3::after {
  background:
    radial-gradient(ellipse 30% 90% at 108% 92%, rgba(255, 226, 168, 1) 0%, rgba(255, 186, 76, 0.52) 44%, rgba(255, 146, 0, 0) 82%);
}

/* R3-elite-15: Befund D. Karten im Soll 191 px hoch, im Ist 219. */
.lve-e3 .lve-e3-card { padding: 22px 48px 22px 32px; }
.lve-e3 .lve-e3-card-text { gap: 10px; max-width: 330px; }
.lve-e3 .lve-e3-card--wide .lve-e3-card-text { max-width: 830px; }
.lve-e3 .lve-e3-head { gap: 26px; margin-bottom: 65px; }
section.lve-e3 { padding: 44px 0 10px; }
section.lve-e4 { padding: 8px 0 40px; }
section.lve-e6 { padding: 0 0 46px; }

/* R3-elite-16: Befund B4. Zahl gold, Wort weiss (Markup M3). Doppelklasse,
   weil Kaans Elternregel ebenfalls doppelt notiert ist. */
.lve-e3.lve-e3 .lve-e3-value-gold {
  font-weight: 700;
  background: linear-gradient(180deg, #ffbc54 0%, #ff9200 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* R3-elite-17: Befund B8. Die Logo-Marke steht im Soll auf einer dunklen
   Kachel, die ueber die rechte Kartenkante hinauslaeuft; im Ist fehlt sie. */
.lve-e3 .lve-e3-icon--xl {
  background: linear-gradient(144deg, #161616 0%, #000000 100%);
  box-shadow:
    inset 0 0 1px rgba(255, 238, 211, 0.9),
    3px 3px 9px rgba(0, 0, 0, 0.49),
    13px 11px 17px rgba(0, 0, 0, 0.43);
}
/* Die Marke selbst waechst ueber das SVG-Attribut (Markup M3b, 78 -> 140).
   Der Strich waechst dabei mit: bei 140 px ist er 21 px statt der 10 px des
   Solls. Deshalb Groesse hier auf die gemessenen 118 px und Strich duenner. */
.lve-e3 .lve-e3-icon--xl > svg { width: 118px; height: 118px; }
.lve-e3 .lve-e3-icon--xl > svg path { stroke-width: 2.3; }

/* ==========================================================================
 * e4 "A World Built Beyond the Payout"
 * ====================================================================== */

/* R3-elite-18: Befund A4 (= EK1). Im Soll laufen die Flanken diagonal:
   oben rechts hell (165,120,46) und nach unten ausblendend, links umgekehrt
   (13,9,4) oben, (235,157,43) unten. Im Ist beidseitig derselbe schwache
   Fleck auf halber Hoehe, zusaetzlich blendet die eigene Maske ab 55 % die
   untere linke Flanke weg. */
.lve-e4 .lve-e4-bg {
  background:
    radial-gradient(ellipse 76% 30% at 50% 112%, rgba(255, 188, 84, 0.26) 0%, rgba(255, 146, 0, 0) 70%),
    /* linke Flanke: oben dunkel, unten hell (Soll 12/23/42/76/141/230) */
    radial-gradient(ellipse 30% 90% at -8% 112%,
      rgba(255, 220, 150, 1) 0%,
      rgba(254, 178, 66, 0.92) 34%,
      rgba(253, 170, 52, 0.56) 48%,
      rgba(252, 166, 46, 0.31) 66%,
      rgba(252, 162, 40, 0.17) 86%,
      rgba(255, 146, 0, 0) 100%),
    /* rechte Flanke: oben hell, nach unten ausblendend (Soll 166 -> 45) */
    radial-gradient(ellipse 30% 135% at 108% -12%,
      rgba(255, 200, 100, 0.86) 0%,
      rgba(254, 190, 78, 0.66) 34%,
      rgba(254, 186, 74, 0.56) 41%,
      rgba(253, 182, 68, 0.40) 51%,
      rgba(253, 178, 60, 0.29) 63%,
      rgba(252, 172, 54, 0.22) 76%,
      rgba(252, 168, 46, 0.18) 88%,
      rgba(255, 146, 0, 0) 100%);
  /* Kaans Maske blendet ab 55 % aus und loescht damit die untere linke Flanke;
     im Soll laeuft sie ohne Unterbrechung in e5 weiter. */
  -webkit-mask-image: none;
  mask-image: none;
}
.lve-e4 .lve-e4-title-gold { font-weight: 700; }
/* R3-elite-19: Befund B5. Je Kartentitel ein Wortteil gold (Markup M4). */
 /* R3-elite-19a: .lve-e4-pill ist inline-flex; die Leerzeichen zwischen den
    neuen Spans (M4) faellen als Flex-Abstaende weg ("TheElite MemberCard").
    gap ersetzt sie: Sollbreite Karte 1 189 px, ohne gap 181 px, zwei Luecken
    -> 4 px, das sind 0,222em bei 18 px. */
.lve-e4 .lve-e4-pill { gap: 0.222em; }
.lve-e4 .lve-e4-pill .lve-e4-pill-gold {
  font-weight: 600;
  background: linear-gradient(180deg, #ffbc54 0%, #ff9200 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* R3-elite-19b: Befund B6. Im Bestand ist der komplette zweite Absatz jeder
   e4-Karte gold (.lve-e4-desc-gold). Im Soll sind beide Absaetze grau und in
   beiden ist je eine Phrase gold (Markup M5). */
.lve-e4 .lve-e4-desc .lve-e4-hl-gold {
  font-weight: 500;
  color: #ff9e2c;
  -webkit-text-fill-color: #ff9e2c;
}

/* ==========================================================================
 * e5 "Recognition You Cannot Buy"
 * ====================================================================== */

/* R3-elite-20: Befund A5 (= EK2). Linke Flanke im Soll ueber die ganze
   Sektionshoehe in der Saettigung ((255,249,241) auf halber Hoehe), im Ist
   ein Braunton, der in der unteren Haelfte auf (8,5,2) abfaellt. */
.lve-e5 .lve-e5-bg {
  background:
    /* linke Flanke: ueber die ganze Sektionshoehe in der Saettigung
       (Soll 240..255), deshalb Saeule statt Blase - vertikaler Radius 200 %. */
    radial-gradient(ellipse 34% 200% at -8% 50%, rgba(255, 255, 254, 1) 0%, rgba(255, 250, 238, 1) 34%, rgba(255, 214, 138, 0.72) 56%, rgba(255, 146, 0, 0) 82%),
    radial-gradient(ellipse 22% 200% at 106% 50%, rgba(255, 158, 30, 0.26) 0%, rgba(255, 146, 0, 0.08) 46%, rgba(255, 146, 0, 0) 76%),
    radial-gradient(ellipse 32% 18% at 50% -2%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 70%);
  /* Kaans Einblendmaske ueber 110 px loescht die Flanke am oberen Rand;
     im Soll steht dort schon (240,164,53). */
  -webkit-mask-image: none;
  mask-image: none;
}
/* R3-elite-21: Befund C1. Der 60-px-Spread-Schatten zeichnet einen sichtbaren
   grauen Bogen ueber jeder Karte; im Soll liegt dort ein weicher Warmverlauf. */
.lve-e5 .lve-e5-card::before {
  border-color: rgba(255, 255, 255, 0.02);
  box-shadow: none;
}
/* R3-elite-22: Befund A/D. Warmer Schein oben in der Karte zu schwach
   (Soll (53,35,11), Ist (12,7,2)). */
.lve-e5 .lve-e5-card {
  background:
    radial-gradient(ellipse 300px 190px at 26% -20px, rgba(255, 150, 10, 0.55) 0%, rgba(255, 146, 0, 0) 72%),
    rgba(137, 137, 137, 0.05),
    #000000;
}
/* R3-elite-23: Befund D2. Karten im Soll 383 px hoch, im Ist 410. */
.lve-e5 .lve-e5-desc p + p { margin-top: 0; }
.lve-e5 .lve-e5-icon { width: 79px; height: 79px; }
.lve-e5 .lve-e5-card { padding: 37px 34px 22px; }
.lve-e5 .lve-e5-head { margin-bottom: 70px; }
.lve-e5 .lve-e5-proof { margin: 54px auto 0; }
section.lve-e5 { padding: 10px 0 8px; }
.lve-e5 .lve-e5-title-gold { font-weight: 700; }
/* R3-elite-24: die beiden Pillen sind im Soll fast randlos. */
.lve-e5 .lve-e5-proof,
.lve-e4 .lve-e4-proof {
  border-color: rgba(255, 188, 84, 0.10);
  background:
    linear-gradient(134deg, rgba(255, 188, 84, 0.04) 0%, rgba(255, 146, 0, 0.04) 100%),
    rgba(12, 8, 2, 0.92);
}

/* ==========================================================================
 * e6 "Elite Is Earned More Than Once"
 * ====================================================================== */

/* R3-elite-25: Befund A6 (= EK3). Im Soll steht die helle Flanke schon auf
   Hoehe der H2 (links (244,203,131)), im Ist beginnt sie erst 120 px tiefer
   (8,5,2) und ist rechts in der Mitte zu hell. */
.lve-e6 .lve-e6-bg {
  background:
    /* links: stark und langsam fallend (Soll 248 -> 187), rechts schwach und
       langsam steigend (Soll 50 -> 75). Beides Saeulen, keine Blasen. */
    radial-gradient(ellipse 40% 420% at -8% -140%,
      rgba(255, 255, 252, 1) 0%,
      rgba(255, 222, 160, 1) 42%,
      rgba(255, 206, 124, 0.96) 45%,
      rgba(254, 192, 96, 0.92) 48%,
      rgba(253, 180, 74, 0.87) 52%,
      rgba(252, 172, 60, 0.81) 56%,
      rgba(251, 166, 52, 0.76) 59%,
      rgba(255, 146, 0, 0) 86%),
    radial-gradient(ellipse 30% 420% at 106% 240%, rgba(254, 176, 58, 0.62) 0%, rgba(255, 150, 8, 0.22) 48%, rgba(255, 146, 0, 0) 82%),
    radial-gradient(ellipse 60% 42% at 50% 96%, rgba(255, 146, 0, 0.28) 0%, rgba(255, 146, 0, 0.10) 48%, rgba(255, 146, 0, 0) 76%);
}
/* R3-elite-26: Befund D. Der Fliesstext bricht im Soll bei 138 px, im Ist
   erst bei 189 px - alle fuenf Karten eine Zeile zu spaet. */
.lve-e6 .lve-e6-card-text {
  max-width: 142px;
  margin-inline: auto;
}
.lve-e6 .lve-e6-title-gold { font-weight: 700; }
/* R3-elite-26b: Befund B7. `.lve-e6-card-title{color:#ffbc54}` faerbt die ganze
   Zeile gold; im Soll ist je Titel ein Wortteil weiss (gemessen Karte 1:
   Gold x 303-384, Weiss 385-441). Markup M6. */
.lve-e6 h3.lve-e6-card-title .lve-e6-card-title-w {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background: none;
}

/* ==========================================================================
 * e7 CTA "Reach 10,000 Points."
 * ====================================================================== */

/* R3-elite-27: Befund A7. Ambient neben der Tafel: im Soll traegt die linke
   Seite durchgehend 145..176, die rechte steigt 79 -> 115. Im Ist hat beides
   sein Maximum auf halber Hoehe und faellt danach ab. */
.lve-e7 .lve-e7-bg {
  background:
    /* links fast konstant (Soll 183 -> 145), rechts steigend (77 -> 124) */
    radial-gradient(ellipse 31% 600% at -8% -220%,
      rgba(255, 246, 228, 1) 0%,
      rgba(252, 179, 62, 0.74) 49%,
      rgba(251, 168, 44, 0.67) 53%,
      rgba(250, 158, 28, 0.61) 56%,
      rgba(250, 150, 14, 0.58) 58%,
      rgba(255, 146, 0, 0) 84%),
    radial-gradient(ellipse 30% 600% at 106% 320%, rgba(255, 194, 96, 0.72) 0%, rgba(254, 172, 48, 0.42) 46%, rgba(255, 146, 0, 0) 84%),
    radial-gradient(ellipse 68% 58% at 50% 96%, rgba(255, 146, 0, 0.24) 0%, rgba(255, 146, 0, 0.08) 50%, rgba(255, 146, 0, 0) 78%);
}
/* R3-elite-28: Befund A8. Der 150deg-Verlauf ergibt oben dunkel / unten ein
   waagerechtes Goldband. Das Soll hat einen dunkleren Kern und leuchtende
   Goldkanten links und rechts, oben rechts am hellsten. */
.lve-e7 .lve-e7-panel {
  background:
    /* Messraster Soll (linke Kante von oben nach unten) 151/138/142/176/228,
       rechte Kante 243/241/204/178/218, Mitte 28/../19/45/86. Das Ist hatte
       sein Maximum links auf halber Hoehe und war rechts durchgehend zu
       dunkel; ausserdem war der Blaukanal viel zu hoch (155 gegen 83), die
       Flanke also zu weisslich statt goldgesaettigt. */
    radial-gradient(ellipse 26% 86% at -2% 96%, rgba(255, 208, 112, 0.96) 0%, rgba(255, 170, 34, 0.52) 42%, rgba(255, 150, 10, 0) 76%),
    radial-gradient(ellipse 24% 130% at -3% 22%, rgba(255, 186, 62, 0.88) 0%, rgba(255, 150, 10, 0.24) 46%, rgba(255, 150, 10, 0) 78%),
    radial-gradient(ellipse 26% 58% at 102% 2%, rgba(255, 228, 150, 1) 0%, rgba(255, 184, 48, 0.52) 44%, rgba(255, 150, 10, 0) 80%),
    radial-gradient(ellipse 24% 58% at 102% 98%, rgba(255, 216, 130, 0.96) 0%, rgba(255, 174, 38, 0.46) 44%, rgba(255, 150, 10, 0) 80%),
    radial-gradient(ellipse 28% 130% at 103% 46%, rgba(255, 192, 74, 0.96) 0%, rgba(255, 150, 10, 0.28) 46%, rgba(255, 150, 10, 0) 80%),
    linear-gradient(180deg, #150c03 0%, #241505 50%, #3d2507 100%);
}
/* R3-elite-29: Befund D3. Heller Rahmen um die Tafel im Soll rund 0,06 statt
   0,32; Tafel im Soll 1231 x 492 px, Ist 1214 x 519. */
.lve-e7 .lve-e7-frame {
  max-width: 1259px;
  padding: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.lve-e7 .lve-e7-content { gap: 39px; }
.lve-e7 .lve-e7-head { gap: 24px; }
.lve-e7 .lve-e7-stat { gap: 0; }
.lve-e7 .lve-e7-stat-value { line-height: 1; }
.lve-e7 .lve-e7-title-gold { font-weight: 700; }
/* R3-elite-30: Befund D4. Die Deko-Pfeile sind im Soll blass in die Tafel
   integriert; live leuchten sie durch den Drop-Shadow-Glow heraus. */
.lve-e7 .lve-e7-arrows {
  filter: drop-shadow(0 21px 62px rgba(0, 0, 0, 0.2));
  opacity: 0.5;
}

/* ==========================================================================
 * ABNAHME Runde 3 - unabhaengige Gegenpruefung 10.08.2026
 * --------------------------------------------------------------------------
 * Diese Bloecke stehen bewusst NACH R3-01..30 und VOR dem Mobil-Abschnitt:
 * gleiche Spezifitaet -> spaetere Quelle gewinnt am Desktop, waehrend die
 * Mobil-Bloecke darunter ihren Vorrang behalten.
 * Alle Zahlen sind R-Kanal-Mittel ueber 40 px Breite / 2..4 Zeilen,
 * gemessen zwischen shots/abnahme-elite-desktop-1760.png und
 * abnahme/ref-in-ist-koord.png.
 * ====================================================================== */

/* R3-elite-A1: Hero, Befund A1 erneut. Die Filterkette
   sepia(.92) hue-rotate(-12deg) saturate(2.05) brightness(.66) contrast(1.42)
   zieht wegen contrast>1 einen Sockel von 53/255 ab und loescht damit genau
   die Lichtkeile des Bildes (Soll/Ist: y140 x20 46/9, y200 x180 65/10,
   y140 x1580 48/12, y780 x1340 81/2). Neue Kette am Quellbild
   zurueckgerechnet (mittlerer Restfehler 11/255 an 12 Stuetzstellen). */
.lve-e1 img.lve-e1-bg-img {
  filter: sepia(1) saturate(3.2) brightness(0.8);
}

/* R3-elite-A2: Hero-Abdunklung. Die zweite Ebene lief unten auf #000 und
   nahm dem Bild den Bodenschein (Soll y780 x1340 81, Ist 2). Jetzt endet
   die Abdunklung vor der Bildunterkante (790 von 863 = 91,5 %); darunter
   traegt .lve-e1{background:#000} die harte Kante des Solls. */
.lve-e1 .lve-e1-bg-shade {
  background:
    linear-gradient(180deg, rgba(18, 10, 1, 0.42) 0%, rgba(18, 10, 1, 0.24) 12%, rgba(14, 8, 1, 0.10) 22%, rgba(10, 6, 1, 0.04) 40%, rgba(10, 6, 1, 0) 72%),
    linear-gradient(180deg,
      rgba(0, 0, 0, 0.95) 0%,
      rgba(0, 0, 0, 0.86) 6%,
      rgba(0, 0, 0, 0.52) 11%,
      rgba(0, 0, 0, 0.26) 16%,
      rgba(0, 0, 0, 0.14) 24%,
      rgba(0, 0, 0, 0.05) 40%,
      rgba(0, 0, 0, 0) 70%);
}

/* R3-elite-A3: Hero-Bodenschein. Die Ellipse bei 56%/88% war mit 179 gegen
   Soll 86 doppelt zu hell (y620 x880) und lief 60 px ueber die Bildkante
   hinaus (Soll y792 = 1, Ist 52). Schwaecher und mit harter Kante bei
   91,5 % = 790 px. Die Maske betrifft nur ::after, nicht das Bild. */
.lve-e1 .lve-e1-bg::after {
  background:
    radial-gradient(ellipse 20% 13% at 0% 0%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0) 76%),
    radial-gradient(ellipse 20% 13% at 100% 0%, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 76%),
    radial-gradient(ellipse 17% 12% at 70% 90%, rgba(255, 176, 60, 0.22) 0%, rgba(255, 176, 60, 0) 76%),
    /* unten links steht im Soll nichts (y786 x10/x100 = 1/0), das Quellbild
       hat dort aber einen Lichtkeil - abdunkeln. */
    radial-gradient(ellipse 26% 34% at 0% 100%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.30) 80%, rgba(0, 0, 0, 0) 100%),
    /* rechte Randsaeule: im Soll traegt x 1690..1760 von y 300 bis 786 einen
       warmen Schein (11 -> 41), im Bild selbst steht dort nichts. */
    radial-gradient(ellipse 13% 44% at 105% 62%, rgba(255, 168, 54, 0.30) 0%, rgba(255, 146, 0, 0) 78%);
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 91.5%, transparent 91.6%);
  mask-image: linear-gradient(180deg, #000 0, #000 91.5%, transparent 91.6%);
}

/* R3-elite-A4: e2-Rampe. Im Soll ist die Rampe waagerecht eine MULDE: an der
   Sektionsunterkante (y 1394) links 241, x1160 85, x1280 81, rechts 188.
   Im Ist eine ueber die volle Breite gleich helle Wand: 249 / 247 / 244 /
   151. 15 Stuetzstellen gemessen. Deshalb Grundrampe schwaecher plus zwei
   Eckglows unten links (stark) und unten rechts (mittel). */
section.lve-e2::before {
  background:
    radial-gradient(ellipse 42% 62% at -8% 108%, rgba(255, 210, 130, 1) 0%, rgba(255, 190, 84, 0.48) 40%, rgba(255, 166, 36, 0) 78%),
    radial-gradient(ellipse 24% 50% at 114% 104%, rgba(255, 226, 166, 0.96) 0%, rgba(255, 200, 104, 0.70) 50%, rgba(255, 174, 50, 0.28) 80%, rgba(255, 150, 10, 0) 100%),
    linear-gradient(180deg,
      rgba(8, 5, 2, 0) 26%,
      rgba(90, 55, 6, 0.10) 48%,
      rgba(140, 88, 10, 0.18) 66%,
      rgba(190, 120, 16, 0.27) 84%,
      rgba(214, 138, 22, 0.32) 100%);
}
section.lve-e2::after {
  background:
    radial-gradient(ellipse 52% 42% at 50% -14%, rgba(255, 146, 0, 0.14) 0%, rgba(255, 146, 0, 0) 70%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 110px);
  mask-image: linear-gradient(180deg, transparent 0, #000 110px);
}

/* R3-elite-A5: e3-Oberkante. Die Mulde laeuft rund 190 px in e3 hinein
   (Soll Mitte: y1420 114, y1450 131, y1500 173; Ist 248/249/250; ab y1600
   stimmen beide wieder). Erste Ebene = oberste Ebene, deshalb der neue
   Mittelschatten ganz oben. Rest wortgleich aus R3-elite-13. */
.lve-e3 .lve-e3-bg {
  background:
    radial-gradient(ellipse 60% 200px at 60% -16px, rgba(4, 3, 1, 0.62) 0%, rgba(4, 3, 1, 0.44) 44%, rgba(4, 3, 1, 0.18) 72%, rgba(4, 3, 1, 0) 100%),
    radial-gradient(ellipse 12% 15% at 94% 0%, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(180deg, #f8ac33 0%, rgba(248, 172, 51, 0) 20%),
    radial-gradient(ellipse 132% 78% at 50% 8%, rgba(255, 252, 246, 0.99) 0%, rgba(255, 242, 214, 0.97) 24%, rgba(254, 214, 140, 0.95) 44%, rgba(255, 168, 40, 0.78) 64%, rgba(255, 146, 0, 0.14) 88%),
    radial-gradient(ellipse 46% 130% at -6% 42%, rgba(255, 253, 250, 0.99) 0%, rgba(255, 238, 206, 0.90) 34%, rgba(255, 196, 104, 0.62) 56%, rgba(255, 146, 0, 0) 84%),
    radial-gradient(ellipse 42% 74% at 106% 40%, rgba(255, 252, 246, 0.98) 0%, rgba(255, 234, 198, 0.88) 34%, rgba(255, 192, 98, 0.60) 56%, rgba(255, 146, 0, 0) 84%),
    linear-gradient(180deg, rgba(255, 222, 160, 0.60) 0%, rgba(255, 176, 60, 0.42) 45%, rgba(255, 146, 0, 0.06) 82%);
}

/* R3-elite-A6: e5. Im Soll steht hinter dem Kartenraster ein grosser
   Goldschein; er wird in den 16-px-Fugen als leuchtendes Kreuz sichtbar.
   Fugenmitte x 874..886, Soll gegen Ist:
   rel 0,20 21/8 - 0,31 68/8 - 0,42 131/8 - 0,53 154/8 - 0,64 117/8 -
   0,75 60/8 - 0,86 24/8. Zusaetzlich ist die linke Flanke im Soll doppelt
   so breit (y 3840: x110/220/330/550 Soll 244/204/138/57, Ist 213/123/25/11).
   Der Mittelschein bleibt schmal (14 % = 246 px), damit er ueber dem
   Kartenraster nicht als Wolke erscheint - im Soll ist die Zeile ueber den
   Karten in der Mitte dunkel (15). */
.lve-e5 .lve-e5-bg {
  background:
    radial-gradient(ellipse 14% 46% at 50% 55%, rgba(255, 176, 44, 0.62) 0%, rgba(255, 158, 22, 0.34) 42%, rgba(255, 146, 0, 0.10) 70%, rgba(255, 146, 0, 0) 88%),
    radial-gradient(ellipse 44% 72% at -10% 60%, rgba(255, 240, 214, 0.90) 0%, rgba(255, 218, 146, 0.80) 46%, rgba(255, 182, 68, 0.34) 74%, rgba(255, 146, 0, 0) 96%),
    radial-gradient(ellipse 34% 200% at -8% 50%, rgba(255, 255, 254, 1) 0%, rgba(255, 250, 238, 1) 34%, rgba(255, 214, 138, 0.72) 56%, rgba(255, 146, 0, 0) 82%),
    radial-gradient(ellipse 30% 120% at -6% 46%, rgba(255, 226, 170, 0.72) 0%, rgba(255, 190, 84, 0.34) 44%, rgba(255, 146, 0, 0) 80%),
    radial-gradient(ellipse 22% 200% at 106% 50%, rgba(255, 158, 30, 0.26) 0%, rgba(255, 146, 0, 0.08) 46%, rgba(255, 146, 0, 0) 76%),
    radial-gradient(ellipse 32% 18% at 50% -2%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 70%);
  -webkit-mask-image: none;
  mask-image: none;
}

/* R3-elite-A14 (Abnahme): REGRESSION aus A6 gefunden und behoben.
   `.lve-e5-card` hat `backdrop-filter: blur(160px)`, und die Kartenflaeche ist
   in Wahrheit DURCHSICHTIG: sowohl Kaans Regel als auch R3-elite-22 schreiben
   `background: <gradient>, rgba(137,137,137,.05), #000000` - eine Farbe in
   einer NICHT-letzten Ebene macht die ganze Kurzschreibweise ungueltig, der
   Browser verwirft sie. Solange hinter den Karten Schwarz stand, fiel das
   nicht auf; mit dem Goldschein aus A6 leuchtete er durch die Karten hindurch
   (Kartenflaeche gemessen: Soll neutral 30..38 grau, nach A6 warm 45..93).
   Deshalb Langschreibweise mit deckender Grundfarbe. Sollwert 34 grau
   = rgba(255,255,255,.135) auf #000. */
.lve-e5 .lve-e5-card {
  background-color: #000000;
  /* Der Warmschein am Kartenkopf war bisher wirkungslos (ungueltige Kurzform)
     und mit 0,55 sofort zu stark: gemessen Soll (67,47,22), mit 0,55 (133,87,25).
     0,20 trifft (72,53,31). */
  background-image:
    radial-gradient(ellipse 300px 190px at 26% -20px, rgba(255, 150, 10, 0.20) 0%, rgba(255, 146, 0, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.145) 0%, rgba(255, 255, 255, 0.125) 100%);
}

/* R3-elite-A7: e7-Ambient. Die linke Saeule ist im Soll deutlich breiter
   (x 200..270: Soll 57/70/62/61/61, Ist 37/43/36/31/24). Zweite Ebene
   verbreitert sie, ohne das Randband x 0..70 (dort +-8) zu veraendern. */
.lve-e7 .lve-e7-bg {
  background:
    radial-gradient(ellipse 31% 600% at -8% -220%,
      rgba(255, 246, 228, 1) 0%,
      rgba(252, 179, 62, 0.74) 49%,
      rgba(251, 168, 44, 0.67) 53%,
      rgba(250, 158, 28, 0.61) 56%,
      rgba(250, 150, 14, 0.58) 58%,
      rgba(255, 146, 0, 0) 84%),
    /* Verbreiterung um x 200..270 herum, ohne das Randband x 0..70 zu heben:
       Mittelpunkt liegt bei 12 % statt am linken Rand. */
    radial-gradient(ellipse 12% 300% at 12% 50%, rgba(255, 206, 120, 0.15) 0%, rgba(255, 176, 54, 0.09) 50%, rgba(255, 146, 0, 0) 92%),
    radial-gradient(ellipse 30% 600% at 106% 320%, rgba(255, 194, 96, 0.72) 0%, rgba(254, 172, 48, 0.42) 46%, rgba(255, 146, 0, 0) 84%),
    radial-gradient(ellipse 68% 58% at 50% 96%, rgba(255, 146, 0, 0.24) 0%, rgba(255, 146, 0, 0.08) 50%, rgba(255, 146, 0, 0) 78%);
}

/* R3-elite-A8: e2-Fliesstext, Absatz 1. Im Soll bricht er nach "arrives."
   (Zeile 1 534 px, Zeile 2 296 px), im Ist erst bei 758 px und "moment."
   steht allein. Absaetze 2 und 3 stimmen mit 754 px genau, deshalb nur der
   erste Absatz enger - kein Markup-Eingriff noetig. */
.lve-e2 .lve-e2-text > p:first-child { max-width: 560px; }

/* R3-elite-A9: e6-Kartentext. max-width 142 px zwingt die Karten 3 und 5 auf
   drei Zeilen; im Soll sind es zwei (Karte 3 Soll 151/141 px, Ist 92/86/105;
   Karte 5 Soll 163/142, Ist 92/132/72). Karten 1 und 2 bleiben zweizeilig. */
.lve-e6 .lve-e6-card-text { max-width: 172px; }

/* ==========================================================================
 * Tablet und Mobil: Kaans Breakpoint-Werte zurueckholen
 * --------------------------------------------------------------------------
 * Alle Masse oben sind am 1760er Schnipsel gemessen. Meine Selektoren sind
 * spezifischer als Kaans (0-2-0 gegen 0-1-0), und Media Queries erhoehen die
 * Spezifitaet nicht - ohne diesen Block wuerden die Desktop-Masse auch auf
 * 390 px gelten (z. B. Hero-Bild 790 px hoch statt 520, Schrittkartentext auf
 * 142 px eingeschnuert). Fuer Elite gibt es kein Mobil-Design; deshalb gelten
 * hier wieder Kaans Werte, ergaenzt um die Fehler, die auch mobil falsch sind
 * (Bildhoehe kommt wegen `.lvf-page img{height:auto}` gar nicht an).
 * ====================================================================== */

@media (max-width: 1023px) {
  .lve-e1 { padding: 220px 0 200px; }
  /* Sollhoehe erzwingen (Shell-Reset), aber Kaans Zuschnitt und Maske behalten:
     bei 390 px wuerde `fill` das 16:9-Bild auf 0,75 stauchen. */
  .lve-e1 img.lve-e1-bg-img {
    height: 640px;
    object-fit: cover;
    -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
  }
  section.lve-e2 { padding: 24px 0 48px; }
  .lve-e2 .lve-e2-text { max-width: none; }
  section.lve-e3 { padding: 70px 0 50px; }
  .lve-e3 .lve-e3-card { padding: 28px 32px 28px 28px; }
  .lve-e3 .lve-e3-icon--xl > svg { width: 96px; height: 96px; }
  section.lve-e4 { padding: 56px 0 48px; }
  section.lve-e5 { padding: 48px 0 64px; }
  .lve-e5 .lve-e5-head { margin-bottom: 48px; }
  .lve-e5 .lve-e5-proof { margin: 72px auto 0; }
  .lve-e5 .lve-e5-card { min-height: 0; padding: 32px 26px 36px; }
  .lve-e5 .lve-e5-icon { width: 72px; height: 72px; }
  section.lve-e6 { padding: 40px 0 90px; }
  .lve-e6 .lve-e6-card-text { max-width: none; }
  .lve-e7 .lve-e7-frame { max-width: 1259px; padding: 10px; }
}

@media (max-width: 767px) {
  .lve-e1 { padding: 160px 0 120px; }
  .lve-e1 img.lve-e1-bg-img { height: 520px; }
  .lve-e1 h1.lve-e1-title { margin-bottom: 24px; }
  section.lve-e2 { padding: 16px 0 44px; }
  .lve-e2 .lve-e2-eyebrow { margin: 0 0 32px; padding: 7px 16px; }
  .lve-e2 .lve-e2-title { margin-bottom: 24px; }
  .lve-e2 .lve-e2-card-sub { padding: 12px 14px 4px; }
  section.lve-e3 { padding: 60px 0 44px; }
  .lve-e3 .lve-e3-head { gap: 18px; margin-bottom: 36px; }
  .lve-e3 .lve-e3-card { padding: 24px 22px; }
  .lve-e3 .lve-e3-card-text,
  .lve-e3 .lve-e3-card--wide .lve-e3-card-text { max-width: none; gap: 14px; }
  .lve-e3 .lve-e3-icon--xl > svg { width: 88px; height: 88px; }
  section.lve-e4 { padding: 52px 0 44px; }
  section.lve-e5 { padding: 52px 0 56px; }
  .lve-e5 .lve-e5-head { margin-bottom: 36px; }
  .lve-e5 .lve-e5-proof { margin: 52px auto 0; }
  .lve-e5 .lve-e5-card { padding: 28px 20px 30px; }
  .lve-e5 .lve-e5-desc p + p { margin-top: 10px; }
  .lve-e5 .lve-e5-icon { width: 64px; height: 64px; }
  section.lve-e6 { padding: 52px 0 72px; }
  .lve-e6 .lve-e6-card-text { max-width: 320px; }
  .lve-e7 .lve-e7-frame { padding: 6px; }
  .lve-e7 .lve-e7-content { gap: 36px; }
  .lve-e7 .lve-e7-head { gap: 18px; }
}

/* ==========================================================================
 * Footer-Ambient (Befund A9)
 * --------------------------------------------------------------------------
 * GRENZFALL, bitte im Bericht mitlesen: die Footer-VORLAGE 67 wird NICHT
 * angefasst. Geaendert wird nur eine Theme-Regel, und zwar ausschliesslich
 * fuer diese eine Seite (body.page-id-8046). Andere Seiten und andere Agenten
 * sind nicht betroffen; Ruecknahme = diesen Block loeschen.
 *
 * Ursache (Runde 2, patch-theme.md T13): die blaue Grundregel .lvf-s11::before
 * hat sieben Verlaeufe, darunter die beiden Seitenrinnen
 * (180px 950px at 15.3%/84.7% 100%) und den Bodenschein (150% 420px at 50% 98%).
 * Die Gold-Ueberschreibung ersetzt `background` VOLLSTAENDIG und laesst nur
 * drei schwache Wolken uebrig. Im Soll steigen beide Rinnen monoton bis
 * (250,207,65) an der Seitenunterkante, im Ist fallen sie nach der Mitte auf
 * (36,22,3) / (24,15,2) - die groesste Einzelabweichung der ganzen Seite.
 * Geometrie unveraendert aus der blauen Grundregel uebernommen (::before hat
 * inset -10% -22% -90px, deshalb 15.3 % und 84.7 %, nicht 0 %/100 %).
 * ====================================================================== */
body.page-id-8046 .lvf-s11::before {
  background:
    radial-gradient(62% 56% at 16% 60%, rgba(235, 150, 20, 0.3) 0%, rgba(235, 150, 20, 0) 70%),
    radial-gradient(62% 56% at 86% 40%, rgba(235, 150, 20, 0.25) 0%, rgba(235, 150, 20, 0) 70%),
    radial-gradient(180px 950px at 15.3% 100%, rgba(255, 246, 224, 1) 0%, rgba(255, 219, 150, 0.98) 24%, rgba(255, 176, 40, 0.9) 50%, rgba(214, 130, 8, 0.6) 76%, rgba(190, 112, 4, 0) 100%),
    radial-gradient(180px 950px at 84.7% 100%, rgba(255, 246, 224, 1) 0%, rgba(255, 219, 150, 0.98) 24%, rgba(255, 176, 40, 0.9) 50%, rgba(214, 130, 8, 0.6) 76%, rgba(190, 112, 4, 0) 100%),
    radial-gradient(150% 420px at 50% 98%, rgba(200, 128, 30, 0.92) 0%, rgba(165, 104, 22, 0.6) 45%, rgba(110, 68, 12, 0.25) 74%, rgba(110, 68, 12, 0) 96%),
    radial-gradient(46% 38% at 50% 92%, rgba(250, 210, 140, 0.14) 0%, rgba(250, 210, 140, 0) 72%);
}

/* R3-elite-31: unter dem Footer steht der weisse Canvas des Themes (beim
   Ueberscrollen sichtbar). Nur fuer diese Seite auf den Seitengrund setzen.
   (Runde 2, patch-theme.md T2 - dort als seitenuebergreifende Aenderung
   vorgeschlagen, hier bewusst nur seitenlokal.) */
/* R3-elite-A13 (Abnahme): R3-31 blieb wirkungslos. `--lvf-bg` ist nicht auf
   :root definiert, sondern erst auf `.lvf-page` (lvlup-theme.css Z. 26) bzw.
   auf `body.lvf-gold .lvf-page` als #080502. Auf body/html ist die Variable
   deshalb ungueltig, `background-color` faellt auf transparent zurueck -
   gemessen: getComputedStyle(body).backgroundColor = rgba(0,0,0,0), und unter
   der Seite stand weiterhin der weisse Canvas (Screenshot 1760x9000, ab
   y 6980 durchgehend 255,255,255). Deshalb der Literalwert. */
body.page-id-8046 { background-color: #080502; }
html:has(body.page-id-8046) { background-color: #080502; }

/* ==========================================================================
 * ABNAHME Runde 3 - Nachtrag (steht ganz am Ende, gewinnt gegen alles davor)
 * ====================================================================== */

/* R3-elite-A10: Footer-Rinnen, Fortsetzung des Grenzfalls A9 aus BERICHT.md.
   Gleiche Regel, gleicher Geltungsbereich (nur body.page-id-8046), nur der
   senkrechte Radius und die Stopps der beiden Seitenrinnen sind neu.
   Befund: an der Naht e7/Footer bricht das Gold hart ab - Soll y5890/y5900
   links 145/145, Ist 128/13. Ursache: die Rinnen haben 950 px senkrechten
   Radius und reichen von unten nur bis y 6133 herauf.
   Soll-Profil der linken Rinne ueber die Footerhoehe:
   146 - 153 - 170 - 199 - 228 - 247 - 250, Ist vorher 16 - 47 - 109 - 170 -
   202 - 226 - 233. Rueckname = diesen Block loeschen. */
body.page-id-8046 .lvf-s11::before {
  background:
    radial-gradient(62% 56% at 16% 60%, rgba(235, 150, 20, 0.3) 0%, rgba(235, 150, 20, 0) 70%),
    radial-gradient(62% 56% at 86% 40%, rgba(235, 150, 20, 0.25) 0%, rgba(235, 150, 20, 0) 70%),
    radial-gradient(190px 2600px at 15.3% 100%,
      rgba(255, 250, 236, 1) 0%,
      rgba(255, 246, 224, 1) 19%,
      rgba(255, 230, 178, 0.97) 23%,
      rgba(255, 216, 134, 0.92) 29%,
      rgba(255, 202, 96, 0.85) 35%,
      rgba(253, 190, 74, 0.78) 42%,
      rgba(251, 180, 56, 0.64) 48%,
      rgba(226, 144, 20, 0.38) 62%,
      rgba(190, 112, 4, 0) 82%),
    radial-gradient(190px 2600px at 84.7% 100%,
      rgba(255, 250, 236, 1) 0%,
      rgba(255, 246, 224, 1) 19%,
      rgba(255, 230, 178, 0.97) 23%,
      rgba(255, 216, 134, 0.92) 29%,
      rgba(255, 202, 96, 0.85) 35%,
      rgba(253, 190, 74, 0.78) 42%,
      rgba(251, 180, 56, 0.64) 48%,
      rgba(226, 144, 20, 0.38) 62%,
      rgba(190, 112, 4, 0) 82%),
    radial-gradient(150% 420px at 50% 98%, rgba(200, 128, 30, 0.92) 0%, rgba(165, 104, 22, 0.6) 45%, rgba(110, 68, 12, 0.25) 74%, rgba(110, 68, 12, 0) 96%),
    radial-gradient(46% 38% at 50% 92%, rgba(250, 210, 140, 0.14) 0%, rgba(250, 210, 140, 0) 72%);
}

/* R3-elite-A11: nur Mobil/Tablet. Die harte Kante aus A3 sitzt bei 91,5 %
   der Sektionshoehe - das ist die Bildunterkante NUR am Desktop (790 von
   863). Mobil ist das Bild 520 bzw. 640 px hoch, die Maske wuerde den
   Bodenschein an der falschen Stelle kappen. */
@media (max-width: 1023px) {
  .lve-e1 .lve-e1-bg::after {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* R3-elite-A12: nur Mobil. `.lve-e4-pill` ist inline-flex; sobald der
   Gold-Span (M4) auf zwei Zeilen umbricht, steht der weisse Wortteil als
   eigenes, senkrecht zentriertes Flex-Kind daneben
   ("Recognition | That Carries / Weight", "Exclusive | Trips and /
   Experiences"). Als Block flieszt der Text wieder normal, und das echte
   Leerzeichen aus dem Markup traegt den Wortabstand (das gap aus R3-19a
   gilt dann nicht mehr - genau richtig, sonst doppelter Abstand). */
@media (max-width: 767px) {
  .lve-e4 .lve-e4-card-head .lve-e4-pill {
    display: block;
    white-space: normal;
    line-height: 24px;
  }
}

/* R3-elite-nachfix: Medienbild der 5. e4-Karte ("The Elite Progression
   Ladder") gegen den Ausschnitt aus dem Soll-Schnipsel getauscht
   (Anhang 8109, 514x293, aus runde3/referenz/elite/2.jpg bei x 989..1503,
   y 1033..1326). Der Ausschnitt traegt die Verlaeufe des Designs bereits in
   den Pixeln. Der Notfilter aus elite.css (sepia .85 / hue-rotate -14deg /
   saturate 2.1 / brightness .9) und das ::after-Overlay wuerden ein zweites
   Mal darauf liegen und das Bild ueberwaermen - deshalb fuer genau diese
   eine Karte aus. Gemessen, hellstes 1 % der Bildflaeche:
   Soll (182,130,54), vorher (149,99,88) - im Ist war der Blaukanal fast so
   hoch wie der Gruenkanal, daher der rosa Eindruck. */
.lve-e4 .lve-e4-card:nth-child(5) .lve-e4-media img {
  filter: none;
}
.lve-e4 .lve-e4-card:nth-child(5) .lve-e4-media::after {
  background: none;
}
