/* =============================================================
   design-b.css – Gestaltungsebene „Weiche Flächen, aufgeräumt“ (Nov 2026)
   Wird NACH allen anderen Stylesheets geladen (Seitenkopf: "styles": [..., "design-b"]).
   Farben, Schriften, Logo, Marker und Flugbahn bleiben wie im Brand Guide.
   Was sich ändert:
   – weniger farbige Flächen pro Seite, Karten ohne Rahmen
   – Section-Kopf zweispaltig (Überschrift links, Einleitung rechts)
   – Label mit Punkt statt Pill, Haarlinien statt gestrichelter Linien
   – schwebende Navigation, FAQ als eine Karte
   – neue Bausteine: Messstrecke + Vergleich, Zeitachse, Stimmen
   Abstände nur aus der Scale 2·4·8·12·16·24·32·40·48·64·80·96.
   ============================================================= */

:root{
  --radius-small:.75rem;--radius-medium:.75rem;--radius-large:1.5rem;--radius-panel:1.5rem;
  --text-soft:#556079;
  --line:rgba(24,40,72,.14);--line-strong:rgba(24,40,72,.3);
  --ease:cubic-bezier(.22,1,.36,1);
}
@media (max-width:640px){:root{--radius-large:1.5rem;--radius-panel:1.5rem;--panel-inset:.5rem}}

/* ---------- Typo-Skala (Schriften unverändert) ---------- */
.heading-style-h1,h1{font-size:3.75rem;line-height:1}
.heading-style-h2,h2{font-size:3rem;line-height:1.04}
.heading-style-h3,h3,.heading-style-h4,h4{font-size:1.875rem;line-height:1.2}
.heading-style-h5,h5{font-size:1.5rem;line-height:2rem;letter-spacing:-.03em}
.heading-style-h6,h6{font-size:1.25rem;line-height:1.75rem;letter-spacing:-.025em}
.text-size-medium{font-size:1.125rem;line-height:1.75rem}
@media (max-width:991px){.heading-style-h1,h1{font-size:3rem}.heading-style-h2,h2{font-size:2.5rem}.heading-style-h3,h3,.heading-style-h4,h4{font-size:1.5rem}}
@media (max-width:640px){.heading-style-h1,h1{font-size:2.25rem;line-height:1.05}.heading-style-h2,h2{font-size:1.875rem;line-height:1.1}.heading-style-h5,h5{font-size:1.25rem;line-height:1.75rem}.heading-style-h6,h6{font-size:1.125rem}.text-size-medium{font-size:1rem;line-height:1.5rem}}

/* ---------- Label: Punkt statt Pill ---------- */
.text-style-tagline{padding:0;border:0;border-radius:0;gap:.5rem;font-size:.875rem;line-height:1.25rem}
.text-style-tagline::before{content:"";flex:none;width:.75rem;height:.75rem;border-radius:50%;background:var(--limette);border:2px solid var(--marine);box-sizing:border-box}
.surface-dark .text-style-tagline{color:var(--weiss)}
.surface-dark .text-style-tagline::before{border-color:var(--limette)}
.surface-brand .text-style-tagline::before{background:var(--weiss)}

/* ---------- Section-Kopf: Überschrift links, Einleitung rechts ---------- */
.section_header{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem;align-items:end}
.section_header > *{grid-column:1}
.section_header > .margin-small{margin-bottom:0}
.section_header > p{grid-column:2;grid-row:1 / span 2;align-self:end}
.section_header > .margin-top{grid-column:2;grid-row:3;margin-top:1rem}
.section_header h2{max-width:45rem}
.section_header.is-center{display:block}
@media (max-width:991px){
  .section_header{display:block}
  .section_header > .margin-small{margin-bottom:1rem}
}

