:root{--bg:#0a0a0a;--soft:#f3f3f1;--text:#f5f5f0;--dark:#141414;--muted:#b7b7ae;--brand:#f1cd11;--radius:22px;--container:1180px;--shadow:0 16px 50px rgba(0,0,0,.18)}

    .hero{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.44) 100%),radial-gradient(circle at top right,rgba(241,205,17,.16),transparent 34%),url('/images/kurierdienst-renna-taxi-tuebingen.webp') center/cover no-repeat}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:104px 0 88px}
    .eyebrow{display:inline-block;margin-bottom:16px;color:var(--brand);font-size:.92rem;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{margin:0;font-weight:300;letter-spacing:.03em}.hero h1{font-size:clamp(2.9rem,5.6vw,5.6rem);line-height:1.02;max-width:9ch;text-transform:uppercase}.hero-copy{max-width:680px;margin-top:24px;color:#ece9dc;font-size:1.08rem}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
    .panel{padding:28px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:var(--shadow)} .panel h2{font-size:1.4rem;font-weight:700;text-transform:uppercase;margin-bottom:12px}.panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.panel li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08)}
    .section-light{background:var(--soft);color:var(--dark)} .section-dark{background:#090909;color:#fff}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:34px}.headline{font-size:clamp(2.2rem,4.2vw,4.2rem);line-height:1.05;text-transform:uppercase;max-width:10ch}.section-head p{max-width:720px;margin:0;color:#4b4b4b}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;color:#111;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:28px;box-shadow:0 16px 40px rgba(0,0,0,.05)}.card h3{font-size:1.15rem;font-weight:700;text-transform:uppercase;margin-bottom:10px}.card p{margin:0;color:#444}
    .city-links{columns:3;column-gap:28px;list-style:none;padding:0;margin:0}.city-links li{break-inside:avoid;margin:0 0 8px}.city-links a{color:#111;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.city-links a:hover{color:#8c7400}

    @media (max-width:1024px){
  .hero-grid,
  .grid{
    grid-template-columns:1fr;
  }

  .footer-row,
  .footer-center{
    flex-direction:column;
    text-align:center;
  } .section-head{display:block}.section-head p{margin-top:16px}.city-links{columns:2}}
    @media (max-width:640px){.hero-grid{padding:84px 0 76px}.city-links{columns:1}}
.eyebrow-dark{color:#8c7400}
.section-dark-copy{color:#d8d3c6}
.nav-links a[aria-current="page"]{color:var(--brand)}