/* Shared information box for region and service pages in the approved pilot. */
html body:is(.single-leistung,.single-region) #content details.fk-service-information--designed {padding:0!important;overflow:hidden;width:100%;min-width:0;border:1px solid #bad5df;border-radius:24px;background:#f4f9fb;box-shadow:0 14px 34px rgba(7,31,54,.10);}
html body:is(.single-leistung,.single-region) #content details.fk-service-information--designed > summary {display:flex;align-items:center;gap:18px;list-style:none;padding:28px 34px;background:linear-gradient(120deg,#0d2748,#176b87 75%,#2396a8);color:#fff!important;}
html body:is(.single-leistung,.single-region) #content details.fk-service-information--designed > summary::-webkit-details-marker {display:none;}
html body:is(.single-leistung,.single-region) #content .fk-info-summary-copy {display:flex;flex:1;flex-direction:column;gap:7px;min-width:0;}
html body:is(.single-leistung,.single-region) #content .fk-info-summary-copy strong {font-size:clamp(21px,2.2vw,28px);line-height:1.25;color:#fff;}
html body:is(.single-leistung,.single-region) #content .fk-info-summary-copy > span {color:#e0f2f6;font-size:15px;font-weight:400;line-height:1.5;}
html body:is(.single-leistung,.single-region) #content .fk-info-icon {display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:13px;background:#117d9c;color:#fff;box-shadow:0 6px 14px rgba(11,49,88,.12);}
html body:is(.single-leistung,.single-region) #content .fk-info-icon svg {width:26px;height:26px;}
html body:is(.single-leistung,.single-region) #content .fk-info-toggle {display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid #8fc8d5;border-radius:50%;color:#fff;font-size:24px;line-height:1;}
html body:is(.single-leistung,.single-region) #content details.fk-service-information--designed[open] .fk-info-toggle {transform:rotate(180deg);}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed .fk-service-information__body {display:grid;gap:24px;padding:30px;background:linear-gradient(140deg,#eff8fb,#fff 65%);}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed :is(h2,h3) {color:#0b3158;line-height:1.25;overflow-wrap:anywhere;}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed h2 {font-size:clamp(23px,2.5vw,32px);margin:8px 0 16px;}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed h3 {font-size:clamp(21px,2vw,26px);margin:16px 0 14px;}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed p {font-size:16px;line-height:1.7;color:#36566c;margin:0 0 16px;}
html body:is(.single-leistung,.single-region) #content .fk-service-information--designed p:last-child {margin-bottom:0;}
html body:is(.single-leistung,.single-region) #content .fk-info-eyebrow {display:block;color:#116782;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;}
html body:is(.single-leistung,.single-region) #content .fk-info-lead {padding:24px 28px;border:1px solid #a9d0dc;border-left:5px solid #117d9c;border-radius:16px;background:#eaf6f9;}
html body:is(.single-leistung,.single-region) #content .fk-info-lead .fk-info-eyebrow {margin-bottom:12px;}
html body:is(.single-leistung,.single-region) #content .fk-info-overview {padding:8px 4px;}
html body:is(.single-leistung,.single-region) #content .fk-info-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
html body:is(.single-leistung,.single-region) #content .fk-info-card {min-width:0;padding:26px;border:1px solid #b8d7e2;border-top:4px solid #117d9c;border-radius:18px;background:linear-gradient(140deg,#fff,#f0f9fb);box-shadow:0 8px 20px rgba(11,49,88,.07);}
html body:is(.single-leistung,.single-region) #content .fk-info-card > header {display:flex;align-items:center;gap:14px;}
html body:is(.single-leistung,.single-region) #content .fk-info-card--cost {background:linear-gradient(140deg,#fffaf1,#fff);border-color:#eed0a6;border-top-color:#d89528;}
html body:is(.single-leistung,.single-region) #content .fk-info-card--cost .fk-info-icon {background:#0b3158;color:#ffbd62;}
html body:is(.single-leistung,.single-region) #content .fk-info-card ul {padding:0;margin:0;list-style:none;}
html body:is(.single-leistung,.single-region) #content .fk-info-card li {position:relative;padding:10px 0 10px 27px;border-bottom:1px solid #d4e6ec;color:#36566c;line-height:1.6;}
html body:is(.single-leistung,.single-region) #content .fk-info-card li::before {content:'✓';position:absolute;left:0;top:10px;color:#117d9c;font-weight:800;}
html body:is(.single-leistung,.single-region) #content .fk-info-card li:last-child {border-bottom:0;}
html body:is(.single-leistung,.single-region) #content .fk-info-process {overflow:hidden;border:1px solid #b8d7e2;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(11,49,88,.07);}
html body:is(.single-leistung,.single-region) #content .fk-info-process > header {display:flex;align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(120deg,#0b3158,#176b87);}
html body:is(.single-leistung,.single-region) #content .fk-info-process > header h2 {color:#fff;margin:5px 0 0;}
html body:is(.single-leistung,.single-region) #content .fk-info-process > header .fk-info-eyebrow {color:#c5eaf2;}
html body:is(.single-leistung,.single-region) #content .fk-info-process__body {padding:24px 28px;}
html body:is(.single-leistung,.single-region) #content .fk-info-process ol {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;padding:0;margin:0;list-style:none;counter-reset:fk-step;}
html body:is(.single-leistung,.single-region) #content .fk-info-process li {position:relative;min-width:0;padding:16px 16px 16px 59px;border:1px solid #c6dfe7;border-radius:12px;background:#f1f8fa;color:#244960;line-height:1.6;counter-increment:fk-step;}
html body:is(.single-leistung,.single-region) #content .fk-info-process li::before {content:counter(fk-step,decimal-leading-zero);position:absolute;left:15px;top:14px;color:#117d9c;font-size:22px;font-weight:800;}
html body:is(.single-leistung,.single-region) #content .fk-info-local {min-width:0;padding:28px;border:1px solid #b8d7e2;border-radius:18px;background:#fff;}
html body:is(.single-leistung,.single-region) #content .fk-info-local > header {display:flex;align-items:center;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #c6dfe7;}
html body:is(.single-leistung,.single-region) #content .fk-info-local > header h2 {margin:5px 0 0;}
html body:is(.single-leistung,.single-region) #content .fk-info-local ul {padding-left:22px;margin:12px 0;}
html body:is(.single-leistung,.single-region) #content .fk-info-local li {margin-bottom:10px;line-height:1.6;}
html body:is(.single-leistung,.single-region) #content .fk-info-local a {color:#116782;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
html body:is(.single-leistung,.single-region) #content .fk-info-local .fixklar-regionale-ratgeber {margin-top:24px;padding:22px;border-radius:14px;background:#eaf6f9;border:1px solid #b8d7e2;}
@media(max-width:700px){
 html body:is(.single-leistung,.single-region) #content .fk-info-grid,
 html body:is(.single-leistung,.single-region) #content .fk-info-process ol {grid-template-columns:1fr;}
 html body:is(.single-leistung,.single-region) #content details.fk-service-information--designed > summary {padding:22px 18px;gap:12px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-summary-copy strong {font-size:21px;overflow-wrap:anywhere;}
 html body:is(.single-leistung,.single-region) #content .fk-service-information--designed .fk-service-information__body {padding:18px 14px;gap:18px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-icon {width:36px;height:36px;border-radius:10px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-icon svg {width:23px;height:23px;}
 html body:is(.single-leistung,.single-region) #content :is(.fk-info-card,.fk-info-lead,.fk-info-local,.fk-info-process__body) {padding:20px 18px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-process > header {padding:20px 18px;gap:12px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-local > header {gap:12px;}
 html body:is(.single-leistung,.single-region) #content .fk-info-local .fixklar-regionale-ratgeber {padding:16px;}
}

html body.single-region #content .fk-region-information, html body.single-region #content .fk-region-information * {box-sizing:border-box;}
html body:is(.single-region,.single-leistung) #content .fk-service-information--designed > summary {cursor:pointer;}
html body:is(.single-region,.single-leistung) #content .fk-service-information--designed > summary:focus-visible {outline:3px solid #ffb14f;outline-offset:-4px;}