/* CURÉA pflegecheck · app.css · Build 20261110144745 · Ziel production
   Zusammengefasst aus src/assets/css/: tokens.css, ds.css, seite.css. Nicht bearbeiten — Quelle ändern und neu bauen. */

/* ==== tokens.css ==== */
/* CURÉA Partnerseite · tokens.css
   Unveränderte Kopie von design-system/tokens/tokens.css (Design-System 0.3.0, identisch mit design-input/_ds/…/_ds_bundle.css
   bis auf die @font-face-Pfade). Liegt im Build in assets/css/app.css → url("../fonts/…") = assets/fonts/. Nicht von Hand ändern. */
/* ============================================================
   CURÉA — Design Tokens als CSS Custom Properties (--cu-*)
   AUTOMATISCH ERZEUGT aus src/tokens.ts (npm run tokens) — nicht von Hand ändern.
   VORLÄUFIG: abgeleitet aus dem Website-Entwurf vom 30.09.2026.
   Schrift selbst gehostet (fonts/, SIL OFL 1.1) — kein Google-Fonts-CDN.
   ============================================================ */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 400;
  src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 700;
  src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Farben */
  --cu-forest: #1C3228;
  --cu-forest-deep: #0F1C16;
  --cu-forest-hover: #26422F;
  --cu-orange-cta: #FA7201;
  --cu-orange-cta-hover: #D96400;
  --cu-orange: #F28B03;
  --cu-green: #52AC30;
  --cu-sand-green: #E2EED6;
  --cu-sand-mid: #EEEBD3;
  --cu-sand-warm: #FAE9D2;
  --cu-light: #F7F6EA;
  --cu-text: #50525B;
  --cu-text-strong: #1C3228;
  --cu-text-on-dark: #FFFFFF;
  --cu-text-on-dark-muted: rgba(255,255,255,0.72);
  --cu-white: #FFFFFF;
  --cu-surface-muted: #F1ECD9;
  --cu-surface-on-tint: rgba(255,255,255,0.55);
  --cu-label-dark: rgba(28,50,40,0.9);
  --cu-line: #E6E3D2;
  --cu-line-on-tint: rgba(28,50,40,0.14);
  --cu-line-on-dark: rgba(255,255,255,0.18);
  --cu-focus: rgba(250,114,1,0.6);
  --cu-danger: #B42318;
  /* Verläufe */
  --cu-gradient-tint: linear-gradient(to right, #E2EED6 0%, #EEEBD3 52%, #FAE9D2 100%);
  --cu-gradient-hero-overlay: linear-gradient(90deg, rgba(28,50,40,0.86) 0%, rgba(28,50,40,0.55) 45%, rgba(28,50,40,0.16) 100%);
  --cu-gradient-banner-overlay: linear-gradient(90deg, rgba(28,50,40,0.80) 0%, rgba(28,50,40,0.48) 55%, rgba(28,50,40,0.20) 100%);
  /* Schrift */
  --cu-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cu-fw-regular: 400;
  --cu-fw-bold: 700;
  /* Typo-Skala */
  --cu-display-size: 66px;
  --cu-display-line: 1.1;
  --cu-display-weight: 700;
  --cu-display-tracking: -0.01em;
  --cu-h1-size: 50px;
  --cu-h1-line: 1.2;
  --cu-h1-weight: 700;
  --cu-h1-tracking: -0.01em;
  --cu-h2-size: 38px;
  --cu-h2-line: 1.22;
  --cu-h2-weight: 700;
  --cu-h2-tracking: -0.005em;
  --cu-h3-size: 28px;
  --cu-h3-line: 1.25;
  --cu-h3-weight: 700;
  --cu-h3-tracking: 0;
  --cu-h4-size: 21px;
  --cu-h4-line: 1.3;
  --cu-h4-weight: 700;
  --cu-h4-tracking: 0;
  --cu-title-size: 18px;
  --cu-title-line: 1.35;
  --cu-title-weight: 700;
  --cu-title-tracking: 0;
  --cu-lead-size: 20px;
  --cu-lead-line: 1.6;
  --cu-lead-weight: 400;
  --cu-lead-tracking: 0;
  --cu-body-size: 16px;
  --cu-body-line: 1.55;
  --cu-body-weight: 400;
  --cu-body-tracking: 0;
  --cu-small-size: 14px;
  --cu-small-line: 1.5;
  --cu-small-weight: 400;
  --cu-small-tracking: 0;
  --cu-button-size: 15px;
  --cu-button-line: 1;
  --cu-button-weight: 700;
  --cu-button-tracking: 0.01em;
  --cu-eyebrow-size: 12px;
  --cu-eyebrow-line: 1.2;
  --cu-eyebrow-weight: 700;
  --cu-eyebrow-tracking: 0.06em;
  --cu-caption-size: 12px;
  --cu-caption-line: 1.3;
  --cu-caption-weight: 400;
  --cu-caption-tracking: 0;
  --cu-stat-size: 38px;
  --cu-stat-line: 1.1;
  --cu-stat-weight: 700;
  --cu-stat-tracking: 0;
  /* Abstände */
  --cu-space-1: 4px;
  --cu-space-2: 8px;
  --cu-space-3: 12px;
  --cu-space-4: 16px;
  --cu-space-5: 20px;
  --cu-space-6: 24px;
  --cu-space-7: 28px;
  --cu-space-8: 32px;
  --cu-space-10: 40px;
  --cu-space-12: 48px;
  --cu-space-16: 64px;
  --cu-space-20: 80px;
  --cu-space-24: 96px;
  --cu-space-30: 120px;
  --cu-space-40: 160px;
  /* Radien */
  --cu-r-sm: 10px;
  --cu-r-md: 16px;
  --cu-r-lg: 20px;
  --cu-r-pill: 999px;
  /* Schatten */
  --cu-shadow-none: none;
  --cu-shadow-soft: 0 14px 34px -18px rgba(28,50,40,0.28);
  --cu-shadow-focus: 0 0 0 3px rgba(250,114,1,0.55);
  /* Layout */
  --cu-container: 1366px;
  --cu-gutter: 24px;
  --cu-header-height: 100px;
  --cu-section-y: clamp(64px, 9vw, 128px);
  --cu-grid-gap: 28px;
  --cu-card-gap: 40px;
  --cu-wave-height: 44px;
  /* Bewegung */
  --cu-motion-fast: 150ms;
  --cu-motion-base: 250ms;
  --cu-motion-ease: cubic-bezier(.2,.7,.2,1);
}

