.wkm-koeln{--bg:#fafaf7;--bg-2:#f4f2eb;--ink:#000;--ink-2:#444;--ink-3:#666;--hairline:#00000026;--tennis:#15803d;--tennis-bright:#16a34a;--padel:#ec4899;--badminton:#3b82f6;--squash:#eab308;--tt:#f97316;--pickle:#84cc16;color:var(--ink);font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;background:#ecebe4;min-height:100vh;font-size:14px;line-height:1.3}.wkm-koeln *,.wkm-koeln :before,.wkm-koeln :after{box-sizing:border-box}.wkm-koeln a{color:inherit}.wkm-koeln .frame{background:var(--bg);border-left:1px solid #0000001f;border-right:1px solid #0000001f;max-width:1280px;margin:0 auto}.wkm-koeln .meta-bar{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid #00000026;justify-content:space-between;padding:8px 24px;font-size:11px;display:flex}.wkm-koeln .meta-bar a{text-decoration:none}.wkm-koeln .meta-bar a:hover{color:var(--ink)}.wkm-koeln header.top{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.wkm-koeln .brand{letter-spacing:-.03em;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.wkm-koeln .brand sup{font-size:11px}.wkm-koeln .nav{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:12px;display:flex}.wkm-koeln .nav a{color:var(--ink);padding:4px 6px;text-decoration:none}.wkm-koeln .nav a:hover,.wkm-koeln .nav a[aria-current]{background:var(--ink);color:var(--bg)}.wkm-koeln .crumbs{border-bottom:1px solid var(--hairline);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 24px;font-size:11px}.wkm-koeln .crumbs a{text-decoration:none}.wkm-koeln .crumbs a:hover{color:var(--ink)}.wkm-koeln .crumbs .sep{color:var(--ink-3);padding:0 8px}.wkm-koeln .crumbs .here{color:var(--ink);font-weight:600}.wkm-koeln .hero{border-bottom:3px solid var(--ink);padding:32px 24px 40px}.wkm-koeln .hero-meta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;font-size:11px}.wkm-koeln .hero h1{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(64px,11vw,144px);font-weight:900;line-height:.86}.wkm-koeln .hero h1 .qm,.wkm-koeln .hero h1 .num{color:var(--tennis-bright)}.wkm-koeln .lede-row{border-bottom:3px solid var(--ink);grid-template-columns:1.4fr 1fr;display:grid}.wkm-koeln .lede{border-right:3px solid var(--ink);flex-direction:column;justify-content:space-between;gap:24px;padding:28px 24px;display:flex}.wkm-koeln .lede p{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.7vw,22px);font-weight:500;line-height:1.25}.wkm-koeln .lede p .muted{color:var(--ink-3)}.wkm-koeln .karte-btn{background:var(--ink);color:var(--bg);letter-spacing:-.005em;align-self:flex-start;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.wkm-koeln .karte-btn:hover{background:var(--tennis)}.wkm-koeln .stats{grid-template-rows:repeat(3,1fr);display:grid}.wkm-koeln .stat{border-bottom:1px solid var(--ink);flex-direction:column;justify-content:center;gap:4px;padding:18px 24px;display:flex}.wkm-koeln .stat:last-child{border-bottom:none}.wkm-koeln .stat-num{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.04em;font-size:36px;font-weight:900;line-height:1}.wkm-koeln .stat-num .unit{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink-3);letter-spacing:0;margin-left:4px;font-size:14px;font-weight:500}.wkm-koeln .stat-lbl{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.wkm-koeln .section-bar{border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr 1fr;align-items:end;gap:32px;padding:24px;display:grid}.wkm-koeln .section-bar .lbl{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.wkm-koeln .section-bar h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:.9}.wkm-koeln .section-bar h2 .qm{color:var(--tennis-bright)}.wkm-koeln .section-bar .right{text-align:right;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;line-height:1.5}.wkm-koeln .section-bar .right a{text-decoration:underline}.wkm-koeln .sport-grid{border-bottom:3px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.wkm-koeln .sport-tile{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:150px;color:var(--ink);flex-direction:column;justify-content:space-between;padding:20px 22px 22px;text-decoration:none;display:flex;position:relative}.wkm-koeln .sport-tile:nth-child(3n){border-right:none}.wkm-koeln .sport-tile:nth-last-child(-n+3){border-bottom:none}.wkm-koeln .sport-tile:hover{background:var(--ink);color:var(--bg)}.wkm-koeln .sport-tile:hover .sport-tile-meta{color:#ffffffa6}.wkm-koeln .sport-tile-top{justify-content:space-between;align-items:flex-start;display:flex}.wkm-koeln .sport-tile-ix{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--ink-3);font-size:11px}.wkm-koeln .sport-tile:hover .sport-tile-ix{color:#ffffff80}.wkm-koeln .sport-tile-swatch{width:16px;height:16px}.wkm-koeln .sport-tile-name{letter-spacing:-.03em;text-transform:uppercase;margin-top:14px;font-size:28px;font-weight:800;line-height:1}.wkm-koeln .sport-tile-count{font-family:var(--font-mono), ui-monospace, monospace;margin-top:6px;font-size:14px}.wkm-koeln .sport-tile-meta{color:var(--ink-3);margin-top:10px;font-size:13px}.wkm-koeln .sport-tile-arr{font-family:var(--font-mono), ui-monospace, monospace;font-size:14px;position:absolute;bottom:18px;right:22px}.wkm-koeln .map-section{border-bottom:3px solid var(--ink);color:var(--bg);background:#0b0d0f}.wkm-koeln .map-head{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:baseline;padding:18px 24px;font-size:11px;display:flex}.wkm-koeln .map-frame{height:420px;position:relative;overflow:hidden}.wkm-koeln .map-cta{z-index:1000;background:var(--bg);color:var(--ink);letter-spacing:-.005em;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;position:absolute;bottom:20px;left:24px}.wkm-koeln .map-cta:hover{background:var(--tennis-bright)}.wkm-koeln .map-coord{z-index:1000;font-family:var(--font-mono), ui-monospace, monospace;color:#ffffff80;letter-spacing:.06em;pointer-events:none;font-size:11px;position:absolute;bottom:20px;right:24px}.wkm-koeln .about{border-bottom:3px solid var(--ink);grid-template-columns:1fr 1.6fr;display:grid}.wkm-koeln .about-l{border-right:3px solid var(--ink);background:var(--ink);color:var(--bg);flex-direction:column;justify-content:space-between;gap:24px;padding:32px 24px;display:flex}.wkm-koeln .about-l h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(36px,4.5vw,56px);font-weight:900;line-height:.92}.wkm-koeln .about-l h2 .ac{color:var(--tennis-bright)}.wkm-koeln .about-l .meta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;font-size:11px}.wkm-koeln .about-r{padding:32px 28px}.wkm-koeln .about-r p{color:var(--ink);max-width:620px;margin:0 0 18px;font-size:17px;line-height:1.55}.wkm-koeln .about-r p strong{background:var(--tennis-bright);padding:0 4px;font-weight:700}.wkm-koeln .about-r p:last-child{color:var(--ink-3);font-size:15px}.wkm-koeln .faq{border-bottom:3px solid var(--ink)}.wkm-koeln .faq-item{border-bottom:1px solid var(--hairline);grid-template-columns:60px 1fr;gap:18px;padding:22px 24px;display:grid}.wkm-koeln .faq-item:last-child{border-bottom:none}.wkm-koeln .faq-q-ix{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--ink-3);padding-top:6px;font-size:11px}.wkm-koeln .faq-q{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.025em;margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.2}.wkm-koeln .faq-a{color:var(--ink-2);max-width:720px;margin:0;font-size:16px;line-height:1.55}.wkm-koeln .faq-a a{text-decoration:underline}.wkm-koeln .cross{border-bottom:3px solid var(--ink);padding:28px 24px}.wkm-koeln .cross h3{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-size:11px}.wkm-koeln .cross-list{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.wkm-koeln .cross-tile{border:1px solid var(--ink);color:var(--ink);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.wkm-koeln .cross-tile:hover{background:var(--ink);color:var(--bg)}.wkm-koeln .cross-tile .name{letter-spacing:-.025em;text-transform:uppercase;font-size:18px;font-weight:800}.wkm-koeln .cross-tile .n{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink-3);font-size:12px}.wkm-koeln .cross-tile:hover .n{color:#ffffff8c}.wkm-koeln .bottom-cta{background:var(--ink);color:var(--bg);border-bottom:3px solid var(--ink);padding:56px 24px 64px}.wkm-koeln .bottom-cta h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:.88}.wkm-koeln .bottom-cta h2 .qm{color:var(--tennis-bright)}.wkm-koeln .bottom-cta-row{grid-template-columns:1.4fr 1fr;align-items:end;gap:32px;display:grid}.wkm-koeln .bottom-cta p{color:#fafaf7b8;max-width:540px;margin:0;font-size:18px;line-height:1.4}.wkm-koeln .bottom-cta .karte-btn{background:var(--bg);color:var(--ink)}.wkm-koeln .bottom-cta .karte-btn:hover{background:var(--tennis-bright)}.wkm-koeln footer.foot{border-bottom:1px solid var(--ink);grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:32px 24px;display:grid}.wkm-koeln .foot h5{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:11px}.wkm-koeln .foot ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wkm-koeln .foot ul a{font-size:14px;text-decoration:none}.wkm-koeln .foot ul a:hover{text-decoration:underline}.wkm-koeln .foot .brand-block{letter-spacing:-.03em;font-size:22px;font-weight:800}.wkm-koeln .foot .brand-block p{color:var(--ink-3);max-width:320px;margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.4}.wkm-koeln .foot-bottom{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;padding:14px 24px;font-size:11px;display:flex}@media (max-width:900px){.wkm-koeln .nav{display:none}.wkm-koeln .hero{padding:24px 18px 28px}.wkm-koeln .lede-row{grid-template-columns:1fr}.wkm-koeln .lede{border-right:none;border-bottom:3px solid var(--ink)}.wkm-koeln .stats{grid-template-rows:auto}.wkm-koeln .sport-grid{grid-template-columns:repeat(2,1fr)}.wkm-koeln .sport-tile:nth-child(3n){border-right:1px solid var(--ink)}.wkm-koeln .sport-tile:nth-child(2n){border-right:none}.wkm-koeln .sport-tile:nth-last-child(-n+3){border-bottom:1px solid var(--ink)}.wkm-koeln .sport-tile:nth-last-child(-n+2):nth-child(odd){border-bottom:none}.wkm-koeln .map-frame{height:320px}.wkm-koeln .section-bar{grid-template-columns:1fr;gap:16px}.wkm-koeln .section-bar .right{text-align:left}.wkm-koeln .about{grid-template-columns:1fr}.wkm-koeln .about-l{border-right:none;border-bottom:3px solid var(--ink)}.wkm-koeln .cross-list{grid-template-columns:repeat(2,1fr)}.wkm-koeln .bottom-cta-row{grid-template-columns:1fr}.wkm-koeln footer.foot{grid-template-columns:1fr 1fr}.wkm-koeln .faq-item{grid-template-columns:1fr;gap:6px}}