/* DK 13.10.: Mannschaften-Karte = Tischplatte (wie der Tisch auf der Startseite): Tischblau, weiße Kantenlinie, mattes Korn */
.pi-team,.pi-jteam{position:relative;padding:22px;
  background:url("grain-w.png") 0 0/256px 256px,linear-gradient(172deg,#1f5596 0%,#1a4b86 55%,#163f73 100%) !important;
  box-shadow:inset 0 0 0 5px #f4f1e8,inset 0 0 0 6px rgba(0,0,0,.25),0 22px 44px -24px rgba(0,0,0,.8) !important;}
.pi-team .th-tile,.pi-team .th-fold,.pi-jteam .th-tile,.pi-jteam .th-fold{background:rgba(10,30,60,.72) !important;border-color:rgba(244,241,232,.16) !important;}
.pi-team .pi-league,.pi-jteam .pi-league{color:#f4f1e8 !important;letter-spacing:.14em;}
.pi-team .th-tile.is-rank b{color:#ffd76a !important;}

/* DK 13.10.: „01 Spiele“ – Kacheln Herren/Jugend als Holzwand der Startseite (hell, dunkle Schrift) */
.gs-board{--acc:#8a5a12;--gs-ink:#2b2116;--gs-ink-2:#45372a;--gs-ink-3:#6a5640;
  background:linear-gradient(180deg,rgba(255,248,232,.10),rgba(60,40,15,.10)),radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.18),transparent 60%),url("holz-tile.jpg") 0 0/64px 256px !important;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.75),inset 0 0 0 1px rgba(60,40,15,.35),inset 0 1px 0 rgba(255,250,235,.35) !important;}
.gs-board[data-gs-group="jugend"]{background:linear-gradient(180deg,rgba(255,248,232,.10),rgba(60,40,15,.10)),radial-gradient(120% 70% at 100% 0%,rgba(255,255,255,.18),transparent 60%),url("holz-tile.jpg") 32px 0/64px 256px !important;}
.gs-board::before{opacity:0;}
.gs-board[data-gs-group="jugend"]{--acc:#7a4f10;}   /* Kicker „Nachwuchs“ dunkel statt Gold auf hellem Holz */
.gs-board .gs-chev{background:rgba(43,33,22,.10);box-shadow:inset 0 0 0 1px rgba(43,33,22,.45);color:#2b2116;}
/* dunkle Flächen behalten die helle Schrift; leicht durchsichtig, Holzlatten scheinen durch */
.gs-board .gs-lampbar,.gs-board .gs-score,.gs-board .gs-panel-body{--gs-ink:#f4f1e8;--gs-ink-2:#cfc9b8;--gs-ink-3:#a39d8c;--acc:#dec87d;}
.gs-board .gs-lampbar{background:linear-gradient(180deg,rgba(30,24,16,.85),rgba(22,18,12,.88)) !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 6px 14px -6px rgba(0,0,0,.5) !important;}   /* Ergebnistafel: halb so durchsichtig wie der Rest */
.gs-board .gs-panel-body{background:rgba(28,22,14,.80);border-radius:12px;}
.gs-board .gs-panel-body .gs-sub{color:#cfc9b8 !important;}

/* DK 13.10.: Jugend getrennt -> sechs Reiter in einer Zeile */
.pi-tablist{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
@media (max-width:420px){.pi-tablist{gap:3px;padding:3px;}.pi-tablist button{padding:5px 1px;}.pi-tablist button b{font-size:16px;}.pi-tablist button span{font-size:10px;letter-spacing:0;}}
@media (min-width:961px){.pi-tablist{grid-template-columns:repeat(6,auto) !important;}}

/* DK 13.10.: Aufzählungen (Probetraining 01–03) als Tischtennisschläger – Render des Schlägers aus der Startseite, Zahl im Blatt */
body main .r44-steps li{grid-template-columns:42px minmax(0,1fr) !important;gap:16px !important;align-items:start;}
body main .r44-steps b{width:42px !important;height:70px !important;border:0 !important;border-radius:0 !important;
  background:url("schlaeger.webp") center top/42px 70px no-repeat !important;display:block !important;box-sizing:border-box;
  padding-top:12px;text-align:center;font:800 15px/18px Archivo,system-ui,sans-serif !important;color:#fff !important;letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(60,0,0,.55);filter:drop-shadow(0 4px 5px rgba(0,0,0,.35));margin-top:-4px;}
/* DK 13.10.: Mitspielen – Kacheln als Hallenboden (hell, wie der Boden der Startseite), dunkle Schrift; Wochentage in den Anzeigen bleiben hell.
   „05 Gut ausgestattet“: ein durchgehender Boden unter allen Kacheln (Versatz per halle-boden.js) */
:root:root:root body[data-r44-area="mitspielen"] main :is(.r44-info-card, .r45-slot, .pi-contact, .r44-disclosure) {
  position: relative; overflow: hidden; isolation: isolate; border-radius: 14px;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 10px 26px -14px rgba(0,0,0,.7) !important;
}
/* Boden: Grundfarbe + mattes Korn + leichter Lichtverlauf; Feldlinie als weißer Kreisbogen unten rechts */
:root:root:root body[data-r44-area="mitspielen"] main :is(.r44-info-card, .r45-slot, .pi-contact, .r44-disclosure) {
  background:
    radial-gradient(circle at 108% 128%, transparent 0 calc(34% - 3px), rgba(246,248,250,.78) calc(34% - 2px) calc(34% + 2px), transparent calc(34% + 3px)),
    url("grain-w.png") 0 0/256px 256px,
    radial-gradient(120% 140% at 15% 0%, #a9b8c5 0%, #93a3b1 55%, #7f8f9d 100%) !important;
  color: #1d2733 !important;
}
/* schmale Zeilen (Trainingszeiten, Klappen): Linie flacher, damit sie nicht wie ein Strich quer liegt */
:root:root:root body[data-r44-area="mitspielen"] main .r45-slot {
  background:
    linear-gradient(90deg, transparent calc(100% - 46px), rgba(246,248,250,.78) calc(100% - 46px) calc(100% - 42px), transparent calc(100% - 42px)),
    url("grain-w.png") 0 0/256px 256px,
    linear-gradient(100deg, #a4b3c0, #8e9eac) !important;
}
/* b1: Schrift dunkel */
:root:root:root body[data-r44-area="mitspielen"] main :is(.r44-info-card, .r45-slot, .pi-contact, .r44-disclosure) :is(h3, strong, summary, b, span:not(.r45-day):not(.r45-today), small, p) { color: #1d2733 !important; }
:root:root:root body[data-r44-area="mitspielen"] main :is(.r44-info-card, .pi-contact, .r44-disclosure) :is(p, small) { color: #2c3a48 !important; }
:root:root:root body[data-r44-area="mitspielen"] main .r44-info-card .r44-kicker, :root:root:root body[data-r44-area="mitspielen"] main .pi-contact-k { color: #6b4a08 !important; }
:root:root:root body[data-r44-area="mitspielen"] main .r45-slot .r45-today { color: #fff !important; background: #1d2733 !important; }
:root:root:root body[data-r44-area="mitspielen"] main :is(.r44-info-card, .pi-contact, .r44-disclosure) a { color: #12375e !important; text-decoration-color: rgba(18,55,94,.5) !important; }
:root:root:root body[data-r44-area="mitspielen"] main .r44-disclosure summary svg, :root:root:root body[data-r44-area="mitspielen"] main .r44-disclosure :is(button, img) { color: #1d2733 !important; border-color: #1d2733 !important; }
/* DK 13.10.: „05 Gut ausgestattet“ – ein durchgehender Hallenboden unter allen Kacheln: Farbe, Korn und Feldlinie liegen
   wie EIN Bild unter dem Abschnitt, jede Kachel zeigt nur ihren Ausschnitt (Versatz per Skript: --fx/--fy, Bildgröße --fw/--fh). */
:root:root:root body[data-r44-area="mitspielen"] main #ausstattung :is(.r44-info-card, .r44-disclosure) {
  background:
    url("grain-w.png") var(--fx, 0) var(--fy, 0)/256px 256px repeat,
    var(--floor, none) var(--fx, 0) var(--fy, 0)/var(--fw, 100%) var(--fh, 100%) no-repeat,
    var(--floor-c, #93a3b1) !important;
}
/* DK 13.10.: Verein „Zum Nachschlagen – Unsere Geschichte bleibt.“ = Ehrenurkunde: gealtertes Papier, goldbrauner Doppelrahmen,
   Vereinswappen als dezentes Wasserzeichen, dunkle Schrift, Titel in Zeitungsschrift */
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"]){position:relative;isolation:isolate;overflow:hidden;color:#2b2116 !important;border:1px solid #b9a678 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27160%27 height=%27160%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .07 0%27/%3E%3C/filter%3E%3Crect width=%27160%27 height=%27160%27 filter=%27url(%23n)%27/%3E%3C/svg%3E"),
  radial-gradient(130% 120% at 30% 10%,#f6efdc 0%,#ece1c4 60%,#dccb9f 100%) !important;
  box-shadow:inset 0 0 0 7px #f3ead3,inset 0 0 0 8px #9c7b3c,inset 0 0 0 11px #f3ead3,inset 0 0 0 12px #9c7b3c,inset 0 0 40px rgba(120,90,30,.25),0 14px 30px -18px rgba(0,0,0,.75) !important;}
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"])::before{content:"";position:absolute;right:-18px;bottom:-24px;width:170px;height:170px;z-index:-1;pointer-events:none;background:url("../brand/crest-r46-192.webp") center/contain no-repeat;opacity:.13;filter:grayscale(1) sepia(.6);}
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"]) :is(h3,p){color:#2b2116 !important}
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"]) .r44-kicker{color:#8a5a12 !important}
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"]) .r44-inline-link{color:#6b3d0a !important;border-color:rgba(107,61,10,.55) !important;text-decoration-color:rgba(107,61,10,.55) !important}
:root:root:root body main aside.r44-info-card:has(a[href="verein-geschichte.html"]) h3{font-family:Newsreader,Georgia,serif !important;font-weight:800 !important}
/* DK 13.10.: „Nächstes Heimspiel“ = Eintrittskarte: Papier-Ticket, seitliche Einkerbungen, Abrisslinie vor dem Countdown
   (Handy waagerecht darüber, Desktop senkrecht davor – Lage per halle-ticket.js: --ny/--nx, data-tk), roter Stempel */
:root:root:root body main .r45-next{position:relative;color:#2b2116 !important;border:0 !important;border-radius:14px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27160%27 height=%27160%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .07 0%27/%3E%3C/filter%3E%3Crect width=%27160%27 height=%27160%27 filter=%27url(%23n)%27/%3E%3C/svg%3E"),linear-gradient(180deg,#f4ead2 0%,#ecdfbf 100%) !important;
  -webkit-mask:radial-gradient(circle 13px at 0 var(--ny,70%),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--ny,70%),#0000 97%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 13px at 0 var(--ny,70%),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--ny,70%),#0000 97%,#000) right/51% 100% no-repeat;}
:root:root:root body main .r45-next::before{content:"";position:absolute;left:22px;right:22px;top:var(--ny,70%);border-top:2px dashed rgba(90,64,24,.38);pointer-events:none}
:root:root:root body main .r45-next::after{content:"";position:absolute;inset:8px;border:1px solid rgba(138,90,18,.35);border-radius:9px;pointer-events:none}
:root:root:root body main .r45-next .r45-next-badge{background:transparent !important;color:#a3271d !important;border:2px solid #a3271d !important;border-radius:6px !important;transform:rotate(-2deg);box-shadow:inset 0 0 0 1px rgba(163,39,29,.25)}
:root:root:root body main .r45-next :is(.r45-next-team){color:#2b2116 !important}
:root:root:root body main .r45-next .r45-next-vs{color:#8a5a12 !important}
:root:root:root body main .r45-next .r45-next-teams small{color:#4a3a26 !important}
:root:root:root body main .r45-next:not([data-tk="v"]) .r45-cd{margin-top:34px !important}
:root:root:root body main .r45-next[data-tk="v"]{-webkit-mask:radial-gradient(circle 13px at var(--nx,70%) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at var(--nx,70%) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 13px at var(--nx,70%) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at var(--nx,70%) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;}
:root:root:root body main .r45-next[data-tk="v"]::before{left:var(--nx,70%);right:auto;top:20px;bottom:20px;border-top:0;border-left:2px dashed rgba(90,64,24,.38)}
/* DK 13.10.: Diaprojektor (Handy) – Textfeld bei jedem Dia gleich hoch (Höhe = längster Dia-Text, gemessen in dia-cap.js) */
@media (max-width:960px){.r54-layer .r54-caption{height:var(--r54-cap-h,auto);min-height:var(--r54-cap-h,9.5em) !important;box-sizing:border-box;}}
/* DK 13.10.: Lange Texte als Punkte – orange Tischtennisbälle, Leitsatz mit gelbem Strich (textpunkte.py) */
body main .r44-body-lead.tb-lead{margin:0 0 14px;padding-left:14px;border-left:3px solid #dec87d;}
body main ul.tb-points{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px;}
body main ul.tb-points li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font:400 16px/1.5 system-ui,sans-serif;color:#ece8dd;margin:0;}
body main ul.tb-points li::before{content:"";width:14px;height:14px;margin-top:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#f4b35c 30%,#e2852b 70%,#b45d14 100%);box-shadow:0 1px 3px rgba(0,0,0,.5);}
body main ul.tb-points strong{color:#fff;font-weight:700;}
body main ul.tb-points + :is(.pi-contact,.r44-cta,p){margin-top:22px !important;}

/* DK 13.10.: Kopf „Dein Platz an der Platte“ (Mitspielen) – Holzwand wie Startseite, abgedunkelt; Desktop ohne Noppen (data-np-off) */
:root:root:root body main .r44-intro:has(img[src*="bb21a17c0e35eedc"]) {
  background:
    linear-gradient(180deg, rgba(18,11,5,.50) 0%, rgba(18,11,5,.66) 45%, rgba(14,9,4,.84) 100%),
    url("holz-tile.jpg") 0 0/auto 380px repeat !important;
}
:root:root:root body main .r44-intro:has(img[src*="bb21a17c0e35eedc"]) .r44-lead { color: #efe6d6 !important; }
