@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;600;700;800&display=swap'); :root{--red:#e30613;--dark:#0b0c10;--ink:#17181d;--muted:#70757f;--soft:#f4f5f7;--line:#e6e8ec;--radius:22px;--shadow:0 18px 45px rgba(0,0,0,.11);--max:1240px} ::selection{background:var(--red);color:#fff;text-shadow:none} ::-moz-selection{background:var(--red);color:#fff;text-shadow:none} *{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.number-red{color:var(--red)!important} #site-header{position:sticky;top:0;z-index:80}.site-header{position:relative;z-index:80;background:rgba(11,12,16,.95);color:#fff;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand small{display:block;color:#aeb3bd;font-size:.7rem;letter-spacing:.13em}.club-logo{width:48px;height:56px;object-fit:contain;flex:0 0 auto}.nav{display:flex;gap:23px;font-weight:800;font-size:.92rem}.nav-links{display:flex;gap:23px}.nav a{opacity:.78}.nav a:hover,.nav a.active{opacity:1;color:#ff6871}.nav-index,.nav-links i,.mobile-nav-head,.mobile-nav-foot{display:none}.nav-actions{display:flex;gap:10px;align-items:center}.menu-btn{display:none;background:var(--red);color:#fff;border:0;border-radius:0;width:48px;height:48px;padding:13px;cursor:pointer}.menu-btn span{display:block;height:2px;background:#fff;margin:5px 0;transition:.25s}.menu-close{background:none;border:0;width:48px;height:48px;position:relative;cursor:pointer}.menu-close span{position:absolute;left:11px;right:11px;top:23px;height:2px;background:#111;transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)} .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-red{background:var(--red);color:#fff}.btn-dark{background:#111;color:#fff}.btn-light{background:#fff;color:#111}.btn-outline{border-color:rgba(255,255,255,.25);color:#fff} .hero{min-height:680px;display:grid;align-items:end;color:#fff;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(7,8,10,.98),rgba(7,8,10,.7) 52%,rgba(7,8,10,.15)),radial-gradient(circle at 82% 35%,rgba(227,6,19,.5),transparent 34%),linear-gradient(135deg,#171920,#07080a)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px}.hero-content{position:relative;z-index:2;padding:115px 0 78px}.hero-orbit{position:absolute;right:-8vw;top:12%;width:min(52vw,700px);aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015)}.hero-orbit:before{content:"ATUS";position:absolute;inset:20%;display:grid;place-items:center;font-weight:1000;font-size:clamp(5rem,12vw,11rem);color:rgba(255,255,255,.07);transform:rotate(-10deg)} .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:950;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,6.2rem);line-height:.93;letter-spacing:-.055em}h1 span{color:var(--red)}h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.045em}.lead{font-size:clamp(1.06rem,2vw,1.3rem);line-height:1.6;color:#d4d6db;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px} .quick-strip{margin-top:-36px;position:relative;z-index:5}.quick-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.card,.score-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.score-card{padding:26px;color:#fff;background:linear-gradient(135deg,#111 0 72%,var(--red) 72%)}.score-top{display:flex;justify-content:space-between;color:#b7bbc4;font-size:.8rem;font-weight:900}.score-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:24px}.team-mark{display:flex;align-items:center;gap:10px;font-weight:950}.team-mark:last-child{justify-content:flex-end;text-align:right}.badge-logo{width:52px;height:52px;border-radius:16px;background:#fff;color:#111;display:grid;place-items:center;font-size:.72rem;font-weight:1000}.score{font-size:2rem;font-weight:1000}.mini-card{padding:24px;min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.mini-icon{width:45px;height:45px;border-radius:14px;background:#fee8ea;color:var(--red);display:grid;place-items:center;font-size:1.3rem} .section{padding:92px 0}.section.soft{background:var(--soft)}.section.dark{background:#0d0e12;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.section-head p{max-width:620px;color:var(--muted);line-height:1.65}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.feature-panel{padding:38px;min-height:420px}.red-panel{background:linear-gradient(145deg,#e30613,#9f0009);color:#fff}.black-panel{background:#101115;color:#fff} .event-card{overflow:hidden}.event-art{height:225px;background:linear-gradient(145deg,#1f2229,#e30613);position:relative}.event-art:after{content:attr(data-title);position:absolute;left:22px;bottom:19px;color:#fff;font-size:2rem;line-height:.95;font-weight:1000;max-width:80%}.event-body{padding:24px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.83rem;font-weight:800}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f0f1f3;color:#4c5058;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.tag.red{background:#fee7e9;color:var(--red)}.card-link{font-weight:950;color:var(--red)} .person-card{overflow:hidden}.person-photo{height:270px;background:linear-gradient(155deg,#dfe2e7,#9298a3);position:relative}.person-photo:after{content:"";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:150px;height:215px;border-radius:80px 80px 20px 20px;background:linear-gradient(#24272d 0 32%,#e30613 32% 67%,#111 67%)}.person-body{padding:20px}.number{float:right;font-size:3rem;font-weight:1000;line-height:1;color:#e2e4e8} .news-card{display:grid;grid-template-columns:150px 1fr;overflow:hidden}.news-thumb{background:linear-gradient(145deg,#21242b,#d71522);min-height:150px}.news-body{padding:22px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:28px}.stat{padding:17px;border:1px solid rgba(255,255,255,.15);border-radius:18px}.stat strong{display:block;font-size:2rem} .page-hero{padding:95px 0 62px;color:#fff;background:linear-gradient(130deg,#101116,#1c1e25);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--red);filter:blur(100px);opacity:.18;right:-80px;top:-150px}.breadcrumb{color:#b8bcc5;font-size:.82rem;margin-bottom:24px} .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:850}.table-wrap{overflow:auto;border-radius:20px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{background:#f7f8fa;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}input,select,textarea{font:inherit;padding:14px;border:1px solid #d7dae0;border-radius:14px;background:#fff}textarea{min-height:130px}.status-pipeline{display:flex;gap:8px;flex-wrap:wrap}.status{padding:10px 13px;border-radius:999px;background:#eceef1;font-size:.78rem;font-weight:900}.status.active{background:#fee4e6;color:var(--red)} .site-footer{background:#090a0d;color:#fff;padding:68px 0 27px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-grid a{display:block;color:#aeb2bc;margin:9px 0;transition:all 1s ease}.footer-grid a:hover{color:var(--red)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:22px;color:#8f949e;display:flex;justify-content:space-between}.toast{display:none;position:fixed;right:18px;bottom:18px;background:#111;color:#fff;padding:14px 18px;border-radius:14px;z-index:100;box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(16px);transition:.5s}.reveal.visible{opacity:1;transform:none} @media(max-width:980px){body.menu-open{overflow:hidden}.nav{display:flex;position:fixed;inset:0;background:var(--red);padding:0;z-index:100;flex-direction:column;gap:0;transform:translateX(105%);visibility:hidden;transition:transform .42s cubic-bezier(.77,0,.18,1),visibility .42s;color:#111;overflow:auto}.nav:before{content:'ATUS';position:fixed;right:-8vw;bottom:-8vw;color:rgba(255,255,255,.07);font:1000 38vw/1 Arial,sans-serif;pointer-events:none}.nav.open{transform:none;visibility:visible}.mobile-nav-head{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.mobile-nav-brand{display:flex!important;align-items:center;gap:14px;color:#111!important;text-transform:uppercase;font-weight:950;letter-spacing:.12em;opacity:1!important}.mobile-nav-brand .club-logo{width:42px;height:50px}.nav-links{display:flex;flex-direction:column;gap:0;padding:26px 22px 16px;position:relative;z-index:1}.nav-links a{min-height:64px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.32);color:#fff!important;font-size:clamp(1.65rem,7vw,2.5rem);font-weight:950;text-transform:uppercase;letter-spacing:-.04em;opacity:1!important;transform:translateX(30px);transition:transform .35s,background .2s}.nav.open .nav-links a{transform:none}.nav-links a:nth-child(2){transition-delay:.04s}.nav-links a:nth-child(3){transition-delay:.08s}.nav-links a:nth-child(4){transition-delay:.12s}.nav-links a:nth-child(5){transition-delay:.16s}.nav-links a:nth-child(6){transition-delay:.2s}.nav-links a:nth-child(7){transition-delay:.24s}.nav-links a.active{background:#fff;color:var(--red)!important;padding-inline:10px}.nav-links a.active:after{display:none}.nav-index{display:block;font-size:.6rem;letter-spacing:.05em;opacity:.7}.nav-links i{display:block;font-size:1rem;font-style:normal}.mobile-nav-foot{display:block;margin-top:auto;padding:20px 22px 28px;background:#0b0b0b;color:#fff;position:relative;z-index:1}.mobile-nav-foot p{margin:0 0 15px;font-size:1.05rem;font-weight:900;text-transform:uppercase}.mobile-nav-foot div{display:flex;gap:8px}.mobile-nav-foot a{display:inline-flex;padding:12px 14px;border:1px solid rgba(255,255,255,.5);font-size:.68rem;text-transform:uppercase;font-weight:900;opacity:1}.mobile-nav-foot a:first-child{background:#fff;color:#111}.mobile-nav-foot small{display:block;margin-top:18px;color:#999;letter-spacing:.1em;text-transform:uppercase}.menu-btn{display:block}.nav-actions .btn-outline{display:none}.quick-grid,.grid-3,.grid-4,.feature-split{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:680px){.container{width:min(var(--max),calc(100% - 24px))}.hero{min-height:610px}.hero-content{padding-bottom:70px}.hero-orbit{opacity:.4}.quick-grid,.grid-3,.grid-4,.feature-split,.stat-row,.form-grid{grid-template-columns:1fr}.section{padding:68px 0}.section-head{align-items:flex-start;flex-direction:column}.news-card{grid-template-columns:1fr}.news-thumb{min-height:190px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.nav-actions .btn-red{display:none}} /* -------------------------------------------------------------------------- ATUS Bärnbach · einheitliches Designsystem für alle Unterseiten -------------------------------------------------------------------------- */ body:not([data-page="home"]){--red:#d60819;--dark:#090909;--ink:#141414;--soft:#f4f2ee;--line:#dedbd5;--radius:0;--shadow:0 14px 36px rgba(0,0,0,.09);font-family:Inter,Arial,sans-serif;background:var(--soft)} body:not([data-page="home"]) h1,body:not([data-page="home"]) h2,body:not([data-page="home"]) h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase} body:not([data-page="home"]) .site-header{background:#090909;border-bottom:4px solid var(--red);backdrop-filter:none} body:not([data-page="home"]) .nav-wrap{min-height:86px} body:not([data-page="home"]) .brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.15rem;letter-spacing:.045em} body:not([data-page="home"]) .brand small{font-family:Inter,Arial,sans-serif;font-size:.57rem} body:not([data-page="home"]) .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem} body:not([data-page="home"]) .page-hero{min-height:520px;display:flex;align-items:flex-end;padding:145px 0 68px;background-image:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.68) 48%,rgba(5,5,5,.16) 100%),linear-gradient(0deg,rgba(5,5,5,.7),transparent 60%),url('../images/stadion-spielfeld-ai-v2.jpg');background-size:cover;background-position:center;color:#fff;border-bottom:9px solid var(--red)} body:not([data-page="home"]) .page-hero>.container{position:relative} body:not([data-page="home"]) .page-hero>.container:after{content:'ATUS B';position:absolute;right:0;bottom:-50px;font:900 clamp(5rem,13vw,11rem)/.7 'Barlow Condensed',Impact,sans-serif;color:rgba(255,255,255,.055);letter-spacing:-.04em;pointer-events:none} body:not([data-page="home"]) .breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:rgba(255,255,255,.7);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em} body:not([data-page="home"]) .breadcrumb:before{content:'';width:34px;height:3px;background:var(--red)} body:not([data-page="home"]) .page-hero .eyebrow{color:#fff;margin-bottom:12px} body:not([data-page="home"]) .page-hero h1{max-width:950px;margin:0;font-size:clamp(4.6rem,9vw,8.5rem);line-height:.78;letter-spacing:-.045em} body:not([data-page="home"]) .page-hero .lead{max-width:650px;margin:26px 0 0;color:#e0e0e0;font-size:1.02rem;line-height:1.7} body:not([data-page="home"]) .section{padding:96px 0;background:var(--soft)} body:not([data-page="home"]) .section:nth-of-type(odd){background:#fff} body:not([data-page="home"]) .section.dark{background:#0b0b0b} body:not([data-page="home"]) .section.soft{background:#ece9e4} body:not([data-page="home"]) .section-head{margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid var(--line)} body:not([data-page="home"]) .section-head h2,body:not([data-page="home"]) .feature-split h2{margin:4px 0 0;font-size:clamp(3rem,5.4vw,5.2rem);line-height:.84;letter-spacing:-.035em} body:not([data-page="home"]) .eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:.65rem;letter-spacing:.18em} body:not([data-page="home"]) .eyebrow:before{content:'';width:25px;height:2px;background:currentColor} body:not([data-page="home"]) .card,body:not([data-page="home"]) .score-card{border:0;border-radius:0;box-shadow:none;background:#fff;outline:1px solid var(--line);transition:transform .25s,box-shadow .25s} body:not([data-page="home"]) a.card:hover,body:not([data-page="home"]) .event-card:hover,body:not([data-page="home"]) .person-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.11)} body:not([data-page="home"]) .mini-card{position:relative;min-height:190px;padding:26px;border-top:5px solid var(--red)} body:not([data-page="home"]) .mini-icon{border-radius:0;background:var(--red);color:#fff} body:not([data-page="home"]) .mini-card h3{font-size:1.75rem;line-height:.95} body:not([data-page="home"]) .card-link{display:inline-flex;align-items:center;color:var(--red);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em} body:not([data-page="home"]) .event-card{position:relative} body:not([data-page="home"]) .event-art{height:260px;background:linear-gradient(145deg,#111 0 55%,var(--red) 55%)} body:not([data-page="home"]) .event-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 34px,rgba(255,255,255,.05) 34px 35px)} body:not([data-page="home"]) .event-art:after{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:2.8rem;line-height:.84} body:not([data-page="home"]) .event-body{padding:26px} body:not([data-page="home"]) .event-body h3{font-size:2rem;line-height:.95;margin:13px 0} body:not([data-page="home"]) .meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em} body:not([data-page="home"]) .person-card{background:#fff;border-bottom:5px solid var(--red)} body:not([data-page="home"]) .person-photo{height:310px;overflow:hidden;background:linear-gradient(145deg,#efede8,#d5d1c9)} body:not([data-page="home"]) .person-photo:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(214,8,25,.06) 31px 62px)} body:not([data-page="home"]) .person-photo:after{left:50%;bottom:-20px;width:165px;height:245px;border-radius:80px 80px 0 0;background:repeating-linear-gradient(90deg,#d60819 0 24px,#fff 24px 48px);box-shadow:0 0 0 1px rgba(0,0,0,.07)} body:not([data-page="home"]) .person-body{padding:22px} body:not([data-page="home"]) .person-body h3{font-size:1.75rem;line-height:.95;margin:12px 0 5px} body:not([data-page="home"]) .person-body p{font-size:.78rem;color:var(--muted)} body:not([data-page="home"]) .number{font:900 3.7rem/.75 'Barlow Condensed',Impact,sans-serif;color:#e7e3dd} body:not([data-page="home"]) .feature-split{gap:3px} body:not([data-page="home"]) .feature-panel{border:0;padding:42px;min-height:390px} body:not([data-page="home"]) .red-panel{background:var(--red)} body:not([data-page="home"]) .black-panel{background:#0b0b0b} body:not([data-page="home"]) .stat{border-radius:0} body:not([data-page="home"]) .stat strong{font-family:'Barlow Condensed',Impact,sans-serif;color:#fff} body:not([data-page="home"]) .toolbar{gap:5px;margin:0} body:not([data-page="home"]) .filter{border:1px solid #d6d2cb;border-radius:0;padding:11px 16px;background:transparent;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em;cursor:pointer} body:not([data-page="home"]) .filter:first-child,body:not([data-page="home"]) .filter:hover{background:var(--red);border-color:var(--red);color:#fff} body:not([data-page="home"]) .tag{border-radius:0;padding:6px 9px;background:#ece9e4} body:not([data-page="home"]) .tag.red{background:var(--red);color:#fff} body:not([data-page="home"]) .table-wrap{border-radius:0;border:0;border-top:5px solid var(--red);box-shadow:var(--shadow)} body:not([data-page="home"]) table{background:#fff} body:not([data-page="home"]) th{padding:18px;background:#0b0b0b;color:#fff;font-size:.66rem;letter-spacing:.13em} body:not([data-page="home"]) td{padding:18px;border-color:#ece9e4} body:not([data-page="home"]) tbody tr:hover{background:#fff5f5} body:not([data-page="home"]) form.card{border-top:6px solid var(--red)!important;box-shadow:var(--shadow)} body:not([data-page="home"]) .field{gap:8px} body:not([data-page="home"]) label{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em} body:not([data-page="home"]) input,body:not([data-page="home"]) select,body:not([data-page="home"]) textarea{border-radius:0;border:1px solid #cbc7c0;padding:15px;background:#faf9f7;transition:border .2s,box-shadow .2s} body:not([data-page="home"]) input:focus,body:not([data-page="home"]) select:focus,body:not([data-page="home"]) textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(214,8,25,.1)} body:not([data-page="home"]) .status{border-radius:0;padding:11px 14px;background:#ddd9d2} body:not([data-page="home"]) .status.active{background:var(--red);color:#fff} body:not([data-page="home"]) .news-card{grid-template-columns:180px 1fr;border-left:5px solid var(--red)} body:not([data-page="home"]) .news-thumb{background:linear-gradient(145deg,#111 0 55%,var(--red) 55%)} body:not([data-page="home"]) .news-body h3{font-size:1.7rem;line-height:.95;margin:12px 0} body:not([data-page="home"]) .site-footer{border-top:8px solid var(--red)} @media(max-width:980px){body:not([data-page="home"]) .page-hero{min-height:450px;padding-top:120px}body:not([data-page="home"]) .page-hero>.container:after{right:10px}.nav-links a.active:after{display:none}} @media(max-width:680px){body:not([data-page="home"]) .page-hero{min-height:410px;padding:120px 0 48px;background-position:62% center}body:not([data-page="home"]) .page-hero h1{font-size:4.25rem}body:not([data-page="home"]) .page-hero .lead{font-size:.9rem}body:not([data-page="home"]) .section{padding:70px 0}body:not([data-page="home"]) .section-head h2,body:not([data-page="home"]) .feature-split h2{font-size:3.5rem}body:not([data-page="home"]) .person-photo{height:360px}body:not([data-page="home"]) .news-card{grid-template-columns:1fr;border-left:0;border-top:5px solid var(--red)}body:not([data-page="home"]) .feature-panel{padding:28px}body:not([data-page="home"]) .toolbar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}body:not([data-page="home"]) .filter{white-space:nowrap}} /* Mannschaft 2026/27 */ .roster-section{background:#eef4ea!important}.roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.roster-player{position:relative;min-height:330px;overflow:hidden;background:#e6f0df;border-bottom:7px solid #111;isolation:isolate;transition:transform .25s,box-shadow .25s}.roster-player:before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 64%,rgba(255,255,255,.78) 64%);z-index:-1}.roster-player:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(0,0,0,.18)}.roster-player[hidden]{display:none}.roster-player img{position:absolute;inset:auto 0 0;width:100%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 8px rgba(0,0,0,.16));transition:transform .4s}.roster-player:hover img{transform:scale(1.04) translateY(-8px)}.roster-number{position:absolute;left:13px;top:8px;z-index:2;font:900 4.7rem/.8 'Barlow Condensed',Impact,sans-serif;color:#090909;letter-spacing:-.06em}.roster-name{position:absolute;left:12px;right:12px;bottom:11px;z-index:3;padding:7px 9px;background:rgba(255,255,255,.92);line-height:.85}.roster-name small,.roster-name strong{display:block}.roster-name small{font-size:.68rem}.roster-name strong{font:900 1.35rem/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.roster-detail{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;background:linear-gradient(0deg,rgba(5,5,5,.96),rgba(5,5,5,.7) 55%,transparent);opacity:0;transform:translateY(15px);transition:.3s}.roster-player:hover .roster-detail,.roster-player:focus-within .roster-detail{opacity:1;transform:none}.roster-detail span{align-self:flex-start;padding:5px 8px;background:var(--red);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.roster-detail b{margin-top:10px;font:900 1.8rem/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.roster-detail small{margin-top:7px;color:#bbb}.filter.is-active{background:var(--red)!important;border-color:var(--red)!important;color:#fff} /* Jugend-Hero */ .youth-hero{position:relative;min-height:820px;display:flex;align-items:flex-end;padding:150px 0 235px;color:#fff;background:url('../images/youth/youth-hero-back.jpg') center 42%/cover no-repeat;border-bottom:9px solid var(--red);overflow:hidden}.youth-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.88) 0%,rgba(3,3,3,.48) 48%,rgba(3,3,3,.12) 100%),linear-gradient(0deg,rgba(3,3,3,.86),transparent 56%)}.youth-hero-content{position:relative;z-index:2}.youth-hero .breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:rgba(255,255,255,.75);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.youth-hero .breadcrumb:before{content:'';width:34px;height:3px;background:var(--red)}.youth-hero .eyebrow{color:#fff;margin-bottom:15px}.youth-hero h1{max-width:980px;margin:0;font:900 clamp(4.8rem,9vw,8.5rem)/.76 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.045em}.youth-hero h1 span{color:#fff}.youth-hero .lead{max-width:590px;margin:28px 0 0;color:#eee;font-size:1.05rem}.youth-facts{position:absolute;z-index:3;left:50%;bottom:-2px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}.youth-fact{aspect-ratio:1;min-width:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:var(--red);color:#fff;border:5px solid rgba(255,255,255,.96);box-shadow:0 14px 35px rgba(0,0,0,.32);transform:translateY(48%)}.youth-fact:nth-child(even){transform:translateY(37%)}.youth-fact strong{font:900 clamp(1.8rem,3.1vw,3.3rem)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em}.youth-fact span{margin-top:9px;font-size:clamp(.52rem,.78vw,.7rem);line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.youth-fact-fun{background:#b10512}.youth-facts.counted .youth-fact{animation:factPop .6s both}.youth-facts.counted .youth-fact:nth-child(2){animation-delay:.08s}.youth-facts.counted .youth-fact:nth-child(3){animation-delay:.16s}.youth-facts.counted .youth-fact:nth-child(4){animation-delay:.24s}.youth-facts.counted .youth-fact:nth-child(5){animation-delay:.32s}.youth-facts.counted .youth-fact:nth-child(6){animation-delay:.4s}@keyframes factPop{0%{scale:.72;opacity:0}100%{scale:1;opacity:1}} /* Jugendteams */ .youth-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.youth-team-card{background:#fff;border-bottom:7px solid var(--red);box-shadow:0 14px 34px rgba(0,0,0,.09)}.youth-team-card:first-child{grid-column:1/-1}.youth-photo{position:relative;height:390px;overflow:hidden;background:#111}.youth-team-card:first-child .youth-photo{height:520px}.youth-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 48%)}.youth-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.youth-team-card:hover .youth-photo img{transform:scale(1.025)}.youth-age{position:absolute;z-index:2;left:22px;bottom:15px;font:900 6rem/.75 'Barlow Condensed',Impact,sans-serif;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.4)}.youth-team-body{display:flex;align-items:center;justify-content:space-between;padding:24px}.youth-team-body small{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.youth-team-body h3{margin:0;font-size:3rem;line-height:.75}.coach-strip{display:flex;align-items:center;gap:14px;padding:16px 24px;background:#0b0b0b;color:#fff}.coach-avatar{width:56px;height:56px;object-fit:cover;object-position:top;border:3px solid var(--red);background:#fff}.coach-avatar-logo{display:grid;place-items:center}.coach-avatar-logo img{width:38px;height:45px}.coach-strip div:last-child{display:grid;gap:2px}.coach-strip small{color:#aaa;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.coach-strip strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:1.2rem}.coach-strip a{color:#ff737d;font-size:.76rem;font-weight:800} /* Wertekodex & Elternregeln */ .code-section{background:#0b0b0b!important;color:#fff}.code-section .section-head{border-color:#292929}.code-section .section-head p{color:#aaa}.code-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2px}.code-panel{position:relative;padding:38px;background:#fff;color:#111}.code-parents{background:var(--red);color:#fff}.code-panel header{display:flex;gap:18px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid currentColor}.code-panel header>span{font:900 4rem/.75 'Barlow Condensed',Impact,sans-serif;opacity:.18}.code-panel header small{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.code-panel h3{margin:3px 0 0;font-size:3.6rem;line-height:.8}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ddd;margin-top:26px}.value-grid>div{padding:17px;background:#fff}.value-grid b,.parent-rules b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:1.15rem}.value-grid p{margin:4px 0 0;color:#666;font-size:.76rem;line-height:1.45}.parent-rules{list-style:none;padding:0;margin:24px 0;counter-reset:rules}.parent-rules li{display:grid;grid-template-columns:28px 1fr;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.3);counter-increment:rules}.parent-rules li:before{content:counter(rules,decimal-leading-zero);font:900 1rem 'Barlow Condensed',Impact,sans-serif;opacity:.55}.parent-rules li span{grid-column:2;font-size:.75rem;line-height:1.45;color:rgba(255,255,255,.8)}.code-panel details{margin-top:20px;padding:16px;border:1px solid currentColor}.code-panel summary{cursor:pointer;font-weight:900;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.code-panel details p{margin:13px 0 0;font-size:.78rem;line-height:1.6}.code-download{display:flex;justify-content:space-between;margin-top:18px;padding:16px;background:#111;color:#fff;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.code-parents .code-download{background:#fff;color:#111} @media(max-width:1080px){.roster-grid{grid-template-columns:repeat(4,1fr)}} @media(max-width:980px){.youth-hero{min-height:900px;padding-bottom:365px}.youth-facts{grid-template-columns:repeat(3,1fr);max-width:650px;bottom:0}.youth-fact,.youth-fact:nth-child(even){transform:translateY(18%)}.youth-fact:nth-child(n+4){transform:translateY(8%)}} @media(max-width:820px){.roster-grid{grid-template-columns:repeat(3,1fr)}.youth-team-grid,.code-grid{grid-template-columns:1fr}.youth-team-card:first-child{grid-column:auto}.youth-team-card:first-child .youth-photo,.youth-photo{height:370px}} @media(max-width:560px){.roster-grid{grid-template-columns:repeat(2,1fr);gap:7px}.roster-player{min-height:270px}.roster-number{font-size:3.8rem}.roster-name strong{font-size:1.05rem}.youth-hero{min-height:870px;padding:125px 0 410px;background-position:58% center}.youth-hero h1{font-size:4.2rem}.youth-hero .lead{font-size:.88rem}.youth-facts{width:calc(100% - 24px);gap:6px}.youth-fact{padding:9px;border-width:3px}.youth-fact strong{font-size:1.7rem}.youth-fact span{font-size:.45rem;margin-top:6px}.youth-photo,.youth-team-card:first-child .youth-photo{height:270px}.youth-age{font-size:4.5rem}.youth-team-body{padding:18px}.youth-team-body h3{font-size:2.5rem}.coach-strip{padding:14px 18px}.code-panel{padding:25px 20px}.value-grid{grid-template-columns:1fr}.code-panel h3{font-size:3rem}} /* Config-Ultra-Anmutung für Hero-Schlagzeilen. Falls Config Ultra lokal installiert ist, wird sie direkt verwendet; Anton ist der eingebettete Fallback. */ @font-face{font-family:'ATUS Hero Fallback';src:url('../fonts/anton-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap} body:not([data-page="home"]) .page-hero h1,.youth-hero h1{font-family:'Config Ultra','Config','ATUS Hero Fallback',Impact,sans-serif;font-weight:900;line-height:.9;padding-top:.11em;overflow:visible;text-wrap:balance} .youth-hero{overflow:visible!important} @media(max-width:560px){.youth-hero h1{line-height:.92;padding-top:.14em}} .youth-fact strong{font:700 clamp(1.8rem,3.1vw,3.3rem)/.78 'Barlow Condensed',Impact,sans-serif} .youth-hero h1{font-family:'Config Ultra','Config','ATUS Hero Fallback',Impact,sans-serif;font-size:clamp(5rem,9vw,8.5rem);font-weight:700;line-height:.82;letter-spacing:-.045em;text-transform:uppercase;padding-top:.11em;overflow:visible} /* Alle Nachwuchsteams gleichwertig im 50/50-Raster */ .youth-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.youth-team-card:first-child{grid-column:auto}.youth-team-card:first-child .youth-photo,.youth-photo{height:390px} @media(max-width:560px){.youth-hero h1{font-size:4.4rem;line-height:.84;padding-top:.14em}.youth-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.youth-team-card:first-child .youth-photo,.youth-photo{height:180px}.youth-age{left:10px;bottom:8px;font-size:3.2rem}.youth-team-body{align-items:stretch;flex-direction:column;gap:14px;padding:13px 10px}.youth-team-body h3{font-size:2.1rem}.youth-team-body .btn{width:100%;padding:10px 6px;font-size:.58rem}.coach-strip{min-height:150px;align-items:flex-start;flex-direction:column;gap:8px;padding:12px 10px}.coach-avatar{width:42px;height:42px}.coach-avatar-logo img{width:28px;height:34px}.coach-strip strong{font-size:.9rem;line-height:1}.coach-strip a{font-size:.61rem}} /* Offizielle Spieler-Karten: lokales Fallback, später Plattformfoto */ .roster-player{background:#fff url('../images/team/spieler-hintergrund.jpg') center/cover no-repeat}.roster-player:before{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 58%,rgba(255,255,255,.72))} /* Fix definierte Anzeigenplätze – werden erst nach Consent mit Google-Code befüllt */ .ad-zone{padding:20px 18px;background:#ece9e4}.ad-zone-inner{width:min(970px,100%);min-height:90px;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border:1px dashed #a7a39b;background:repeating-linear-gradient(135deg,#f7f6f3 0 14px,#efede8 14px 28px);color:#76726b;text-align:center}.ad-zone-inner span{font-size:.56rem;text-transform:uppercase;letter-spacing:.18em}.ad-zone-inner strong{font:700 1rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.ad-zone-inner small{font-size:.62rem}.site-header .nav-links{gap:17px}.site-header .nav{gap:17px} /* KidsCup & Erlebniswoche */ .event-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;padding:145px 0 76px;color:#fff;background-position:center;background-size:cover;border-bottom:9px solid var(--red)}.kidscup-hero{background-image:url('../images/events/kidscup-motiv.jpg')}.camp-hero{background-image:url('../images/events/erlebniswoche-2026.jpg')}.event-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.64) 54%,rgba(5,5,5,.18)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%)}.event-hero-content{position:relative;z-index:2}.event-hero .breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#ccc;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.event-hero .breadcrumb:before{content:'';width:34px;height:3px;background:var(--red)}.event-hero h1{margin:8px 0 0;font-family:'Config Ultra','Config','ATUS Hero Fallback',Impact,sans-serif;font-size:clamp(5rem,11vw,10rem);line-height:.78;text-transform:uppercase;letter-spacing:-.05em}.camp-hero h1{font-size:clamp(4.4rem,9vw,8rem);line-height:.84}.event-powered{margin:18px 0 12px;font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.event-hero .lead{font-size:1rem;max-width:650px}.camp-badge{position:absolute;z-index:2;right:5vw;bottom:45px;width:min(26vw,300px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.event-lead-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:center}.event-lead-grid h2{font-size:clamp(3.2rem,5.5vw,5.5rem)}.event-lead-grid p{color:#666;line-height:1.75}.event-poster img{width:100%;display:block;box-shadow:0 22px 50px rgba(0,0,0,.18)}.event-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--line)}.event-stats div{padding:22px 10px 0;border-right:1px solid var(--line)}.event-stats strong,.event-stats span{display:block}.event-stats strong{font:700 3rem/.8 'Barlow Condensed',Impact,sans-serif}.event-stats span{margin-top:9px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.schedule-grid article{padding:35px;background:#171717}.schedule-grid article>span{color:var(--red);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.schedule-grid article>strong{display:block;font:700 3.2rem/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.schedule-grid ul{list-style:none;padding:0;margin:26px 0 0}.schedule-grid li{display:grid;grid-template-columns:60px 1fr;padding:14px 0;border-top:1px solid #333}.schedule-grid li b{color:#ff5b66}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.format-grid>div{padding:25px;background:#fff;border-top:5px solid var(--red)}.format-grid b,.format-grid span,.format-grid small{display:block}.format-grid b{font:700 2.8rem/.8 'Barlow Condensed',Impact,sans-serif}.format-grid span{margin-top:15px;font-weight:800}.format-grid small{margin-top:5px;color:#777}.download-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:30px;background:var(--red);color:#fff}.download-card h3{margin:5px 0;font-size:2.2rem}.download-card p{margin:0}.event-visual>.container{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#0b0b0b;color:#fff}.event-visual img{width:100%;height:100%;min-height:430px;object-fit:cover}.event-visual .container>div{padding:50px}.event-visual h2{font-size:clamp(3rem,5vw,5rem)}.event-visual p{color:#bbb;line-height:1.65}.event-source{display:block;margin-top:18px;color:inherit;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.experience-grid article{padding:28px;background:#171717;border-top:5px solid var(--red)}.experience-grid article>span{color:#666;font:700 2.4rem 'Barlow Condensed',Impact,sans-serif}.experience-grid h3{font-size:1.7rem}.experience-grid p{color:#aaa;font-size:.8rem;line-height:1.6}.checklist-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.camp-checklist{list-style:none;padding:0}.camp-checklist li{position:relative;padding:15px 0 15px 35px;border-bottom:1px solid var(--line)}.camp-checklist li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:900}.camp-package{display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:var(--shadow)}.camp-package>img{width:100%;height:100%;object-fit:cover}.camp-package>div{padding:25px}.camp-package div img{max-width:150px}.camp-package h3{font-size:2rem;margin:20px 0 10px}.camp-package p{color:#666;font-size:.8rem;line-height:1.6} /* Klimafreund */ .climate-hero{position:relative;min-height:700px;display:flex;align-items:flex-end;padding:145px 0 80px;background:url('../images/events/klima-photovoltaik.jpg') center/cover;color:#fff;border-bottom:9px solid #63a629}.climate-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,9,.94),rgba(5,18,9,.57) 58%,rgba(5,18,9,.15)),linear-gradient(0deg,rgba(0,0,0,.72),transparent)}.climate-hero-content{position:relative}.climate-hero h1{font-family:'Config Ultra','Config','ATUS Hero Fallback',Impact,sans-serif;font-size:clamp(5rem,9vw,8.5rem);line-height:.82;text-transform:uppercase}.climate-current{display:grid;grid-template-columns:1fr 1fr;background:#fff}.climate-current-image img{width:100%;height:100%;object-fit:cover}.climate-current>div:last-child{padding:45px}.climate-current h3{font-size:3.2rem}.climate-current p,.climate-current li{color:#666;line-height:1.65}.climate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.climate-grid article{position:relative;padding:0 26px 28px;background:#171717}.climate-grid img{width:calc(100% + 52px);height:190px;margin-left:-26px;object-fit:cover}.climate-grid article>span{display:block;margin-top:18px;color:#65b633;font:700 2rem 'Barlow Condensed',Impact,sans-serif}.climate-grid h3{font-size:1.9rem}.climate-grid p{color:#aaa;font-size:.8rem;line-height:1.65}.climate-wordmark{height:190px;margin:0 -26px;display:grid;place-items:center;background:#65b633;color:#fff;font:700 3.4rem 'Barlow Condensed',Impact,sans-serif;transform:none!important}.wozoria-climate-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.digital-flow{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:28px}.digital-flow div{display:flex;gap:12px;padding:16px;background:#fff}.digital-flow b{color:var(--red)}.digital-flow span{font-size:.75rem;font-weight:800}.report-card{padding:35px;background:#101115;color:#fff;border-top:7px solid #65b633}.report-status{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:#75cf3b}.report-card h3{font-size:2.4rem}.report-card p{color:#aaa;line-height:1.65}.report-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #333;font-size:.72rem}.report-row b{color:#ffb249}.report-row b.done{color:#75cf3b}.climate-download{background:#65a832!important;color:#fff}.climate-download>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.climate-download h2{font-size:3.4rem}.climate-download p{margin:0} @media(max-width:980px){.event-lead-grid,.checklist-grid,.wozoria-climate-grid{grid-template-columns:1fr}.format-grid{grid-template-columns:repeat(3,1fr)}.experience-grid,.climate-grid{grid-template-columns:repeat(2,1fr)}.camp-badge{width:180px;right:20px}.site-header .nav-links{gap:0}} @media(max-width:680px){.ad-zone{padding:12px}.ad-zone-inner{min-height:100px;flex-direction:column;gap:3px}.event-hero,.climate-hero{min-height:620px;padding:130px 0 60px}.event-hero h1,.climate-hero h1{font-size:4.4rem}.camp-badge{width:105px;bottom:25px}.schedule-grid,.event-visual>.container,.climate-current{grid-template-columns:1fr}.format-grid{grid-template-columns:1fr 1fr}.experience-grid,.climate-grid{grid-template-columns:1fr}.download-card,.climate-download>.container{align-items:flex-start;flex-direction:column}.event-visual img{min-height:270px}.event-visual .container>div{padding:28px}.camp-package{grid-template-columns:1fr}.climate-current>div:last-child{padding:28px}.climate-current h3{font-size:2.7rem}} /* Vollständiger KM-Kader – Positionsfarben aus der Mannschaftsgrafik */ .position-legend{display:flex;gap:8px;flex-wrap:wrap;margin:-16px 0 28px}.position-legend span{padding:8px 12px;color:#111;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.legend-tor{background:#32b765}.legend-abwehr{background:#f5da19}.legend-mittelfeld{background:#e55aa5}.legend-angriff{background:#d60819;color:#fff!important}.roster-player[data-position="tor"]{--position:#32b765}.roster-player[data-position="abwehr"]{--position:#f5da19}.roster-player[data-position="mittelfeld"]{--position:#e55aa5}.roster-player[data-position="angriff"]{--position:#d60819}.roster-player{min-height:420px;border-bottom:8px solid var(--position);background:#fff url('../images/team/spieler-hintergrund.jpg') center/cover no-repeat}.roster-player img{bottom:72px;height:83%}.roster-player img.roster-placeholder-logo{left:25%;bottom:145px;width:50%;height:42%;opacity:.65}.roster-name{right:auto;bottom:72px;max-width:calc(100% - 24px);padding:7px 10px;background:var(--position);color:#fff}.roster-player[data-position="abwehr"] .roster-name{color:#111}.roster-name strong{font-size:1.45rem}.roster-meta{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);min-height:72px;padding-top:5px;background:linear-gradient(var(--position) 0 5px,#fff 5px)}.roster-meta span{display:flex;flex-direction:column;justify-content:center;padding:6px 7px;border-right:1px solid #ddd;color:#777;font-size:.49rem;line-height:1.15;text-transform:uppercase}.roster-meta span:last-child{border:0}.roster-meta b{display:block;margin-top:5px;color:#111;font-size:.7rem}.roster-detail{background:linear-gradient(0deg,rgba(5,5,5,.98),rgba(5,5,5,.84) 60%,rgba(5,5,5,.18));padding:20px}.roster-detail>span{background:var(--position);color:#fff}.roster-player[data-position="abwehr"] .roster-detail>span{color:#111}.roster-detail>small{padding:5px 8px;border-left:4px solid var(--position);background:rgba(255,255,255,.09);color:#fff}.roster-detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0 0;background:#333}.roster-detail dl div{padding:10px 7px;background:#151515}.roster-detail dt{font-size:.48rem;text-transform:uppercase;color:#999}.roster-detail dd{margin:5px 0 0;font-size:.72rem;font-weight:900}.roster-player:hover img{transform:scale(1.035) translateY(-5px)} @media(max-width:560px){.roster-player{min-height:345px}.roster-player img{bottom:66px;height:79%}.roster-name{bottom:66px}.roster-name strong{font-size:1.05rem}.roster-meta{min-height:66px}.roster-meta span{padding:5px 3px;font-size:.4rem}.roster-meta b{font-size:.58rem}.roster-detail{padding:13px}.roster-detail b{font-size:1.35rem}.roster-detail dl{margin-top:12px}.roster-detail dl div{padding:7px 4px}.roster-detail dt{font-size:.4rem}.roster-detail dd{font-size:.55rem}} /* Klickbare Positionsnavigation und ruhiger Karten-Hover */ html{scroll-behavior:smooth}.roster-anchor{grid-column:1/-1;scroll-margin-top:110px;display:flex;align-items:baseline;gap:13px;margin:28px 0 -4px;padding-bottom:12px;border-bottom:5px solid var(--position);color:#111}.roster-anchor:first-child{margin-top:0}.roster-anchor span{color:var(--position);font:900 1rem 'Barlow Condensed',Impact,sans-serif}.roster-anchor h3{margin:0;font:700 clamp(2.3rem,4vw,4rem)/.82 'Config Ultra','Config','ATUS Hero Fallback',Impact,sans-serif;text-transform:uppercase}.roster-anchor[data-position-section="tor"]{--position:#32b765}.roster-anchor[data-position-section="abwehr"]{--position:#f5da19}.roster-anchor[data-position-section="mittelfeld"]{--position:#e55aa5}.roster-anchor[data-position-section="angriff"]{--position:#d60819} .position-rail{position:fixed;z-index:15;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:7px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(0,0,0,.24);border-bottom:4px solid var(--red)}.position-rail a{display:grid;grid-template-columns:34px 85px;align-items:center;gap:8px;padding:4px;color:#111;text-decoration:none;transition:background .2s,transform .2s}.position-rail a:hover,.position-rail a.is-active{background:#eee;transform:translateX(-4px)}.position-rail a.is-active{box-shadow:inset 4px 0 0 var(--red)}.position-rail svg{display:block;width:34px;height:48px}.pitch-bg{fill:#050505}.pitch-lines{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}.zone-tor{fill:#38aa48}.zone-abwehr{fill:#ffe000}.zone-mittelfeld{fill:#c75591}.zone-angriff{fill:#bd2024}.position-rail span{font:800 .65rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase} .roster-detail{padding:0}.roster-detail>span,.roster-detail>b,.roster-detail>small{margin-left:20px;margin-right:20px}.roster-detail>span{margin-top:auto;align-self:flex-start}.roster-detail dl{width:100%;margin:18px 0 0}.roster-player img{top:0;bottom:auto;height:88%;transform-origin:50% 0;object-position:center top}.roster-player:hover img{transform:scale(1.09)}.roster-player:hover img.roster-placeholder-logo{transform:scale(1.03)} @media(max-width:1180px){.position-rail a{grid-template-columns:34px}.position-rail span{display:none}} @media(max-width:680px){.position-rail{top:auto;right:50%;bottom:8px;transform:translateX(50%);flex-direction:row;padding:4px}.position-rail a{grid-template-columns:25px;padding:2px}.position-rail a:hover,.position-rail a.is-active{transform:translateY(-3px)}.position-rail svg{width:25px;height:36px}.roster-anchor{scroll-margin-top:88px;margin-top:20px}.roster-player img{top:0;bottom:auto;height:84%}.roster-detail>span,.roster-detail>b,.roster-detail>small{margin-left:13px;margin-right:13px}.roster-detail dl{width:100%;margin:12px 0 0}} /* Einheitliche Typografie in allen Hero-Bereichen und Slidern */ .hero h1,.hero h2,.hero h3, .home-hero h1,.home-hero h2,.home-hero h3, .page-hero h1,.page-hero h2,.page-hero h3, .youth-hero h1,.youth-hero h2,.youth-hero h3, .event-hero h1,.event-hero h2,.event-hero h3, .climate-hero h1,.climate-hero h2,.climate-hero h3, .completion-hero h1,.completion-hero h2,.completion-hero h3, [class*="slider"] h1,[class*="slider"] h2,[class*="slider"] h3, [class*="slide"] h1,[class*="slide"] h2,[class*="slide"] h3, [class*="carousel"] h1,[class*="carousel"] h2,[class*="carousel"] h3{ font-family:'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; } /* Gemeinsamer Hero- und SEO-Standard fuer alle oeffentlichen Landingpages */ .heroheadline{ max-width:90%; margin:0 0 32px; padding-top:.11em; overflow:visible; color:inherit; font-family:'Barlow Condensed',Impact,sans-serif; font-size:clamp(4.6rem,9.2vw,9rem); font-weight:600; line-height:.78; letter-spacing:-.035em; text-transform:uppercase; text-wrap:balance; } .heroheadline em,.heroheadline .accent{color:var(--red);font-style:italic;font-weight:800} .event-hero .heroheadline,.climate-hero .heroheadline,.youth-hero .heroheadline{position:relative;z-index:2} .camp-hero .heroheadline{font-size:clamp(4.4rem,9vw,8rem);line-height:.84} .seo-intro{position:relative;padding:clamp(78px,9vw,122px) 0;background:var(--paper);overflow:hidden} .seo-intro:before{content:'1929';position:absolute;right:-.03em;top:-.15em;color:rgba(12,12,12,.035);font:900 clamp(9rem,24vw,24rem)/1 'Barlow Condensed',Impact,sans-serif;pointer-events:none} .seo-intro__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(40px,7vw,96px);align-items:start} .seo-intro__content{max-width:820px} .seo-intro h1{max-width:880px;margin:10px 0 28px;color:#111;font:800 clamp(3rem,5.4vw,5.8rem)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance} .seo-intro__content>p{margin:0 0 18px;color:#555;font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.82} .seo-intro__content a{color:var(--red);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} .seo-community{position:relative;padding:34px;background:#0b0b0b;color:#fff;border-top:7px solid var(--red);box-shadow:var(--shadow)} .seo-community>small{display:block;margin-bottom:12px;color:#ff6671;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .seo-community h2{margin:0 0 18px;font-size:clamp(2.5rem,4vw,4rem);line-height:.88} .seo-community p{margin:0 0 22px;color:#c2c2c2;font-size:.86rem;line-height:1.7} .seo-community ul{list-style:none;margin:0;padding:0} .seo-community li{position:relative;padding:13px 0 13px 28px;border-top:1px solid #2e2e2e;font-size:.78rem;font-weight:700;line-height:1.45} .seo-community li::before{content:'+';position:absolute;left:2px;color:var(--red);font-size:1.2rem;font-weight:900;top:7px} @media(max-width:820px){.seo-intro__grid{grid-template-columns:1fr}.seo-community{max-width:620px}} @media(max-width:680px){.heroheadline{font-size:4.25rem;line-height:.8;padding-top:.14em}.camp-hero .heroheadline{font-size:3.85rem}.seo-intro{padding:70px 0}.seo-intro h1{font-size:3.2rem}.seo-community{padding:27px 23px}} .roster-number { position: absolute; left: 13px; top: 8px; z-index: 2; font: 800 4.7rem/.8 'Barlow Condensed',Impact,sans-serif; color: #090909; letter-spacing: 0; } /* Funktionaere und Team Bärnbach */ .people-section{background:#f0f3eb} .people-section--dark{background:#0b0b0b;color:#fff} .people-section--dark .section-head{border-color:#303030} .people-section--dark .section-head p{color:#aaa} .people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .person-card--profile{display:flex;min-width:0;flex-direction:column} body:not([data-page="home"]) .person-photo--real{height:350px;background:linear-gradient(160deg,#fff 0 52%,#e4eee0 52%)} body:not([data-page="home"]) .person-photo--real:after{display:none} .person-photo--real img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .35s ease} .person-card--profile:hover .person-photo--real img{transform:scale(1.035)} .person-card--profile .person-body{display:flex;flex:1;flex-direction:column} .person-card--profile .person-body h3{margin:14px 0 20px;font:600 2rem/.86 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase} .person-card--profile .person-body h3 strong{display:block;font-weight:800} .person-meta{display:grid;grid-template-columns:repeat(3,1fr);margin:auto -22px -22px;border-top:5px solid var(--red);background:#f5f5f2} .person-meta div{min-width:0;padding:14px 10px;border-right:1px solid #d8d8d5} .person-meta div:last-child{border-right:0} .person-meta dt{min-height:2.2em;color:#777;font-size:.48rem;line-height:1.1;text-transform:uppercase} .person-meta dd{margin:7px 0 0;color:#111;font-size:.72rem;font-weight:900;line-height:1.15} /* Das unverzichtbare Spieltagsteam orientiert sich an den offiziellen Fotokarten. */ .people-section--dark .person-card--profile{position:relative;border:0;border-bottom:6px solid var(--red);box-shadow:none} .people-section--dark .person-card--profile .person-body{padding:0;background:#fff} .people-section--dark .person-card--profile .tag{position:absolute;z-index:3;left:10px;top:10px;border-radius:0;background:#111;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)} .people-section--dark .person-card--profile .person-body h3{margin:0;padding:12px 14px 15px;background:#fff;color:#111;font-size:1.8rem} .people-section--dark .person-card--profile .person-meta{width:100%;margin:auto 0 0;border-top:5px solid var(--red)} .people-section--dark .person-card--profile:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(0,0,0,.32)} @media(max-width:920px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.people-grid{grid-template-columns:1fr}.person-card--profile{max-width:420px}body:not([data-page="home"]) .person-photo--real{height:420px}} /* Zusaetzlicher Mannschaftsteil: Betreuer */ .legend-betreuer,.zone-betreuer{background:#168e94;fill:#168e94;color:#fff!important} .roster-player[data-position="betreuer"]{--position:#168e94;background:#f3f2ed} .roster-anchor[data-position-section="betreuer"]{--position:#168e94} .roster-number.staff-role{left:13px;top:12px;max-width:calc(100% - 26px);padding:7px 9px;background:#111;color:#fff;font:800 .85rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase} .roster-player[data-position="betreuer"] img{top:0;bottom:auto;height:86%;object-fit:contain;object-position:center top} .roster-player[data-position="betreuer"] .roster-name{color:#fff} .youth-fact span sup{position:relative;top:-.28em;margin-left:2px;color:#fff;font-size:.72em;font-weight:900;line-height:0} .youth-grass-note{padding:88px 0 22px;background:var(--paper)} .youth-grass-note p{max-width:860px;margin:0;padding:17px 21px;border-left:5px solid var(--red);background:#fff;color:#575757;font-size:.82rem;line-height:1.7;box-shadow:0 8px 24px rgba(0,0,0,.06)} .youth-grass-note sup{position:relative;top:-.15em;margin-right:5px;color:var(--red);font-size:1.15rem;font-weight:900;line-height:0} .youth-grass-note + .seo-intro{padding-top:58px} @media(max-width:680px){.youth-grass-note{padding:66px 0 10px}.youth-grass-note p{font-size:.75rem}.youth-grass-note + .seo-intro{padding-top:48px}} /* Jugend · Wozoria Trainingsplanung und Gamification */ .youth-wozoria{--wz-green:#a7e635;position:relative;padding:clamp(86px,10vw,145px) 0;background:#090d18;color:#fff;overflow:hidden;border-block:8px solid var(--red)} .youth-wozoria:before{content:'LEVEL UP';position:absolute;right:-.03em;bottom:-.14em;color:rgba(167,230,53,.045);font:900 clamp(9rem,24vw,22rem)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em;white-space:nowrap;pointer-events:none} .youth-wozoria:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 60%,rgba(214,8,25,.92) 60% 65%,transparent 65%),radial-gradient(circle at 8% 8%,rgba(167,230,53,.13),transparent 33%);pointer-events:none} .youth-wozoria__glow{position:absolute;right:12%;top:34%;width:420px;height:420px;border-radius:50%;background:var(--wz-green);filter:blur(165px);opacity:.13} .youth-wozoria>.container{position:relative;z-index:1}.youth-wozoria__brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.14)} .youth-wozoria__logo{display:flex;align-items:center;gap:14px}.youth-wozoria__logo img{width:58px;height:54px;object-fit:contain}.youth-wozoria__logo strong{color:#fff;font:800 1.7rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em}.youth-wozoria__brand span{color:var(--wz-green);font-size:.63rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase} .youth-wozoria__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr);gap:clamp(48px,7vw,95px);align-items:center;padding-top:58px}.youth-wozoria .eyebrow{color:var(--wz-green)} .youth-wozoria h2{margin:14px 0 26px;color:#fff;font-size:clamp(3.9rem,6.4vw,6.7rem);line-height:.78;letter-spacing:-.035em}.youth-wozoria h2 span{display:block;color:var(--red);font-size:.78em;white-space:nowrap}.youth-wozoria__copy>p{color:#b4becd;line-height:1.75} .youth-wozoria__steps{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:30px}.youth-wozoria__steps article{display:flex;gap:13px;min-height:112px;padding:17px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.08)}.youth-wozoria__steps article>b{color:var(--wz-green);font:800 1.45rem/1 'Barlow Condensed',Impact,sans-serif}.youth-wozoria__steps strong,.youth-wozoria__steps span{display:block}.youth-wozoria__steps strong{font-size:.77rem}.youth-wozoria__steps span{margin-top:5px;color:#8e99aa;font-size:.63rem;line-height:1.5} .youth-wozoria__note{margin-top:22px;padding:15px 17px;border-left:4px solid var(--wz-green);background:rgba(167,230,53,.07);font-size:.68rem}.youth-wozoria__note strong{color:#fff}.youth-wozoria__cta{display:inline-flex;align-items:center;gap:24px;margin-top:25px;padding:15px 20px;background:var(--wz-green);color:#132006;font-size:.67rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.youth-wozoria__cta span{font-size:1.3rem}.youth-wozoria__cta:hover{transform:translateY(-3px);box-shadow:10px 10px 0 var(--red)} .youth-wozoria__visual{padding:15px;background:#f4f7f0;color:#111;box-shadow:0 40px 100px rgba(0,0,0,.52);transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}.youth-wozoria__screenbar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#111827;color:#fff}.youth-wozoria__screenbar>i{width:8px;height:8px;border-radius:50%;background:#647085}.youth-wozoria__screenbar>i:first-child{background:var(--red)}.youth-wozoria__screenbar>i:nth-child(2){background:#ffcf36}.youth-wozoria__screenbar>i:nth-child(3){background:var(--wz-green)}.youth-wozoria__screenbar strong{margin-left:7px;font-size:.6rem}.youth-wozoria__screenbar span{margin-left:auto;padding:5px 8px;background:var(--wz-green);color:#1b290b;font-size:.52rem;font-weight:900} .training-plan{padding:19px 17px 16px}.training-plan__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #dfe4dd}.training-plan__head small,.training-plan__head b{display:block}.training-plan__head small{color:#7b827a;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}.training-plan__head b{margin-top:3px;font:800 1.5rem/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.training-plan__head em{padding:6px 8px;background:#111827;color:#fff;font-size:.5rem;font-style:normal;font-weight:900} .training-plan__blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.training-plan__blocks article{position:relative;min-height:230px;padding:50px 12px 13px;background:#fff;border:2px solid #e2e6e0}.training-plan__blocks article.is-active{border-color:var(--wz-green);box-shadow:0 0 0 3px rgba(167,230,53,.2)}.training-plan__blocks article>span{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;font-size:.58rem;font-weight:900}.training-plan__blocks article.is-active>span{background:var(--wz-green);color:#1a270a}.training-plan__blocks small{position:absolute;right:10px;top:17px;color:#788077;font-size:.48rem}.training-plan__blocks b{font:800 1.15rem/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.training-plan__blocks p{margin:8px 0;color:#6f776e;font-size:.55rem;line-height:1.45}.training-plan__blocks i{position:absolute;left:10px;right:10px;bottom:11px;padding-top:8px;border-top:1px solid #edf0eb;color:var(--red);font-size:.48rem;font-style:normal;font-weight:900;text-transform:uppercase} .training-plan__progress{display:grid;grid-template-columns:1fr 1.2fr auto;gap:13px;align-items:center;margin-top:15px;padding:13px;background:#111827;color:#fff}.training-plan__progress span,.training-plan__progress b{display:block}.training-plan__progress span{color:#9ca7b8;font-size:.46rem;text-transform:uppercase}.training-plan__progress b{font-size:.58rem}.training-plan__bar{height:7px;background:#30394a;overflow:hidden}.training-plan__bar i{display:block;width:75%;height:100%;background:linear-gradient(90deg,var(--red),var(--wz-green))}.training-plan__progress>strong{color:var(--wz-green);font-size:.55rem}.training-plan__xp{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.training-plan__xp span{padding:6px 8px;background:#e5eadd;color:#667063;font-size:.47rem}.training-plan__xp b{color:#27350c} @media(max-width:1050px){.youth-wozoria__layout{grid-template-columns:1fr}.youth-wozoria__visual{transform:none}} @media(max-width:620px){.youth-wozoria__brand{align-items:flex-start;flex-direction:column}.youth-wozoria h2 span{white-space:normal}.youth-wozoria__steps{grid-template-columns:1fr}.youth-wozoria__cta{width:100%;justify-content:space-between}.youth-wozoria__visual{padding:8px}.youth-wozoria__screenbar strong{max-width:150px;line-height:1.25}.training-plan{padding:12px 8px}.training-plan__head{align-items:flex-start;flex-direction:column}.training-plan__blocks{grid-template-columns:1fr 1fr}.training-plan__blocks article{min-height:170px}.training-plan__progress{grid-template-columns:1fr}.training-plan__progress>strong{justify-self:end}.training-plan__xp{display:grid;grid-template-columns:1fr}.training-plan__xp span{text-align:center}} /* Jugend · offizielle Spielformen im Wozoria-Editor-Look */ .playing-forms{--wz-green:#a7e635;padding:clamp(82px,9vw,135px) 0;background:#efeee8;color:#101010;border-bottom:8px solid var(--red)} .playing-forms__intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:clamp(35px,7vw,100px);align-items:end;margin-bottom:46px} .playing-forms__intro h2{margin:12px 0 0;font-size:clamp(3.7rem,6.7vw,7rem);line-height:.79;letter-spacing:-.035em}.playing-forms__intro h2 .accent{color:var(--red)} .playing-forms__intro>p{max-width:610px;margin:0;padding-left:24px;border-left:5px solid var(--red);color:#575757;font-size:.82rem;line-height:1.75} .playing-forms__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} .playing-form-card{position:relative;overflow:hidden;background:#fff;border-bottom:7px solid var(--red);box-shadow:0 24px 55px rgba(20,24,16,.11);transition:transform .25s ease,box-shadow .25s ease} .playing-form-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px rgba(20,24,16,.17)} .playing-form-card__top{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px 18px;background:#10131b;color:#fff} .playing-form-card__top>span{color:var(--red);font:900 2.8rem/.8 'Barlow Condensed',Impact,sans-serif}.playing-form-card__top div{display:grid;gap:2px}.playing-form-card__top small{color:#9da6b5;font-size:.53rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.playing-form-card__top strong{font:800 1.45rem/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.playing-form-card__top em{margin-left:auto;padding:8px 10px;background:var(--wz-green);color:#1d290c;font:900 1rem/1 'Barlow Condensed',Impact,sans-serif;font-style:normal;white-space:nowrap} .playing-form-card figure{margin:0;overflow:hidden;background:#2d6a2d;border-block:4px solid #fff}.playing-form-card figure img{display:block;width:100%;height:auto;aspect-ratio:820/480;object-fit:cover;transition:transform .35s ease}.playing-form-card:hover figure img{transform:scale(1.018)} .playing-form-card__body{padding:24px 24px 26px}.playing-form-card__body h3{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:.88}.playing-form-card__body>p{min-height:76px;margin:13px 0 21px;color:#656565;font-size:.72rem;line-height:1.62} .playing-form-card__body ul{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid #d9d9d4;list-style:none}.playing-form-card__body li{display:grid;gap:4px;padding:15px 10px 0 0;border-right:1px solid #d9d9d4}.playing-form-card__body li+li{padding-left:12px}.playing-form-card__body li:last-child{border-right:0}.playing-form-card__body b{font:800 1.25rem/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.playing-form-card__body span{color:#737373;font-size:.5rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .playing-form-card--wide{grid-column:1/-1}.playing-form-card--wide figure img{max-height:590px}.playing-form-card--wide .playing-form-card__body>p{min-height:0;max-width:920px}.playing-form-card--wide .playing-form-card__body ul{max-width:760px} .playing-forms__wozoria{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center;margin-top:30px;padding:34px 38px;background:linear-gradient(105deg,#10131b 0 66%,#18220d 66%);color:#fff;border-left:8px solid var(--red);box-shadow:0 25px 60px rgba(0,0,0,.16)} .playing-forms__wozoria small{color:var(--wz-green);font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.playing-forms__wozoria h3{margin:7px 0 10px;color:#fff;font-size:clamp(2rem,3.6vw,3.8rem);line-height:.86}.playing-forms__wozoria p{max-width:850px;margin:0;color:#aeb6c4;font-size:.69rem;line-height:1.65}.playing-forms__wozoria a{display:flex;align-items:center;gap:26px;padding:17px 20px;background:var(--wz-green);color:#18220b;font-size:.64rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:transform .2s,box-shadow .2s}.playing-forms__wozoria a:hover{transform:translateY(-3px);box-shadow:9px 9px 0 var(--red)}.playing-forms__wozoria a span{font-size:1.25rem} @media(max-width:940px){.playing-forms__intro{grid-template-columns:1fr}.playing-forms__intro>p{max-width:760px}.playing-forms__grid{grid-template-columns:1fr}.playing-form-card--wide{grid-column:auto}.playing-form-card--wide figure img{max-height:none}.playing-forms__wozoria{grid-template-columns:1fr;background:#10131b}.playing-forms__wozoria a{justify-content:space-between;width:100%}} @media(max-width:560px){.playing-forms__intro h2{font-size:clamp(3.2rem,17vw,5rem)}.playing-forms__intro>p{padding-left:17px;font-size:.74rem}.playing-forms__grid{gap:18px}.playing-form-card__top{min-height:72px;padding:12px}.playing-form-card__top>span{font-size:2.2rem}.playing-form-card__top strong{font-size:1.15rem}.playing-form-card__body{padding:20px 15px 22px}.playing-form-card__body>p{min-height:0}.playing-form-card__body b{font-size:1rem}.playing-form-card__body li{padding-right:7px}.playing-form-card__body li+li{padding-left:7px}.playing-forms__wozoria{padding:26px 20px}.playing-forms__wozoria a{white-space:normal}} /* Vereinsmagazin, Geschichte und eigenständige Jugend-Teamseiten */ .footer-grid{grid-template-columns:1.35fr repeat(4,1fr)} body:not([data-page="home"]) .page-hero.editorial-hero{min-height:610px;background-position:center} body:not([data-page="home"]) .page-hero.editorial-hero--history{background-image:linear-gradient(90deg,rgba(4,4,4,.93),rgba(4,4,4,.58) 54%,rgba(4,4,4,.2)),linear-gradient(0deg,rgba(4,4,4,.75),transparent 64%),url('../images/history/1960-team.webp')} body:not([data-page="home"]) .page-hero.editorial-hero--stadium{background-image:linear-gradient(90deg,rgba(4,4,4,.92),rgba(4,4,4,.52) 55%,rgba(4,4,4,.14)),linear-gradient(0deg,rgba(4,4,4,.66),transparent 65%),url('../images/stadion-tribuene-ai-v2.jpg')} body:not([data-page="home"]) .page-hero.editorial-hero--matchday{background-image:linear-gradient(90deg,rgba(4,4,4,.94),rgba(4,4,4,.48) 58%,rgba(4,4,4,.1)),linear-gradient(0deg,rgba(4,4,4,.72),transparent 65%),url('../images/stadion-spielfeld-ai-v2.jpg')} body:not([data-page="home"]) .page-hero.editorial-hero--youth{background-image:linear-gradient(90deg,rgba(4,4,4,.94),rgba(4,4,4,.5) 58%,rgba(4,4,4,.13)),linear-gradient(0deg,rgba(4,4,4,.7),transparent 65%),url('../images/youth/youth-hero-back.jpg')} body:not([data-page="home"]) .page-hero.editorial-hero--community{background-image:linear-gradient(90deg,rgba(4,4,4,.94),rgba(4,4,4,.52) 58%,rgba(4,4,4,.14)),linear-gradient(0deg,rgba(4,4,4,.72),transparent 65%),url('../images/nachwuchs-action.jpg')} body:not([data-page="home"]) .page-hero.editorial-hero--season{background-image:linear-gradient(90deg,rgba(4,4,4,.94),rgba(4,4,4,.45) 58%,rgba(4,4,4,.08)),linear-gradient(0deg,rgba(4,4,4,.72),transparent 65%),url('../images/km-2026-27.jpg')} .magazine-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#111} .magazine-link{min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#171717;color:#fff;border-bottom:6px solid var(--red)} .magazine-link:before{content:attr(data-index);position:absolute;right:16px;top:8px;color:rgba(255,255,255,.08);font:900 8rem/.8 'Barlow Condensed',Impact,sans-serif} .magazine-link small{position:relative;color:#ff6a73;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .magazine-link h2{position:relative;margin:9px 0 12px;font-size:clamp(2.4rem,3.5vw,4rem);line-height:.82} .magazine-link p{position:relative;max-width:360px;margin:0;color:#bcbcbc;font-size:.8rem;line-height:1.55} .magazine-link:hover{background:var(--red);transform:translateY(-5px)} .magazine-link:hover small,.magazine-link:hover p{color:#fff} .story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(40px,7vw,90px);align-items:start} .prose{font-size:1rem;line-height:1.82;color:#555} .prose h2,.prose h3{color:#111} .prose h2{font-size:clamp(3rem,5vw,5rem);line-height:.84;margin:0 0 28px} .prose h3{font-size:2.15rem;line-height:.9;margin:38px 0 14px} .prose p{margin-bottom:20px} .prose .dropcap:first-letter{float:left;margin:.05em .12em 0 0;color:var(--red);font:800 5.8rem/.7 'Barlow Condensed',Impact,sans-serif} .chapter-card{position:sticky;top:110px;padding:30px;background:#0b0b0b;color:#fff;border-top:7px solid var(--red)} .chapter-card small{color:#ff6871;font-weight:900;letter-spacing:.15em;text-transform:uppercase} .chapter-card h2{margin:12px 0 20px;font-size:3.2rem;line-height:.85} .chapter-card a{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #333;color:#ccc;font-size:.76rem;font-weight:800} .chapter-card a:after{content:'↘';color:var(--red)} .history-museum{position:relative;padding:clamp(80px,10vw,135px) 0;background:#e9e6df;overflow:hidden} .history-museum:before{content:'';position:absolute;left:7%;top:0;bottom:0;width:18px;background:var(--red);opacity:.92} .history-museum:after{content:'VEREINSARCHIV';position:absolute;right:-.2em;top:.1em;color:rgba(0,0,0,.04);font:900 clamp(8rem,21vw,19rem)/.8 'Barlow Condensed',Impact,sans-serif;transform:rotate(90deg);transform-origin:top right;pointer-events:none} .museum-intro{position:relative;display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:50px;padding-left:clamp(32px,5vw,72px)} .museum-intro h2{max-width:780px;margin:8px 0 0;font-size:clamp(3.6rem,7vw,7rem);line-height:.8} .museum-intro p{max-width:400px;margin:0;color:#666;line-height:1.7} .museum-wall{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:125px;gap:22px;padding:clamp(28px,4vw,54px);background:#f7f4ed;box-shadow:inset 0 0 0 1px #d8d2c7,0 22px 60px rgba(0,0,0,.12)} .museum-wall:before{content:'1929';position:absolute;left:50%;top:50%;translate:-50% -50%;color:rgba(214,8,25,.055);font:900 clamp(10rem,28vw,28rem)/1 'Barlow Condensed',Impact,sans-serif;pointer-events:none} .museum-frame{position:relative;display:block;width:100%;height:100%;padding:9px 9px 42px;background:#fff;border:9px solid #131313;box-shadow:0 12px 25px rgba(0,0,0,.18);cursor:zoom-in;overflow:hidden;text-align:left;transition:transform .28s,box-shadow .28s;appearance:none} .museum-frame:nth-child(3n){border-color:#8f8a81}.museum-frame:nth-child(4n){border-width:4px;background:#f3eadb} .museum-frame:hover{z-index:3;transform:translateY(-7px) rotate(0)!important;box-shadow:0 23px 42px rgba(0,0,0,.25)} .museum-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.03)} .museum-frame span{position:absolute;left:14px;right:12px;bottom:10px;color:#111;font:700 .8rem/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .museum-frame--a{grid-column:span 5;grid-row:span 3;transform:rotate(-.7deg)} .museum-frame--b{grid-column:span 3;grid-row:span 2;transform:rotate(.8deg)} .museum-frame--c{grid-column:span 4;grid-row:span 3;transform:rotate(-.35deg)} .museum-frame--d{grid-column:span 4;grid-row:span 2;transform:rotate(.45deg)} .museum-frame--e{grid-column:span 3;grid-row:span 3;transform:rotate(-.6deg)} .museum-frame--f{grid-column:span 5;grid-row:span 2;transform:rotate(.5deg)} .museum-plaque{grid-column:span 4;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:var(--red);color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.18)} .museum-plaque strong{font:800 4.4rem/.76 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.museum-plaque span{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .museum-source{margin:22px 0 0;color:#777;font-size:.7rem;line-height:1.6} .archive-complete{margin-top:0} .archive-complete__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:55px;align-items:end;margin-bottom:42px;padding:0 clamp(0px,3vw,44px)} .archive-complete__head h2{margin:8px 0 0;font-size:clamp(3.6rem,7vw,7rem);line-height:.8} .archive-gallery-title{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-transform:uppercase} .archive-gallery-title__flag{display:inline-block;padding:8px 14px 10px;background:#090909;color:#fff;font-size:.54em;line-height:.82;letter-spacing:-.01em} .archive-gallery-title__flag em{color:var(--red);font-style:normal}.archive-gallery-title__flag b{color:#fff;font-weight:inherit} .archive-complete__head p{margin:0;color:#666;line-height:1.7} .archive-pdf-group{margin-top:28px;background:#0b0b0b;box-shadow:0 24px 58px rgba(0,0,0,.15)} .archive-pdf-group__title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px 28px;border-bottom:5px solid var(--red);color:#fff} .archive-pdf-group__title>span{color:var(--red);font:800 3.8rem/.8 'Barlow Condensed',Impact,sans-serif} .archive-pdf-group__title small{display:block;color:#aaa;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em} .archive-pdf-group__title h3{margin:2px 0 0;color:#fff;font-size:2.3rem;line-height:.9} .archive-pdf-group__title>b{padding:9px 12px;background:var(--red);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em} .archive-era-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:0 24px 24px;background:#0b0b0b} .archive-era-stats>div{display:flex;min-height:108px;flex-direction:column;justify-content:flex-end;padding:18px;background:#171717;border-top:3px solid var(--red)} .archive-era-stats strong{color:#fff;font:800 2.2rem/.8 'Barlow Condensed',Impact,sans-serif}.archive-era-stats span{margin-top:10px;color:#bbb;font-size:.68rem;line-height:1.35} .archive-pdf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px;background:#e7e3da} .archive-pdf-grid--single{grid-template-columns:minmax(0,900px);justify-content:center} .archive-pdf-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))} .archive-youth-links{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 26px;background:#e7e3da} .archive-youth-links .btn-light{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.archive-youth-links .btn-light:hover{background:#fff;color:#0b0b0b} .history-archive-actions{margin-top:28px} .btn-icon{width:1.25em;height:1.25em;flex:0 0 auto} .contact-map-section{background:#0b0b0b;color:#fff;border-top:8px solid var(--red)} .contact-map-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:38px;padding-bottom:28px}.contact-map-heading h2{margin:6px 0 0;color:#fff;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.86}.contact-map-heading .btn{flex:0 0 auto} .contact-map{display:block;width:100%;height:clamp(420px,56vw,650px);border:0;background:#ddd} @media(max-width:720px){.contact-map-heading{align-items:flex-start;flex-direction:column}.contact-map-heading .btn{width:100%;text-align:center}} .editorial-hero--legal{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.56)),url('../images/stadion-tribuene.jpg')} .legal-section{background:#e9e7e1}.legal-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px}.legal-card{padding:clamp(28px,4vw,48px);background:#fff;border-top:6px solid #111;box-shadow:0 16px 40px rgba(0,0,0,.08)}.legal-card--primary{border-top-color:var(--red)} .legal-card h2{margin:8px 0 24px;font-size:clamp(2.5rem,4vw,4.2rem);line-height:.86}.legal-card h3{margin:28px 0 8px;font-size:1.55rem}.legal-card p{color:#5f5f5f;line-height:1.75}.legal-card a{color:var(--red);font-weight:800} .legal-facts{margin:0}.legal-facts>div{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;gap:20px;padding:15px 0;border-top:1px solid #ddd}.legal-facts dt{color:#777;font-size:.67rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.legal-facts dd{margin:0;font-weight:700;line-height:1.5} .legal-board{margin:0 0 28px;padding:0;list-style:none}.legal-board li{display:flex;justify-content:space-between;gap:22px;padding:14px 0;border-top:1px solid #ddd}.legal-board span{color:#777;font-size:.68rem;font-weight:900;text-transform:uppercase}.legal-board strong{text-align:right}.legal-updated{margin-top:30px!important;color:#111!important;font-weight:900;text-transform:uppercase} @media(max-width:820px){.legal-layout{grid-template-columns:1fr}.legal-facts>div{grid-template-columns:1fr;gap:4px}.legal-board li{align-items:flex-start;flex-direction:column;gap:4px}.legal-board strong{text-align:left}} .archive-pdf-card{position:relative;display:block;width:100%;padding:9px 9px 44px;background:#fff;border:0;box-shadow:0 10px 25px rgba(0,0,0,.14);cursor:zoom-in;text-align:left;appearance:none;transition:transform .25s,box-shadow .25s} .archive-pdf-card img{display:block;width:100%;aspect-ratio:1.468/1;object-fit:contain;background:#f7f7f5} .archive-pdf-card span{position:absolute;left:13px;bottom:12px;color:#111;font:800 .82rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em} .archive-pdf-card:hover,.archive-pdf-card:focus-visible{z-index:2;transform:translateY(-6px);box-shadow:0 20px 38px rgba(0,0,0,.25);outline:4px solid var(--red);outline-offset:-4px} .history-lightbox-open{overflow:hidden} .history-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(5,5,5,.97);color:#fff;opacity:0;transform:scale(.985);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)} .history-dialog.is-visible{opacity:1;transform:scale(1)} .history-dialog::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(10px)} .history-dialog figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;padding:clamp(68px,7vw,88px) clamp(72px,8vw,126px) 26px} .history-dialog__stage{display:grid;place-items:center;min-height:0;overflow:hidden;touch-action:pan-y;position:relative;transition:opacity .15s ease,transform .15s ease} .history-dialog__stage.is-changing{opacity:0;transform:translateX(14px) scale(.985)} .history-dialog__stage[data-direction="prev"].is-changing{transform:translateX(-14px) scale(.985)} .history-dialog img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 55px rgba(0,0,0,.5))} .history-dialog figcaption{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:16px 2px 4px;color:#ddd;font-weight:700} .history-dialog figcaption small{flex:0 0 auto;padding:7px 10px;border:1px solid #444;color:#fff;font:800 .66rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em} .history-dialog button{position:absolute;z-index:3;display:grid;place-items:center;border:0;color:#fff;cursor:pointer;transition:background .2s,transform .2s} .history-dialog button:hover,.history-dialog button:focus-visible{background:var(--red);transform:scale(1.08);outline:2px solid #fff;outline-offset:3px} .history-dialog__close{right:22px;top:20px;width:48px;height:48px;background:var(--red);font-size:1.55rem} .history-dialog__nav{top:50%;width:58px;height:78px;background:rgba(255,255,255,.1);font-size:3rem;line-height:1;translate:0 -50%;backdrop-filter:blur(8px)} .history-dialog__nav span{translate:0 -3px}.history-dialog__nav--prev{left:10px}.history-dialog__nav--next{right:10px} @media(max-width:640px){.history-dialog figure{padding:68px 14px 78px}.history-dialog__stage{padding:0}.history-dialog figcaption{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 58px 0 0;font-size:.72rem}.history-dialog__close{right:14px;top:12px}.history-dialog__nav{top:auto;bottom:12px;width:52px;height:50px;translate:0 0;font-size:2.4rem}.history-dialog__nav--prev{left:calc(50% - 60px)}.history-dialog__nav--next{right:calc(50% - 60px)}} .history-timeline{position:relative;max-width:1060px;margin:auto;padding-left:86px} .history-timeline:before{content:'';position:absolute;left:31px;top:4px;bottom:4px;width:4px;background:#111} .history-year{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;padding:0 0 38px} .history-year:before{content:'';position:absolute;left:-65px;top:7px;width:18px;height:18px;border:6px solid var(--red);background:#fff;border-radius:50%} .history-year time{color:var(--red);font:800 3.4rem/.85 'Barlow Condensed',Impact,sans-serif} .history-year h3{margin:0 0 8px;font-size:2rem}.history-year p{margin:0;color:#666;line-height:1.7} .wozoria-venue{--wz-green:#a7e635;position:relative;padding:clamp(85px,10vw,145px) 0;background:#090d18;color:#fff;overflow:hidden;border-block:8px solid var(--red)} .wozoria-venue:before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 61%,rgba(214,8,25,.96) 61% 67%,transparent 67%),radial-gradient(circle at 12% 10%,rgba(167,230,53,.16),transparent 32%),radial-gradient(circle at 92% 90%,rgba(214,8,25,.22),transparent 35%);pointer-events:none} .wozoria-venue:after{content:'';position:absolute;inset:0;opacity:.23;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.16) 1px,transparent 0);background-size:38px 38px;pointer-events:none} .wozoria-venue__flare{position:absolute;width:390px;height:390px;right:12%;top:20%;border-radius:50%;background:var(--wz-green);filter:blur(145px);opacity:.13} .wozoria-venue>.container{position:relative;z-index:1}.wozoria-venue__brand{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.16)} .wozoria-venue__brand img{width:min(280px,58vw);height:44px;object-fit:contain;object-position:left center}.wozoria-venue__brand span{color:var(--wz-green);font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .wozoria-venue__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(45px,7vw,92px);align-items:center;padding-top:58px}.wozoria-venue .eyebrow{color:var(--wz-green)} .wozoria-venue h2{margin:14px 0 25px;color:#fff;font-size:clamp(3.8rem,6.8vw,7rem);line-height:.77;letter-spacing:-.035em}.wozoria-venue h2 span{color:var(--wz-green)}.wozoria-venue h2 .accent{color:var(--red)}.wozoria-venue__copy>p{max-width:680px;color:#b8c0cf;line-height:1.75} .wozoria-venue__features{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:30px}.wozoria-venue__features article{display:flex;gap:13px;min-height:110px;padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.wozoria-venue__features article>b{color:var(--wz-green);font:800 1.45rem/1 'Barlow Condensed',Impact,sans-serif}.wozoria-venue__features strong,.wozoria-venue__features span{display:block}.wozoria-venue__features strong{font-size:.78rem}.wozoria-venue__features span{margin-top:5px;color:#8e99aa;font-size:.64rem;line-height:1.5} .wozoria-venue__cta{display:inline-flex;align-items:center;gap:24px;margin-top:26px;padding:15px 20px;background:var(--wz-green);color:#132006;font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.wozoria-venue__cta span{font-size:1.3rem}.wozoria-venue__cta:hover{transform:translateY(-3px);box-shadow:10px 10px 0 var(--red)} .wozoria-venue__visual{background:#0f1524;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 100px rgba(0,0,0,.5);transform:rotate(1.2deg)}.wozoria-venue__screenbar{display:flex;align-items:center;gap:7px;padding:13px 16px;background:#171f31;color:#dce4ef}.wozoria-venue__screenbar i{width:8px;height:8px;border-radius:50%;background:#657088}.wozoria-venue__screenbar i:first-child{background:var(--red)}.wozoria-venue__screenbar i:nth-child(2){background:#ffcb35}.wozoria-venue__screenbar i:nth-child(3){background:var(--wz-green)}.wozoria-venue__screenbar strong{margin-left:8px;font-size:.62rem} .wozoria-pitch{position:relative;min-height:520px;margin:16px;background:repeating-linear-gradient(90deg,#19743b 0 54px,#1e7d42 54px 108px);border:3px solid rgba(255,255,255,.8);overflow:hidden}.wozoria-pitch:before,.wozoria-pitch:after{content:'';position:absolute;left:50%;translate:-50% 0;width:43%;height:17%;border:3px solid rgba(255,255,255,.74)}.wozoria-pitch:before{top:-3px}.wozoria-pitch:after{bottom:-3px}.wozoria-pitch__line{position:absolute;left:0;right:0;top:50%;height:3px;background:rgba(255,255,255,.74)}.wozoria-pitch__circle{position:absolute;left:50%;top:50%;width:90px;height:90px;border:3px solid rgba(255,255,255,.74);border-radius:50%;translate:-50% -50%} .wozoria-pitch__zone{position:absolute;left:18px;right:18px;padding:15px;border:2px solid;background:rgba(9,13,24,.68);backdrop-filter:blur(5px)}.wozoria-pitch__zone b,.wozoria-pitch__zone span{display:block}.wozoria-pitch__zone b{font-size:.73rem;text-transform:uppercase}.wozoria-pitch__zone span{margin-top:4px;font-size:.59rem}.wozoria-pitch__zone--north{top:18px;border-color:var(--red)}.wozoria-pitch__zone--north b{color:#ff8390}.wozoria-pitch__zone--south{bottom:18px;border-color:var(--wz-green)}.wozoria-pitch__zone--south b{color:var(--wz-green)} .wozoria-pitch__report{position:absolute;right:22px;top:44%;display:flex;gap:11px;padding:13px;background:#fff;color:#111;box-shadow:0 14px 34px rgba(0,0,0,.35)}.wozoria-pitch__report>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-weight:900}.wozoria-pitch__report small,.wozoria-pitch__report b,.wozoria-pitch__report span{display:block}.wozoria-pitch__report small{color:var(--red);font-size:.48rem;font-weight:900;text-transform:uppercase}.wozoria-pitch__report b{font-size:.68rem}.wozoria-pitch__report span{color:#777;font-size:.52rem} .wozoria-venue__legend{display:flex;gap:18px;padding:3px 17px 18px;color:#8d98aa;font-size:.58rem}.wozoria-venue__legend span{display:flex;align-items:center;gap:6px}.wozoria-venue__legend i{width:9px;height:9px;border-radius:2px}.is-free{background:var(--wz-green)}.is-booked{background:var(--red)}.is-report{background:#fff} @media(max-width:980px){.wozoria-venue__layout{grid-template-columns:1fr}.wozoria-venue__visual{transform:none}} @media(max-width:580px){.wozoria-venue__brand{align-items:flex-start;flex-direction:column}.wozoria-venue__features{grid-template-columns:1fr}.wozoria-pitch{min-height:410px;margin:10px}.wozoria-pitch__report{right:10px}.wozoria-venue__cta{width:100%;justify-content:space-between}} .stadion-wozoria{--wz-green:#a7e635;position:relative;padding:clamp(80px,10vw,135px) 0;background:linear-gradient(125deg,#070a12 0 63%,#111a11 63%);color:#fff;overflow:hidden}.stadion-wozoria:before{content:'WOZORIA';position:absolute;right:-.04em;bottom:-.12em;color:rgba(167,230,53,.055);font:900 clamp(8rem,22vw,19rem)/.8 'Barlow Condensed',Impact,sans-serif;pointer-events:none}.stadion-wozoria:after{content:'';position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(var(--red) 0 50%,var(--wz-green) 50%)} .stadion-wozoria__grid{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(50px,8vw,105px);align-items:center;z-index:1}.stadion-wozoria__copy>img{width:230px;height:42px;object-fit:contain;object-position:left center;margin-bottom:35px}.stadion-wozoria .eyebrow{color:var(--wz-green)}.stadion-wozoria h2{margin:14px 0 25px;color:#fff;font-size:clamp(3.8rem,6vw,6.2rem);line-height:.8}.stadion-wozoria h2 span{color:var(--wz-green)}.stadion-wozoria__copy>p{color:#b4bdcb;line-height:1.75} .stadion-wozoria__list{margin:28px 0 0;padding:0;list-style:none}.stadion-wozoria__list li{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.13)}.stadion-wozoria__list b{color:#fff;font-size:.68rem;text-transform:uppercase}.stadion-wozoria__list span{color:#8f9aac;font-size:.68rem;line-height:1.5}.stadion-wozoria__link{display:inline-flex;align-items:center;gap:28px;margin-top:28px;padding:14px 18px;border:2px solid var(--wz-green);color:var(--wz-green);font-size:.65rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.stadion-wozoria__link:hover{background:var(--wz-green);color:#142006;box-shadow:9px 9px 0 var(--red);transform:translateY(-3px)} .stadion-wozoria__board{padding:16px;background:#f5f7f2;color:#111;box-shadow:0 40px 90px rgba(0,0,0,.48);transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}.stadion-wozoria__top{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#101522;color:#fff}.stadion-wozoria__top b{font-size:.72rem}.stadion-wozoria__top span{padding:6px 9px;background:var(--wz-green);color:#162307;font-size:.55rem;font-weight:900}.stadion-wozoria__map{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;min-height:485px;margin-top:5px;padding:20px;background:repeating-linear-gradient(90deg,#18733b 0 55px,#1d7b40 55px 110px);border:3px solid #fff}.stadion-area{display:flex;flex-direction:column;justify-content:flex-end;padding:17px;background:rgba(8,12,19,.65);border:2px solid;backdrop-filter:blur(4px)}.stadion-area small{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}.stadion-area b{margin-top:4px;color:#fff;font:800 1.5rem/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.stadion-area span{margin-top:6px;color:#d9e1e9;font-size:.56rem}.stadion-area--main{grid-row:span 2;border-color:var(--red)}.stadion-area--one{border-color:var(--wz-green)}.stadion-area--two{border-color:#fff}.stadion-area--care{display:none;border-color:#ffd449}.stadion-wozoria__status{display:flex;gap:18px;padding:15px 5px 2px;color:#667064;font-size:.55rem}.stadion-wozoria__status span{display:flex;align-items:center;gap:6px}.stadion-wozoria__status i{width:9px;height:9px;background:var(--wz-green)}.stadion-wozoria__status span:nth-child(2) i{background:var(--red)}.stadion-wozoria__status span:nth-child(3) i{background:#ffd449} @media(max-width:980px){.stadion-wozoria__grid{grid-template-columns:1fr}.stadion-wozoria__board{transform:none}} @media(max-width:580px){.stadion-wozoria__list li{grid-template-columns:1fr;gap:5px}.stadion-wozoria__map{min-height:400px;padding:10px}.stadion-wozoria__link{width:100%;justify-content:space-between}} .club-souls{display:grid;grid-template-columns:1fr 1fr;gap:24px} .soul-card{display:grid;grid-template-columns:42% 1fr;min-height:430px;background:#0b0b0b;color:#fff;border-bottom:8px solid var(--red);overflow:hidden} .soul-card img{width:100%;height:100%;object-fit:cover;object-position:top center;background:#eee} .soul-card>div{padding:34px}.soul-card small{color:#ff6771;font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.soul-card h3{margin:12px 0 18px;font-size:3.2rem;line-height:.82}.soul-card p{color:#c9c9c9;font-size:.82rem;line-height:1.75} .anecdote-note{margin-top:22px;padding:18px 22px;background:#fff5f5;border-left:5px solid var(--red);color:#5d5354;font-size:.74rem;line-height:1.65} .numbered-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#d7d3cc} .numbered-grid[style]{grid-template-columns:repeat(5,1fr)!important} .numbered-card{min-height:300px;padding:28px;background:#fff;border-top:6px solid var(--red)} .numbered-card b{display:block;color:#ddd;font:800 4.5rem/.8 'Barlow Condensed',Impact,sans-serif}.numbered-card h3{margin:23px 0 13px;font-size:2.1rem;line-height:.9}.numbered-card p{margin:0;color:#666;font-size:.82rem;line-height:1.7} .editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:3px} .editorial-panel{padding:clamp(34px,5vw,64px);background:#fff;min-height:410px}.editorial-panel--dark{background:#0b0b0b;color:#fff}.editorial-panel--red{background:var(--red);color:#fff}.editorial-panel h2{font-size:clamp(3rem,5vw,5rem);line-height:.82}.editorial-panel p{max-width:620px;color:#666;line-height:1.75}.editorial-panel--dark p,.editorial-panel--red p{color:#ddd}.editorial-panel ul{padding:0;list-style:none}.editorial-panel li{padding:13px 0;border-top:1px solid currentColor;font-size:.82rem;font-weight:700}.editorial-panel li:before{content:'+';margin-right:12px;color:var(--red)}.editorial-panel--red li:before{color:#fff} .process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-step{position:relative;padding:30px;background:#111;color:#fff;border-top:6px solid var(--red)}.process-step b{color:var(--red);font:800 3.5rem/.8 'Barlow Condensed',Impact,sans-serif}.process-step h3{margin:22px 0 10px;font-size:1.9rem}.process-step p{color:#aaa;font-size:.78rem;line-height:1.65} .callout-banner{display:grid;grid-template-columns:1.4fr auto;align-items:center;gap:30px;padding:clamp(36px,6vw,75px);background:var(--red);color:#fff}.callout-banner h2{margin:0 0 12px;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.8}.callout-banner p{max-width:700px;margin:0;color:#fff;line-height:1.65}.callout-banner .btn{background:#fff;color:#111} .faq-list{display:grid;gap:3px}.faq-list details{background:#fff;border-left:6px solid var(--red)}.faq-list summary{padding:22px 28px;cursor:pointer;list-style:none;font:700 1.55rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:var(--red);font-size:1.7rem}.faq-list details[open] summary:after{content:'–'}.faq-list details p{max-width:900px;padding:0 28px 24px;margin:0;color:#666;line-height:1.75} .youth-team-directory{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:28px;padding:20px;background:#0b0b0b;color:#fff;border-bottom:6px solid var(--red)} .youth-team-directory span{margin-right:8px;color:#aaa;font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.youth-team-directory a{padding:9px 12px;background:#232323;font:800 1rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.youth-team-directory a:hover{background:var(--red)} .team-page-hero{background-position:center!important} .team-page-hero .team-kicker{display:inline-flex;margin-bottom:20px;padding:8px 11px;background:var(--red);font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase} .team-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-focus-card{padding:28px;background:#fff;border-top:6px solid var(--red)}.team-focus-card span{color:#ccc;font:800 4.2rem/.8 'Barlow Condensed',Impact,sans-serif}.team-focus-card h2{margin:24px 0 12px;font-size:2.25rem}.team-focus-card p{margin:0;color:#666;font-size:.82rem;line-height:1.7} .team-contact{display:grid;grid-template-columns:160px 1fr auto;gap:30px;align-items:center;padding:28px;background:#0b0b0b;color:#fff;border-bottom:7px solid var(--red)}.team-contact img{width:150px;height:110px;object-fit:cover}.team-contact h2{margin:4px 0 8px;font-size:2.8rem}.team-contact p{margin:0;color:#aaa}.team-contact .btn{white-space:nowrap} @media(max-width:1100px){.magazine-nav{grid-template-columns:repeat(2,1fr)}.museum-wall{grid-template-columns:repeat(8,1fr)}.museum-frame--a,.museum-frame--f{grid-column:span 5}.museum-frame--b,.museum-frame--e{grid-column:span 3}.museum-frame--c,.museum-frame--d,.museum-plaque{grid-column:span 4}.numbered-grid,.process-row{grid-template-columns:repeat(2,1fr)}.club-souls{grid-template-columns:1fr}.soul-card{min-height:390px}} @media(max-width:980px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.story-grid{grid-template-columns:1fr}.chapter-card{position:relative;top:auto}.team-contact{grid-template-columns:120px 1fr}.team-contact img{width:120px;height:100px}.team-contact .btn{grid-column:1/-1}.team-focus-grid{grid-template-columns:1fr 1fr}} @media(max-width:720px){body:not([data-page="home"]) .page-hero.editorial-hero{min-height:510px}.magazine-nav,.numbered-grid,.editorial-split,.process-row,.team-focus-grid{grid-template-columns:1fr}.museum-intro{display:block}.museum-intro p{margin-top:22px}.museum-wall{grid-template-columns:1fr;grid-auto-rows:320px;padding:18px;gap:16px}.museum-frame--a,.museum-frame--b,.museum-frame--c,.museum-frame--d,.museum-frame--e,.museum-frame--f,.museum-plaque{grid-column:auto;grid-row:auto;transform:none}.museum-plaque{min-height:210px}.history-timeline{padding-left:58px}.history-timeline:before{left:20px}.history-year{grid-template-columns:1fr;gap:10px}.history-year:before{left:-47px}.club-souls{gap:14px}.soul-card{grid-template-columns:1fr;min-height:0}.soul-card img{height:320px}.soul-card>div{padding:28px}.callout-banner{grid-template-columns:1fr}.team-contact{grid-template-columns:1fr}.team-contact img{width:100%;height:190px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}} @media(max-width:900px){.archive-complete__head{grid-template-columns:1fr;gap:20px}.archive-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-era-stats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:580px){.archive-pdf-grid{grid-template-columns:1fr;padding:14px;gap:14px}.archive-pdf-group__title{grid-template-columns:auto 1fr;padding:20px 16px}.archive-pdf-group__title>b{grid-column:2;justify-self:start}.archive-pdf-group__title>span{font-size:3rem}.archive-complete__head{padding:0}.archive-complete__head h2{font-size:3.8rem}.archive-gallery-title__flag{font-size:.48em}.archive-era-stats{grid-template-columns:1fr;padding:0 14px 14px}.archive-era-stats>div{min-height:88px}.archive-youth-links{padding:0 14px 18px}.archive-youth-links .btn{width:100%;text-align:center}} @media(max-width:1100px){.numbered-grid[style]{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:720px){.numbered-grid[style]{grid-template-columns:1fr!important}} /* Jugendtrainer 2026/27 */ .youth-team-directory .youth-team-directory__coaches{background:var(--red)} .coach-season-bar{padding:20px 0;background:var(--red);color:#fff}.coach-season-bar .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.coach-season-bar strong{font:800 clamp(2rem,4vw,3.8rem)/.8 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.coach-season-bar span{max-width:620px;font-size:.76rem;line-height:1.6} .coach-section{padding:84px 0}.coach-section--lead{background:#0b0b0b;color:#fff}.coach-section__head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid #d7d3cc}.coach-section--lead .coach-section__head{border-color:#333}.coach-section__head h2{margin:5px 0 0;font-size:clamp(3.2rem,6vw,6rem);line-height:.8}.coach-section__head p{max-width:500px;margin:0;color:#777;line-height:1.65}.coach-section--lead .coach-section__head p{color:#aaa} .coach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.coach-grid--lead{grid-template-columns:repeat(3,1fr)} .coach-card{position:relative;min-width:0;background:#fff;border-bottom:7px solid var(--red);overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.09)}.coach-card__photo{height:355px;overflow:hidden;background:#ece9e4}.coach-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .38s}.coach-card:hover .coach-card__photo img{transform:scale(1.055)} .coach-card__team{position:absolute;left:16px;top:16px;z-index:2;padding:8px 11px;background:var(--red);color:#fff;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.coach-card__body{padding:23px}.coach-card__body small{display:block;color:#777;font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.coach-card__body h3{margin:7px 0 21px;font-size:2.25rem;line-height:.85} .coach-data{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd}.coach-data div{min-width:0;padding:13px 10px 4px 0;border-right:1px solid #ddd}.coach-data div:last-child{border-right:0;padding-left:10px}.coach-data div:nth-child(2){padding-left:10px}.coach-data span,.coach-data b{display:block}.coach-data span{min-height:26px;color:#777;font-size:.52rem;line-height:1.25;text-transform:uppercase}.coach-data b{font:800 1.18rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;overflow-wrap:anywhere} .coach-card--lead{background:#151515;color:#fff;box-shadow:none}.coach-card--lead .coach-card__body small,.coach-card--lead .coach-data span{color:#aaa}.coach-card--lead .coach-data,.coach-card--lead .coach-data div{border-color:#333} .coach-group{margin-top:58px}.coach-group:first-child{margin-top:0}.coach-group__title{display:flex;align-items:center;gap:18px;margin:0 0 20px}.coach-group__title span{display:grid;place-items:center;width:68px;height:68px;background:var(--red);color:#fff;font:800 2.2rem/1 'Barlow Condensed',Impact,sans-serif}.coach-group__title h2{margin:0;font-size:3.4rem;line-height:.8}.coach-group__title small{color:#777;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .coach-card--open{min-height:480px;display:flex;align-items:center;justify-content:center;border:2px dashed #c9c5bd;border-bottom:7px solid #111;background:repeating-linear-gradient(135deg,#f8f6f2 0 18px,#efede8 18px 36px);box-shadow:none;text-align:center}.coach-card--open .coach-card__team{background:#111}.coach-card--open img{width:92px;height:110px;object-fit:contain;margin-bottom:18px}.coach-card--open h3{margin:0 0 10px;font-size:2.4rem}.coach-card--open p{max-width:220px;margin:0;color:#777;font-size:.76rem;line-height:1.6}.coach-card--open .btn{margin-top:20px} .coach-source-note{margin-top:45px;padding:22px 26px;background:#fff5f5;border-left:6px solid var(--red);color:#64575a;font-size:.74rem;line-height:1.7}.coach-source-note a{color:var(--red);font-weight:800;text-decoration:underline} @media(max-width:1100px){.coach-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:860px){.coach-grid,.coach-grid--lead{grid-template-columns:repeat(2,1fr)}.coach-season-bar .container,.coach-section__head{align-items:flex-start;flex-direction:column}.coach-card__photo{height:390px}} @media(max-width:560px){.coach-grid,.coach-grid--lead{grid-template-columns:1fr}.coach-card__photo{height:470px}.coach-card--open{min-height:390px}.coach-group__title h2{font-size:2.8rem}} /* -------------------------------------------------------------------------- Globales ATUS Supermenü · Desktop Mega-Menü + mobiles Akkordeon -------------------------------------------------------------------------- */ .site-header{z-index:80}.nav-wrap{position:relative}.nav{align-self:stretch;display:flex;align-items:stretch;gap:0}.mega-nav{display:flex;align-items:stretch;gap:1px}.mega-item{display:flex;align-items:stretch}.mega-direct,.mega-trigger{position:relative;display:flex;align-items:center;gap:9px;height:78px;padding:0 13px;border:0;background:transparent;color:#fff;font:800 .78rem/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;cursor:pointer;opacity:.82}.mega-direct:hover,.mega-trigger:hover,.mega-direct.active,.mega-item.active>.mega-trigger{color:#fff;opacity:1}.mega-direct:after,.mega-trigger:after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s}.mega-direct:hover:after,.mega-trigger:hover:after,.mega-direct.active:after,.mega-item.active>.mega-trigger:after,.mega-item.is-open>.mega-trigger:after{transform:scaleX(1)}.mega-trigger>i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.mega-item.is-open>.mega-trigger>i{transform:translateY(2px) rotate(225deg)}body:not([data-page="home"]) .mega-direct,body:not([data-page="home"]) .mega-trigger{height:86px} .mega-panel{position:absolute;z-index:90;left:0;right:0;top:100%;max-height:calc(100vh - 90px);overflow:auto;background:#0c0d10;color:#fff;border-top:6px solid var(--red);box-shadow:0 28px 60px rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .2s,transform .25s,visibility .2s}.mega-panel:after{content:'1929';position:absolute;right:1vw;bottom:-40px;color:rgba(255,255,255,.025);font:900 13rem/.8 'Barlow Condensed',Impact,sans-serif;pointer-events:none}.mega-panel__grid{position:relative;z-index:1;display:grid;grid-template-columns:270px repeat(3,minmax(0,1fr));gap:0;padding-top:28px;padding-bottom:30px}.mega-feature{position:relative;display:flex!important;min-height:310px;flex-direction:column;justify-content:flex-end;padding:28px;overflow:hidden;background:linear-gradient(145deg,#ed0717,#a9000b);color:#fff!important;opacity:1!important}.mega-feature:before{content:'ATUS';position:absolute;right:-17px;top:18px;color:rgba(255,255,255,.11);font:900 5.5rem/.8 'Barlow Condensed',Impact,sans-serif;transform:rotate(-8deg)}.mega-feature small{position:relative;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.mega-feature strong{position:relative;display:block;margin-top:10px;font:600 3.25rem/.78 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.mega-feature>span{position:relative;margin-top:15px;color:rgba(255,255,255,.82);font-size:.75rem;line-height:1.55}.mega-feature b{position:relative;margin-top:22px;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.mega-feature b i{font-style:normal;margin-left:6px}.mega-column{padding:5px 24px 0;border-left:1px solid rgba(255,255,255,.12)}.mega-column h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#fff;font:600 1.65rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:0}.mega-column h3 span{color:var(--red);font:800 .65rem Inter,Arial,sans-serif}.mega-link{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 9px;border-top:1px solid rgba(255,255,255,.11);color:#fff!important;opacity:.78!important;transition:background .18s,opacity .18s,transform .18s}.mega-link>span{font-size:.72rem;font-weight:800;line-height:1.2}.mega-link small{display:block;margin-top:4px;color:#878c96;font-size:.55rem;font-weight:600}.mega-link>i{font-style:normal;color:var(--red);opacity:0;transform:translateX(-5px);transition:.18s}.mega-link:hover,.mega-link.active{background:rgba(255,255,255,.065);opacity:1!important;transform:translateX(3px)}.mega-link:hover>i,.mega-link.active>i{opacity:1;transform:none}.mobile-nav-brand span small{display:block} @media(min-width:981px){.mega-item:hover>.mega-panel,.mega-item:focus-within>.mega-panel,.mega-item.is-open>.mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}} @media(max-width:1180px) and (min-width:981px){.brand>span>small{display:none}.nav-actions .btn-outline{display:none}.mega-direct,.mega-trigger{padding-inline:10px}.mega-panel__grid{grid-template-columns:240px repeat(3,minmax(0,1fr))}.mega-column{padding-inline:18px}} @media(max-width:980px){ body.menu-open{overflow:hidden}.site-header .nav{position:fixed;inset:0;z-index:100;display:flex;align-items:stretch;flex-direction:column;overflow-y:auto;background:#0b0c10;color:#fff;transform:translateX(105%);visibility:hidden;transition:transform .4s cubic-bezier(.77,0,.18,1),visibility .4s}.site-header .nav.open{transform:none;visibility:visible}.site-header .nav:before{content:'1929';position:fixed;right:-25px;bottom:30px;color:rgba(255,255,255,.025);font:900 12rem/.8 'Barlow Condensed',Impact,sans-serif;pointer-events:none}.mobile-nav-head{position:sticky;z-index:5;top:0;display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;color:#111;border-bottom:6px solid var(--red)}.mobile-nav-brand{display:flex!important;align-items:center;gap:13px;color:#111!important;opacity:1!important}.mobile-nav-brand .club-logo{width:42px;height:52px}.mobile-nav-brand span{font:700 1.25rem/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.mobile-nav-brand span small{margin-top:6px;color:#777;font:700 .52rem/1 Inter,Arial,sans-serif;letter-spacing:.14em}.menu-close{flex:0 0 48px}.mega-nav{position:relative;z-index:2;display:block;padding:12px 14px 24px}.mega-item{display:block;border-bottom:1px solid rgba(255,255,255,.13)}.mega-direct,.mega-trigger,body:not([data-page="home"]) .mega-direct,body:not([data-page="home"]) .mega-trigger{display:flex;width:100%;height:66px;justify-content:space-between;padding:0 12px;color:#fff!important;font:600 clamp(1.85rem,7vw,2.5rem)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;opacity:1;text-align:left}.mega-direct:after,.mega-trigger:after{left:0;right:auto;top:14px;bottom:14px;width:5px;height:auto;transform:scaleY(0);transform-origin:bottom}.mega-direct.active,.mega-item.active>.mega-trigger{padding-left:24px;color:#ff5661!important}.mega-direct.active:after,.mega-item.active>.mega-trigger:after,.mega-item.is-open>.mega-trigger:after{transform:scaleY(1)}.mega-trigger>i{margin-right:8px;width:10px;height:10px}.mega-panel{position:static;display:none;max-height:none;overflow:visible;margin:0 0 14px;border:0;background:#f2efe9;color:#111;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}.mega-panel:after{display:none}.mega-item.is-open>.mega-panel{display:block}.mega-panel__grid{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0}.mega-feature{grid-column:1/-1;min-height:230px;padding:25px;background:linear-gradient(145deg,#e30613,#9d0009)}.mega-feature strong{font-size:3.4rem}.mega-column{padding:22px 16px;border:0;border-top:1px solid #d8d4cd}.mega-column:nth-child(even){border-right:1px solid #d8d4cd}.mega-column h3{color:#111;font-size:1.6rem}.mega-link{min-height:55px;padding:9px 4px;border-color:#d8d4cd;color:#111!important;opacity:1!important}.mega-link>span{font-size:.74rem}.mega-link small{color:#777}.mega-link>i{opacity:1}.mega-link:hover,.mega-link.active{background:#fff;transform:none}.mobile-nav-foot{position:relative;z-index:2;display:block;margin-top:auto;padding:22px 20px 28px;background:var(--red);color:#fff}.mobile-nav-foot p{margin:0 0 14px;font:600 1.6rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.mobile-nav-foot div{display:flex;gap:8px}.mobile-nav-foot a{display:inline-flex;padding:12px 13px;border:1px solid rgba(255,255,255,.65);color:#fff;font-size:.63rem;font-weight:900;text-transform:uppercase;opacity:1}.mobile-nav-foot a:first-child{background:#fff;color:#111}.mobile-nav-foot small{display:block;margin-top:16px;color:rgba(255,255,255,.66);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.menu-btn{display:block}.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)} } @media(max-width:580px){.mega-panel__grid{grid-template-columns:1fr}.mega-feature{grid-column:auto;min-height:205px}.mega-feature strong{font-size:3rem}.mega-column,.mega-column:nth-child(even){padding:20px;border-right:0}.mega-direct,.mega-trigger,body:not([data-page="home"]) .mega-direct,body:not([data-page="home"]) .mega-trigger{font-size:2rem}.mobile-nav-foot div{flex-wrap:wrap}} /* -------------------------------------------------------------------------- Premium-Sponsoren · endloser Logo-Slider und Partnerportraits -------------------------------------------------------------------------- */ .sponsor-stage{overflow:hidden;padding:72px 0 64px;background:var(--red);color:#fff;border-bottom:9px solid #090909}.sponsor-stage__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.sponsor-stage__head .eyebrow{color:#fff}.sponsor-stage__head h2{margin:5px 0 0;font-size:clamp(3.6rem,6vw,6rem)}.sponsor-control{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font:800 .62rem Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.sponsor-control:hover,.sponsor-control[aria-pressed="true"]{background:#fff;color:#111}.sponsor-control>span:first-child{font-size:.9rem}.sponsor-marquee{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.sponsor-track{display:flex;width:max-content;animation:sponsor-scroll 38s linear infinite;will-change:transform}.sponsor-set{display:flex;gap:14px;padding:14px 7px}.sponsor-logo-card{display:grid;width:260px;height:138px;place-items:center;padding:18px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 30px rgba(0,0,0,.16);transition:transform .25s,box-shadow .25s}.sponsor-logo-card img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.56;transition:filter .3s,opacity .3s,transform .3s}.sponsor-logo-card:hover,.sponsor-logo-card:focus-visible{z-index:2;transform:translateY(-5px);box-shadow:0 20px 38px rgba(0,0,0,.28);outline:3px solid #fff;outline-offset:3px}.sponsor-logo-card:hover img,.sponsor-logo-card:focus-visible img{filter:grayscale(0);opacity:1;transform:scale(1.035)}.sponsor-marquee:hover .sponsor-track,.sponsor-marquee:focus-within .sponsor-track,.sponsor-marquee[data-paused="true"] .sponsor-track{animation-play-state:paused}@keyframes sponsor-scroll{to{transform:translateX(-50%)}} .sponsor-stories{background:#efeee9}.sponsor-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sponsor-story{display:grid;grid-template-columns:190px 1fr;min-height:230px;background:#fff;border-bottom:6px solid var(--red);box-shadow:0 12px 30px rgba(0,0,0,.07);transition:transform .25s,box-shadow .25s}.sponsor-story:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(0,0,0,.12)}.sponsor-story--lead{border-bottom-color:#090909}.sponsor-story__logo{display:grid;place-items:center;padding:22px;background:#f8f8f6;border-right:1px solid #e3e1dc}.sponsor-story__logo img{width:100%;max-height:125px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s,transform .3s}.sponsor-story:hover .sponsor-story__logo img,.sponsor-story__logo:focus-visible img{filter:none;opacity:1;transform:scale(1.04)}.sponsor-story>div{display:flex;min-width:0;flex-direction:column;padding:24px}.sponsor-story>div>span{color:var(--red);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sponsor-story h3{margin:8px 0 10px;font-size:2rem}.sponsor-story p{margin:0 0 18px;color:#666;font-size:.75rem;line-height:1.65}.sponsor-story>div>a{margin-top:auto;color:var(--red);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sponsor-cta{background:linear-gradient(120deg,#090909 0 64%,var(--red) 64%)} @media(max-width:980px){.sponsor-logo-card{width:230px;height:125px}.sponsor-story{grid-template-columns:155px 1fr}.sponsor-story__logo{padding:15px}.sponsor-story>div{padding:20px}.sponsor-story h3{font-size:1.7rem}} @media(max-width:760px){.sponsor-stage{padding:54px 0}.sponsor-stage__head{align-items:flex-start;flex-direction:column}.sponsor-control{align-self:flex-end}.sponsor-story-grid{grid-template-columns:1fr}.sponsor-story{grid-template-columns:145px 1fr}.sponsor-logo-card{width:210px;height:112px;padding:14px}.sponsor-cta{background:#090909}} @media(max-width:480px){.sponsor-story{grid-template-columns:1fr}.sponsor-story__logo{min-height:150px;border-right:0;border-bottom:1px solid #e3e1dc}.sponsor-story__logo img{max-width:230px}.sponsor-stage__head h2{font-size:3.5rem}} @media(prefers-reduced-motion:reduce){.sponsor-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.sponsor-track{animation:none}.sponsor-set[aria-hidden="true"]{display:none}.sponsor-logo-card,.sponsor-logo-card img,.sponsor-story,.sponsor-story__logo img{transition:none}} /* -------------------------------------------------------------------------- Probetraining · ohne Anmeldung, Plattformkontakte und sicherer Nachrichtenkanal -------------------------------------------------------------------------- */ .trial-fact{border-top-color:#090909}.trial-arrival{background:#efeee9}.trial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.trial-steps article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;min-height:310px;padding:32px;background:#fff;border-bottom:7px solid #111}.trial-steps article:nth-child(2){border-bottom-color:var(--red)}.trial-step-number{color:var(--red);font:800 4.8rem/.78 'Barlow Condensed',Impact,sans-serif}.trial-steps small{color:var(--red);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.trial-steps h3{margin:8px 0 14px;font-size:2.5rem}.trial-steps p{color:#666;font-size:.78rem;line-height:1.7}.trial-steps a{display:inline-block;margin-top:12px;color:var(--red);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.trial-contact-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:end;margin-bottom:34px}.trial-contact-head h2{margin:8px 0 12px;color:#fff;font-size:clamp(3.5rem,6vw,6rem)}.trial-contact-head p{max-width:720px;margin:0;color:#aaa;line-height:1.7}.trial-team-filter label{display:block;margin-bottom:8px;color:#aaa;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.trial-team-filter select{width:100%;padding:14px 16px;border:1px solid #444;background:#171717;color:#fff;font:700 .78rem Inter,Arial,sans-serif}.coach-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.coach-contact-card{display:grid;grid-template-columns:70px 1fr;gap:17px;align-items:start;min-height:200px;padding:23px;background:#171717;border-bottom:6px solid var(--red);color:#fff}.coach-contact-avatar{display:grid;width:70px;height:70px;place-items:center;background:var(--red);color:#fff;font:800 1.65rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.coach-contact-card small{color:#aaa;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.coach-contact-card h3{margin:6px 0 9px;color:#fff;font-size:1.9rem;line-height:.95}.coach-contact-card p{margin:0;color:#999;font-size:.72rem;line-height:1.55}.coach-contact-card__actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;margin-top:auto}.coach-contact-card__actions a,.coach-contact-card__actions span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid #444;color:#fff;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.coach-contact-card__actions a:first-child{border-color:#25d366;background:#25d366;color:#08170d}.coach-contact-card__actions span{color:#888;cursor:not-allowed}.coach-contact-card--loading{grid-column:1/-1;min-height:150px}.coach-contact-card--loading .coach-contact-avatar{background:#333}.contact-load-note,.contact-privacy-note{margin:22px 0 0;color:#999;font-size:.68rem;line-height:1.6}.contact-privacy-note strong{color:#fff}.system-message-preview{background:#f5f3ee}.security-stack{margin-top:28px}.security-stack>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-top:1px solid #d7d3cb}.security-stack>div>span{display:grid;width:36px;height:36px;place-items:center;background:#111;color:#fff;font:800 .9rem 'Barlow Condensed',Impact,sans-serif}.security-stack p,.security-stack strong,.security-stack small{display:block;margin:0}.security-stack small{margin-top:4px;color:#777;line-height:1.5}.protected-message-card{padding:28px;background:#fff;border-top:7px solid var(--red);box-shadow:0 18px 45px rgba(0,0,0,.1)}.protected-message-card__status{display:flex;align-items:center;gap:10px;margin:-8px 0 24px;padding-bottom:18px;border-bottom:1px solid #ddd}.protected-message-card__status span{padding:6px 8px;background:#ffd75e;color:#111;font-size:.54rem;font-weight:900;text-transform:uppercase}.protected-message-card__status b{font-size:.68rem}.field-help{display:block;margin-top:7px;color:#777;font-size:.6rem}.message-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.consent-check{display:flex!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;line-height:1.4}.consent-check input{width:auto;margin-top:2px}.protected-submit{display:flex;align-items:center;justify-content:space-between;gap:15px}.spam-protection-placeholder{display:flex;align-items:center;gap:10px;color:#666}.spam-protection-placeholder>span{display:grid;width:34px;height:34px;place-items:center;border:2px solid #aaa;border-radius:50%;font-weight:900}.spam-protection-placeholder p,.spam-protection-placeholder strong,.spam-protection-placeholder small{display:block;margin:0}.spam-protection-placeholder small{margin-top:2px;font-size:.55rem}.protected-submit .btn{white-space:nowrap} @media(max-width:980px){.trial-steps{grid-template-columns:1fr}.trial-steps article{min-height:0}.coach-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-contact-head{grid-template-columns:1fr}.trial-team-filter{max-width:360px}.protected-submit{align-items:stretch;flex-direction:column}.protected-submit .btn{width:100%}} @media(max-width:650px){.coach-contact-grid{grid-template-columns:1fr}.coach-contact-card{min-height:0}.trial-steps article{grid-template-columns:62px 1fr;padding:25px 20px}.trial-step-number{font-size:3.8rem}.trial-contact-head{gap:28px}.protected-message-card{padding:22px 18px}.spam-protection-placeholder{align-items:flex-start}} /* Formularaktionen: nur WhatsApp-/E-Mail-Entwurf, kein Webversand */ .message-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message-actions .btn{width:100%;min-height:54px}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#25d366;color:#071b0e;border-color:#25d366}.btn-whatsapp:hover{background:#16b851;color:#041109}.btn-whatsapp span{font-size:1.2rem}.message-app-note{margin:0;color:#777;font-size:.62rem;line-height:1.55}.feature-panel .message-actions{margin-top:4px} .message-form-container{display:flex;justify-content:center}.protected-message-card--centered{width:min(100%,920px)} /* Erlebniswoche · verständliche Darstellung der Wozoria-Messstationen */ .performance-showcase{overflow:hidden;background:#eceae4}.performance-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:70px;align-items:end;margin-bottom:42px}.performance-head h2{margin:8px 0 0;font-size:clamp(4rem,7vw,7rem);line-height:.78}.performance-head p{margin:0;color:#60605d;line-height:1.75}.performance-direction{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.performance-direction span{padding:9px 11px;background:#111;color:#fff;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.performance-direction span:last-child{background:var(--red)}.performance-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.performance-card{--skill-color:var(--red);position:relative;grid-column:span 4;min-height:440px;overflow:hidden;background:#111;border-bottom:8px solid var(--skill-color);color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.14)}.performance-card:nth-child(1),.performance-card:nth-child(2),.performance-card:nth-child(6),.performance-card:nth-child(7){grid-column:span 6}.performance-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.performance-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 10%,rgba(0,0,0,.2) 38%,rgba(0,0,0,.96) 88%)}.performance-card__body{position:absolute;inset:auto 0 0;padding:28px}.performance-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.performance-short{padding:7px 9px;background:var(--skill-color);font-size:.57rem;font-weight:900;letter-spacing:.1em}.performance-card__body b{font:700 1.3rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.performance-card__body em{display:inline-block;padding:6px 9px;background:rgba(255,255,255,.14);font-size:.55rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.performance-card h3{margin:13px 0 7px;color:#fff;font-size:2.15rem;line-height:.9}.performance-card p{margin:0;color:#d2d2d2;font-size:.7rem;line-height:1.6}.performance-card:hover>img{transform:scale(1.055)}.performance-system-note{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:center;margin-top:14px;padding:28px;background:#101010;color:#fff;border-left:8px solid var(--red)}.performance-system-note>span{display:grid;width:80px;height:80px;place-items:center;background:var(--red);font:800 2.2rem 'Barlow Condensed',Impact,sans-serif}.performance-system-note small{color:#999;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.performance-system-note h3{margin:4px 0 7px;color:#fff;font-size:2rem}.performance-system-note p{max-width:900px;margin:0;color:#aaa;font-size:.72rem;line-height:1.65} @media(max-width:980px){.performance-head{grid-template-columns:1fr;gap:22px}.performance-card,.performance-card:nth-child(n){grid-column:span 6}} @media(max-width:650px){.message-actions{grid-template-columns:1fr}.performance-card,.performance-card:nth-child(n){grid-column:1/-1;min-height:420px}.performance-card__body{padding:23px 20px}.performance-card h3{font-size:1.9rem}.performance-system-note{grid-template-columns:1fr}.performance-system-note>span{width:62px;height:62px}.performance-head>div:last-child{min-width:0}} /* Verletzte Spieler: gedämpft, Verletzt-Badge, Hover zeigt Hinweis (WOZORIA) */ .roster-player.is-injured{opacity:.58;filter:grayscale(.35);transition:opacity .3s ease,filter .3s ease} .roster-player.is-injured:hover{opacity:1;filter:none} .injury-badge{position:absolute;top:5px;right:5px;z-index:6;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#e60019;cursor:help} .injury-badge svg{width:22px;height:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))} .injury-badge::after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);right:0;white-space:nowrap;padding:6px 10px;border-radius:8px;background:#111;color:#fff;font:600 .62rem/1.2 'Inter',system-ui,sans-serif;letter-spacing:.02em;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 24px -8px rgba(0,0,0,.55);z-index:6} .roster-player.is-injured:hover .injury-badge::after{opacity:1;transform:none} @media print{.injury-badge{display:none}} /* Spielform-Feature auf den U-Seiten (WOZORIA) */ .spielform-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:20px} .spielform-feature figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.10)} .spielform-feature img{width:100%;height:auto;display:block} .spielform-feature .sf-em{display:inline-block;background:#111;color:#fff;font:900 .82rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;padding:7px 13px;border-radius:6px;margin-bottom:12px} .spielform-feature .sf-body p{color:#333;font-size:1.02rem;line-height:1.7;margin:0} .spielform-more{display:inline-block;margin-top:18px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#111;text-decoration:none;border-bottom:3px solid var(--red,#d60819);padding-bottom:2px} @media(max-width:640px){.spielform-feature{grid-template-columns:1fr}} .ad-zone-banner{display:block;width:min(970px,100%);margin:auto;line-height:0;overflow:hidden;background:#fff;border:1px solid #e2ded7} .ad-zone-banner img{width:100%;height:auto;display:block} .ad-zone-empty{flex-direction:column;gap:5px} .ad-zone-empty a{color:var(--red);font-weight:800;text-transform:uppercase;font-size:.66rem;letter-spacing:.06em;text-decoration:none} .ad-zone-empty a:hover{text-decoration:underline} /* WOZORIA-Eigenwerbung (House-Ad) in den Werbeflaechen */ .woz-ad{display:flex;align-items:center;gap:16px;width:min(970px,100%);min-height:90px;margin:auto;padding:10px 22px;background:linear-gradient(100deg,#0b0c10,#17181d);color:#fff;text-decoration:none;overflow:hidden} .woz-ad__ball{flex:none;width:50px;height:50px} .woz-ad__ball img{width:100%;height:100%;display:block;animation:wozBallSpin 4.5s linear infinite} @keyframes wozBallSpin{to{transform:rotate(360deg)}} .woz-ad__txt{display:flex;flex-direction:column;gap:2px;line-height:1.05;min-width:0} .woz-ad__txt b{font:800 1.15rem 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em} .woz-ad__txt small{font-size:.72rem;color:#b9bcc2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .woz-ad__brand{margin-left:auto;flex:none;font:900 1.1rem 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em} .woz-ad__brand:after{content:'';display:inline-block;width:8px;height:8px;margin-left:5px;background:var(--red)} .woz-ad__cta{flex:none;background:var(--red);color:#fff;font:800 .64rem Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:9px 14px} .woz-ad:hover .woz-ad__cta{background:#fff;color:#111} @media(max-width:680px){.woz-ad{gap:11px;padding:10px 14px}.woz-ad__brand,.woz-ad__txt small{display:none}.woz-ad__txt b{font-size:1rem}} /* Spielgemeinschaft (SG) – Wappen-Lockup zweier Vereine (U18: ATUS × ASK Voitsberg) */ .sg-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(22px,7vw,60px);flex-wrap:wrap} .sg-lockup img{height:clamp(76px,14vw,116px);width:auto;object-fit:contain} .sg-lockup .sg-x{font:800 clamp(2rem,6vw,2.8rem)/1 'Barlow Condensed',Impact,sans-serif;color:var(--red)} .sg-caption{text-align:center;color:#6b6e74;margin-top:16px;font-size:.85rem;letter-spacing:.02em} /* ── KM II – Foto-Karten (keine Freisteller/Stats): nur Position · Name · Saison ── */ .km2-grid .roster-player{min-height:420px;background:#0b0b0b!important;border-bottom:8px solid var(--position)} .km2-grid .roster-player:before{display:none} .km2-grid .roster-player img{position:absolute!important;inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 15%!important;filter:none!important;transform:none;transition:transform .5s} .km2-grid .roster-player:hover img{transform:scale(1.05)!important} .km2-grid .roster-player:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,6,6,.82),rgba(6,6,6,.05) 44%,transparent 72%);pointer-events:none} .km2-grid .roster-name{bottom:12px;z-index:3} .km2-grid .roster-detail{z-index:4} /* U18 SG-Banner (vollbreit) */ .sg-banner{margin:0} .sg-banner img{display:block;width:100%;height:auto} .sg-banner .sg-caption{margin:14px auto 0}