/* v8-8-0/v8-8-1: Revision vor dem Go-live (Listen Thomas, 04.10. und 05.10.2026). Farben und Radien folgen dem bestehenden System (Petrol, Kupfer, Sand). */

/* --- Strategie-Seite: Erfahrungskontexte vollständig am Seitenende (v8-8-1) --- */
.strategy-experience{margin:34px 0 6px}
.strategy-experience p+p{margin-top:12px}

/* --- Position 1: Info-Banner mit Platzstand (5e) --- */
.capacity-banner{display:flex;align-items:center;gap:16px;background:#0c282e;color:#fffdf9;border-radius:12px;padding:16px 22px;margin:0 0 10px;min-height:68px}
.capacity-banner svg{flex:0 0 26px;width:26px;height:26px;color:#efc386}
.capacity-banner p{margin:0;font-size:1.02rem;line-height:1.5;font-weight:550}
.capacity-banner strong{color:#efc386;font-weight:750;white-space:nowrap}
.capacity-small{font-size:.84rem;line-height:1.6;color:#53666a;margin:0 0 30px;max-width:118ch}

/* --- Position 2: Highlight-Box am Angebot (5d) --- */
.invoice-card .price-card{border:2px solid #c9915f;border-left-width:8px;background:#fbf1e6}
.price-headline{font-size:1.02rem;font-weight:750;color:#12343b;margin:0 0 12px}
.price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0}
.invoice-card .price-card .price-line del{color:#b3261e;text-decoration:line-through;text-decoration-color:#b3261e;text-decoration-thickness:2px;font-size:1.25rem;font-weight:650}
.invoice-card .price-card .price-line strong{margin:0;font-size:2.7rem;line-height:1.15}
.price-card .launch-price-explanation{margin:12px 0 0;font-size:.96rem;line-height:1.55}
.invoice-card .price-card .launch-price-explanation strong{display:inline;font-size:inherit;line-height:inherit;margin:0}
.places{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0;padding:12px 14px;background:#fffdf9;border-radius:9px;font-size:.93rem;line-height:1.45;color:#25464c}
.places-dots{display:inline-flex;gap:7px;flex:0 0 auto}
.places-dots i{width:16px;height:16px;border-radius:50%;background:#d5d9d8;border:1px solid #b9c1c0}
.places-dots i.is-taken{background:#12343b;border-color:#12343b}
/* v8-8-1: Hinweis mit großem Pfeil statt Knopf (führt den Blick zum Formular) */
.cta-hint{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:16px 20px;border-radius:10px;background:linear-gradient(#efc386,#dda16f);color:#12343b;font-weight:750;font-size:1.02rem;line-height:1.4}
.cta-hint-arrow{flex:0 0 auto;font-size:3.4rem;line-height:.8;font-weight:700}
.cta-hint .arrow-narrow{display:none}
.invoice-next .consent-notice{font-size:.82rem;line-height:1.5;margin:10px 0 0;color:#53666a}
/* v8-8-2: Hinweis mittig in der Fußzeile, auf Höhe der Links (keine eigene Zeile, solange der Platz reicht) */
.footer-row .footer-crafted{flex:1 1 auto;align-self:center;margin:0;text-align:center;font-size:.8rem;letter-spacing:.04em;color:#dde2db}
.form-card ::placeholder{font-style:italic;color:#6b7a7d;opacity:1}

/* --- Formulare: fester Hinweis statt Vorschau-Hinweis (5g, 8c-ii) --- */
.service-note a{font-weight:650}
.form-status.is-error,.form-status.error{background:#fff0e7;color:#76392b}

/* --- Startseite: Qualifikationen in einer Zeile (9d) --- */
@media(min-width:1280px){.about .credentials{gap:5px}.about .credentials span{white-space:nowrap;padding:7px;font-size:.76rem}}

/* --- Startseite: Hinweis zur Kapazität im Abschlussbereich (10) und weißer Knopf (12) --- */
.capacity-note{grid-column:1/-1;background:#fffdf9;color:#183238;border-radius:15px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px 44px;align-items:center}
.capacity-note>p:first-child{grid-row:1/3;margin:0;font-size:1rem;line-height:1.65}
.capacity-note .capacity-promise{margin:0;align-self:end;font-size:1.03rem;line-height:1.5;color:#12343b}
.capacity-note .button-white{align-self:start;display:flex;width:100%;background:#fffdf9;color:#12343b;border:2px solid #12343b;border-bottom-width:3px;box-shadow:none;min-height:60px;font-size:1.02rem}
.capacity-note .button-white:hover{background:#f3e8db}
.capacity-note .button-white:focus-visible{outline-color:#126568}

/* --- Seite „Ihre nächsten Schritte“: mehr Raum für längere Schritte (3b) --- */
.thanks-card{max-width:1040px}
.thanks-card ol{gap:24px}
.thanks-card li{padding-left:46px;line-height:1.65;max-width:92ch}
.thanks-card .thanks-single{margin:22px 0;line-height:1.65}
.thanks-state strong{display:block;margin-bottom:6px;color:#12343b}

/* --- Rechtstexte --- */
.legal-card{max-width:960px}
.legal-card h1{font-size:clamp(2rem,4vw,3rem)}
.legal-card h3{font-size:1.14rem;margin:26px 0 10px}
.legal-card ul{padding-left:22px;margin:0 0 1.15rem;display:grid;gap:10px}
.legal-card ul ul{margin:10px 0 0}
.legal-card .legal-address{line-height:1.7}

/* --- Ergebnis: Hinweis statt Rechenweg --- */
.block-hint{margin:8px 0 0}

@media(max-width:760px){
  .capacity-banner{align-items:flex-start;padding:15px 16px;gap:12px}
  .capacity-banner p{font-size:.97rem}
  .capacity-note{padding:22px 20px;grid-template-columns:1fr}
  .capacity-note>p:first-child{grid-row:auto}
  .invoice-card .price-card .price-line strong{font-size:2.3rem}
}

.review-links a{gap:6px}
@media(max-width:900px){.cta-hint .arrow-wide{display:none}.cta-hint .arrow-narrow{display:inline}}