/* ══════════════════════════════════════════════════════════════════════
   pf-einheit.css — gemeinsame Gestaltungsschicht fuer ALLE 36 Seiten
   Stand 24.09.2026
   ══════════════════════════════════════════════════════════════════════
   Wird als LETZTES Stylesheet geladen (direkt nach <style id="pf-hoch-stil">,
   auf Standard- UND Landingpages). Damit gewinnt jede Regel hier bei gleicher
   Spezifitaet gegen alles davor — die Seitenfamilien muessen nicht mehr
   einzeln (pf-slim.css / pf-nav.css / Inline-Bloecke) nachgezogen werden.

   Grundlage: Pruefberichte Mobil, Desktop und Gestaltung vom 24.09.2026
   (IDs in Klammern). Regeln hier NICHT in andere Dateien kopieren.

   Farbregel Gold (WCAG AA):
     Gold-TEXT auf hellem Grund ......... #7a5c30  (5,6:1 Weiss, 5,1:1 Creme)
     Gold-TEXT auf dunklem Grund ........ #d4ae78  (6,9:1 auf #1c2b42)
     Knopf-Flaeche (weisse Schrift) ..... #8a6a3a  (5,0:1)
     #b8935a nur fuer Linien, Flaechen, Symbole — nie als Text auf hell.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --pf-gold-text:#7a5c30;
  --pf-gold-hell:#d4ae78;
  --pf-gold-knopf:#8a6a3a;
  --pf-gold-knopf-hover:#785b30;
}

/* ── 1 · Formularelemente in der Hausschrift (<button> lief in Arial) ── (D17) */
button, input, select, textarea{font-family:inherit}

/* ── 2 · Ueberschriften: keine automatische Silbentrennung ─────────────── (D02, D06-Design)
   Lange Komposita tragen im HTML ein &shy; an der Wortfuge; overflow-wrap
   ist nur das Sicherheitsnetz gegen Ueberlauf. */
h1, h2, h3, h4{
  -webkit-hyphens:manual !important;
  hyphens:manual !important;
  overflow-wrap:break-word;
}
h1, h2{text-wrap:balance}

/* ── 3 · Telefonnummern nie umbrechen ──────────────────────────────── (M05, D31) */
a[href^="tel:"]{white-space:nowrap}

/* ── 4 · Knoepfe: eine Goldflaeche, weisse Schrift 5,0:1 ─────────────── (D11, D17, D10) */
.f-sub,
.sticky .sticky-inner > button,
.sticky .sticky-inner > a:not([href^="tel:"]),
.actions a.primary{
  background:var(--pf-gold-knopf) !important;
  background-image:none !important;
  color:#fff !important;
}
.f-sub:hover,
.sticky .sticky-inner > button:hover,
.actions a.primary:hover{background:var(--pf-gold-knopf-hover) !important}
.f-sub{min-height:48px;border-radius:4px !important;letter-spacing:.05em}

/* Ratgeber-Knoepfe waren nur 34 px hoch */
[id^="page-rat-"] .btn-gold{min-height:44px}

/* ── 5 · Abschluss-Band RND/VWG/KG: Knopf wurde abgeschnitten ───────── (D01) */
@media (min-width:901px){
  .service-redesign .svc-cta-band{grid-template-columns:minmax(0,1fr) auto !important}
  .service-redesign .svc-cta-actions{grid-template-columns:auto auto !important}
}

