/* Reuse Service 4's purchase-grid, purchase-tool and button styles. */
#buchhaltungsbedarf{background:#12100f;margin-top:42px;padding:40px 34px;gap:7%;scroll-margin-top:120px;min-width:0}
#buchhaltungsbedarf>div{min-width:0}
#buchhaltungsbedarf h4{font-size:clamp(32px,3.6vw,56px);line-height:1.17;letter-spacing:-.04em}
#buchhaltungsbedarf .intake-intro{font-size:18px;line-height:1.7;color:var(--muted);margin-top:25px}
#buchhaltungsbedarf .need-field+.need-field{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
#buchhaltungsbedarf .need-help{font-size:14px;line-height:1.6;color:var(--muted);margin:-8px 0 20px}
#buchhaltungsbedarf output{overflow-wrap:normal;line-height:1.12;margin-bottom:20px;min-height:1.12em}
#buchhaltungsbedarf output[data-empty=true]{font-size:clamp(26px,2.5vw,34px);color:var(--muted)}
/* Forty-four pixel native hit area; the visible 2px rail matches Service 4. */
#buchhaltungsbedarf input[type=range]{--need-fill:0%;display:block;height:44px;margin:0 0 8px;border:0;border-radius:0;outline-offset:4px;background:linear-gradient(to right,#f8f8f8 var(--need-fill),#4d4642 var(--need-fill)) center/100% 2px no-repeat;touch-action:pan-y}
#buchhaltungsbedarf input[type=range]::-webkit-slider-runnable-track{height:2px;background:transparent}
#buchhaltungsbedarf input[type=range]::-webkit-slider-thumb{margin-top:-9px}
#buchhaltungsbedarf input[type=range]::-moz-range-track{height:2px;background:transparent}
#buchhaltungsbedarf input[type=range]:focus-visible{outline:2px solid var(--white)}
#buchhaltungsbedarf .range-labels{position:relative;align-items:start;min-height:38px;font-size:12px;line-height:1.5}
#buchhaltungsbedarf .range-labels span:first-child{max-width:29%}
#buchhaltungsbedarf .range-labels span:nth-child(2){position:absolute;left:54.54545%;transform:translateX(-50%);text-align:center;max-width:29%}
#buchhaltungsbedarf .range-labels span:last-child{max-width:29%;text-align:right;margin-left:auto}
#buchhaltungsbedarf .need-error{font-size:14px;line-height:1.5;color:#efc7ad;margin:12px 0 0;padding-left:12px;border-left:2px solid #efc7ad}
#buchhaltungsbedarf .tool-note{font-size:13px;line-height:1.7;margin:28px 0;color:var(--muted)}
#bookkeeping-contact{line-height:1.4;text-align:center;max-width:100%}
@media(max-width:1000px){#buchhaltungsbedarf{padding:32px 24px;gap:6%}#buchhaltungsbedarf h4{font-size:34px}}
@media(max-width:700px){#buchhaltungsbedarf{display:block;padding:28px 20px;margin-left:-32px;margin-top:32px}#buchhaltungsbedarf h4{font-size:32px}#buchhaltungsbedarf .intake-intro{font-size:17px;margin:20px 0 0}#buchhaltungsbedarf .purchase-tool{margin-top:32px}#buchhaltungsbedarf output{font-size:48px}#buchhaltungsbedarf output[data-empty=true]{font-size:30px}#bookkeeping-contact{width:100%;padding:18px 20px}}