/* Unterseiten der dritten Darstellung (Über Moritz, Kämpfe, Partner werden).
   Liegt nach style.css und variante-3.css und nutzt deren Werte (--bg, --ink, --muted, --sand, --line, --pad, --display, --serif).
   Die Abschnitte tragen die Klassen der Startseite; hier steht nur, was neu ist. */

/* Menü: der Punkt der aktuellen Seite in Sand. */
.header nav a[aria-current=page]{color:var(--sand)}

/* Links im Fließtext. */
main p a:not([class]){color:var(--ink);text-decoration:underline;text-underline-offset:4px}
main p a:not([class]):hover{color:var(--sand)}

/* Kopf: Brotkrümel statt Kennzeile. */
.brotkrumen ol{display:inline;margin:0;padding:0;list-style:none}
.brotkrumen li{display:inline}
.brotkrumen li+li:before{content:"/" / "";margin:0 .7em;color:var(--sand)}
.brotkrumen a{transition:color .2s}
.brotkrumen a:hover{color:var(--sand)}

/* Kopf: die zweite Zeile der H1 etwas tiefer, damit Umlaute (KÄMPFE) nicht an die erste Zeile stoßen. */
.hero-unterseite h1>span{display:inline-block;padding-top:.12em}

/* Kopf von „Partner werden“: Im Foto steht der Kopf in der Bildmitte statt am oberen Rand. Der Ausschnitt rückt
   ihn ins obere Drittel. Zwischen 651 und 1000 px reicht die H1 bis ins Bild: Dort beginnt es tiefer, steht am
   rechten Rand und hat das Seitenverhältnis des Fotos, so steht das Gesicht unter der H1 und neben dem Text;
   die Oberkante läuft in den Hintergrund aus, damit die H1 auf dem hellen Türsturz lesbar bleibt. */
[data-seite=partner-werden] .arena-image img{object-position:50% 75%}
@media(min-width:651px) and (max-width:1000px){[data-seite=partner-werden] .arena-image{top:165px;right:0;width:auto;max-width:67%;height:calc(100% - 165px);aspect-ratio:3/4}
[data-seite=partner-werden] .arena-image:after{background:linear-gradient(90deg,var(--bg) 0%,#10111085 15%,transparent 42%),linear-gradient(270deg,var(--bg) 0%,transparent 14%),linear-gradient(180deg,var(--bg) 0%,transparent 30%),linear-gradient(0deg,#101110ed 0%,transparent 35%)}
}

/* Kapitel: Ausschnitt je Foto. */
#geschichte .training-photo img{object-position:50% 58%}
#ringen .training-photo img{object-position:50% 55%}
#partnerschaft .training-photo img{object-position:36% 50%}

/* Abschluss: Ausschnitt je Seite (Figur bzw. Gesicht in der hellen Bildhälfte). */
[data-seite=ueber-moritz] .contact-bg img{object-position:50% 35%}
[data-seite=partner-werden] .contact-bg img{object-position:50% 30%}

/* Steckbrief: vier Spalten, Bezeichnung klein, Wert in der Überschriftenschrift. */
.steckbrief{border-top:1px solid var(--line)}
.steckbrief .values-heading{margin-bottom:55px}
.steckbrief-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid #c2a57a54}
.steckbrief-liste>div{min-width:0;padding:26px 28px 30px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.steckbrief-liste>div:nth-child(4n+1){padding-left:0;border-left:0}
.steckbrief-liste dt{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted);margin:0 0 12px}
.steckbrief-liste dd{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(26px,2.3vw,36px);line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere}

/* Galerie: Dreiergruppen, äußere Fotos tiefer gesetzt wie auf der Startseite. */
.galerie{border-top:1px solid var(--line)}
.galerie .moments{row-gap:60px}
.galerie .moment:nth-child(3n+1),.galerie .moment:nth-child(3n){margin-top:65px}
.galerie .moment:nth-child(3n+2){margin-top:0}

/* Leitspruch. */
.zitat-section{border-top:1px solid var(--line);text-align:center}
.zitat{margin:0 auto;max-width:1200px}
.zitat blockquote{margin:0}
.zitat blockquote p{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(56px,8.4vw,136px);line-height:.92;letter-spacing:-.02em}
.zitat blockquote p>span{color:var(--sand)}
.zitat figcaption{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:38px}
.zitat-uebersetzung{font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);line-height:1.3}
.zitat-quelle{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted)}

