/*
Theme Name: UCC Hamburg Onepage
Theme URI: https://www.ucc-hamburg.de/
Author: OpenAI
Description: Modernes, responsives One-Page-Theme für Ultimate Close Combat Hamburg. Inhalte sind über den Customizer anpassbar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ucc-hamburg-onepage
*/
:root{--ink:#111315;--paper:#f5f4f0;--muted:#a9adb0;--lime:#d6ff3f;--line:rgba(255,255,255,.16);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#f6f6f3;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lime)}.site-header{position:sticky;top:0;z-index:50;background:rgba(17,19,21,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:950;font-size:1.25rem;letter-spacing:-.06em;line-height:1}.brand span{color:var(--lime)}.brand small{display:block;font-size:.58rem;letter-spacing:.19em;font-weight:700;color:#b7b9b8;margin-top:7px}.menu{display:flex;align-items:center;gap:26px;font-size:.88rem;font-weight:700}.menu a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--lime);color:#101214;border:1px solid var(--lime);font-weight:900;font-size:.88rem;transition:.2s}.button:hover{background:transparent;color:var(--lime)}.button.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.button.outline:hover{border-color:var(--lime);color:var(--lime)}.hero{position:relative;min-height:690px;display:flex;align-items:flex-end;overflow:hidden;background:#252a2a}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.94) 0%,rgba(8,10,11,.68) 48%,rgba(8,10,11,.12) 100%),linear-gradient(0deg,rgba(8,10,11,.72),transparent 60%),var(--hero-image, url('https://images.unsplash.com/photo-1555597673-b21d5c935865?auto=format&fit=crop&w=2000&q=85')) center 35%/cover}.hero:after{content:"UCC";position:absolute;right:-.04em;bottom:-.35em;font-size:clamp(12rem,35vw,31rem);font-weight:950;letter-spacing:-.11em;color:rgba(255,255,255,.045);line-height:1}.hero-content{position:relative;z-index:1;padding:110px 0 90px;max-width:850px}.hero h1{font-size:clamp(3.5rem,8vw,7.8rem);line-height:.91;letter-spacing:-.075em;margin:20px 0 28px;font-weight:950}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:clamp(1rem,1.5vw,1.2rem);max-width:580px;color:#d4d6d4;margin:0 0 32px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin-top:54px;display:flex;gap:26px;flex-wrap:wrap;color:#c4c7c4;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.hero-note b{color:white}.section{padding:105px 0}.section.light{background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;margin-bottom:48px}.section h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.07em;margin:12px 0;font-weight:950}.section-intro{max-width:600px;color:#b9bcbb;font-size:1.08rem}.light .section-intro{color:#5f6463}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:28px;border:1px solid rgba(255,255,255,.15);min-height:245px;position:relative;background:rgba(255,255,255,.025)}.feature .num{font-size:.8rem;color:var(--lime);font-weight:900;letter-spacing:.12em}.feature h3{font-size:1.45rem;line-height:1.1;letter-spacing:-.04em;margin:42px 0 12px}.feature p{margin:0;color:#b9bcbb;font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.visual{min-height:480px;position:relative;background:#292e2e;overflow:hidden}.visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.72)}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}.visual-tag{position:absolute;z-index:1;bottom:24px;left:24px;background:var(--lime);color:#101214;padding:9px 12px;font-weight:900;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.checklist{padding:0;list-style:none;margin:28px 0}.checklist li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);display:flex;gap:14px}.checklist li:before{content:"↗";color:var(--lime);font-weight:900}.light .checklist li{border-color:rgba(0,0,0,.15)}.light .checklist li:before{color:#536900}.quote-band{background:var(--lime);color:#111315;padding:65px 0}.quote-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.quote-band h2{font-size:clamp(2rem,4.4vw,4.5rem);line-height:.98;letter-spacing:-.065em;margin:0;max-width:800px}.quote-band .button{border-color:#111315;background:#111315;color:white;white-space:nowrap}.quote-band .button:hover{background:transparent;color:#111315}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:2px solid var(--lime);padding-top:20px}.step strong{font-size:.78rem;color:var(--lime);letter-spacing:.15em}.step h3{font-size:1.4rem;margin:14px 0 8px}.step p{color:#b9bcbb;margin:0}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#202426;padding:clamp(28px,5vw,64px)}.contact-panel h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.07em;margin:12px 0 24px}.contact-info{display:flex;flex-direction:column;justify-content:center;gap:18px}.contact-row{border-bottom:1px solid var(--line);padding:0 0 16px}.contact-row small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.contact-row strong{font-size:1.05rem}.site-footer{padding:32px 0;border-top:1px solid var(--line);color:#aeb2b0;font-size:.8rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a:hover{color:var(--lime)}.mobile-toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:9px 12px;font:inherit}.notice{font-size:.78rem;color:#9da3a0;margin-top:18px}
@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 32px))}.nav{min-height:70px}.mobile-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:70px;background:#111315;padding:22px 24px 28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.menu.is-open{display:flex}.menu .button{width:100%}.hero{min-height:650px}.hero-content{padding:90px 0 60px}.section{padding:72px 0}.section-head,.split,.contact-panel{grid-template-columns:1fr;gap:26px}.grid3,.steps{grid-template-columns:1fr}.feature{min-height:unset}.feature h3{margin-top:24px}.visual{min-height:350px}.quote-band .wrap{align-items:flex-start;flex-direction:column}.quote-band{padding:48px 0}}

.brand-logo{display:block;width:min(340px,42vw)}.brand-logo img{width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center}
.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.schedule-day{border:1px solid var(--line);padding:22px;background:rgba(255,255,255,.025)}.schedule-day h3{color:var(--lime);font-size:1.25rem;margin:0 0 16px}.schedule-day p{font-size:.88rem;color:#c5c8c6;margin:0;padding:9px 0;border-top:1px solid rgba(255,255,255,.1)}.schedule-day b{display:block;color:#fff;font-size:.82rem}
.map-card{min-height:400px;background:#dfe4d8;color:#202722;padding:18px;overflow:hidden}.map-lines{position:relative;min-height:350px;height:100%;background-color:#e6e9df;background-image:linear-gradient(25deg,transparent 46%,#fff 47%,#fff 50%,transparent 51%),linear-gradient(115deg,transparent 40%,#c6d4b8 41%,#c6d4b8 57%,transparent 58%),linear-gradient(75deg,transparent 62%,#fff 63%,#fff 66%,transparent 67%);overflow:hidden}.road{position:absolute;display:block;background:#fff;border:1px solid #d3d8cf;height:16px;width:130%;left:-15%;top:48%;transform:rotate(-20deg)}.road-b{top:22%;transform:rotate(55deg)}.road-c{top:75%;transform:rotate(8deg);height:11px}.road-d{top:48%;transform:rotate(80deg);height:12px}.map-pin{position:absolute;left:51%;top:40%;width:34px;height:34px;border-radius:50% 50% 50% 0;background:#d6ff3f;border:3px solid #1b211a;color:#1b211a;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;font-size:12px}.map-label{position:absolute;left:calc(51% + 25px);top:37%;background:#111315;color:white;padding:12px 14px;font-size:.7rem;letter-spacing:.08em;line-height:1.5;box-shadow:0 4px 18px #0002}.map-label b{font-size:.9rem;letter-spacing:0}.map-neighborhood{position:absolute;bottom:18px;left:18px;font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#53624c}
@media(max-width:800px){.schedule{grid-template-columns:1fr}.brand-logo{width:min(270px,65vw)}.map-card{min-height:320px}.map-lines{min-height:280px}}