:root { --pf-accent: var(--pf-magenta); --pf-accent-tint: var(--pf-magenta-tint); }
  html { scroll-behavior: smooth; scroll-padding-top: 130px; }
  body { background: var(--surface-page); }
  a { color: var(--pf-violet); }
  a:hover { color: var(--pf-magenta); }
  .cta-pill { transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .cta-pill:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }
  .companion-link { transition: opacity var(--dur-fast) var(--ease-out); }
  .companion-link:hover { opacity: 0.75; }
  .pillar-card { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .pillar-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
  .btn-outline-magenta { transition: background var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .btn-outline-magenta:hover { background: var(--pf-magenta-tint); transform: translateY(-2px); }
  .fmt-paths-grid { display:grid; grid-template-columns:1fr; gap:calc(var(--space-6) * 2); align-items:stretch; }
  .fmt-split { grid-template-columns:1fr; }
  .fmt-split-b { grid-template-columns:1fr; }
  .fmt-split-b .fmt-media { order:-1; }
  @media (min-width:720px) {
    .fmt-split, .fmt-split-b { min-height:400px; }
    .fmt-split { grid-template-columns:minmax(340px, 0.9fr) minmax(0, 1fr); }
    .fmt-split .fmt-media { height:100% !important; min-height:310px; }
    .fmt-split-b { grid-template-columns:minmax(0, 1fr) minmax(340px, 0.9fr); }
    .fmt-split-b .fmt-media { order:0; height:100% !important; min-height:310px; }
  }
  .acc-panel.open { grid-template-rows: 1fr; }
  .inhouse-fields.open { grid-template-rows:1fr; opacity:1; }
  /* Inhaltlicher Einblick – Phasen */
  .phase-flow { display:flex; align-items:stretch; gap:var(--space-4); }
  .phase-arrow { flex:0 0 auto; align-self:center; display:inline-flex; color:var(--pf-magenta); opacity:0.55; }
  @media (max-width: 860px) { .phase-flow { flex-direction:column; } .phase-arrow { transform:rotate(90deg); align-self:center; } .phase-card { flex:0 0 auto !important; overflow:visible !important; } }
  @media (max-width: 760px) { .companion-card { grid-template-columns:1fr !important; } .companion-media { height:clamp(200px, 58vw, 300px) !important; min-height:0 !important; } .pillar-grid { grid-template-columns:1fr !important; } }
  @media (max-width: 860px) { .hero-grid { grid-template-columns: 1fr !important; } .form-row { grid-template-columns: 1fr !important; } }
  .pf-count { white-space:nowrap; padding-block:0.14em; margin-block:-0.14em; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  @media (max-width: 640px) {
    .trust-metric .pf-count { font-size:1.75rem !important; flex:0 0 8.5rem; min-width:8.5rem; }
  }
  .herbst-cols { }
  .date-media { display:flex; flex-direction:column; gap:var(--space-4); }
  .date-img { border-radius:12px; overflow:hidden; aspect-ratio:16 / 10; box-shadow:0 6px 20px rgba(21,19,26,0.10); }
  /* Desktop: Bild füllt die Höhe der Detailspalte, damit unter dem Button kein Leerraum entsteht */
  @media (min-width: 721px) { .date-img { flex:1 1 auto; aspect-ratio:auto; min-height:220px; } }
  @media (max-width: 720px) { .herbst-cols { grid-template-columns:1fr !important; } }
  @media (min-width: 721px) { .herbst-cols[data-swap="true"] { grid-template-columns:0.95fr 1.05fr !important; } .herbst-cols[data-swap="true"] > :first-child { order:2; } }
  .reg-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); }
  @media (max-width: 860px) { .reg-form-grid { grid-template-columns:1fr !important; } }
  .reg-label { display:block; margin-bottom:0.55rem; color:var(--pf-magenta); }
  .reg-ausb-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); }
  @media (max-width: 640px) { .reg-ausb-grid { grid-template-columns:1fr; } }
  .reg-cta { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; height:56px; padding:0 2rem; border:none; border-radius:var(--radius-pill); background:var(--pf-magenta); color:#fff; font-family:var(--font-body); font-weight:700; font-size:var(--fs-small); letter-spacing:0.04em; text-transform:uppercase; cursor:pointer; transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); }
  .reg-cta:hover { background:color-mix(in srgb, var(--pf-magenta) 86%, #000); transform:translateY(-1px); }
  .reg-cta:focus-visible { outline:2px solid var(--pf-magenta); outline-offset:3px; }
  .reg-cta[disabled] { opacity:0.6; cursor:default; }
  @media (max-width: 860px) { .reg-cta { width:100%; } }