/* Über-Seite (Ilja 4.11. spät): Porträt im Kopf, „Mein Weg“ als Zeitstrahl in drei Kapiteln. Nur /ueber lädt diese Datei
   (ratgeber_seiten.py bindet sie ein, sobald die Seite den Platzhalter [[WEG]] hat). Die Regeln tragen .rg-seite article,
   damit sie die Schritt-Nummern der Artikelseiten (ol mit 01, 02 …) und deren h3-Stil sicher überschreiben. */
.rg-bild img{width:auto;max-width:100%;max-height:min(560px,72vh);aspect-ratio:4/5;margin-left:auto;object-position:50% 28%}

.rg-seite article .weg-strahl{margin:26px 0 8px}
.rg-seite article .weg-kapitel{display:flex;align-items:center;gap:14px;margin:40px 0 22px;font:italic 400 25px/1.2 'Luxus Serif',Georgia,serif;letter-spacing:0;color:var(--dark-gold)}
.rg-seite article .weg-kapitel:before{flex:none;margin:0}
.rg-seite article .weg-kapitel:after{content:'';flex:1;height:1px;background:#b6a27a66}
.rg-seite article .weg-strahl .weg-kapitel:first-child{margin-top:8px}
.rg-seite article ol.weg{counter-reset:none;list-style:none;margin:0;padding:0}
.rg-seite article ol.weg>li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:20px;counter-increment:none;margin:0;padding:0 0 30px}
.rg-seite article ol.weg>li:before{content:'';position:absolute;left:25.5px;top:52px;bottom:0;width:1px;background:linear-gradient(#b6a27a,#b6a27a55)}
.rg-seite article ol.weg>li:after{display:none}
.rg-seite article ol.weg>li:last-child{padding-bottom:4px}
.rg-seite article ol.weg>li:last-child:before{display:none}
.rg-seite article .weg-ikon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;background:#f6f0e4;color:var(--dark-gold)}
.rg-seite article .weg-ikon svg{width:24px;height:24px}
.rg-seite article .weg-jahr{margin:3px 0 0;font:500 13px/1.3 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-gold)}
.rg-seite article .weg h4{margin:6px 0 0;font:400 clamp(21px,1.7vw,25px)/1.2 'Luxus Serif',Georgia,serif;letter-spacing:-.01em;color:var(--green)}
.rg-seite article .weg-zahl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0}
.rg-seite article .weg-zahl b{font:330 clamp(32px,2.6vw,40px)/1 'Luxus Serif',Georgia,serif;letter-spacing:-.02em;color:var(--dark-gold)}
.rg-seite article .weg-zahl span{font:500 12.5px/1.3 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-gold)}
.rg-seite article .weg li p:last-child{margin:8px 0 0}
/* Das jüngste Kapitel trägt Gold: hier steht, was heute zählt */
.rg-seite article .weg-strahl ol:last-of-type .weg-ikon{background:var(--gold);border-color:var(--gold);color:var(--deep)}

/* Die Stationen erscheinen beim Lesen nacheinander. Ohne Unterstützung im Browser oder bei reduzierter Bewegung stehen sie sofort da. */
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){.rg-seite article ol.weg>li{animation:weg-station linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}
}
@keyframes weg-station{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:700px){
 .rg-seite article ol.weg>li{grid-template-columns:44px minmax(0,1fr);column-gap:14px}
 .rg-seite article .weg-ikon{width:44px;height:44px}
 .rg-seite article ol.weg>li:before{left:21.5px;top:44px}
 .rg-seite article .weg-kapitel{font-size:22px}
}