/* ==========================================================================
   Inhaltsseiten: Über uns, Impressum, Datenschutz, AGB
   lädt nach design-system.css, page.css, page-b.css
   ========================================================================== */
.page-content { background: #fff; color: var(--cd-deep-navy); }
.page-content .section { border-top: 0; padding-block: clamp(3rem, 6vw, 5rem); }
.page-content h1 { font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4rem); line-height: 1.04; letter-spacing: -0.03em; max-width: 14ch; }
.page-content h2 { letter-spacing: -0.02em; }
.page-content .intro { font-size: var(--fs-lg, 1.15rem); max-width: 58ch; color: #33415C; }
.page-content .alt { background: var(--allgemein-alt); }

/* Kopf der Inhaltsseiten */
.c-head { padding-block: clamp(3rem, 7vw, 5.5rem) clamp(1.5rem, 3vw, 2.5rem); }
.c-head .kicker { color: #4A5670; }
.c-stamp { display: inline-block; margin-top: var(--s-4); font-size: var(--fs-sm); color: #4A5670; }

/* Prototyp-Hinweis */
.proto-hint { margin: var(--s-5) 0 0; padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: #FFF4D6; color: #5A4300; border-left: 4px solid #F29100; font-size: var(--fs-sm); max-width: 72ch; }
.proto-hint strong { color: #3D2E00; }

/* Fließtext-Dokument mit Inhaltsverzeichnis */
.doc { display: grid; gap: var(--s-7); grid-template-columns: minmax(0, 240px) minmax(0, 1fr); align-items: start; }
@media (max-width: 899px) { .doc { grid-template-columns: 1fr; gap: var(--s-5); } }
.doc-toc { position: sticky; top: calc(var(--header-h, 72px) + 24px); font-size: var(--fs-sm); }
@media (max-width: 899px) { .doc-toc { position: static; } }
.doc-toc h2 { font-size: var(--fs-sm); text-transform: none; letter-spacing: 0; margin-bottom: var(--s-3); }
.doc-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.doc-toc a { display: block; padding: 6px 10px; border-radius: var(--r-sm); text-decoration: none; color: var(--cd-deep-navy); }
.doc-toc a:hover { background: var(--allgemein-alt); }
.doc-body { max-width: 72ch; }
.doc-body h2 { font-size: clamp(1.35rem, 1.1rem + .8vw, 1.75rem); margin: var(--s-7) 0 var(--s-3); scroll-margin-top: calc(var(--header-h, 72px) + 24px); }
.doc-body h2:first-child { margin-top: 0; }
.doc-body h3 { font-size: var(--fs-lg, 1.15rem); margin: var(--s-5) 0 var(--s-2); }
.doc-body p, .doc-body li { line-height: 1.65; }
.doc-body ul { padding-left: 1.2em; }
.doc-body address { font-style: normal; line-height: 1.65; }
.doc-card { background: var(--allgemein-alt); border-radius: var(--r-lg); padding: var(--s-5) var(--s-6); margin: var(--s-4) 0; }
.doc-card p:last-child { margin-bottom: 0; }

/* Über uns: Hero */
.u-hero-grid { display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; }
@media (max-width: 859px) { .u-hero-grid { grid-template-columns: 1fr; } }
.u-hero-grid figure { margin: 0; border-radius: var(--r-lg); overflow: hidden; }
.u-hero-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.u-facts { list-style: none; margin: var(--s-6) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-6); }
.u-facts li { display: grid; }
.u-facts b { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem); font-weight: var(--w-extra); letter-spacing: -0.02em; line-height: 1.1; }
.u-facts span { font-size: var(--fs-sm); color: #4A5670; }

/* Zeitstrahl */
.timeline { list-style: none; margin: var(--s-6) 0 0; padding: 0; position: relative; max-width: 820px; }
.timeline::before { content: ""; position: absolute; left: 7.5rem; top: 10px; bottom: 10px; width: 2px; background: #D7DCE5; }
.timeline li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 0 var(--s-6); padding-bottom: var(--s-6); position: relative; }
.timeline li::before { content: ""; position: absolute; left: calc(7.5rem - 7px); top: 8px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--cd-brand-blue); }
.timeline .when { font-weight: var(--w-extra); font-size: var(--fs-lg, 1.15rem); padding-right: var(--s-5); text-align: right; }
.timeline h3 { margin: 0 0 var(--s-2) var(--s-4); font-size: var(--fs-lg, 1.15rem); }
.timeline p { margin: 0 0 0 var(--s-4); color: #33415C; }
@media (max-width: 599px) {
  .timeline::before { left: 7px; }
  .timeline li { grid-template-columns: 1fr; padding-left: var(--s-6); }
  .timeline li::before { left: 0; }
  .timeline .when { text-align: left; padding: 0; margin-bottom: var(--s-1); }
  .timeline h3, .timeline p { margin-left: 0; }
}

/* Werte */
.values { list-style: none; margin: var(--s-6) 0 0; padding: 0; display: grid; gap: var(--s-5); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 859px) { .values { grid-template-columns: 1fr; } }
.values li { background: #fff; border-radius: var(--r-lg); padding: var(--s-5) var(--s-5) var(--s-6); }
.values .v-ico { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--cd-deep-navy); color: #fff; margin-bottom: var(--s-4); }
.values .v-ico svg { width: 26px; height: 26px; }
.values h3 { font-size: var(--fs-lg, 1.15rem); margin-bottom: var(--s-2); }
.values p { margin: 0; color: #33415C; }

/* Team */
.team-grid { display: grid; gap: var(--s-6) var(--s-5); grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--s-6); }
@media (max-width: 859px) { .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.team-grid figure { margin: 0; display: grid; gap: var(--s-3); align-content: start; }
.team-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-lg); display: block; background: #EEF0F3; }
.team-grid .name { font-weight: var(--w-bold); font-size: var(--fs-lg, 1.1rem); }
.team-grid .role { color: #4A5670; font-size: var(--fs-sm); }
.team-grid a { font-size: var(--fs-sm); overflow-wrap: anywhere; }
.team-grid figcaption { display: grid; gap: 2px; }

/* Aufbau-Animation */
.js-anim .page-content .rv { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--d, 0) * 80ms); }
.js-anim .page-content .rv.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .js-anim .page-content .rv { opacity: 1; transform: none; transition: none; } }
@media print { .js-anim .page-content .rv { opacity: 1 !important; transform: none !important; } .site-header, .site-footer, .contact-bar, .doc-toc { display: none; } }

/* Fahrzeugbestand */
.fb-quick { list-style: none; margin: var(--s-5) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-3); }
.fb-chip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--s-5); border-radius: var(--r-pill); border: 2px solid var(--cd-deep-navy); color: var(--cd-deep-navy); font-weight: var(--w-bold); text-decoration: none; transition: background .2s, color .2s; }
.fb-chip:hover, .fb-chip:focus-visible { background: var(--cd-deep-navy); color: #fff; }
.fb-chip-kabe { background: #111F3D; border-color: #111F3D; color: #fff; }
.fb-chip-kabe:hover, .fb-chip-kabe:focus-visible { background: #22355F; border-color: #22355F; }
.fb-chip-etrusco { background: #C3E0EB; border-color: #C3E0EB; color: #0B2A3A; }
.fb-chip-etrusco:hover, .fb-chip-etrusco:focus-visible { background: #A9D3E2; border-color: #A9D3E2; color: #0B2A3A; }
.fb-frame { border-radius: var(--r-lg); overflow: hidden; background: var(--allgemein-alt); min-height: 420px; display: grid; }
.fb-frame iframe { width: 100%; height: min(1600px, 150vh); border: 0; display: block; background: #fff; }
.fb-frame.is-loaded { background: #fff; box-shadow: 0 0 0 1px #E3E7EE; }
.fb-consent { place-self: center; max-width: 560px; text-align: center; padding: var(--s-7) var(--s-5); }
.fb-consent svg { display: block; margin: 0 auto var(--s-3); width: 56px; height: 56px; color: var(--cd-deep-navy); margin-bottom: var(--s-3); }
.fb-consent h2 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); margin-bottom: var(--s-3); }
.fb-consent p { color: #33415C; }
.fb-consent-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); justify-content: center; margin: var(--s-5) 0 var(--s-3); }
.fb-note { font-size: var(--fs-sm); margin: 0; }
.fb-fallback { font-size: var(--fs-sm); color: #4A5670; margin-top: var(--s-3); }
.fb-advice { display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 320px) minmax(0, 1fr); align-items: center; }
@media (max-width: 759px) { .fb-advice { grid-template-columns: 1fr; } .fb-advice figure { max-width: 260px; } }
.fb-advice figure { margin: 0; }
.fb-advice img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-lg); display: block; }
.fb-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-5); }

