:root{--blue:#153d8d;--lightblue:#2591d7;--yellow:#fdc81d;--grey:#d9d9d9;--ink:#10254d;--navy:#081f4c;--bg:#f5f7fa;--white:#fff;--red:#a21d2c;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Arial Nova",Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.score-strip{background:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.score-strip .shell{display:flex;justify-content:space-between;align-items:center;min-height:32px}.header{position:sticky;top:0;z-index:20;background:rgba(8,31,76,.97);color:#fff;box-shadow:0 5px 20px #081f4c33}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:160px;height:76px}.brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px #0005)}.nav{display:flex;gap:26px;align-items:center;font-weight:700}.nav a:hover{color:var(--yellow)}.admin-link{border:1px solid #ffffff55;border-radius:999px;padding:9px 16px}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.home-hero{background-image:linear-gradient(90deg,#fffffff8 0%,#ffffffe7 48%,#ffffff55 78%),url('tfbnoe-background.png');background-size:cover;background-position:center}.hero-grid{min-height:530px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;padding-block:60px}.eyebrow{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.home-hero h1,.page-hero h1,.section-title{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-style:italic;font-weight:950;text-transform:uppercase;letter-spacing:-.055em;line-height:.86}.home-hero h1{font-size:clamp(54px,7vw,102px);margin:20px 0;color:var(--ink)}.home-hero h1 span{color:var(--blue)}.lead{font-size:19px;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}.button:hover{background:#102f70}.button.secondary{background:#fff;color:var(--ink);border:1px solid #b9c5d3}.result-board{background:var(--navy);border-radius:30px;padding:32px;color:#fff;box-shadow:0 30px 80px #081f4c40}.board-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.board-head small{color:#9edaff;font-weight:900;letter-spacing:.15em}.board-head h2{margin:3px 0 24px}.board-head>span{font-size:12px;color:#bbf7d0;background:#34d39922;border-radius:999px;padding:6px 10px}.standing{display:grid;grid-template-columns:30px 1fr auto 30px;gap:10px;padding:12px;background:#ffffff10;border-radius:12px;margin:7px 0}.standing>:first-child{color:var(--yellow)}.standing span{color:#b8c4d4}.board-link{display:block;border-top:1px solid #ffffff22;margin-top:18px;padding-top:16px;color:#9edaff;font-weight:800}.quick-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-block:52px}.quick-grid>a,.card{background:#fff;border:1px solid var(--grey);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px #10254d0b}.quick-grid>a{min-height:175px;display:flex;flex-direction:column}.quick-grid>a:hover{transform:translateY(-3px);border-color:var(--lightblue)}.quick-grid b{font-size:25px}.quick-grid small{margin-top:auto;color:#68798b}.quick-grid strong{font-size:20px}.white-section{background:#fff;border-block:1px solid var(--grey)}.content-grid,.two-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;padding-block:60px}.section-title{font-size:clamp(34px,5vw,58px);margin:12px 0 30px}.event-list{border-block:1px solid var(--grey)}.event-list>a{display:grid;grid-template-columns:60px 1fr 20px;gap:18px;align-items:center;padding:16px;border-bottom:1px solid var(--grey)}.event-list time{text-align:center;color:var(--blue);font-weight:900}.event-list time b{display:block;color:var(--ink);font-size:25px}.event-list span strong,.event-list span small{display:block}.yellow-card{background:var(--yellow);border-radius:30px;padding:35px}.yellow-card h2{font-size:34px}.yellow-card a{font-weight:900}.page-hero{background:linear-gradient(90deg,#fffffff2,#ffffffa8),url('tfbnoe-background.png') center/cover;min-height:250px;display:flex;align-items:center;border-bottom:1px solid var(--grey)}.page-hero .shell{padding-block:45px}.page-hero h1{font-size:clamp(44px,7vw,76px);margin:10px 0 20px}.page-hero p:last-child{font-size:18px}.two-columns{align-items:start}.card-grid{grid-template-columns:repeat(3,1fr)}.card h2{margin-top:0}.card a{color:var(--blue);font-weight:800}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--grey)}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#65768a}.game{padding:16px 0;border-bottom:1px solid var(--grey)}.game time,.game small{color:#68798b}.game div{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin:6px 0}.game div span:last-child{text-align:right}.document-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-bottom:1px solid var(--grey)}.document-list span>*{display:block}.document-list small{color:#68798b}.prose{font-size:17px}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:800}.form input,.form textarea,.form select,select{width:100%;border:1px solid #aebbc8;border-radius:10px;padding:10px;background:#fff}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid #2591d733;border-color:var(--lightblue)}.form small{color:#68798b}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flash{padding:14px;margin-top:15px;border-radius:12px;font-weight:700}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.login-wrap{min-height:65vh;display:grid;place-items:center;padding:40px}.login{width:min(480px,100%)}.login h1{font-size:40px}.admin-shell{width:min(1450px,calc(100% - 30px));margin:30px auto;display:grid;grid-template-columns:240px 1fr;gap:25px}.admin-nav{background:var(--navy);color:#fff;border-radius:20px;padding:20px;align-self:start;position:sticky;top:115px}.admin-nav h2{margin:0}.admin-nav p{color:#a8b9ce}.admin-nav>a,.admin-nav button{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:none;color:#fff;text-align:left;cursor:pointer}.admin-nav>a:hover,.admin-nav>a.active{background:#ffffff19;color:var(--yellow)}.admin-content{min-width:0}.admin-title{display:flex;align-items:center;justify-content:space-between}.admin-content>.card,.admin-content>form{margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-grid .card{display:grid}.stat-grid b{font-size:40px;color:var(--blue)}.danger{border:0;background:#fee2e2;color:#991b1b;border-radius:999px;padding:11px 20px;font-weight:800;cursor:pointer}.number{width:70px!important;padding:6px!important}footer{background:var(--navy);color:#c4cede;margin-top:60px}.footer-inner{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner nav{display:flex;gap:20px}
@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero-grid,.content-grid,.two-columns,.admin-shell{grid-template-columns:1fr}.quick-grid,.card-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-nav{position:static}.home-hero{background-image:linear-gradient(#fffffff0,#ffffffd8),url('tfbnoe-background.png')}}
@media(max-width:600px){.score-strip .shell span:last-child{display:none}.shell{width:min(100% - 20px,1180px)}.brand{width:132px;height:70px}.quick-grid,.card-grid,.stat-grid{grid-template-columns:1fr}.hero-grid{padding-block:38px}.result-board{padding:20px}.standing{grid-template-columns:24px 1fr auto}.standing span{display:none}.footer-inner{align-items:flex-start;flex-direction:column;padding-block:30px}.footer-inner nav{flex-wrap:wrap}.admin-shell{width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.federation-board>img{display:block;width:min(230px,65%);height:145px;object-fit:contain;margin:0 auto 18px}.eyebrow.light{color:#9edaff}.clubs-section{padding-block:60px}.club-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:60px}.club-preview>a{display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:16px;background:var(--bg);border:1px solid var(--grey);border-radius:18px;padding:16px}.club-preview>a:hover{border-color:var(--lightblue);transform:translateY(-2px)}.club-preview .club-logo-frame{grid-row:1/3}.club-preview strong{align-self:end}.club-preview small{align-self:start;color:#68798b}.club-logo-frame{width:86px;height:86px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #e3e8ee}.club-logo-frame img{width:100%;height:100%;object-fit:contain;padding:7px}.club-logo-frame span{font-size:28px;font-weight:950;color:var(--blue)}.club-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-block:52px}.club-card{display:grid;grid-template-columns:150px 1fr;gap:24px}.club-logo-frame.large{width:150px;height:150px}.club-card dl{display:grid;grid-template-columns:125px 1fr;margin:0 0 14px}.club-card dt,.club-card dd{padding:6px 0;border-bottom:1px solid #edf0f4}.club-card dt{color:#68798b;font-size:13px}.club-card dd{margin:0}.archive-stack{display:grid;gap:20px;padding-block:52px}.archive-note{border-left:6px solid var(--yellow)}.champion-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.champion-grid>div{display:grid;gap:5px;background:var(--bg);padding:15px;border-radius:12px}.champion-grid strong{color:var(--blue);font-size:20px}.archive-rankings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.archive-rankings h3{font-size:25px}.archive-rankings table{min-width:0}
@media(max-width:900px){.club-preview{grid-template-columns:repeat(2,1fr)}.club-grid,.archive-rankings{grid-template-columns:1fr}.champion-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.club-preview{grid-template-columns:1fr}.club-card{grid-template-columns:90px 1fr}.club-logo-frame.large{width:90px;height:90px}.club-card dl{grid-template-columns:1fr}.club-card dd{padding-top:0}.champion-grid{grid-template-columns:1fr}}

/* Public layout: welcome page and club directory, September 2026. */
body{line-height:1.65}img{max-width:100%}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #2591d7;outline-offset:5px}.nav{gap:20px;font-size:15px}.nav a[aria-current="page"]{color:var(--yellow)}.brand{flex-shrink:0}.shell{width:min(1180px,calc(100% - 48px))}
.home-hero{background:linear-gradient(125deg,#fff 30%,#edf3fc 100%);border-bottom:1px solid #e0e7ef}.hero-grid{min-height:540px;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:72px;padding-block:76px}.hero-copy>p:not(.eyebrow){max-width:590px;color:#46566b}.hero-copy .lead{font-size:21px;color:var(--ink);line-height:1.55}.home-hero h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:clamp(40px,5.4vw,70px);font-weight:800;line-height:1.06;letter-spacing:-.045em;text-transform:none;margin:20px 0 24px}.eyebrow{line-height:1.6;font-size:12px;letter-spacing:.14em}.actions{gap:12px}.button{gap:14px;border-radius:10px;font-size:15px;min-height:48px}
.federation-identity{min-width:0;text-align:center;padding:38px 24px;background:var(--navy);color:white;border-radius:20px;box-shadow:0 20px 44px #081f4c18}.federation-identity img{display:block;width:100%;max-width:320px;height:220px;object-fit:contain;margin:0 auto 24px}.federation-identity p{font-size:18px;line-height:1.55;margin:0 0 24px}.founding-label{display:block;border-top:1px solid #ffffff30;padding-top:20px;font-size:13px;color:#d4e5fb;letter-spacing:.03em}
.home-section{padding-block:76px;scroll-margin-top:110px}.section-heading{max-width:700px;margin-bottom:36px}.section-heading h2,.history-grid h2{font-size:clamp(29px,3.4vw,42px);line-height:1.18;letter-spacing:-.035em;margin:10px 0 20px}.section-heading>p:last-child{color:#526176;font-size:18px}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.mission-grid article{border-top:2px solid #dbe4ef;padding-top:24px}.mission-number{font-size:14px;font-weight:800;color:var(--blue)}.mission-grid h3{font-size:21px;line-height:1.3;margin:12px 0}.mission-grid p{color:#526176;margin:0}
.history-section{background:white;border-block:1px solid #e0e7ef}.history-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:90px;padding-block:70px;align-items:center}.history-grid p{color:#526176}.text-link{display:inline-flex;gap:12px;font-weight:700;color:var(--blue);margin-top:12px}.text-link:hover,.club-website:hover{text-decoration:underline}.history-milestones{list-style:none;margin:0;padding:0 0 0 26px;border-left:2px solid #d9e3ef}.history-milestones li{position:relative;padding:0 0 30px 8px}.history-milestones li:last-child{padding-bottom:0}.history-milestones li:before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--yellow);border:2px solid var(--blue)}.history-milestones span{font-size:17px;font-weight:800;color:var(--blue)}.history-milestones p{margin:6px 0 0}
.page-hero{min-height:220px;background:#edf3fb}.page-hero h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;text-transform:none;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.15;letter-spacing:-.035em}.page-hero p:last-child{max-width:760px;color:#46566b}.clubs-directory{padding-block:44px}.directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.directory-heading h2{font-size:23px;margin:0}.directory-heading p,.directory-note{color:#526176;font-size:14px}.directory-note{margin-top:18px}
.club-table-wrap{background:#fff;border:1px solid #dce3ec;border-radius:14px;overflow:auto}.club-table{width:100%;border-collapse:collapse;table-layout:fixed}.club-table thead{background:#edf2f8}.club-table th,.club-table td{padding:20px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid #e3e9f0;font-size:14px;overflow-wrap:anywhere}.club-table thead th{font-size:11px;font-weight:800;letter-spacing:.06em;color:#45566f}.club-table thead th:first-child{width:34%}.club-table thead th:nth-child(2){width:17%}.club-table thead th:nth-child(3){width:25%}.club-table thead th:nth-child(4),.club-table thead th:nth-child(5){width:12%}.club-table tbody th{text-transform:none;letter-spacing:normal;font-weight:400;color:var(--ink)}.club-table tr:last-child>*{border-bottom:0}.club-table tbody tr:hover{background:#f8fafd}
.club-name-cell{display:flex;gap:16px;align-items:center;min-width:0}.club-name-cell strong{display:block;font-size:15px;font-weight:700;line-height:1.4}.club-name-cell>div:last-child{min-width:0}.club-table .club-logo-frame{width:72px;height:72px;min-width:72px;flex:0 0 72px;border-radius:8px;background:white;border:1px solid #edf0f4}.club-table .club-logo-frame img{display:block;width:72px;height:72px;max-width:100%;object-fit:contain;padding:6px}.club-website{display:inline-block;color:var(--blue);font-size:13px;font-weight:600;margin-top:6px}.muted{color:#68768a;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{margin-top:0}.footer-inner{font-size:13px}.prose{margin-block:40px}.archive-stack{padding-block:44px}
@media(max-width:1000px){.nav{gap:14px}.hero-grid{gap:36px}.history-grid{gap:44px}.club-table th,.club-table td{padding:16px 12px}.club-name-cell{gap:10px}.club-table .club-logo-frame{width:60px;height:60px;min-width:60px;flex-basis:60px}.club-table .club-logo-frame img{width:60px;height:60px}}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);padding-block:52px;min-height:0}.federation-identity{padding:26px 16px}.federation-identity img{height:170px}.mission-grid{gap:22px}.home-section{padding-block:52px}.history-grid{padding-block:52px}.club-table{table-layout:auto}.club-table thead th:first-child{width:31%}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.hero-grid,.history-grid,.mission-grid{grid-template-columns:1fr}.hero-grid{gap:30px;padding-block:36px}.home-hero h1{font-size:46px}.hero-copy .lead{font-size:19px}.federation-identity{padding:24px}.federation-identity img{max-width:230px;height:150px;margin-bottom:16px}.federation-identity p{font-size:16px;margin-bottom:18px}.founding-label{padding-top:16px}.mission-grid{gap:26px}.history-grid{gap:32px}.home-section{padding-block:44px}.directory-heading{display:block}.directory-heading p{margin:8px 0}.clubs-directory{padding-block:28px}.club-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.club-table,.club-table tbody{display:block;width:100%}.club-table tr{display:block;padding:18px 16px;border-bottom:1px solid #dce3ec}.club-table tr:last-child{border-bottom:0}.club-table tbody th{display:block;padding:0 0 16px;border:0}.club-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:7px 0;border:0;font-size:14px}.club-table td:before{content:attr(data-label);font-weight:600;color:#526176;font-size:12px}.club-table td br{display:none}.club-table td[data-label="Trainingsadresse"]{display:block;padding-left:130px;position:relative}.club-table td[data-label="Trainingsadresse"]:before{position:absolute;left:0;top:7px}.club-table td[data-label="Trainingsadresse"] br{display:block}.club-table td[colspan]{display:block}.club-table td[colspan]:before{content:none}.club-name-cell{gap:16px}.club-table .club-logo-frame{width:64px;height:64px;min-width:64px;flex-basis:64px}.club-table .club-logo-frame img{width:64px;height:64px}.footer-inner{padding-block:28px;min-height:0}}