/*
 * Bewertungsseiten (page-templates/bewertung.php, inc/bewertung-seite.php).
 * Umsetzung des Entwurfs zum Designer-Briefing vom 03.10.2026. Farben, Schriftgrößen und Abstände wie dort; die drei
 * Hilfstöne (Linie, Rand, Sekundärtext) sind die im Briefing neu eingeführten.
 */

.bw-seite {
	--bw-ink: #2B3137;
	--bw-anthrazit: #424A59;
	--bw-gold: #CDA73A;
	--bw-gold-text: #86660F;
	--bw-gold-hover: #B8942C;
	--bw-gold-hell: #F7F1DE;
	--bw-nebel: #F0F1F6;
	--bw-linie: #E4E6EC;
	--bw-rand: #C9CDD6;
	--bw-sekundaer: #5E6573;
	--bw-hell: #E6E8EE;
	--bw-grau: #B9BDC7;
	--bw-abstand: clamp(3rem, 6vw, 5rem);
	color: var(--bw-anthrazit);
	line-height: 1.6;
}

.bw-innen { width: min(1200px, 100% - 3rem); margin-inline: auto; }
@media (max-width: 600px) { .bw-innen { width: calc(100% - 2rem); } }

/* :where() hält die Spezifität bei null, sonst schlägt diese Grundregel jede Klassenregel (die H1 im dunklen Kopf
   stand dadurch in Schiefer auf Schiefer). */
