@charset "UTF-8";
/* ============================================================
   bettERProjects · bx-Designsystem — GLOBALES CSS
   In WPCode einfügen als:  Snippet-Typ "CSS Snippet",
   Insertion: Auto Insert · Site Wide Header (oder Frontend).
   WICHTIG: NUR den CSS-Code (ohne <style>-Tags) einfügen —
   den Kommentarkopf kannst Du drin lassen.
   Danach werden die bx-Seiten OHNE eigenes <style> gebaut.
   ============================================================ */

@import url('/wp-content/uploads/omgf/inline-import-161/inline-import-161.css?ver=1785451057');
.bx{--black:#121212;--yellow:#E6FF03;--blue:#0A2BFF;--white:#FDFCFC;position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;font-family:'Work Sans',sans-serif;line-height:1.55;padding:0;overflow-x:hidden;}
.bx *{box-sizing:border-box;}
#content .wpb_row,#content .vc_row,#content .vc_row-fluid{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
#content .wpb_raw_html,#content .wpb_raw_code,#content .wpb_content_element{margin-bottom:0 !important;}
#content .container-wrap{padding-top:0 !important;}
.main-content>.row>p:empty{display:none !important;margin:0 !important;padding:0 !important;}
#content .bai-band{padding-top:10px !important;padding-bottom:10px !important;}
.rotate-row-up{transform:rotate(-2.6deg) !important;position:relative;z-index:3;}
.bx p,.bx li{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}
.bx-in{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.bx-dark{background:var(--black);color:var(--white);}
.bx-light{background:var(--white);color:var(--black);}
.bx-yellow{background:var(--yellow);color:var(--black);}
.bx-pb0{padding-bottom:0 !important;margin-bottom:0 !important;}
.bx-pt0{padding-top:0 !important;margin-top:0 !important;}
.bx h1,.bx h2,.bx h3{font-family:'Space Grotesk',sans-serif;font-weight:700;margin:0;letter-spacing:-.045em;line-height:1.04;-webkit-hyphens:none;hyphens:none;color:#FDFCFC;}
.bx h2{font-size:clamp(34px,5vw,64px);max-width:none;}
.bx-dark h2 em,.bx h1 em{font-style:normal;color:var(--yellow);}
.bx-light h2 em{font-style:normal;color:var(--blue);}
.bx-yellow h2 em{font-style:normal;color:var(--black);}
.bx-k{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;letter-spacing:.04em;margin:0 0 18px;}
.bx-dark .bx-k{color:var(--yellow);}.bx-light .bx-k{color:var(--blue);}.bx-yellow .bx-k{color:rgba(18,18,18,.6);}
.bx-copy{font-size:18px;line-height:1.55;margin:22px 0 0;max-width:62ch;}
.bx-dark .bx-copy{color:rgba(255,255,255,.7);}.bx-light .bx-copy{color:rgba(18,18,18,.68);}
/* contrast guards */
.bx-light h1,.bx-light h2,.bx-light h3,.bx-light strong,.bx-light p,.bx-light cite,.bx-light li,.bx-yellow h1,.bx-yellow h2,.bx-yellow h3,.bx-yellow strong,.bx-yellow p,.bx-yellow cite{color:#121212 !important;}
.bx-light h2 em{color:var(--blue) !important;}.bx-light .bx-k{color:var(--blue) !important;}
.bx-yellow h2 em{color:#121212 !important;}.bx-yellow .bx-k{color:rgba(18,18,18,.6) !important;}
.bai-lg-num,.bai-step span{color:var(--blue) !important;}
.bai-striperow{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:40px;background:repeating-linear-gradient(135deg,#E6FF03 0 26px,#121212 26px 52px);}
.bai-stmt{text-align:center;}
.bai-stmt h2{max-width:26ch;margin:0 auto;font-size:clamp(26px,3.4vw,42px);line-height:1.18;}
/* hero */
.bai-hero{padding:clamp(34px,3.5vw,56px) 0 clamp(34px,3.5vw,52px);}
.bai-hero .bx-in{position:relative;z-index:1;}
.bai-hero .bx-in>p:first-child{display:none !important;}
.bai-hero>.bx-in>.bx-k{margin-bottom:26px;}
.bai-gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 88% 10%,#000,transparent 66%);mask-image:radial-gradient(circle at 88% 10%,#000,transparent 66%);pointer-events:none;}
.bai-hero h1{font-size:clamp(40px,6vw,78px);line-height:1;letter-spacing:-.05em;margin:0 0 22px;max-width:none;}
.bai-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.6;color:rgba(255,255,255,.74);max-width:56ch;margin:0 0 30px;}
.bai-lead b{color:#fff;}
.bai-chips{display:flex;flex-wrap:wrap;gap:16px 24px;margin:0 0 34px;font-family:'JetBrains Mono',monospace;font-size:13px;color:rgba(255,255,255,.6);letter-spacing:.02em;}
.bai-chips span{display:flex;align-items:center;gap:9px;}
.bai-chips i{width:7px;height:7px;background:var(--yellow);display:inline-block;}
.bai-btn{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--blue);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;min-height:54px;padding:0 58px 0 30px;clip-path:polygon(0 0,100% 0,calc(100% - 54px) 100%,0 100%);transition:filter .15s ease,transform .15s ease;}
.bai-btn:hover{filter:brightness(1.06);transform:translateY(-2px);color:var(--blue) !important;}
/* Hero 2-spaltig + KPI-Kasten + TOC + Animation */
.bp-herogrid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,4vw,64px);align-items:start;}
.bp-herostats{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.02);}
.bp-herostats .cap{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.5);padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.2);}
.bp-kpigrid{display:grid;grid-template-columns:1fr 1fr;}
.bp-kpigrid>div{padding:24px 22px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.bp-kpigrid>div:nth-child(2n){border-right:0;}
.bp-kpigrid>div:nth-child(3),.bp-kpigrid>div:nth-child(4){border-bottom:0;}
.bp-kpigrid b{display:block;color:var(--yellow) !important;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.035em;margin-bottom:9px;}
.bp-kpigrid span{color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.4;}
.bp-kpigrid small{display:block;color:rgba(255,255,255,.6);font-size:12px;margin-top:6px;}
.bp-toc{display:flex;flex-wrap:wrap;gap:14px 30px;margin:40px 0 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.02em;}
.bp-toc a{display:flex;align-items:center;color:rgba(255,255,255,.65);text-decoration:none;border-bottom:1px solid rgba(230,255,3,.45);padding-bottom:3px;transition:color .15s ease;}
.bp-toc a:hover{color:var(--yellow);}
.bp-toc b{color:var(--yellow);font-weight:700;margin-right:7px;}
@keyframes bpUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.bx .bp-anim{opacity:0;animation:bpUp .7s cubic-bezier(.22,.61,.36,1) forwards;}
.bx .bai-hero .bx-in>.bx-k.bp-anim{animation-delay:.05s;}
.bx .bp-heroleft .bp-anim:nth-child(1){animation-delay:.15s;}
.bx .bp-heroleft .bp-anim:nth-child(2){animation-delay:.25s;}
.bx .bp-heroleft .bp-anim:nth-child(3){animation-delay:.35s;}
.bx .bp-heroleft .bp-anim:nth-child(4){animation-delay:.45s;}
.bx .bp-heroright.bp-anim{animation-delay:.4s;}
.bx .bp-toc.bp-anim{animation-delay:.6s;}
@media(prefers-reduced-motion:reduce){.bx .bp-anim{opacity:1 !important;animation:none !important;}}
.bai-fmain:hover,.bai-fbtn:hover{color:var(--black) !important;}
/* matrix (2x2 Statistiken – falls noch verwendet) */
.bai-matrix{margin-top:50px;border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;}
.bai-cell{min-height:210px;padding:32px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.bai-cell:nth-child(2n){border-right:0;}
.bai-cell:nth-child(3),.bai-cell:nth-child(4){border-bottom:0;}
.bai-cell small{display:block;margin-bottom:16px;color:rgba(255,255,255,.45);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;}
.bai-cell strong{display:block;margin-bottom:12px;color:var(--yellow);font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.035em;}
.bai-cell p{margin:0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.5;}
.bai-mtext .bai-cell strong{font-size:clamp(20px,2.2vw,26px);color:#fff;letter-spacing:-.02em;line-height:1.15;}
/* list (Leistungen) */
.bai-list{margin-top:50px;border-top:1px solid rgba(255,255,255,.18);}
.bai-li{display:grid;grid-template-columns:90px 1fr 1.4fr 160px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:background .2s ease;}
.bai-li.bp-nl{grid-template-columns:90px 1fr 1.4fr;}
.bai-li:hover{background:linear-gradient(90deg,rgba(230,255,3,.06),transparent 72%);}
.bai-li>span{color:var(--yellow);font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.05em;line-height:1;}
.bai-li strong{display:block;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:1.12;letter-spacing:-.03em;margin-bottom:8px;}
.bai-li small{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--yellow);margin-bottom:10px;}
.bai-li p{margin:0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.5;}
.bai-li p i{display:block;margin-top:12px;color:rgba(255,255,255,.45);font-size:15px;}
.bai-li a{align-self:center;color:#fff;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap;border-bottom:2px solid var(--yellow);padding-bottom:4px;transition:color .15s ease;}
.bai-li a:hover{color:var(--yellow);}
/* fstats (Case-Kennzahlen) */
.bai-fstats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin-top:40px;}
.bai-fstats div{padding:24px;border-right:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.7);font-size:15px;line-height:1.45;}
.bai-fstats div:last-child{border-right:0;}
.bai-fstats b{display:block;margin-bottom:6px;color:var(--yellow);font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.03em;}
/* steps */
.bai-steps{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(18,18,18,.18);border-bottom:1px solid rgba(18,18,18,.18);}
.bai-steps.bai-steps3{grid-template-columns:repeat(3,1fr);}
.bai-step{padding:32px 28px;border-right:1px solid rgba(18,18,18,.18);display:flex;flex-direction:column;}
.bai-step:last-child{border-right:0;}
.bai-step span{display:block;margin-bottom:16px;color:var(--blue);font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.05em;}
.bai-step small{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--blue) !important;margin-bottom:10px;}
.bai-step strong{display:block;margin-bottom:10px;font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.03em;line-height:1.15;}
.bai-step p{margin:0 0 18px;color:rgba(18,18,18,.66) !important;font-size:15px;line-height:1.5;flex:1 1 auto;}
/* link */
.bai-link{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;text-decoration:none;color:inherit;border-bottom:2px solid var(--yellow);padding-bottom:3px;transition:color .15s ease;}
.bx-light .bai-link{border-bottom-color:var(--blue);color:#121212;}
.bai-link:hover{color:var(--yellow);}.bx-light .bai-link:hover{color:var(--blue);}
/* Fliesstext-Links ohne Klasse: in hellen Baendern betterBLUE statt geerbtem Gelb */
.bx-light a:not([class]){color:var(--blue) !important;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.bx-light a:not([class]):hover{color:#121212 !important}
/* quote im gelben Statement */
.bai-stmt cite{display:block;margin-top:20px;font-style:normal;font-weight:600;font-size:15px;font-family:'JetBrains Mono',monospace;color:rgba(18,18,18,.6) !important;}
/* final */
.bai-final{text-align:center;}
.bai-final .bx-in{width:min(900px,calc(100% - 40px));}
.bai-final h2{max-width:none;margin:0 auto;font-size:clamp(38px,5.5vw,74px);letter-spacing:-.05em;}
.bai-final p{max-width:60ch;margin:24px auto 0;color:rgba(255,255,255,.72);font-size:19px;line-height:1.5;font-weight:600;}
.bai-fact{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:38px;flex-wrap:wrap;}
.bai-fbtn{display:inline-flex;align-items:center;min-height:56px;padding:0 40px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;}
.bai-fmain{background:var(--yellow);color:var(--black);padding-right:72px;clip-path:polygon(0 0,100% 0,calc(100% - 56px) 100%,0 100%);}
.bai-fmain::before{content:"\2192";margin-right:12px;color:var(--blue);}
.gf-svgcap{text-align:center;color:rgba(18,18,18,.55) !important;font-size:14px;margin:18px auto 0;max-width:54ch;}
/* responsive */
@media(max-width:980px){.bai-fstats{grid-template-columns:1fr;}.bai-fstats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);}.bai-fstats div:last-child{border-bottom:0;}}
@media(max-width:900px){.bp-herogrid{grid-template-columns:1fr;gap:34px;}}
@media(max-width:820px){.bx h2{font-size:clamp(30px,8vw,46px);}.bai-matrix{grid-template-columns:1fr;}.bai-cell{border-right:0!important;min-height:0;}.bai-cell:nth-child(3){border-bottom:1px solid rgba(255,255,255,.2)!important;}.bai-steps,.bai-steps.bai-steps3{grid-template-columns:1fr 1fr;}.bai-li,.bai-li.bp-nl{grid-template-columns:1fr;gap:10px;}.bai-li a{justify-self:start;}}
@media(max-width:560px){.bai-steps,.bai-steps.bai-steps3{grid-template-columns:1fr;}.bai-chips{gap:14px;}.bai-fact{flex-direction:column;}.bai-fmain{clip-path:none;padding-right:40px;}}

/* ============================================================
   ZUSATZ betterPARTNER-Seiten (Kundensicht + Partnersicht)
   ============================================================ */
.bp-ctarow{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.bx-dark .bai-fstats.bp4{grid-template-columns:repeat(4,1fr);}
.bai-fstats.bp-4{grid-template-columns:repeat(4,1fr);}
.bp-btn-dark{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:var(--yellow) !important;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;min-height:54px;padding:0 58px 0 30px;clip-path:polygon(0 0,100% 0,calc(100% - 54px) 100%,0 100%);margin-top:34px;transition:filter .15s ease,transform .15s ease;}
.bp-btn-dark:hover{filter:brightness(1.15);transform:translateY(-2px);color:var(--yellow) !important;}
.bp-duo{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.2);margin-top:44px;}
.bp-duo>div{padding:32px;}
.bp-duo>div:first-child{border-right:1px solid rgba(255,255,255,.2);}
.bp-duo h3{font-size:20px;letter-spacing:-.02em;margin:0 0 16px;}
.bp-duo h3 .m{font-family:'JetBrains Mono',monospace;font-size:15px;margin-right:8px;letter-spacing:0;}
.bp-duo h3 .m.ok{color:var(--yellow);}
.bp-duo h3 .m.no{color:rgba(255,255,255,.45);}
.bp-duo ul{margin:0;padding:0;list-style:none;}
.bp-duo li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);font-size:16px;line-height:1.5;}
.bp-duo li:last-child{border-bottom:0;}
/* Vergütungstabelle als DIV-Raster (kein <table>) + Rechner */
.bai-pay{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;margin-top:44px;align-items:start;}
.bai-paytbl{display:grid;grid-template-columns:1fr 1fr 1.4fr;}
.bai-paytbl>div{padding:13px 12px;border-bottom:1px solid rgba(18,18,18,.18);color:#121212 !important;font-size:15px;line-height:1.4;background:transparent !important;font-family:'Work Sans',sans-serif;}
.bai-paytbl>div.ph{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:#0A2BFF !important;border-bottom:2px solid #121212;padding:10px 12px;}
.bai-paytbl>div.hl{color:#0A2BFF !important;font-weight:700;}
.bai-paytbl>div:nth-last-child(-n+3){border-bottom:0;}
.bai-paynote{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(18,18,18,.55) !important;margin-top:14px;}
.bai-calc{border:1px solid rgba(18,18,18,.22);padding:26px;background:#FDFCFC !important;}
.bai-calc small{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:#0A2BFF !important;margin-bottom:10px;}
.bai-calc strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.03em;margin-bottom:14px;color:#121212 !important;}
.bai-calc .crow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(18,18,18,.25);font-size:15px;color:#121212;}
.bai-calc .crow span,.bai-calc .crow b{color:#121212 !important;}
.bai-calc .crow b{font-weight:600;white-space:nowrap;}
.bai-calc .crow.big{border-bottom:0;margin-top:12px;background:#121212 !important;padding:12px 14px;}
.bai-calc .crow.big span,.bai-calc .crow.big b{color:#E6FF03 !important;font-weight:700;}
/* Stufen (Associate/Certified/Principal) */
.bai-tiers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.2);margin-top:44px;}
.bai-tier{padding:30px;border-right:1px solid rgba(255,255,255,.2);}
.bai-tier:last-child{border-right:0;}
.bai-tier.mid{background:rgba(230,255,3,.05);}
.bai-tier small{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--yellow);}
.bai-tier h3{font-size:26px;margin:10px 0 8px;}
.bai-tier .thr{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.45);min-height:36px;margin-bottom:14px;}
.bai-tier ul,.bai-fcol ul{margin:0;padding-left:18px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.5;}
.bai-tier li,.bai-fcol li{margin:6px 0;color:rgba(255,255,255,.72);}
/* Vorgaben/Weisung-Spalten */
.bai-free{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;}
.bai-fcol{border:1px solid rgba(255,255,255,.2);padding:28px;}
.bai-fcol h3{font-size:19px;margin:0 0 14px;}
.bai-fcol h3 b{font-family:'JetBrains Mono',monospace;font-size:14px;}
.bai-fcol.ok h3 b{color:var(--yellow);}
.bai-fcol.no h3 b{color:rgba(255,255,255,.45);}
/* Vergütungstabelle: harte Guards gegen Salient-Table-Styles (falls doch <table>) */
html body #content .bx-light .bai-pay table,html body #content .bx-light .bai-pay td,html body #content .bx-light .bai-pay th,html body #content .bx-light .bai-pay tr,html body #content .bx-light .bai-pay thead,html body #content .bx-light .bai-pay tbody{background:transparent !important;background-color:transparent !important;}
/* responsive Partner */
@media(max-width:980px){.bai-pay{grid-template-columns:1fr;}.bx-dark .bai-fstats.bp4{grid-template-columns:1fr 1fr;}.bai-fstats.bp-4{grid-template-columns:1fr 1fr;}}
@media(max-width:820px){.bai-tiers{grid-template-columns:1fr;}.bai-tier{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);}.bai-tier:last-child{border-bottom:0;}.bai-tier .thr{min-height:0;}.bai-free{grid-template-columns:1fr;}.bp-duo{grid-template-columns:1fr;}.bp-duo>div:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);}.bai-paytbl{font-size:14px;}}
@media(max-width:560px){.bx-dark .bai-fstats.bp4{grid-template-columns:1fr;}.bai-fstats.bp-4{grid-template-columns:1fr;}}
/* Tablet-Zwischenstufe: 4-Spalten-Schrittraster bricht im Band 821-1080px mitten im Wort */
@media(max-width:1080px){.bai-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bai-steps{grid-template-columns:1fr}}


/* == Einheitliche Band-Koepfe bp-head == */
.bp-head .bp-k{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--yellow,#E6FF03);margin:0 0 14px;display:block}
.bp-head h2,.bp-head .bp-h{font-family:'Space Grotesk',sans-serif;font-weight:700;margin:0 0 14px;letter-spacing:-.045em;line-height:1.04;-webkit-hyphens:none;hyphens:none;color:#FDFCFC;font-size:clamp(34px,5vw,64px)}
.bp-head h2 em,.bp-head .bp-h em{color:var(--yellow,#E6FF03);font-style:normal}
.bp-head .bp-lead{font-family:'Work Sans',sans-serif;color:rgba(255,255,255,.72);font-size:16px;line-height:1.55;max-width:820px;margin:0 0 4px}
.bp-einfach h2{font-family:'Space Grotesk',sans-serif!important;font-weight:700!important;letter-spacing:-.045em!important;line-height:1.04!important;color:#FDFCFC!important;font-size:clamp(34px,5vw,64px)!important;margin:0 0 14px!important}
.bp-einfach h2 em{color:var(--yellow,#E6FF03)!important;font-style:normal}
@media(max-width:820px){.bp-head h2,.bp-head .bp-h{font-size:clamp(30px,8vw,46px)}.bp-einfach h2{font-size:clamp(30px,8vw,46px)!important}}

/* == Modul-Hero Headline no-break == */
.bai-hero .bx-in .fh2-h1{max-width:780px!important;overflow-wrap:normal!important;word-break:keep-all!important;-webkit-hyphens:none!important;hyphens:none!important}
@media(max-width:900px){.bai-hero .bx-in .fh2-h1{max-width:none!important}}

/* == Hero-BG img fill fix == */
html body .bai-hero .fh2-bg img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
@media(max-width:900px){html body .bai-hero .fh2-bg img{height:230px!important}}

/* == bx/Sperrband Zeilen-Margin weg == */
.wpb_row:has(.bx),.wpb_row:has(.bai-striperow){margin-top:0!important;margin-bottom:0!important}

/* == Startseite Inhaltsbreite 1180 wie andere Seiten == */
body.page-id-610 .prodband .bx-in,body.page-id-610 .mflow-band .bx-in,body.page-id-610 .bp-head,body.page-id-610 .bpc-grid,body.page-id-610 .bp-einfach-band,body.page-id-610 .vf-flow,body.page-id-610 .bpb2{width:auto!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}

/* == Startseite Beratung/4-Schritte Spalte 1180 == */
body.page-id-610 .wpb_row:has(.bpc-grid) .vc_column-inner,body.page-id-610 .wpb_row:has(.vf-flow) .vc_column-inner{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}

/* == Startseite Beratung-Kicker-Zeile 1180 == */
body.page-id-610 .wpb_row:has(+ .wpb_row .bpc-grid) .vc_column-inner{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}

/* == Startseite Feinschliff Kicker/PROBONO/Abstand == */
body.page-id-610 .wpb_row:has(+ .wpb_row .bpc-grid) .wpb_text_column,body.page-id-610 .wpb_row:has(+ .wpb_row .bpc-grid) .wpb_text_column *{color:#E6FF03!important}
body.page-id-610 .wpb_row:has(.bpb2){padding-top:12px!important}
body.page-id-610 .bpc-tile{position:relative}
body.page-id-610 .bpc-tile .bpc-pbadge{position:absolute!important;top:22px!important;right:22px!important;left:auto!important;bottom:auto!important;z-index:6!important;margin:0!important}

/* == Startseite Hero-Text buendig zu Baendern (266) == */
@media(min-width:1000px){body.page-id-610 .vc_column-inner:has(h1){padding-left:32px!important}}

/* == Startseite betterAI-CTA Buttons + Hover == */
body.page-id-610 .bpb2 .bpc-btn,body.page-id-610 .bpb2 .bpq-cta,body.page-id-610 .bpb2 .bpc-btnd{font-style:italic!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:15px 26px!important;min-height:54px!important;line-height:1.1!important;text-align:center!important}
body.page-id-610 .bpb2 .bpc-btn,body.page-id-610 .bpb2 .bpc-btn:hover,body.page-id-610 .bpb2 .bpc-btn:hover *{color:#121212!important}
body.page-id-610 .bpb2 .bpq-cta,body.page-id-610 .bpb2 .bpq-cta:hover,body.page-id-610 .bpb2 .bpq-cta:hover *{color:#0A2BFF!important}
body.page-id-610 .bpb2 .bpc-btnd,body.page-id-610 .bpb2 .bpc-btnd:hover,body.page-id-610 .bpb2 .bpc-btnd:hover *{color:#E6FF03!important}

/* == betterAI-CTA Bevel 45 Grad == */
body.page-id-610 .bpb2 .bpc-btn,body.page-id-610 .bpb2 .bpc-btnd,body.page-id-610 .bpb2 .bpq-cta{clip-path:polygon(0 0,calc(100% - 54px) 0,100% 100%,0 100%)!important}

/* == Zitat-Karte an bpb2 angleichen (Button-Ausrichtung) == */
body.page-id-610 .bpb2 .bpq{padding:30px 34px 30px 28px!important;display:flex!important;flex-direction:column!important}
body.page-id-610 .bpb2 .bpq-cta{margin:auto 0 0 0!important;text-transform:none!important;align-self:flex-start!important}

/* == betterAI Buttons gleich-groß + Zitatgröße == */
body.page-id-610 .bpb2 .bpc-btn,body.page-id-610 .bpb2 .bpq-cta,body.page-id-610 .bpb2 .bpc-btnd{width:100%!important;justify-content:center!important;text-align:center!important;padding-left:40px!important;padding-right:56px!important}
body.page-id-610 .bpb2 .bpb2-cta{margin-top:38px!important;width:100%!important;display:block!important}
body.page-id-610 .bpb2 .bpq blockquote{font-size:24px!important;line-height:1.18!important}

/* == Buttons Vollbreite-Wrapper == */
body.page-id-610 .bpb2 .bpq-cta{align-self:stretch!important}

/* == betterAI-Reihe gleiche Spalten (Buttons gleich groß) == */
body.page-id-610 .bpb2{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* bpq-cta author gap 2026-07-24 */
body.page-id-610 .bpb2 .bpq .bpq-cta{margin-top:48px!important}

/* (reverted) MMM mobile toggle restored 2026-07-24 */


/* MMM-Mobil-Toggle ausblenden (setzt MMM-Setting durch; Salient macht Mobil) 2026-07-24 */
#mega-menu-wrap-top_nav .mega-menu-toggle{display:none!important}


/* Partner-Formular: Felder + Balken fuellen die Karte 2026-07-24 */
.bp-partnerform .wpforms-field input:not([type=checkbox]):not([type=radio]),.bp-partnerform .wpforms-field select,.bp-partnerform .wpforms-field textarea{width:100%!important;max-width:100%!important}
.bp-partnerform .wpforms-page-indicator{max-width:100%!important}
.bp-partnerform .wpforms-field-row{max-width:100%!important}

/* bfi-menu-icons start */
#mega-menu-item-7047>a.mega-menu-link,#mega-menu-item-7067>a.mega-menu-link,#mega-menu-item-7109>a.mega-menu-link,#mega-menu-item-7107>a.mega-menu-link,#mega-menu-item-4763>a.mega-menu-link,#mega-menu-item-7221>a.mega-menu-link,#mega-menu-item-7773>a.mega-menu-link,#mega-menu-item-7774>a.mega-menu-link,#mega-menu-item-7775>a.mega-menu-link{position:relative}
#mega-menu-item-7047>a.mega-menu-link::after,#mega-menu-item-7067>a.mega-menu-link::after,#mega-menu-item-7109>a.mega-menu-link::after,#mega-menu-item-7107>a.mega-menu-link::after,#mega-menu-item-4763>a.mega-menu-link::after,#mega-menu-item-7221>a.mega-menu-link::after,#mega-menu-item-7773>a.mega-menu-link::after,#mega-menu-item-7774>a.mega-menu-link::after,#mega-menu-item-7775>a.mega-menu-link::after{content:"";position:absolute;top:8px;left:8px;width:34px;height:34px;z-index:2;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain}
.off-canvas-menu-container #menu-item-7047>a::before,.off-canvas-menu-container #menu-item-7067>a::before,.off-canvas-menu-container #menu-item-7109>a::before,.off-canvas-menu-container #menu-item-7107>a::before,.off-canvas-menu-container #menu-item-4763>a::before,.off-canvas-menu-container #menu-item-7221>a::before,.off-canvas-menu-container #menu-item-7773>a::before,.off-canvas-menu-container #menu-item-7774>a::before,.off-canvas-menu-container #menu-item-7775>a::before{content:"";display:inline-block;width:26px;height:26px;margin-right:10px;vertical-align:-6px;background-repeat:no-repeat;background-position:center;background-size:contain}
#mega-menu-item-7047>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7047>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckZpQnUiPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiA+PHBhdGggZD0iTTE0IDI2IEg4NiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNTAgMjIgVjg2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIvPjxyZWN0IHg9IjE4IiB5PSI0NCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE0IiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iNTgiIHk9IjQ0IiB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIGZpbGw9IiNFNkZGMDMiLz48L2c+PC9zdmc+)}
#mega-menu-item-7773>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7773>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckdFVCI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMTYiIGZpbGw9IiMxQTFBMUEiLz48ZyBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTQgMzAgVjE0IEgzMCIvPjxwYXRoIGQ9Ik03MCAxNCBIODYgVjMwIi8+PHBhdGggZD0iTTE0IDcwIFY4NiBIMzAiLz48cGF0aCBkPSJNODYgNzAgVjg2IEg3MCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMywyMykgc2NhbGUoMC41NCkiPjxyZWN0IHg9IjE2IiB5PSI0NCIgd2lkdGg9IjY4IiBoZWlnaHQ9IjQ0IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik01MCA4IFYzMiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zNiAyMiBMNTAgMzYgTDY0IDIyIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjwvc3ZnPg==)}
#mega-menu-item-7774>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7774>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckNSQUZUIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHJ4PSIxNiIgZmlsbD0iIzFBMUExQSIvPjxnIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSI+PHBhdGggZD0iTTE0IDc4IEw1MCAxNCBMODYgNzggWiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzIgNTYgSDY4IiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}
#mega-menu-item-7775>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7775>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlck1PQklMRSI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMTYiIGZpbGw9IiMxQTFBMUEiLz48ZyBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTQgMzAgVjE0IEgzMCIvPjxwYXRoIGQ9Ik03MCAxNCBIODYgVjMwIi8+PHBhdGggZD0iTTE0IDcwIFY4NiBIMzAiLz48cGF0aCBkPSJNODYgNzAgVjg2IEg3MCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMywyMykgc2NhbGUoMC41NCkiPjxyZWN0IHg9IjI4IiB5PSIxMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjgwIiByeD0iNyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNDIgNzggSDU4IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTUwIDI4IGExMyAxMyAwIDAgMSAxMyAxMyBjMCAxMC0xMyAyNC0xMyAyNCBzLTEzLTE0LTEzLTI0IGExMyAxMyAwIDAgMSAxMy0xMyB6IiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48L3N2Zz4=)}
#mega-menu-item-7067>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7067>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlclNBTEVTIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHJ4PSIxNiIgZmlsbD0iIzFBMUExQSIvPjxnIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDIwIEwzNCA1MCBMMTYgODAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00MiAzMSBMNTUgNTAgTDQyIDY5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNjQgMzMgTDkwIDUwIEw2NCA2NyBaIiBmaWxsPSIjRTZGRjAzIi8+PC9nPjwvc3ZnPg==)}
#mega-menu-item-7109>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7109>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlclhSTSI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMTYiIGZpbGw9IiMxQTFBMUEiLz48ZyBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTQgMzAgVjE0IEgzMCIvPjxwYXRoIGQ9Ik03MCAxNCBIODYgVjMwIi8+PHBhdGggZD0iTTE0IDcwIFY4NiBIMzAiLz48cGF0aCBkPSJNODYgNzAgVjg2IEg3MCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMywyMykgc2NhbGUoMC41NCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTUwIDQwIFYyNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNTAgNjAgVjc2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00MCA1MCBIMjQiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI4IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTYwIDUwIEg3NiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMzQgMTggSDY2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zNCA4MiBINjYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI4IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE4IDM0IFY2NiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNODIgMzQgVjY2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0ibm9uZSIvPjxyZWN0IHg9IjM4IiB5PSIzOCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRTZGRjAzIi8+PC9nPjwvc3ZnPg==)}
#mega-menu-item-7107>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7107>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlclBNIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHJ4PSIxNiIgZmlsbD0iIzFBMUExQSIvPjxnIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgMjQgSDUyIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTIiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMjggNTAgSDY2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTIiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNDIgNzYgSDYyIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTIiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNzggNjIgTDkyIDc2IEw3OCA5MCBMNjQgNzYgWiIgZmlsbD0iI0U2RkYwMyIvPjwvZz48L3N2Zz4=)}
#mega-menu-item-4763>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-4763>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlclNNQVBQIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHJ4PSIxNiIgZmlsbD0iIzFBMUExQSIvPjxnIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSIgPjxyZWN0IHg9IjI4IiB5PSIxMiIgd2lkdGg9IjQ0IiBoZWlnaHQ9Ijc2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0zOCAzNCBINjIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI3IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTM4IDQ4IEg2MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjciIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMzggNjYgSDYyIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMTIiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+)}
#mega-menu-item-7221>a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7221>a::before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckZSQU1FIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHJ4PSIxNiIgZmlsbD0iIzFBMUExQSIvPjxnIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSIgPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iNTYiIHk9IjE2IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSIxNiIgeT0iNTYiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0iI0ZGRkZGRiIvPjxyZWN0IHg9IjU5IiB5PSI1OSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iNyIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}
/* bfi-menu-icons end */
/* bfi-blog-mobile start */
@media(max-width:999px){.nectar-post-grid .nectar-post-grid-item-bg{background-size:contain !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:#0d0d0d !important;}}
/* bfi-blog-mobile end */

/* --- Modulfarbe je Modulseite --- */







/* betterFLOW: Dachprodukt, Markengelb */
/* mod-light-je-seite: abgedunkelte Modulfarbe fuer helle/gelbe Baender, min. 4,5:1 auf Weiss. betterSALES bleibt beim Markenblau, weil Gelb auf Weiss nicht funktioniert. */










.bai-hero{border-top:0}/* gelbe Trennlinie Menue/Hero, 14.09.2026 */body #header-outer{border-bottom:3px solid #E6FF03!important}body:has(.bai-hero) .container-wrap,body:has(.bpe-hero) .container-wrap{padding-top:0!important}
div.sl>div::before{background:var(--mod,#E6FF03)!important}
ul.mx-list li::before{background:var(--mod,#E6FF03)!important}
/* --- Aufzaehlungspunkte: Kontrast auf hellen und gelben Baendern --- */
.bx-light div.sl>div::before,.bx-light ul.mx-list li::before,.bx-yellow div.sl>div::before,.bx-yellow ul.mx-list li::before{background:var(--mod-light,#0A2BFF)!important}

/* --- FAQ-Accordion, global --- */
.fq{margin-top:40px}
.fq details{border-bottom:1px solid rgba(255,255,255,.16);padding:20px 0}
.fq summary{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;color:#FDFCFC;cursor:pointer;letter-spacing:-.02em;list-style:none;line-height:1.3}
.fq summary::-webkit-details-marker{display:none}
.fq summary::marker{content:''}
.fq summary:before{content:'+';color:var(--mod,#E6FF03)!important;margin-right:12px}
.fq details[open] summary:before{content:'\2212'}
.fq p{margin:12px 0 0 28px!important;color:rgba(255,255,255,.74)!important;font-size:15.5px;line-height:1.6}


/* --- Ablaufstrecke global (.st) --- */
.st{margin-top:42px;border-left:2px solid rgba(255,255,255,.2);padding-left:26px}
.st>div{position:relative;padding-bottom:24px}
.st>div:last-child{padding-bottom:0}
.st>div:before{content:'';position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--mod,#E6FF03)!important}
.st b{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px;color:#fff!important;margin-bottom:5px;letter-spacing:-.02em}
.st span{display:block;color:rgba(255,255,255,.7)!important;font-size:15px;line-height:1.55}
.st em{display:block;font-style:normal;color:var(--mod,#E6FF03)!important;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;margin-top:6px}
.lim{border-left:4px solid var(--mod,#E6FF03)!important;padding:6px 0 6px 22px;margin-top:34px}
.lim p{margin:0!important;color:rgba(255,255,255,.78)!important;font-size:16px;line-height:1.6}


/* --- Was-drinsteckt-Liste global (.sl) --- */
.sl{margin-top:42px;border-top:1px solid rgba(18,18,18,.14)}
.sl>div{display:grid;grid-template-columns:22px 200px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(18,18,18,.14);align-items:start}
.sl>div::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mod,#E6FF03);margin-top:9px}
.sl b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17px;color:#121212!important;letter-spacing:-.02em}
.sl span{font-family:'Work Sans',sans-serif;font-weight:500;font-size:15px;color:rgba(18,18,18,.7)!important;line-height:1.55}
@media(max-width:760px){.sl>div{grid-template-columns:22px 1fr;gap:6px 12px}.sl b,.sl span{grid-column:2}}

/* == Mobile-Hero-Fix 1: Modulseiten — Bild buendig an den Farbstreifen ==
   .bai-hero hat padding-top:clamp(34px,3.5vw,56px); <=900px ist .fh2-bg
   das erste Flex-Kind und wird dadurch vom 3px-Border weggeschoben. == */
@media(max-width:900px){.bai-hero>.fh2-bg{margin-top:calc(-1 * clamp(34px,3.5vw,56px))!important}}

/* == Mobile-Hero-Fix 2: Startseite — Bild ueber dem Text statt dahinter ==
   Row-Hintergrundbild auf 230px am oberen Rand begrenzen (wie Modulseiten),
   Textspalte per padding-top darunter setzen. Nur <=767px, dort wo die
   Mobile-Spalte (vc_hidden-sm) aktiv ist. == */
@media(max-width:767px){
body.home .container-wrap .main-content>.row>.wpb_row.top_padding_phone_90px{--bp-heroimg:min(80vw,340px);padding-top:var(--bp-heroimg)!important}
body.home .container-wrap .main-content>.row>.wpb_row.top_padding_phone_90px>.row-bg-wrap{height:var(--bp-heroimg)!important;bottom:auto!important}
body.home .container-wrap .main-content>.row>.wpb_row.top_padding_phone_90px>.row-bg-wrap .row-bg{background-image:url(https://betterprojects.de/wp-content/uploads/2026/09/Startseite_quadratiusch.png)!important;background-position:center 42%!important;background-size:cover!important}
body.home .container-wrap .main-content>.row>.wpb_row.top_padding_phone_90px>.row-bg-wrap .row-bg-overlay{background:linear-gradient(0deg,#121212 0%,rgba(18,18,18,0) 38%)!important;opacity:1!important}
body.home .container-wrap .main-content>.row>.wpb_row.top_padding_phone_90px .wpb_column>.vc_column-inner{padding-top:28px!important}
}

/* bai-free / bai-fcol auf hellem Grund */
.bx-light .bai-fcol{border-color:rgba(18,18,18,.18)}
.bx-light .bai-fcol ul,.bx-light .bai-fcol li{color:rgba(18,18,18,.72)!important}
.bx-light .bai-fcol li b,.bx-light .bai-fcol h3{color:#121212!important}
.bx-light .bai-fcol.ok h3 b{color:var(--blue)!important}
.bx-light .bai-fcol.no h3 b{color:rgba(18,18,18,.60)!important}

/* Partnernetzwerk: Profile ohne Namen + Logowand */
.bpn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.bpn-card{border:1px solid rgba(255,255,255,.2);overflow:hidden}
.bpn-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.bpn-b{padding:20px}
.bpn-b h3{font-size:19px;margin:0 0 8px;padding:0}
.bpn-b p{margin:0;padding:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.bpn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.bpn-tags span{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;color:#E6FF03;border:1px solid rgba(230,255,3,.4);padding:3px 8px}
.bpn-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);margin-top:40px}
.bpn-logo{background:#121212;height:110px;display:flex;align-items:center;justify-content:center;padding:22px}
.bpn-logo img{max-width:100%;max-height:62px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.bpn-empty{border:1px dashed rgba(255,255,255,.32);padding:40px 32px;margin-top:40px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.6}
.bx-light .bpn-card{border-color:rgba(18,18,18,.18)}
.bx-light .bpn-b p,.bx-light .bpn-empty{color:rgba(18,18,18,.72)}
@media(max-width:1280px){.bpn-grid{grid-template-columns:repeat(2,1fr)}.bpn-logos{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.bpn-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.bpn-grid{grid-template-columns:1fr}.bpn-logos{grid-template-columns:repeat(2,1fr)}}


/* Navigation-Fix 2026-09-08: Unterhalb 1000px blendet Salient den Mobile Header ein,
   der eine zweite Kopie des Mega-Menues enthaelt. Diese Kopie legt sich ueber Logo und Hero
   (aufgeklappte Panels). Auf Mobil gilt Salients Off-Canvas-Menue -> Kopie ausblenden. */
@media only screen and (max-width:999px){
  .nectar-mobile-only.mobile-header #mega-menu-wrap-top_nav{display:none !important}
}


/* Kontakt-Button im Hauptmenue (2026-09-08): aus dem Menuetitel hierher verlagert.
   Vorher stand dieses CSS als <style>-Block im Titel des Menuepunkts 2387. */
li.menu-button-slanted a:before{content:""!important;font-size:0!important;margin:0!important;width:0!important;}
li.menu-button-slanted a i,
li.menu-button-slanted a [class*="icon-"],
li.menu-button-slanted a [class*="fa-"]{display:none!important;}
li.menu-button-slanted a{color:#121212!important;}

/* ============================================================
   KONTRAST-KORREKTUREN 10.09.2026
   Alle Werte am Objekt gemessen, nicht geschaetzt.
   ============================================================ */

/* --- FAQ-Accordion in hellen und gelben Baendern ---
   Die fq-Komponente ist auf dunkle Baender gerechnet. In hellen
   Baendern war der ganze Block unsichtbar (Kontrast 1,0).
   Betraf /betterget/, /bettercraft/, /bettermobile/. Jetzt 18,3 und 9,3. */
.bx-light .fq details,.bx-yellow .fq details{border-bottom-color:rgba(18,18,18,.16)!important}
.bx-light .fq summary,.bx-yellow .fq summary{color:#121212!important}
.bx-light .fq summary:before,.bx-yellow .fq summary:before{color:var(--mod-light,#0A2BFF)!important}
.bx-light .fq p,.bx-yellow .fq p{color:rgba(18,18,18,.78)!important}

/* --- Komponenten, die hart auf eine Bandfarbe gerechnet sind --- */
.bx-dark .bai-paynote{color:rgba(253,252,252,.62)!important}   /* war 1,0 auf dunkel, jetzt 7,5 */
.bai-tier .thr{color:rgba(255,255,255,.55)!important}          /* war 4,43, jetzt 5,8 */
.bs-bdg.wip{color:rgba(18,18,18,.68)!important}                /* war 4,14, jetzt 6,5 */

/* --- Modulviolett ist auf dunklem Grund zu dunkel (4,13) ---
   Nur fuer dunkle Baender aufhellen: auf Weiss ergibt #9B7DFF nur 2,6,
   dort muss #7E5BEF bleiben. Zwei Zeilen, weil die Modulfarbe in zwei
   Systemen steckt: --mod (hier je page-id) und --m (inline auf /betterflow/). */

/* Modulfarben aufgehoben 14.09.2026 */.bk-st{--m:#E6FF03!important}

/* --- Nachtrag 10.09.2026: Faelle, in denen ein Seiten-style-Block im BODY
   dieselbe Regel mit !important spaeter setzt. body-Praefix erhoeht die
   Spezifitaet um ein Element und gewinnt damit unabhaengig von der Reihenfolge. */
body .bs-bdg.wip{color:rgba(18,18,18,.68)!important}    /* war 4,14 */

/* betterBLUE auf dunklem Grund ergibt bei .bai-lg-num nur 2,50 (Soll 3,0).
   In hellen Baendern bleibt betterBLUE - dort sind es 7,32. */
.bx-dark .bai-lg-num{color:#E6FF03!important}           /* 2,50 -> 16,7 */

/* bai-final-center start */
.bx.bai-final .bx-in>*{margin-left:auto!important;margin-right:auto!important}
.bx.bai-final .bx-in>.bx-k,.bx.bai-final .bx-in>.bai-chips,.bx.bai-final .bx-in>.bai-actions,.bx.bai-final .bx-in>.bai-fact{margin-left:auto!important;margin-right:auto!important}
.bx.bai-final .bx-in>p{max-width:60ch}
/* bai-final-center end */

/* zusammenspiel-labels start */
.zg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
@media(max-width:860px){.zg{grid-template-columns:1fr}}
.zc{border-top:3px solid var(--mod,#E6FF03);padding-top:18px}
.bx-dark .zc{border-top-color:var(--mod,#E6FF03)}
.bx-light .zc,.bx-yellow .zc{border-top-color:var(--mod-light,#0A2BFF)}
.zc b{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px;margin-bottom:9px;letter-spacing:-.025em}
.zc p{margin:0!important;font-size:15.5px;line-height:1.6}
/* Schrift bleibt bei den Standardfarben, nur Linien und Punkte tragen die Modulfarbe */
.bx-dark .zc b{color:#fff!important}
.bx-dark .zc p{color:rgba(255,255,255,.72)!important}
.bx-light .zc b,.bx-yellow .zc b{color:#121212!important}
.bx-light .zc p,.bx-yellow .zc p{color:rgba(18,18,18,.7)!important}
/* zusammenspiel-labels end */



/* striperow-abstand: Salient setzt .wpb_wrapper>div{margin-bottom:24px}; darunter blitzt sonst der dunkle Seitenhintergrund als schwarzer Balken durch */
.bai-striperow{margin-bottom:0!important}

/* em-modfarbe: Headline-Akzent folgt der Modulfarbe; Seiten ohne --mod-light bleiben beim Markenblau */
section.bx-light h2 em,section.bx-yellow h2 em{color:var(--mod-light,#0A2BFF)!important}

/* gelbband-abstand: die Preisbox-Hinweise stiessen ohne Luft an das Trennband */
.bx-yellow>.bx-in{padding-bottom:64px}

/* betterflow-heroline: betterFLOW hat keinen .bai-hero (native Salient-Zeile), die Modullinie sitzt daher auf der ersten Inhaltszeile */
.page-id-7027 .bfb-hero{border-top:3px solid var(--mod,#E6FF03)}



/* laufband-lesbarkeit: Salient gibt der Laufschrift eine feste Zeilenbox von 60px bei 54px Schriftgroesse,
 dadurch wurden Ober- und Unterlaengen abgeschnitten. Innenbox waechst jetzt mit dem Text und bekommt Luft. */
.nectar-scrolling-text .nectar-scrolling-text-inner{height:auto!important;padding-top:14px!important;padding-bottom:14px!important}
.nectar-scrolling-text .nectar-scrolling-text-inner h2{line-height:1.28!important}

/* Off-Canvas (Mobil): Kontakt als normaler Menuepunkt statt als leerer gelber Balken.
   Salient setzt dort den Text-span auf display:none und das Avatarbild auf 0 px. */
#slide-out-widget-area li.menu-button-slanted a span,
.off-canvas-menu-container li.menu-button-slanted a span{display:inline!important;color:#121212!important;vertical-align:middle!important}
#slide-out-widget-area li.menu-button-slanted img,
.off-canvas-menu-container li.menu-button-slanted img{display:none!important}

/* GLOBAL FIX: bx-Sperrbaender nutzen width:100vw; 100vw zaehlt die Scrollleiste mit,
   100% nicht. Auf Systemen mit klassischer Scrollleiste entsteht dadurch ca. 15px
   Ueberstand. clip verhindert das, ohne einen Scroll-Container zu erzeugen (anders
   als hidden, das position:sticky bricht). */
html,body{overflow-x:clip;}

/* ---------------------------------------------------------------
   BLOGBAND: buendig an das Band davor
   Das Blogband steht als eigenes <section class="bx"> DIREKT hinter der
   letzten WPBakery-Row. Deren untere Polsterung liegt auf #121212 und
   erscheint als schwarzer Streifen, sobald das Blogband hell ist.
   Gleiches gilt fuer ein Sperrband am Ende einer Row.
   --------------------------------------------------------------- */
.wpb_row:has(.bai-striperow:last-child){padding-bottom:0!important}
.wpb_row:has(.bai-striperow:first-child){padding-top:0!important}

/* ---------------------------------------------------------------
   Sperrband buendig (Regel 27.09.2026): vor und nach dem Sperrband kein Abstand.
   - Kontaktblock .bpc direkt davor ohne margin-bottom
   - von wpautop in <p> gepackte Skripte direkt davor ohne Hoehe
   - Sperrband nach einem style-Tag am Anfang einer Row: Row ohne padding-top
   --------------------------------------------------------------- */
.bpc:has(+ .bai-striperow){margin-bottom:0!important}
p:has(> script):has(+ .bai-striperow){display:none!important}
.wpb_row:has(.wpb_wrapper > style:first-child + .bai-striperow){padding-top:0!important}
/* bx-sym 28.09.2026: gleicher Abstand oben/unten in allen Baendern (leerer Absatz oben 55px + 9, unten 28px + 36 = je 64px) */
body section.bx:not(.bai-hero):not(.bai-final)>.bx-in{padding-top:9px!important;padding-bottom:36px!important}
/* bx-sym2: leere Absaetze am Bandende ohne Salient-Polster (Blogband) */
body section.bx>.bx-in>p:empty{display:none!important}
body section.bx>.bx-in>p:last-child{padding-bottom:0!important}

/* bx-split: Fliesstext in Lesebreite + Seitenkasten (01.10.2026) */
.bx-split{display:grid;grid-template-columns:minmax(0,62ch) minmax(0,1fr);gap:56px;align-items:start;margin-top:22px}
.bx-split>.bx-copy{margin:0!important}
.bx-aside{border:1px solid rgba(255,255,255,.14);padding:24px 26px;background:rgba(255,255,255,.03)}
.bx-aside small{display:block;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--yellow,#E6FF03);margin-bottom:14px}
.bx-aside ul{list-style:none!important;margin:0!important;padding:0!important}
.bx-aside li{display:flex;justify-content:space-between;gap:16px;padding:9px 0!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px;color:rgba(255,255,255,.72)}
.bx-aside li::before{display:none!important}
.bx-aside li b{color:#fdfcfc;white-space:nowrap}
.bx-aside p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.55);margin:14px 0 0!important;padding:0!important}
.bx-aside a{display:inline-block;margin-top:14px;color:var(--yellow,#E6FF03);font-weight:600}
.bx-light .bx-aside{border-color:rgba(18,18,18,.14);background:rgba(18,18,18,.03)}
.bx-light .bx-aside small{color:var(--blue,#0A2BFF)}
.bx-light .bx-aside li{border-color:rgba(18,18,18,.1);color:rgba(18,18,18,.7)}
.bx-light .bx-aside li b{color:#121212}
.bx-light .bx-aside p{color:rgba(18,18,18,.6)}
.bx-light .bx-aside a{color:var(--blue,#0A2BFF)}
@media(max-width:960px){.bx-split{grid-template-columns:1fr;gap:28px}}

/* Heller Hero (bai-hero in bx-light) – Kontrast */
.bx-light h1 em{color:var(--blue,#0A2BFF)!important}
.bx-light .bai-lead{color:rgba(18,18,18,.78)!important}
.bx-light .bai-lead b{color:#121212!important}
.bx-light .bai-chips,.bx-light .bai-chips span{color:rgba(18,18,18,.78)!important;border-color:rgba(18,18,18,.3)!important}
.bx-light .bai-chips i{background:var(--blue,#0A2BFF)!important}
.bx-light .bx-k{color:var(--blue,#0A2BFF)}

/* === Website-Review 03.10.2026 — Header, mobiler Hero, myDyngy mobil === */
/* Header: Menue bleibt bis 1000 px einzeilig */
@media only screen and (min-width:1280px) and (max-width:1439px){body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item>a.mega-menu-link{padding-left:7px!important;padding-right:7px!important}body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item:not(.menu-button-slanted)>a.mega-menu-link,body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item:not(.menu-button-slanted)>a.mega-menu-link span{font-size:15px!important}body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.menu-button-slanted>a.mega-menu-link{padding-left:40px!important;padding-right:20px!important}}
@media only screen and (min-width:1000px) and (max-width:1279px){body #header-outer .nectar-mobile-only.mobile-header #mega-menu-wrap-top_nav{display:none!important}body #header-outer #top>.container{padding-left:24px!important;padding-right:24px!important}body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item>a.mega-menu-link{padding-left:5px!important;padding-right:5px!important}body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item:not(.menu-button-slanted)>a.mega-menu-link,body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.mega-menu-item:not(.menu-button-slanted)>a.mega-menu-link span{font-size:14px!important}body #mega-menu-wrap-top_nav #mega-menu-top_nav>li.menu-button-slanted>a.mega-menu-link{padding-left:34px!important;padding-right:12px!important}}
/* myDyngy mobil: runder Avatar-Knopf statt Seitenfahne */
@media only screen and (max-width:690px){body #myd-btn{writing-mode:horizontal-tb!important;transform:none!important;animation:none!important;width:56px!important;height:56px!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:2px solid #0A2BFF!important;right:14px!important;bottom:18px!important;top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important}body #myd-btn>span:not(.ava):not(.d),body #myd-btn>svg{display:none!important}body #myd-btn .ava{transform:none!important;width:50px!important;height:50px!important;margin:0!important;border-radius:50%!important}body #myd-btn .d{position:absolute!important;top:2px!important;right:2px!important;margin:0!important}body #myd-btn::before,body #myd-btn::after{display:none!important}}

/* === Menü „Software, die mitwächst“ 03.10.2026 === */
@media (min-width:1000px){
#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-8129{flex:0 0 66.6666%!important;width:66.6666%!important;max-width:66.6666%!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-8129 > a.mega-menu-link > .mega-menu-title,#header-outer #mega-menu-top_nav li.mega-menu-item-8129 > a.mega-menu-link .mega-description-group > .mega-menu-title{font-size:26px!important;line-height:1.1!important;letter-spacing:-.02em}
#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-7850,#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-8859{position:relative;margin-top:30px!important;align-self:stretch}
#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-7850::before{content:"// IHR SYSTEM – WEITERGEDACHT";position:absolute;top:-24px;left:12px;font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;color:#E6FF03;white-space:nowrap}
#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-7044{flex:0 0 33.3333%!important;width:33.3333%!important;max-width:33.3333%!important;display:flex!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-6035 > ul.mega-sub-menu > li.mega-menu-item-7044 > a.mega-menu-link{flex:1 1 auto;display:flex!important;align-items:center;justify-content:center;height:auto!important}
}

/* === Hero-Text bündig links unter dem Logo 03.10.2026 === */
@media (min-width:1280px){html body.home .container-wrap .wpb_row.first-section,html body.page-id-9881 .container-wrap .wpb_row:has(.bp-h1){padding-left:75px!important}}
@media (min-width:1000px) and (max-width:1279px){html body.home .container-wrap .wpb_row.first-section,html body.page-id-9881 .container-wrap .wpb_row:has(.bp-h1){padding-left:48px!important}}

/* === Startseite (+ Entwurf 9881): Teamkarten stehen still === */
body.home .bpm-track,body.page-id-9881 .bpm-track{animation:none!important;transform:none!important;width:auto!important;justify-content:center}
body.home .bpm-set[aria-hidden],body.page-id-9881 .bpm-set[aria-hidden]{display:none!important}
body.home .bpm-set,body.page-id-9881 .bpm-set{flex-wrap:wrap;justify-content:center;padding-right:0!important}
body.home .bpm-mq,body.page-id-9881 .bpm-mq{-webkit-mask-image:none!important;mask-image:none!important}
body.home .bpm-set > .bpm-t:nth-child(n+6),body.page-id-9881 .bpm-set > .bpm-t:nth-child(n+6){display:none!important}

/* === Menü einzeilig 1000–1279 px (Schrift kleiner) 03.10.2026 === */
@media (min-width:1000px) and (max-width:1279px){#header-outer #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item > a.mega-menu-link{font-size:12.5px!important;padding-left:5px!important;padding-right:5px!important}}

/* === Startseite: schräges Laufband liegt über dem weißen Band 03.10.2026 === */
body.home .container-wrap .wpb_row.rotate-row-up{margin-top:-60px!important;position:relative!important;z-index:20!important}
body.home section#aw-produkte .aw-in{padding-bottom:150px!important}

/* === Startseite: Teamkarten zuerst, Partner danach 03.10.2026 === */
body.home .bpm-set > .bpm-t{order:1}
body.home .bpm-set > .bpm-t[href*="betterpartner"]{order:2}

/* === Partner-Menü: Spaltenüberschriften einzeilig 04.10.2026 === */
html body #header-outer #mega-menu-top_nav li.mega-menu-item-7836 li.mega-mm-head > a.mega-menu-link{font-size:clamp(17px,1.5vw,24px)!important;white-space:nowrap!important;padding-right:0!important;display:block!important}

/* === Mobilmenü: „Software, die mitwächst" nur betterFLOW · Ihre Software · Erweiterungen 04.10.2026 === */
#slide-out-widget-area li#menu-item-7044,#slide-out-widget-area li#menu-item-7035,#slide-out-widget-area li#menu-item-7748,#slide-out-widget-area li#menu-item-7971{display:none!important}
#slide-out-widget-area li#menu-item-8129>ul.sub-menu,#slide-out-widget-area li#menu-item-8129>.ocm-dropdown-arrow{display:none!important}

/* Regel 04.10.2026: Schaltflächen auf hellem Grund blau mit gelber Schrift */
html body .bx-light .bai-btn,html body .bx-light .bai-btn:hover,html body .bx-light .bai-fmain,html body .bx-light .bai-fmain:hover,html body .berp-l .berp-btn,html body .berp-l .berp-btn:hover,html body .bclp-light .bclp-btn:not(.bclp-btn--gh),html body .bclp-light .bclp-btn:not(.bclp-btn--gh):hover{background:#0A2BFF!important;color:#E6FF03!important}
html body .bx-light .bai-btn *,html body .bx-light .bai-fmain *,html body .berp-l .berp-btn *{color:#E6FF03!important}

/* Abstandsregel 64 px (04.10.2026): eigene Abschnitte */
html body section.bwp,html body section.bnx,html body section.berp,html body section.bclp-band{padding-top:64px!important;padding-bottom:64px!important}
html body .bfb-sec .bfb-in{padding-top:64px!important;padding-bottom:64px!important}
html body .bai-stmt .bx-in > p:not([class]){display:none!important}
@media(min-width:1000px){html body.home section#stimmen{padding-top:54px!important;padding-bottom:28px!important}}
@media(min-width:1000px){html body.page-id-7351 section.bxp{padding-top:54px!important;padding-bottom:28px!important}}
@media(max-width:999px){html body .main-content > .row > .wpb_row > .row_col_wrap_12 > .wpb_column:last-child{margin-bottom:0!important}}
@media(max-width:999px){html body section.bwp,html body section.bnx,html body section.berp,html body section.bclp-band,html body .bfb-sec .bfb-in{padding-top:40px!important;padding-bottom:40px!important}}


/* --- Nachtrag 04.10.2026: Modulstatus-Badges aus Snippet „betterFLOW · zentraler Modulstatus“ (Platzhalter bp:badge) --- */
.bp-st{display:inline-flex;align-items:center;gap:.45em;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border:1px solid currentColor;border-radius:0;white-space:nowrap;vertical-align:middle}
.bp-st--verfuegbar{background:#E6FF03;color:#121212!important;border-color:#E6FF03}
.bp-st--test{border-style:dashed}
.bp-st--umsetzung{background:transparent}
.bp-st--anfrage{background:transparent;opacity:.8}


/* --- Nachtrag 04.10.2026: Mega-Menü „Ihr autonomes Unternehmen“ – Begleiter waagrecht unter den vier Phasen --- */
body #mega-menu-item-10122 > ul.mega-sub-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:24px!important}
body #mega-menu-item-10122 > ul.mega-sub-menu > li.mega-menu-item{width:auto!important;float:none!important}
@media(max-width:768px){body #mega-menu-item-10122 > ul.mega-sub-menu{grid-template-columns:1fr!important}}


/* --- Nachtrag 04.10.2026: Ueberschriften Mega-Menue 9761 wie Partner (7836) --- */
@media (min-width: 1001px){html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link, html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link:hover, html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link:focus { font-family: "Space Grotesk", sans-serif !important; font-size: 26px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1 !important; color: rgb(230, 255, 3) !important; text-transform: none !important; background: transparent !important; padding-bottom: 14px !important; }html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link::after { content: "."; position: static !important; margin: 0px !important; }html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link { gap: 0px !important; }html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link > .mega-indicator { display: none !important; }}
@media (min-width: 1001px){html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > ul.mega-sub-menu > li { margin-bottom: 20px !important; }html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > ul.mega-sub-menu > li:last-child { margin-bottom: 0px !important; }html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > ul.mega-sub-menu > li > a.mega-menu-link + * { margin-top: 6px; }}


/* --- Nachtrag 04.10.2026: Startseite Laufband-Paar – Lücken neben dem gedrehten Band in den Nachbarfarben füllen statt schwarz --- */
.wpb_row.bp-before-tick{position:relative;z-index:1;box-shadow:0 200px 0 #FDFCFC}
.wpb_row.bp-tick-a{position:relative;z-index:3}
.wpb_row.bp-tick-b{position:relative;z-index:2;box-shadow:0 -90px 0 #FFFFFF}

/* --- Nachtrag 04.10.2026: Footer klar abgrenzen – Sperrband (Grundform schwarz-gelb) vor dem globalen Footer; Seiten, die schon mit einem Sperrband enden, ausgenommen --- */
body:not(.page-id-7618):not(.page-id-7352):not(.page-id-7103):not(.page-id-6690):not(.page-id-6624):not(.page-id-5944):not(.page-id-5703):not(.page-id-2420):not(.page-id-610) .nectar-global-section.nectar_hook_global_section_after_footer::before{content:"";display:block;height:40px;background:repeating-linear-gradient(135deg,#121212 0,#121212 26px,#E6FF03 26px,#E6FF03 52px)}

/* --- Nachtrag 04.10.2026: Telefon-Schaltflaeche gegengleich 45 Grad angeschnitten (bnx) --- */
.bnx-acts .bnx-tel{position:relative;clip-path:polygon(56px 0,100% 0,100% 100%,0 100%);padding-left:68px!important;border-left-color:transparent!important}
.bnx-acts .bnx-tel::before{content:"";position:absolute;left:0;bottom:0;width:80px;height:3px;background:currentColor;transform-origin:0 50%;transform:rotate(-45deg);pointer-events:none}

/* --- Nachtrag 04.10.2026: Telefon-Schaltflaeche im Abschlussblock (bnx) blau gefuellt --- */
.bnx .bnx-acts .bnx-tel{background:#0A2BFF!important;color:#FDFCFC!important;border-color:#0A2BFF!important}
.bnx .bnx-acts .bnx-tel::before{display:none!important}
.bnx .bnx-acts .bnx-tel:hover{background:#121212!important;color:#E6FF03!important;border-color:#121212!important}

/* --- Nachtrag 04.10.2026: Einheitliches Zitat (Vorlage /bettercheck/) – Markup: div.bai-q > img + blockquote > p (+em) + cite --- */
body .bai-q{display:block!important;text-align:center!important;max-width:980px;margin:0 auto!important;padding:24px 0!important;grid-template-columns:none!important}
body .bai-q img{display:block!important;width:120px!important;height:120px!important;max-width:120px!important;border-radius:50%!important;border:3px solid #E6FF03!important;object-fit:cover!important;margin:0 auto 28px!important;padding:0!important;box-shadow:none!important}
body .bai-q blockquote{margin:0 auto!important;padding:0!important;border:0!important;background:none!important;quotes:none}
body .bai-q blockquote::before,body .bai-q blockquote::after{display:none!important;content:none!important}
body .bai-q blockquote p{font-family:'Space Grotesk',sans-serif!important;font-size:clamp(26px,3vw,42px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.01em!important;font-style:normal!important;color:inherit!important;max-width:26ch;margin:0 auto 28px!important;padding:0!important}
body .bai-q blockquote p em{font-style:normal!important;color:#E6FF03!important}
body .bx-light .bai-q blockquote p em,body .bclp-light .bai-q blockquote p em{color:#0A2BFF!important}
body .bai-q cite{display:flex!important;justify-content:center;align-items:center;gap:14px;font-family:'JetBrains Mono',monospace!important;font-size:13px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-style:normal!important;opacity:.75;margin:0!important}
body .bai-q cite::before,body .bai-q cite::after{content:"";width:32px;height:2px;background:#E6FF03;flex:none}

.bp-st--geplant{border-style:dotted;opacity:.85}

/* --- Nachtrag 05.10.2026: Journey-Leiste „Ihr Weg in fuenf Schritten“ (bjr) – Check > Autonomiegrad > Handlungsfelder > Roadmap > Umsetzung --- */
.bjr{--bjr-a:#E6FF03;margin:48px 0 0;color:inherit}
.bws .bjr,.bclp-light .bjr,.bx-light .bjr{--bjr-a:#0A2BFF}
.bjr-k{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bjr-a);margin:0 0 16px!important}
.bjr-row{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--bjr-a)}
.bjr-row li{list-style:none!important;margin:0!important;position:relative;padding:18px 18px 16px 0!important;display:flex;flex-direction:column;gap:4px}
.bjr-row li+li{padding-left:18px!important;border-left:1px solid rgba(128,128,128,.3)}
.bjr-row li::after{content:"→";position:absolute;right:-9px;top:16px;font-size:16px;color:var(--bjr-a);background:inherit;z-index:1}
.bjr-row li:last-child::after{display:none}
.bjr-n{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--bjr-a)}
.bjr-row b{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.2;font-weight:700}
.bjr-row small{font-size:13px;line-height:1.45;opacity:.75}
.bjr-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:10px}
.bjr-st span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border:1px solid rgba(128,128,128,.35);margin-right:6px;opacity:.85}
.bjr-st span.on{background:var(--bjr-a);border-color:var(--bjr-a);color:#121212;opacity:1}
.bws .bjr-st span.on,.bclp-light .bjr-st span.on{color:#FDFCFC}
@media(max-width:900px){.bjr-row{grid-template-columns:1fr}.bjr-row li+li{padding-left:0!important;border-left:0;border-top:1px solid rgba(128,128,128,.3)}.bjr-row li::after{content:"↓";right:auto;left:auto;top:auto;bottom:-10px;right:0}.bjr-st{grid-template-columns:1fr}.bjr-st span{grid-column:auto!important;margin:0 0 6px}}

/* Nav: Standort bestimmen (blau, Gegenschnitt zu Kontakt) */
html body #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-10219.mega-bp-nav-check{margin-right:10px!important}
html body #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-10219.mega-bp-nav-check > a.mega-menu-link{background:#0A2BFF!important;color:#FDFCFC!important;clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%);padding:10px 44px 10px 26px!important;font-size:14px!important;font-weight:600!important;line-height:26px!important;height:auto!important}
html body #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-10219.mega-bp-nav-check > a.mega-menu-link:hover{background:#E6FF03!important;color:#121212!important}

/* --- Nachtrag 05.10.2026: Megamenue 9761 als Zeilen – Spalte 1 Schritt, Spalte 2 Erklaerung, Spalte 3 Beratungsangebote --- */
@media (min-width: 1001px){html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 > ul.mega-sub-menu{display:block !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head{width:100% !important;max-width:100% !important;flex:0 0 100% !important;display:grid !important;grid-template-columns:235px minmax(0,1fr) minmax(0,1.25fr);column-gap:32px;align-items:start;padding:20px 0 !important;border-top:1px solid rgba(253,252,252,.12)}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head:first-child{border-top:0;padding-top:4px !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link,html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link > .mega-description-group{display:contents !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link::after,html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link > .mega-indicator{display:none !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link .mega-menu-title{grid-column:1;font-family:"Space Grotesk",sans-serif;font-size:22px !important;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#E6FF03;white-space:nowrap}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link .mega-menu-title::after{content:"."}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > a.mega-menu-link .mega-menu-description{grid-column:2;display:block !important;font-family:inherit;font-size:15px !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.5 !important;color:rgba(253,252,252,.72) !important;text-transform:none !important;padding-top:4px;white-space:normal}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > ul.mega-sub-menu{grid-column:3;margin:0 !important;display:grid !important;grid-template-columns:1fr;gap:14px}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head > ul.mega-sub-menu > li{margin-bottom:0 !important;width:auto !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head#mega-menu-item-10122 > ul.mega-sub-menu{display:grid !important;grid-template-columns:1fr !important;flex-direction:column !important}html body #header-outer #mega-menu-top_nav li.mega-menu-item-9761 li.mega-mm-head#mega-menu-item-10122 > ul.mega-sub-menu > li{width:100% !important;max-width:100% !important;flex:none !important}}

/* --- Nachtrag 05.10.2026: Startseite eine Fluchtlinie – Matrix (bwp) und Produkte (aw) auf 1180px zentriert wie bvx/bx --- */
@media (min-width: 901px){body.home .bwp.bwp-home .bwp-in{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}}
body.home section#aw-produkte .aw-in{max-width:1180px;margin-left:auto;margin-right:auto}