/* Kreis Gütersloh: construction icon cards, approved PNG direction. */
.sx-build-places.sx-place-directory{margin:36px 0 42px;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.sx-build-heading{margin-bottom:30px}
.sx-build-places .sx-build-eyebrow{margin:0 0 24px;color:var(--sx-navy);font-size:12px;font-weight:800;letter-spacing:.18em;line-height:1.4;position:relative}
.sx-build-eyebrow:after{content:"";position:absolute;bottom:-12px;left:0;width:47px;height:3px;border-radius:2px;background:var(--sx-orange)}
.sx-build-places .sx-build-heading h2{margin:0 0 10px;color:var(--sx-ink);font-size:clamp(26px,2.8vw,36px);font-weight:850;letter-spacing:-.035em;line-height:1.2}
.sx-build-places .sx-build-intro{margin:0;font-size:17px;line-height:1.6;color:var(--sx-muted)}
.sx-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;list-style:none!important;padding:0!important;margin:0!important}
.sx-build-grid>li{padding:0!important;margin:0!important;min-width:0}
.sx-build-card{box-sizing:border-box;display:flex;align-items:center;gap:12px;height:100%;min-height:115px;padding:18px 13px;background:#fff;color:var(--sx-ink);border:1px solid var(--sx-line);border-bottom-color:var(--sx-orange);border-radius:12px;text-decoration:none;box-shadow:0 7px 18px #172d4607;transition:background .16s,border-color .16s,box-shadow .16s}
.sx-build-icon{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf3f8;color:var(--sx-navy)}
.sx-build-icon svg{display:block;width:39px;height:39px}
.sx-build-accent{stroke:var(--sx-orange)}
.sx-build-copy{flex:1;min-width:0}
.sx-build-copy strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.025em;line-height:1.35;overflow-wrap:break-word;hyphens:manual}
.sx-build-copy>span{display:block;margin-top:5px;color:var(--sx-muted);font-size:12px;line-height:1.4}
.sx-build-arrow{flex:none;align-self:center;font-size:24px;line-height:1;color:var(--sx-orange)}
.sx-build-card:hover,.sx-build-card:focus-visible{color:var(--sx-ink);background:#fff3e7;border-color:var(--sx-orange);box-shadow:0 9px 24px #ce601d12}
.sx-build-card:focus-visible{outline:3px solid var(--sx-orange);outline-offset:3px}
@media(max-width:1100px){.sx-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-build-card{min-height:110px}.sx-build-copy strong{font-size:17px}}
@media(max-width:800px){.sx-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sx-build-places .sx-build-heading h2{font-size:29px}.sx-build-places .sx-build-intro{font-size:16px}}
@media(max-width:540px){.sx-build-grid{grid-template-columns:1fr;gap:12px}.sx-build-card{padding:16px;min-height:100px;gap:16px}.sx-build-icon{flex-basis:58px;width:58px;height:58px}.sx-build-copy strong{font-size:18px}.sx-build-copy>span{font-size:14px}.sx-build-places .sx-build-heading h2{font-size:27px}.sx-build-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.sx-build-card{transition:none}}
/* Matching symbols for the two Kreis Gütersloh choice boxes. */
.sx-region-choice-grid>a.sx-choice-card{justify-content:flex-start;gap:14px;min-height:80px;padding:13px 15px;border-color:var(--sx-line);border-bottom-color:var(--sx-orange);background:#fff;color:var(--sx-ink);box-shadow:0 5px 14px #172d4605;text-decoration:none}
.sx-choice-card>.sx-build-icon{flex:0 0 46px;width:46px;height:46px}
.sx-choice-card>.sx-build-icon svg{width:32px;height:32px}
.sx-region-choice-grid>a.sx-choice-card>.sx-choice-label{flex:1 1 auto;min-width:0;font-size:15px;line-height:1.35;font-weight:750}
.sx-choice-card>.sx-build-arrow{font-size:23px}
.sx-region-choice-grid>a.sx-choice-card:hover,.sx-region-choice-grid>a.sx-choice-card:focus-visible{background:#fff3e7;color:var(--sx-ink);border-color:var(--sx-orange)}
.sx-region-choice-grid>a.sx-choice-card:focus-visible{outline:3px solid var(--sx-orange);outline-offset:3px}
@media(max-width:540px){.sx-region-choice-grid>a.sx-choice-card{min-height:78px;padding:12px 14px}.sx-region-choice-grid>a.sx-choice-card>.sx-choice-label{font-size:16px}}
/* Same icon language inside NRW's existing branch and service selection. */
.sx-build-branch-section .sx-branch-card{border-bottom:1px solid var(--sx-orange)}
.sx-build-branch-section a.sx-choice-card{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--sx-ink);text-decoration:none;padding:10px 0;border-radius:7px}
.sx-build-branch-section .sx-choice-card>.sx-choice-label{flex:1;min-width:0;line-height:1.4}
.sx-build-branch-section h3 .sx-choice-label{font-size:17px;font-weight:800}
.sx-build-branch-section li .sx-choice-card>.sx-build-icon{flex:0 0 34px;width:34px;height:34px}
.sx-build-branch-section li .sx-build-icon svg{width:25px;height:25px}
.sx-build-branch-section li .sx-choice-label{font-size:14px}
.sx-build-branch-section a.sx-choice-card:hover,.sx-build-branch-section a.sx-choice-card:focus-visible{background:#fff3e7;color:var(--sx-ink)}
.sx-build-branch-section a.sx-choice-card:focus-visible{outline:3px solid var(--sx-orange);outline-offset:3px}