*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fc;color:#0a2946;font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1210px;margin:auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:50;background:#101d2d;color:#fff;box-shadow:0 4px 18px #071b2c25}.site-nav{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-logo{display:flex;align-items:center;flex-shrink:0}.site-logo img{display:block;width:105px;height:auto;max-height:110px;object-fit:contain;background:#fff;border-radius:9px;padding:5px 8px}.site-links{display:flex;align-items:center;gap:19px}.site-links a{font-size:14px;font-weight:750;white-space:nowrap}.site-links a:hover,.site-links a:focus-visible{color:#66d8f4}.site-links .site-contact{background:#00b5e5;color:#061b2d;padding:12px 20px;border-radius:30px}.site-menu{display:none;background:transparent;border:1px solid #7790a6;border-radius:10px;color:#fff;font-size:25px;padding:5px 12px;cursor:pointer}.back{display:inline-block;margin-top:34px;color:#305876}.eyebrow{color:#008ebc;font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.intro{padding:35px 0 34px}.intro h1{font-size:clamp(36px,5.6vw,70px);letter-spacing:-.045em;line-height:1.1;margin:16px 0 22px}.intro p{max-width:780px;color:#516a80;font-size:19px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:90px}.person{background:#10243a;color:#fff;border:1px solid #36536c;border-radius:20px;padding:26px;min-width:0;box-shadow:0 12px 30px #0921380d}.person-top{display:flex;align-items:center;gap:15px;min-height:96px}.avatar{flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#00b5e5;color:#06243c;font-size:21px;font-weight:900}.role{display:block;font-size:12px;letter-spacing:.04em;color:#78dff7;font-weight:800}.person h2{font-size:21px;line-height:1.2;margin:7px 0 0}.contacts{border-top:1px solid #37546a;margin-top:17px;padding-top:11px}.contacts a{display:flex;gap:10px;align-items:center;padding:8px 0;color:#e1f4ff}.contacts a:hover{text-decoration:underline}.contacts a span:first-child{color:#9abbd0;font-size:13px;min-width:56px}.contacts a span:last-child{margin-left:auto;color:#6cdbf5}.foot{display:block;position:relative;z-index:1;background:#101d2d;color:#b5cede;padding:28px 0;margin-top:24px}.foot .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.foot a:hover{text-decoration:underline}
@media(max-width:1050px){.site-links{gap:12px}.site-links a{font-size:12px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.site-nav{min-height:120px}.site-logo img{width:100px}.site-menu{display:block}.site-links{display:none;position:absolute;top:100%;left:0;right:0;background:#101d2d;padding:16px 28px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 25px #001a2b50}.site-links.open{display:flex}.site-links a{font-size:16px;padding:12px 0;border-bottom:1px solid #2c4358}.site-links .site-contact{margin-top:12px;text-align:center;border:0}.board{grid-template-columns:1fr}.intro{padding-top:20px}.person{padding:22px}}
.profile-open{margin-top:18px;width:100%;border:1px solid #3c8cad;background:#163b57;color:#b9f1ff;border-radius:12px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer;text-align:left;display:flex;justify-content:space-between}.profile-open:hover,.profile-open:focus-visible{background:#005a7c;color:white}.profile-modal[hidden]{display:none}.profile-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.profile-shade{position:absolute;inset:0;background:#031827d9}.profile-dialog{position:relative;background:white;color:#10243a;border-radius:20px;width:min(960px,100%);height:min(790px,92dvh);overflow:hidden;box-shadow:0 25px 100px #0008;display:flex;flex-direction:column}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#10243a;color:white}.profile-head strong{font-size:19px}.profile-close{border:0;border-radius:10px;background:#00b5e5;color:#07283c;padding:7px 15px;font-size:25px;line-height:1;cursor:pointer}.profile-frame{border:0;flex:1;width:100%;background:white}.profile-note{font-size:12px;color:#516a80;margin:0;padding:8px 18px;background:#f1f6fa}.profile-note a{text-decoration:underline;color:#007ea7}@media(max-width:780px){.profile-dialog{height:94dvh}.profile-head strong{font-size:16px}}

.avatar-photo{width:68px;height:82px;flex:0 0 68px;object-fit:cover;object-position:center 22%;border:2px solid #00b5e5;border-radius:10px}.profile-dialog{width:min(690px,100%);height:auto;max-height:92dvh;overflow-y:auto}.profile-content{display:grid;grid-template-columns:minmax(170px,230px) 1fr;gap:25px;padding:26px}.profile-content img{width:100%;max-height:360px;object-fit:cover;object-position:center 20%;border-radius:14px;border:3px solid #00b5e5}.profile-details{min-width:0}.profile-details h3{font-size:27px;margin:0 0 5px;line-height:1.2}.profile-details .profile-role{color:#007ea7;font-weight:800;margin:0 0 22px}.profile-details a{display:block;overflow-wrap:anywhere;color:#006e98;font-weight:700;margin:12px 0}.profile-details a:hover{text-decoration:underline}.person .profile-open{margin-top:18px}@media(max-width:550px){.profile-content{grid-template-columns:1fr;padding:18px}.profile-content img{max-width:220px;max-height:270px;margin:auto}.profile-details h3{font-size:23px}}

/* Einheitlicher Seitenfooter wie auf der Start- und Mitgliedschaftsseite */
.footer{position:relative;z-index:1;background:#050b14;color:#d1e3f0;padding:55px 0 25px;margin-top:40px}
.footer .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer h4{color:#fff;margin:0 0 18px;font-size:18px}
.footer .footgrid a:not(.logo){display:block;margin:12px 0;font-size:16px;color:#a8bfd1;text-decoration:none}
.footer .footgrid a:hover,.footer .footbottom a:hover{color:#36c8f4;text-decoration:underline}
.footer p{color:#a8bfd1;font-size:16px;line-height:1.7;margin:20px 0}
.footer .logo{display:block;text-decoration:none}
.footer .club-logo-frame{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:12px 18px;min-height:120px}
.footer .club-logo-img{display:block;width:155px;max-width:100%;height:auto;object-fit:contain}
.footer .footbottom{border-top:1px solid #ffffff25;margin-top:42px;padding-top:28px;font-size:14px;color:#87a1b7;display:flex;justify-content:space-between;align-items:center;gap:15px}
.footer .footbottom a{color:inherit;text-decoration:none}
.footer .legal-separator{margin:0 8px}
@media(max-width:780px){.footer .footgrid{grid-template-columns:1fr 1fr}.footer .footgrid>div:first-child{grid-column:span 2}.footer .footbottom{flex-wrap:wrap}}
@media(max-width:480px){.footer .footgrid{grid-template-columns:1fr}.footer .footgrid>div:first-child{grid-column:auto}.footer .footbottom{flex-direction:column;align-items:flex-start}}

/* Einheitlicher Seitenkopf – dieselben Maße auf jeder Seite */
.header,.site-header{position:sticky!important;top:0!important;z-index:50!important;background:#101d2d!important;color:#fff!important;box-shadow:0 5px 20px #0003!important;border-bottom:1px solid #25364a!important;overflow:visible!important}
.header .nav,.site-header .site-nav{height:126px!important;min-height:126px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.header .logo,.site-header .site-logo{display:flex!important;align-items:center!important;flex-shrink:0!important;margin:0!important}
.header .club-logo-frame,.site-header .club-logo-frame{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:10px!important;padding:5px 8px!important;box-shadow:none!important}
.header .club-logo-img,.site-header .club-logo-img{display:block!important;width:105px!important;height:auto!important;max-height:110px!important;object-fit:contain!important}
.site-header .site-logo img{width:105px!important;height:auto!important;max-height:110px!important;object-fit:contain!important;background:#fff!important;border-radius:10px!important;padding:5px 8px!important}
.header .links,.site-header .site-links{display:flex;align-items:center;gap:22px}
.header .links a,.site-header .site-links a{font-size:14px;font-weight:750;color:#e5f0f9;white-space:nowrap}
.header .links a:hover,.site-header .site-links a:hover{color:#77e1ff}
.header .navbtn,.site-header .site-contact{background:#00aee9!important;color:#041522!important;border-radius:100px!important;padding:12px 19px!important}
@media(max-width:900px){.header .nav,.site-header .site-nav{height:105px!important;min-height:105px!important}.header .club-logo-img,.site-header .club-logo-img,.site-header .site-logo img{width:85px!important;max-height:90px!important}.header .mobilebtn,.site-header .site-menu{display:block!important}.header .links,.site-header .site-links{display:none;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#101d2d!important;padding:14px 25px 22px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;box-shadow:0 12px 25px #001a2b50}.header .links.open,.site-header .site-links.open{display:flex!important}.header .links a,.site-header .site-links a{padding:11px 0!important;font-size:16px!important}.header .mobilebtn{color:white!important}}
/* Headerlogo wie auf der Startseite: keine doppelte Innenpolsterung am Bild. */
.site-header .site-logo img{box-sizing:content-box!important;padding:0!important;border-radius:0!important;background:transparent!important;width:105px!important;height:auto!important;max-height:110px!important;display:block!important}
.site-header .site-logo{padding:5px 8px!important;background:#fff!important;border-radius:10px!important;box-shadow:none!important}
@media(max-width:900px){.site-header .site-logo img{width:85px!important;max-height:90px!important}}