/* ---------- Navigation: schwebende Leiste ---------- */
.navbar_component,.navbar_component.is-scrolled{top:.75rem;background:transparent;box-shadow:none;pointer-events:none}
.navbar_component .padding-global{padding-left:1.5rem;padding-right:1.5rem}
.navbar_container{pointer-events:auto;min-height:4rem;margin-top:.75rem;padding:0 .75rem 0 1rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(24,40,72,.08);max-width:75rem;margin-left:auto;margin-right:auto}
.navbar_component .brand_mark{width:2.25rem;height:2.25rem}
@media (min-width:992px){.navbar_link,.navbar_dropdown-toggle{font-size:1rem}}
.button.is-nav{min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem}
.button.is-nav::after{display:none}
@media (max-width:991px){
  .navbar_component.is-open{top:0;bottom:0;background:rgba(251,243,230,.96);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto}
  .navbar_component.is-open .navbar_container{margin-top:1.5rem}
  .navbar_component .padding-global{padding-left:1rem;padding-right:1rem}
  .navbar_menu{top:6.5rem;background:transparent;border-top:0;padding:1rem 1.5rem 2rem}
  .navbar_toggle{width:2.5rem;height:2.5rem}
  .navbar_component.is-open .navbar_link,.navbar_component.is-open .navbar_dropdown{animation:nav-in .5s var(--ease) both}
  .navbar_component.is-open .navbar_links > :nth-child(2){animation-delay:60ms}
  .navbar_component.is-open .navbar_links > :nth-child(3){animation-delay:120ms}
  .navbar_component.is-open .navbar_links > :nth-child(4){animation-delay:180ms}
  .navbar_component.is-open .navbar_links > :nth-child(5){animation-delay:240ms}
}
@keyframes nav-in{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.navbar_component.is-open .navbar_link,.navbar_component.is-open .navbar_dropdown{animation:none}}

