:root{--blue:#0057b8;--electric:#0878ff;--navy:#061d3b;--white:#fff;--ice:#eef5fa;--ink:#061423;--muted:#647386;--line:#cedae5;--red:#ef3340;--display:"Barlow Condensed",Arial,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);background:var(--white)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:86px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid #ffffff33}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{font:800 2rem/1 var(--display);letter-spacing:-.06em;padding:.15rem .28rem;border:3px solid currentColor;transform:skew(-7deg)}.brand-copy{font:700 1rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.brand-copy small{display:block;font:500 .58rem/1.4 var(--body);letter-spacing:.08em;opacity:.7}.site-nav{display:flex;align-items:center;gap:2rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.site-nav a:not(.nav-ticket):after{content:"";display:block;height:2px;background:#fff;transform:scaleX(0);transition:.2s}.site-nav a:hover:after{transform:scaleX(1)}.nav-ticket{padding:.75rem 1rem;background:#fff;color:var(--blue)}.menu-button{display:none;background:none;border:0;padding:.5rem}.menu-button span:not(.sr-only){display:block;width:26px;height:2px;background:#fff;margin:5px}.hero{min-height:760px;height:92vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 38%,#147cea 0 3%,transparent 27%),linear-gradient(122deg,#031a36 0%,#063b78 49%,#0070dc 100%);display:flex;align-items:center;padding:110px clamp(1.25rem,8vw,8rem) 70px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 62px,#ffffff06 63px 64px)}.ice-lines{position:absolute;width:720px;height:720px;border:96px solid #ffffff09;border-radius:50%;right:-160px;top:50%;transform:translateY(-50%)}.ice-lines:after{content:"";position:absolute;inset:110px;border:3px solid #ffffff1c;border-radius:50%}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{font:700 .75rem/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:#86c1ff;margin:0 0 1.3rem}.eyebrow.dark{color:var(--blue)}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}h1{font-size:clamp(4.5rem,10vw,9.5rem);line-height:.76;font-weight:800}h1 span{color:transparent;-webkit-text-stroke:2px #fff}.hero-lead{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6;max-width:580px;margin:2.2rem 0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.35rem;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#fff;color:var(--blue)}.button-ghost{border-color:#ffffff66}.button-dark{background:var(--navy);color:#fff}.hero-puck{position:absolute;right:clamp(2rem,13vw,13rem);top:38%;width:225px;height:225px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#344555,#06101a 65%);box-shadow:0 45px 60px #00102088, inset 0 0 0 8px #ffffff12;display:grid;place-items:center;transform:rotate(-12deg)}.hero-puck span{font:800 4rem var(--display);border:5px solid #fff;padding:.2rem .5rem;letter-spacing:-.08em}.hero-score{position:absolute;right:4rem;bottom:3rem;display:flex;align-items:center;gap:1rem}.hero-score b{font:800 3.2rem var(--display)}.hero-score span{font-size:.58rem;letter-spacing:.18em;line-height:1.5}.ticker{overflow:hidden;background:var(--red);color:#fff;padding:1rem 0;transform:rotate(-1deg) scale(1.01)}.ticker div{display:flex;width:max-content;gap:3rem;align-items:center;animation:ticker 26s linear infinite}.ticker span{font-size:.65rem;letter-spacing:.24em}.ticker strong{font:700 1.2rem var(--display);text-transform:uppercase}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,7rem)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem}.section h2,.feature h2,.club h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.82}.schedule-tools{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.filter,.calendar-link{font:700 .72rem var(--body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:#fff;padding:.8rem 1rem;cursor:pointer}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.calendar-link{color:var(--blue)}.status{padding:1rem;border-left:3px solid var(--blue);background:var(--ice);color:var(--muted)}.status.error{border-color:var(--red)}.game-list{margin-top:1rem;border-top:1px solid var(--line)}.game-card{display:grid;grid-template-columns:120px minmax(240px,1.5fr) minmax(180px,1fr) 42px;gap:1.5rem;align-items:center;border-bottom:1px solid var(--line);padding:1.6rem .4rem;transition:.2s}.game-card:hover{background:var(--ice);padding-left:1rem}.game-date strong{font:700 1.55rem var(--display);display:block;text-transform:uppercase}.game-date span,.game-place,.game-meta{font-size:.75rem;color:var(--muted)}.game-teams{font:700 clamp(1.35rem,2.5vw,2.2rem) var(--display);text-transform:uppercase}.game-teams span{color:var(--blue)}.game-place strong{display:block;color:var(--ink);font-size:.86rem;margin-bottom:.25rem}.game-arrow{font-size:1.5rem;color:var(--blue)}.empty{padding:3rem;text-align:center;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--navy);color:#fff}.feature{padding:clamp(4rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.feature p:not(.eyebrow){line-height:1.7;color:#b9c8d7;max-width:500px}.text-link{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-top:1.5rem}.text-link span{color:#57a4ff}.feature-visual{position:relative;overflow:hidden;background:linear-gradient(150deg,#006cda,#003d84);display:grid;place-content:center;text-align:center}.feature-visual:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(#ffffff08 0 10deg,transparent 10deg 20deg)}.dashed-circle{position:absolute;width:65%;aspect-ratio:1;border:2px dashed #ffffff55;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-visual strong{font:800 clamp(9rem,20vw,18rem)/.8 var(--display);position:relative}.feature-visual span{font:700 .7rem/1.5 var(--body);letter-spacing:.25em;position:relative}.club{background:var(--ice)}.club-grid{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:end;gap:4rem}.club-grid p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:520px}footer{background:#031329;color:#fff;padding:3rem clamp(1.25rem,5vw,5rem);display:flex;align-items:center;gap:3rem;justify-content:space-between}footer p{font-size:.68rem;color:#91a1b3;max-width:520px;line-height:1.6}footer>div{display:flex;gap:1.5rem;font-size:.7rem;text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:72px}.menu-button{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--navy);padding:1.5rem;align-items:stretch;flex-direction:column;gap:1.2rem}.site-nav.open{display:flex}.hero{min-height:700px}.hero-puck{opacity:.25;right:-60px}.hero-score{display:none}.section-head,.club-grid{align-items:start;grid-template-columns:1fr;flex-direction:column}.game-card{grid-template-columns:90px 1fr 32px}.game-place{display:none}.split-section{grid-template-columns:1fr}.feature-visual{min-height:500px}footer{align-items:flex-start;flex-direction:column}}@media(max-width:560px){h1 span{-webkit-text-stroke:1px #fff}.hero{height:auto}.game-card{grid-template-columns:1fr 28px;gap:.5rem}.game-date{grid-column:1}.game-teams{grid-column:1}.game-arrow{grid-column:2;grid-row:1/3}.section{padding-left:1rem;padding-right:1rem}.feature{padding:5rem 1.5rem}.schedule-tools{width:100%}.calendar-link{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}
/* Uusis Anpassungen */
.brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 10px #00152c55)}

.coordination{display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy);color:#fff;min-height:760px}
.coordination-copy{padding:clamp(4rem,8vw,8rem)}.coordination-copy h2{font:800 clamp(3.4rem,7vw,7rem)/.82 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}.coordination-copy>p:not(.eyebrow){color:#b9c8d7;line-height:1.75;max-width:620px}
.coordination-list{list-style:none;padding:0;margin:2.5rem 0 0}.coordination-list li{display:flex;gap:1.2rem;padding:1.25rem 0;border-top:1px solid #ffffff26}.coordination-list li>span{font:700 1.3rem var(--display);color:#70b5ff}.coordination-list strong,.coordination-list small{display:block}.coordination-list strong{text-transform:uppercase;font:700 1.2rem var(--display)}.coordination-list small{color:#91a8bd;margin-top:.25rem;line-height:1.5}
.coordination-card{background:var(--ice);color:var(--ink);padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.coordination-card h3{font:800 clamp(2.8rem,5vw,5rem)/.9 var(--display);text-transform:uppercase;margin:0 0 1rem}.coordination-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.coordination-card form{margin-top:1.5rem}.coordination-card label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}.coordination-card input,.coordination-card textarea{display:block;width:100%;margin-top:.45rem;padding:.9rem;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit}.coordination-card textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-note{font-size:.72rem;color:var(--muted);line-height:1.5}.form-note.ready{color:var(--blue)}
@media(max-width:900px){.coordination{grid-template-columns:1fr}.coordination-card{padding:4rem 1.5rem}.brand-logo{width:52px;height:52px}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.hero-logo{width:330px;height:330px}.brand-copy{font-size:.82rem}}

/* Revision: nicht anklickbare Termine, sichtbarer Puck, statische Spielkoordination */
.game-card{cursor:default}.game-card:hover{padding-left:.4rem}.game-arrow{font-size:1.4rem;line-height:1;color:var(--blue);text-align:center}

.hero-puck{display:grid!important;z-index:3;right:clamp(1.5rem,25vw,24rem);top:43%;width:190px;height:190px}
.hero-puck span{font-size:2.65rem;letter-spacing:-.055em}
.coordination-visual{position:relative;overflow:hidden;min-height:580px}.coordination-visual>p,.coordination-visual>h3,.coordination-visual>a{position:relative;z-index:2}.coordination-visual .button{align-self:flex-start;margin-top:1.25rem}
.coordination-puck{width:260px;height:260px;border-radius:50%;margin:2rem auto;background:radial-gradient(circle at 35% 28%,#344555,#06101a 65%);box-shadow:0 35px 50px #00102055,inset 0 0 0 8px #ffffff12;display:grid;place-items:center;transform:rotate(-9deg)}
.coordination-puck span{font:800 3.4rem var(--display);color:#fff;border:5px solid #fff;padding:.2rem .5rem;letter-spacing:-.07em}
@media(max-width:900px){.hero-puck{opacity:1;right:1.5rem;top:45%;width:155px;height:155px}.hero-puck span{font-size:2rem}}
@media(max-width:560px){.hero-puck{width:120px;height:120px;right:-10px;top:48%}.hero-puck span{font-size:1.45rem;border-width:3px}.coordination-puck{width:210px;height:210px}}


/* Mobile Optimierung Spielkoordination */
html,body{max-width:100%;overflow-x:hidden}
.coordination,.coordination-copy,.coordination-card,.coordination-list,.coordination-list li{min-width:0;max-width:100%}
.coordination-copy,.coordination-card{width:100%}
.coordination-copy p,.coordination-card p,.coordination-list strong,.coordination-list small{overflow-wrap:anywhere;word-break:normal}
.coordination-card .button{max-width:100%;white-space:normal;text-align:center;line-height:1.35}
.coordination-puck{max-width:100%;height:auto;aspect-ratio:1}

@media(max-width:700px){
  .coordination{display:block;width:100%}
  .coordination-copy,.coordination-card{padding:4rem 1.15rem}
  .coordination-copy h2,.coordination-card h3{font-size:clamp(2.8rem,15vw,4.6rem);overflow-wrap:normal;word-break:normal}
  .coordination-list{width:100%;margin-top:2rem}
  .coordination-list li{width:100%;gap:.85rem;padding:1rem 0}
  .coordination-list li>span{flex:0 0 2rem}
  .coordination-list li>div{min-width:0;flex:1 1 auto}
  .coordination-card .button{display:flex;width:100%;padding:1rem .75rem}
  .coordination-puck{width:min(68vw,220px);margin:1.75rem auto}
}

@media(max-width:380px){
  .coordination-copy,.coordination-card{padding-left:.85rem;padding-right:.85rem}
  .coordination-list li{gap:.55rem}
  .coordination-list li>span{flex-basis:1.6rem}
}


/* Puck auf Mobilgeräten unterhalb des Hero-Texts platzieren */
@media(max-width:700px){
  .hero{align-items:flex-start;padding-bottom:190px}
  .hero-content{width:100%}
  .hero-puck{
    top:auto;
    bottom:1.5rem;
    right:1rem;
    width:130px;
    height:130px;
    opacity:1;
  }
  .hero-puck span{font-size:1.55rem;border-width:3px}
}

@media(max-width:380px){
  .hero{padding-bottom:165px}
  .hero-puck{bottom:1rem;right:.75rem;width:110px;height:110px}
  .hero-puck span{font-size:1.3rem}
}