
:root{--red:#d6072f;--red2:#ef2349;--dark:#0b0c10;--ink:#17181d;--mid:#555a64;--light:#f4f5f7;--line:#e4e5e9;--white:#fff;--gold:#d2aa6d;--max:1200px;--r:24px;--shadow:0 22px 65px rgba(5,8,16,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;font-weight:900;color:var(--red)}h1,h2,h3{line-height:1.08}h1{font-size:clamp(3rem,7vw,6.8rem);margin:.16em 0}h2{font-size:clamp(2.15rem,4vw,3.7rem);margin:.25em 0}p.lead{font-size:1.16rem;color:var(--mid);max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:13px 23px;border-radius:999px;text-decoration:none;font-weight:900;border:2px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-light{background:#fff;color:var(--dark)}.btn-line{border-color:currentColor}.topline{height:7px;background:linear-gradient(90deg,var(--red) 0 64%,var(--dark) 64%)}.utility{background:var(--dark);color:#fff;font-size:.84rem}.utility .wrap{display:flex;justify-content:space-between;padding:7px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 5px 22px rgba(0,0,0,.08)}.navrow{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:950}.brand img{width:62px;height:62px;object-fit:contain}.brand small{display:block;color:var(--red);font-size:.67rem;letter-spacing:.14em}nav ul{list-style:none;display:flex;align-items:center;gap:20px;padding:0;margin:0}nav a{text-decoration:none;font-size:.91rem;font-weight:850}nav a:hover,nav a.active{color:var(--red)}.menu{display:none;border:0;background:var(--dark);color:#fff;border-radius:10px;padding:11px 14px;font-size:1.1rem}.hero{min-height:720px;color:#fff;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,11,.96),rgba(5,7,11,.72) 53%,rgba(5,7,11,.15)),url('../img/hero-badminton.svg') center/cover}.hero:before,.pagehero:before{content:'';position:absolute;right:-65px;bottom:-100px;width:410px;height:410px;background:url('../img/tgo-logo.png') center/contain no-repeat;opacity:.09}.hero .content{position:relative;z-index:2;max-width:800px;padding:100px 0}.hero h1{text-transform:uppercase;letter-spacing:-.045em}.hero h1 span{color:var(--red2)}.hero p{font-size:1.25rem;max-width:720px;color:#ecedf1}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.stats{margin-top:-55px;position:relative;z-index:3}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.stat{padding:28px;border-right:1px solid var(--line);border-top:5px solid var(--red)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:2rem;color:var(--red)}.stat span{color:var(--mid);font-weight:750}.section{padding:92px 0;position:relative}.soft{background:linear-gradient(135deg,#fafafa,#f0f1f4)}.dark{background:linear-gradient(135deg,#090a0d,#1b1e25);color:#fff;overflow:hidden}.dark:after{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;background:url('../img/shuttlecock.svg') center/contain no-repeat;filter:brightness(5);opacity:.035}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.frame{position:relative}.frame:before{content:'';position:absolute;inset:18px -18px -18px 18px;background:var(--red);border-radius:var(--r)}.frame img{position:relative;width:100%;border-radius:var(--r);box-shadow:var(--shadow)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{background:#fff;padding:30px;border-radius:var(--r);box-shadow:0 15px 42px rgba(0,0,0,.08);border-bottom:5px solid var(--red)}.card p{color:var(--mid)}.icon{width:54px;height:54px;border-radius:16px;background:#fee9ee;color:var(--red);display:grid;place-items:center;font-size:1.6rem}.badge{display:inline-block;padding:7px 12px;background:#fee9ee;color:#9e0c27;border-radius:999px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pagehero{padding:125px 0 95px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,11,.96),rgba(5,7,11,.62)),url('../img/hero-badminton.svg') center/cover}.pagehero h1{font-size:clamp(3rem,6vw,5.5rem);text-transform:uppercase}.pagehero p{font-size:1.18rem;color:#e9eaee;max-width:760px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.person{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.09);border-bottom:5px solid var(--red)}.portrait{height:240px;background:linear-gradient(145deg,#13151a,#8f1029);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.08em;position:relative}.portrait:before{content:'';position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12);top:35px}.portrait:after{content:'';position:absolute;width:225px;height:125px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.10);bottom:-16px}.portrait span{z-index:2}.personbody{padding:23px}.role{color:var(--red);font-weight:900}.muted{color:var(--mid)}.teamhero{display:grid;grid-template-columns:1fr 1fr;gap:26px}.teamcard{position:relative;border-radius:var(--r);overflow:hidden;min-height:410px;color:#fff;box-shadow:var(--shadow)}.teamcard img{width:100%;height:100%;object-fit:cover;position:absolute}.teamcard:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,8,.96),rgba(5,5,8,.08) 70%)}.teamcopy{position:absolute;left:28px;right:28px;bottom:25px;z-index:2}.teamcopy h3{font-size:2rem;margin:0}.schedule{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.08)}.schedule th,.schedule td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}.schedule th{background:var(--dark);color:#fff}.schedule tr:last-child td{border-bottom:0}.eventfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fact{background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.fact strong{display:block;color:var(--red);font-size:1.25rem}.sponsorgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.sponsor{background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 15px 45px rgba(0,0,0,.10);transition:.2s;border:1px solid var(--line)}.sponsor:hover{transform:translateY(-5px)}.sponsorlogo{height:240px;display:flex;align-items:center;justify-content:center;padding:30px;background:#fff}.sponsor.berg .sponsorlogo{background:linear-gradient(135deg,#071422,#123b60)}.sponsorlogo img{max-height:170px;object-fit:contain}.sponsorcopy{padding:24px;border-top:5px solid var(--red)}.sponsorcopy h3{margin:.25em 0}.tier{color:var(--red);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sponsor.small .sponsorlogo{height:180px}.poster{background:#fff;padding:14px;border-radius:20px;box-shadow:var(--shadow)}.downloadbox{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--red2),#9f0b29);color:#fff;padding:34px;border-radius:var(--r)}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.08)}.newsvisual{height:190px;background:linear-gradient(135deg,#15171d,#97112d);display:grid;place-items:center;color:#fff;font-size:3rem}.newscopy{padding:24px}.newscopy time{color:var(--red);font-size:.8rem;font-weight:900}.contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contactcard{background:#fff;border-radius:22px;padding:30px;box-shadow:0 15px 42px rgba(0,0,0,.08)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field input,.field textarea,.field select{padding:13px 14px;border:1px solid #cfd1d7;border-radius:12px;font:inherit}.field textarea{min-height:145px}.notice{padding:18px 22px;background:#fff1f4;border-left:5px solid var(--red);border-radius:12px}.footer{background:#08090c;color:#fff;padding:58px 0 24px;border-top:8px solid var(--red)}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer a{text-decoration:none;color:#d8d9de}.footerbottom{border-top:1px solid #292b31;margin-top:35px;padding-top:20px;color:#989ba4;font-size:.88rem}.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){.menu{display:block}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.12)}nav.open{display:block}nav ul{flex-direction:column;align-items:flex-start;padding:22px}.statgrid,.grid3,.people,.eventfacts,.newsgrid,.footergrid{grid-template-columns:repeat(2,1fr)}.split,.contactgrid{grid-template-columns:1fr}.teamhero,.sponsorgrid{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:min(var(--max),calc(100% - 26px))}.utility{display:none}.hero{min-height:650px}.section{padding:68px 0}.statgrid,.grid3,.grid2,.people,.eventfacts,.newsgrid,.footergrid,.formgrid{grid-template-columns:1fr}.stat{border-right:0}.brand span{font-size:.84rem}.downloadbox{display:block}.downloadbox .btn{margin-top:18px}.teamcard{min-height:330px}}


/* Version 2: Yolawo-Anmeldung und erweiterte Partnerinformationen */
.registration-panel{
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:34px;
  align-items:center;
  margin-top:34px;
  padding:36px;
  border-radius:26px;
  background:linear-gradient(135deg,#ffffff,#f6edf0);
  border:1px solid rgba(200,16,46,.14);
  box-shadow:0 20px 55px rgba(0,0,0,.10);
}
.discipline-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:24px;
}
.discipline-card{
  display:block;
  min-height:150px;
  padding:23px;
  border-radius:18px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#15171c,#851126);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.discipline-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.18);
}
.discipline-card:after{
  content:"🏸";
  position:absolute;
  right:14px;
  bottom:-8px;
  font-size:4.5rem;
  opacity:.10;
}
.discipline-card strong{
  display:block;
  font-size:1.2rem;
}
.discipline-card span{
  display:block;
  margin-top:6px;
  color:#ececf0;
}
.discipline-card em{
  display:block;
  margin-top:13px;
  font-style:normal;
  font-weight:900;
  color:#ffb3c0;
}
.qr-card{
  text-align:center;
  padding:24px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.08);
}
.qr-card img{
  width:min(100%,260px);
  margin:0 auto 12px;
}
.qr-card strong{display:block}
.partner-contact{
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(0,0,0,.10);
  color:#555963;
  font-size:.94rem;
  line-height:1.7;
}
.partner-contact a{
  color:#8f0d22;
  font-weight:800;
  text-decoration:none;
}
.sponsorlogo.pharmacy-logo{
  padding:22px;
}
.sponsorlogo.pharmacy-logo img{
  width:100%;
  max-width:620px;
  max-height:205px;
  object-fit:contain;
}
.registration-note{
  margin-top:16px;
  color:#666a72;
  font-size:.92rem;
}
@media(max-width:850px){
  .registration-panel{grid-template-columns:1fr}
}
@media(max-width:620px){
  .discipline-grid{grid-template-columns:1fr}
  .registration-panel{padding:23px}
}