/* Basis: die Markenschrift gilt für die ganze Seite. Ohne diese Regel fällt jeder
   Text, der nicht in einer CURÉA-Komponente steckt (eigener Layout-Kleber mit
   Inline-Styles), auf die Standardschrift des Browsers zurück. */
html,
body {
  font-family: var(--cu-font);
}

/* ==== ds.css ==== */
/* CURÉA Partnerseite · ds.css
   Komponenten-CSS des Design-Systems, byte-gleich mit dem String, den _ds_bundle.js (design-input/_ds/…) zur Laufzeit als
   <style id="cu-ds-styles"> injiziert (per VM extrahiert, per CSSOM gegen dist/_referenz/all-css-1440.css geprüft: 228/228 Regeln gleich).
   Die Base64-Schrift (<style id="cu-ds-fonts">) ist bewusst NICHT übernommen: identische woff2-Dateien über tokens.css.
   Nicht von Hand ändern. */

/* CURÉA Design System — generiert aus src/tokens.ts. Nicht von Hand ändern. */
[class^="cu-"],[class*=" cu-"],[class^="cu-"] *,[class*=" cu-"] *{box-sizing:border-box}
.cu-root{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:#50525B;-webkit-font-smoothing:antialiased}

/* ---------- Layout ---------- */
.cu-container{width:100%;max-width:calc(1366px + 2 * 24px);margin:0 auto;padding:0 24px}
.cu-section{position:relative;padding:clamp(64px, 9vw, 128px) 0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
.cu-section--white{background:#FFFFFF}
.cu-section--tint{background:linear-gradient(to right, #E2EED6 0%, #EEEBD3 52%, #FAE9D2 100%)}
.cu-section--light{background:#F7F6EA}
.cu-section--dark{background:#1C3228;color:#FFFFFF}
.cu-section--image{background-color:#1C3228;background-size:cover;background-position:center;color:#FFFFFF}
.cu-section__overlay{position:absolute;inset:0;pointer-events:none}
.cu-section__inner{position:relative;z-index:1}
.cu-section--flush{padding:0}

/* ---------- Wellen-Kante (Pinselkante) ---------- */
.cu-wave{position:absolute;left:0;right:0;width:100%;height:44px;z-index:2;pointer-events:none;display:block}
.cu-wave--top{top:-1px}
.cu-wave--bottom{bottom:-1px;transform:scaleY(-1)}
.cu-wave--flip.cu-wave--top{transform:scaleX(-1)}
.cu-wave--flip.cu-wave--bottom{transform:scale(-1,-1)}

/* ---------- Typografie ---------- */
.cu-h{margin:0;color:#1C3228;text-wrap:balance}
.cu-h--display{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:66px;line-height:1.1;font-weight:700;letter-spacing:-0.01em}
.cu-h--h1{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:50px;line-height:1.2;font-weight:700;letter-spacing:-0.01em}
.cu-h--h2{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:38px;line-height:1.22;font-weight:700;letter-spacing:-0.005em}
.cu-h--h3{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:28px;line-height:1.25;font-weight:700;letter-spacing:0}
.cu-h--h4{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:0}
.cu-h--title{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0}
.cu-h--on-dark{color:#FFFFFF}
.cu-h--center{text-align:center}
.cu-lead{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:20px;line-height:1.6;font-weight:400;letter-spacing:0;color:#50525B}
.cu-text{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;color:#50525B}
.cu-text--small{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0}
.cu-text--on-dark,.cu-lead--on-dark{color:#FFFFFF}
.cu-text--muted-on-dark{color:rgba(255,255,255,0.72)}
.cu-text strong,.cu-lead strong{font-weight:700;color:inherit}
.cu-text--center{text-align:center}
.cu-eyebrow{display:block;margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#F28B03}
.cu-eyebrow--on-dark{color:#F28B03}
.cu-eyebrow--center{text-align:center}
@media (max-width:900px){
  .cu-h--display{font-size:44px}
  .cu-h--h1{font-size:36px}
  .cu-h--h2{font-size:30px}
  .cu-h--h3{font-size:24px}
  .cu-lead{font-size:18px}
}

/* ---------- Buttons ---------- */
.cu-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:999px;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:15px;line-height:1;font-weight:700;letter-spacing:0.01em;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color 250ms cubic-bezier(.2,.7,.2,1),border-color 250ms cubic-bezier(.2,.7,.2,1),color 250ms cubic-bezier(.2,.7,.2,1),transform 150ms cubic-bezier(.2,.7,.2,1)}
.cu-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(250,114,1,0.55)}
.cu-btn:active{transform:scale(.98)}
.cu-btn svg{width:16px;height:16px;flex:none}
.cu-btn--sm{height:44px;padding:0 22px;font-size:14px}
.cu-btn--full{width:100%}
.cu-btn--primary{background:#FA7201;color:#FFFFFF}
.cu-btn--primary:hover{background:#D96400}
.cu-btn--dark{background:#1C3228;color:#FFFFFF}
.cu-btn--dark:hover{background:#26422F}
.cu-btn--outline{background:#FFFFFF;color:#1C3228;border-color:#E6E3D2}
.cu-btn--outline:hover{background:#F7F6EA}
.cu-btn--outline-light{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.cu-btn--outline-light:hover{background:rgba(255,255,255,.14)}
/* Deaktiviert: nicht pauschal dimmen — auf der orangen Fläche würde die weiße
   Schrift fast verschwinden. Stattdessen eine eigene, ruhige Flächenfarbe. */
.cu-btn[aria-disabled="true"],.cu-btn:disabled{pointer-events:none;background:#F1ECD9;color:#50525B;border-color:transparent}
.cu-btn--outline[aria-disabled="true"],.cu-btn--outline:disabled{background:transparent;border-color:#E6E3D2;color:#50525B}
.cu-btn--outline-light[aria-disabled="true"],.cu-btn--outline-light:disabled{background:transparent;border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.65)}

/* Telefon-Pill (Header) */
.cu-phone{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border:2px solid #F28B03;border-radius:999px;background:#FFFFFF;color:#1C3228;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:15px;line-height:1;font-weight:700;letter-spacing:0.01em;font-size:14px;text-decoration:none;transition:background-color 250ms cubic-bezier(.2,.7,.2,1)}
.cu-phone:hover{background:rgba(242,139,3,.10)}
.cu-phone:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(250,114,1,0.55)}
.cu-phone svg{width:15px;height:15px}

/* ---------- Chip ---------- */
.cu-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#F1ECD9;color:#1C3228;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0}

/* ---------- Icon ---------- */
.cu-icon{display:inline-block;flex:none;vertical-align:middle}

/* ---------- Logo ---------- */
.cu-logo{display:inline-block;position:relative;line-height:0}
.cu-logo img{display:block;height:100%;width:auto}

/* ---------- Avatar-Gruppe ---------- */
.cu-avatars{display:inline-flex;align-items:center;gap:12px}
.cu-avatars__stack{display:flex}
.cu-avatars__item{width:44px;height:44px;border-radius:50%;border:3px solid #FFFFFF;background:#F1ECD9 center/cover no-repeat;margin-left:-12px;display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:#1C3228}
.cu-avatars__item:first-child{margin-left:0}
.cu-avatars__label{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:#1C3228;line-height:1.35}
.cu-avatars__label b{display:block;font-weight:700}
.cu-avatars__label span{color:#50525B}

/* ---------- Eingabefeld ---------- */
.cu-field{display:flex;flex-direction:column;gap:6px;width:100%}
.cu-field__label{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:inherit}
.cu-field__input{height:54px;width:100%;padding:0 22px;border-radius:999px;border:1px solid #E6E3D2;background:#FFFFFF;color:#1C3228;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;outline:none;transition:box-shadow 150ms cubic-bezier(.2,.7,.2,1)}
.cu-field__input::placeholder{color:#8A8C93}
.cu-field__input:focus{box-shadow:0 0 0 3px rgba(250,114,1,0.55)}
.cu-field__error{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:#B42318}

/* ---------- Bild-Platzhalter ---------- */
.cu-media{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#D9DDD3,#C9CEC4);display:flex;align-items:center;justify-content:center;color:rgba(28,50,40,.55);font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;letter-spacing:.04em;text-transform:uppercase}
.cu-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- Situations-Karte ---------- */
.cu-situation{position:relative;display:block;aspect-ratio:349/493;border-radius:16px;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#D9DDD3,#C9CEC4)}
.cu-situation img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 250ms cubic-bezier(.2,.7,.2,1)}
.cu-situation:hover img{transform:scale(1.03)}
.cu-situation__label{position:absolute;left:8px;right:8px;bottom:8px;padding:32px 28px;border-radius:10px;background:rgba(28,50,40,0.9);color:#FFFFFF;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:0;font-size:20px}
.cu-situation:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(250,114,1,0.55)}

/* ---------- Leistungskarte ---------- */
.cu-service{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:16px;background:rgba(255,255,255,0.55);transition:box-shadow 250ms cubic-bezier(.2,.7,.2,1),background-color 250ms cubic-bezier(.2,.7,.2,1)}
.cu-service--on-white{background:#F1ECD9}
.cu-service:hover{box-shadow:0 14px 34px -18px rgba(28,50,40,0.28);background:rgba(255,255,255,.8)}
.cu-service__icon{width:28px;height:28px;color:#1C3228;margin-bottom:24px}
.cu-service__title{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0;color:#1C3228}
.cu-service__text{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;color:#50525B}
.cu-service__link{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;font-size:14px;font-weight:700;color:#50525B;text-decoration:none}
.cu-service__link:hover{color:#F28B03}
.cu-service__link svg{width:14px;height:14px}

/* ---------- Prozess-Schritte ---------- */
.cu-steps{display:grid;grid-template-columns:repeat(var(--cu-steps-n,4),1fr);gap:12px;padding:12px;border-radius:20px;background:#F1ECD9;position:relative}
.cu-step{position:relative;display:flex;flex-direction:column;gap:16px;padding:40px 32px;border-radius:16px;background:#FFFFFF}
.cu-step__num{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;font-weight:700;color:#50525B}
.cu-step__title{margin:8px 0 0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:0;color:#1C3228}
.cu-step__text{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;color:#50525B;flex:1}
.cu-step__chip{margin-top:16px;align-self:flex-start}
.cu-step__connector{position:absolute;top:50%;right:-24px;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:#F28B03;color:#1C3228;display:flex;align-items:center;justify-content:center;border:3px solid #F7F6EA}
.cu-step__connector svg{width:16px;height:16px}
@media (max-width:900px){.cu-steps{grid-template-columns:1fr}.cu-step__connector{top:auto;bottom:-24px;right:50%;transform:translateX(50%) rotate(90deg)}}

/* ---------- Video-Karte ---------- */
.cu-video{position:relative;display:grid;grid-template-columns:repeat(12,1fr);align-items:center}
.cu-video__media{grid-column:4/13;grid-row:1;aspect-ratio:881/583;border-radius:16px;background:#B5B7B6 center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;padding:0}
.cu-video__play{width:96px;height:96px;border-radius:50%;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:transform 250ms cubic-bezier(.2,.7,.2,1)}
.cu-video__play span{width:64px;height:64px;border-radius:50%;background:#FFFFFF;color:#1C3228;display:flex;align-items:center;justify-content:center}
.cu-video__play svg{width:26px;height:26px;margin-left:3px}
.cu-video__media:hover .cu-video__play{transform:scale(1.06)}
.cu-video__media:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(250,114,1,0.55)}
.cu-video__card{grid-column:1/6;grid-row:1;align-self:end;margin-bottom:-48px;z-index:1;display:flex;flex-direction:column;gap:16px;padding:40px;border-radius:16px;background:#FFFFFF}
.cu-video__card .cu-btn{align-self:flex-start;margin-top:12px}
@media (max-width:900px){.cu-video{display:flex;flex-direction:column}.cu-video__media{width:100%}.cu-video__card{margin:-40px 16px 0;align-self:stretch}}

/* ---------- Kennzahlen ---------- */
.cu-stats{display:grid;grid-template-columns:repeat(var(--cu-stats-n,4),1fr);align-items:center}
.cu-stats__lead{display:flex;flex-direction:column;gap:12px;padding-right:24px}
.cu-stats__lead-title{margin:0;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0;font-size:21px;color:#1C3228}
.cu-stat{text-align:center;padding:8px 24px;display:flex;flex-direction:column;gap:12px}
.cu-stat+.cu-stat{border-left:1px solid rgba(28,50,40,0.14)}
.cu-stat__value{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:38px;line-height:1.1;font-weight:700;letter-spacing:0;color:#0F1C16}
.cu-stat__label{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;color:#50525B}
@media (max-width:900px){.cu-stats{grid-template-columns:1fr 1fr;row-gap:32px}.cu-stat+.cu-stat{border-left:0}.cu-stats__lead{grid-column:1/-1}}

/* ---------- Header ---------- */
.cu-header{background:#FFFFFF;height:100px;display:flex;align-items:center;position:relative;z-index:5;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
.cu-header__row{display:flex;align-items:center;justify-content:space-between;gap:32px}
.cu-header__nav{display:flex;gap:24px}
.cu-header__nav a{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;font-weight:700;color:#1C3228;text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent;transition:border-color 250ms cubic-bezier(.2,.7,.2,1)}
.cu-header__nav a:hover,.cu-header__nav a[aria-current="page"]{border-color:#F28B03}
@media (max-width:900px){.cu-header__nav{display:none}}

/* ---------- Hero ---------- */
.cu-hero{min-height:clamp(600px,68vw,1700px);display:flex;align-items:center;padding-top:clamp(64px,8vw,200px);padding-bottom:clamp(96px,8vw,200px)}
.cu-hero>.cu-section__inner{width:100%}
.cu-hero__content{max-width:560px;display:flex;flex-direction:column;gap:24px}
.cu-hero__actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}

/* ---------- Logo-Leiste ---------- */
.cu-logostrip{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cu-logostrip__label{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0;font-size:20px;color:#1C3228}
.cu-logostrip__slot{display:flex;align-items:center;justify-content:center;min-width:140px;height:44px;opacity:.75;filter:grayscale(1)}
.cu-logostrip__placeholder{width:140px;height:40px;border:1px dashed rgba(28,50,40,0.14);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:#50525B}

/* ---------- Split ---------- */
.cu-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.cu-split--reverse .cu-split__media{order:2}
.cu-split__media{aspect-ratio:525/515}
.cu-split__content{display:flex;flex-direction:column;gap:24px;max-width:640px}
.cu-split__content .cu-btn{align-self:flex-start;margin-top:16px}
@media (max-width:900px){.cu-split{grid-template-columns:1fr}.cu-split--reverse .cu-split__media{order:0}}

/* ---------- Bild-Banner-CTA ---------- */
.cu-banner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center;padding:clamp(40px,6vw,96px) 0}
.cu-banner__side{display:flex;flex-direction:column;gap:24px}
.cu-banner__side .cu-btn{align-self:flex-start}
@media (max-width:900px){.cu-banner{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.cu-faq{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start}
.cu-faq__intro{display:flex;flex-direction:column;gap:16px}
.cu-faq__intro .cu-btn{align-self:flex-start;margin-top:12px}
@media (max-width:900px){.cu-faq{grid-template-columns:1fr}}
.cu-accordion{border-top:1px solid #E6E3D2}
.cu-accordion__item{border-bottom:1px solid #E6E3D2}
.cu-accordion__q{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;cursor:pointer;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0;font-size:17px;color:#1C3228}
.cu-accordion__q:focus-visible{box-shadow:0 0 0 3px rgba(250,114,1,0.55);border-radius:10px}
.cu-accordion__q svg{width:20px;height:20px;flex:none;transition:transform 250ms cubic-bezier(.2,.7,.2,1)}
.cu-accordion__item--open .cu-accordion__q svg{transform:rotate(45deg)}
.cu-accordion__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 250ms cubic-bezier(.2,.7,.2,1)}
.cu-accordion__item--open .cu-accordion__a{grid-template-rows:1fr}
.cu-accordion__a>div{overflow:hidden}
.cu-accordion__a p{margin:0 0 28px;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;color:#50525B;max-width:640px}

/* ---------- Kontakt-CTA ---------- */
.cu-contact__head{padding-bottom:48px;border-bottom:1px solid rgba(28,50,40,0.14)}
.cu-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding-top:48px}
.cu-contact__actions{display:flex;flex-wrap:wrap;gap:20px}
.cu-contact__info{display:flex;flex-direction:column;gap:24px}
.cu-contact__meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.cu-contact__mail{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0;font-weight:700;color:#1C3228;text-decoration:none;padding-left:16px;border-left:1px solid rgba(28,50,40,0.14)}
@media (max-width:900px){.cu-contact__row{grid-template-columns:1fr}}
.cu-social{display:flex;gap:16px;align-items:center}
.cu-social a{color:#50525B;display:inline-flex;transition:color 250ms cubic-bezier(.2,.7,.2,1)}
.cu-social a:hover{color:#1C3228}
.cu-social svg{width:22px;height:22px}
.cu-social--on-dark a{color:rgba(255,255,255,0.72)}
.cu-social--on-dark a:hover{color:#FFFFFF}

/* ---------- Newsletter + Footer ---------- */
.cu-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.18)}
.cu-newsletter__text{display:flex;flex-direction:column;gap:16px;max-width:580px}
.cu-newsletter__form{display:flex;flex-direction:column;gap:12px}
.cu-newsletter__row{display:flex;gap:12px}
.cu-newsletter__row .cu-field{flex:1}
.cu-newsletter__row .cu-btn{height:54px;padding:0 36px}
.cu-newsletter__legal{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:rgba(255,255,255,0.72)}
.cu-newsletter__legal a{color:#F28B03}
@media (max-width:900px){.cu-newsletter{grid-template-columns:1fr}.cu-newsletter__row{flex-direction:column}}
.cu-footer__cols{display:grid;grid-template-columns:repeat(var(--cu-cols-n,6),1fr);gap:32px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.18)}
.cu-footer__col h3{margin:0 0 20px;font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#FFFFFF}
.cu-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.cu-footer__col a{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;color:#FFFFFF;text-decoration:none;opacity:.9}
.cu-footer__col a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.cu-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:32px}
.cu-footer__legal{font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;font-size:13px;color:rgba(255,255,255,0.72)}
@media (max-width:900px){.cu-footer__cols{grid-template-columns:1fr 1fr}}

/* ---------- Showcase-Helfer ---------- */
.cu-grid{display:grid;gap:28px}
.cu-grid--3{grid-template-columns:repeat(3,1fr)}
.cu-grid--situations{grid-template-columns:repeat(3,1fr);gap:40px}
@media (max-width:900px){.cu-grid--3,.cu-grid--situations{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){[class^="cu-"],[class*=" cu-"]{transition:none!important}}

/* ==== seite.css ==== */
/* CURÉA Pflege-Check · seite.css (D-098)
   Layout und Zustände nach der Claude-Design-Übergabe „CUREA PFLEGE CHECK" (design-input/…/Pflege-Check.dc.html), nur mit
   --cu-*-Tokens. Hilfsklassen beginnen mit curea-pc- (nie cu-, DS-Regel). Breakpoints wie im Prototyp: < 640, < 900, < 1240.
   Bewusst anders als der Prototyp (Spec §4): ohne Topleiste, Header, Pfadzeile, Footer und mobile Anrufleiste (liefert
   WordPress bzw. entfällt im iFrame) · keine min-height in vh (im iFrame würde die Höhe sich selbst aufschaukeln). */

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--cu-white); font-family: var(--cu-font); color: var(--cu-text); -webkit-font-smoothing: antialiased; }
a { color: var(--cu-forest); }
a:hover { color: var(--cu-forest-hover); }
::selection { background: var(--cu-sand-green); color: var(--cu-forest); }
@keyframes cuPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.6); opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .curea-pc * { animation: none !important; transition: none !important; } }
@media (max-width: 639px) { html body .cu-btn { max-width: 100%; height: auto; min-height: 52px; padding: 14px 24px; white-space: normal; text-align: center; line-height: 1.3; } }

.curea-pc { display: block; }
.curea-pc [hidden] { display: none !important; }
.curea-pc-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- Abschnitte, Container, Raster ---------- */
.curea-pc-abschnitt { position: relative; }
/* Julian 10.11.: Hintergrund weiß statt --cu-light, damit sich der Check nahtlos in die WordPress-Seite einfügt
   (Fragen, Auswertung, Ergebniskopf). Karten behalten Rahmen; „Das sollten Sie wissen" und der dunkle Block bleiben. */
.curea-pc-hell { background: var(--cu-white); }
.curea-pc-weiss { background: var(--cu-white); }
.curea-pc-dunkel { background: var(--cu-forest); color: var(--cu-text-on-dark); }
.curea-pc-container { max-width: calc(var(--cu-container) + 2 * var(--cu-gutter)); margin: 0 auto; padding: 0 var(--cu-gutter); box-sizing: border-box; }
.curea-pc-raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cu-gutter); }
.curea-pc-voll { grid-column: 1 / -1; }

.curea-pc-eyebrow { display: block; font-size: var(--cu-eyebrow-size); line-height: var(--cu-eyebrow-line); font-weight: var(--cu-fw-bold); letter-spacing: var(--cu-eyebrow-tracking); text-transform: uppercase; color: var(--cu-orange); }
.curea-pc-klein { font-size: var(--cu-small-size); line-height: var(--cu-small-line); color: var(--cu-text); }
.curea-pc-dunkel .curea-pc-klein { color: var(--cu-text-on-dark-muted); }
.curea-pc-lead { margin: var(--cu-space-6) 0 0; max-width: 60ch; font-size: var(--cu-lead-size); line-height: var(--cu-lead-line); color: var(--cu-text); text-wrap: pretty; }
.curea-pc-dunkel .curea-pc-lead { color: var(--cu-text-on-dark-muted); }
.curea-pc .cu-h { margin: 0; }
.curea-pc-titel:focus { outline: none; }

/* Kreis mit Icon (Häkchen auf Sandgrün usw.) */
.curea-pc-kreis { flex: none; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: var(--cu-r-pill); }
.curea-pc-kreis--28 { width: 28px; height: 28px; }
.curea-pc-kreis--40 { width: 40px; height: 40px; }
.curea-pc-kreis--sand { background: var(--cu-sand-green); color: var(--cu-forest); }
.curea-pc-kreis--forest { background: var(--cu-forest); color: var(--cu-text-on-dark); }
.curea-pc-kreis--hell { background: var(--cu-white); border: 1px solid var(--cu-line); color: var(--cu-orange); }
.curea-pc-kreis--herz { background: var(--cu-white); color: var(--cu-forest); }

/* Text-Knopf (Zurück, Check noch einmal starten) */
.curea-pc-textknopf { display: inline-flex; align-items: center; gap: var(--cu-space-2); min-height: 44px; padding: 0; background: none; border: 0; cursor: pointer; font-family: var(--cu-font); font-size: var(--cu-small-size); font-weight: var(--cu-fw-bold); color: var(--cu-forest); text-decoration: underline; text-underline-offset: 4px; }
.curea-pc-dunkel .curea-pc-textknopf { color: var(--cu-text-on-dark); }
.curea-pc-textknopf:focus-visible, .curea-pc-option:focus-visible { outline: none; box-shadow: var(--cu-shadow-focus); }

/* ---------- Frage ---------- */
.curea-pc-frage { padding: var(--cu-space-16) 0 var(--cu-space-30); }
.curea-pc-spalte { grid-column: 3 / 11; }
.curea-pc-fortschritt { height: 4px; border-radius: var(--cu-r-pill); background: var(--cu-line-on-tint); overflow: hidden; }
.curea-pc-fortschritt > div { height: 100%; background: var(--cu-forest); border-radius: var(--cu-r-pill); transition: width 320ms var(--cu-motion-ease); }
.curea-pc-zaehlzeile { margin-top: var(--cu-space-3); display: flex; align-items: center; justify-content: space-between; gap: var(--cu-space-4); font-variant-numeric: tabular-nums; }
.curea-pc-karte { margin-top: var(--cu-space-6); background: var(--cu-white); border: 1px solid var(--cu-line); border-radius: var(--cu-r-lg); padding: var(--cu-space-12); }
.curea-pc-karte__sub { margin: var(--cu-space-3) 0 0; }
.curea-pc-optionen { margin-top: var(--cu-space-8); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cu-space-3); }
.curea-pc-optionen--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.curea-pc-option { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--cu-space-4); align-items: center; min-height: 56px; padding: var(--cu-space-4) var(--cu-space-5); border-radius: var(--cu-r-md); border: 1px solid var(--cu-line); background: var(--cu-white); color: var(--cu-text-strong); text-align: left; cursor: pointer; font-family: var(--cu-font); font-size: var(--cu-body-size); line-height: var(--cu-body-line); transition: background 160ms var(--cu-motion-ease), border-color 160ms var(--cu-motion-ease); }
.curea-pc-option:hover { border-color: var(--cu-forest); }
.curea-pc-option[aria-checked="true"] { border-color: var(--cu-forest); background: var(--cu-sand-green); }
.curea-pc-box { width: 24px; height: 24px; box-sizing: border-box; border-radius: var(--cu-r-pill); border: 2px solid var(--cu-line-on-tint); background: var(--cu-white); color: var(--cu-text-on-dark); display: flex; align-items: center; justify-content: center; transition: background 160ms var(--cu-motion-ease), border-color 160ms var(--cu-motion-ease); }
.curea-pc-option[role="checkbox"] .curea-pc-box { border-radius: 6px; }
.curea-pc-option[aria-checked="true"] .curea-pc-box { border-color: var(--cu-forest); background: var(--cu-forest); }
.curea-pc-box svg { display: none; width: 14px; height: 14px; }
.curea-pc-option[aria-checked="true"] .curea-pc-box svg { display: block; }
.curea-pc-felder { margin-top: var(--cu-space-8); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cu-space-4); color: var(--cu-text); }
.curea-pc-felder--eins { grid-template-columns: minmax(0, 1fr); }
.curea-pc .cu-field__label { font-size: var(--cu-small-size); line-height: var(--cu-small-line); }
.curea-pc-einwilligung { margin-top: var(--cu-space-6); display: grid; grid-template-columns: var(--cu-space-6) minmax(0, 1fr); gap: var(--cu-space-3); align-items: start; min-height: 44px; cursor: pointer; }
.curea-pc-einwilligung input { width: var(--cu-space-6); height: var(--cu-space-6); margin: 0; accent-color: var(--cu-forest); cursor: pointer; }
.curea-pc-einwilligung a { color: var(--cu-forest); font-weight: var(--cu-fw-bold); text-underline-offset: 3px; }
.curea-pc-honig { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.curea-pc-karte__hinweis { margin: var(--cu-space-4) 0 0; }
.curea-pc-weiter { margin-top: var(--cu-space-8); }

/* ---------- Auswertung ---------- */
.curea-pc-auswertung { padding: var(--cu-space-24) 0 var(--cu-space-40); }
.curea-pc-auswertung .curea-pc-karte { margin-top: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.curea-pc-ring { position: relative; width: 132px; height: 132px; }
.curea-pc-ring svg.curea-pc-ring__bahn { position: absolute; inset: 0; transform: rotate(-90deg); }
.curea-pc-ring__fuell { transition: stroke-dashoffset 950ms var(--cu-motion-ease); }
.curea-pc-ring__kern { position: absolute; inset: 16px; border-radius: var(--cu-r-pill); background: var(--cu-sand-green); color: var(--cu-forest); display: flex; align-items: center; justify-content: center; transition: transform 500ms var(--cu-motion-ease); }
.curea-pc-ring__kern svg { width: 36px; height: 36px; }
.curea-pc-ring__kern .curea-pc-ring__fertig { display: none; }
.curea-pc-ring.ist-fertig .curea-pc-ring__kern { transform: scale(1.08); }
.curea-pc-ring.ist-fertig .curea-pc-ring__fertig { display: block; }
.curea-pc-ring.ist-fertig .curea-pc-ring__laeuft { display: none; }
.curea-pc-auswertung__eyebrow { margin: var(--cu-space-8) 0 0; }
.curea-pc-zeilen { list-style: none; margin: var(--cu-space-6) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--cu-space-3); width: 100%; max-width: 440px; text-align: left; }
.curea-pc-zeilen li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--cu-space-4); align-items: center; min-height: 36px; opacity: 0; transform: translateY(8px); transition: opacity 420ms var(--cu-motion-ease), transform 420ms var(--cu-motion-ease); }
.curea-pc-zeilen li > span:first-child { width: 28px; height: 28px; box-sizing: border-box; border-radius: var(--cu-r-pill); border: 1px solid var(--cu-line); background: var(--cu-white); color: var(--cu-text-on-dark); display: flex; align-items: center; justify-content: center; transition: background 300ms var(--cu-motion-ease), border-color 300ms var(--cu-motion-ease); }
.curea-pc-zeilen li > span:last-child { font-size: var(--cu-body-size); line-height: var(--cu-body-line); color: var(--cu-text); }
.curea-pc-zeilen svg { display: none; width: 14px; height: 14px; }
.curea-pc-puls { display: none; width: 8px; height: 8px; border-radius: var(--cu-r-pill); background: var(--cu-orange); animation: cuPulse 900ms ease-in-out infinite; }
.curea-pc-zeilen li.ist-sichtbar { opacity: 1; transform: none; }
.curea-pc-zeilen li.ist-aktiv > span:first-child { border-color: var(--cu-orange); }
.curea-pc-zeilen li.ist-aktiv .curea-pc-puls { display: block; }
.curea-pc-zeilen li.ist-aktiv > span:last-child { font-weight: var(--cu-fw-bold); color: var(--cu-text-strong); }
.curea-pc-zeilen li.ist-fertig > span:first-child { border-color: var(--cu-forest); background: var(--cu-forest); }
.curea-pc-zeilen li.ist-fertig svg { display: block; }
.curea-pc-zeilen li.ist-fertig > span:last-child { color: var(--cu-text-strong); }

/* ---------- Ergebnis ---------- */
.curea-pc-erg-kopf { padding: var(--cu-space-20) 0 var(--cu-space-24); }
.curea-pc-erg-kopf__text { grid-column: 1 / 9; }
.curea-pc-erg-kopf__titel { margin-top: var(--cu-space-6); }
.curea-pc-erg-leist { padding: var(--cu-space-20) 0 var(--cu-space-24); }
.curea-pc-erg-leist .curea-pc-raster { row-gap: var(--cu-space-8); align-items: start; }
.curea-pc-links { grid-column: 1 / 5; }
.curea-pc-rechts { grid-column: 5 / 13; }
.curea-pc-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.curea-pc-liste > li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--cu-space-5); align-items: start; padding: var(--cu-space-6) 0; border-top: 1px solid var(--cu-line); }
.curea-pc-liste h3 { margin: 0; font-size: var(--cu-h4-size); line-height: var(--cu-h4-line); font-weight: var(--cu-h4-weight); color: var(--cu-text-strong); }
.curea-pc-liste p { margin: var(--cu-space-2) 0 0; font-size: var(--cu-body-size); line-height: var(--cu-body-line); color: var(--cu-text); text-wrap: pretty; }
.curea-pc-liste--geld p { margin: 0; padding-top: 6px; }
.curea-pc-liste strong, .curea-pc-passung strong { color: var(--cu-text-strong); }
.curea-pc-pill { display: inline-flex; align-items: center; margin-top: var(--cu-space-3); padding: 4px 12px; border-radius: var(--cu-r-pill); background: var(--cu-light); border: 1px solid var(--cu-line); font-size: var(--cu-caption-size); line-height: var(--cu-caption-line); font-weight: var(--cu-fw-bold); color: var(--cu-forest); }
.curea-pc-links--geld { margin-top: var(--cu-space-16); }
.curea-pc-rechts--geld { margin-top: var(--cu-space-16); }

.curea-pc-schritt { padding: var(--cu-space-30) 0; }
.curea-pc-schritt .curea-pc-raster { row-gap: var(--cu-space-10); align-items: center; }
.curea-pc-schritt__titel { margin-top: var(--cu-space-6); }
.curea-pc-schritt__text { margin: 0; max-width: 60ch; font-size: var(--cu-lead-size); line-height: var(--cu-lead-line); color: var(--cu-text-on-dark-muted); text-wrap: pretty; }
.curea-pc-knoepfe { margin-top: var(--cu-space-8); display: flex; flex-wrap: wrap; gap: var(--cu-space-3); }
.curea-pc-schritt__unter { margin: var(--cu-space-4) 0 0; }
.curea-pc-schritt__hinweis { margin: var(--cu-space-10) 0 0; max-width: 66ch; }
.curea-pc-schritt .curea-pc-textknopf { margin-top: var(--cu-space-6); }
.curea-pc-versand { margin: var(--cu-space-6) 0 0; padding: var(--cu-space-4) var(--cu-space-5); border: 1px solid var(--cu-line-on-dark); border-radius: var(--cu-r-md); font-size: var(--cu-small-size); line-height: var(--cu-small-line); color: var(--cu-text-on-dark); }
.curea-pc-versand .curea-pc-textknopf { margin-top: 0; }

.curea-pc-passung { padding: var(--cu-space-16) 0 var(--cu-space-40); }
.curea-pc-passung .curea-pc-raster { row-gap: var(--cu-space-10); }
.curea-pc-passung__kopf { grid-column: 1 / 9; }
.curea-pc-passung__kopf p { margin: var(--cu-space-4) 0 0; font-size: var(--cu-body-size); line-height: var(--cu-body-line); color: var(--cu-text); }
.curea-pc-zwei { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cu-gutter); }
.curea-pc-box-dafuer { background: var(--cu-sand-green); border-radius: var(--cu-r-lg); padding: var(--cu-space-10); }
.curea-pc-box-wissen { background: var(--cu-light); border: 1px solid var(--cu-line); border-radius: var(--cu-r-lg); padding: var(--cu-space-10); }
.curea-pc-zwei h3 { margin: 0; font-size: var(--cu-h3-size); line-height: var(--cu-h3-line); font-weight: var(--cu-h3-weight); color: var(--cu-text-strong); }
.curea-pc-zwei ul { list-style: none; margin: var(--cu-space-6) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--cu-space-5); }
.curea-pc-zwei li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--cu-space-3); align-items: start; font-size: var(--cu-body-size); line-height: var(--cu-body-line); color: var(--cu-text); }
.curea-pc-zwei li > span:last-child { padding-top: 2px; }
.curea-pc-notiz { grid-column: 1 / 10; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--cu-space-5); align-items: start; padding: var(--cu-space-8); background: var(--cu-gradient-tint); border-radius: var(--cu-r-lg); }
.curea-pc-notiz p { margin: 0; padding-top: 8px; font-size: var(--cu-body-size); line-height: var(--cu-body-line); color: var(--cu-text-strong); text-wrap: pretty; }
.curea-pc .cu-icon { flex: none; }
.curea-pc-kreis--28 .cu-icon { width: 16px; height: 16px; }
.curea-pc-kreis--40 .cu-icon { width: 20px; height: 20px; }

/* ---------- Breakpoints (Prototyp: m < 1240, n < 900, s < 640) ---------- */
@media (max-width: 1239px) {
  .curea-pc-spalte, .curea-pc-erg-kopf__text, .curea-pc-links, .curea-pc-rechts, .curea-pc-passung__kopf, .curea-pc-notiz { grid-column: 1 / -1; }
  .curea-pc-rechts--geld { margin-top: 0; }
}
@media (max-width: 899px) {
  .curea-pc-karte { padding: var(--cu-space-8); }
  .curea-pc-optionen--zwei, .curea-pc-felder, .curea-pc-zwei { grid-template-columns: minmax(0, 1fr); }
  .curea-pc-box-dafuer, .curea-pc-box-wissen { padding: var(--cu-space-8); }
}
@media (max-width: 639px) {
  .curea-pc-karte { padding: var(--cu-space-6); }
  .curea-pc-box-dafuer, .curea-pc-box-wissen { padding: var(--cu-space-6); }
}