*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f8;color:#112b3d;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,20px);background:#0b2335;color:#fff;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:1.15;font-size:12px;letter-spacing:1.5px}.brand strong{font-size:20px}.brandmark{border:2px solid #6ce2df;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-weight:bold;color:#6ce2df}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px;padding:8px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{color:#6ce2df;border-color:#6ce2df}.menu{display:none}.hero{background:#0b2335;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;padding:55px 7vw 70px;align-items:center}.hero h1{font-size:clamp(38px,4.5vw,70px);line-height:1.04;letter-spacing:-2px;margin:20px 0}.hero h1 span{color:#75e6e0}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.lead{font-size:19px;max-width:660px;line-height:1.6}.hero .lead{color:#cbdde6}.hero figure{margin:0;position:relative;background:white;border-radius:160px 160px 25px 25px;overflow:hidden;max-width:390px;justify-self:center;transform:rotate(3deg)}.hero img{display:block;width:100%;height:450px;object-fit:contain}.hero figcaption{background:#6ce2df;color:#0b2335;text-align:center;padding:10px;font-weight:bold;font-size:12px;letter-spacing:2px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-block;background:#72e4df;padding:13px 23px;color:#0b2335;text-decoration:none;font-weight:bold;border-radius:5px;min-height:48px}.secondary{background:transparent;border:1px solid #99b1bf;color:white}.meta{font-size:13px;color:#a6bcc9}.next{margin:0;padding:25px 7vw;background:#dcf5f3;display:flex;justify-content:space-between;gap:20px;align-items:center}.next h2{font-size:24px;margin:5px 0}.next p{margin:0}.next a,.textlink{font-weight:bold;text-underline-offset:5px}.section{padding:60px 7vw}h2{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.8px}h3{font-size:23px;line-height:1.3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.grid article{border-top:2px solid #bad7df;padding-top:22px}.number{font-size:13px;font-weight:bold;color:#34727f}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.callout{background:#0b2335;color:#fff;padding:35px;border-radius:12px;align-self:start}.callout p{color:#d2e3ea}.pagehead{background:#0b2335;color:white;padding:55px 7vw}.pagehead h1{font-size:clamp(35px,5vw,64px);line-height:1.1;margin:15px 0;letter-spacing:-1.5px}.pagehead .eyebrow{color:#72e4df}.pagehead .lead{color:#d2e3ea}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;font-weight:bold;padding-bottom:20px}th{background:#0b2335;color:white;padding:15px}td{padding:18px 15px;border-bottom:1px solid #cbdce3;white-space:nowrap}tr.past{color:#607681;background:#e9eff2}.note{font-size:14px;color:#415e6d}details{border-bottom:1px solid #bdced6;padding:18px 0}summary{cursor:pointer;font-weight:bold}details p{padding-right:25px}.news article{max-width:820px}.news .eyebrow{color:#366b7c}.notice{padding:20px;background:#fff1d0;border-left:4px solid #b58324;color:#59451f}.legal{max-width:1000px}.legal h2{font-size:25px}footer{background:#071b29;color:#c1d3dc;padding:35px 7vw;display:flex;justify-content:space-between;gap:25px}footer strong{color:white}footer p{margin:8px 0}footer a{display:inline-block;margin:10px 18px 0 0;font-size:14px}.skip{position:absolute;left:15px;top:-70px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #168e9b;outline-offset:5px}@media(max-width:850px){header{flex-wrap:wrap}.menu{display:block;background:transparent;color:white;border:1px solid #9cb9c8;border-radius:4px;padding:10px 15px;font:inherit}nav{width:100%;flex-wrap:wrap;gap:10px 22px}body.js nav{display:none}body.js nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px}.hero figure{width:75%;max-width:300px}.hero img{height:320px}.grid,.split{grid-template-columns:1fr;gap:28px}.next,footer{flex-direction:column;align-items:flex-start}.section{padding:40px 6vw}.pagehead{padding:40px 6vw}.hero h1{letter-spacing:-1px}.hero .lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vereinsdesign nach dem Flyer: Stadionblau, Eisweiß, Signalgelb. */
:root{--navy:#061b39;--blue:#075b9e;--yellow:#ffe000;--ice:#eaf5fc}
body{background:var(--ice);color:#09233f}
header{background:#04162e;border-bottom:3px solid var(--yellow)}
.brand{font-weight:800;letter-spacing:1.3px}.brand strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:25px;letter-spacing:1.2px}
.brandlogo{display:block;position:relative;width:59px;height:59px;overflow:hidden;border-radius:50%;border:2px solid var(--yellow);background:white;flex-shrink:0}
.brandlogo img{position:absolute;width:88px;height:132px;max-width:none;left:-14px;top:-30px}
nav a:hover,nav a[aria-current]{color:var(--yellow);border-color:var(--yellow)}
h1,h2,h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:800;letter-spacing:.4px}
.hero,.pagehead{background-color:var(--navy);background-image:radial-gradient(ellipse at 12% 0%,#58b8ed88 0,transparent 30%),radial-gradient(ellipse at 95% 12%,#118fe277 0,transparent 38%),repeating-linear-gradient(125deg,transparent 0 100px,#4481ad12 101px 103px),linear-gradient(160deg,#061b39,#064781 70%,#061b39);position:relative}
.hero{padding-top:65px;padding-bottom:75px;gap:4vw}
.hero h1{font-size:clamp(60px,7.7vw,118px);font-style:italic;line-height:.97;letter-spacing:-1px;text-transform:uppercase;text-shadow:3px 4px 0 #03142c}
.hero h1 span{color:var(--yellow);display:block}
.hero .eyebrow,.pagehead .eyebrow{color:var(--yellow)}
.hero figure{transform:rotate(-3deg);border-radius:12px;max-width:395px;border:4px solid white;box-shadow:0 0 50px #7bd7ff44,12px 12px 0 #03172b55}
.hero img{height:480px;width:100%;object-fit:cover;object-position:center 54%}
.hero figcaption{background:var(--yellow);color:var(--navy);font-style:italic;letter-spacing:1px}
.button{background:var(--yellow);color:#04162e;border-radius:2px;box-shadow:4px 4px 0 #0b233526;text-transform:uppercase;font-size:14px;letter-spacing:.6px}
.button:hover{background:#ffec59;transform:translateY(-1px)}.secondary{background:transparent;color:white;border:1px solid #b9dfff;box-shadow:none}.secondary:hover{background:#ffffff15}
.next{background:#fff;border-bottom:5px solid var(--yellow)}.next .eyebrow{color:#075b9e}.next h2{font-size:30px}
.section>h2{font-size:clamp(34px,4vw,52px)}.grid article{border-top:4px solid #0e5e9f;background:#fff;padding:25px;box-shadow:0 6px 20px #082c4910}
.number{color:#075b9e;background:var(--yellow);display:inline-block;padding:3px 10px;font-style:italic}
.callout{border-radius:3px;border-top:5px solid var(--yellow);background:linear-gradient(145deg,#06203e,#07528c)}
.pagehead{border-bottom:5px solid var(--yellow)}.pagehead h1{font-style:italic;text-transform:uppercase}
th{background:#063669}td{background:#ffffff77}tr.past td{background:#dbe7f0}.tablewrap{border-radius:5px;border:1px solid #bad3e5}
caption{padding:15px}.news article{border-top:5px solid var(--yellow);background:white;padding:32px;box-shadow:0 10px 30px #061b3910}
footer{background:#04162e;border-top:3px solid #0a61a1}footer strong{color:var(--yellow)}
.flyer-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#d8eaf6;border-top:1px solid #abcbe2}.flyer-section h2{font-size:clamp(34px,4vw,52px)}.poster{display:block;max-width:430px;justify-self:center}.poster img{display:block;width:100%;height:auto;box-shadow:0 15px 45px #061b3930;border-radius:5px}
:focus-visible{outline-color:#aa7900}.hero :focus-visible,header :focus-visible,footer :focus-visible,.callout :focus-visible{outline-color:var(--yellow)}
@media(max-width:850px){.hero{padding:40px 6vw 50px}.hero h1{font-size:clamp(64px,15vw,105px)}.hero figure{width:85%;max-width:330px}.hero img{height:390px}.flyer-section{grid-template-columns:1fr}.poster{max-width:380px}.brand strong{font-size:22px}.news article{padding:22px}.pagehead h1{font-size:clamp(35px,8vw,60px)}}

.news article h2{font-size:clamp(25px,3.3vw,40px);overflow-wrap:anywhere}.news article p{overflow-wrap:anywhere}

/* Vollständiges freigestelltes Wal-Logo oben links. */
.brandlogo{width:76px;height:98px;border:0;border-radius:0;background:transparent;overflow:visible}
.brandlogo img{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.hero figure{background:transparent;border:0;box-shadow:none;border-radius:0;transform:none;overflow:visible}
.hero img{object-fit:contain;object-position:center;filter:drop-shadow(0 8px 15px #0004)}
.hero figcaption{background:transparent;color:#ffe000;padding:14px 0}
@media(max-width:850px){.brandlogo{width:60px;height:78px}}

.contact-list a{overflow-wrap:anywhere}.contact-list p{margin-bottom:24px}