/* ---------- Buttons ---------- */
.button{min-height:3rem;padding:.75rem 1.5rem;border-width:1px;line-height:1.5rem;transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.button:active{transform:scale(.98)}
.button.is-secondary:hover,.button.is-tertiary:hover{background:rgba(24,40,72,.06);box-shadow:none}
.surface-dark .button.is-secondary:hover,.surface-dark .button.is-tertiary:hover{background:rgba(255,255,255,.08)}
.button.is-link{min-height:0;padding:0 .125rem}

/* ---------- Karten: weiß, weich, ohne Rahmen ---------- */
.card,.block_card,.principle_card,.cost_card,.offer_card,.steps_card,.signal_component,.stats_band,.review_card,.cta_box,.contact_card,.lp_quote,.lp_chain-step,.results_card,.jetzt_card,.compare_card,.pain_card,.reviews_summary{border:0}
.block_card.is-highlight,.steps_card.is-highlight,.compare_card.is-highlight{border:0;box-shadow:none}
.block_card,.cost_card{padding:2.5rem}
@media (max-width:640px){.block_card,.cost_card{padding:1.5rem}}
.block_number,.steps_number{width:2.5rem;min-width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:var(--himmel);font-size:1.125rem}
.block_card.is-highlight .block_number,.steps_card.is-highlight .steps_number{background:var(--limette)}
.surface-leinen .block_number{background:var(--himmel-hell)}
.principle_icon{border-radius:.75rem}
.feature_icon{border-radius:.5rem}
.tag{border:0}
.sub_grid,.lp_quotes,.lp_chain,.steps_grid{gap:1.5rem}

/* Haarlinien statt gestrichelter Linien */
.hero_proof,.about_facts,.sub_hero-facts,.pricing_row,.cost_row,.lp_quote-foot,.review_author{border-style:solid;border-width:0;border-color:var(--line)}
.hero_proof,.about_facts,.sub_hero-facts,.lp_quote-foot,.review_author{border-top-width:1px}
.pricing_row,.cost_row{border-bottom-width:1px}
.cost_row.is-total,.pricing_row:last-child{border-bottom-width:0}
.sub_hero-facts,.hero_proof{border-color:var(--line-strong)}

/* Keine einseitigen Akzentlinien an Textblöcken */
.proj_step,.proj_step.is-result,.case_step,.case_step.is-result{padding-left:0;border-left:0}
.proj_steps,.case_steps{gap:1.25rem}
.proj_step.is-result .proj_step-label{display:inline-block;padding:0 .5rem;border-radius:var(--radius-pill);background:var(--limette)}

/* ---------- Hero der Unterseiten ---------- */
.sub_hero{max-width:42.5rem}
.sub_back{min-height:2.75rem}
.hero_lead{max-width:37.5rem}

/* ---------- Für wen: Punkte ohne Karten, eine geteilte Karte ---------- */
main > section.section_fuer-wen.surface-leinen{margin:0;border-radius:0;background:transparent}
.pain_grid{counter-reset:pain;gap:2rem}
.pain_card{counter-increment:pain;padding:0;background:transparent;border-radius:0}
.pain_card::before{content:counter(pain);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:1.25rem;border-radius:50%;background:var(--himmel);font-family:var(--font-display);font-weight:800;font-size:1.125rem}
.fit_grid{gap:0;border-radius:var(--radius-large);overflow:hidden;background:var(--weiss)}
.fit_grid > .card{border-radius:0;background:var(--weiss);padding:2.5rem}
.fit_grid > .fit_card-no{background:var(--himmel-hell)}
.section_fuer-wen .tag.is-sand{background:var(--himmel)}
@media (max-width:640px){.fit_grid > .card{padding:1.5rem}}

/* ---------- So funktioniert's: Karten mit Bild, Signalfluss ---------- */
.steps_card{padding:.75rem}
.steps_card > *{padding-left:.75rem;padding-right:.75rem}
.steps_card > .margin-bottom:first-child,.steps_card > .steps_media,.steps_card > :has(> .steps_media){padding:0}
.steps_media{border-radius:.75rem}
.steps_tags{padding-bottom:.75rem}
.steps_tags .tag-group{gap:0}
.steps_tags .tag{padding:0;background:transparent!important;font-size:.875rem;color:var(--marine)}
.steps_tags .tag + .tag::before{content:"·";margin:0 .5rem;color:var(--text-soft)}
.signal_component{padding:2.5rem}
.signal_track{gap:.75rem}
.signal_step{border:0;border-radius:.75rem;padding:1.25rem}
.signal_step:not(:last-child)::after{right:-.75rem;width:.75rem;border-top-width:2px}
.signal_index{font-size:1.25rem}
.signal_return{margin-top:.75rem;border-radius:.75rem;padding:1rem 1.25rem}
.signal_return-icon{background:transparent;color:var(--limette)}
@media (max-width:640px){.signal_component{padding:1.5rem}.signal_step:not(:last-child)::after{left:1.5rem;height:.75rem;width:0;border-left-width:2px}}

/* ---------- Kennzahlen- und Fehlerlisten: Zeilen statt Kästen ---------- */
.kpi_list{gap:0}
.kpi_list li{padding:1.25rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.kpi_list li:first-child{border-top:0;padding-top:0}
.kpi_list li.is-main{margin:.5rem 0;padding:1.25rem 1.5rem;border-top:0;border-radius:.75rem;background:var(--limette)}
.kpi_list li.is-main + li{border-top:0}

/* ---------- Projekte (/ergebnisse) ---------- */
.proj_chart{padding:1.5rem;border-radius:var(--radius-large)}
.proj_kpis{gap:.75rem}
.proj_kpi{border-radius:.75rem}
.dash_component{border-radius:var(--radius-large)}
.dash_tile{border:0;border-radius:.75rem}
.cases_card{border-radius:var(--radius-large)}

/* ---------- Preis ---------- */
.pricing_row-month{border:0;background:var(--himmel);padding:.25rem .75rem}
.offer_price{font-size:1.875rem;line-height:1.2}

/* ---------- FAQ: eine Karte mit Haarlinien ---------- */
.faq_component{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.faq_list{gap:0;padding:.5rem 2.5rem;border-radius:var(--radius-large);background:var(--weiss)}
.faq_item,.faq_item[open]{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.faq_item:first-child{border-top:0}
.faq_question{padding:1.25rem 0;font-family:var(--font-body);font-weight:600;letter-spacing:0;font-size:1.125rem;line-height:1.75rem}
.faq_icon,.faq_item[open] .faq_icon{width:.75rem;height:.75rem;margin-right:.25rem;border:0;border-right:2px solid var(--marine);border-bottom:2px solid var(--marine);border-radius:0;background:transparent;transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s var(--ease)}
.faq_item[open] .faq_icon{transform:rotate(225deg) translate(-3px,-3px)}
.faq_icon::before,.faq_icon::after{display:none}
.faq_answer{padding:0 3rem 1.5rem 0;max-width:45rem}
@media (max-width:991px){.faq_component{grid-template-columns:1fr}}
@media (max-width:640px){.faq_list{padding:.25rem 1.25rem}.faq_question{font-size:1rem;line-height:1.5rem;padding:1rem 0}.faq_answer{padding:0 0 1.25rem}}

/* ---------- CTA-Fläche und Footer ---------- */
.cta_box{background:var(--weiss);padding:2.5rem}
.footer_top,.footer_row{border-bottom:1px solid rgba(255,255,255,.16)}
.footer_label{font-family:var(--font-body);font-weight:600;letter-spacing:0;font-size:.875rem}
.footer_component{font-size:.875rem}
.footer_col{gap:.5rem}
.footer_label{margin-bottom:.5rem}

/* ---------- Google-Ads-Check ---------- */
.lp_preview{border:0;box-shadow:none}
.lp_quote{padding:2rem}
.lp_quote-text{font-size:1.5rem;line-height:2rem}
.lp_chain-step{padding:2rem}

/* =============================================================
   NEU · Messstrecke + Vergleich (section-unterschied-b.html)
   ============================================================= */
.label-small{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--marine)}
.label-small .marker{padding:.125rem .625rem;margin:0;border-radius:var(--radius-pill)}
.messstrecke{display:grid;gap:1.5rem;padding:2rem 2.5rem 2.5rem;border-radius:var(--radius-large);background:var(--weiss)}
.messstrecke_axis{display:grid;grid-template-columns:12.5rem repeat(4,minmax(0,1fr));align-items:center;padding-left:1.5rem;color:var(--text-soft)}
.messstrecke_axis span:nth-child(n+2){transform:translateX(-.75rem);color:var(--text-soft)}
.messstrecke_row{display:grid;grid-template-columns:12.5rem minmax(0,1fr);gap:1.5rem;align-items:center;font-weight:600}
.messstrecke_line{position:relative;height:1.5rem;margin-right:25%}
.messstrecke_line::before{content:"";position:absolute;left:0;right:0;top:11px;border-top:2px dotted var(--line-strong)}
.messstrecke_fill{position:absolute;left:0;top:9px;height:6px;border-radius:var(--radius-pill);width:100%;background:var(--marine)}
.messstrecke_fill.is-them{width:33.33%;background:var(--text-soft)}
.messstrecke_line b{position:absolute;top:2px;width:1.25rem;height:1.25rem;margin-left:-.625rem;border-radius:50%;background:var(--weiss);border:3px solid var(--marine);box-sizing:border-box}
.messstrecke_line b.is-off{border-color:var(--line-strong)}
.messstrecke_line b.is-won{top:-2px;width:1.75rem;height:1.75rem;margin-left:-.875rem;background:var(--limette)}
.vergleich{margin-top:1.5rem;border-radius:var(--radius-large);overflow:hidden;background:var(--weiss)}
.vergleich_row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.vergleich_row > div{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;padding:1.25rem 2.5rem;border-top:1px solid var(--line)}
.vergleich_row > div:first-child{background:var(--himmel-hell);color:var(--text-muted)}
.vergleich_row > div:last-child{font-weight:500}
.vergleich_row.is-head > div{grid-template-columns:minmax(0,1fr);gap:.5rem;justify-items:start;border-top:0;padding-top:2.5rem;padding-bottom:1.5rem}
.vergleich_row.is-head h3{color:var(--marine)}
.vergleich_row:last-child > div{padding-bottom:2.5rem}
.vergleich .check_icon.is-muted{background:transparent;border:1px solid var(--line-strong);color:var(--text-soft)}
@media (max-width:640px){
  .messstrecke{padding:1.5rem}
  .messstrecke_axis{display:none}
  .messstrecke_row{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .messstrecke_line{margin:0 .875rem 0 .625rem}
  .vergleich_row{grid-template-columns:minmax(0,1fr)}
  .vergleich_row > div{padding:1rem 1.5rem}
  .vergleich_row:last-child > div{padding-bottom:1rem}
}

/* =============================================================
   NEU · Zeitachse „Die ersten 90 Tage“ (section-ablauf-b.html)
   ============================================================= */
.zeitachse{padding:1rem 2.5rem .5rem;border-radius:var(--radius-large);background:var(--weiss)}
.zeitachse_row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:center;padding:2rem 0;border-top:1px solid var(--line)}
.zeitachse_row.is-axis{padding:1rem 0;border-top:0}
.zeitachse_scale{display:flex;justify-content:space-between;color:var(--text-soft)}
.zeitachse_scale span{color:var(--text-soft)}
.zeitachse_bar{position:relative;height:2rem;border-radius:var(--radius-pill);background:var(--himmel-hell)}
.zeitachse_bar i{position:absolute;top:0;bottom:0;border-radius:var(--radius-pill);background:var(--marine)}
.zeitachse_bar i.is-won{background:var(--limette);box-shadow:inset 0 0 0 2px var(--marine)}
.zeitachse_text{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:.75rem 2rem;align-items:start}
.zeitachse_text .label-small{grid-column:1 / -1;justify-self:start;padding:.25rem .75rem;border-radius:var(--radius-pill);background:var(--himmel)}
.zeitachse_list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;color:var(--text-muted)}
.zeitachse_list li{position:relative;margin:0;padding-left:1.25rem}
.zeitachse_list li::before{content:"";position:absolute;left:0;top:.625rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--marine)}
@media (max-width:991px){.zeitachse_row{grid-template-columns:minmax(0,1fr);gap:1.25rem}}
@media (max-width:640px){.zeitachse{padding-left:1.5rem;padding-right:1.5rem}.zeitachse_text{grid-template-columns:minmax(0,1fr)}}

/* =============================================================
   NEU · Stimmen: Bewertungen in einer Karte (section-reviews-b.html)
   ============================================================= */
.stimmen{padding:.5rem 2.5rem 2.5rem;border-radius:var(--radius-large);background:var(--weiss)}
.stimmen_summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1.5rem 0;border-bottom:1px solid var(--line);color:var(--marine);text-decoration:none}
.stimmen_summary strong{font-weight:600}
.stimmen_summary small{font-size:.875rem;color:var(--text-soft)}
.stimmen_summary .reviews_summary-link{margin-left:auto;font-size:1rem}
.stimmen_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 3rem;padding-top:2rem;align-items:start}
.stimmen .review_card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem .75rem;margin:0;padding:0;border-radius:0;background:transparent}
.stimmen .review_card.is-more{display:none}
.section_reviews.is-expanded .stimmen .review_card.is-more{display:grid}
.stimmen .review_body{grid-column:1 / -1;grid-row:1;font-size:1rem;line-height:1.5rem;color:var(--text-muted)}
.stimmen .review_author{grid-row:2;grid-column:1;padding-top:0;border-top:0;font-size:1rem}
.stimmen .review_avatar,.stimmen .review_top .reviews_stars{display:none}
.stimmen .review_top{grid-row:2;grid-column:2;justify-content:flex-start}
.stimmen .review_date{font-size:.875rem}
.stimmen_foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}
.stimmen_foot .reviews_note{margin:0;font-size:.875rem}
@media (max-width:991px){.stimmen_grid{grid-template-columns:minmax(0,1fr);gap:2rem}}
@media (max-width:640px){.stimmen{padding-left:1.5rem;padding-right:1.5rem}.stimmen_summary .reviews_summary-link{margin-left:0}}