/* Kampfliste: links der nächste Kampf, rechts die Kämpfe. */
.chronik-section{border-top:1px solid var(--line)}
.chronik-section .training-heading{max-width:1660px;margin-left:auto;margin-right:auto}
.chronik-inhalt{max-width:1660px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:clamp(38px,6vw,110px);align-items:start}
.naechster-kampf{border:1px solid var(--line);border-top-color:var(--sand);padding:30px 28px 32px;background:#101110d9}
.naechster-kampf h3{font-family:var(--display);font-size:clamp(30px,2.6vw,40px);font-weight:600;line-height:1.05;margin:0 0 14px}
.naechster-kampf>p:not(.stage-label){color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 18px}
.naechster-kampf .text-link{font-size:13px;gap:30px;padding:0 0 7px}
.kampfliste{list-style:none;margin:0;padding:0;border-top:1px solid #c2a57a54}
.kampf{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,.85fr);gap:10px 32px;padding:28px 0;border-bottom:1px solid var(--line)}
.kampf p{margin:0}
.kampf-datum{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--muted);padding-top:9px}
.kampf-veranstaltung h3{font-family:var(--display);font-size:clamp(28px,2.4vw,38px);font-weight:600;line-height:1.05;margin:0 0 8px}
.kampf-veranstaltung>p{color:var(--muted);font-size:15px;line-height:1.7}
.kampf-veranstaltung>.kampf-notiz{font-size:14px;margin-top:10px;max-width:440px}
.kampf-ergebnis{padding-top:9px}
.kampf-status{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--muted)}
.kampf-status.kampf-sieg{color:var(--sand)}
.kampf-art{font-size:15px;line-height:1.7;margin-top:6px!important}
.kampf-video{display:inline-flex;align-items:center;gap:14px;margin-top:14px;font-size:13px;border-bottom:1px solid #a8a89e;padding-bottom:5px;transition:color .2s}
.kampf-video:hover{color:var(--sand)}
.kampf-video>span:last-child{color:var(--sand);font-size:18px;line-height:1}

/* Kennzahlen als Band wie das Kanalband. */
.zahlen-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zahlen-band ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.zahlen-band li{padding:44px var(--pad);border-right:1px solid var(--line)}
.zahlen-band li:last-child{border-right:0}
.zahlen-band p{margin:0}
.zahl-wert{font-family:var(--display);font-weight:600;font-size:clamp(56px,5.6vw,92px);line-height:1;letter-spacing:-.01em}
.zahl-wert>span{color:var(--sand);padding:0 2px}
.zahl-bezeichnung{margin-top:14px!important;font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted)}

/* Gründe: Abstand zur Linie darüber. */
.gruende{border-top:1px solid var(--line)}

/* Weiter-Band: die Seitennamen etwas kleiner als die Kanäle. */
.weiter-band>*>span:first-child{font-size:clamp(34px,3.2vw,52px)}

@media(max-width:1100px){.steckbrief-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.steckbrief-liste>div:nth-child(4n+1){padding-left:28px;border-left:1px solid var(--line)}
.steckbrief-liste>div:nth-child(2n+1){padding-left:0;border-left:0}
.chronik-inhalt{grid-template-columns:1fr}
.naechster-kampf{max-width:560px}
}

@media(max-width:800px){.kampf{grid-template-columns:1fr;gap:6px}
.kampf-datum,.kampf-ergebnis{padding-top:0}
.kampf-ergebnis{margin-top:10px}
.zahlen-band ul{grid-template-columns:1fr}
.zahlen-band li{padding:28px var(--pad);border-right:0;border-bottom:1px solid var(--line)}
.zahlen-band li:last-child{border-bottom:0}
}

@media(max-width:650px){.hero-unterseite h1{font-size:clamp(64px,19vw,150px)}
/* Kopfbild tiefer: das Gesicht steht zwischen Überschrift und Claim statt hinter der H1. */
.hero-unterseite .arena-image{top:160px}
/* „Partner werden“: Der Kopf steht in der Bildmitte, das Bild bleibt deshalb oben. */
[data-seite=partner-werden] .arena-image{top:40px}
[data-seite=partner-werden] .arena-image img{object-position:50% 10%}
.steckbrief .values-heading{margin-bottom:35px}
.steckbrief-liste>div{padding:22px 16px 24px}
.steckbrief-liste dd{font-size:24px}
.galerie .moment:nth-child(n){margin:0 0 36px}
.galerie .moments{row-gap:0}
.zitat blockquote p{font-size:clamp(46px,15vw,80px)}
.zitat figcaption{margin-top:28px}
.naechster-kampf{padding:26px 22px 28px}
.kampf{padding:24px 0}
.weiter-band>*>span:first-child{font-size:34px}
}

/* Rechtsseiten (Impressum, Datenschutz; 26.10.2026): Brotkrümel wie im Kopf der Unterseiten, die H1 wie die
   Überschriften der Abschnitte, darunter der Text aus dem Generator in Lesebreite. Kopf und Fläche füllen
   mindestens den ersten Bildschirm, der Fuß folgt darunter. */
.rechtstext-seite{min-height:calc(100svh - 99px);box-sizing:border-box}
.rechtstext-seite>.eyebrow>span:first-child{display:inline-block;width:25px;height:1px;background:var(--sand);vertical-align:middle;margin-right:11px}
.rechtstext-seite h1{font-family:var(--display);font-size:clamp(42px,4.8vw,76px);font-weight:600;line-height:1.02;letter-spacing:-.015em;margin:0 0 50px;max-width:900px}
.rechtstext{max-width:760px;color:var(--muted);font-size:16px;line-height:1.75}
.rechtstext>:first-child{margin-top:0}
.rechtstext h2{font-family:var(--serif);font-size:32px;line-height:1.15;font-weight:500;letter-spacing:0;color:var(--ink);margin:56px 0 16px}
.rechtstext h3{font-size:18px;line-height:1.4;font-weight:600;color:var(--ink);margin:36px 0 12px}
.rechtstext h4,.rechtstext h5{font-size:16px;line-height:1.5;font-weight:600;color:var(--ink);margin:28px 0 8px}
.rechtstext p,.rechtstext ul,.rechtstext ol{margin:0 0 16px}
.rechtstext ul,.rechtstext ol{padding-left:22px}
.rechtstext li{margin-bottom:6px}
.rechtstext a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.rechtstext a:hover{color:var(--sand)}
.rechtstext strong{color:var(--ink);font-weight:600}
@media(max-width:650px){.rechtstext-seite{min-height:calc(100svh - 80px)}
.rechtstext-seite h1{font-size:42px;margin-bottom:36px}
.rechtstext{font-size:15px}
.rechtstext h2{font-size:26px;margin-top:44px}
}