.fb-revoke { background: none; border: 0; padding: 0; font: inherit; color: var(--cd-brand-blue); text-decoration: underline; cursor: pointer; margin-right: var(--s-3); }
.fb-chip-etrusco { box-shadow: inset 0 0 0 1px rgba(11,42,58,.3); }

/* Eingebettete Inhalte auf dunklem Grund (KABE) */
.fb-frame.on-dark { background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.fb-frame.on-dark.is-loaded { background: #fff; }
.fb-frame.on-dark .fb-consent, .fb-frame.on-dark .fb-consent p, .fb-frame.on-dark .fb-consent svg { color: #fff; }
.fb-frame.on-dark .fb-consent a:not(.btn) { color: #fff; }
.fb-frame.on-dark .fb-consent h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); margin-bottom: var(--s-3); }
.fb-frame.on-dark .btn-secondary { color: #fff; border-color: rgba(255,255,255,.7); }
.fb-frame.on-dark .btn-secondary:hover { background: rgba(255,255,255,.12); }
.fb-frame#kfg-frame iframe { height: min(900px, 120vh); }
.kfg-intro { max-width: 52ch; margin: 0; }
.kfg-after { margin-top: var(--s-5); display: grid; gap: var(--s-2); }
.kfg-after p { margin: 0; max-width: 70ch; }
.page-kabe .fb-revoke { color: #fff; }

/* Fahrzeugbestand v2: Markenrahmen */
.fb-hero { position: relative; color: #fff; isolation: isolate; overflow: hidden; }
.fb-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.fb-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(17,31,61,.94) 0%, rgba(17,31,61,.82) 45%, rgba(17,31,61,.45) 100%); }
.fb-hero .container { padding-block: clamp(4rem, 10vw, 7rem) clamp(2.5rem, 6vw, 4rem); }
.fb-hero .kicker { color: #F2B45C; }
.page-content .fb-hero h1 { color: #fff; max-width: 15ch; }
.fb-lead { font-size: var(--fs-lg, 1.15rem); max-width: 52ch; color: rgba(255,255,255,.9); margin-top: var(--s-4); }
.fb-hero .fb-chip-kabe { box-shadow: inset 0 0 0 2px rgba(255,255,255,.55); }
.fb-chip-ghost { border-color: rgba(255,255,255,.8); color: #fff; }
.fb-chip-ghost:hover, .fb-chip-ghost:focus-visible { background: #fff; color: var(--cd-deep-navy); }
.fb-points-wrap { padding-block: clamp(2rem, 4vw, 3rem) !important; }
.fb-points { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-5); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 859px) { .fb-points { grid-template-columns: 1fr; gap: var(--s-4); } }
.fb-points li { display: flex; gap: var(--s-4); align-items: flex-start; }
.fb-points .v-ico { flex: none; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--cd-deep-navy); color: #fff; }
.fb-points .v-ico svg { width: 24px; height: 24px; }
.fb-points h2 { font-size: var(--fs-lg, 1.15rem); margin: 0 0 var(--s-1); letter-spacing: 0; }
.fb-points p { margin: 0; color: #33415C; }
.fb-box { border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 0 0 1px #E3E7EE, 0 18px 40px -24px rgba(17,31,61,.35); }
.fb-box .fb-frame { border-radius: 0; box-shadow: none; }
.fb-bar { display: flex; align-items: center; gap: var(--s-4); background: var(--cd-deep-navy); color: #fff; padding: var(--s-3) var(--s-5); flex-wrap: wrap; }
.fb-bar img { height: 26px; width: auto; }
.fb-bar h2 { font-size: var(--fs-base, 1rem); margin: 0; display: flex; align-items: center; gap: var(--s-2); color: #fff; letter-spacing: 0; flex: 1; }
.fb-bar a { color: #fff; font-size: var(--fs-sm); }
.fb-live { width: 10px; height: 10px; border-radius: 50%; background: #3DDC84; box-shadow: 0 0 0 0 rgba(61,220,132,.6); animation: fb-pulse 2s infinite; }
@keyframes fb-pulse { 70% { box-shadow: 0 0 0 8px rgba(61,220,132,0); } 100% { box-shadow: 0 0 0 0 rgba(61,220,132,0); } }
@media (prefers-reduced-motion: reduce) { .fb-live { animation: none; } }
@media (max-width: 599px) { .fb-bar img { display: none; } }
.fb-consent h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); margin-bottom: var(--s-3); }