*{box-sizing:border-box}html,body{margin:0}body{font-family:Arial,Helvetica,sans-serif;color:#06234a;background:#edf2f7}.sitehead{height:76px;background:#fff;display:grid;grid-template-columns:315px minmax(0,1fr) 185px;align-items:center;padding:0 3%;gap:14px;box-shadow:0 1px 0 #dfe6ef;position:relative;z-index:5}.brand{display:flex;align-items:center;position:relative;height:70px}.brand img{width:295px;max-height:62px;object-fit:contain;object-position:left center}.brand span{position:absolute;left:113px;bottom:4px;font-size:7px;letter-spacing:.25em;color:#062d5c;font-weight:800}.sitehead nav{height:76px;display:flex;justify-content:center;align-items:center;white-space:nowrap}.sitehead nav a{height:76px;display:flex;align-items:center;padding:0 10px;color:#061f43;text-decoration:none;font-size:12px;font-weight:700;position:relative}.sitehead nav a.active{color:#e5006d}.sitehead nav a.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;background:#e5006d}.book,.herotxt a,.card header a,.livebtn,.promo span{background:#e5006d;color:#fff;text-decoration:none;border-radius:6px;font-weight:800}.book{padding:13px 12px;text-align:center;font-size:12px}.hamb{display:none;background:#e5006d;color:#fff;border:0;border-radius:7px;padding:8px 11px;font-size:20px}.hero{height:350px;background:#031b3c;position:relative;overflow:hidden}.heroimg{position:absolute;inset:0;background:url('https://www.ksv-weissach.de/Vermietung/IMG-20231208-WA0003.jpg') center 31%/cover no-repeat;filter:saturate(.85) contrast(1.12) brightness(.58);transform:scale(1.03)}.heroimg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 51% 68%,#f0007366,transparent 22%)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#02142ff5 0,#031a38d9 32%,#031a3860 63%,#03152ba8 100%)}.herotxt{position:absolute;left:3%;top:50%;transform:translateY(-50%);color:#fff}.herotxt small{font-size:10px;letter-spacing:.26em;font-weight:800}.herotxt h1{margin:10px 0 12px;font-size:61px;line-height:.82;letter-spacing:-.055em;font-style:italic}.herotxt h1 b{color:#f40777}.herotxt p{font-size:11px;letter-spacing:.28em;font-weight:800}.herotxt>div{display:flex;gap:12px;margin-top:20px}.herotxt a{padding:12px 17px;font-size:11px}.herotxt .outline{background:#08284a99;border:1px solid #fff9}.script{position:absolute;right:8%;top:20%;color:#fff;font-family:cursive;font-size:35px;line-height:1.05;transform:rotate(-8deg);text-shadow:0 2px 12px #000}.values{height:66px;background:#062d5c;color:#fff;display:grid;grid-template-columns:repeat(5,1fr)}.values>div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #ffffff14}.values i{font-style:normal;background:#e5006d;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:11px}.values b{font-size:9px}.values small{display:block;font-weight:400;color:#c8d4e2;font-size:8px;margin-top:3px}.dash{display:grid;grid-template-columns:1.08fr 1.08fr 1.5fr 1fr;gap:9px;padding:10px 10px 0}.card{background:#fff;border:1px solid #dce5ee;border-radius:9px;overflow:hidden;box-shadow:0 5px 20px #0b31580c}.card>header{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5}.card h2{margin:0;font-size:17px}.card header a{font-size:8px;padding:8px 10px}.list article{height:50px;display:grid;grid-template-columns:45px 1fr 12px;gap:8px;align-items:center;padding:5px 9px;border-bottom:1px solid #edf1f5}.pic{height:40px;border-radius:4px;display:grid;place-items:center;background:linear-gradient(135deg,#e5006d,#06305f);color:#fff;font-weight:900}.list p{margin:0;display:flex;flex-direction:column}.list small{font-size:7px;color:#758497}.list b{font-size:9px;margin-top:2px}.list em{font-style:normal;font-size:17px}.dates time{height:40px;background:#e5006d;color:#fff;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7px}.dates time strong{font-size:16px;line-height:15px}.termine-empty{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8390a0;gap:6px}.termine-empty b{font-size:13px;color:#06234a}.termine-empty span{font-size:9px}.termine-empty a{font-size:9px;color:#e5006d;font-weight:800}.livehint{font-size:8px;padding:7px 12px 0;color:#738196}.livehint span{display:inline-block;width:7px;height:7px;background:#20bd56;border-radius:50%}.match{height:120px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;text-align:center}.match>strong{font-size:38px}.club img{width:66px;height:48px;object-fit:contain;display:block;margin:auto}.club b{font-size:9px}.guest div{width:52px;height:52px;margin:auto;border:3px solid #111;display:grid;place-items:center;font-size:9px;font-weight:900}.lanes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 10px}.lanes span{background:#062d5c;color:#fff;border-radius:4px;text-align:center;padding:6px 2px;font-size:7px}.livebtn{display:block;margin:10px auto;width:70%;text-align:center;padding:8px;font-size:8px}.standbody{height:226px;padding:13px}.standbody>b{font-size:10px}.fake-table{margin-top:10px;border-top:1px solid #dfe5ec}.fake-table span{display:inline-block;width:49%;font-size:7px;font-weight:800;padding:7px 2px;background:#eef3f7}.fake-table p{font-size:9px;line-height:1.45;color:#718095}.standbody>a{color:#e5006d;font-size:9px;font-weight:900}.empty{height:250px;display:grid;place-items:center;color:#8996a5;font-size:9px}.bottom{display:grid;grid-template-columns:1.55fr .85fr .65fr;gap:9px;padding:9px 10px 18px}.teamtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:7px}.teamtiles a{height:145px;position:relative;overflow:hidden;border-radius:6px;background:#092b54;color:#fff}.teamtiles a div{position:absolute;inset:0;background:linear-gradient(135deg,#0b4d96,#e5006d);opacity:.65}.teamtiles a:nth-child(2) div{background:linear-gradient(135deg,#e5006d,#052b58)}.teamtiles a:nth-child(3) div{background:linear-gradient(135deg,#59697c,#e5006d)}.teamtiles a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#02162eea)}.teamtiles b{position:absolute;z-index:2;left:10px;bottom:9px;font-size:10px}.teamtiles small{display:block;font-size:7px;font-weight:400;margin-top:3px}.promo{min-height:192px;border-radius:9px;padding:17px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.promo small{font-size:8px;font-weight:800}.promo b{font-size:27px;line-height:.88;font-style:italic;margin:8px 0 13px}.promo span{align-self:flex-start;background:#fff;color:#e5006d;padding:7px 10px;font-size:8px}.join{background:linear-gradient(135deg,#ff0a7a,#a90050)}.lane{background:linear-gradient(135deg,#0b4d96,#03172f)}footer{height:68px;background:#fff;border-top:5px solid #e5006d;padding:0 3%;display:flex;align-items:center;justify-content:space-between;color:#06305f}footer span{font-family:cursive;font-size:16px}footer b{font-family:cursive;font-size:18px}@media(max-width:1050px){.sitehead{grid-template-columns:220px 1fr 140px;padding:0 10px;gap:4px}.brand img{width:210px}.brand span{display:none}.sitehead nav a{font-size:8px;padding:0 5px}.book{font-size:8px;padding:10px 6px}.hero{height:300px}.herotxt{left:20px}.herotxt h1{font-size:46px}.script{font-size:25px;right:3%}.values i{width:31px;height:31px}.values b{font-size:7px}.values small{font-size:6px}.dash{grid-template-columns:1fr 1fr}.bottom{grid-template-columns:1.35fr .75fr}.lane{grid-column:1/-1;min-height:130px}}@media(max-width:700px){.sitehead{height:62px;grid-template-columns:1fr auto;padding:0 12px}.brand{height:58px}.brand img{width:220px;max-height:52px}.sitehead nav,.book{display:none}.hamb{display:block}.hero{height:310px}.heroimg{background-position:35% center}.herotxt h1{font-size:43px}.script{display:none}.values{overflow-x:auto;grid-template-columns:repeat(5,145px);height:62px}.values>div{height:62px}.dash,.bottom{grid-template-columns:1fr;padding-left:7px;padding-right:7px}.lane{grid-column:auto}.card h2{font-size:16px}.teamtiles{grid-template-columns:repeat(3,1fr)}.teamtiles a{height:120px}.promo{min-height:160px}footer{padding:12px;height:auto;gap:10px}footer span,footer b{font-size:12px}}
/* exact supplied hero asset */
.hero{height:auto;aspect-ratio:1536/249;background:#031b3c}.heroasset{display:block;width:100%;height:100%;object-fit:cover}.heroimg,.veil,.herotxt,.script{display:none!important}@media(max-width:700px){.hero{aspect-ratio:1536/420}.heroasset{object-fit:cover;object-position:left center}}


/* 2026-10-04 target mockup */
.sitehead{height:84px;padding:0 3%;grid-template-columns:330px 1fr auto;gap:22px;background:#fff}
.brand{height:70px;display:flex;align-items:center;overflow:hidden}.brand img{display:block;width:300px;height:auto;max-height:68px;object-fit:contain}
.hero{height:310px!important;aspect-ratio:auto!important;position:relative;overflow:hidden;background:#031936}
.heroimg{display:block!important;position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,18,42,.94) 0%,rgba(2,25,54,.70) 36%,rgba(2,25,54,.12) 70%),url("https://www.ksv-weissach.de/Vermietung/IMG-20231208-WA0003.jpg")!important;background-size:cover!important;background-position:center!important}
.veil{display:block!important;position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,13,33,.18),transparent 50%)}
.herotxt{display:block!important;position:absolute;z-index:3;left:3%;top:50%;transform:translateY(-50%);color:#fff}
.herotxt small{font-size:10px;letter-spacing:.3em;font-weight:800}.herotxt h1{font-size:59px;line-height:.84;letter-spacing:-.055em;font-style:italic;margin:11px 0 13px}.herotxt h1 b{color:#f40777}.herotxt p{font-size:11px;letter-spacing:.28em;font-weight:800}.herotxt>div{display:flex;gap:12px;margin-top:18px}.herotxt a{display:inline-flex;padding:12px 18px;border-radius:6px;background:#e60070;color:#fff;text-decoration:none;font-size:11px;font-weight:800}.herotxt a.outline{background:#071d3b99;border:1px solid #ffffffaa}
.script{display:block!important;position:absolute;z-index:3;right:7%;top:22%;color:#fff;font-family:cursive;font-style:italic;font-size:34px;line-height:1.05;transform:rotate(-7deg);text-align:center;text-shadow:0 2px 7px #000}
.values{height:60px}.dash{grid-template-columns:1.05fr 1.05fr 1.18fr .82fr;gap:12px;padding:12px}.card{border-radius:8px}.card header{min-height:46px;padding:0 14px}.card h2{font-size:18px}.list article{min-height:55px;padding:7px 12px}.bottom{padding:0 12px 14px;grid-template-columns:1.45fr 1.25fr .85fr;gap:12px}.teamtiles{min-height:170px}.promo{min-height:210px}
@media(max-width:1050px){.sitehead{grid-template-columns:260px 1fr auto;padding:0 18px}.brand img{width:245px}.sitehead nav{gap:16px}.hero{height:300px!important}.herotxt h1{font-size:52px}.dash{grid-template-columns:1fr 1fr}.bottom{grid-template-columns:1fr 1fr}.teamcard{grid-column:1/-1}}
@media(max-width:700px){.sitehead{height:66px;grid-template-columns:1fr auto auto;padding:0 12px}.brand{height:58px}.brand img{width:210px;max-height:56px}.sitehead nav{display:none}.hero{height:310px!important}.heroimg{background-position:58% center!important}.herotxt{left:18px;right:14px}.herotxt h1{font-size:42px}.script{display:none!important}.values{height:auto;overflow-x:auto;justify-content:flex-start}.values>div{min-width:130px}.dash{grid-template-columns:1fr;padding:9px}.bottom{grid-template-columns:1fr;padding:0 9px 12px}}

/* verified KSV image fallback + visual density */
.heroimg{background-position:center 45%!important;filter:saturate(1.08) contrast(1.05)}
.hero:after{content:"";position:absolute;z-index:1;right:34%;top:38%;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ff77b5,#e0006a 38%,#730039 82%);box-shadow:0 18px 34px #0008,0 0 40px #f4077766}
.dash{align-items:stretch}.dash>.card{min-height:330px;max-height:330px;overflow:hidden}.list{overflow:hidden}.standbody,.ticker{overflow:hidden}.bottom{margin-top:0}

/* target refinement 10 */
.sitehead{box-shadow:0 1px 8px #001a3518}.brand{padding:5px 0}.brand img{width:285px!important;max-width:100%;height:64px!important;object-fit:contain!important;object-position:left center!important}
.hero{height:330px!important}.heroimg{background-size:cover!important;background-position:center 56%!important}.herotxt{max-width:610px}.herotxt h1{font-size:64px!important}.script{font-size:38px!important;right:8%!important}
.values{background:#06376b!important}.values>div{border-right:1px solid #ffffff16}.values i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ed006f;color:#fff;font-style:normal}.values b{font-size:11px}.values small{font-size:9px}
.dash{background:#eef4f8!important;padding:14px 12px!important}.dash>.card{min-height:320px!important;max-height:320px!important;box-shadow:0 2px 10px #00254b10;border:1px solid #dce5ec}.card header{height:48px!important}.card h2{font-size:19px!important}.card header a{background:#e90070;color:#fff!important;border-radius:5px;padding:8px 11px;text-decoration:none;font-size:10px;font-weight:800}
.list article{min-height:50px!important}.news .pic{background:linear-gradient(135deg,#b30060,#092e67)!important;color:#fff!important}.livebtn{background:#e90070!important;color:#fff!important;border-radius:5px!important}
.bottom{background:#eef4f8!important;padding:0 12px 16px!important}.teamcard,.promo{box-shadow:0 2px 10px #00254b12}.promo.join{background:linear-gradient(125deg,#b6005a,#ed006f 52%,#092f61)!important}.promo.lane{background:linear-gradient(135deg,#05264d,#b4005d)!important}
footer{border-top:5px solid #ed006f}