/* ── 6 · Ablauf-Kacheln VWG/KG bei kleinen Laptops zweispaltig ─────── (D19) */
@media (min-width:901px) and (max-width:1180px){
  .service-redesign .svc-process{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* ── 7 · Zeilenlaenge von Fliesstext begrenzen ──────────────────────── (D14) */
.service-redesign details p,
.faq details p,
#page-impressum .page-content p,
#page-datenschutz p,
#page-impressum section p{max-width:72ch}

/* ── 8 · Wohnflaechenseite ─────────────────────────────────────────── (D03, D24) */
@media (min-width:901px){
  #page-wfl .wfl-visual-head{display:block !important}
  #page-wfl .wfl-visual-head h2{max-width:none !important}
  #page-wfl .wfl-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}

/* ── 9 · Startseite: Ueberschrift der 3D-Szene nicht unter der Navigation ── (D04) */
@media (min-width:901px){
  .wfl3d-head{top:calc(80px + clamp(1.2rem,4vh,2.6rem)) !important}
}

/* ── 10 · Ratgeber: Goldbalken nicht an zentrierten Ueberschriften ──── (D06-Desktop, D15-Design) */
[id^="page-rat-"] section [style*="text-align:center"] h2::before,
[id^="page-rat-"] section h2[style*="text-align:center"]::before{content:none !important}

/* ── 11 · Ratgeber: Kopfbereich auf derselben Achse wie der Artikel ─── (D07) */
@media (min-width:901px){
  /* Kopf so breit wie der jeweilige Artikelrahmen (860 / 1050 / 1100) */
  [id^="page-rat-"] .subhero-inner{max-width:860px !important}
  #page-rat-grundriss .subhero-inner, #page-rat-mfh .subhero-inner{max-width:1050px !important}
  #page-rat-uebersicht .subhero-inner{max-width:1100px !important}
}

/* Flex-Spalte: ohne width:100% schrumpft der Kopf-Kasten auf seinen Text und steht mittig (Ratgeber/Staedte, alle Breiten) */
:is([id^="page-rat-"],[id^="page-stadt-"]) .subhero-inner{width:100% !important}

/* ── 12 · Kopfzeile: doppelte Anfrage-Knoepfe in der Topbar weg ──────── (D03, D28, M26) */
.tb-ctas{display:none !important}

/* ── 13 · Feste Leisten ────────────────────────────────────────────── (D03, D10)
   Am grossen Bildschirm steht der Anfrage-Knopf ohnehin in der Navigation. */
@media (min-width:1121px){
  #sticky-cta{display:none !important}
}
@media (min-width:901px){
  .sticky{display:none !important}          /* Landingpages: Leiste nur am Handy */
}
@media (max-width:700px){
  .pf-hoch{display:none !important}         /* verdeckte Text ueber der Handy-Leiste */
}

/* ── 14 · Wortmarke: bleibt exakt im Original (PFALLER · Goldlinie · SACHVERSTÄNDIGENBÜRO · IMMOBILIENGUTACHTEN).
   Die Anpassung vom 24.09. (dritte Zeile aus, zweite Zeile 12px) wurde auf Wunsch des Inhabers zurückgenommen –
   hier KEINE Logo-Regeln eintragen. */

/* ── 15 · Mindestgroesse 12 px fuer Beschriftungen ─────────────────── (D13)
   Am Handy hebt pf-anim.js alles unter 12 px an; diese Regeln decken
   Tablet, Laptop und Desktop fuer die wiederkehrenden Elemente ab. */
.btn-nav,
.f-lbl,
.qf-lbl,
.breadcrumb,
.subhero-eye,
#site-footer .footer-bottom,
#site-footer .footer-bottom *,
.footer .footer-bottom,
p.pf-elf-echt{font-size:12px !important}
p.pf-elf-echt{opacity:1 !important}
#site-footer [style*="font-size:.62rem"],
#site-footer [style*="font-size:.6rem"],
#site-footer [style*="font-size:.65rem"],
#site-footer [style*="font-size:.68rem"],
#site-footer [style*="font-size:.7rem"],
#site-footer [style*="font-size:.72rem"]{font-size:12px !important}

/* ── 16 · Handy: Inhaltskarten ab 560 px einspaltig ──────────────────── (M01)
   pf-basis.css zwingt Inline-Raster am Handy zweispaltig; bei 375 px blieben
   99–146 px je Karte — Woerter zerfielen in Silben. */
@media (max-width:560px){
  .page:not(#page-home) .grid-4,
  .page:not(#page-home) .grid-2-sm,
  .page:not(#page-home) div[style*="grid-template-columns:repeat(4,1fr)"],
  .page:not(#page-home) div[style*="grid-template-columns:repeat(3,1fr)"],
  .page:not(#page-home) div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr !important;
    gap:.75rem !important;
  }
  .page:not(#page-home) .grid-4 > *,
  .page:not(#page-home) .grid-2-sm > *,
  .page:not(#page-home) div[style*="grid-template-columns:repeat(4,1fr)"] > *,
  .page:not(#page-home) div[style*="grid-template-columns:repeat(3,1fr)"] > *,
  .page:not(#page-home) div[style*="grid-template-columns:1fr 1fr"] > *{
    padding:.9rem 1rem !important;
    overflow-wrap:break-word !important;
    -webkit-hyphens:manual !important;
    hyphens:manual !important;
  }
  .page:not(#page-home) .grid-4 h3,
  .page:not(#page-home) .grid-4 h4,
  .page:not(#page-home) div[style*="grid-template-columns"] h3,
  .page:not(#page-home) div[style*="grid-template-columns"] h4{font-size:1rem !important}
}

/* ── 17 · Handy: Seitentitel groesser (war 22,7 px bei h2 20,2 px) ────── (Mobil-Standard) */
@media (max-width:700px){
  :root{--pf-type-subhero:1.72rem}
  .page:not(#page-home) .subhero h1,
  #page-wfl .wfl-lp-hero h1,
  [id^="page-rat-"] .subhero h1,
  [id^="page-stadt-"] .subhero h1,
  #page-kontakt .subhero h1{font-size:1.72rem !important;line-height:1.16 !important}
}

/* ── 18 · Landingpages: Fussleisten-Links nicht mitten im Wort brechen ── (M03, D13-Design) */
.footer a, .footer p{overflow-wrap:normal !important;word-break:normal !important}
.footer a[href^="mailto:"]{overflow-wrap:anywhere !important}

/* ── 19 · Rechtsseiten ohne Anfrage-Leiste ─────────────────────────── (D23-Design) */
#page-impressum ~ #sticky-cta,
#page-datenschutz ~ #sticky-cta{display:none !important}

/* ══ Teil 2 · Kontrast und Mindestschrift ════════════════════════════ */

/* ── 20 · Mindestgroesse 12 px fuer alle Inline-Kleinschriften ─────── (D13, Mobil)
   Deckt die ~500 Inline-Angaben von 9,5 px bis .74rem ab — ohne Skript,
   daher ohne Layoutsprung. Ausgenommen: Wortmarke, die Beispiel-Dokumente
   und Animationen (dort ist die Kleinschrift Teil der Abbildung). */
:is([style*="font-size:9.5px"],[style*="font-size:.62rem"],[style*="font-size:.65rem"],
    [style*="font-size:.66rem"],[style*="font-size:.68rem"],[style*="font-size:.69rem"],
    [style*="font-size:.7rem"],[style*="font-size:.72rem"],[style*="font-size:11.5px"],
    [style*="font-size:.74rem"]):not(.logo *):not(#wfl3d *):not(.wfl-dok *):not(#wflp *):not(.wflp *){
  font-size:12px !important;
}
.field > label,
.footer h3,
.trust-bar .ti,
.home-service-quick > span,
.svc-pill,
.home-service-badge,
.hero-proof-label{font-size:12px !important}

/* ── 21 · Gold als TEXT: auf hellem Grund dunkles Gold ─────────────── (D08, D12, D18) */
[style*="color:var(--gold)"],
[style*="color:#b8935a"],
[style*="color:var(--gold,#b8935a)"],
.wfl-lp-kicker,
.svc-kicker,
.section .kicker,
.section-head .kicker,
.pf-elf-eye,
.wfl-team-tags > span,
p.pf-elf-echt a{color:var(--pf-gold-text) !important}

/* … und auf dunklem Grund helles Gold (hoehere Spezifitaet gewinnt) */
:is(.subhero, .hero, .svc-hero, .svc-cta-band, .wfl-lp-hero, #site-footer, .footer, nav, .topbar, .tb,
    #cookie-banner, #exit-popup > div > div[style*="background:#0"], .sticky, #sticky-cta,
    [style*="background:var(--ink"], [style*="background:#0"], [style*="background:#1"],
    [style*="background:linear-gradient(135deg,#0"], [style*="background:linear-gradient(135deg,#1"],
    [style*="background:linear-gradient(160deg,#0"], [style*="background:linear-gradient(180deg,#0"],
    [style*="background:rgba(10,21,32"], [style*="background:rgba(17,29,45"], [style*="background:rgba(13,27,46"],
    .dark, [class*="-dark"], .svc-section.dark, .section.dark, .wfl-dark, #wfl3d)
  :is([style*="color:var(--gold)"], [style*="color:#b8935a"], [style*="color:var(--gold,#b8935a)"],
      .wfl-lp-kicker, .svc-kicker, .kicker, .pf-elf-eye){color:var(--pf-gold-hell) !important}

/* ── 22 · Listen-Haken: Gold auf hell, helles Gold auf dunkel ────────── (D07-Design) */
:is(.subhero, .hero, .svc-hero, .svc-cta-band, .wfl-lp-hero, #site-footer, .footer,
    [style*="background:var(--ink"], [style*="background:#0"], [style*="background:#1"], .dark, [class*="-dark"])
  svg[style*="stroke:#8a6a3a"]{stroke:var(--pf-gold-hell) !important}

/* ── 23 · Landingpages: weisse Ziffern auf hellem Gold ───────────────── (Kontrast 2,85:1) */
article.why-card > b{background:var(--pf-gold-knopf) !important;color:#fff !important}

/* ══ Teil 3 · Restposten aus der Nachmessung ═════════════════════════ */

/* ── 24 · Fusszeile: Rechtslinks und Kleintext lesbar (waren 30–38 % Weiss) ── */
#site-footer .footer-bottom a,
#site-footer .footer-bottom span,
#site-footer .footer-bottom div,
.footer .footer-bottom a{color:rgba(255,255,255,.7) !important}
#site-footer .footer-bottom a:hover,
.footer .footer-bottom a:hover{color:#fff !important}

/* ── 25 · Gold-Texte mit Seiten-ID-Regeln (gleiche Spezifitaet, spaeter = gewinnt) ── */
#page-wfl .wfl-lp-kicker,
#page-wfl .wfl-dok-kick,
#page-wfl .wfl-guide-card > span,
#page-wfl .wfl-team-tags > span,
#page-home .about-founder-role,
#page-home .pf-arbeit-eye,
.about-founder-role,
.pf-arbeit-eye{color:var(--pf-gold-text) !important}
#page-wfl .wfl-lp-hero .wfl-lp-kicker,
#page-wfl [class*="dark"] .wfl-lp-kicker{color:var(--pf-gold-hell) !important}
.service-redesign .svc-big.gold{color:var(--pf-gold-knopf) !important}
.svc-mini-note,
.svc-scope-note{color:#525c6b !important}

/* ── 26 · Kleinschrift mit Seiten-ID-Regeln ─────────────────────────── */
#page-home .home-service-kicker,
#page-home .home-service-quick > span,
#page-home .pf-ww > span.w,
.trust-bar .grg-tag,
#page-wfl .wfl-team-tags > span,
#page-wfl .wflp-kick,
#wflp-nr,
#page-wfl .wfl-guide-card > div,
.wfl-video-caption > strong{font-size:12px !important}

/* ── 27 · Danke-Seite: Bewertungsband auf hellem Grund ────────────────
   Dort steht der Block direkt auf dem dunklen Seitengrund; alle Farben
   des Blocks sind fuer hellen Grund gebaut. (Nur 404/Danke haben <main>.) */
main ~ .pf-elf-band{background:#f5f1eb;color:#111d2d;padding:2.2rem 1rem 2.4rem;margin-top:1.5rem}

/* ── 28 · Navigation im engen Laptop-Band ─────────────────────────────
   pf-slim.css blendet „Kontakt & Anfrage“ bis 1215 px aus (gleiches Ziel wie
   der goldene Knopf daneben). Seit der Knopf 12 statt 11,5 px Schrift hat,
   reicht die Zeile erst ab 1261 px — Grenze entsprechend verschoben,
   ausdruecklich ueber Ausblenden statt ueber kleinere Schrift. */
@media (min-width:1121px) and (max-width:1260px){
  .nav-center > .nav-btn{display:none !important}
}

/* ── 29 · Startseiten-Hero: Kontrast und Aussage ──────────────────── (D02-Design)
   Das Standbild/Video (helle Bauzeichnung) lag mit 45 % Deckkraft ueber dem
   Navy — milchiger Grund, Gold-Wort 1,8:1. Jetzt 20 %: Textur bleibt, Text steht. */
#page-home .hero > video{opacity:.2 !important}
#page-home .hero-mobile-eye{display:block !important;color:var(--pf-gold-hell) !important}

/* ── 30 · Kleinigkeiten aus der Sichtpruefung ───────────────────────── */
.about-founder-tags > span{-webkit-hyphens:manual !important;hyphens:manual !important}
main ~ .pf-elf-band a{text-transform:none !important;letter-spacing:normal !important}
.sticky a[href^="tel:"]{gap:.45rem}

/* ── 31 · Knoepfe und Kacheln als echte Links (24.09.2026) ─────────────
   Logo, Navigations-CTA, Inhaltskacheln und CTA-Knoepfe waren <div>/<button>
   mit showPage(); jetzt <a href> — Suchmaschinen folgen ihnen, Mittelklick
   und „in neuem Tab oeffnen“ funktionieren. Aussehen unveraendert. */
a.logo, a.btn-gold, a.btn-outline, a.btn-ghost, a.btn-dark, a.btn-white, a.btn-nav{text-decoration:none}
a.logo{color:inherit}
.pf-krume a:hover{color:#fff !important;text-decoration:underline !important}

/* ── 32 · Navigations-Knopf als Link: Text mittig (als <button> automatisch) ── */
@media (min-width:1121px){
  a.btn-nav{display:inline-flex !important;align-items:center;justify-content:center}
}

/* ── 33 · Hero-Haken der Leistungsseiten: Markengold statt Gruen ────────── (D07-Design) */
:is(#page-rnd, #page-vwg, #page-kg, #page-wfl, #page-kpa) .wfl-lp-checks li::before{background:var(--pf-gold-knopf) !important;color:#fff !important}

/* ── 34 · Ratgeber-Uebersicht /ratgeber/ (S-13, 24.09.2026) ──────────── */
.pf-rat-wrap{max-width:1100px;margin:0 auto;padding:0 2.5rem;box-sizing:border-box}
.pf-rat-gruppe + .pf-rat-gruppe{margin-top:2.8rem}
.pf-rat-kopf{margin-bottom:1.1rem}
.pf-rat-kopf h2{font-size:1.4rem;font-weight:700;color:var(--ink2);margin:0 0 .25rem}
.pf-rat-kopf p{margin:0;color:var(--muted);font-size:.92rem}
.pf-rat-gitter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pf-rat-karte{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.4rem;background:var(--w);border:1px solid var(--border);
  border-top:2px solid var(--gold);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.pf-rat-karte:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.pf-rat-karte:focus-visible{outline:2px solid var(--pf-gold-knopf);outline-offset:2px}
.pf-rat-karte b{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35}
.pf-rat-karte .t{font-size:.86rem;color:var(--muted);line-height:1.55}
.pf-rat-karte .l{margin-top:auto;padding-top:.3rem;font-size:.8rem;font-weight:700;color:var(--pf-gold-text)}
@media (max-width:1000px){.pf-rat-gitter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pf-rat-wrap{padding:0 1rem}.pf-rat-gitter{grid-template-columns:1fr}.pf-rat-gruppe + .pf-rat-gruppe{margin-top:2.2rem}}

/* ── 35 · Mobil: Kopf und Text auf einer Achse (16px) – Ratgeber + Staedte (24.09.2026) ──
   pf-basis-kopf gibt jeder section 1.1rem Rand, pf-basis dem inneren div nochmal 1rem → Text 34px, Kopf 16px. */
@media (max-width:700px){
  :is([id^="page-rat-"],[id^="page-stadt-"]) > section:has(> div){padding-left:0 !important;padding-right:0 !important}
  /* Staedte: Textspalte im Zweispalter ohne zweiten Innenrand, FAQ-Rahmen (760px) wie die 1100er-Rahmen */
  .page:not(#page-home)[id^="page-stadt-"] div[style*="grid-template-columns:1fr 1fr;gap:3rem"] > div:not([style]){padding-left:0 !important;padding-right:0 !important}
  [id^="page-stadt-"] div[style*="max-width:760px;margin:0 auto;padding:0 2.5rem"]{padding-left:1rem !important;padding-right:1rem !important}
}

/* ── 36 · Knoepfe als Link wie <button> darstellen + Staedte-Brotkrume (24.09.2026) ──
   <a> ist inline: bricht der Text um, zerfaellt die Knopfflaeche (Stadt-FAQ „… für München →"). <button> war inline-block. */
a.btn-gold, a.btn-outline, a.btn-ghost, a.btn-dark, a.btn-white{display:inline-block;max-width:100%;box-sizing:border-box;text-align:center}
/* Brotkrumen (Staedte .breadcrumb, Ratgeber .pf-krume): Die Tipp-Regel gibt a[href] ≤900px min-height:44px – als Flex-Kind
   klebte „Startseite" oben, der Rest mittig darunter. Stattdessen: Tippflaeche ≥24px (WCAG 2.5.8) per Innenabstand,
   durch negativen Aussenabstand ohne Verschiebung der Zeile. */
.breadcrumb > a, .pf-krume > a{display:inline-block;min-height:0;padding:.3rem 0;margin:-.3rem 0}
/* ≤900px: dieselbe Tipp-Regel liess den Linktext in mittig ausgerichteten Zeilen oben kleben, waehrend Symbol und
   Nachbartext mittig standen (Kopfleiste „+49 160 …", Startseite „Keine Antwort gefunden? Direkt fragen →"). */
@media (max-width:900px){
  .tb-i > a,
  div[style*="display:flex"][style*="align-items:center"] > a[href]:not([class*="btn"]){display:inline-flex;align-items:center}
}
.page:not(#page-home) .subhero-inner .breadcrumb{padding-left:0 !important;padding-right:0 !important}

/* ── 37 · Eine Achse fuer Kopf und Inhalt (24.09.2026) ─────────────────── */
@media (min-width:901px){
  /* Ratgeber + Staedte: den Seitenrand traegt der Innenkasten, nicht .subhero (sonst 901–1180px um 40px versetzt) */
  :is([id^="page-rat-"],[id^="page-stadt-"]) > .subhero{padding-left:0 !important;padding-right:0 !important}
  /* Staedte: Flex-Spalte – ohne width:100% schrumpft der Kasten auf den Text und steht mittig (h1 393 statt 173) */
  [id^="page-stadt-"] .subhero-inner{width:100% !important;max-width:1100px !important}
}
/* Leistungsseiten: Kopf (1180 − 2×40) und .svc-wrap (1100) stehen auf einer Linie – Formular und WFL-Rahmen dorthin */
:is(#page-wfl,#page-rnd,#page-vwg,#page-kg,#page-kpa) .wfl-form-wrap{max-width:1180px !important}
#page-wfl div[style*="max-width:1100px;margin:0 auto;padding:0 2.5rem"]{max-width:1180px !important}
/* Landing (Koeln/Duesseldorf/Gewerbe): Kopf-Innenkasten so breit, dass sein Text auf .wrap (1180) steht */
header.hero > .hero-inner{max-width:1260px}

/* Leistungsseiten 701–900px: Kopf mit demselben Seitenrand wie der Inhalt (vorher 18px gegen 40px) */
@media (min-width:701px) and (max-width:900px){
  :is(#page-wfl,#page-rnd,#page-vwg,#page-kg,#page-kpa) .wfl-lp-wrap{padding-left:2.5rem !important;padding-right:2.5rem !important}
}

/* ── 38 · Vertrauensleisten unter dem Kopf ausgewogen (24.09.2026) ─────────
   WFL + Staedte: mittig wie auf der Startseite (vorher Punkte links, Kennzeichen per margin-left:auto ganz rechts, ~375px Luecke).
   Landing: Raster war auf 4 Spalten ausgelegt, es stehen aber nur 3 Punkte darin – rechts blieb eine Spalte leer. */
@media (min-width:901px){
  #page-wfl .trust-bar.wfl-trust-strip,
  [id^="page-stadt-"] .trust-bar{justify-content:center !important;column-gap:2.2rem !important}
  #page-wfl .trust-bar.wfl-trust-strip .grg-tag,
  [id^="page-stadt-"] .trust-bar .grg-tag{margin-left:0 !important}
  .trust-strip-inner{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:900px){
  .trust-strip-inner > :nth-child(3):last-child{grid-column:1 / -1}
}
/* Landing-Kopf: Haken in Markengold wie auf den Leistungsseiten (vorher Gruen, var(--green)) */
header.hero .checks span{background:var(--pf-gold-knopf) !important;color:#fff !important}

/* ── 39 · 12-px-Untergrenze: Restfaelle (Schlussmessung 24.09.2026) ─────────
   ≤900px hebt pf-anim.js alles unter 12px an (vorher nur ≤700px – Tablets lagen bei 9–11px).
   Hier die Faelle, die auch auf Laptop/Desktop darunter lagen. Nie verkleinernd: alle Ziele sind
   bei jeder Breite ≤12px (gemessen 375/768/1024/1366/1920). Widgets (#wfl3d, .wfl-dok, #wflp-Tafel) bleiben Abbildung. */
p.pf-elf-echt.pf-elf-echt{font-size:12px !important}   /* Offenlegung zu den Bewertungen – pf-mobil setzte ≤820px 11px */
.pf-elf-band .pf-elf-titel .pf-elf-eye,
.hero-visual strong,
.wflp-kopf > .wflp-kick,
#page-wfl .wfl-process-step.wfl-process-step > div:last-child > div:last-child{font-size:12px !important}
@media (min-width:901px){
  #page-wfl .wfl-guide-card > div:nth-child(3),
  #page-wfl .wfl-guide-card > span{font-size:12px !important}
}
#page-home #qf-or-phone,
#page-home .pf-ww-kopf .k,
#page-home .home-service-card .home-service-link,
#page-home .home-service-card h3 span,
#page-home .about-founder-tags span,
#page-home .about-founder-cap .about-founder-role,
#page-home .pf-arbeit-kopf .pf-arbeit-eye,
#page-home li > span.pf-arbeit-wer,
#page-home .pf-partner .pf-partner-tun{font-size:12px !important}
/* Ueberzeilen und Hinweis der beiden Abbildungen sind Beschriftung, nicht Zeichnung */
@media (min-width:901px){
  .wfl3d-head > .wfl3d-kick, #wfl3d-hint, section#wfl-dok > .wfl-dok-kick{font-size:12px !important}
}

/* ── 40 · Letzte Sichtpruefung (24.09.2026) ───────────────────────────────── */
/* Startseite, Gruender-Karte: zwei Kacheln nebeneinander (je 131px) trennten „Qualitaetssiche-rung" mitten im Wort */
@media (max-width:520px){
  #page-home .about-founder-card .about-founder-tags{grid-template-columns:1fr !important}
}
/* Danke/404 laden pf-basis-kopf nicht (dort steht die 44px-Tipp-Regel) – „Mehr anzeigen" war 16px hoch */
@media (max-width:900px){
  main ~ .pf-elf-band .pf-rez > button.mehr{min-height:44px}
}

/* ── 41 · Wortmarke auf 404/Danke (24.09.2026) ─────────────────────────────
   Dort stand nur „PFALLER" + „Sachverständigenbüro"; jetzt dieselbe Wortmarke wie im Kopf.
   Diese Seiten laden pf-basis-kopf.css nicht – die Grundwerte sind von dort 1:1 übernommen
   (mobil greifen die allgemeinen ≤700px-Regeln aus dem Inline-Block wie im Kopf). */
.card > .logo-brand{display:inline-flex;flex-direction:column;gap:0;padding:2px 0;line-height:1;text-align:left;margin:0 auto 2rem}
.card > .logo-brand .logo-name-full{display:block;font-size:21px;font-weight:800;color:#fff;letter-spacing:.24em;text-transform:uppercase;font-family:'Segoe UI',system-ui,sans-serif;line-height:1}
.card > .logo-brand .logo-accent-line{display:block;width:100%;height:1.5px;background:linear-gradient(90deg,#b8935a 0%,#d4ae78 55%,transparent 100%);margin:3px 0 4px}
.card > .logo-brand .logo-sv{display:block;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.82);letter-spacing:.22em;text-transform:uppercase;line-height:1}
.card > .logo-brand .logo-city{display:block;font-size:8px;font-weight:400;color:#d4ae78;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-top:3px;line-height:1}
/* Die Seiten stylen JEDES <a> als Knopf (a{min-height:46px;padding:.8rem 1.1rem;…}) – im Fliesstext stand die
   Telefonnummer deshalb mit grossen Luecken („direkt an:   +49 160 / 7503912   ."). Dort wieder ein normaler Textlink. */
.card p a[href^="tel:"], .card p a[href^="mailto:"]{display:inline;min-height:0;padding:0;border-radius:0;text-transform:none;letter-spacing:normal;font-size:inherit;text-decoration:underline;text-underline-offset:2px}

/* ── 42 · Leistungsseiten: Haken in Listen in Markengold (24.09.2026) ─────────
   .svc-check-list trug noch --svc-green (#22b86a) – Kopf-Haken sind seit §33 gold. Gilt fuer RND/VWG/KG/Kaufpreisaufteilung. */
.service-redesign .svc-check-list li::before{background:var(--pf-gold-knopf) !important;color:#fff !important}

/* ── 43 · Leistungsseiten: Personen-Block auf der Inhaltsachse (24.09.2026) ─────
   Inline max-width:1100px + padding 2.5rem am .svc-wrap setzte die Karte ab 901px 40px weiter ein (173 statt 133px). */
@media (min-width:901px){
  .service-redesign .pf-person-sektion > .svc-wrap{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
}