.zweithaar-calculator form{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.zweithaar-calculator label{width:100%;font-weight:700}.zweithaar-calculator input{min-width:0;max-width:100%;width:240px;border:1px solid #777;border-radius:8px;padding:14px;background:#fff;color:#151815;font:inherit}.zweithaar-calculator button{white-space:normal}.zweithaar-calculator details{margin:24px 0}.zweithaar-calculator summary{cursor:pointer;font-weight:700}.zweithaar-calculator a{text-decoration:underline}.zweithaar-calculator p{overflow-wrap:anywhere}#calc-result{font-weight:600}@media(max-width:600px){.zweithaar-calculator input,.zweithaar-calculator button{width:100%}}
#potenzialrechner{scroll-margin-top:110px}.service-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.service-topline .button{font-size:14px}@media(max-width:600px){.service-topline .button{width:100%;text-align:center}}
/* Keep the long-term outlook copy readable on its dark card. */
.service-detail-page .service-story article .service-related > p:not(.eyebrow){color:#fff}
.zweithaar-calculator [hidden]{display:none!important}.zweithaar-calculator select{width:100%;max-width:100%;padding:14px;border:1px solid #777;border-radius:8px;background:#fff;color:#151815;font:inherit;margin:10px 0 16px}.zweithaar-calculator #postcode-help{font-size:14px;width:100%;margin:0}.postcode-result{padding:20px;background:#eff4d0;border-radius:12px;margin:20px 0}.postcode-result p{margin:8px 0!important}.postcode-result .result-number{font-size:30px;font-weight:700;line-height:1.2}.zweithaar-calculator .calc-limit{font-size:15px}.zweithaar-calculator summary{line-height:1.5;padding:8px 0}.zweithaar-calculator button:disabled{opacity:.6;cursor:wait}.zweithaar-calculator input:focus-visible,.zweithaar-calculator select:focus-visible,.zweithaar-calculator button:focus-visible{outline:3px solid #6d8400;outline-offset:3px}
.service-detail-page .zweithaar-calculator h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;overflow-wrap:normal;hyphens:auto}

/* Balanced sidebar heading: keep Kompetenz. whole at every breakpoint. */
.service-story > aside .zweithaar-positioning-title{font-size:clamp(30px,4vw,58px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;hyphens:none}.zweithaar-positioning-title span{white-space:nowrap}@media(max-width:600px){.service-story > aside .zweithaar-positioning-title{font-size:clamp(30px,9vw,42px)}}