.hbf-wrap{--hbf-turq:#06b6c6;--hbf-orange:#ff7518;max-width:900px;margin:24px auto;font-family:inherit;color:#172337;box-shadow:0 15px 45px #162d4520;border-radius:22px;overflow:hidden;background:white}.hbf-hero{padding:36px 34px;background:linear-gradient(115deg,#063f4b,#0798a9);color:#fff}.hbf-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#b5f5fa}.hbf-hero h1{font-size:clamp(26px,4vw,42px);color:#fff;line-height:1.15;margin:12px 0}.hbf-hero p{color:#e8fcff;font-size:18px;margin:0}.hbf-form{padding:28px 34px}.hbf-form label{display:block;font-weight:650;font-size:14px}.hbf-form input:not([type=checkbox]),.hbf-form select,.hbf-form textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #cbd5e1;border-radius:9px;background:white;padding:13px 14px;font-size:16px;margin:7px 0 17px;color:#172337}.hbf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.hbf-form input:focus,.hbf-form select:focus,.hbf-form textarea:focus{outline:2px solid var(--hbf-turq);outline-offset:1px}.hbf-form button{border:0;border-radius:9px;background:var(--hbf-orange);color:white;padding:15px 24px;font-size:17px;font-weight:750;cursor:pointer;width:100%}.hbf-form button:hover{filter:brightness(.94)}.hbf-consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;margin:4px 0 20px}.hbf-consent input{margin-top:4px}.hbf-consent span{font-size:13px;line-height:1.5}.hbf-foot{text-align:center;color:#64748b;font-size:12px}.hbf-notice,.hbf-error{margin:20px 34px 0;padding:14px;border-radius:8px;background:#e7f9f0;color:#155e39}.hbf-error{background:#fff0ed;color:#a32a15}.hbf-phone{padding:18px 34px;background:#e9f9fa;font-weight:700}.hbf-phone a{color:#007f90;margin-left:12px}.hbf-phone small{display:block;font-weight:400;color:#456}.hbf-honey{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}@media(max-width:620px){.hbf-grid{grid-template-columns:1fr}.hbf-hero,.hbf-form{padding:24px 18px}.hbf-wrap{border-radius:14px}.hbf-phone{padding:18px}}
/* Version 1.2 – progressive, accessible card-based service funnel */
.hbf-v12 .hbf-step[hidden],.hbf-v12 .hbf-detail[hidden],.hbf-v12 .hbf-actions button[hidden]{display:none!important}.hbf-v12 .hbf-step h2{font-size:clamp(21px,3vw,28px);line-height:1.3;margin:12px 0;color:#172337}.hbf-v12 .hbf-hint{color:#586777;margin:0 0 22px}.hbf-progress{height:7px;background:#e7edf0;border-radius:20px;overflow:hidden}.hbf-progress-bar{display:block;height:100%;background:#06b6c6;width:33.333%;transition:width .2s}.hbf-stepcount{color:#007f90;font-size:13px;font-weight:700;margin:13px 0}.hbf-cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.hbf-form .hbf-choice{background:#f7fafb;border:1px solid #cbd5df;border-radius:14px;min-height:130px;padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;color:#172337;font-size:15px;line-height:1.3;text-align:left;cursor:pointer}.hbf-form .hbf-choice:hover,.hbf-form .hbf-choice:focus-visible{border-color:#06b6c6;background:#edfbfc}.hbf-form .hbf-choice.is-selected{border:2px solid #009eae;background:#edfbfc}.hbf-choice-icon{font-size:29px}.hbf-v12 .hbf-fallback-label{font-size:13px;color:#586777}.hbf-v12 .hbf-actions{display:flex;gap:12px;margin-top:20px}.hbf-v12 .hbf-actions button{width:auto;flex:1}.hbf-v12 .hbf-actions .hbf-back{background:#e7edf0;color:#172337;flex:0 0 110px}.hbf-v12 .hbf-actions .hbf-next{background:#ff7518}.hbf-v12 .hbf-step label{margin-top:10px}@media(max-width:620px){.hbf-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hbf-form .hbf-choice{min-height:115px;padding:12px;font-size:13px}.hbf-v12 .hbf-actions .hbf-back{flex-basis:85px}}

/* Version 1.3: independent orange/charcoal visual identity, senior-friendly UX */
.hbf-v13{--hbf-orange:#f58200;--hbf-turq:#f58200;color:#252525;max-width:1050px;border:1px solid #eee6dc;box-shadow:0 12px 40px rgba(37,37,37,.09);background:#fff}
.hbf-v13 .hbf-hero{background:#fff;color:#252525;text-align:center;padding:35px 28px 25px}
.hbf-v13 .hbf-kicker{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.1px;color:#f58200;font-size:17px}
.hbf-v13 .hbf-brand-dark{color:#252525}
.hbf-v13 .hbf-mark{background:#f58200;color:white;border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:25px}
.hbf-v13 .hbf-hero h1{color:#252525;font-size:clamp(28px,4vw,44px);line-height:1.16;margin:19px 0 10px}
.hbf-v13 .hbf-hero p{color:#505050;font-size:clamp(16px,2vw,19px);line-height:1.5}
.hbf-v13 .hbf-trustline{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;margin-top:21px;color:#343434;font-size:15px}
.hbf-v13 .hbf-trustline span::first-letter{color:#f58200}
.hbf-v13 .hbf-form{padding:18px 36px 32px}
.hbf-v13 .hbf-step h2{text-align:center;color:#252525;font-size:clamp(24px,3vw,32px)}
.hbf-v13 .hbf-hint{text-align:center;color:#595959;font-size:16px;line-height:1.5}
.hbf-v13 .hbf-progress{height:7px;background:#f3ede6}
.hbf-v13 .hbf-progress-bar{background:#f58200}
.hbf-v13 .hbf-stepcount{text-align:center;color:#995200;font-size:14px}
.hbf-v13 .hbf-cardgrid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hbf-v13 .hbf-form .hbf-choice{background:#f7f5f1;border:1px solid #d4ccc2;min-height:148px;border-radius:14px;color:#252525;font-size:17px;font-weight:700;padding:20px}
.hbf-v13 .hbf-form .hbf-choice:hover,.hbf-v13 .hbf-form .hbf-choice:focus-visible{background:#fff7ec;border-color:#f58200;outline:2px solid #f58200;outline-offset:2px}
.hbf-v13 .hbf-form .hbf-choice.is-selected{background:#fff0db;border:2px solid #f58200}
.hbf-v13 .hbf-choice-icon{font-size:34px}
.hbf-v13 .hbf-form label{font-size:16px;color:#252525}
.hbf-v13 .hbf-form input:not([type=checkbox]),.hbf-v13 .hbf-form select,.hbf-v13 .hbf-form textarea{border-color:#bcb5ad;font-size:17px;min-height:50px;color:#252525}
.hbf-v13 .hbf-form input:focus,.hbf-v13 .hbf-form select:focus,.hbf-v13 .hbf-form textarea:focus{outline:2px solid #f58200}
.hbf-v13 .hbf-form button.hbf-next,.hbf-v13 .hbf-form button.hbf-send{background:#f58200;color:#171717;min-height:54px;font-size:17px}
.hbf-v13 .hbf-form button.hbf-back{background:#f0eee9;color:#252525}
.hbf-v13 .hbf-phone{background:#fff3e4;color:#252525;font-size:18px}
.hbf-v13 .hbf-phone a{color:#a85100;font-size:22px;text-decoration:underline}
.hbf-v13 .hbf-phone small{color:#555;font-size:13px}
.hbf-v13 .hbf-foot{font-size:14px;color:#555;line-height:1.5}
.hbf-v13 .hbf-consent span{font-size:14px}
@media(max-width:700px){.hbf-v13 .hbf-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hbf-v13 .hbf-form .hbf-choice{min-height:124px;padding:14px;font-size:15px}.hbf-v13 .hbf-form{padding:16px}.hbf-v13 .hbf-hero{padding:24px 16px 16px}.hbf-v13 .hbf-trustline{font-size:13px}.hbf-v13 .hbf-grid{grid-template-columns:1fr}}
@media(max-width:370px){.hbf-v13 .hbf-cardgrid{grid-template-columns:1fr}}

/* v1.4: matching result */
.hbf-result .hbf-result-body{padding:26px 38px 38px;font-size:17px;line-height:1.65;color:#252525}.hbf-result h2{font-size:clamp(22px,3vw,29px);color:#252525}.hbf-result h3{font-size:21px}.hbf-result-summary{background:#f5f3ef;padding:12px 18px;border-radius:10px}.hbf-result-action{background:#fff7eb;border:1px solid #f4d6aa;border-radius:15px;padding:20px 24px;margin:20px 0}.hbf-call-button{display:block;background:#f58200;color:#1c1c1c!important;text-align:center;text-decoration:none!important;border-radius:12px;padding:16px 20px;font-size:20px;font-weight:800;min-height:54px;box-sizing:border-box}.hbf-call-button:focus-visible{outline:3px solid #252525;outline-offset:3px}.hbf-result-small{font-size:14px;color:#555}.hbf-again{display:inline-block;margin-top:12px;color:#934d00;text-decoration:underline}@media(max-width:620px){.hbf-result .hbf-result-body{padding:20px 18px}}

/* v1.4.7: brand-consistent, robust mobile choice tiles */
.hbf-v13 .hbf-cardgrid{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.hbf-v13 .hbf-form .hbf-choice{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;align-items:flex-start;white-space:normal;line-height:1.35;background:#fffaf5}
.hbf-v13 .hbf-choice-icon{color:#F58200;display:inline-flex;flex:0 0 auto}
.hbf-v13 .hbf-icon-svg{display:block;width:36px;height:36px}
.hbf-v13 .hbf-form button.hbf-next,.hbf-v13 .hbf-form button.hbf-send{background:#F58200!important;color:#252525!important}
@media(max-width:700px){.hbf-v13 .hbf-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hbf-v13 .hbf-form .hbf-choice{font-size:clamp(12px,3.5vw,15px);padding:12px 10px;min-height:122px}.hbf-v13 .hbf-icon-svg{width:30px;height:30px}}
@media(max-width:340px){.hbf-v13 .hbf-cardgrid{grid-template-columns:1fr}}

/* v1.4.17 branch-based qualification funnel */
.hbf-v13 .hbf-branch-step[hidden]{display:none!important}
.hbf-v13 .hbf-branch-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.hbf-v13 .hbf-branch-choice{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:15px!important;min-height:145px!important;font-size:17px!important}
.hbf-v13 .hbf-branch-symbol{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid #F58200;border-radius:50%;color:#F58200;font-size:25px;line-height:1}
.hbf-v13 .hbf-branch-choice.is-selected .hbf-branch-symbol{background:#F58200;color:#fff}
@media(max-width:680px){.hbf-v13 .hbf-branch-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hbf-v13 .hbf-branch-choice{min-height:118px!important;font-size:14px!important}}

/* v1.4.18 – wide, accessible mobile funnel and individual pictograms */
body:has(.hbf-search-page) #left-area,body:has(.hbf-region-funnel) #left-area{float:none!important;width:100%!important;padding:0!important}
body:has(.hbf-search-page) #sidebar,body:has(.hbf-region-funnel) #sidebar{display:none!important}
body:has(.hbf-search-page) #main-content .container,body:has(.hbf-region-funnel) #main-content .container{width:96%!important;max-width:1380px!important;padding-top:15px!important}
body:has(.hbf-search-page) #content-area,body:has(.hbf-region-funnel) #content-area{width:100%!important}
.hbf-v13.hbf-wrap{width:min(100%,1100px)!important;max-width:1100px!important;margin:12px auto 32px!important;box-sizing:border-box}
.hbf-v13 .hbf-branch-choice{justify-content:center!important;gap:12px!important;overflow-wrap:anywhere}
.hbf-v13 .hbf-branch-symbol{border:0!important;border-radius:0!important;width:38px!important;height:38px!important}
.hbf-v13 .hbf-branch-symbol svg{width:36px;height:36px;stroke:#F58200;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
 body:has(.hbf-search-page) #main-content .container,body:has(.hbf-region-funnel) #main-content .container{width:100%!important;padding:0!important}
 .hbf-search-page,.hbf-region-funnel{width:100%!important;max-width:100%!important;padding:0 8px!important;box-sizing:border-box}
 .hbf-v13.hbf-wrap{width:100%!important;border-radius:12px!important;margin:8px 0 25px!important}
 .hbf-v13 .hbf-form{padding:16px 14px!important}
 .hbf-v13 .hbf-hero{padding:15px!important}
 .hbf-v13 .hbf-step h2{font-size:clamp(22px,5.7vw,29px)!important;line-height:1.18!important;margin:10px 0!important}
 .hbf-v13 .hbf-hint{font-size:14px!important;line-height:1.4!important;margin:4px 0 12px!important}
 .hbf-v13 .hbf-cardgrid{gap:10px!important;margin:12px 0!important}
 .hbf-v13 .hbf-form .hbf-choice{min-height:112px!important;padding:12px!important;font-size:clamp(14px,3.8vw,17px)!important;line-height:1.25!important;gap:10px!important}
 .hbf-v13 .hbf-branch-symbol{height:34px!important;width:34px!important}
 .hbf-v13 .hbf-branch-symbol svg{width:32px;height:32px}
 .hbf-v13 .hbf-foot{font-size:11px!important;line-height:1.4!important}
}

/* v1.4.19: reduce wasted vertical space on city funnels */
.hbf-region-first .hbf-v13 .hbf-form{padding-top:14px!important}
.hbf-region-first .hbf-v13 .hbf-stepcount{margin:8px 0!important}
.hbf-region-first .hbf-v13 .hbf-step h2{margin:8px 0!important}
.hbf-region-first .hbf-v13 .hbf-hint{margin:0 0 12px!important;font-size:14px!important}
@media(max-width:700px){.hbf-region-first .hbf-v13 .hbf-form{padding:12px 10px 20px!important}.hbf-region-first .hbf-v13 .hbf-form .hbf-choice{min-height:102px!important}.hbf-region-first .hbf-v13 .hbf-cardgrid{margin:9px 0!important}}

/* v1.4.20: Kachel ist die einzige sichtbare Leistungswahl; das native Select bleibt fuer Formular und JS vorhanden. */
.hbf-v13 .hbf-fallback-label,.hbf-v13 #hbf_service{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hbf-v13 .hbf-step[data-step="1"] .hbf-next{display:none!important}