
:root{
  --airport-navy:#17324d;
  --airport-blue:#176fa6;
  --airport-sky:#eaf4fa;
  --airport-bg:#f5f8fa;
  --airport-line:#d9e4eb;
  --airport-text:#1b2b38;
  --airport-muted:#5d6e7b;
  --airport-white:#fff;
  --airport-shadow:0 12px 34px rgba(23,50,77,.10);
}
body.page-flughafentransfer-stuttgart{background:var(--airport-bg);color:var(--airport-text)}
.subpage-hero{
  background:linear-gradient(135deg,#102b43,#174d72 68%,#176fa6);
  color:#fff;padding:64px 0 54px;
}
.subpage-hero .eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d9eef9;margin-bottom:10px}
.subpage-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:0 0 16px;max-width:900px}
.subpage-hero p{font-size:19px;line-height:1.65;max-width:850px;color:#e6f1f7;margin:0 0 22px}
.cluster-wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.breadcrumb-lite{background:#fff;border-bottom:1px solid var(--airport-line)}
.breadcrumb-lite .cluster-wrap{padding:11px 0;font-size:14px;color:var(--airport-muted)}
.breadcrumb-lite a{color:var(--airport-blue);text-decoration:none}
.cluster-section{padding:52px 0}
.cluster-section h2{font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--airport-navy);margin:0 0 14px}
.cluster-section .lead{font-size:18px;color:var(--airport-muted);max-width:880px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.info-card{background:#fff;border:1px solid var(--airport-line);border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(23,50,77,.05)}
.info-card h3{margin:0 0 8px;color:var(--airport-navy);font-size:21px}
.info-card p{margin:0;color:var(--airport-muted)}
.callout{background:#fff;border:1px solid #bcd6e6;border-left:5px solid var(--airport-blue);border-radius:16px;padding:22px 24px;margin-top:24px;box-shadow:var(--airport-shadow)}
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--airport-shadow);margin-top:22px}
.compare th,.compare td{padding:14px 16px;border-bottom:1px solid var(--airport-line);text-align:left;vertical-align:top}
.compare th{background:#eaf4fa;color:var(--airport-navy)}
.link-cluster{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.link-card{background:#fff;border:1px solid var(--airport-line);border-radius:16px;padding:20px}
.link-card h3{margin:0 0 8px;color:var(--airport-navy)}
.link-card a{color:var(--airport-blue);font-weight:800;text-decoration:none}
.faq details{background:#fff;border:1px solid var(--airport-line);border-radius:14px;padding:16px 18px;margin:10px 0}
.faq summary{font-weight:800;cursor:pointer;color:var(--airport-navy)}
.faq p{color:var(--airport-muted)}
.cta-panel{background:linear-gradient(135deg,#102b43,#174d72);color:#fff;border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--airport-shadow)}
.cta-panel h2{color:#fff;margin:0 0 8px}
.cta-panel p{margin:0;color:#e5eff5}
.cta-panel .hero-actions{margin:0;flex-shrink:0}
.micro-note{font-size:13px;color:var(--airport-muted);margin-top:10px}
@media(max-width:860px){.info-grid,.link-cluster{grid-template-columns:1fr}.cta-panel{display:block}.cta-panel .hero-actions{margin-top:18px}.compare{font-size:14px}}