/* ---------- Einblenden: ruhiger, mit der Markenkurve ---------- */
.js [data-reveal]{transform:translateY(2rem);transition:opacity .7s var(--ease),transform .7s var(--ease)}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{transform:none;transition:none}}

/* ---------- Feinschliff ---------- */
@media (min-width:992px){.section_hero:not(:has(.hero_component)) .sub_hero{max-width:min(48rem,60%)}}
.about_name-card{background:var(--weiss);color:var(--marine);border-radius:1rem}
.about_name{font-family:var(--font-body);font-weight:600;letter-spacing:0;font-size:1rem;line-height:1.5rem}
.about_role{font-size:.875rem;color:var(--text-soft)}

/* =============================================================
   STARTSEITE + REGIONALSEITEN
   ============================================================= */
/* Hero: Angebot in drei Punkten als Zeile unter dem Hero */
.section_hero:has(.hero_offer-row) .padding-section-large{padding-bottom:2.5rem}
.hero_offer-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:5rem;padding-top:2rem;border-top:1px solid var(--line-strong);font-size:1.125rem;line-height:1.75rem}
.hero_portrait{max-width:27.5rem}
.hero_portrait-badge{border-radius:1rem}
@media (max-width:991px){.hero_offer-row{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:3rem}}

/* Logos: ruhige Zeile statt Laufband */
.section_logos .padding-section-small{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem;padding-top:2.5rem;padding-bottom:2.5rem}
.section_logos .margin-bottom{margin:0}
.logos_label{text-align:left;color:var(--marine)}
.logos_marquee{overflow:visible}
.logos_track{animation:none;width:auto}
.logos_group{flex-wrap:wrap;gap:1.5rem 3rem}
.logos_group[aria-hidden="true"]{display:none}
.logos_item{padding-right:0}
.logos_image{height:2.25rem;filter:grayscale(1);opacity:.8}

