/* Interaktions-Zustände (extern, KEIN Inline-CSS).
   Layout/Design bleibt in components-rw.css + styles-x.css unverändert.
   Bewusst OHNE !important: Spezifität (2 Klassen) schlägt die x-Klassen (1 Klasse),
   und Transitions funktionieren nur so sauber. */

.bkv-faqhead{cursor:pointer}
.bkv-hidden{display:none!important}
/* Ratgeber-Beitrag (WP-CPT single): Typografie für the_content (nur .bkv-post, ohne die SSR-Artikelseite zu berühren) */
.bkv-post{font-size:17px;line-height:1.75;color:var(--mute)}
.bkv-post>h2{font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.6px;color:var(--ink);margin:38px 0 14px}
.bkv-post>h3{font-size:21px;line-height:1.25;font-weight:800;color:var(--ink);margin:28px 0 10px}
.bkv-post>h4{font-size:18px;line-height:1.3;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin:24px 0 8px}
.bkv-post>p{margin:0 0 18px}
.bkv-post>ul,.bkv-post>ol{margin:0 0 18px;padding-left:22px}
.bkv-post>ul li,.bkv-post>ol li{margin-bottom:8px}
.bkv-post a{color:#0e9b52;text-decoration:underline;text-underline-offset:3px}
.bkv-post>blockquote{margin:24px 0;padding:4px 0 4px 22px;border-left:3px solid #21c16b;font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:20px;line-height:1.5;font-weight:700;color:var(--ink)}
.bkv-post strong{color:var(--ink)}
.bkv-post img{max-width:100%;height:auto;border-radius:14px}
.bkv-post>h2:first-child,.bkv-post>p:first-child{margin-top:0}
.bkv-chipon{box-shadow:inset 0 0 0 2px #21c16b;border-radius:999px;color:#0e3a30}
/* Umschalt-/Einblend-Animation (Tabs, Panels) */
@keyframes bkvFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bkv-fade{animation:bkvFade .35s cubic-bezier(.2,1,.32,1)}
/* Leistungs-Tab Fortschrittsleiste (wandert mit dem aktiven Tab, 5s = Auto-Durchlauf) */
@keyframes bkvFill{from{width:0}to{width:100%}}
.bkv-fillbar{position:absolute;left:0;bottom:0;height:3px;width:0;background:#21c16b;animation:bkvFill 5s linear forwards}

/* Consent-Checkbox */
.bkv-check{cursor:pointer;position:relative}
.bkv-check.bkv-checked{background:#21c16b;border-color:#21c16b}
.bkv-check.bkv-checked::after{content:"";position:absolute;left:50%;top:47%;width:5px;height:9px;margin:-6px 0 0 -2px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Header: weiß + Blur beim Scrollen (oben transparent = Original).
   OHNE !important — sonst blockiert die transition:background der Nav-Pille den Wert (wie beim FAQ). */
nav.bkv-scrolled{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 6px 24px rgba(6,37,29,.07)}

/* Echtes FAQ (eigene Klasse, betrifft NUR FAQ – nicht das Challenge-Akkordeon).
   Öffnungszeit etwas kürzer (.45 -> .32s). */
.bkv-faq{overflow:hidden;transition:max-height .32s ease}
.bkv-faq:not(.bkv-open){max-height:0}

/* Challenge-Akkordeon (home): genau eins offen (klickbar + auto), Öffnungszeit .5 -> .36s */
.challwrap .faqSlide{overflow:hidden;transition:max-height .36s ease}
.challwrap .faqSlide:not(.bkv-chall-open){max-height:0}
.challwrap .faqSlide.bkv-chall-open{max-height:460px}

/* Ablauf-Schritte (Branchen-Seiten): Hexagon in nativer Größe (wie /ueberuns/) + Icon, kein Foto/Badge.
   order:0 -> Bild kommt in JEDEM Schritt vor dem Text (kein Zickzack), konsistent Bild -> Text. */
.xe88bea1{aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}
/* Branchen-Ablauf: Zickzack (abwechselnd Icon links/rechts) wie bei den anderen Timelines.
   Basis: Text links (order:1), Icon rechts (order:2). Jeder 2. Step gedreht. Scoped auf .x8825888 (nur Branchen). */
.x8825888:nth-child(even) .xe88bea1{order:1}
.x8825888:nth-child(even) .xe1b57a7{order:2}
.bkv-abicon{display:flex;align-items:center;justify-content:center}

/* Tooltip-Pfeil: sichtbare Raute mit Rand (V-Spitze nach unten aufs „i"), auch auf dunklem Grund sichtbar */
.ttbox::after{content:"" !important;position:absolute !important;top:auto !important;bottom:-6px !important;left:50% !important;width:12px !important;height:12px !important;border:0 !important;border-right:1px solid rgba(255,255,255,.28) !important;border-bottom:1px solid rgba(255,255,255,.28) !important;background:#0e3a30 !important;transform:translateX(-50%) rotate(45deg) !important}

/* Home „Aktuelle Beiträge": Autor-Block (mit Trennlinie) immer unten bündig -> Linien auf gleicher Höhe */
.hcar > .x4264253{display:flex;flex-direction:column}
.hcar .x7174bca{flex:1 1 auto;display:flex;flex-direction:column}
.hcar .x7174bca .xf6b4abd{margin-top:auto}

/* Branchen-Seiten: Abschluss-Banner „Bereit für gesündere Mitarbeiter" -> dunkelgrün, Text weiß (Button unverändert) */
.xe725139{background-color:#0e3a30;background-image:radial-gradient(120% 130% at 50% 0%, rgba(33,193,107,.16) 0%, rgba(0,0,0,0) 60%);color:#fff}
.xe725139 .x2412db6{color:#fff}
.xe725139 .x76bf05b{color:rgba(255,255,255,.82)}

/* Blog-Beiträge: Tabellen bekommen automatisch das Design (graue Uppercase-Header, dünne Trennlinien,
   großzügige Abstände, grüne Werte in der letzten Spalte) — egal wie sie eingefügt werden. */
.bkv-post .wp-block-table{overflow-x:auto;margin:30px 0}
.bkv-post table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;margin:30px 0}
.bkv-post .wp-block-table table{margin:0}
.bkv-post table th{text-align:left;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700;color:var(--faint,#7d938b);padding:0 18px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.bkv-post table td{padding:6px 18px;height:56px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;line-height:1.25}
.bkv-post table tr:last-child td{border-bottom:0}
/* Scrollbare Tabellen: native Scrollbar aus -> eigene Pillen-Scrollbar (.bkv-tsb) via JS */
.tblhintwrap > .wp-block-table,.tblhintwrap > table,.tblhintwrap > .x8d25c07{scrollbar-width:none}
.tblhintwrap > .wp-block-table::-webkit-scrollbar,.tblhintwrap > table::-webkit-scrollbar,.tblhintwrap > .x8d25c07::-webkit-scrollbar{display:none;width:0;height:0}
.bkv-post table td:last-child{color:var(--ink);font-weight:600;white-space:nowrap}
.bkv-post table td:first-child{font-weight:600}

/* Blog-Import: .testimonial-quote (grüner Patrick-Block) + blockquote („Gut zu wissen") werden serverseitig
   in bkv-blog.php zum exakten Sonderelement-Markup transformiert (SVG-Hexagon + Signatur). Nur .bkv-post p-Reset im Gut-zu-wissen: */
.bkv-post .bkv-gzw p{margin:0 0 10px;font-size:16px;line-height:1.6;color:#3a554c}
.bkv-post .bkv-gzw p:last-child{margin-bottom:0}

/* Kontakt-Bubbles: dezenter Schatten + hauchfeiner Lichtrand, damit sie auch auf dunklem Hintergrund sichtbar bleiben */
.crail{box-shadow:0 3px 12px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.12)}

/* MOBIL: zweispaltiges Artikel-Grid (TOC-Sidebar + Inhalt) auf eine Spalte kollabieren,
   sonst behält die Inhaltsspalte ihre Desktop-Breite und wird rechts abgeschnitten (html overflow-x:clip). */
@media (max-width:820px){
  .artGrid{display:block !important}
  .artGrid > *{max-width:100% !important;grid-column:auto !important}
  .artGrid article{padding-left:20px !important;padding-right:20px !important}
  .bkv-post{max-width:100%;overflow-wrap:break-word}
}

/* MOBIL: grüner Zitat-Block -> Patrick-Hexagon links, Text rechts daneben (kein Überlappen); großes „ verkleinern */
@media (max-width:600px){
  .bkv-quote{padding:24px 18px 28px 84px !important}
  .bkv-quote > img[src*="patrick-hexagon"]{left:-6px !important;width:74px !important;height:86px !important;top:16px !important}
  .bkv-quote > div{font-size:120px !important;bottom:2px !important;right:16px !important}
}

/* Über-uns „Gelesen in": zwei Laufbänder (Logos rechts->links, Artikel links->rechts, gleiche px/s) + Fade links & rechts */
.bkv-marq{overflow:hidden;width:100%;position:relative;-webkit-mask:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.bkv-marq-track{display:flex;width:max-content;align-items:center;will-change:transform}
.bkv-marq-arts:hover .bkv-marq-track{animation-play-state:paused} /* nur Artikel pausieren bei Hover, Logos laufen weiter */
.bkv-marq-logos .bkv-marq-track{animation:bkvMarqL linear infinite}
.bkv-marq-arts .bkv-marq-track{animation:bkvMarqR linear infinite}
@keyframes bkvMarqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bkvMarqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.bkv-marq-logos .bkv-mq-item{flex:none;display:flex;align-items:center;justify-content:center;padding:0 52px}
.bkv-marq-logos .bkv-mq-item img{height:39px;width:auto;max-width:none;display:block;filter:grayscale(1) opacity(.6)} /* grau wie vorher, einen Tick kleiner */
.bkv-marq-arts{padding:32px 0 50px;margin-top:26px} /* größerer Abstand zu Logos + oben/unten genug Platz, damit gewachsene Karte + Schatten nicht vom nächsten Abschnitt abgeschnitten werden */
.bkv-marq-arts .bkv-mq-item{flex:none;padding:0 22px} /* mehr Abstand zwischen den Artikeln */
.bkv-marq-arts .bkv-mq-item a{display:block;height:400px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:none;position:relative;z-index:1;transform-origin:center center;transition:transform .42s cubic-bezier(.2,1,.32,1);will-change:transform;backface-visibility:hidden} /* will-change/backface: eigener Layer -> beim Skalieren scharf statt blurry */
.bkv-marq-arts .bkv-mq-item a:hover{transform:scale(1.06);z-index:5} /* gleichmäßig aus der Mitte in alle Richtungen größer, über die Nachbarn */
.bkv-marq-arts .bkv-mq-item img{height:100%;width:auto;object-fit:contain;display:block;filter:grayscale(1);transition:filter .5s ease} /* nur Graustufen: Weiß bleibt weiß (kein Eingrauen mehr) */
.bkv-marq-arts .bkv-mq-item a:hover img{filter:none}

/* MOBIL: „Harte Wahrheit"-Akkordeon — feste Containerhöhe (610px) verursacht großen Abstand zum Button.
   Auf Handy Höhe automatisch, Button rutscht direkt unter die Akkordeons. */
@media (max-width:600px){
  .challwrap{min-height:0 !important;height:auto !important}
}
/* MOBIL: „Volle Leistung"-Tableiste ist horizontal scrollbar — Rechts-Fade als Hinweis, dass es weitergeht */
@media (max-width:600px){
  .x23f08f7{-webkit-mask:linear-gradient(90deg,#000 82%,transparent 100%);mask:linear-gradient(90deg,#000 82%,transparent 100%)}
}
/* MOBIL: Startseiten-Abschnitte immer Bild zuerst — Reihenfolge wird per JS (DOM) gesetzt, hier nur einspaltig stapeln */

/* „Unser System" (Home-Karussell .xc5d02fd): native Scrollbar aus; stattdessen eine IMMER sichtbare
   Marken-Fortschrittsleiste (voller Track + grüner Thumb, per JS als .bkv-ustrack eingefügt) mit Abstand zu den Karten. */
.xc5d02fd{scrollbar-width:none}
.xc5d02fd::-webkit-scrollbar{display:none}
.bkv-ustrack{position:relative;height:5px;border-radius:999px;background:rgba(6,37,29,.12);margin:20px 16px 0;width:auto}
.bkv-ustrack > i{position:absolute;top:0;bottom:0;left:0;width:34%;border-radius:999px;background:#21c16b}

/* ===== Über-uns MOBIL ===== */
/* Zitat: die globale Regel p{font-size:15px!important} (<=680px) verkleinert das Zitat zu stark -> per #pq wieder groß */
@media (max-width:680px){
  #pq{font-size:26px !important;line-height:1.34 !important;letter-spacing:-.4px !important}
}
/* Werdegang-/Ablauf-Timeline: die zentrale Linie lief mobil mittig durch den gestapelten Text.
   Umbau auf Links-Schiene: Linie links, Hexagons klein als Knoten darauf, Text rechts daneben. */
@media (max-width:1000px){
  #wdTimeline .reveal, #abTimeline .reveal{display:block !important;position:relative;padding-left:58px !important;margin-bottom:24px !important}
  #wdTimeline .x4d89f71, #abTimeline .x4d89f71{left:20px !important;transform:none !important;width:3px !important}     /* Linie nach links */
  #wdTimeline .x7d9baaf, #abTimeline .x7d9baaf{left:18.5px !important;width:3px !important}                            /* Fortschritt mit */
  #wdTimeline .reveal>div:nth-child(3), #abTimeline .reveal>div:nth-child(3){position:absolute !important;left:0 !important;top:0 !important;width:44px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important} /* Hexagon-Spalte = Knoten links, zentriert */
  #wdTimeline .x3e26c11, #abTimeline .x3e26c11{width:44px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important} /* Hexagon viel kleiner */
  #wdTimeline .x3e26c11 .x505541e, #abTimeline .x3e26c11 .x505541e{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important} /* Icon-Wrapper füllt + zentriert */
  #wdTimeline .x3e26c11 svg, #abTimeline .x3e26c11 svg{width:22px !important;height:22px !important;display:block !important;margin:auto !important}                   /* Icon klein + exakt mittig */
  /* Chevron-Icon (viewBox 54×46): Inhalt sitzt 3 Einheiten links im viewBox -> Aspekt erhalten + ~6% nach rechts = optisch mittig */
  #wdTimeline .x3e26c11 svg[viewBox="0 0 54 46"], #abTimeline .x3e26c11 svg[viewBox="0 0 54 46"]{width:auto !important;height:22px !important;transform:translateX(6%) !important}
}

/* ===== Weitere Mobil-Fixes (Startseite + global) ===== */
@media (max-width:600px){
  /* Fließtext auf Handy dunkler/besser lesbar: --mute (Body-Text) von #3a554c -> dunkler.
     Nur Light-Theme (Dark behält seinen hellen --mute). Wirkt global via var(--mute). */
  :root:not([data-theme="dark"]){--mute:#20342c}
  /* Footer über die gesamte Breite: inneres Panel ohne Radius/Seitenrand, Footer-Padding raus */
  footer{padding-left:0 !important;padding-right:0 !important}
  footer .xbb3df3a{max-width:100% !important;width:100% !important;margin:0 !important;border-radius:0 !important}
  /* „Volle Leistung": nicht-ausgewählte Bubbles tiefer (nur --s-sub in der Tableiste umdefinieren;
     ausgewählte Bubble ist inline dunkelgrün gesetzt und bleibt unberührt) -> Rand-Fade wird sichtbar */
  .x23f08f7{--s-sub:#c8d9d0}
  /* Grüne Kästen: seitliches Innen-Padding auf Seitenrand-Niveau reduzieren */
  .xeaf793a{padding:26px 16px !important}   /* „bKV-Rechner"-Box */
  /* Nur oberer Teil (Titel/Text/Regler): seitliches Innen-Padding verdoppeln (16 -> 32px);
     der Ergebnis-Innenkasten .xa59f87d (2. Kind) bleibt bei 16px Abstand zum dunkelgrünen Rand */
  .xeaf793a>div:first-child{padding-left:16px !important;padding-right:16px !important}
  .xa95b1be{padding:34px 16px !important}   /* „Lassen Sie sich beraten" */
  /* Kontakt-FAB (mobil, unten rechts): Shadow um den Kreis, damit er auch auf grünem Grund sichtbar ist */
  .cr-fab{box-shadow:0 3px 12px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.14) !important}
  /* „Bekannt aus": Hintergrund-Artikel langsamer (war 32s); 80s da jetzt 8 statt 6 Bilder (gleiche px/s), Patrick unten ausrichten */
  .x49c552d .xf2a0f95{animation-duration:30s !important}
  .x49c552d .x08f5d9e{object-position:bottom !important}
  /* Glückliche Kunden: Rand-Fade weg + Bilder 1:1 (niedriger) */
  .x278428f .x3d53241{-webkit-mask:none !important;mask:none !important}
  .x278428f .x2639fb3{aspect-ratio:1/1 !important;height:auto !important;object-fit:cover !important}
  .x278428f .x2639fb3 img{width:100% !important;height:100% !important;object-fit:cover !important}
  /* Volle Leistung: laufender Fortschrittsbalken im aktiven Tab weg */
  .x23f08f7 .bkv-fillbar{display:none !important}
  /* Aktuelle Beiträge: Karten wieder breit -> genau eine sichtbar + kleiner Peek rechts
     (mein Linkify-<a> hatte die .hcar>div{flex:84%}-Regel ausgehebelt) */
  .hcar .x4264253{flex:0 0 88% !important;scroll-snap-align:start}
}
/* Home „Bekannt aus": Logos auf Handy als einreihiges Laufband (statt Umbruch über Patricks Gesicht). Klasse wird per JS nur mobil gesetzt. */
.bkv-hlmarq{display:block !important;overflow:hidden;width:100%;height:auto !important;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bkv-hlmarq .bkv-marq-track{display:flex;width:max-content;align-items:center;animation:bkvMarqL linear infinite}
.bkv-hlmarq .bkv-mq-item{flex:none;padding:0 24px;display:flex;align-items:center}
.bkv-hlmarq .bkv-mq-item img{height:26px;width:auto;max-width:none;display:block}

/* Mobile-Menü als Overlay öffnen (position:absolute) statt in-flow expandieren -> Seite springt nicht mehr.
   Bei offenem Menü verschmelzen Header-Pille + Menü zu EINER weißen Fläche:
   - Menü exakt so breit wie die Pille (beide 24px vom Rand, = Wrapper-Padding)
   - Pille: weiß, oben rund, unten flach, kein Schatten unten
   - Menü: weiß, oben flach, unten rund, Schatten nur nach unten/außen
   - innerer Kasten (.x83a2fac) neutralisiert (kein eigener Hintergrund/Radius) -> keine Trennlinie */
@media (max-width:1000px){
  .mobile-menu{position:absolute !important;left:24px !important;right:24px !important;top:calc(100% - 4px);z-index:55;background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-radius:0 0 22px 22px !important;padding:2px 12px 12px !important;box-shadow:none !important}
  .mobile-menu.open{box-shadow:0 18px 34px rgba(6,37,29,.16) !important}
  .mobile-menu:not(.open){pointer-events:none;box-shadow:none !important}
  .mobile-menu .x83a2fac{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-radius:0 !important;box-shadow:none !important;padding:8px 8px 4px !important;max-width:none !important}
  /* Header-Pille bei offenem Menü: solide weiße Fläche, oben rund, unten flach, kein Schatten */
  .x17793cd.menu-open .x80d10db{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-radius:22px 22px 0 0 !important;box-shadow:none !important}
  /* Header-Backdrop-Overlay bei offenem Menü aus, damit die Pille garantiert rein weiß ist (kein Farbstich) */
  .x17793cd.menu-open .xf6f9016{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}
/* Alle Scroll-Füll-Zitate (.qw2) auf Handy größer (H2-Niveau) */
@media (max-width:680px){
  .qw2{font-size:25px !important;line-height:1.34 !important}
}

/* ===== Anbieter-Detailseite — Design nach bkv-budgettarife.de, recoloriert (Grün + Marken-Font), extern ===== */
.bkv-ad{padding:10px 0 50px;background:var(--s-bg,#f4f7f5)}
.bkv-adwrap{max-width:1080px;margin:0 auto;padding:30px 24px 0}
.bkv-ad-load{padding:90px 24px;text-align:center;color:var(--faint,#7d938b);font-size:17px}
/* Hero: contained wie die anderen Unterseiten (Karriere) — abgerundete dunkelgrüne Box, nicht randlos, etwas höher */
.bkv-ad-hero{max-width:1240px;margin:0 auto;border-radius:28px;background:radial-gradient(120% 120% at 50% 0%,#15493c,#0a2c24);color:#fff;padding:74px 44px}
.bkv-ad-heroin{max-width:none;margin:0;padding:0}
.bkv-ad-back{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.8);font-weight:600;font-size:15px;text-decoration:none;margin-bottom:26px}
.bkv-ad-back:hover{color:#fff}
.bkv-ad-herorow{display:flex;align-items:stretch;gap:28px}
.bkv-ad-hleft{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.bkv-ad-hlogotitle{flex:1 1 auto;display:flex;align-items:center;gap:24px;min-width:0}
.bkv-ad-logo{flex:none;width:118px;height:88px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}
.bkv-ad-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.bkv-ad-htxt{flex:1 1 auto;min-width:0}
.bkv-ad-eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:700;color:#7fe3ac;margin-bottom:8px}
.bkv-ad-htxt h1{font-size:36px;line-height:1.06;font-weight:800;letter-spacing:-.8px;color:#fff;margin:0 0 12px}
.bkv-ad-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.bkv-ad-chip{background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}
.bkv-ad-hmeta{display:flex;flex-wrap:wrap;gap:8px 16px;color:rgba(255,255,255,.8);font-size:14.5px;font-weight:600}
.bkv-ad-scorebox{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px}
.bkv-ad-hex{position:relative;width:88px;height:100px}
.bkv-ad-hexsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bkv-ad-scorebox .bkv-ad-hexbg{stroke:#2b6b50}   /* Badge (dunkler Grund): ungefüllter Rest matt-dunkelgrün */
#bkv-ad-body .hex .bkv-ad-hexbg{stroke:#c3e4d1}  /* Leistungsabdeckung (heller Grund): ungefüllter Rest matt-hellgrün */
.bkv-ad-scorebox .bkv-ad-hexfg,#bkv-ad-body .hex .bkv-ad-hexfg{stroke:#21c16b}   /* gefüllter Anteil (= Bewertung) */
.bkv-ad-hexin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.bkv-ad-hexin b{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.5px}
.bkv-ad-hexin i{font-style:normal;font-size:11px;font-weight:600;opacity:.85;margin-top:3px}
.bkv-ad-scorebox>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.7)}
/* Karten + Überschriften */
.bkv-ad-card{background:#fff;border-radius:24px;padding:28px 30px;margin:18px 0;box-shadow:0 1px 3px rgba(6,37,29,.05)}
.bkv-ad-card>h2,.bkv-ad-h2{font-size:25px;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:var(--ink,#06251d);margin:0 0 16px}
.bkv-ad-h2{margin:34px 0 26px}
.bkv-ad-card>p{font-size:16.5px;line-height:1.7;color:var(--mute,#3a554c);margin:0 0 12px}
.bkv-ad-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.bkv-ad-pill{display:inline-flex;align-items:center;gap:7px;background:var(--s-bg,#f4f7f5);color:var(--ink,#06251d);font-size:14px;font-weight:700;padding:9px 16px;border-radius:999px;text-decoration:none}
.bkv-ad-pill:hover{background:#e7efe9}
.bkv-ad-pillg{background:#0e3a30;color:#fff}
.bkv-ad-pillg:hover{background:#0a2e26}
/* Auf einen Blick */
.bkv-ad-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bkv-ad-gcard{background:#fff;border-radius:24px;padding:28px 24px;box-shadow:0 1px 3px rgba(6,37,29,.05);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.bkv-ad-gcard>span{font-size:13px;font-weight:600;color:var(--faint,#7d938b)}
.bkv-ad-gvis{height:58px;display:flex;align-items:flex-end}
.bkv-ad-gcard>b{font-size:22px;font-weight:800;color:var(--ink,#06251d);letter-spacing:-.4px}
.bkv-ad-gauge{position:relative;display:flex;align-items:center;justify-content:center}
.bkv-ad-gauge b{position:absolute;top:43px;font-size:23px;font-weight:800;color:var(--ink,#06251d);letter-spacing:-.4px}
.bkv-ad-gauge i{position:absolute;top:71px;font-style:normal;font-size:11.5px;color:var(--faint,#7d938b);font-weight:600}
/* 2-Spalten */
.bkv-ad-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:48px 0 18px}
.bkv-ad-two>.bkv-ad-card{margin:0}
.bkv-ad-fact{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line,#e7ede9)}
.bkv-ad-fact:last-child{border-bottom:0}
.bkv-ad-fact>span{color:var(--mute,#3a554c);font-size:14.5px}
.bkv-ad-fact>b{color:var(--ink,#06251d);font-size:14.5px;font-weight:800;text-align:right}
.bkv-ad-profile{list-style:none;margin:0;padding:0}
.bkv-ad-profile li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line,#e7ede9);font-size:14.5px;color:var(--ink,#06251d)}
.bkv-ad-profile li:last-child{border-bottom:0}
.bkv-ad-profile b{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}
.bkv-ad-ja{color:#0e9b52}
.bkv-ad-nein{color:#c0394f}
/* Leistungsabdeckung */
.bkv-ad-cov{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start}
.bkv-ad-covscore{text-align:center}
.bkv-ad-hexlg{width:112px;height:128px;margin:0 auto 12px}
.bkv-ad-hexlg .bkv-ad-hexsvg path{stroke:#21c16b}
.bkv-ad-hexlg .bkv-ad-hexin{color:#0e3a30}
.bkv-ad-hexlg .bkv-ad-hexin b{font-size:36px}
.bkv-ad-hexlg .bkv-ad-hexin i{font-size:12px;opacity:.7}
/* Leistungs-Profil: Ja/Nein-Spalte fixe Breite + linksbündig -> Icons & Text starten auf gleicher Höhe (nicht rechtsbündig) */
#bkv-ad-body .bkv-ad-profile b{min-width:66px;justify-content:flex-start}
/* Anbieter-Hero mit Score-Box: Padding rundum 42px; Zurück-Link oben drauf */
.bkv-ad-hero-dup{padding:42px}
/* Hero (einziger): Badge ragt 3rem unten aus dem grünen Bereich; zentriert (margin auto), unten Platz für Überstand */
.bkv-ad-hero-dup2{margin:0 auto 2rem}
.bkv-ad-hero-dup2 .bkv-ad-scorebox2{transform:translate(-2rem, calc(42px + 3rem))}
/* Score-Box: Farbton wie Startseite-bKV-Rechner-Box (#0e3a30 + heller Verlauf), schmal (Score-Breite), ~doppelt so hoch,
   Anbietername oben mittig, Ergebniswort unter dem „Leistungs-Score"-Label */
.bkv-ad-scorebox2{background:linear-gradient(165deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),#0e3a30;border-radius:22px;padding:16px 26px;gap:12px;justify-content:center;min-height:236px;width:fit-content;align-self:center}
.bkv-ad-sb2name{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px;text-align:center;line-height:1.05}
.bkv-ad-scoreword{font-size:20px;font-weight:800;color:#7fe3ac;text-align:center;letter-spacing:-.2px}
.bkv-ad-covscore strong{display:block;font-size:18px;font-weight:800;color:var(--ink,#06251d);margin-bottom:6px}
.bkv-ad-covscore p{font-size:13.5px;line-height:1.5;color:var(--faint,#7d938b);margin:0}
.bkv-ad-cats{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.bkv-ad-cattop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.bkv-ad-cattop span{font-size:14px;font-weight:700;color:var(--ink,#06251d)}
.bkv-ad-cattop em{font-style:normal;font-size:12.5px;color:var(--faint,#7d938b);font-weight:600}
.bkv-ad-bar{height:9px;border-radius:999px;background:#edf0f7;overflow:hidden}
.bkv-ad-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#21c16b,#0e9b52)}
/* Meinung */
.bkv-ad-red{font-size:15px !important;color:var(--faint,#7d938b) !important}
.bkv-ad-author{display:flex;align-items:center;gap:12px;margin:18px 0 4px}
.bkv-ad-author img{width:46px;height:46px;border-radius:999px;object-fit:cover;flex:none}
.bkv-ad-author b{display:block;font-size:15px;color:var(--ink,#06251d)}
.bkv-ad-author span{font-size:13px;color:var(--faint,#7d938b)}
.bkv-ad-prcon{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px;padding-top:20px;border-top:1px solid var(--line,#e7ede9)}
.bkv-ad-prcon h3{font-size:15px;font-weight:800;color:var(--ink,#06251d);margin:0 0 8px}
.bkv-ad-prcon ul{list-style:none;margin:0;padding:0}
.bkv-ad-prcon li{position:relative;padding:5px 0 5px 24px;font-size:14.5px;color:var(--mute,#3a554c);line-height:1.5}
.bkv-ad-pro li::before{content:"\2713";position:absolute;left:0;color:#0e9b52;font-weight:800}
.bkv-ad-con li::before{content:"\2013";position:absolute;left:0;color:#c98a2b;font-weight:800}
/* Tarife */
.bkv-ad-tarife{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bkv-ad-tarif{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 1px 3px rgba(6,37,29,.05)}
.bkv-ad-tname{font-size:14.5px;font-weight:700;color:var(--ink,#06251d);line-height:1.35;margin-bottom:10px}
.bkv-ad-tmeta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12.5px;color:var(--mute,#3a554c);font-weight:600;align-items:center}
.bkv-ad-tb{background:var(--s-grn,#e7f6ee);color:#0e6b3f;padding:3px 9px;border-radius:999px}
.bkv-ad-tg{color:var(--faint,#7d938b);font-weight:500}
/* CTA */
.bkv-ad-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#0e3a30;background-image:radial-gradient(120% 130% at 50% 0%,rgba(33,193,107,.16) 0%,rgba(0,0,0,0) 60%);border-radius:24px;padding:32px 34px;margin:30px -34px}
.bkv-ad-cta h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 6px;letter-spacing:-.4px}
.bkv-ad-cta p{color:rgba(255,255,255,.82);font-size:15px;margin:0;max-width:520px}
.bkv-ad-ctabtn{flex:none;display:inline-flex;align-items:center;background:#21c16b;color:#06251d;border:0;font-family:inherit;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s}
.bkv-ad-ctabtn:hover{background:#26d378;color:#06251d}
/* Weitere Anbieter */
.bkv-ad-others{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bkv-ad-other{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:18px 10px;text-decoration:none;box-shadow:0 1px 3px rgba(6,37,29,.05);transition:box-shadow .2s,transform .2s}
.bkv-ad-other:hover{box-shadow:0 8px 22px rgba(6,37,29,.09);transform:translateY(-2px)}
.bkv-ad-other img{height:56px;max-width:80%;object-fit:contain}
.bkv-ad-other span{font-size:13px;font-weight:600;color:var(--mute,#3a554c);text-align:center}
/* Mobil */
@media (max-width:760px){
  .bkv-adwrap{padding:26px 16px 0}
  .bkv-ad-hero{padding:100px 0 34px}
  .bkv-ad-heroin{padding:0 16px}
  .bkv-ad-herorow{flex-direction:column;align-items:flex-start;gap:18px}
  .bkv-ad-htxt h1{font-size:27px}
  .bkv-ad-card{padding:22px}
  .bkv-ad-glance,.bkv-ad-two,.bkv-ad-cats,.bkv-ad-prcon,.bkv-ad-tarife{grid-template-columns:1fr}
  .bkv-ad-cov{grid-template-columns:1fr;gap:16px}
  .bkv-ad-covscore{text-align:left;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .bkv-ad-hexlg{margin:0}
  .bkv-ad-others{grid-template-columns:repeat(2,1fr)}
  .bkv-ad-cta{flex-direction:column;align-items:flex-start;padding:24px;margin-left:0;margin-right:0}
}

/* Blog-Beiträge: Inhaltsspalte darf nicht über die Seitenbreite hinauswachsen.
   Ursache war grid-template 210px 1fr -> 1fr(=minmax(auto,1fr)) wuchs an der Min-Content-Breite breiter Tabellen.
   minmax(0,1fr) + min-width:0 begrenzt die Spalte; breite Tabellen scrollen dann horizontal. */
.artGrid{grid-template-columns:272px minmax(0,1fr) !important}
.artGrid>*{min-width:0}
.bkv-post{min-width:0;max-width:100%}
.bkv-post .wp-block-table,.bkv-post table{max-width:100%;overflow-x:auto;display:block}
.bkv-post .wp-block-table table{display:table;width:100%}

/* Anbieterportal: ganze Karte klickbar (Overlay-Link zur Detailseite) — Mittel-/Rechtsklick oeffnet neuen Tab */
.bkv-cardlink{position:absolute;inset:0;z-index:1;border-radius:inherit;text-indent:-9999px;overflow:hidden}

/* ===== Anbieter-Detail: exaktes Referenz-Design (bkv-budgettarife.de), recoloriert (Grün + Marken-Font) — gescopt unter #bkv-ad-body ===== */
#bkv-ad-body{
  --shade-0:#fff;--shade-100:#f4f7f5;--shade-200:#e7ede9;--shade-300:#dce4df;--shade-400:#9bb0a8;--shade-500:#7d938b;--shade-600:#3a554c;--shade-700:#20342c;--shade-800:#06251d;
  --mint-25:#e7f6ee;--mint-50:#c9ecd8;--mint-100:#8fd3aa;--mint-150:#2bb56e;--mint-200:#0e6b3f;
  --rose-25:#fae4e7;--rose-150:#d1657a;--rose-200:#a23b4c;
  --r:8px;--r-md:11px;--r-lg:14px;--r-xl:18px;
  --card-sh:none;
}
#bkv-ad-body .bkv-ad-h2{font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-.6px;color:#0e3a30;margin:56px 0 22px}
#bkv-ad-body .bkv-ad-lead{font-size:16px;line-height:1.55;color:var(--shade-500);margin:8px 0 18px}
/* Über-Karte */
#bkv-ad-body .aboutcard{background:#fff;border-radius:var(--r-xl);padding:28px 30px;box-shadow:var(--card-sh);margin:0 0 24px}
#bkv-ad-body .aboutcard>h2{font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-.6px;color:#0e3a30;margin:0 0 14px}
#bkv-ad-body .aboutcard p{color:var(--shade-500);line-height:1.72;max-width:80ch;margin:0}
#bkv-ad-body .pilllinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#bkv-ad-body .pilllink{display:inline-flex;align-items:center;gap:7px;background:#21c16b;color:#06251d;border:0;font-family:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;text-decoration:none;cursor:pointer}
#bkv-ad-body .pilllink:hover{background:#26d378;color:#06251d}
/* Über-Abschnitt ohne Hintergrund-Karte (nur Text auf Seitenhintergrund) */
#bkv-ad-body .bkv-ad-uber{background:transparent;box-shadow:none;padding:0;margin-bottom:10px}
#bkv-ad-body .bkv-ad-uber p{max-width:80ch;margin:0}
/* Matrix: Ja/Nein mit Icons */
#bkv-ad-body .dtable.matrix .ico-y,#bkv-ad-body .dtable.matrix .ico-n{width:15px;height:17px;vertical-align:-3px;margin-right:5px}
#bkv-ad-body .dtable.matrix td.vyes{color:var(--mint-200);font-weight:600}
#bkv-ad-body .dtable.matrix td.vno{color:var(--rose-200)}
/* Leistungsabdeckung */
#bkv-ad-body .coverwrap{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start;margin-top:18px}
#bkv-ad-body .sentcard{display:flex;gap:18px;align-items:center;background:#fff;border-radius:var(--r-xl);padding:22px 24px;box-shadow:var(--card-sh)}
#bkv-ad-body .scorebox{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}
#bkv-ad-body .scorebox .cap{font-size:12px;color:var(--shade-500);font-weight:600}
#bkv-ad-body .hex{position:relative;width:74px;height:82px}
#bkv-ad-body .hex>svg{width:100%;height:100%;display:block}
#bkv-ad-body .hex .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
#bkv-ad-body .hex .val b{font-size:22px;font-weight:800;color:var(--shade-800)}
#bkv-ad-body .hex .val s{font-size:10px;color:var(--shade-400);text-decoration:none;margin-top:1px}
#bkv-ad-body .senttag{display:inline-block;font-weight:700;font-size:19px;margin-bottom:6px;color:var(--mint-200)}
#bkv-ad-body .sentbody p{color:var(--shade-500);line-height:1.5;margin:0;font-size:14.5px}
#bkv-ad-body .cover-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px}
#bkv-ad-body .cover-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px;margin-bottom:8px;color:var(--shade-600)}
#bkv-ad-body .cover-top b{color:var(--shade-800);font-weight:700}
#bkv-ad-body .bar{height:9px;border-radius:999px;background:var(--shade-200);overflow:hidden}
#bkv-ad-body .bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint-150),var(--mint-200))}
/* Meinung */
#bkv-ad-body .m-card{background:#fff;border-radius:var(--r-xl);padding:28px 30px;box-shadow:var(--card-sh);margin-top:18px}
#bkv-ad-body .m-card>p{color:var(--shade-600);line-height:1.72;font-size:16px;margin:0}
#bkv-ad-body .m-author{display:flex;align-items:center;gap:12px;margin-top:20px}
#bkv-ad-body .ma-av{width:46px;height:46px;border-radius:999px;object-fit:cover;flex:none}
#bkv-ad-body .ma-tx b{display:block;font-size:15px;color:var(--shade-800)}
#bkv-ad-body .ma-tx small{font-size:13px;color:var(--shade-500)}
/* Pro/Contra */
#bkv-ad-body .proscons{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:22px 30px;margin-top:34px}
#bkv-ad-body .pc{padding-left:30px}   /* ganzer Block eingerückt (Heading + Icons + Text) auf Intro-Textkante */
#bkv-ad-body .pc h4{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--shade-800);margin:0 0 12px}
#bkv-ad-body .pc h4 .ico-y,#bkv-ad-body .pc h4 .ico-n{width:22px;height:24px}
#bkv-ad-body .pc ul{list-style:none;margin:0;padding:0}
#bkv-ad-body .pc li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:15px;color:var(--shade-600)}
#bkv-ad-body .ico-y,#bkv-ad-body .ico-n{flex-shrink:0}
/* Tarif-Karten */
#bkv-ad-body .tcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;transition:max-height .4s ease}
@media(max-width:900px){#bkv-ad-body .tcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#bkv-ad-body .tcards{grid-template-columns:1fr}}
#bkv-ad-body .tcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);padding:18px;box-shadow:var(--card-sh);text-decoration:none}
#bkv-ad-body .tcard .tt{font-weight:600;font-size:16px;color:var(--shade-800);line-height:1.35}
#bkv-ad-body .tcard .tb{display:flex;align-items:baseline;gap:6px;margin-top:10px}
#bkv-ad-body .tcard .tb b{font-size:26px;font-weight:800;color:var(--shade-800);letter-spacing:-.5px}
#bkv-ad-body .tcard .tb span{color:var(--shade-400);font-size:13px}
#bkv-ad-body .tcard .muted{color:var(--shade-400)}
#bkv-ad-body .tcard .meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
#bkv-ad-body .tg{font-size:13px;font-weight:500;padding:5px 11px;border-radius:var(--r);background:var(--mint-25);color:var(--mint-200);display:inline-flex;align-items:center;gap:5px}
#bkv-ad-body .tcard .go{margin-top:auto;padding-top:14px;color:var(--mint-200);font-weight:600;font-size:14px;display:inline-flex;gap:6px;align-items:center}
#bkv-ad-body .tcard:hover{box-shadow:0 8px 22px rgba(6,37,29,.09);transform:translateY(-2px);transition:box-shadow .15s,transform .15s}
/* Tarif-Clamp */
#bkv-ad-body .tclamp{position:relative}
#bkv-ad-body .tclamp .tcards{overflow:hidden}
#bkv-ad-body .tfade{position:absolute;left:0;right:0;bottom:46px;height:130px;pointer-events:none;background:linear-gradient(to bottom,rgba(244,247,245,0),var(--shade-100) 82%)}
#bkv-ad-body .tmore{display:block;margin:18px auto 0;background:#0e3a30;color:#fff;border:0;font-family:inherit;font-weight:700;font-size:15px;padding:12px 28px;border-radius:999px;cursor:pointer}
#bkv-ad-body .tmore:hover{background:#0a2e26}
/* Matrix */
#bkv-ad-body .xwrap{position:relative;margin-top:2px}
#bkv-ad-body .scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:var(--r-xl)}
#bkv-ad-body .dtable{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;background:#fff;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--card-sh)}
#bkv-ad-body .dtable.matrix{font-size:13.5px}
#bkv-ad-body .dtable.matrix th{background:var(--shade-100);color:var(--shade-700);font-weight:600;text-align:left;vertical-align:bottom;line-height:1.25;font-size:12.5px;padding:14px}
#bkv-ad-body .dtable.matrix th.mh{position:sticky;left:0;z-index:3}
#bkv-ad-body .dtable.matrix th small{display:block;font-weight:400;color:var(--shade-400);margin-top:2px}
#bkv-ad-body .dtable.matrix td{text-align:left;vertical-align:top;border-top:1px solid var(--shade-100);padding:12px 14px;line-height:1.4;color:var(--shade-600)}
#bkv-ad-body .dtable.matrix td.lbl{white-space:nowrap;position:sticky;left:0;background:#fff;z-index:2;color:var(--shade-800);font-weight:500}
#bkv-ad-body .dtable.matrix th:not(.mh),#bkv-ad-body .dtable.matrix td:not(.lbl){min-width:172px}
/* Leistungs-Profil Ja/Nein (Sechseck-Icons) */
#bkv-ad-body .bkv-ad-ja,#bkv-ad-body .bkv-ad-nein{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}
#bkv-ad-body .bkv-ad-ja{color:var(--mint-200)}
#bkv-ad-body .bkv-ad-nein{color:var(--rose-200)}
/* Mobil */
@media (max-width:760px){
  #bkv-ad-body .coverwrap{grid-template-columns:1fr;gap:18px}
  #bkv-ad-body .cover-list,#bkv-ad-body .proscons{grid-template-columns:1fr}
  #bkv-ad-body .bkv-ad-h2{font-size:24px;margin-top:64px}
  #bkv-ad-body .aboutcard,#bkv-ad-body .sentcard,#bkv-ad-body .m-card{padding:22px}
}

/* Verlinkte Karten (data-linkified): Text behält Marken-Farbe statt blau/lila Link-Farbe */
a[data-linkified]{color:inherit;text-decoration:none}
/* Header-Dropdown „Wissen": linkifizierte Items (a[data-linkified]) erben sonst das grüne Trigger-Grün (.x2745991)
   via color:inherit -> Items dunkel wie im nicht-ausgewählten Zustand, Hover bleibt grün. Das „Neu"-Badge (.xfebb6ac) bleibt unberührt. */
.navdrop-inner a[data-linkified] > span{color:var(--ink)}
.navdrop-inner a[data-linkified]:hover > span{color:#0e9b52}
/* Matrix: Gruppen-Zwischenüberschriften + Info-Icon + Scroll-Button */
#bkv-ad-body .dtable.matrix tr.grp td{background:var(--mint-25);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mint-200);padding:10px 14px}
#bkv-ad-body .bkv-ad-info{display:inline-flex;vertical-align:-2px;margin-left:5px;color:var(--shade-400);cursor:help}
#bkv-ad-body .bkv-ad-i{width:14px;height:14px}
#bkv-ad-body .xfwd{position:absolute;top:-62px;right:-8px;width:44px;height:44px;border-radius:999px;background:#21c16b;color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .2s}
/* Tabelle einklappbar („Alles anzeigen") – sichtbarer Bereich ~ wie Abschnitt darüber */
#bkv-ad-body .bkv-ad-clip{position:relative;max-height:460px;overflow:hidden;transition:max-height .35s ease}
#bkv-ad-body .bkv-ad-clip.open{max-height:6000px}
#bkv-ad-body .bkv-ad-clip:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(244,247,245,0),#f4f7f5);pointer-events:none;z-index:5}
#bkv-ad-body .bkv-ad-tbltoggle{display:block;margin:14px auto 0;background:#0e3a30;color:#fff;border:0;font-family:inherit;font-weight:700;font-size:14px;padding:11px 26px;border-radius:999px;cursor:pointer}
#bkv-ad-body .bkv-ad-tbltoggle:hover{background:#15493c}
#bkv-ad-body .xfwd svg{width:22px;height:22px}
#bkv-ad-body .xwrap.at-end .xfwd{opacity:.4;pointer-events:none}
/* Sticky-Fix: Matrix-Tabelle overflow sichtbar (sonst wird die Tabelle selbst der Sticky-Scrollrahmen -> erste Spalte scrollt mit) */
#bkv-ad-body .dtable.matrix{overflow:visible}
/* Scroll-nach-links-Button (Paar mit .xfwd, links daneben), ausgeblendet wenn ganz links */
#bkv-ad-body .xback{position:absolute;top:-62px;right:48px;width:44px;height:44px;border-radius:999px;background:#fff;color:#0e3a30;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .2s}
#bkv-ad-body .xback svg{width:22px;height:22px}
#bkv-ad-body .xwrap.at-start .xback{opacity:.4;pointer-events:none}

/* Matrix: leichte CSS-Haken statt Inline-SVG in jeder Zelle (Performance!) */
/* Häkchen jetzt als Hexagon-Icons (icoY/icoN) direkt in der Zelle -> kein ::before mehr */
#bkv-ad-body .dtable.matrix td.vyes,#bkv-ad-body .dtable.matrix td.vno{white-space:normal}

/* Matrix-Performance: feste Tabellenbreite -> der Browser muss nicht jede der ~2800 Zellen messen (auto-Layout bei 60 Spalten fror den Renderer ein) */
#bkv-ad-body .dtable.matrix{table-layout:fixed}
#bkv-ad-body .dtable.matrix th{width:172px}
#bkv-ad-body .dtable.matrix th.mh{width:230px}
/* Startseiten-Hero: Name/Titel-Box unten rechts in der Ecke (rechtes Padding = Button-Links-Abstand 48px; Unterkante = Button-Unterkante) */
.hero-home .xe48ba90{top:auto;left:auto;right:48px;bottom:64px;transform:none}
/* Startseiten-Hero: NUR den Fade am linken Bildrand (mask-image) entfernen; Hintergrundton (.hero-home Radial-Verlauf) bleibt erhalten */
.hero-patrick-fig img{-webkit-mask-image:none !important;mask-image:none !important}
/* Anbieterseite: ALLE Box-Shadows raus (hardcodete zusätzlich zu --card-sh:none) */
#bkv-ad-body .bkv-ad-card,#bkv-ad-body .bkv-ad-gcard,#bkv-ad-body .bkv-ad-tarif,#bkv-ad-body .bkv-ad-other,#bkv-ad-body .bkv-ad-other:hover,#bkv-ad-body .tcard:hover{box-shadow:none}
/* Startseite: erste 3 Abschnitte (Harte Wahrheit / Gesunde Teams / Ihre Lösung) — Spalten tauschen via direction:rtl
   (Bild links / rechts / links; Proportionen bleiben) + Bilder etwas niedriger (aspect-ratio 0.92 statt ~0.8, zentriert beschnitten) */
.challGrid,.loesungGrid,.ppGrid{direction:rtl}
.challGrid>*,.loesungGrid>*,.ppGrid>*{direction:ltr}
.challGrid image-slot,.loesungGrid image-slot,.ppGrid image-slot{aspect-ratio:.92;height:auto;overflow:hidden}
/* WICHTIG: der Wrapper-DIV um den Slot hat aspect-ratio 4/5 (=Originalhöhe 688) -> ebenfalls auf .92 (=598), sonst
   sitzt das kürzere Bild oben im zu hohen Wrapper (loesung/pp: Bild-Mitte höher als Text; chall: Sticky endet 90px zu früh) */
.challGrid :has(> image-slot),.loesungGrid :has(> image-slot),.ppGrid :has(> image-slot){aspect-ratio:.92}
/* Startseite: „Unser Ablauf" hatte 190px margin-top (Ausreißer, viel größer als der Rest ~90-110px) -> auf 110px */
.xa3a6e35{margin-top:110px}

/* ===== MOBIL-Feinschliff Startseite ===== */
@media (max-width:600px){
  /* „Lassen Sie sich vom führenden bKV-Experten beraten": grüne Box stapelt (Text oben, Patrick unten)
     -> der große Abstand zwischen Patrick-Bild und Text darüber (Box-Unten 34px + Bild-Oben 34px) wird eng */
  .xcc7e612{grid-template-columns:1fr !important}
  .xa95b1be{padding:40px 26px 12px !important}
  .x6663978{padding-top:0 !important;margin-top:-16px !important}
  /* Karriere „Ein Wort vom Geschäftsführer": seitliches Innen-Padding wie im Hero
     (Hero: 10px Kartenrand + 22px innen = 32px; hier 16px Sektionsrand + 16px = 32px vom Bildschirmrand) */
  .x1ad0a40{padding:34px 16px !important}

  /* „Bekannt aus": Logos (im .x303aa0e oben) dürfen NICHT über dem Zeitungsband liegen.
     Trick: unten eine feste Zone für Zeitungsband + Patrick reservieren (padding-bottom),
     Band + Figur bleiben absolut am Boden. Abstand Logos->Band = padding-bottom - Bandhöhe = 24px (konstant). */
  .xed8ef69{min-height:0 !important;padding:40px 16px 324px !important}
  .x9a1f0d5{height:300px !important}                         /* Zeitungsband-Zone unten */
  .x09a5055{width:173px !important;height:300px !important}   /* Zeitungskarten (230x400) auf Bandhöhe skalieren -> vollständig sichtbar, kein Abschnitt oben */
  .x08f5d9e{height:300px !important;max-width:94% !important} /* Patrick steht im Band, Fußhöhe = Kartenboden */
  /* iOS-PERFORMANCE: eine mask-image auf einem Band, in dem Bilder animiert durchlaufen, zwingt Safari
     jeden Frame zur Neuberechnung -> Framerate bricht ein, sieht „super langsam" aus. Masken auf den
     animierten Bändern deaktivieren + eigenen GPU-Layer erzwingen (translateZ) -> läuft flüssig. */
  .bkv-hlmarq{-webkit-mask:none !important;mask:none !important}
  .bkv-hlmarq .bkv-marq-track{transform:translateZ(0);will-change:transform}
  .x9a1f0d5{-webkit-mask-image:none !important;mask-image:none !important}
  .xf2a0f95{transform:translateZ(0);will-change:transform}

  /* „Gelesen in" (Über uns): Artikel-Band läuft automatisch (per JS via scrollLeft) UND ist wischbar.
     Dazu CSS-transform-Animation aus, Container horizontal scrollbar, Scrollbalken ausgeblendet
     (Rand-Fade von .bkv-marq bleibt). Kein Scroll-Snap -> Auto-Lauf schnappt nicht zurück. */
  .bkv-marq-arts{overflow-x:auto !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bkv-marq-arts::-webkit-scrollbar{display:none}
  .bkv-marq-arts .bkv-marq-track{animation:none !important}
}

/* ===== Kundenstimmen: echte Google-Rezensionen als Laufband (rechts -> links) ===== */
.bkv-revhead{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:var(--mute,#3a554c);font-weight:600;text-decoration:none;transition:color .15s}
.bkv-revhead:hover{color:var(--ink,#06251d)}
.bkv-revhead:hover .bkv-revcount{text-decoration:underline;text-underline-offset:3px}
.bkv-revhead b{font-size:16px;color:var(--ink,#06251d);font-weight:800}
.bkv-revhead .bkv-revstars{font-size:15px}
.bkv-revcount{color:var(--faint,#7d938b);font-weight:600}
.bkv-revmarq{position:relative;overflow:hidden;width:100%;max-width:1240px;margin:12px auto 0;padding:0 24px}
.bkv-revmarq::before,.bkv-revmarq::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.bkv-revmarq::before{left:24px;background:linear-gradient(90deg,var(--s-bg,#f4f7f5),rgba(244,247,245,0))}
.bkv-revmarq::after{right:24px;background:linear-gradient(270deg,var(--s-bg,#f4f7f5),rgba(244,247,245,0))}
.bkv-revtrack{display:flex;gap:20px;width:max-content;padding:8px 0}
.bkv-revvp{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.bkv-revvp::-webkit-scrollbar{display:none}
.bkv-revvp.bkv-dragging{cursor:grabbing}
.bkv-revcard{flex:none;width:360px;text-decoration:none;color:inherit;transition:transform .18s ease;background:#fff;border:0;border-radius:22px;padding:26px 28px;box-shadow:none;display:flex;flex-direction:column;gap:14px;text-align:left;margin:0}
.bkv-revcard:hover{transform:translateY(-4px)}
.bkv-revtop{display:flex;align-items:center;justify-content:space-between}
.bkv-revstars{color:#ffb400;letter-spacing:2px;line-height:1;font-size:17px}
.bkv-revtext{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink,#06251d)}
.bkv-revfoot{display:flex;align-items:center;gap:12px;margin-top:auto}
.bkv-revav{flex:none;width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid var(--line,#e7ede9);display:flex;align-items:center;justify-content:center}
.bkv-revgo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;color:#7d938b;transition:color .16s,background .16s}
.bkv-revcard:hover .bkv-revgo{color:#0e9b52;background:var(--s-grn,#e7f6ee)}
.bkv-revname{display:flex;flex-direction:column;font-weight:800;color:var(--ink,#06251d);font-size:15px;line-height:1.3}
.bkv-revname small{font-weight:600;color:var(--faint,#7d938b);font-size:12.5px;display:inline-flex;align-items:center;gap:5px;margin-top:2px}
@media(max-width:600px){.bkv-revcard{width:290px;padding:22px}.bkv-revmarq::before,.bkv-revmarq::after{width:34px}}

/* Mobile: Header-Pille immer komplett deckend weiß (nicht transparent -> kein Durchscheinen des Hintergrunds) */
@media (max-width:1000px){
  .x80d10db{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:0 4px 18px rgba(6,37,29,.08)}
  /* Burger/Schließen ohne graugrünen Kreis -> reines Icon auf weißer Pille */
  .nav-burger{background:transparent !important}
}

/* „Bekannt aus": Untertitel einzeilig (Desktop) – „...die bKV." soll nicht umbrechen */
.x303aa0e .xaac29ff{max-width:none;white-space:nowrap}
@media (max-width:600px){ .x303aa0e .xaac29ff{white-space:normal} }
/* Kontakt MOBIL: Formular-Kasten breiter -> gleiches seitliches Padding wie die Box darüber (.xcb41467 = 28px) */
@media (max-width:600px){ .x9b04fe3{padding:22px 0 !important} }

/* Anbieter-Detail HERO — MOBIL: unter „Zurück" eine Zeile [Logo/Name] + [Score-Hexagon], darunter
   Chips+Meta auf voller Breite. DOM wird per JS umgebaut (Score in .bkv-ad-hlogotitle, Rest in .bkv-ad-hbottom). */
@media (max-width:760px){
  .bkv-ad-hero-dup{padding:34px 18px !important}
  .bkv-ad-hero-dup2{margin:0 !important}
  .bkv-ad-herorow{flex-direction:column !important;align-items:stretch !important;gap:0 !important}
  .bkv-ad-hleft{width:100% !important}
  .bkv-ad-hlogotitle{flex-direction:row !important;align-items:center !important;gap:14px !important}
  .bkv-ad-logo{width:72px;height:56px;padding:10px;flex:none}
  .bkv-ad-htxt{flex:1 1 auto;min-width:0}
  .bkv-ad-htxt h1{font-size:23px;margin-bottom:0}
  .bkv-ad-eyebrow{margin-bottom:4px}
  .bkv-ad-hero-dup2 .bkv-ad-scorebox2{transform:none !important;background:none !important;box-shadow:none !important;padding:0 !important;min-height:0 !important;width:auto !important;flex:none !important;align-self:center !important;gap:4px !important}
  .bkv-ad-scorebox2 .bkv-ad-sb2name,.bkv-ad-scorebox2 .bkv-ad-scoreword{display:none !important}
  .bkv-ad-scorebox2 .bkv-ad-hex{width:60px;height:70px}
  .bkv-ad-scorebox2 .bkv-ad-hexin b{font-size:21px}
  .bkv-ad-scorebox2 .bkv-ad-hexin i{font-size:8px}
  .bkv-ad-scorebox2>span{font-size:9.5px !important;color:rgba(255,255,255,.75) !important;white-space:nowrap}
  .bkv-ad-hbottom{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:12px}
}

/* MOBIL Blog-Post: Beitragsbild sitzt jetzt (per JS) im Header hinter dem Breadcrumb -> kein Doppel-Padding */
@media (max-width:820px){
  .xfdf3be0 .xff54891{max-width:none !important;margin:2px 0 26px !important;padding-left:0 !important;padding-right:0 !important}
  .xfdf3be0 .x1454283{margin-bottom:18px}
  .xfdf3be0 .xff54891 .x4ef3f03{height:220px !important}
}

/* Info-Icons (Eckdaten): gestylter Klick-Tooltip */
.bkv-ad-info{cursor:pointer}
.bkv-ad-tip{position:absolute;z-index:300;background:#fff;color:var(--ink,#06251d);font-size:13.5px;line-height:1.5;font-weight:500;padding:12px 14px;border-radius:12px;border:1px solid var(--line,#e7ede9);box-shadow:0 12px 30px rgba(6,37,29,.18);pointer-events:none;max-width:280px}
.bkv-ad-tip::after{content:"";position:absolute;bottom:-6px;left:var(--ax,50%);transform:translateX(-50%) rotate(45deg);width:11px;height:11px;background:#fff;border-right:1px solid var(--line,#e7ede9);border-bottom:1px solid var(--line,#e7ede9)}
.bkv-ad-tip.below::after{bottom:auto;top:-6px;border-right:0;border-bottom:0;border-left:1px solid var(--line,#e7ede9);border-top:1px solid var(--line,#e7ede9)}

/* „Alle Leistungen…"-Tabelle: Lead-Text schmaler, damit er nicht mit den Scroll-Buttons (oben rechts) kollidiert */
#bkv-ad-body .bkv-ad-lead-mx{padding-right:108px}
@media (max-width:760px){ #bkv-ad-body .bkv-ad-lead-mx{padding-right:92px} }

/* Anbieter MOBIL: „Über…" + „Einschätzung der Redaktion" (.bkv-ad-uber) ohne Karten-Padding,
   damit der Text linksbündig mit der Heading startet (die spätere .aboutcard{padding:22px}-Regel hatte es eingerückt). */
@media (max-width:760px){ #bkv-ad-body .bkv-ad-uber{padding:0} }

/* Anbieter MOBIL: große Leistungstabelle – erste Spalte schmaler + Text umbrechen, damit man beim Rechts-Scrollen die Werte sieht */
@media (max-width:760px){
  #bkv-ad-body .dtable.matrix th.mh{width:150px}
  #bkv-ad-body .dtable.matrix td.lbl{white-space:normal}
  /* Gruppen-Zwischenüberschriften bleiben beim Rechts-Scrollen links stehen (sticky Label im colspan-td).
     td-Padding links auf 0, Einzug wandert auf den Span -> Label klebt sofort bei 0 (kein Vor-Scrollen) und behält links Padding. */
  #bkv-ad-body .dtable.matrix tr.grp td{position:relative;padding-left:0}
  #bkv-ad-body .dtable.matrix tr.grp td .grplbl{position:sticky;left:0;display:inline-block;background:var(--mint-25);padding:0 10px 0 14px;z-index:2}
}

/* Branchen „Stimmen aus": Play-Button-Kreis auf den Bildern entfernen (sind keine Videos) */
.xf284fe9{display:none !important}
/* Branchen-Laufband ist jetzt scrollbar (Drag) -> Scrollbalken ausblenden */
.x7960f1d::-webkit-scrollbar{display:none}
/* Branchen-Hero MOBIL: weniger seitliches Padding (innerer Grid hatte 56px) */
@media (max-width:820px){ .xbf680dd{padding-left:0 !important;padding-right:0 !important} }

/* Branchen „Stimmen aus"-Laufband: Rand-Fade (mask) auf Mobil weg */
@media (max-width:820px){ .x7960f1d{-webkit-mask-image:none !important;mask-image:none !important} }

/* Branchen-Hero MOBIL: weniger Padding unten (unter dem Button) */
@media (max-width:820px){ .x7b57296{padding-bottom:16px !important} }

/* Mobile-Menü: CTA-Button als Pille */
.mobile-menu button{border-radius:999px !important}

/* Anker Kundenstimmen: Offset für den Sticky-Header beim Sprung */
#kundenstimmen{scroll-margin-top:96px}

/* Rechner-Seiten: Sprung-Offset (Anker landen sonst hinter dem Sticky-Header) */
.vglartikel h2,.vglartikel h3{scroll-margin-top:92px}
[id$="-rechner"]{scroll-margin-top:92px}
/* Rechner-Seiten MOBIL: weißer Inhaltskasten weniger seitliches Padding */
@media (max-width:680px){ .x69246aa{padding:30px 18px !important} }

/* MOBIL: Kundenstimmen-Laufband (Home) ohne Rand-Fade, volle Breite bis zum Rand */
@media (max-width:600px){
  .bkv-revmarq{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0}
  .bkv-revmarq::before,.bkv-revmarq::after{display:none !important}
  .bkv-revtrack{padding-left:0 !important;padding-right:0 !important}
}
/* MOBIL: Branchen „Stimmen aus"-Laufband volle Breite bis zum Rand (Fade war schon weg) */
@media (max-width:820px){
  .x7960f1d{width:100vw;margin-left:calc(50% - 50vw)}
  .x72b9573{padding-left:0 !important;padding-right:0 !important}
}

/* Rechner-Übersichtsseite: Karten-Grid (Design wie Blog-Übersicht) */
.bkv-rechnergrid{max-width:820px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
/* Steuer-Kasten (quer, oben) genauso hoch wie die 4 Karten (2x2) */
@media(min-width:761px){.bkv-rechnercard{min-height:245px}}
/* Rechner-Seiten: Inhaltsbreite wie andere Unterseiten (1300 statt 1000) */
.xcad255f,.x0c6d10d,.x258e512{max-width:1240px}
/* Home-Beraten Badge tiefer: 25% von unten (links unverändert) */
.xb3e26a9{top:auto;bottom:25%}
.bkv-rechnercard.bkv-rechnerwide{grid-column:1/-1;flex-direction:row;align-items:center;gap:24px}
.bkv-rechnerwide .bkv-rechnertext{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}
.bkv-rechnerwide h3,.bkv-rechnerwide p{margin:0}
.bkv-rechnerwide .bkv-rechnermore{margin:0 0 0 auto;flex:none}
.bkv-rechnercard{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line,#e7ede9);border-radius:22px;padding:28px;text-decoration:none;color:inherit;box-shadow:0 6px 24px rgba(6,37,29,.06);transition:transform .18s ease}
.bkv-rechnercard:hover{transform:translateY(-4px)}
.bkv-rechnericon{width:54px;height:54px;border-radius:14px;background:radial-gradient(120% 120% at 30% 22%,#15493c,#0a2c24);display:flex;align-items:center;justify-content:center;flex:none}
.bkv-rechnercard h3{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--ink,#06251d);margin:6px 0 0}
.bkv-rechnercard p{font-size:15px;line-height:1.6;color:var(--mute,#3a554c);margin:0}
.bkv-rechnermore{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:#0e9b52;font-weight:700;font-size:14.5px}
@media (max-width:1000px){.bkv-rechnergrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.bkv-rechnergrid{grid-template-columns:1fr;padding:0 16px;gap:16px}.bkv-rechnercard{padding:24px}
  .bkv-rechnercard.bkv-rechnerwide{flex-direction:column;align-items:flex-start;gap:12px}
  .bkv-rechnerwide .bkv-rechnermore{margin:0}}

/* ===== Mobil-Lesbarkeit + Footer-Social + Rechner-Tabelle/TOC ===== */
/* #3 MOBIL: Body-Text (fast) schwarz, Captions dunkleres Grau. Footer nutzt eigenes Weiß -> unberührt. */
@media (max-width:600px){
  :root:not([data-theme="dark"]){--mute:#14211b;--faint:#5f6f67}
  #bkv-ad-body{--shade-600:#14211b;--shade-500:#2b3a33;--shade-400:#5f6f67}
}
/* Footer-Unterzeile: Legal + Social in Gruppen (Desktop unverändert: alles in einer Reihe) */
.foot-legal,.foot-social{display:inline-flex;align-items:center;gap:22px}
/* #2 MOBIL: Reihenfolge = Social (3 mittig) > Impressum/Datenschutz (mittig) > Copyright (linksbündig) */
@media (max-width:600px){
  .x2c1d356{flex-direction:column;align-items:stretch;gap:16px;text-align:left}
  .x90efc55{flex-direction:column;align-items:center;gap:14px;order:-1}
  .foot-social{order:0;justify-content:center;gap:18px}
  .foot-legal{order:1;justify-content:center}
  .x6f5f237{order:2;align-self:flex-start;text-align:left}
}
/* #4 Rechner-Tabelle im Blog-Tabellen-Design (dunkler Header raus, dünne Linien; grüne Wörter .xdf94dfb bleiben grün) */
.xbf61d1e{background:transparent !important;color:var(--faint) !important}
.xa7927d3{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700;color:var(--faint) !important;border-bottom:1px solid var(--line);padding:0 18px 14px !important}
.x297e7ea,.x4f01774{background:transparent !important}
.xf6bd9fb .xf43df40,.xf6bd9fb .xfcbc001,.xf6bd9fb .xdf94dfb{border-bottom:1px solid var(--line);padding:16px 18px !important;vertical-align:top}
.xf6bd9fb tr:last-child td{border-bottom:0}
.xfcbc001{color:var(--ink) !important}
.xf6bd9fb{margin:30px 0}
/* #4 Rechner-Inhaltsverzeichnis im Blog-Stil (ohne linke Rahmenlinie) */
.x363d2ad{border-left:0 !important;padding:7px 12px !important}

/* Rechner-Detail-Balken: sanft animieren, wenn sich die Werte ändern */
.x65e461b > div{transition:width .35s ease}

/* #7 „Gut zu wissen"-Heading fett: Body-Font hat kein 800 -> Heading-Font nehmen */
.xd33a27f{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-weight:800}
/* #6 „Unsere Meinung"-Avatar zeigt das Hexagon vollständig (nicht rund beschnitten) */
#bkv-ad-body .m-author .ma-av{border-radius:0;background:transparent;object-fit:contain}
/* #5 MOBIL: mehr Abstand zwischen Hero und „Über…" */
@media (max-width:760px){ #bkv-ad-body .bkv-adwrap{padding-top:30px} #bkv-ad-body .bkv-ad-uber{margin-top:10px} }
/* #3 Branchen-Ablauf (Desktop): Zahlen-Kreise auf die Linie (statt kleiner Punkt) */
@media (min-width:1001px){
  .x8825888 .x44f86a7{display:none}
  .x8825888 .x0c4583e{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;margin:0}
}
/* #1 Rechner-Übersicht Hero: Text mittig (vertikal + horizontal), sitzt nicht mehr zu hoch */
/* Rechner-Hero: Text linksbündig, aber vertikal mittig (oben/unten mittig) */
.bkv-rechnerhero{display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:56px 48px}
.bkv-rechnerhero .xdd27719{align-items:center;width:100%;margin:0}
.bkv-rechnerhero .xdd27719>div{text-align:left;max-width:640px;margin:0}
@media (max-width:760px){.bkv-rechnerhero{min-height:auto;padding:44px 22px}}

/* #2 MOBIL: „Gelesen in" (Über uns) – Rand-Fade weg + volle Breite bis zum Rand (hilft auch der Logos-Animation auf iOS) */
@media (max-width:600px){
  .bkv-marq{-webkit-mask:none !important;mask:none !important;width:100vw;margin-left:calc(50% - 50vw)}
}

/* Rechner-TOC im Blog-Design (Linie + grüner Fortschritts-Fill): auf Mobile sichtbar halten
   (Blog blendet die Sidebar mobil aus und nutzt einen FAB-Button, den die Rechner-Seiten nicht haben) */
@media(max-width:900px){
  .vglartgrid .artTocSidebar{display:block !important;position:static !important;top:auto !important;margin:0 0 22px}
}

/* Rechner-Aufzählungen: hässlicher dicker Strich -> schlichter grüner Punkt */
.vglartikel ul li{padding-left:22px !important}
.vglartikel ul li::before{content:"" !important;position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:currentColor}
/* Rechner-Tabellen mobil links/rechts scrollbar (Seite selbst bleibt overflow-x:clip) */
@media(max-width:600px){
  .x8d25c07{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .x8d25c07 .xf6bd9fb{min-width:520px}
}

/* Blog mobil: TOC-FAB-Drawer (Inhaltsverzeichnis als Overlay-Panel) */
.artTocOverlay{position:fixed;inset:0;background:rgba(6,37,29,.4);z-index:75;opacity:0;pointer-events:none;transition:opacity .2s}
.artTocOverlay.on{opacity:1;pointer-events:auto}
@media(max-width:600px){
  .artTocSidebar.toc-open{display:block !important;position:fixed !important;left:16px;right:16px;bottom:150px;top:auto !important;z-index:80;background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 18px 50px rgba(6,37,29,.3);max-height:62vh;overflow:auto}
  .artTocSidebar.toc-open .x07df87e{margin-bottom:14px}
}

/* Anbietervergleich-Hero-Button: an Seiten-Design angleichen (Pill statt eckig) */
.rpform button.x5f278db,.x5f278db{border-radius:999px !important}
/* Seitlich scrollbare Tabellen: dezenter ">"-Hinweis oben rechts (rein dekorativ) */
.tblhintwrap{position:relative;margin:30px 0}
.tblhintwrap.has-scroll{padding-top:32px}
.tblhint{position:absolute;top:-3px;z-index:6;display:none;align-items:center;justify-content:center;background:none;border:0;padding:3px;color:var(--ink,#0e3a30);cursor:pointer;transition:color .15s}
.tblhint:hover{color:#0e9b52}
.tblhint-next{right:0}
.tblhint-prev{right:28px}
.tblhintwrap.has-scroll .tblhint-next,.tblhintwrap.has-scroll .tblhint-prev{display:flex}
.tblhintwrap.at-start .tblhint-prev{display:none}
.tblhintwrap.at-end .tblhint-next{display:none}
.bkv-tsb{display:none;height:8px;border-radius:999px;background:rgba(6,37,29,.12);margin:16px 0 2px;position:relative;touch-action:none}
.tblhintwrap.has-scroll .bkv-tsb{display:block}
.bkv-tsb-thumb{position:absolute;top:0;bottom:0;left:0;width:40%;min-width:32px;border-radius:999px;background:#21c16b;cursor:grab}
.bkv-tsb-thumb:active{cursor:grabbing}
.tblhintwrap>*{margin-top:0 !important;margin-bottom:0 !important}
/* Tabellen: einheitliche Schriftgröße innerhalb jeder Tabelle (Inline-/verschachtelte Größen überschreiben) */
.bkv-post table td,.bkv-post table th,.bkv-post table td *,.bkv-post table th *{font-size:15px !important}
.xf6bd9fb td,.xf6bd9fb th,.xf6bd9fb td *,.xf6bd9fb th *{font-size:15px !important}

/* Home-Hero „200+ zufriedene" als klickbarer Link zum Abschnitt Kundenstimmen */
a.bkv-toproof,a.bkv-toproof:hover{text-decoration:none;color:inherit}
a.bkv-toproof .xff5aafb{cursor:pointer}

/* Anbietervergleich-Karten: Ergebnis-Ring um Logo weg, Logo größer + zentriert */
.vglcolL .xb016807>svg{display:none !important}
.vglcolL .x811e713{width:132px !important;height:82px !important}
/* Score-Hexagon (Rand nach Score gefüllt) etwas größer */
.xe345a2f,.x7bbf1ff{width:96px !important;height:110px !important}
.x5d65951{font-size:26px}

/* Anbieter-Detailseite: Intercept-Popup (im Seiten-Design) */
.bkv-icept{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,37,29,.5);opacity:0;pointer-events:none;transition:opacity .25s}
.bkv-icept.on{opacity:1;pointer-events:auto}
.bkv-icept-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:24px;padding:30px 30px 26px;text-align:left;box-shadow:0 30px 80px rgba(6,37,29,.35);transform:translateY(12px) scale(.98);transition:transform .25s}
.bkv-icept.on .bkv-icept-card{transform:none}
.bkv-icept-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:999px;background:var(--s-sub,#eef3f0);color:#3a554c;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bkv-icept-av{width:78px;height:90px;object-fit:contain;margin:0 0 12px;display:block}
.bkv-icept-h{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:22px;font-weight:800;color:#0e3a30;margin:0 0 10px;line-height:1.25}
.bkv-icept-p{font-size:15px;line-height:1.55;color:#3a554c;margin:0 0 16px}
.bkv-icept-list{list-style:none;padding:0;margin:0 0 20px;text-align:left;display:block}
.bkv-icept-list li{position:relative;padding-left:28px;margin:9px 0;font-size:15px;color:#20342c}
.bkv-icept-list li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:999px;background:#21c16b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12.5l4 4 10-10' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.bkv-icept-cta{display:block;width:100%;background:#21c16b;color:#06251d;font-weight:700;font-size:16px;padding:15px;border-radius:999px;text-decoration:none;box-sizing:border-box;transition:background .15s}
.bkv-icept-cta:hover{background:#1bb061}
.bkv-icept-skip{display:block;width:100%;margin-top:12px;background:none;border:0;color:#7d938b;font-size:14px;cursor:pointer}
.bkv-icept-skip:hover{color:#3a554c}

/* Sicherheitsnetz: einheitliche Schriftgröße in allen scrollbaren Content-Tabellen (auch hintere Spalte, mobil) */
.tblhintwrap table td,.tblhintwrap table th,.tblhintwrap table td *,.tblhintwrap table th *{font-size:15px !important}

/* MOBIL: Text-Auto-Vergrößerung abschalten (iOS/Android bläht sonst langen Text z.B. in der letzten Tabellenspalte auf) */
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
.bkv-post table,.bkv-post table td,.bkv-post table th,.tblhintwrap,.tblhintwrap table,.tblhintwrap td,.tblhintwrap th,.xf6bd9fb,.xf6bd9fb td,.xf6bd9fb th{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}

/* Branchen-Hero: grünen Fade-Rand links über dem Patrick-Bild entfernen (Cutout braucht keine Maske) */
.x2ebfa45{-webkit-mask-image:none !important;mask-image:none !important}

/* Kontakt Consent: nur die Box ist klickbar (nicht die ganze Zeile) */
.x033b7cf{cursor:default}
.x033b7cf .x7064a19{cursor:pointer}

/* Über uns MOBIL: „Wer wir sind"-Logo-Hexagon ausblenden */
@media (max-width:760px){ .bkv-wws-hex{display:none !important} }

/* image-slot: echtes <img> als Fallback (SEO/Bildersuche + ohne JS). Bei aktivem JS steckt der
   Slot im Shadow-DOM ohne <slot> -> das Light-DOM-Bild wird nicht gerendert (kein Doppelbild). */
image-slot{display:block}
image-slot>img.bkv-slot-fallback{display:block;width:100%;height:100%;object-fit:cover}

/* Über uns „Gelesen in": Logos grau (Home-Logos bleiben farbig) */
.bkv-gelesen-logos .bkv-mq-item img{filter:grayscale(1) opacity(.6)}

/* Anbietervergleich: Patrick-Bild ohne grünen Fade (Maske) -> komplett sichtbar */
.x77a01a5{-webkit-mask-image:none !important;mask-image:none !important}
/* Anbietervergleich Artikel-Block wie klassischer Blogbeitrag: Blog-Breite + weiße Karte */
.x6d4ae07{max-width:1152px;background:var(--s-card,#fff);border-radius:1.5rem;padding:44px 40px}
/* Über uns „Wer wir sind": Text breiter, Hexagon rechts unverändert (Größe+Position) */
.xbcd2757{grid-template-columns:minmax(0,1fr) 426px}
.xbcd2757 .bkv-wws-hex{justify-content:flex-start}

/* ===== Kontakt: Termin-/Rückruf-Widget (bkv-tw) ===== */
.bkv-tw-section{max-width:1240px;margin:0 auto;padding:56px 24px 8px}
.bkv-tw-h2{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:28px;font-weight:800;letter-spacing:-.6px;color:#0e3a30;text-align:center;margin:0 0 6px;line-height:1.2}
.bkv-tw-lead{text-align:center;color:var(--mute,#3a554c);margin:0 0 26px;font-size:16px}
.bkv-tw{max-width:1200px;margin:0 auto}
.bkv-tw-card{background:#fff;border:0;border-radius:24px;padding:48px 44px;box-shadow:none}
.bkv-tw-title{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:22px;font-weight:800;color:#0e3a30;margin:0 0 8px;line-height:1.25}
.bkv-tw-sub{color:var(--mute,#3a554c);font-size:15px;line-height:1.55;margin:0 0 22px}
.bkv-tw-opts{display:flex;flex-direction:column;gap:14px}
.bkv-tw-opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line,#e7ede9);border-radius:16px;padding:18px 20px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.bkv-tw-opt:hover{border-color:#21c16b;box-shadow:0 6px 18px rgba(6,37,29,.08);transform:translateY(-2px)}
.bkv-tw-oic{flex:none;width:46px;height:46px;border-radius:12px;background:radial-gradient(120% 120% at 30% 22%,#15493c,#0a2c24);color:#5cf2a6;display:flex;align-items:center;justify-content:center}
.bkv-tw-otxt{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.bkv-tw-otxt b{font-size:16.5px;color:#0e3a30;font-weight:800}
.bkv-tw-otxt small{font-size:13.5px;color:var(--mute,#3a554c)}
.bkv-tw-arr{flex:none;color:#0e9b52;display:flex}
.bkv-tw-chips{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bkv-tw-chip{border:1.5px solid var(--line,#e7ede9);background:#fff;border-radius:12px;padding:16px;font-size:15px;font-weight:700;color:#0e3a30;cursor:pointer;transition:border-color .15s,background .15s;text-align:left}
.bkv-tw-chip:hover,.bkv-tw-chip.on{border-color:#21c16b;background:rgba(33,193,107,.06)}
.bkv-tw-field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.bkv-tw-field>span{font-size:13.5px;font-weight:700;color:#0e3a30}
.bkv-tw-field input,.bkv-tw-field select{border:1.5px solid var(--line,#e7ede9);border-radius:12px;padding:13px 15px;font-size:15px;color:#0e3a30;background:#fff;font-family:inherit;width:100%;box-sizing:border-box}
.bkv-tw-field input:focus,.bkv-tw-field select:focus{outline:none;border-color:#21c16b}
.bkv-tw-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bkv-tw-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.bkv-tw-btn{background:#21c16b;color:#06251d;font-weight:700;font-size:15.5px;border:0;border-radius:999px;padding:13px 26px;cursor:pointer;transition:background .15s}
.bkv-tw-btn:hover{background:#1bb061}
.bkv-tw-btn:disabled{opacity:.5;cursor:not-allowed}
.bkv-tw-back{background:none;border:0;color:var(--mute,#3a554c);font-size:14.5px;font-weight:600;cursor:pointer;padding:8px 4px}
.bkv-tw-back:hover{color:#0e3a30}
.bkv-tw-dots{display:flex;gap:6px;margin:0 0 18px}
.bkv-tw-dot{width:26px;height:5px;border-radius:999px;background:rgba(6,37,29,.12);transition:background .2s}
.bkv-tw-dot.on{background:#21c16b}
.bkv-tw-err{color:#c0392b;font-size:13.5px;min-height:18px;margin:2px 0 4px}
.bkv-tw-done{text-align:center}
.bkv-tw-check{display:inline-flex;width:60px;height:60px;border-radius:999px;background:#21c16b;color:#fff;align-items:center;justify-content:center;margin:0 auto 14px}
@media(max-width:600px){.bkv-tw-chips,.bkv-tw-row{grid-template-columns:1fr}.bkv-tw-card{padding:26px 20px}.bkv-tw-section{padding-top:40px}}
/* Über uns „Wer wir sind": Absatz breiter (war max-width:480px) */
.xf77d0c8{max-width:680px}
/* Rechner-Autorenbox genauso breit wie normale Blogbeiträge (1000 -> 1200px) */
.x43d243e{max-width:1200px}

/* Kontakt-Widget: 3 Optionen nebeneinander mit dunkelgrünem Hexagon */
.bkv-tw-opts3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bkv-tw-opt3{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:#fff;border:1.5px solid var(--line,#e7ede9);border-radius:16px;padding:22px 20px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.bkv-tw-opt3:hover{border-color:#21c16b;box-shadow:0 6px 18px rgba(6,37,29,.08);transform:translateY(-3px)}
.bkv-tw-hex{width:52px;height:60px;margin-bottom:10px;background:#0e3a30;-webkit-mask:var(--hexmask);mask:var(--hexmask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:flex;align-items:center;justify-content:center;color:#fff}
.bkv-tw-hex .x505541e{color:#fff;display:flex;align-items:center;justify-content:center}
.bkv-tw-opt3 b{font-size:16px;color:#0e3a30;font-weight:800}
.bkv-tw-opt3 small{font-size:12.5px;color:var(--mute,#3a554c);line-height:1.4}
.bkv-tw-formslot{margin-top:2px}
/* feste, große Box: springt beim Schritt-Wechsel nicht */
.bkv-tw-card{min-height:560px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
@media(max-width:640px){.bkv-tw-opts3{grid-template-columns:1fr}.bkv-tw-card{min-height:0}}
/* Kontakt: 2-Karten-Infoabschnitt (E-Mail/Telefon), Karriere-Look */
.bkv-cards2{grid-template-columns:repeat(2,1fr) !important;max-width:792px;margin-left:auto;margin-right:auto}
.bkv-ccard{text-decoration:none;color:inherit;display:block;box-shadow:none !important;transition:transform .18s ease}
.bkv-ccard:hover{transform:translateY(-3px);box-shadow:none !important}
@media(max-width:600px){.bkv-cards2{grid-template-columns:1fr !important}}

/* Widget: volle Breite + Inhalt zentriert/lesbar begrenzt */
.bkv-tw-card > *{width:100%}
.bkv-tw-card .bkv-tw-title,.bkv-tw-card .bkv-tw-sub,.bkv-tw-card .bkv-tw-dots,.bkv-tw-card .bkv-tw-chips,.bkv-tw-card .bkv-tw-field,.bkv-tw-card .bkv-tw-row,.bkv-tw-card .bkv-tw-nav,.bkv-tw-card .bkv-tw-err,.bkv-tw-card .bkv-tw-done{max-width:600px}
.bkv-tw-formslot{max-width:760px}
/* Choice: 3 GROSSE Hexagons mit Text innen (statt dünnliniger Boxen) */
.bkv-tw-hexrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto}
.bkv-tw-hexopt{border:0;background:#e7f6ee;border-radius:22px;padding:30px 28px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;box-shadow:none;transition:transform .18s ease}
.bkv-tw-hexopt:hover{transform:translateY(-4px)}
.bkv-tw-optbadge{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20230'%3E%3Cpath%20d='M81.7%2012.2Q100%200%20118.3%2012.2L167.9%2045.3Q186.3%2057.5%20186.3%2079.5L186.3%20150.5Q186.3%20172.5%20167.9%20184.7L118.3%20217.8Q100%20230%2081.7%20217.8L32.1%20184.7Q13.8%20172.5%2013.8%20150.5L13.8%2079.5Q13.8%2057.5%2032.1%2045.3Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat}
.bkv-tw-optbadge svg{width:26px;height:26px}
.bkv-tw-hexopt b{font-size:19px;font-weight:800;letter-spacing:-.3px;color:#0e3a30}
.bkv-tw-hexopt small{font-size:13.5px;line-height:1.45;color:#3a554c}
@media(max-width:640px){.bkv-tw-hexrow{grid-template-columns:1fr;max-width:360px;gap:14px}.bkv-tw-card{min-height:0}}
/* Live-Punkt: kleiner grüner Punkt + pulsierender Fade-Glow */
.bkv-livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21c16b;margin-right:9px;position:relative;vertical-align:middle;top:-1px}
.bkv-livedot::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#21c16b;opacity:.6;animation:bkvLive 1.6s ease-out infinite}
@keyframes bkvLive{0%{transform:scale(1);opacity:.6}70%{transform:scale(3.4);opacity:0}100%{transform:scale(3.4);opacity:0}}
/* Widget V2 */
/* box persists on all steps */
.bkv-tw-panel{width:100%;max-width:640px;flex:1 1 auto;display:flex;flex-direction:column}
.bkv-tw-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;background:none;border:0;color:var(--mute,#3a554c);font-weight:600;font-size:14.5px;cursor:pointer;padding:2px 0;margin:0 0 16px}
.bkv-tw-back:hover{color:#0e3a30}
.bkv-tw-title{margin-top:0}
.bkv-tw-formslot .xf2ee7b7{margin-top:0}
.bkv-tw-dots{margin:auto 0 0;justify-content:center;padding-top:22px}
.bkv-tw-chip{border:0;background:var(--s-sub,#eef3f0);padding:24px 18px;font-size:16px;text-align:left;border-radius:16px}
.bkv-tw-chip:hover,.bkv-tw-chip.on{background:rgba(33,193,107,.15);border:0}
.bkv-tw-btn-full{align-self:flex-start;margin-top:4px}
.bkv-tw-optbadge svg{width:26px;height:26px}
.bkv-tw-formslot .x9b04fe3{padding:0 !important;margin-top:0}
.bkv-tw-formslot .xf2ee7b7{margin:0 0 18px}
/* Fortschrittsbalken volle Widget-Breite + Chips weiß mit Icon */
.bkv-tw-progress{display:flex;gap:6px;width:100%;max-width:600px;margin-top:auto;padding-top:40px}
.bkv-tw-seg{flex:1;height:6px;border-radius:999px;background:rgba(6,37,29,.12)}
.bkv-tw-seg.on{background:#21c16b}
.bkv-tw-chip{background:#e7f6ee !important;display:flex;align-items:center;gap:14px;box-shadow:none !important;border:0 !important;padding:50px 20px !important;transition:background .15s,color .15s,transform .15s}
.bkv-tw-chip:hover,.bkv-tw-chip.on{transform:translateY(-2px)}
.bkv-tw-chipic{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#0e9b52;transition:color .15s}
.bkv-tw-chip:hover .bkv-tw-chipic,.bkv-tw-chip.on .bkv-tw-chipic{color:#0e9b52}
/* Widget-Select (Anzahl Mitarbeiter): eigener Pfeil mit Abstand zum Rand */
.bkv-tw-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235b6f68'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:46px}
.bkv-tw-flow .bkv-tw-panel{min-height:500px}
.x734ce50.bkv-ccard{box-shadow:none !important}
.bkv-post .bkv-cta-banner{background:radial-gradient(120% 140% at 15% 10%,#15493c,#0a2c24);border-radius:1.25rem;margin:38px 0;overflow:hidden;display:grid;grid-template-columns:1fr minmax(132px,304px);align-items:stretch;gap:0}
.bkv-post .bkv-cta-col{padding:32px 16px 32px 34px;min-width:0}
.bkv-post .bkv-cta-fig{position:relative;min-height:100%;overflow:hidden}
.bkv-post .bkv-cta-fig img{border-radius:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 26%)}
.bkv-post .bkv-cta-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:11px}
.bkv-post .bkv-cta-list li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.45;margin:0}
.bkv-post .bkv-cta-list li::marker{content:none}
.bkv-post .bkv-cta-hex{flex:0 0 auto;width:24px;height:27px;display:flex;align-items:center;justify-content:center;background:#21c16b;-webkit-mask:var(--hexmask);mask:var(--hexmask)}
@media(max-width:560px){.bkv-post .bkv-cta-col{padding:24px 22px}.bkv-post .bkv-cta-head{font-size:19px}.bkv-post .bkv-cta-list li{font-size:14px;gap:9px}}
.bkv-post .bkv-cta-eyebrow{color:#5cf2a6;font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.bkv-post .bkv-cta-head{color:#fff;font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:27px;font-weight:800;line-height:1.24;margin:0 0 20px}
.bkv-post .bkv-cta-text{color:rgba(255,255,255,.85);font-size:15px;line-height:1.6;margin:0 0 18px;max-width:none}
.bkv-post .bkv-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#21c16b;color:#06251d !important;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;text-decoration:none !important;transition:background .15s}
.bkv-post .bkv-cta-btn:hover{background:#26d378}
/* Kontakt: Kasten um die 3 Hexagons (Choice-Schritt) auf Widget-/Seitenbreite */
.bkv-tw-card.bkv-tw-card-choice{background:#fff !important;border:0 !important;border-radius:24px !important;padding:52px 48px 58px !important;min-height:560px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:640px){.bkv-tw-card.bkv-tw-card-choice{padding:34px 20px 40px !important;min-height:0} .bkv-tw-choicetitle{font-size:23px !important} .bkv-tw-choicehead{margin-bottom:26px !important}}
.x30e4706.bkv-faq2{max-width:1208px;padding:0 24px}
.bkv-faq2{display:grid;grid-template-columns:0.82fr 1.5fr;gap:44px;align-items:start}
.bkv-faq2 .bkv-faq-main .xf3a8c26{text-align:left;margin-bottom:22px}
.bkv-faq-contact{background:#fff;border:1px solid var(--line,#e7ede9);border-radius:1.25rem;padding:30px 28px}
.bkv-faq-ctitle{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:21px;font-weight:800;color:#0e3a30;line-height:1.25;margin:8px 0 6px}
.bkv-faq-citem{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;padding:16px 0;border-top:1px solid var(--line,#e7ede9)}
.bkv-faq-cic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--s-grn,#e7f6ee);color:#0e9b52;display:flex;align-items:center;justify-content:center}
.bkv-faq-ctxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkv-faq-ctxt small{font-size:11.5px;color:var(--faint,#7d938b);text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.bkv-faq-ctxt b{font-size:15px;color:#0e3a30;font-weight:700;word-break:break-word}
.bkv-faq-ctxt em{font-size:13px;color:var(--mute,#3a554c);font-style:normal}
@media(max-width:900px){.bkv-faq2{grid-template-columns:1fr;gap:24px}}
/* TOC einzeilig + Ellipsis */
.x43d883b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* Choice: Ueberschrift innen zentriert + externe Heading aus */
.bkv-tw-section > .xd15f596{display:none}
.bkv-tw-choicehead{text-align:center;margin-bottom:36px}
.bkv-tw-choicetitle{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:29px;font-weight:800;color:#06251d;line-height:1.22;margin:12px auto 0;max-width:640px}

/* --- Blog-CTA: E-Book-Variante (freigestelltes Cover, kein Kasten dahinter) --- */
.bkv-post .bkv-cta-cover{grid-template-columns:1fr minmax(140px,236px)}
.bkv-post .bkv-cta-cover .bkv-cta-fig{background:none}
.bkv-post .bkv-cta-cover .bkv-cta-fig img{border-radius:0;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:22px 20px;-webkit-mask-image:none;mask-image:none}

/* --- Blog-CTA: schmaler Banner, nur Titel und Knopf --- */
.bkv-post .bkv-cta-slim{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  background:radial-gradient(130% 180% at 10% 0%,#15493c,#0a2c24);border-radius:1.25rem;padding:24px 28px;margin:34px 0}
.bkv-post .bkv-cta-slim-hd{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:18px;font-weight:800;
  line-height:1.3;color:#fff;min-width:0;flex:1 1 240px;margin:0}
.bkv-post .bkv-cta-slim .bkv-cta-btn{flex:0 0 auto}

/* --- CTA unter dem Inhaltsverzeichnis --- */
.bkv-side-cta{position:relative;overflow:hidden;margin-top:24px;background:radial-gradient(130% 140% at 20% 0%,#15493c,#0a2c24);border-radius:1.15rem;padding:20px 20px 22px;color:#fff}
.bkv-side-fig{margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.bkv-side-fig img{width:100%;max-width:124px;height:auto;display:block;border-radius:0}
.bkv-cta-logos,.bkv-side-logos{display:flex;align-items:center;flex-wrap:nowrap;pointer-events:none}
/* border-radius aus .bkv-post img aufheben: Logos sind freigestellt, runde Ecken schneiden sie an */
.bkv-cta-logos img,.bkv-side-logos img{filter:brightness(0) invert(1);opacity:.42;width:auto;display:block;border-radius:0}
.bkv-cta-logos{gap:16px;margin-top:26px;max-width:100%}
.bkv-cta-logos img{height:15px}
.bkv-side-logos{gap:11px;margin-top:18px;justify-content:center}
.bkv-side-logos img{height:11px}
.bkv-side-logos img:nth-child(n+4){display:none}
.bkv-side-eyebrow{color:#5cf2a6;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:7px}
.bkv-side-hd{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:16.5px;font-weight:800;line-height:1.25;margin-bottom:7px}
.bkv-side-tx{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.8);margin:0 0 15px}
.bkv-side-btn{display:block;text-align:center;background:#21c16b;color:#06251d !important;font-weight:700;font-size:13.5px;
  padding:12px 14px;border-radius:999px;text-decoration:none !important;transition:background .15s}
.bkv-side-btn:hover{background:#26d378}

/* --- FAQ im Beitrag bündig zur weissen Artikelkarte (links wie rechts) --- */
.bkv-faqsec .xa8242a7{grid-template-columns:272px 1fr}
.bkv-faqsec .xa8242a7>div:last-child{padding:0}

/* ===== Kontakt-Funnel ================================================== */
.bkv-fn{--fnw:100%;max-width:1160px;margin:0 auto}
.bkv-fn-panel{position:relative;background:radial-gradient(135% 150% at 18% 0%,#1a5a49,#0a2c24);border-radius:1.75rem;
  padding:44px 44px 30px;color:#fff;text-align:center}
.bkv-fn-step{color:#5cf2a6;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.bkv-fn-q{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:clamp(21px,2.6vw,29px);font-weight:800;
  line-height:1.22;color:#fff;margin:0 0 30px}
.bkv-fn-opts{display:grid;gap:18px;margin:0 auto 30px;width:100%;max-width:var(--fnw)}
.bkv-fn-opts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bkv-fn-opts-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bkv-fn-opts-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bkv-fn-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;
  background:#fff;border:none;border-radius:1.25rem;padding:38px 20px;min-height:196px;cursor:pointer;font-family:inherit;
  transition:background .16s ease}
.bkv-fn-opt:hover{background:#eef7f1}
.bkv-fn-opt b{font-size:16.5px;font-weight:800;color:#06251d;line-height:1.32;letter-spacing:-.2px}
.bkv-fn-hex{flex:none;width:68px;height:78px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(150deg,#54f0a0,#0e9b52);-webkit-mask:var(--hexmask);mask:var(--hexmask)}
.bkv-fn-field{display:flex;flex-direction:column;gap:7px;margin:0 auto 16px;width:100%;max-width:var(--fnw);text-align:left}
.bkv-fn-field>span{font-size:13px;font-weight:700;color:rgba(255,255,255,.86)}
.bkv-fn-field>span i{color:#5cf2a6;font-style:normal}
.bkv-fn-field input,.bkv-fn-field select{width:100%;font-family:inherit;font-size:15.5px;padding:14px 16px;border:none;
  background:#fff;border-radius:13px;outline:2px solid transparent;color:#06251d;transition:outline-color .15s}
.bkv-fn-field input::placeholder{color:#9bb0a7}
.bkv-fn-field input:focus,.bkv-fn-field select:focus{outline-color:#5cf2a6}
.bkv-fn-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:var(--fnw);margin:0 auto}
.bkv-fn-row .bkv-fn-field{max-width:none;margin-bottom:16px}
.bkv-fn-err{color:#ffd2cb;font-size:13.5px;min-height:19px;width:100%;max-width:var(--fnw);margin:0 auto 6px;text-align:left}
#bkv-benefitscheck .bkv-fn-btn{margin-left:auto;margin-right:auto}
.bkv-fn-btn{display:inline-flex;align-items:center;gap:9px;background:#21c16b;color:#06251d;border:none;font-family:inherit;
  font-weight:800;font-size:16px;padding:15px 30px;border-radius:999px;cursor:pointer;margin-bottom:14px;transition:background .15s}
.bkv-fn-btn:hover{background:#26d378}
.bkv-fn-btn:disabled{opacity:.6;cursor:not-allowed}
.bkv-fn-foot{display:flex;align-items:center;gap:18px;margin-top:16px;padding-bottom:26px}
.bkv-fn-back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:rgba(255,255,255,.72);
  font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;padding:0}
.bkv-fn-back:hover{color:#fff}
.bkv-fn-bar{display:flex;gap:8px;flex:1 1 auto}
.bkv-fn-seg{flex:1 1 0;height:4px;border-radius:999px;background:rgba(255,255,255,.2)}
.bkv-fn-seg.on{background:#fff}
.bkv-fn-done{padding:52px 44px 46px}
.bkv-fn-check{display:inline-flex;width:64px;height:64px;border-radius:999px;background:#21c16b;color:#06251d;
  align-items:center;justify-content:center;margin-bottom:20px}
.bkv-fn-donetxt{font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);max-width:520px;margin:0 auto}
/* Sprechblase unter dem Panel */
.bkv-fn-bubble{max-width:880px;margin:-22px auto 0;position:relative;z-index:2}
.bkv-fn-bubbletxt{background:var(--s-sub,#eef3f0);border-radius:1.1rem;padding:20px 26px;margin:0;
  font-size:15.5px;line-height:1.6;color:var(--mute,#3a554c);text-align:left}
.bkv-fn-bubbletxt b{color:#06251d;font-weight:800}
.bkv-fn-person{display:flex;align-items:center;gap:12px;margin:14px 0 0 26px}
.bkv-fn-person img{width:40px;height:46px;object-fit:contain;border-radius:0}
.bkv-fn-person span{font-size:11.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--faint,#7d938b)}
@media(max-width:860px){
  .bkv-fn-opts-3,.bkv-fn-opts-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .bkv-fn-panel{padding:30px 20px 22px;border-radius:1.4rem}
  .bkv-fn-opts-2,.bkv-fn-opts-3,.bkv-fn-opts-4{grid-template-columns:1fr;gap:12px}
  .bkv-fn-opt{flex-direction:row;justify-content:flex-start;text-align:left;padding:20px 20px;min-height:0;gap:16px}
  .bkv-fn-hex{width:48px;height:55px}
  .bkv-fn-row{grid-template-columns:1fr}
  .bkv-fn-bubbletxt{padding:18px 20px;font-size:14.5px}
  .bkv-fn-person{margin-left:20px}
}

/* --- Kontakt-FAQ: links Überschrift und Einleitung, rechts das Akkordeon --- */
.bkv-faq-side{position:sticky;top:104px}
.bkv-faq-h2{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:clamp(26px,3vw,34px);
  font-weight:800;letter-spacing:-1px;line-height:1.12;color:var(--ink,#06251d);margin:0 0 14px}
.bkv-faq-lead{font-size:15.5px;line-height:1.65;color:var(--mute,#3a554c);margin:0 0 26px}
.bkv-faq-side .bkv-faq-contact{margin-top:0}
@media(max-width:900px){
  .bkv-faq-side{position:static}
  .bkv-faq-lead{margin-bottom:20px}
}


/* --- Kontakt: Kopfbereich über dem Funnel --- */
.bkv-tw-section>.bkv-fnintro{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:start;
  max-width:1160px;margin:0 auto 46px;text-align:left}
.bkv-fnbadge{display:inline-flex;align-items:center;gap:9px;background:var(--s-sub,#eef3f0);border-radius:999px;
  padding:4px 4px 4px 16px;margin-bottom:22px}
.bkv-fnbadge>span:not(.bkv-livedot){font-size:11.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#0e9b52}
.bkv-fnbadge img{width:25px;height:29px;object-fit:contain;border-radius:0;display:block}
.bkv-fnhead{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:clamp(30px,4vw,50px);
  font-weight:800;letter-spacing:-1.6px;line-height:1.04;color:var(--ink,#06251d);margin:0}
.bkv-fnhead .ac{color:#0e9b52}
.bkv-fnlead{padding-top:52px}
.bkv-fnlead p{font-size:16.5px;line-height:1.62;color:var(--mute,#3a554c);margin:0 0 12px}
.bkv-fnlead p:last-child{margin-bottom:0}
.bkv-fnlead b{color:var(--ink,#06251d);font-weight:800}
@media(max-width:880px){
  .bkv-tw-section>.bkv-fnintro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  .bkv-fnlead{padding-top:0}
}

/* --- Kennzahlen prominenter + Quellenangaben --- */
/* Zahlen dürfen nie umbrechen: "77 Mrd. €" lief bei 58 px über drei Zeilen */
#costStats>div{min-width:0}
#costStats .xbe194a7{font-size:clamp(26px,3vw,38px);letter-spacing:-1.2px;color:#0e9b52;white-space:nowrap}
#costStats .x061a08d{font-size:14.5px;margin-top:8px}
.bkv-src{font-size:11.5px;line-height:1.4;color:var(--faint,#7d938b);margin-top:7px}


/* --- Kontakt-Funnel: Feinschliff für kleine Schirme --- */
@media(max-width:1080px){
  .bkv-fn{--fnw:100%}
}
@media(max-width:880px){
  .bkv-tw-section{padding:36px 18px 8px}
  .bkv-fnhead{letter-spacing:-1px}
  .bkv-fn-panel{padding:32px 24px 22px}
  .bkv-fn-q{margin-bottom:24px}
  .bkv-fn-opts-3,.bkv-fn-opts-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .bkv-fn-bubble{margin-top:-14px}
}
@media(max-width:620px){
  .bkv-tw-section{padding:28px 14px 8px}
  .bkv-fnbadge{padding:4px 4px 4px 13px;margin-bottom:16px}
  .bkv-fnbadge>span:not(.bkv-livedot){font-size:10.5px;letter-spacing:.9px}
  .bkv-fnbadge img{width:22px;height:26px}
  .bkv-fn-panel{padding:26px 16px 18px;border-radius:1.25rem}
  .bkv-fn-step{font-size:11px;letter-spacing:1.2px;margin-bottom:9px}
  .bkv-fn-q{font-size:19px;line-height:1.28;margin-bottom:20px}
  .bkv-fn-opts-2,.bkv-fn-opts-3,.bkv-fn-opts-4{grid-template-columns:1fr;gap:10px}
  .bkv-fn-opt{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;
    padding:15px 16px;min-height:0;gap:14px;border-radius:1rem}
  .bkv-fn-opt b{font-size:15px}
  .bkv-fn-hex{width:42px;height:48px}
  .bkv-fn-hex svg{width:24px;height:24px}
  .bkv-fn-field>span{font-size:12.5px}
  .bkv-fn-field input,.bkv-fn-field select{font-size:16px;padding:13px 14px;border-radius:12px}
  .bkv-fn-row{grid-template-columns:1fr;gap:0}
  .bkv-fn-btn{width:100%;justify-content:center;font-size:15.5px;padding:15px 20px}
  .bkv-fn-foot{gap:12px;margin-top:6px}
  .bkv-fn-back{font-size:11.5px}
  .bkv-fn-bar{gap:6px}
  .bkv-fn-bubble{max-width:none;margin:-16px 0 0}
  .bkv-fn-bubbletxt{padding:16px 18px;font-size:14px;border-radius:1rem}
  .bkv-fn-person{margin:12px 0 0 16px;gap:10px}
  .bkv-fn-person img{width:34px;height:39px}
  .bkv-fn-person span{font-size:10.5px;letter-spacing:.5px}
  .bkv-fn-done{padding:34px 18px 30px}
  .bkv-fn-check{width:54px;height:54px;margin-bottom:16px}
  .bkv-fn-donetxt{font-size:15px}
}
@media(max-width:760px){
  .x30e4706.bkv-faq2{padding:0 18px}
}

/* --- Blog-Banner auf schmalen Schirmen: Bildspalte prozentual deckeln,
       sonst frisst minmax() die Textspalte auf (gemessen 44 px Text zu 259 px Bild) --- */
@media(max-width:720px){
  .bkv-post .bkv-cta-banner,.bkv-post .bkv-cta-cover{grid-template-columns:1fr 34%}
  .bkv-post .bkv-cta-col{padding:22px 14px 22px 20px}
  .bkv-post .bkv-cta-head{font-size:19px;margin-bottom:14px}
  .bkv-post .bkv-cta-list{gap:8px;margin-bottom:16px}
  .bkv-post .bkv-cta-list li{font-size:13.5px;gap:9px;line-height:1.35}
  .bkv-post .bkv-cta-hex{width:20px;height:23px}
  .bkv-post .bkv-cta-hex svg{width:11px;height:11px}
  .bkv-post .bkv-cta-btn{font-size:14px;padding:12px 18px;gap:7px}
  .bkv-post .bkv-cta-btn svg{width:15px;height:15px}
  .bkv-cta-logos{gap:9px;margin-top:16px}
  .bkv-cta-logos img{height:10px}
  .bkv-cta-logos img:nth-child(n+4){display:none}
  .bkv-post .bkv-cta-cover .bkv-cta-fig img{padding:14px 10px}
  .bkv-post .bkv-cta-slim{padding:18px 20px;gap:14px}
  .bkv-post .bkv-cta-slim-hd{font-size:16px;flex:1 1 100%}
  .bkv-post .bkv-cta-slim .bkv-cta-btn{width:100%;justify-content:center}
}

/* --- Startseiten-Hero: Einleitung breiter laufen lassen --- */
.x91cdc55{max-width:620px}
@media(max-width:900px){.x91cdc55{max-width:100%}}

/* ===== Benefits-Check ================================================== */
.bkv-bc-hint{font-size:14px;color:rgba(255,255,255,.72);margin:-14px auto 20px;max-width:var(--fnw)}
.bkv-bc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 auto 26px;
  width:100%;max-width:var(--fnw)}
.bkv-bc-tile{display:flex;align-items:center;gap:11px;text-align:left;background:rgba(255,255,255,.07);
  border:none;border-radius:.85rem;padding:14px;cursor:pointer;
  font-family:inherit;color:#fff;transition:background .14s}
.bkv-bc-tile:hover{background:rgba(255,255,255,.12)}
.bkv-bc-tile.on{background:rgba(33,193,107,.24)}
.bkv-bc-box{flex:none;width:20px;height:20px;border-radius:5px;background:rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;color:transparent}
.bkv-bc-tile.on .bkv-bc-box{background:#21c16b;color:#06251d}
.bkv-bc-lab{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkv-bc-lab b{font-size:13.5px;font-weight:700;line-height:1.28}
.bkv-bc-lab small{font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.03em}
.bkv-bc-slider{width:100%;max-width:var(--fnw);margin:0 auto 20px;background:rgba(255,255,255,.06);
  border-radius:.9rem;padding:18px 20px}
.bkv-bc-sliderhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.bkv-bc-sliderhead span{font-size:13.5px;color:rgba(255,255,255,.8)}
.bkv-bc-sliderhead b{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:24px;color:#5cf2a6}
.bkv-bc-slider input[type=range]{width:100%;accent-color:#21c16b}
.bkv-bc-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:var(--fnw);margin:0 auto 24px}
.bkv-bc-pick{text-align:left;background:rgba(255,255,255,.07);border:none;
  border-radius:.9rem;padding:17px 19px;cursor:pointer;font-family:inherit;color:#fff;
  display:flex;flex-direction:column;gap:4px;transition:background .14s}
.bkv-bc-pick:hover{background:rgba(255,255,255,.12)}
.bkv-bc-pick.on{background:rgba(33,193,107,.24)}
.bkv-bc-pick b{font-size:15px;font-weight:700}
.bkv-bc-pick small{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.4}
/* Ergebnis */
@media(max-width:860px){
  .bkv-bc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .bkv-bc-grid{grid-template-columns:1fr;gap:8px}
  .bkv-bc-choice{grid-template-columns:1fr}
  .bkv-bc-hint{margin-top:-10px}
}

/* --- Symbole in Knöpfen optisch mittig ---
   In Flex-Zeilen wird das SVG geometrisch zentriert. Bei Versalien ohne Unterlängen
   liegt die optische Mitte der Schrift aber höher, dadurch wirkt der Pfeil zu tief.
   line-height:1 lässt die Textbox an den Versalien anliegen, display:block nimmt dem
   SVG die Grundlinien-Ausrichtung. */
.bkv-fn-back,.bkv-fn-btn,.bkv-post .bkv-cta-btn,.bkv-side-btn,.bkv-bc-tile,
.bkv-fn-opt,.bkv-bc-pick,.bkv-job-cta{line-height:1}
.bkv-fn-back svg,.bkv-fn-btn svg,.bkv-post .bkv-cta-btn svg,.bkv-side-btn svg,
.bkv-job-cta svg,.bkv-fn-hex svg,.bkv-bc-box svg,.bkv-cta-hex svg{display:block;flex:none}
.bkv-fn-back{align-items:center}
.bkv-fn-btn{align-items:center}
.bkv-post .bkv-cta-btn{align-items:center}
/* Mehrzeilige Beschriftungen brauchen ihre Zeilenhöhe zurück */
.bkv-fn-opt b,.bkv-bc-pick b,.bkv-bc-pick small,.bkv-bc-lab b,.bkv-bc-lab small{line-height:1.3}
.bkv-post .bkv-cta-list li{line-height:1.45}

/* --- Zurück-Links und Pfeile: Symbol optisch mittig --- */
.bkv-ad-back,.x1d2f98a,.bkv-icept-skip{line-height:1;display:inline-flex;align-items:center;gap:8px}
.bkv-ad-back svg,.x1d2f98a svg,.bkv-icept-skip svg{display:block;flex:none}
/* Popup-Knopf: Text mittig --- */
.bkv-icept-cta{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}
.bkv-icept-skip{justify-content:center;width:100%}

/* --- Anbieter-Detailseite: Logofläche quadratisch und höher, bündig zum Text --- */
.bkv-ad-logo{width:96px;padding:12px;border-radius:20px;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
/* Die meisten Anbieterlogos sind Schriftzüge im Querformat: Breite ausnutzen,
   Höhe folgt dem Seitenverhältnis, quadratische Emblem-Logos bleiben begrenzt. */
.bkv-ad-logo img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:0}
@media(max-width:620px){
  .bkv-ad-logo{width:76px;padding:10px;border-radius:16px}
}
/* Logos in den Portalkacheln ebenfalls scharf ausrichten */
.x24774ba img,.xc39e104{max-width:100%;max-height:100%;object-fit:contain;border-radius:0}

/* ===== Schwebendes Element rechts unten ================================= */
.bkv-float{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;
  align-items:flex-end;gap:12px;opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .28s ease,transform .28s ease}
.bkv-float.on{opacity:1;transform:none;pointer-events:auto}
.bkv-float-chat{position:relative;width:58px;height:58px;border-radius:999px;
  background:radial-gradient(120% 120% at 30% 22%,#15493c,#0a2c24);color:#fff;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
  transition:background .16s ease}
.bkv-float-chat:hover{background:radial-gradient(120% 120% at 30% 22%,#1a5a49,#0d3a2e)}
.bkv-float-chat svg{display:block}
.bkv-float-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:999px;
  background:#21c16b;border:2.5px solid #f4f7f5}
.bkv-float-google{display:flex;align-items:center;gap:13px;background:#fff;border-radius:16px;
  padding:14px 19px;text-decoration:none;color:inherit;border:1px solid var(--line,#e7ede9);
  transition:transform .16s ease}
.bkv-float-google:hover{transform:translateX(-2px)}
.bkv-float-g{flex:none;display:flex}
.bkv-float-txt{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.bkv-float-stars{color:#f5a623;font-size:15px;letter-spacing:1.5px}
.bkv-float-zahl{font-size:14px;color:var(--mute,#3a554c)}
.bkv-float-zahl b{color:var(--ink,#06251d);font-weight:800;font-size:15.5px}
@media(max-width:620px){
  .bkv-float{right:14px;bottom:14px;gap:10px}
  .bkv-float-chat{width:52px;height:52px}
  .bkv-float-google{padding:11px 14px;gap:10px;border-radius:14px}
  .bkv-float-zahl{font-size:12.5px}
  .bkv-float-stars{font-size:13.5px}
}

/* Der Mobil-Override setzt align-items:center mit !important, das hebeln wir
   für die Logo-Zeile gezielt wieder aus, sonst bleibt die Fläche zu hoch. */
@media(max-width:760px){
  .bkv-ad-hlogotitle{align-items:stretch !important}
  .bkv-ad-logo{height:auto !important}
}
/* --- Anbieter-Kopf: Logofläche exakt so hoch wie der Textblock ---
   Wichtig ist flex:0 0 auto auf der Zeile. Mit flex:1 1 auto füllte sie die ganze
   Höhe der linken Spalte und die Logofläche wurde zu einem hohen schmalen Streifen. */
.bkv-ad-hlogotitle{flex:0 0 auto;align-items:stretch;align-self:flex-start}
.bkv-ad-logo{align-self:stretch;height:auto;min-height:0}
.bkv-ad-htxt{align-self:auto;display:block;padding:0}
.bkv-ad-htxt h1{margin:0}
.bkv-ad-htxt .bkv-ad-eyebrow{margin-bottom:4px}
/* --- Score-Kasten: Stand und kleines Logo --- */
.bkv-ad-scorestand{font-size:12px;font-weight:600;color:rgba(255,255,255,.6);text-align:center;
  letter-spacing:.02em;margin-top:-4px}
.bkv-ad-scorelogo{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;opacity:.85;margin-top:6px}
.bkv-ad-scorelogotxt{font-family:'Cabinet Grotesk Head','Cabinet Grotesk',sans-serif;font-size:13px;
  font-weight:800;color:#fff;letter-spacing:-.2px;line-height:1}
.bkv-ad-scorelogotxt em{font-style:normal;font-weight:600;color:rgba(255,255,255,.85)}
.bkv-ad-scorelogo svg{display:block;flex:none}
@media(max-width:760px){
  .bkv-ad-scorebox2 .bkv-ad-scorestand,.bkv-ad-scorebox2 .bkv-ad-scorelogo{display:none !important}
}

/* --- Anbieter-Kopf: linksbündig, Inhalte senkrecht mittig ---
   align-self:center hätte den Block in der Spalte horizontal zentriert, deshalb
   ausdrücklich flex-start. Senkrecht mittig wird über align-items in der Zeile gelöst. */
/* Der Zurück-Link bleibt oben in der Box, nur der Block darunter wird
   senkrecht mittig gesetzt (auto-Margins oben und unten um die Mitte herum). */
/* Der Freiraum sammelt sich unten, dadurch rückt der Block aus Logo, Name und
   Pillen sichtbar nach oben, ohne direkt am Zurück-Link zu kleben. */
.bkv-ad-hleft{justify-content:flex-start;align-items:flex-start;padding-bottom:36px}
.bkv-ad-back{flex:0 0 auto}
.bkv-ad-hlogotitle{align-items:center;align-self:flex-start;width:100%;margin-top:auto}
.bkv-ad-logo{align-self:center;height:96px}
.bkv-ad-htxt{align-self:center;display:flex;flex-direction:column;justify-content:center}
.bkv-ad-hbottom{align-self:flex-start;margin-bottom:auto}
@media(max-width:760px){
  .bkv-ad-hlogotitle{align-items:center !important}
  .bkv-ad-logo{height:76px !important}
}
/* --- Score-Badge: Anbieterlogo ohne Kasten, in Weiß --- */
.bkv-ad-sb2logo{background:none;padding:0;height:34px;display:flex;align-items:center;
  justify-content:center;align-self:center;width:100%;max-width:126px}
.bkv-ad-sb2logo img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;
  filter:brightness(0) invert(1);opacity:.95}
.bkv-ad-scorelogo,.bkv-ad-scorelogotxt{display:none !important}

@media(max-width:900px){
  .bkv-ad-hleft{padding-bottom:0}
}

/* --- Zurück-Knopf: Chevron optisch auf Mitte der Versalien --- */
.bkv-fn-back{align-items:center;line-height:1}
.bkv-fn-back svg{display:block;flex:none;position:relative;top:-0.5px}

/* ---------- Rechtsseiten (Impressum, Datenschutz) ----------
   Gleiche Inhaltsbreite wie alle uebrigen Seiten (1300px Raster) und Kacheln
   ohne Rahmen, damit die Flaechen ruhig wirken. */
.x3ea46a1{max-width:1240px !important;padding:44px 24px 90px !important}
/* Titel steht ueber der rechten Spalte: linke Spalte 330px plus 40px Abstand */
.x3ea46a1>h1{margin-left:370px}
@media(max-width:900px){ .x3ea46a1>h1{margin-left:0} }
.x3ea46a1 .xedd08fc,
.x3ea46a1 .bkv-post{border:none !important}

/* ---------- Google-Bewertung an der Unterkante des Hero ----------
   Die Plakette liegt zur Haelfte auf der Hero-Box und zur Haelfte darunter.
   Der Hero selbst hat overflow:hidden, deshalb steht sie als Geschwister dahinter
   und wird ueber einen negativen Aussenabstand nach oben gezogen.
   Massgabe fuer die Ausrichtung: Hero-Box calc(100% - 48px)/max 1360px, innen 56px. */
.bkv-herorate-zeile{position:relative;z-index:4;width:calc(100% - 48px);max-width:1360px;
  margin:-21px auto 0;padding:0 56px;display:flex;pointer-events:none}
.bkv-herorate{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;
  text-decoration:none;padding:11px 20px;border-radius:999px;
  background:rgba(9,40,33,.52);
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  color:rgba(255,255,255,.76);font-size:14px;line-height:1;
  transition:background .22s ease,color .22s ease}
.bkv-herorate:hover{background:rgba(9,40,33,.66);color:#fff}
.bkv-herorate-g{display:flex;align-items:center;flex:none}
.bkv-herorate-g svg{display:block;width:17px;height:17px}
.bkv-herorate-sterne{display:inline-flex;align-items:center;gap:3px;flex:none}
.bkv-herorate-sterne svg{display:block;width:13px;height:13px;fill:#f7b733}
.bkv-herorate-wert{color:#fff;font-weight:600;font-size:15px;letter-spacing:.1px;
  font-variant-numeric:tabular-nums}
.bkv-herorate-strich{width:1px;height:14px;background:rgba(255,255,255,.24);flex:none}
.bkv-herorate-txt{white-space:nowrap;letter-spacing:.1px}
@media(max-width:900px){
  .bkv-herorate-zeile{padding:0 22px;width:calc(100% - 20px);margin-top:-19px}
}
@media(max-width:600px){
  .bkv-herorate{gap:9px;padding:9px 15px;font-size:12.5px}
  .bkv-herorate-g svg{width:15px;height:15px}
  .bkv-herorate-sterne svg{width:11px;height:11px}
  .bkv-herorate-wert{font-size:13.5px}
  .bkv-herorate-zeile{margin-top:-17px}
}

/* ---------- Presseband ueber dem Kurzprofil ----------
   Zurueckhaltendes Band auf hellem Grund: die Logos liegen als helle Grafiken vor
   und werden deshalb eingefaerbt, damit sie auf Weiss lesbar bleiben. */
.bkv-presseband{padding:150px 0 6px;text-align:center}
.bkv-presseband-titel{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--mute,#3a554c);opacity:.62;margin-bottom:20px}
.bkv-presseband-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:26px 46px}
.bkv-presseband-logos img{height:24px;width:auto;max-width:150px;object-fit:contain;
  filter:brightness(0);opacity:.42;transition:opacity .18s ease}
.bkv-presseband-logos img:hover{opacity:.68}
@media(max-width:760px){
  .bkv-presseband-logos{gap:20px 30px}
  .bkv-presseband-logos img{height:19px;max-width:112px}
}
/* ---------- Zitat auf Beratungs- und Stadtseiten ----------
   Farbe kommt aus den Sammelklassen, die Nummer steuert nur die Staffelung. */
.qw2.bkvq{color:rgb(14, 58, 48)}
.qw2.bkvq-akz{color:rgb(14, 155, 82)}
.bkvq-1{animation-range:cover cover 9.0%}
.bkvq-2{animation-range:cover 1.2% cover 10.2%}
.bkvq-3{animation-range:cover 2.4% cover 11.4%}
.bkvq-4{animation-range:cover 3.6% cover 12.6%}
.bkvq-5{animation-range:cover 4.8% cover 13.8%}
.bkvq-6{animation-range:cover 6% cover 15.0%}
.bkvq-7{animation-range:cover 7.2% cover 16.2%}
.bkvq-8{animation-range:cover 8.4% cover 17.4%}
.bkvq-9{animation-range:cover 9.6% cover 18.6%}
.bkvq-10{animation-range:cover 10.8% cover 19.8%}
.bkvq-11{animation-range:cover 12% cover 21.0%}
.bkvq-12{animation-range:cover 13.2% cover 22.2%}
.bkvq-13{animation-range:cover 14.4% cover 23.4%}
.bkvq-14{animation-range:cover 15.6% cover 24.6%}
.bkvq-15{animation-range:cover 16.8% cover 25.8%}
.bkvq-16{animation-range:cover 18% cover 27.0%}
.bkvq-17{animation-range:cover 19.2% cover 28.2%}
.bkvq-18{animation-range:cover 20.4% cover 29.4%}
.bkvq-19{animation-range:cover 21.6% cover 30.6%}
.bkvq-20{animation-range:cover 22.8% cover 31.8%}
.bkvq-21{animation-range:cover 24% cover 33.0%}
.bkvq-22{animation-range:cover 25.2% cover 34.2%}
.bkvq-23{animation-range:cover 26.4% cover 35.4%}
.bkvq-24{animation-range:cover 27.6% cover 36.6%}
.bkvq-25{animation-range:cover 28.8% cover 37.8%}
.bkvq-26{animation-range:cover 30% cover 39.0%}
.bkvq-27{animation-range:cover 31.2% cover 40.2%}
.bkvq-28{animation-range:cover 32.4% cover 41.4%}
.bkvq-29{animation-range:cover 33.6% cover 42.6%}
.bkvq-30{animation-range:cover 34.8% cover 43.8%}
.bkvq-31{animation-range:cover 36% cover 45.0%}
.bkvq-32{animation-range:cover 37.2% cover 46.2%}
.bkvq-33{animation-range:cover 38.4% cover 47.4%}
.bkvq-34{animation-range:cover 39.6% cover 48.6%}
.bkvq-35{animation-range:cover 40.8% cover 49.8%}
.bkvq-36{animation-range:cover 42% cover 51.0%}
.bkvq-37{animation-range:cover 43.2% cover 52.2%}
.bkvq-38{animation-range:cover 44.4% cover 53.4%}
.bkvq-39{animation-range:cover 45.6% cover 54.6%}
.bkvq-40{animation-range:cover 46.8% cover 55.8%}
.bkvq-41{animation-range:cover 48% cover 57.0%}
.bkvq-42{animation-range:cover 49.2% cover 58.2%}
.bkvq-43{animation-range:cover 50.4% cover 59.4%}
.bkvq-44{animation-range:cover 51.6% cover 60.6%}
.bkvq-45{animation-range:cover 52.8% cover 61.8%}
.bkvq-46{animation-range:cover 54% cover 63.0%}
.bkvq-47{animation-range:cover 55.2% cover 64.2%}
.bkvq-48{animation-range:cover 56.4% cover 65.4%}
.bkvq-49{animation-range:cover 57.6% cover 66.6%}
.bkvq-50{animation-range:cover 58.8% cover 67.8%}
.bkvq-51{animation-range:cover 60% cover 69.0%}
.bkvq-52{animation-range:cover 61.2% cover 70.2%}
.bkvq-53{animation-range:cover 62.4% cover 71.4%}
.bkvq-54{animation-range:cover 63.6% cover 72.6%}
.bkvq-55{animation-range:cover 64.8% cover 73.8%}
.bkvq-56{animation-range:cover 66% cover 75.0%}
.bkvq-57{animation-range:cover 67.2% cover 76.2%}
.bkvq-58{animation-range:cover 68.4% cover 77.4%}
.bkvq-59{animation-range:cover 69.6% cover 78.6%}
.bkvq-60{animation-range:cover 70.8% cover 79.8%}


/* ---------- FAQ-Raster auf den Beratungsseiten ----------
   Die Kontaktkarte waechst nicht mehr auf die volle Listenhoehe. */
.bkv-beratung-faq{align-items:start !important}
.bkv-beratung-faq > .xd4119ae{height:auto !important;position:sticky;top:104px;align-self:start}
@media(max-width:900px){ .bkv-beratung-faq > .xd4119ae{position:static;top:auto} }

/* ---------- Ortsverweise auf dunklem Grund ---------- */
.x74ce3d9 a{color:#4fe39a;text-decoration:none;border-bottom:1px solid rgba(79,227,154,.34);
  transition:color .18s ease,border-color .18s ease}
.x74ce3d9 a:hover{color:#7bf0b8;border-bottom-color:rgba(123,240,184,.7)}

/* ---------- Linke Spalte der FAQ auf der Hamburg-Seite ----------
   Kontaktkarte oben, Karte darunter. Die Spalte zieht sich auf die Hoehe der
   Fragenliste, die Karte nimmt den verbleibenden Platz ein. */
.bkv-faq-links{display:flex;flex-direction:column;gap:18px;align-self:stretch}
.bkv-faq-links > .xd4119ae{height:auto !important;position:static;flex:none}
.bkv-kontakt-adresse{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.bkv-kontakt-adresse-titel{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:10px}
.bkv-kontakt-adresse-text{font-size:15px;line-height:1.65;color:rgba(255,255,255,.9)}
.bkv-kontakt-adresse-zeile{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.6)}
.bkv-kontakt-route{display:inline-block;margin-top:14px;font-size:14px;color:#4fe39a;
  text-decoration:none;border-bottom:1px solid rgba(79,227,154,.34);
  transition:color .18s ease,border-color .18s ease}
.bkv-kontakt-route:hover{color:#7bf0b8;border-bottom-color:rgba(123,240,184,.7)}

/* ---------- Kartenflaeche ---------- */
.bkv-karte-flaeche{position:relative;flex:1 1 auto;min-height:200px;border-radius:1.75rem;
  overflow:hidden;background:#e9efec url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20300%27%3E%3Crect%20width%3D%27400%27%20height%3D%27300%27%20fill%3D%27%23e9efec%27%2F%3E%3Cg%20fill%3D%27%23dde8e2%27%3E%3Crect%20x%3D%2718%27%20y%3D%2786%27%20width%3D%2758%27%20height%3D%2742%27%20rx%3D%275%27%2F%3E%3Crect%20x%3D%27112%27%20y%3D%2718%27%20width%3D%2748%27%20height%3D%2738%27%20rx%3D%275%27%2F%3E%3Crect%20x%3D%27272%27%20y%3D%2788%27%20width%3D%2762%27%20height%3D%2746%27%20rx%3D%275%27%2F%3E%3Crect%20x%3D%2728%27%20y%3D%27208%27%20width%3D%2746%27%20height%3D%2734%27%20rx%3D%275%27%2F%3E%3Crect%20x%3D%27282%27%20y%3D%27214%27%20width%3D%2762%27%20height%3D%2740%27%20rx%3D%275%27%2F%3E%3Crect%20x%3D%27176%27%20y%3D%27214%27%20width%3D%2752%27%20height%3D%2736%27%20rx%3D%275%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23d2e0d8%27%20stroke-width%3D%2710%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M-10%2070%20H410%27%2F%3E%3Cpath%20d%3D%27M-10%20190%20H410%27%2F%3E%3Cpath%20d%3D%27M92%20-10%20V310%27%2F%3E%3Cpath%20d%3D%27M252%20-10%20V310%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23e0eae5%27%20stroke-width%3D%274%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M-10%20128%20H410%27%2F%3E%3Cpath%20d%3D%27M172%20-10%20V310%27%2F%3E%3Cpath%20d%3D%27M334%20-10%20V310%27%2F%3E%3Cpath%20d%3D%27M-10%20252%20L120%20196%20L252%20252%20L410%20204%27%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%27M200%2096c-16%200-29%2013-29%2029%200%2021%2029%2050%2029%2050s29-29%2029-50c0-16-13-29-29-29z%27%20fill%3D%27%230e9b52%27%2F%3E%3Ccircle%20cx%3D%27200%27%20cy%3D%27125%27%20r%3D%2710.5%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}
.bkv-karte-flaeche iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.bkv-karte-hinweis{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px;
  background:rgba(244,247,245,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.bkv-karte-hinweis-titel{font-size:17px;font-weight:600;color:#0e3a30}
.bkv-karte-hinweis p{max-width:360px;font-size:13.5px;line-height:1.6;color:#3a554c;margin:0}
.bkv-karte-hinweis a{color:#0e9b52}
.bkv-karte-fuss{font-size:12.5px;color:#3a554c;opacity:.7}
@media(max-width:900px){
  .bkv-faq-links{gap:14px;align-self:start}
  .bkv-karte-flaeche{min-height:300px;flex:none;height:300px}
}

/* ---------- Quellenangabe unter den Nutzenkarten ---------- */
.bkv-quelle{margin:22px auto 0;max-width:1252px;font-size:12.5px;line-height:1.55;
  color:var(--mute,#3a554c);opacity:.62;text-align:center}
@media(max-width:600px){ .bkv-quelle{font-size:11.5px;padding:0 6px} }

/* ---------- Nutzenkarten: gleiche Hoehe trotz unterschiedlich langer Texte ---------- */
.x8d27b42{align-items:stretch}
.x8d27b42 > .xb7f4f46{display:flex;flex-direction:column;height:100%}

/* ---------- Bewerbungsknopf auf der Karriereseite ----------
   Vorher fast schwarzes Grün (#06251d), jetzt das Markendunkelgrün wie in den Karten. */
.x518c122{background:#0e3a30 !important;transition:background .2s ease}
.x518c122:hover{background:#14503f !important}

/* ---------- Navigation als echte Verweise ----------
   Kopfzeile, Mobilmenü und Fußzeile liefern jetzt <a href> statt <span>, damit
   Suchmaschinen, Screenreader und KI-Agenten die Seitenstruktur lesen können.
   Optisch soll sich dadurch nichts ändern. */
/* Kein display setzen: die Klassen bringen ihr eigenes mit (Fusszeile und Mobilmenue
   stehen als Block untereinander, die Kopfzeile inline nebeneinander). */
a.xb75bdeb, a.mm-link, a.xaf5b40c, a.x3df8422{color:inherit;text-decoration:none}
a.xb75bdeb:hover, a.mm-link:hover, a.xaf5b40c:hover, a.x3df8422:hover{
  color:inherit;text-decoration:none}

/* ---------- Bildhoehe folgt dem Seitenverhaeltnis ----------
   Die Attribute width und height verhindern Layoutspruenge, geben dem Browser aber
   auch eine Hoehe vor. Wo das Layout nur die Breite setzt, wuerde das Bild dadurch
   verzerrt. :where() hat keine Gewichtung, jede echte CSS-Regel sticht diese hier. */
:where(img[width][height]){height:auto}

/* ---------- Rechner ohne Rahmen ----------
   Die Flaechen tragen ihre Trennung ueber Hintergrund und Abstand, ein zusaetzlicher
   heller Rahmen wirkt unruhig. Gilt fuer alle vier Rechner und den Tarifrechner. */
.calcform, .fbox, .xcb90bc7, .x6937fb3{border:none !important}

/* Ausnahme: die Vergleichszeilen und der Hinweiskasten darunter behalten einen
   feinen Rahmen, dort trennt er die einzelnen Wege sichtbar voneinander. */
.x712a9da{border:1px solid rgb(234,240,236) !important}
.x96ffcb9{border:1px solid rgb(169,220,191) !important}
.x236979b{border:1px solid var(--line,#e7ede9) !important}

/* ---------- Umhüllende Verweise erben die Farbe ----------
   Karten und Kacheln werden per Skript in <a href> gehüllt, damit sie echte
   Verweise sind. Ohne diese Regel färbt der Browser die Überschriften darin
   in seinem Standardblau. */
a[data-linkified]{color:inherit;text-decoration:none}
a[data-linkified]:hover{color:inherit;text-decoration:none}
a[data-linkified] h1, a[data-linkified] h2, a[data-linkified] h3,
a[data-linkified] h4, a[data-linkified] span, a[data-linkified] p,
a[data-linkified] div{color:inherit}

/* Das Magazinbild im Blog-Kopf soll unter keinen Umständen in die Höhe gezogen
   werden. Die Breite gibt das Layout vor, die Höhe folgt dem Seitenverhältnis. */
.xbff68cd{height:auto !important}

/* ---------- Autorenfoto unter den Beiträgen ----------
   Rund statt Hexagon und deutlich groesser, damit das Gesicht wirkt. */
.bkv-autorfoto{width:96px;height:96px;flex:none;border-radius:50%;object-fit:cover;
  object-position:50% 22%;display:block}
@media(max-width:600px){ .bkv-autorfoto{width:76px;height:76px} }

/* ---------- Autorenzeile auf den Blogkarten ----------
   Dieselbe Person schreibt alle Beiträge, das Gesicht macht die Übersicht
   persönlicher. Die Zeile sitzt immer am unteren Rand der Karte, damit die
   Karten trotz unterschiedlich langer Auszüge auf einer Linie abschließen. */
.bkv-cardautor{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;
  border-top:1px solid var(--line,#e7ede9)}
.bkv-cardautor img{width:36px !important;height:36px !important;flex:none;
  border-radius:50% !important;object-fit:cover;object-position:50% 22%;display:block}
.bkv-cardautor-name{font-size:14px;font-weight:600;color:var(--ink,#0e3a30);line-height:1.2}

/* Damit margin-top:auto greift, muss die Karte selbst eine Spalte sein und
   der Textteil den freien Platz aufnehmen. */
.bkv-cardautor-karte{display:flex !important;flex-direction:column}
.bkv-cardautor-textteil{display:flex;flex-direction:column;flex:1 1 auto}
/* Luft zwischen dem Auszug und der Trennlinie darunter */
.bkv-cardautor-textteil > .x32be855{margin-bottom:22px}
@media(max-width:600px){ .bkv-cardautor img{width:30px !important;height:30px !important} }

/* ---------- Beitrags- und Anbieterverzeichnis (fest im Quelltext) ---------- */
.bkv-verzeichnis{max-width:1200px;margin:0 auto;padding:56px 24px 64px;
  border-top:1px solid var(--line,#e7ede9)}
.bkv-verzeichnis-titel{font-size:26px;font-weight:300;color:var(--ink,#0e3a30);
  margin:0 0 28px;letter-spacing:-.01em}
.bkv-verzeichnis-gruppe{margin:0 0 24px}
.bkv-verzeichnis-kat{font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;color:var(--mute,#3a554c);opacity:.8;margin:0 0 12px}
.bkv-verzeichnis-kat a{color:inherit;text-decoration:none}
.bkv-verzeichnis-kat a:hover{color:var(--ink,#0e3a30)}
.bkv-verzeichnis-liste{list-style:none;margin:0;padding:0;
  columns:3;column-gap:40px}
.bkv-verzeichnis-liste li{break-inside:avoid;margin:0 0 7px;font-size:14px;line-height:1.45}
.bkv-verzeichnis-liste a{color:var(--mute,#3a554c);text-decoration:none}
.bkv-verzeichnis-liste a:hover{color:var(--ink,#0e3a30);text-decoration:underline;
  text-underline-offset:3px}
.bkv-verzeichnis-breit{columns:4}
@media(max-width:900px){
  .bkv-verzeichnis-liste,.bkv-verzeichnis-breit{columns:2}
}
@media(max-width:560px){
  .bkv-verzeichnis{padding:44px 20px 52px}
  .bkv-verzeichnis-liste,.bkv-verzeichnis-breit{columns:1}
}