/* Version 3: anklickbare Mannschaften und Spielerkader */
.teamcard-link{
  display:block;
  text-decoration:none;
  color:inherit;
  border-radius:24px;
}
.teamcard-link .teamcard{
  height:100%;
  transition:transform .22s ease,box-shadow .22s ease;
}
.teamcard-link:hover .teamcard{
  transform:translateY(-7px);
  box-shadow:0 26px 65px rgba(0,0,0,.19);
}
.teamcard .team-action{
  display:inline-flex;
  margin-top:15px;
  font-weight:900;
  color:#ffb3c0;
}
.roster-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin-bottom:38px;
}
.roster-intro p{
  max-width:660px;
  margin:0;
}
.roster-group{
  margin-top:44px;
}
.roster-heading{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
}
.roster-heading:after{
  content:"";
  height:2px;
  flex:1;
  background:linear-gradient(90deg,var(--red),transparent);
}
.player-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.player-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(0,0,0,.09);
  border-bottom:5px solid var(--red);
}
.player-photo{
  height:265px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(11,13,17,.88),rgba(137,14,39,.88)),
    url("../img/hero-badminton.svg") center/cover;
}
.player-photo:before{
  content:"";
  position:absolute;
  width:116px;
  height:116px;
  border-radius:50%;
  top:43px;
  background:rgba(255,255,255,.13);
}
.player-photo:after{
  content:"";
  position:absolute;
  width:210px;
  height:145px;
  border-radius:50% 50% 0 0;
  bottom:-22px;
  background:rgba(255,255,255,.12);
}
.player-photo span{
  position:relative;
  z-index:2;
  margin-top:165px;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
}
.player-copy{
  padding:22px;
}
.player-copy h3{
  margin:0;
  font-size:1.26rem;
}
.player-role{
  margin-top:4px;
  color:var(--red);
  font-weight:900;
}
.player-note{
  margin-top:11px;
  color:var(--muted);
  font-size:.91rem;
}
.player-card.open-slot{
  border-style:dashed;
  border-width:1px 1px 5px;
  border-color:#bbb #bbb var(--red);
}
.player-card.open-slot .player-photo{
  background:linear-gradient(145deg,#dedfe3,#f6f6f7);
  color:#6d7078;
}
.player-card.open-slot .player-photo:before,
.player-card.open-slot .player-photo:after{
  background:rgba(200,16,46,.08);
}
.backlink{
  display:inline-flex;
  margin-bottom:20px;
  color:var(--red);
  font-weight:900;
  text-decoration:none;
}
.team-summary{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:45px;
  align-items:center;
}
.team-summary img{
  width:100%;
  border-radius:24px;
  box-shadow:0 20px 55px rgba(0,0,0,.15);
}
@media(max-width:1000px){
  .player-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .player-grid{grid-template-columns:repeat(2,1fr)}
  .team-summary{grid-template-columns:1fr}
  .roster-intro{display:block}
  .roster-intro p{margin-top:12px}
}
@media(max-width:480px){
  .player-grid{grid-template-columns:1fr}
}


/* Version 4: optionale Spielersteckbriefe */
.player-profile{
  margin-top:16px;
  border-top:1px solid rgba(0,0,0,.09);
  padding-top:13px;
}
.player-profile details{
  background:#f6f6f8;
  border-radius:12px;
  padding:10px 12px;
}
.player-profile summary{
  cursor:pointer;
  font-weight:900;
  color:var(--red);
  list-style:none;
}
.player-profile summary::-webkit-details-marker{display:none}
.player-profile summary:after{
  content:"+";
  float:right;
  font-size:1.2rem;
}
.player-profile details[open] summary:after{content:"–"}
.player-profile dl{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 10px;
  margin:12px 0 0;
  font-size:.89rem;
}
.player-profile dt{
  font-weight:800;
  color:#3c3f46;
}
.player-profile dd{
  margin:0;
  color:var(--muted);
}


/* Version 5: ausführliches Impressum */
.legal-content{
  max-width:920px;
}
.legal-content h2{
  margin-top:18px;
}
.legal-content h3{
  margin-top:30px;
  margin-bottom:8px;
}
.legal-content p{
  color:#555963;
}
.legal-content a:not(.button){
  color:var(--red);
  font-weight:800;
}
.legal-content hr{
  border:0;
  height:1px;
  margin:50px 0;
  background:linear-gradient(90deg,var(--red),transparent);
}
.legal-note{
  margin-top:40px;
  padding:20px 22px;
  border-left:5px solid var(--red);
  border-radius:12px;
  background:#fff1f4;
}


/* Release 6.1 */
.hero:before,.pagehero:before{right:-45px;bottom:-35px;width:390px;height:390px;opacity:.07;filter:brightness(1.12)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.daygroup{margin-top:28px;background:#fff;border-radius:20px;box-shadow:0 14px 35px rgba(0,0,0,.08);overflow:hidden}
.daygroup h3{margin:0;padding:16px 20px;background:linear-gradient(90deg,var(--dark),#292c33);color:#fff;border-left:7px solid var(--red)}
.daygroup .schedule{border-radius:0;box-shadow:none}
.sponsorgrid.three{grid-template-columns:repeat(3,1fr)}
.sponsor.martin .sponsorlogo{background:linear-gradient(135deg,#fff,#f0f1f4)}
.sponsor.martin .sponsorlogo img{max-height:190px}
.routing-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.routing-choice{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fafafa}
.routing-choice strong{display:block;color:var(--red);margin-bottom:4px}
.formhint{font-size:.9rem;color:var(--mid)}
@media(max-width:1100px){.grid4,.sponsorgrid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.grid4,.sponsorgrid.three,.routing-box{grid-template-columns:1fr}.hero:before,.pagehero:before{right:-90px;bottom:-10px;width:280px;height:280px;opacity:.055}}


/* ============================================================
   RELEASE 6.1 – FREIGEGEBENES MASTERDESIGN
   Einheitlich auf Start- und Unterseiten.
   ============================================================ */
.hero{
  min-height:760px;
  background:
    linear-gradient(90deg,
      rgba(4,6,10,.99) 0%,
      rgba(4,6,10,.96) 35%,
      rgba(4,6,10,.68) 58%,
      rgba(4,6,10,.18) 82%,
      rgba(4,6,10,.03) 100%),
    url("../img/hero-approved-dezent-v61.jpg") center/cover no-repeat;
}
.hero:before{display:none!important}
.hero .content{
  max-width:930px;
  padding:105px 0 125px;
}
.hero .eyebrow{
  margin-bottom:28px;
  letter-spacing:.25em;
  font-size:.82rem;
}
.hero h1{
  max-width:820px;
  margin:0 0 38px;
  font-size:clamp(3.55rem,5.7vw,5.65rem);
  line-height:.96;
  letter-spacing:-.02em;
}
.hero p{
  max-width:820px;
  margin:0 0 42px;
  font-size:clamp(1.08rem,1.45vw,1.28rem);
  line-height:1.78;
}
.hero .actions{
  gap:22px;
  margin-top:0;
}
.hero .actions .btn{
  padding:14px 28px;
}

.pagehero{
  min-height:360px;
  background:
    linear-gradient(90deg,
      rgba(4,6,10,.99) 0%,
      rgba(4,6,10,.95) 42%,
      rgba(4,6,10,.56) 68%,
      rgba(4,6,10,.08) 100%),
    url("../img/hero-approved-dezent-v61.jpg") center 46%/cover no-repeat;
}
.pagehero:before{display:none!important}
.pagehero .wrap{
  position:relative;
  z-index:2;
}
.pagehero h1{
  max-width:850px;
}
.pagehero p{
  max-width:760px;
}

/* Sponsorenpakete Adventsturnier */
.packagegrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:30px;
}
.packagecard{
  background:#fff;
  border-radius:20px;
  padding:28px;
  box-shadow:0 14px 38px rgba(0,0,0,.08);
  border-bottom:5px solid var(--red);
}
.packagecard h3{
  margin:0 0 4px;
  font-size:1.45rem;
}
.packagecard .price{
  display:block;
  margin:12px 0;
  color:var(--red);
  font-size:2rem;
  font-weight:900;
}
.packagecard ul{
  padding-left:19px;
  color:var(--muted);
}
.downloadrow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

@media(max-width:900px){
  .hero{
    min-height:690px;
    background-position:62% center;
  }
  .hero .content{
    max-width:760px;
    padding:85px 0 95px;
  }
  .hero h1{
    font-size:clamp(3.15rem,9vw,4.8rem);
  }
  .packagegrid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero{
    min-height:630px;
    background-position:68% center;
  }
  .hero .content{
    padding:72px 0 80px;
  }
  .hero .eyebrow{margin-bottom:20px}
  .hero h1{
    margin-bottom:28px;
    font-size:clamp(2.85rem,13vw,4rem);
  }
  .hero p{
    margin-bottom:32px;
    line-height:1.62;
  }
  .pagehero{
    min-height:330px;
  }
}


/* Release 6.1 – übersichtliche Trainingszeiten ohne redundante Tabellenköpfe */
.weekly-schedule{
  display:grid;
  gap:22px;
  margin-top:34px;
}
.training-day{
  display:grid;
  grid-template-columns:210px 1fr;
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 13px 36px rgba(0,0,0,.08);
  border-bottom:4px solid var(--red);
}
.training-day-head{
  display:flex;
  align-items:center;
  padding:26px;
  color:#fff;
  background:linear-gradient(145deg,#111216,#851126);
}
.training-weekday{
  display:block;
  font-size:1.45rem;
  font-weight:900;
}
.training-location{
  display:block;
  margin-top:3px;
  color:#f2c8d0;
  font-size:.91rem;
  font-weight:700;
}
.training-slots{
  display:grid;
}
.training-slot{
  display:grid;
  grid-template-columns:170px minmax(220px,1fr) minmax(150px,.7fr);
  gap:20px;
  align-items:center;
  padding:19px 24px;
  border-bottom:1px solid #ececf0;
}
.training-slot:last-child{border-bottom:0}
.training-slot strong{color:var(--red);font-size:1rem}
.training-slot span{font-weight:850}
.training-slot small{color:var(--muted);font-size:.91rem}
.social-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:10px;
  font-weight:850;
  text-decoration:none;
}
.social-icon{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border:2px solid currentColor;
  border-radius:9px;
  font-size:.72rem;
  font-weight:900;
}
@media(max-width:800px){
  .training-day{grid-template-columns:1fr}
  .training-day-head{padding:20px 23px}
  .training-slot{
    grid-template-columns:1fr;
    gap:4px;
    padding:17px 22px;
  }
}
