/* DK 03.10.: Graphit & Gold – weiche Lichtstimmungen und feine Verläufe, die Graphit und Gold leicht mischen.
   Hero, Tafel, Platte und Intro bleiben unberührt. Statisch: keine Animation, kein Parallax. */
:root { --pg-base:#262420; --pg-deep:#201e1a; --pg-soft:#2c2924; --pg-gold:#e2c87f; --pg-gold-2:#c9ab65; --pg-bronze:#9c814e; }

/* Grundfläche */
body.r45sg, html.d62 body { background:var(--pg-base) !important; }

/* Kapitel: jedes mit eigener, leiser Lichtstimmung (Gold-Schimmer wechselt die Seite) */
:is(body.r45sg, html.d62) .r45-ch.has-court {
  background:radial-gradient(120% 55% at 12% 0%, rgba(226,200,127,.13), transparent 62%),
             linear-gradient(180deg, #2a2822, var(--pg-base) 70%) !important; }
:is(body.r45sg, html.d62) .r45-ch:not(.has-court):not(.is-deep):not(.r45-timeline) {
  background:radial-gradient(110% 50% at 92% 4%, rgba(226,200,127,.10), transparent 60%),
             linear-gradient(180deg, var(--pg-deep), #272520) !important; }
:is(body.r45sg, html.d62) .r45-ch.is-deep {
  background:radial-gradient(120% 50% at 8% 100%, rgba(201,171,101,.12), transparent 60%),
             radial-gradient(100% 45% at 95% 0%, rgba(226,200,127,.09), transparent 60%),
             linear-gradient(180deg, #2f2c26, #262420) !important; }
:is(body.r45sg, html.d62) .r45-timeline {
  background:radial-gradient(120% 45% at 50% 0%, rgba(226,200,127,.08), transparent 65%),
             linear-gradient(180deg, #21201c, #1d1b17) !important; }
:is(body.r45sg, html.d62) .r45-finale {
  background:radial-gradient(120% 75% at 50% 0%, rgba(226,200,127,.24) 0%, rgba(201,171,101,.07) 45%, transparent 72%),
             linear-gradient(180deg, #2f2c26, #22201c) !important; }

/* Kapitelnaht: feiner Gold-Graphit-Verlauf statt harter Linie */
:is(body.r45sg, html.d62) :is(.r45-ch.is-deep, .r45-timeline)::after {
  background:linear-gradient(90deg, rgba(226,200,127,.85), rgba(201,171,101,.35) 38%, transparent 78%) !important; }

/* Bande: Gold, das nach unten leicht in Bronze übergeht */
:is(body.r45sg, html.d62) .r45-bande {
  background:linear-gradient(180deg, #ecd59d, var(--pg-gold) 45%, var(--pg-gold-2)) !important;
  border-block-color:#262420 !important; }

/* Primär-Buttons: Champagner-Verlauf, weicher Bronze-Schatten */
:is(body.r45sg, html.d62) .r45-btn.is-rubber {
  background:linear-gradient(180deg, #eed8a2, var(--pg-gold) 55%, #d8bb71) !important;
  box-shadow:0 4px 0 var(--pg-bronze), 0 14px 26px -12px rgba(201,171,101,.45) !important; }
:is(body.r45sg, html.d62) .r45-act.is-primary { background:linear-gradient(180deg, #eed8a2, var(--pg-gold)) !important; }

/* Karten: Graphit mit warmem Lichtsaum oben */
:is(body.r45sg, html.d62) .r45-pcard {
  background:radial-gradient(90% 45% at 100% 0%, rgba(226,200,127,.14), transparent 60%),
             linear-gradient(160deg, #34322b, #282621 55%, #201f1b) !important; }
:is(body.r45sg, html.d62) .r45-next {
  background:linear-gradient(135deg, rgba(226,200,127,.16), rgba(226,200,127,.03) 55%, rgba(255,255,255,.02)) !important; }

/* Kopf, Dock, Fuß: Graphit mit einem Hauch Gold an der Kante */
body.r45sg .site-header { background:rgba(38,36,32,.92) !important; }
body.r45sg .dock { background:rgba(34,32,28,.95) !important; border-top:1px solid rgba(226,200,127,.22) !important; }
:is(body.r45sg, html.d62) .r44-footer {
  background:radial-gradient(90% 120% at 50% 0%, rgba(226,200,127,.08), transparent 60%), linear-gradient(180deg, #262420, #1e1c18) !important;
  border-top:1px solid rgba(226,200,127,.2) !important; }

/* Unterseiten-Köpfe */
body.r45sg :is(.r44-intro, .page-hero, .archive-hero), html.d62 body.r45 :is(.r44-intro, .page-hero, .archive-hero) {
  background:radial-gradient(90% 70% at 85% -10%, rgba(226,197,116,.18), transparent 65%), linear-gradient(180deg, #34312a, #2a2823) !important; }

/* DK 04.10. LED-Bande */
html:root body.r45sg .r45-bande.r45-bande { height:42px !important; border-block:0 !important;
   background:radial-gradient(circle,#171614 0 45%,transparent 50%) 0 0/4px 4px, linear-gradient(180deg,#0e0d0b,#12110e) !important;
   box-shadow:inset 0 0 0 1px #37332a, inset 0 2px 0 #201e1a, inset 0 -2px 0 #201e1a !important; }
html:root body.r45sg .r45-bande.r45-bande span { font-family:"R45 Seg14",monospace !important; font-weight:400 !important; font-variation-settings:normal !important; font-size:14px !important;
   letter-spacing:.08em !important; color:#e8cc77 !important; text-shadow:0 0 6px rgba(226,200,127,.55) !important; }
html:root body.r45sg .r45-bande.r45-bande i { width:5px !important; height:5px !important; background:#7fcf8f !important; box-shadow:0 0 6px rgba(127,207,143,.7); opacity:1 !important; }

/*PG-TONE-1*/

/* DK 08.10.: Bande ohne Lücke – Verschiebung exakt um einen Block (per JS gemessen) */
@keyframes r45-bande-fit { to { transform:translate3d(var(--bande-shift,-50%),0,0); } }
html:root .r45-bande .r45-bande-run.is-fit { animation:r45-bande-fit var(--bande-dur,19s) linear infinite !important; }
html:root .r45-bande.is-off .r45-bande-run.is-fit { animation-play-state:paused !important; }
@media (prefers-reduced-motion: reduce) { html:root .r45-bande .r45-bande-run.is-fit { animation:none !important; } }