/* Ergebnisse auf Marine */
.surface-dark .stats_band{padding:2.5rem 0;border-radius:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.surface-dark .stats_number,.surface-dark .results_number,.surface-dark .results_client{color:var(--weiss)}
.surface-dark .stats_label,.surface-dark .results_label,.surface-dark .case_step p{color:var(--muted-dark)}
.surface-dark .dash_component{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.surface-dark .results_client{border-top-color:var(--line)}
.case_step .text-style-tagline::before{display:none}
.case_steps{align-self:center}
.results_card{padding:2rem}

/* Preis: eine geteilte Karte */
.pricing_component{gap:0;border-radius:var(--radius-large);overflow:hidden;background:var(--weiss)}
.pricing_main,.pricing_side{border-radius:0;padding:3rem}
.pricing_side{background:var(--himmel-hell)}
.pricing_row.is-split{border-bottom:0;padding-bottom:0}
.pricing_row-month{background:var(--limette)}
.pricing_amount{font-size:4.5rem}
.pricing_amount .marker{background:transparent;padding:0}
.pricing_setup{padding:1rem 1.25rem;border-radius:.75rem;background:var(--himmel-hell)}
.pricing_setup .tag{background:var(--weiss)}
.pricing_side .check_list{font-weight:500}
@media (max-width:640px){.pricing_main,.pricing_side{padding:1.5rem}.pricing_amount{font-size:3rem}}

/* Warum jetzt: Überschrift links, drei Punkte als Zeilen rechts */
.section_jetzt .padding-section-large{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:5rem;align-items:start}
.section_jetzt .padding-section-large > :nth-child(1){grid-column:1;grid-row:1;margin-bottom:2.5rem}
.section_jetzt .padding-section-large > :nth-child(2){grid-column:2;grid-row:1 / span 2;margin:0}
.section_jetzt .padding-section-large > :nth-child(3){grid-column:1;grid-row:2}
.section_jetzt .section_header{display:block}
.section_jetzt .section_header > .margin-xsmall{margin-bottom:1rem}
.jetzt_grid{grid-template-columns:minmax(0,1fr);gap:0;counter-reset:jetzt}
.jetzt_card{counter-increment:jetzt;position:relative;padding:2rem 0 2rem 4rem;border-radius:0;background:transparent;border-top:1px solid var(--line)}
.jetzt_card:last-child{border-bottom:1px solid var(--line)}
.jetzt_card::before{content:counter(jetzt);position:absolute;left:0;top:2rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--himmel);font-family:var(--font-display);font-weight:800;font-size:1.125rem}
.jetzt_text{color:var(--text-muted)}
@media (max-width:991px){
  .section_jetzt .padding-section-large{display:block}
  .section_jetzt .padding-section-large > :nth-child(2){margin-bottom:2.5rem}
}

/* Kontakt */
.kontakt_card{border-radius:var(--radius-large)}
.form_input{min-height:3rem;border-width:1px}

/* ---------- Nachträge: Hero-Köpfe einspaltig, Warum-jetzt-Raster ---------- */
.section_hero .section_header{display:block;max-width:45rem}
.section_hero .section_header > .margin-small{margin-bottom:1rem}
.section_jetzt .padding-section-large{grid-template-rows:auto 1fr}
.logos_marquee,.logos_track{max-width:100%;min-width:0}
.logos_group{flex:0 1 auto;min-width:0}
@media (max-width:640px){.logos_group{gap:1rem 2rem}.logos_image{height:1.75rem}}

/* Handy-Menü: die Leiste darf dort keinen eigenen Bezugsrahmen für das fixierte Menü bilden */
@media (max-width:991px){
  .navbar_container{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.96)}
  .navbar_menu{left:0;right:0;bottom:0}
}