.bw-seite :where(h1, h2, h3) { color: var(--bw-ink); }
.bw-titel { font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.045em; line-height: 1.15; font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 0.75rem; text-wrap: balance; }
.bw-titel--hell { color: #fff; }
.bw-titel--mitte { text-align: center; margin-bottom: 2.5rem; }
.bw-vorspann { margin: 0; max-width: 42rem; }
.bw-eyebrow { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bw-gold); margin: 0 0 1rem; }
.bw-eyebrow--dunkel { color: var(--bw-gold-text); }
.bw-quelle { font-size: 0.75rem; line-height: 1.5; color: #6B7280; margin: 1rem 0 0; }
.bw-mitte { text-align: center; margin: 3rem 0 0; }
.bw-icon { flex: none; }

/* Knöpfe ----------------------------------------------------------------------------------------------------------- */
.bw-knopf { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 52px; padding: 0 2rem; border-radius: 3px; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; transition: background-color 0.15s, border-color 0.15s, color 0.15s; }
.bw-knopf--gold { background: var(--bw-gold); color: var(--bw-ink); }
.bw-knopf--gold:hover, .bw-knopf--gold:focus-visible { background: var(--bw-gold-hover); color: var(--bw-ink); }
.bw-knopf--block { display: flex; width: 100%; }
/* Beschriftungen, die umbrechen dürfen: als Block, nicht als Flex-Container — sonst werden Textteile zu eigenen
   Flex-Elementen und überlagern sich bei langen Städtenamen. */
.bw-knopf--text { display: block; width: 100%; padding: 0.95rem 1rem; text-align: center; line-height: 1.35; white-space: normal; }

/* Rückrufformular (Gravity Forms) im hellen Kasten -------------------------------------------------------------------- */
/* Die Gravity-Stile laden nach diesem Stylesheet, deshalb überall `.bw-seite` davor: Ohne den zusätzlichen Schritt in der
   Spezifität gewinnt das Plugin-Raster und Name und Telefon stünden untereinander. */
.bw-seite .bw-kontakt__formular .gform_validation_container,
.bw-seite .bw-kontakt__formular .gform_hidden { display: none !important; }
.bw-seite .bw-kontakt__formular .gform_wrapper { margin: 0; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gform_fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield { grid-column: 1 / -1; padding: 0; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-text,
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-phone { grid-column: span 1; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield_label { display: block; font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); margin-bottom: 0.375rem; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield_required { color: var(--bw-gold-text); }
.bw-seite .bw-kontakt__formular .gform_wrapper input[type="text"],
.bw-seite .bw-kontakt__formular .gform_wrapper input[type="email"],
.bw-seite .bw-kontakt__formular .gform_wrapper input[type="tel"],
.bw-seite .bw-kontakt__formular .gform_wrapper select { width: 100%; height: 48px; padding: 0 0.75rem; border: 1px solid var(--bw-rand); border-radius: 3px; font: inherit; font-size: 1rem; color: var(--bw-ink); background-color: #fff; }
/* !important nur hier: Gravity setzt die Höhe aus dem rows-Attribut (10 Zeilen) mit höherer Spezifität. */
.bw-seite .bw-kontakt__formular .gform_wrapper textarea { width: 100%; height: 104px !important; min-height: 104px !important; padding: 0.625rem 0.75rem; border: 1px solid var(--bw-rand); border-radius: 3px; font: inherit; font-size: 1rem; color: var(--bw-ink); background-color: #fff; resize: vertical; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-consent > .gfield_label { display: none; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-consent .gchoice { display: flex; gap: 0.625rem; align-items: flex-start; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-consent label { font-size: 0.8125rem; line-height: 1.5; color: var(--bw-sekundaer); font-weight: 400; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-consent input { width: 20px; height: 20px; margin-top: 0.125rem; flex: none; accent-color: var(--bw-ink); }
.bw-seite .bw-kontakt__formular .gform_wrapper .gform_footer { margin: 1rem 0 0; padding: 0; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gform_button { width: 100%; min-height: 52px; background: var(--bw-gold); color: var(--bw-ink); border: 0; border-radius: 3px; font: inherit; font-weight: 800; font-size: 0.875rem; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; transition: background-color 0.15s; }
.bw-seite .bw-kontakt__formular .gform_wrapper .gform_button:hover,
.bw-seite .bw-kontakt__formular .gform_wrapper .gform_button:focus-visible { background: var(--bw-gold-hover); }
.bw-seite .bw-kontakt__formular .gform_wrapper .gfield_description,
.bw-seite .bw-kontakt__formular .gform_wrapper .charleft { font-size: 0.75rem; color: var(--bw-sekundaer); padding-top: 0.25rem; }
@media (max-width: 560px) {
	.bw-seite .bw-kontakt__formular .gform_wrapper .gform_fields { grid-template-columns: 1fr; }
	.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-text,
	.bw-seite .bw-kontakt__formular .gform_wrapper .gfield--type-phone { grid-column: 1 / -1; }
}

/* Kopf ------------------------------------------------------------------------------------------------------------- */
.bw-kopf { background: var(--bw-ink); color: #fff; }
.bw-kopf__innen { padding-block: 1.5rem 4.5rem; display: flex; flex-wrap: wrap; gap: 3rem; align-items: flex-start; }
.bw-kopf__text { flex: 1 1 460px; min-width: 0; }
.bw-kopf .krumen-leiste { width: auto; max-width: none; margin: 0 0 2.5rem; padding: 0; font-size: 0.8rem; color: var(--bw-grau); }
.bw-kopf .krumen-leiste a { color: var(--bw-grau); }
.bw-kopf .krumen-leiste a:hover { color: #fff; }
.bw-kopf .krumen-leiste > :last-child, .bw-kopf .krumen-leiste span[aria-current] { color: #fff; }
.bw-h1 { font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.045em; line-height: 1.15; font-size: clamp(1.875rem, 4vw, 2.875rem); margin: 0 0 1.5rem; color: #fff; text-wrap: balance; }
.bw-lead { font-size: 1.1875rem; line-height: 1.6; color: var(--bw-hell); margin: 0 0 1.75rem; max-width: 35rem; }
.bw-punkte { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: 0.75rem; }
.bw-punkte li { display: flex; gap: 0.75rem; align-items: center; color: var(--bw-hell); }
.bw-punkte .bw-icon { stroke: var(--bw-gold); stroke-width: 2.2; }
.bw-vertrauen { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; padding-top: 1.5rem; border-top: 1px solid var(--bw-anthrazit); }
.bw-vertrauen__google { display: flex; gap: 0.625rem; align-items: center; color: #fff; text-decoration: none; }
.bw-vertrauen__note { font-size: 1.75rem; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; }
.bw-vertrauen__text { display: flex; flex-direction: column; line-height: 1.3; }
.bw-vertrauen__sterne { color: var(--bw-gold); letter-spacing: 2px; }
.bw-vertrauen__quelle { font-size: 0.8rem; color: var(--bw-grau); }
.bw-vertrauen__verband { margin: 0; font-size: 0.8rem; color: var(--bw-grau); border-left: 1px solid var(--bw-anthrazit); padding-left: 1.5rem; }
.bw-vertrauen__verband strong { color: #fff; }

/* Preis-Check ------------------------------------------------------------------------------------------------------ */
.bw-rechner { flex: 1 1 420px; min-width: 0; background: #fff; color: var(--bw-anthrazit); border-radius: 6px; padding: 2rem; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35); }
.bw-rechner__kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; margin-bottom: 0.25rem; }
.bw-rechner__titel { font-size: 1.3125rem; font-weight: 800; margin: 0; font-family: inherit; text-transform: none; letter-spacing: 0; }
.bw-rechner__marke { font-size: 0.75rem; font-weight: 800; color: var(--bw-gold-text); text-transform: uppercase; letter-spacing: 0.08em; }
.bw-rechner__intro { margin: 0 0 1.5rem; font-size: 0.875rem; color: var(--bw-sekundaer); }
.bw-rechner__hinweis { margin: 0.75rem 0 0; font-size: 0.75rem; color: #6B7280; line-height: 1.5; }
.bw-feld__label { display: block; font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); margin-bottom: 0.375rem; }
.bw-feld { width: 100%; height: 48px; padding: 0 0.75rem; border: 1px solid var(--bw-rand); border-radius: 3px; font: inherit; color: var(--bw-ink); background: #fff; margin-bottom: 1.25rem; }
.bw-feld__zeile { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.375rem; }
.bw-feld__zeile .bw-feld__label { margin: 0; }
.bw-feld__wert { font-weight: 800; color: var(--bw-ink); font-size: 1.125rem; }
.bw-schieber { width: 100%; margin: 0 0 1.25rem; accent-color: var(--bw-gold); }
.bw-zustand { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-bottom: 1.5rem; }
.bw-pille { min-height: 44px; padding: 0.5rem 0.625rem; border-radius: 3px; border: 1px solid var(--bw-rand); background: #fff; color: var(--bw-ink); font: inherit; font-size: 0.875rem; font-weight: 700; cursor: pointer; transition: background-color 0.15s, border-color 0.15s, color 0.15s; }
.bw-pille[aria-pressed="true"] { background: var(--bw-ink); border-color: var(--bw-ink); color: #fff; }
.bw-ergebnis { background: var(--bw-nebel); border-radius: 4px; padding: 1.25rem; margin-bottom: 1.25rem; }
.bw-ergebnis__label { display: block; font-size: 0.8125rem; color: var(--bw-sekundaer); }
.bw-ergebnis__zahl { display: block; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 2rem; color: var(--bw-ink); line-height: 1.25; margin: 0.25rem 0 0.75rem; }
.bw-ergebnis__basis { display: flex; flex-wrap: wrap; gap: 0.375rem 1.25rem; font-size: 0.8125rem; color: var(--bw-sekundaer); }
.bw-ergebnis__basis strong { color: var(--bw-ink); }

/* Kennzahlen und Inhaltsmarken -------------------------------------------------------------------------------------- */
.bw-fakten { background: var(--bw-nebel); }
.bw-fakten .bw-innen { padding-block: 3rem; }
.bw-fakten__liste { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.bw-fakt { background: #fff; border-radius: 4px; padding: 1.5rem; }
.bw-fakt--dunkel { background: var(--bw-ink); }
.bw-fakt__label { display: block; font-size: 0.8125rem; font-weight: 800; color: var(--bw-gold-text); text-transform: uppercase; letter-spacing: 0.08em; }
.bw-fakt--dunkel .bw-fakt__label { color: var(--bw-gold); }
.bw-fakt__wert { display: block; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: clamp(1.75rem, 3vw, 2.25rem); color: var(--bw-ink); margin: 0.375rem 0 0.125rem; }
.bw-fakt--dunkel .bw-fakt__wert { color: #fff; }
.bw-fakt__text { font-size: 0.875rem; color: var(--bw-sekundaer); }
.bw-fakt--dunkel .bw-fakt__text { color: #D3D6DE; }
.bw-marken { display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: center; }
.bw-marken__label { font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); text-transform: uppercase; letter-spacing: 0.08em; margin-right: 0.375rem; }
.bw-marke { background: #fff; border: 1px solid #D5D8E0; border-radius: 999px; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 700; text-decoration: none; color: var(--bw-ink); white-space: nowrap; }
.bw-marke:hover, .bw-marke:focus-visible { border-color: var(--bw-gold); color: var(--bw-gold-text); }
@media (max-width: 760px) { .bw-marken { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.25rem; } }

/* Ratgeberseiten: Lesestrecke statt Rechner ------------------------------------------------------------------------- */
/* Ohne Kennzahlen trägt das Inhaltsverzeichnis den Abschnitt allein — dann darf es zweizeilig laufen und mehr Luft haben. */
.bw-marken--allein { align-items: flex-start; }
.bw-marken--allein .bw-marken__label { padding-top: 0.6875rem; }
@media (max-width: 760px) { .bw-marken--allein { flex-wrap: wrap; overflow-x: visible; } }

/* Viele Kapitel: aus den Chips wird ein mehrspaltiges Inhaltsverzeichnis. */
.bw-marken--liste { display: block; }
.bw-marken--liste .bw-marken__label { display: block; margin: 0 0 0.75rem; padding: 0; }
.bw-marken--liste .bw-marke { display: block; background: none; border: 0; border-radius: 0; padding: 0.3125rem 0; white-space: normal; font-weight: 400; font-size: 0.9375rem; line-height: 1.45; break-inside: avoid; }
.bw-marken--liste .bw-marke::before { content: "› "; color: var(--bw-gold-text); font-weight: 700; }
.bw-marken--liste .bw-marke:hover, .bw-marken--liste .bw-marke:focus-visible { color: var(--bw-gold-text); text-decoration: underline; }
@media (min-width: 761px) { .bw-marken--liste { columns: 3; column-gap: 2.5rem; } .bw-marken--liste .bw-marken__label { column-span: all; } }

.bw-marken__klapp > summary { cursor: pointer; list-style: none; font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); text-transform: uppercase; letter-spacing: 0.08em; padding: 0.75rem 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bw-linie); }
.bw-marken__klapp > summary::-webkit-details-marker { display: none; }
.bw-marken__klapp > summary::after { content: "+"; font-size: 1.25rem; font-weight: 400; }
.bw-marken__klapp[open] > summary::after { content: "–"; }
.bw-marken__klapp > div { padding-top: 0.5rem; }

/* Pflicht- und Transparenzhinweise aus dem Anriss: im dunklen Kopf zurückhaltend, aber lesbar. */
.bw-kopf__hinweis { margin: 0 0 1.5rem; padding: 0.875rem 1.125rem; border-left: 3px solid var(--bw-gold); background: rgba(255, 255, 255, 0.06); }
.bw-kopf__hinweis p { margin: 0; font-size: 0.875rem; line-height: 1.6; color: #D3D6DE; }
.bw-kopf__hinweis p + p { margin-top: 0.5rem; }
.bw-kopf__hinweis a { color: #fff; }

/* Autorenzeile und Dienste (PDF-Download) im dunklen Kopf. */
.bw-kopf__meta { margin: -0.5rem 0 1.25rem; font-size: 0.875rem; color: var(--bw-grau); }
.bw-kopf__dienste:empty { display: none; }
.bw-kopf__dienste { margin-bottom: 1.5rem; }
.bw-kopf__dienste .ratgeber-pdf { margin: 0; }
.bw-kopf__dienste .ratgeber-pdf__link { display: inline-flex; align-items: center; gap: 0.5rem; color: #fff; font-size: 0.9375rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--bw-gold); padding-bottom: 0.125rem; }
.bw-kopf__dienste .ratgeber-pdf__link:hover, .bw-kopf__dienste .ratgeber-pdf__link:focus-visible { color: var(--bw-gold); }

/* Handlungsband mitten in der Lesestrecke: etwas mehr Luft als ein Absatz, damit es als Einschub liest. */
.bw-band--lese { margin: 3rem 0; }
.bw-band--lese span { font-size: 1.0625rem; }

/* Der Hinweiskasten gehört zum Lesetext, nicht zur vollen Kopfbreite. */
.bw-kopf__innen--breit .bw-kopf__hinweis { max-width: 52rem; }

/* Sprungziele nicht unter den Kopf der Seite schieben. */
.bw-text__innen > h2, .bw-text__innen > h3 { scroll-margin-top: 6rem; }

/* Marktbild der Stadt ------------------------------------------------------------------------------------------------ */
.bw-ortsbild .bw-innen { padding-block: var(--bw-abstand); }
.bw-ortsbild__raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2.5rem 3rem; align-items: start; }
.bw-ortsbild__text p { font-size: 1.0625rem; line-height: 1.7; margin: 0 0 1rem; }
.bw-ortsbild__text p:last-child { margin-bottom: 0; }
.bw-ortsbild__rang { margin-top: 2.5rem; }
.bw-ortsbild__boden { margin-top: 2.5rem; }
.bw-objekte .bw-innen { padding-block: var(--bw-abstand); }
.bw-objekte { background: var(--bw-nebel); }
.bw-grafik { margin: 0; }
.bw-grafik svg { display: block; width: 100%; height: auto; }
.bw-grafik__quelle { margin: 0.75rem 0 0; font-size: 0.75rem; color: var(--bw-sekundaer); }
@media (max-width: 860px) { .bw-ortsbild__raster { grid-template-columns: minmax(0, 1fr); gap: 2rem; } }

/* Quadratmeterpreise ------------------------------------------------------------------------------------------------ */
.bw-preise .bw-innen { padding-block: var(--bw-abstand) 2.5rem; }
.bw-preise__kopf { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem; }
.bw-preise__kopf > div:first-child { flex: 1 1 520px; min-width: 0; }
.bw-umschalter { display: inline-flex; background: var(--bw-nebel); border-radius: 999px; padding: 4px; }
.bw-umschalter__knopf { min-height: 44px; padding: 0 1.25rem; border-radius: 999px; border: 0; font: inherit; font-weight: 800; font-size: 0.875rem; cursor: pointer; background: transparent; color: var(--bw-ink); }
.bw-umschalter__knopf.is-aktiv { background: var(--bw-ink); color: #fff; }
.bw-preise__raster { display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; }
.bw-balken { flex: 999 1 560px; min-width: 0; display: grid; gap: 4px; }
.bw-balken__zeile { display: grid; grid-template-columns: 190px minmax(0, 1fr) 96px; gap: 1rem; align-items: center; width: 100%; min-height: 44px; padding: 0.375rem 0.625rem; border: 0; border-radius: 3px; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.bw-balken__zeile:hover { background: var(--bw-nebel); }
.bw-balken__zeile.is-gewaehlt { background: var(--bw-gold-hell); }
.bw-balken__name { font-size: 0.9375rem; font-weight: 700; color: var(--bw-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bw-balken__spur { display: block; height: 14px; background: var(--bw-linie); border-radius: 2px; overflow: hidden; }
.bw-balken__fuellung { display: block; height: 14px; background: var(--bw-anthrazit); border-radius: 2px; transition: width 0.4s ease, background-color 0.15s; }
.bw-balken__zeile.is-gewaehlt .bw-balken__fuellung { background: var(--bw-gold); }
.bw-balken__wert { font-size: 0.9375rem; font-weight: 800; color: var(--bw-ink); text-align: right; white-space: nowrap; }
@media (max-width: 560px) { .bw-balken__zeile { grid-template-columns: minmax(0, 1fr) 84px; grid-template-areas: "name wert" "spur spur"; row-gap: 0.25rem; } .bw-balken__name { grid-area: name; white-space: normal; } .bw-balken__wert { grid-area: wert; } .bw-balken__spur { grid-area: spur; } }
.bw-auswahl { flex: 1 1 300px; min-width: 0; background: var(--bw-ink); color: #fff; border-radius: 6px; padding: 1.75rem; }
.bw-auswahl__label { display: block; font-size: 0.75rem; font-weight: 800; color: var(--bw-gold); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.5rem; }
.bw-auswahl__ort { display: block; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 1.625rem; line-height: 1.2; margin-bottom: 1rem; }
.bw-auswahl__daten { margin: 0 0 1.5rem; display: grid; grid-template-columns: auto 1fr; gap: 0.5rem 1rem; font-size: 0.9375rem; }
.bw-auswahl__daten dt { color: var(--bw-grau); }
.bw-auswahl__daten dd { margin: 0; font-weight: 800; text-align: right; }
.bw-auswahl__daten dd:last-of-type { font-weight: 400; color: #D3D6DE; }
.bw-auswahl__link { display: block; margin-top: 0.875rem; color: #fff; font-size: 0.875rem; text-align: center; }
.bw-tabelle { margin-top: 1.5rem; border-top: 1px solid var(--bw-linie); padding-top: 1rem; }
.bw-tabelle > summary { font-weight: 800; color: var(--bw-ink); font-size: 0.9375rem; cursor: pointer; }
.bw-tabelle__rahmen { overflow-x: auto; margin-top: 1rem; }
.bw-tabelle table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; min-width: 520px; }
.bw-tabelle thead tr { background: var(--bw-nebel); text-align: left; }
.bw-tabelle th, .bw-tabelle td { padding: 0.75rem; }
.bw-tabelle tbody tr { border-bottom: 1px solid var(--bw-linie); }
.bw-tabelle tbody th { text-align: left; font-weight: 700; }
.bw-tabelle__hinweis { color: #6B7280; font-size: 0.8125rem; }

/* Neubau und Bestand ------------------------------------------------------------------------------------------------ */
.bw-vergleich .bw-innen { padding-block: 2.5rem var(--bw-abstand); }
.bw-vergleich__kasten { border: 1px solid var(--bw-linie); border-radius: 6px; padding: 2rem; }
.bw-vergleich__titel { font-size: 1.25rem; font-weight: 800; margin: 0 0 0.375rem; font-family: inherit; text-transform: none; letter-spacing: 0; }
.bw-vergleich__text { margin: 0 0 1.5rem; font-size: 0.9375rem; }
.bw-legende { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; align-items: center; font-size: 0.8125rem; font-weight: 700; color: var(--bw-ink); margin: 0 0 1.25rem; }
.bw-legende__punkt { width: 14px; height: 14px; border-radius: 2px; display: inline-block; }
.bw-legende__punkt--neubau { background: var(--bw-ink); }
.bw-legende__punkt--bestand { background: var(--bw-gold); margin-left: 1rem; }
.bw-vergleich__zeilen { display: grid; gap: 1.125rem; }
.bw-vergleich__zeile { display: grid; grid-template-columns: minmax(140px, 260px) minmax(0, 1fr); gap: 1rem; align-items: center; }
.bw-vergleich__name { font-size: 0.875rem; font-weight: 700; color: var(--bw-ink); }
.bw-vergleich__zeile.is-stark .bw-vergleich__name { font-weight: 800; }
.bw-vergleich__paar { display: grid; gap: 4px; }
.bw-vergleich__balken { display: flex; align-items: center; gap: 0.5rem; }
.bw-vergleich__fuellung { height: 14px; border-radius: 2px; }
.bw-vergleich__fuellung--neubau { background: var(--bw-ink); }
.bw-vergleich__fuellung--bestand { background: var(--bw-gold); }
.bw-vergleich__zahl { font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); }
@media (max-width: 600px) { .bw-vergleich__zeile { grid-template-columns: 1fr; gap: 0.375rem; } }

/* Bewertungsarten --------------------------------------------------------------------------------------------------- */
.bw-arten { background: var(--bw-nebel); }
.bw-arten .bw-innen { padding-block: var(--bw-abstand); }
.bw-arten__kopf { text-align: center; max-width: 45rem; margin: 0 auto 2.5rem; }
.bw-arten__kopf p:last-child { margin: 0; }
.bw-arten__raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.25rem; }
.bw-art { display: flex; flex-direction: column; gap: 0.75rem; background: #fff; border: 2px solid #fff; border-radius: 6px; padding: 1.75rem; text-decoration: none; color: var(--bw-anthrazit); position: relative; transition: transform 0.15s, border-color 0.15s; }
.bw-art:hover, .bw-art:focus-visible { border-color: var(--bw-gold); transform: translateY(-2px); }
.bw-art .bw-icon { stroke: var(--bw-gold-text); }
.bw-art__titel { font-size: 1.25rem; font-weight: 800; color: var(--bw-ink); }
.bw-art__text { font-size: 0.9375rem; flex: 1; }
.bw-art__meta { font-size: 0.8125rem; font-weight: 800; color: var(--bw-gold-text); text-transform: uppercase; letter-spacing: 0.07em; }
.bw-art--empfohlen { background: var(--bw-ink); border-color: var(--bw-gold); color: var(--bw-hell); }
.bw-art--empfohlen .bw-icon { stroke: var(--bw-gold); }
.bw-art--empfohlen .bw-art__titel { color: #fff; }
.bw-art--empfohlen .bw-art__meta { color: var(--bw-gold); }
.bw-art__fahne { position: absolute; top: -13px; left: 1.75rem; background: var(--bw-gold); color: var(--bw-ink); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.25rem 0.625rem; border-radius: 2px; }

/* Wertfaktoren ------------------------------------------------------------------------------------------------------ */
.bw-faktoren .bw-innen { padding-block: var(--bw-abstand); }
.bw-faktoren__kopf { display: flex; flex-wrap: wrap; gap: 3rem; align-items: center; margin-bottom: 3rem; }
.bw-faktoren__kopf > div { flex: 1 1 460px; min-width: 0; }
.bw-faktoren__kopf p { margin: 0 0 1rem; }
.bw-faktoren__kopf p:last-child { margin: 0; }
.bw-faktoren__bild { flex: 1 1 420px; min-width: 0; margin: 0; }
.bw-faktoren__bild img { width: 100%; height: auto; border-radius: 6px; display: block; }
.bw-faktoren__liste { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem; }
.bw-faktor { border: 1px solid var(--bw-linie); border-radius: 6px; padding: 1.75rem; display: flex; flex-direction: column; gap: 0.625rem; }
.bw-faktor__zahl { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--bw-gold-hell); color: var(--bw-gold-text); font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 1.25rem; }
.bw-faktor__titel { font-size: 1.1875rem; font-weight: 800; margin: 0.25rem 0 0; }
.bw-faktor__tags { font-size: 0.8125rem; font-weight: 700; color: var(--bw-gold-text); margin: 0; }
.bw-faktor__text { margin: 0; font-size: 0.9375rem; }
.bw-band { margin-top: 2rem; background: var(--bw-ink); color: #fff; border-radius: 6px; padding: 1.5rem 1.75rem; display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; }
.bw-band span { font-size: 1.125rem; flex: 1 1 400px; }
.bw-band a { color: var(--bw-gold); font-weight: 800; text-decoration: none; white-space: nowrap; }

/* Unterlagen-Check -------------------------------------------------------------------------------------------------- */
.bw-unterlagen { background: var(--bw-nebel); }
.bw-unterlagen__innen { padding-block: var(--bw-abstand); display: flex; flex-wrap: wrap; gap: 3rem; align-items: flex-start; }
.bw-unterlagen__links { flex: 1 1 380px; min-width: 0; }
.bw-unterlagen__links > p { margin: 0 0 1.5rem; }
.bw-stand { background: #fff; border-radius: 6px; padding: 1.5rem; }
.bw-stand__kopf { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.625rem; font-weight: 800; color: var(--bw-ink); }
.bw-stand__zahl { font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 1.625rem; font-weight: 400; }
.bw-stand__balken { height: 10px; background: var(--bw-linie); border-radius: 999px; overflow: hidden; margin-bottom: 1rem; }
.bw-stand__balken span { display: block; height: 10px; background: var(--bw-gold); border-radius: 999px; transition: width 0.4s ease; }
.bw-stand__satz { margin: 0 0 1.25rem; font-size: 0.9375rem; }
.bw-unterlagen__liste { flex: 1 1 520px; min-width: 0; list-style: none; padding: 0; margin: 0; display: grid; gap: 0.625rem; }
.bw-unterlage { display: flex; gap: 1rem; align-items: flex-start; background: #fff; border-radius: 4px; padding: 1rem 1.25rem; cursor: pointer; border: 1px solid #fff; transition: border-color 0.15s; }
.bw-unterlage:has(input:checked) { border-color: var(--bw-gold); }
.bw-unterlage input { width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: var(--bw-ink); }
.bw-unterlage__titel { display: block; font-weight: 800; color: var(--bw-ink); }
.bw-unterlage__hinweis { display: block; font-size: 0.875rem; color: var(--bw-sekundaer); }
.bw-unterlagen__eintrag { position: relative; }
.bw-unterlage__link { position: absolute; right: 1.25rem; top: 1rem; font-size: 0.8125rem; color: var(--bw-gold-text); }

/* Ablauf ------------------------------------------------------------------------------------------------------------ */
.bw-ablauf .bw-innen { padding-block: var(--bw-abstand); }
.bw-schritte { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; }
.bw-schritt { position: relative; padding-top: 4rem; }
.bw-schritt__zahl { position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-radius: 50%; background: var(--bw-ink); color: var(--bw-gold); display: flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 1.375rem; }
.bw-schritt::before { content: ""; position: absolute; top: 24px; left: 60px; right: 0; height: 1px; background: #D5D8E0; }
.bw-schritt.is-letzter::before { display: none; }
.bw-schritt.is-letzter .bw-schritt__zahl { background: var(--bw-gold); color: var(--bw-ink); }
.bw-schritt__titel { font-size: 1.125rem; font-weight: 800; margin: 0 0 0.5rem; }
.bw-schritt__text { margin: 0; font-size: 0.9375rem; }
@media (max-width: 760px) { .bw-schritt::before { display: none; } }

/* Gut zu wissen ------------------------------------------------------------------------------------------------------ */
.bw-wissen { background: var(--bw-ink); color: var(--bw-hell); }
.bw-wissen .bw-innen { padding-block: var(--bw-abstand); }
.bw-wissen .bw-titel { margin-bottom: 2.5rem; }
.bw-wissen__liste { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
.bw-wissen__karte { border: 1px solid var(--bw-anthrazit); border-radius: 6px; padding: 1.75rem; }
.bw-wissen__marke { display: block; font-size: 0.75rem; font-weight: 800; color: var(--bw-gold); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.625rem; }
.bw-wissen__karte h3 { font-size: 1.1875rem; font-weight: 800; color: #fff; margin: 0 0 0.625rem; }
.bw-wissen__karte p { margin: 0; font-size: 0.9375rem; color: var(--bw-hell); }

/* Ansprechpartner und Rückruf ----------------------------------------------------------------------------------------- */
.bw-kontakt .bw-innen { padding-block: var(--bw-abstand); }
.bw-kontakt__rahmen { display: flex; flex-wrap: wrap; border: 1px solid var(--bw-linie); border-radius: 6px; overflow: hidden; }
.bw-kontakt__person { flex: 1 1 420px; min-width: 0; padding: 2.5rem; display: flex; flex-wrap: wrap; gap: 1.75rem; align-items: center; background: var(--bw-nebel); }
.bw-kontakt__foto { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; flex: none; }
.bw-kontakt__person > div { flex: 1 1 200px; min-width: 0; }
.bw-kontakt__person .bw-eyebrow { margin-bottom: 0.375rem; }
.bw-kontakt__name { font-size: 1.375rem; font-weight: 800; color: var(--bw-ink); margin: 0 0 0.25rem; }
.bw-kontakt__funktion { font-size: 0.9375rem; color: var(--bw-sekundaer); margin: 0 0 1rem; }
.bw-kontakt__telefon { display: block; font-size: 1.25rem; font-weight: 800; text-decoration: none; color: var(--bw-ink); }
.bw-kontakt__zeiten { font-size: 0.875rem; color: var(--bw-sekundaer); margin: 0.25rem 0 0; }
.bw-kontakt__formular { flex: 1 1 420px; min-width: 0; padding: 2.5rem; background: #fff; }
.bw-kontakt__titel { font-size: 1.5rem; font-weight: 800; margin: 0 0 1.25rem; font-family: inherit; text-transform: none; letter-spacing: 0; }
.bw-kontakt__formular label, .bw-kontakt__formular legend { color: var(--bw-ink); }
.bw-kontakt__formular input, .bw-kontakt__formular select, .bw-kontakt__formular textarea { color: var(--bw-ink); background-color: #fff; }

/* Häufige Fragen ------------------------------------------------------------------------------------------------------ */
.bw-faq__innen { max-width: 880px; margin-inline: auto; padding: 0 1.5rem var(--bw-abstand); }
.bw-faq__liste { border-top: 1px solid var(--bw-linie); }
.bw-frage { border-bottom: 1px solid var(--bw-linie); }
.bw-frage > summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; font-size: 1.125rem; font-weight: 800; color: var(--bw-ink); cursor: pointer; list-style: none; }
.bw-frage > summary::-webkit-details-marker { display: none; }
.bw-frage__plus { color: var(--bw-gold-text); font-size: 1.625rem; line-height: 1; transition: transform 0.2s; flex: none; }
.bw-frage[open] .bw-frage__plus { transform: rotate(45deg); }
.bw-frage > p { margin: 0 0 1.25rem; }

/* Weiterlesen ---------------------------------------------------------------------------------------------------------- */
.bw-weiter { background: var(--bw-nebel); }
.bw-weiter .bw-innen { padding-block: 4rem; }
.bw-weiter__titel { font-size: 1.375rem; font-weight: 800; margin: 0 0 1.5rem; font-family: inherit; text-transform: none; letter-spacing: 0; }
.bw-weiter__liste { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.bw-weiter__karte { background: #fff; border: 2px solid #fff; border-radius: 6px; padding: 1.5rem; text-decoration: none; display: flex; flex-direction: column; gap: 0.375rem; height: 100%; transition: transform 0.15s, border-color 0.15s; }
.bw-weiter__karte:hover, .bw-weiter__karte:focus-visible { border-color: var(--bw-gold); transform: translateY(-2px); }
.bw-weiter__marke { font-size: 0.75rem; font-weight: 800; color: var(--bw-gold-text); text-transform: uppercase; letter-spacing: 0.1em; }
.bw-weiter__text { font-weight: 800; color: var(--bw-ink); font-size: 1.0625rem; }

/* Fokus und Bewegung ---------------------------------------------------------------------------------------------------- */
.bw-seite a:focus-visible, .bw-seite button:focus-visible, .bw-seite input:focus-visible, .bw-seite select:focus-visible, .bw-seite summary:focus-visible { outline: 3px solid var(--bw-gold); outline-offset: 2px; }
/* Nur wenn JavaScript läuft (html.bw-bewegt), damit ohne Skript nichts unsichtbar bleibt. Einmalig, nicht beim Zurückscrollen. */
.bw-bewegt [data-bw-auf] { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; transition-delay: calc(var(--bw-verzug, 0) * 70ms); }
.bw-bewegt [data-bw-auf].bw-da { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.bw-bewegt [data-bw-auf] { opacity: 1; transform: none; transition: none; }
	.bw-stand__balken span, .bw-balken__fuellung { transition: none; }
	.bw-art:hover, .bw-weiter__karte:hover { transform: none; }
}

/* Hausbewertung: vorhandener Preis-Check und Marktdaten-Bausteine des Themes --------------------------------------------- */
/* Der Preis-Check des Themes bringt eigene Stile mit; hier wird er nur in die Kopfkarte eingepasst. */
.bw-rechner--eingebettet .calc, .bw-rechner--eingebettet .preischeck { margin: 0; padding: 0; border: 0; background: none; }
.bw-rechner--eingebettet .calc__title { display: none; }
.bw-rechner--eingebettet .calc__intro { margin: 0 0 1rem; font-size: 0.8125rem; line-height: 1.5; color: var(--bw-sekundaer); }
.bw-rechner--eingebettet .calc__grid { display: block; }
.bw-rechner--eingebettet .calc__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem 1rem; }
.bw-rechner--eingebettet .calc__field { margin: 0; }
.bw-rechner--eingebettet .calc__field:first-of-type, .bw-rechner--eingebettet .preischeck__absenden { grid-column: 1 / -1; }
.bw-rechner--eingebettet .calc__field label { font-size: 0.8125rem; font-weight: 800; color: var(--bw-ink); }
.bw-rechner--eingebettet input, .bw-rechner--eingebettet select { height: 48px; border: 1px solid var(--bw-rand); border-radius: 3px; color: var(--bw-ink); background-color: #fff; font-size: 1rem; }
.bw-rechner--eingebettet .preischeck__absenden { margin: 0.5rem 0 0; }
.bw-rechner--eingebettet .calc__results { margin-top: 1.25rem; padding: 1.25rem; border-radius: 4px; background: var(--bw-nebel); }
.bw-rechner--eingebettet .preischeck__label { margin: 0 0 0.2rem; font-size: 0.8125rem; color: var(--bw-sekundaer); }
.bw-rechner--eingebettet .preischeck__zahl { margin: 0 0 0.75rem; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-size: 1.75rem; line-height: 1.2; color: var(--bw-ink); }
.bw-rechner--eingebettet .preischeck__basis { display: block; margin: 0 0 0.6rem; font-size: 0.8rem; line-height: 1.35; }
.bw-rechner--eingebettet .preischeck__basis dt { margin-top: 0.4rem; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: var(--bw-sekundaer); }
.bw-rechner--eingebettet .preischeck__basis dt:first-child { margin-top: 0; }
.bw-rechner--eingebettet .preischeck__basis dd { margin: 0; color: var(--bw-ink); }
.bw-rechner--eingebettet .preischeck__hinweis { margin: 0 0 0.5rem; font-size: 0.74rem; line-height: 1.45; color: var(--bw-sekundaer); }
.bw-rechner--eingebettet .preischeck__cta { margin: 0; font-size: 0.85rem; }
.bw-rechner--eingebettet .bw-knopf { margin-top: 1.25rem; }
@media (max-width: 560px) { .bw-rechner--eingebettet .calc__fields { grid-template-columns: 1fr; } }

.bw-preise__bausteine { display: grid; gap: 2rem; }
/* Die Markttabellen des Themes sind breiter als ein Handybildschirm. Sie scrollen in ihrem eigenen Kasten, statt die
   ganze Seite breiter zu machen (Briefing: „nie die Seite breiter machen"). */
.bw-preise__bausteine > *, .bw-preise__bausteine .wp-block-table, .bw-preise__bausteine figure { max-width: 100%; overflow-x: auto; }
.bw-preise__bausteine table { width: 100%; min-width: 30rem; }

/* Wertermittlungsverfahren ---------------------------------------------------------------------------------------------- */
.bw-verfahren .bw-innen { padding-block: var(--bw-abstand); }
.bw-verfahren__liste { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }
.bw-verfahren__karte { border: 1px solid var(--bw-linie); border-top: 3px solid var(--bw-gold); border-radius: 4px; padding: 1.5rem; }
.bw-verfahren__karte h3 { font-size: 1.125rem; font-weight: 800; margin: 0 0 0.5rem; }
.bw-verfahren__karte p { margin: 0; font-size: 0.9375rem; }

/* Knappe Fassung des Theme-Rechners im Kopf: Datengrundlage und Quelle stehen weiter unten auf der Seite, hier zählt die
   Spanne. So bleibt die Karte kurz und der Weg führt direkt zur Bewertung. */
/* Die Liste besteht aus div-Paaren. Marktsegment (steht schon im Formular) und Quelle (steht weiter unten bei den
   Preisen) entfallen; Vergleichswert und Datengrundlage bleiben — letztere sagt bei Häusern, ob der Wert aus dem Ort
   oder aus dem Kreisgebiet stammt. */
.bw-rechner--knapp .preischeck__basis > div:nth-child(2), .bw-rechner--knapp .preischeck__basis > div:nth-child(4) { display: none; }
.bw-rechner--knapp .preischeck__hinweis, .bw-rechner--knapp .preischeck__cta, .bw-rechner--knapp .preischeck__quelle { display: none; }
.bw-rechner--knapp .calc__intro { display: none; }
.bw-tabelle--zusatz { margin-top: 0.75rem; border-top: 0; padding-top: 0; }
.bw-tabelle--zusatz .marktgrafik, .bw-tabelle--zusatz figure { margin: 0; max-width: 100%; overflow-x: auto; }
.bw-tabelle--zusatz table { min-width: 30rem; }

/* Kopf ohne Rechner (Seiten ohne Preis-Check) ---------------------------------------------------------------------------- */
.bw-kopf__innen--breit .bw-kopf__text { flex: 1 1 100%; }
.bw-kopf__innen--breit .bw-lead { max-width: 52rem; }
.bw-kopf__innen--breit .bw-punkte { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }

/* Ratgebertext aus dem Editor --------------------------------------------------------------------------------------------- */
.bw-text .bw-text__innen { padding-block: var(--bw-abstand); }
.bw-text__innen > * { max-width: 46rem; }
.bw-text__innen > h2 { margin-top: 2.5rem; font-family: var(--wp--preset--font-family--display, Marcellus), Georgia, serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.045em; line-height: 1.15; font-size: clamp(1.5rem, 3vw, 2rem); }
.bw-text__innen > h3 { margin-top: 2rem; font-size: 1.1875rem; font-weight: 800; }
/* Module im Fliesstext bleiben in der Lesespalte: eine gemeinsame rechte Fluchtlinie mit Text und Ueberschriften. */
.bw-text__innen > figure, .bw-text__innen > .wp-block-table, .bw-text__innen > .immobra-grafik, .bw-text__innen > .calc, .bw-text__innen > .checkliste, .bw-text__innen > .wp-block-group { width: 100%; max-width: 46rem; margin-inline: 0; }
/* Auch ein als „breit“ gesetztes Bild bleibt in der Spalte — sonst steht es links bündig und rechts allein im Raum. */
.bw-text__innen > .alignwide, .bw-text__innen > .alignfull { width: 100%; max-width: 46rem; margin-inline: 0; }
.bw-text__innen table { max-width: 100%; }
.bw-text__innen .wp-block-table, .bw-text__innen figure.wp-block-table { overflow-x: auto; }

/* Kopf auf dem Handy: Der Vorspann füllte bei 19 px und zehn Zeilen den ganzen ersten Bildschirm, ohne dass etwas zu
   tun war. Kleinere Schrift, engere Abstände, und der Haupt-CTA rückt mit ins Bild. */
.bw-kopf__cta { margin: 0 0 1.5rem; }
@media (max-width: 760px) {
	/* Reihenfolge im Kopf: Überschrift, Nutzenversprechen, dann sofort der Rechner (bzw. der Haupt-CTA) — der
	   ausführliche Vorspann kommt danach. Vorher lag der Rechner erst nach rund zwei Bildschirmen Text.
	   `display: contents` löst den Textblock auf, damit sich seine Teile einzeln einsortieren lassen. */
	.bw-kopf__innen { display: flex; flex-direction: column; }
	.bw-kopf__text { display: contents; }
	/* Jedes Kind des Kopfes braucht hier eine Nummer: Was keine hat, steht sonst vor allem anderen. */
	.bw-kopf .krumen-leiste { order: 1; }
	.bw-kopf__text .bw-eyebrow { order: 2; }
	.bw-h1 { order: 3; }
	.bw-kopf__meta { order: 4; }
	.bw-punkte { order: 5; }
	.bw-rechner, .bw-kopf__cta { order: 6; }
	.bw-lead { order: 7; }
	.bw-kopf__hinweis { order: 8; }
	.bw-kopf__dienste { order: 9; }
	.bw-vertrauen { order: 10; }
	.bw-kopf__innen { padding-block: 0.75rem 2.5rem; gap: 1.25rem; }
	.bw-kopf .krumen-leiste { margin-bottom: 0; }
	.bw-kopf__text .bw-eyebrow { margin-bottom: 0; }
	.bw-lead { font-size: 1.0625rem; line-height: 1.55; margin: 0; }
	.bw-h1 { margin-bottom: 1rem; }
	.bw-punkte, .bw-kopf__cta, .bw-rechner { margin-bottom: 0; }
	.bw-punkte { gap: 0.5rem; margin-bottom: 1.25rem; }
	.bw-punkte li { font-size: 0.9375rem; }
	.bw-vertrauen { gap: 1rem; padding-top: 1.25rem; }
	.bw-vertrauen__verband { border-left: 0; padding-left: 0; }
	.bw-kopf__cta .bw-knopf { display: flex; width: 100%; }
	.bw-fakten .bw-innen { padding-block: 2rem; }
	.bw-fakt { padding: 1.25rem; }
}