/* Einsatzgebiet & Wachstum – template-parts/blocks/standorte.php (hell, Karte aus echten Koordinaten) */
.eg{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:center;}
.eg__h{margin:16px 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.06;letter-spacing:-.03em;text-wrap:balance;color:var(--ink);}
.eg__lead{margin:14px 0 0;max-width:460px;font-size:16px;line-height:1.6;color:var(--muted);}

.eg-tl{list-style:none;margin:28px 0 30px;padding:0;position:relative;}
.eg-tl::before{content:"";position:absolute;left:7px;top:10px;bottom:22px;width:2px;background:linear-gradient(180deg,var(--se-sun) 0%,rgba(18,69,171,.25) 100%);border-radius:2px;}
.eg-tl__i{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:16px;padding:0 0 16px;}
.eg-tl__dot{position:relative;z-index:1;width:16px;height:16px;margin-top:3px;border-radius:999px;background:#fff;border:3px solid #1245AB;box-sizing:border-box;}
.eg-tl__i.is-first .eg-tl__dot{border-color:var(--se-sun);background:var(--se-sun);box-shadow:0 0 0 5px rgba(247,181,0,.22);}
.eg-tl__i.is-now .eg-tl__dot{background:#1245AB;}
.eg-tl__t{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-size:16px;font-weight:700;color:var(--ink);line-height:1.3;}
.eg-tl__y{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1245AB;background:rgba(18,69,171,.08);padding:3px 8px;border-radius:999px;}
.eg-tl__d{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--muted);}

.eg-map{position:relative;margin:0;border-radius:32px;background:linear-gradient(180deg,#F7F8F4 0%,#EEF1F7 100%);border:1px solid rgba(13,13,13,.06);padding:22px 22px 0;overflow:hidden;box-shadow:0 40px 80px -60px rgba(9,32,84,.45);}
.eg-map__cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 6px;}
.eg-map__cap b{font-size:15px;font-weight:700;color:var(--ink);}
.eg-map__cap span{font-size:12.5px;color:var(--muted);}
.eg-map__stage{position:relative;margin-top:6px;}
.eg-map__svg{display:block;width:100%;height:auto;}
.eg-rings circle{fill:none;stroke:#1245AB;stroke-opacity:.18;stroke-width:1;stroke-dasharray:3 5;}
.eg-rings text{font-size:9px;font-weight:700;fill:#1245AB;fill-opacity:.45;letter-spacing:.04em;}
.eg-lines path{fill:none;stroke:#1245AB;stroke-opacity:.24;stroke-width:1;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1) var(--d,0ms);}
.eg-map.is-on .eg-lines path{stroke-dashoffset:0;}
.eg-pt{cursor:pointer;outline:none;}
.eg-pt__hit{fill:transparent;}
.eg-pt__dot{fill:#1245AB;stroke:#fff;stroke-width:1.6;transition:r .2s ease,fill .2s ease;}
.eg-pt:hover .eg-pt__dot,.eg-pt:focus-visible .eg-pt__dot{r:5.6;fill:#F7B500;stroke:#0D0D0D;stroke-width:1.2;}
.eg-pt__lbl{font-size:9.5px;font-weight:700;fill:#33405A;paint-order:stroke;stroke:#F2F4F6;stroke-width:3px;stroke-linejoin:round;pointer-events:none;}
.eg-hq__core{fill:#F7B500;stroke:#0D0D0D;stroke-width:2;}
.eg-hq__pulse{fill:#F7B500;fill-opacity:.35;transform-origin:center;transform-box:fill-box;animation:egPulse 2.4s ease-out infinite;}
@keyframes egPulse{0%{transform:scale(1);opacity:.9;}100%{transform:scale(4.2);opacity:0;}}
.eg-hqtag{position:absolute;transform:translate(10px,-50%);display:flex;flex-direction:column;padding:7px 12px;border-radius:12px;background:#0D0D0D;color:#fff;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);}
.eg-hqtag span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--se-sun);}
.eg-tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 12px));padding:8px 12px;border-radius:12px;background:#fff;border:1px solid rgba(13,13,13,.08);box-shadow:0 16px 34px -16px rgba(9,32,84,.45);white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:1px;}
.eg-tip b{font-size:13.5px;color:var(--ink);}
.eg-tip span{font-size:11.5px;color:#1245AB;font-weight:600;}
.eg-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px -22px 0;border-top:1px solid rgba(13,13,13,.07);background:rgba(255,255,255,.6);}
.eg-facts > div{padding:16px 18px;display:flex;flex-direction:column;gap:2px;}
.eg-facts > div + div{border-left:1px solid rgba(13,13,13,.07);}
.eg-facts b{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.eg-facts span{font-size:12px;color:var(--muted);}

@media (max-width:1023px){
	.eg{grid-template-columns:minmax(0,1fr);gap:40px;}
	.eg-tl{margin-bottom:26px;}
}
@media (max-width:640px){
	.eg-map{border-radius:24px;padding:16px 12px 0;}
	.eg-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px -12px 0;}
	.eg-facts > div:nth-child(3){border-left:0;}
	.eg-facts > div:nth-child(n+3){border-top:1px solid rgba(13,13,13,.07);}
	.eg-pt__lbl{font-size:9px;}
	.eg-map__stage{border-radius:14px;}
	.eg-hqtag{font-size:12px;padding:6px 10px;}
	.eg__cta{width:100%;justify-content:space-between;box-sizing:border-box;}
}
@media (prefers-reduced-motion:reduce){
	.eg-hq__pulse{animation:none;opacity:0;}
	.eg-lines path{transition:none;stroke-dashoffset:0;}
}
.eg-map.is-narrow .eg-hqtag{transform:translate(-50%,0);}

/* Zeitleiste animiert (15.10.2026): Linie wächst von oben nach unten, Punkte
   und Einträge folgen nacheinander, danach wandert ein Lichtpunkt die Linie
   hinab. Ohne JS bzw. bei reduzierter Bewegung bleibt alles statisch sichtbar. */
.eg-tl::after{content:"";position:absolute;left:6px;top:10px;width:4px;height:64px;border-radius:4px;background:linear-gradient(180deg,rgba(247,181,0,0),var(--se-sun) 55%,rgba(247,181,0,0));opacity:0;pointer-events:none;}
.eg-tl.is-armed::before{transform:scaleY(0);transform-origin:top;transition:transform 1.6s cubic-bezier(.45,0,.2,1);}
.eg-tl.is-armed .eg-tl__dot{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i) * .28s + .1s);}
.eg-tl.is-armed .eg-tl__i > div{opacity:0;transform:translateY(8px);transition:opacity .5s var(--se-ease),transform .5s var(--se-ease);transition-delay:calc(var(--i) * .28s + .18s);}
.eg-tl.is-drawn::before{transform:scaleY(1);}
.eg-tl.is-drawn .eg-tl__dot{transform:scale(1);}
.eg-tl.is-drawn .eg-tl__i > div{opacity:1;transform:none;}
.eg-tl.is-drawn::after{animation:egFlow 3.4s cubic-bezier(.45,0,.55,1) 1.8s infinite;}
@keyframes egFlow{0%{top:10px;opacity:0;}12%{opacity:1;}82%{opacity:1;}100%{top:calc(100% - 22px - 64px);opacity:0;}}

/* Globus statt Regionalkarte (15.10.2026) */
.eg-map--globe{padding:12px 12px 0;}
.eg-globe{position:relative;overflow:hidden;border-radius:24px;background:var(--se-blue);aspect-ratio:1/.8;}
.eg-globe__cap{position:absolute;left:24px;top:20px;z-index:2;display:flex;flex-direction:column;gap:2px;}
.eg-globe__cap b{font-size:15px;font-weight:700;color:#fff;}
.eg-globe__cap span{font-size:12.5px;color:rgba(255,255,255,.7);}
.eg-globe__stage{position:absolute;left:50%;top:9%;width:104%;aspect-ratio:1;transform:translateX(-50%);}
@media(max-width:640px){.eg-map--globe{padding:8px 8px 0;}.eg-globe{aspect-ratio:1/.92;border-radius:18px;}.eg-globe__stage{width:112%;top:14%;}.eg-globe__cap{left:16px;top:14px;}}
/* Kennzahlen unter dem Globus: Rand passend zum kleineren Kartenabstand (Feedback 15.10.2026) */
.eg-map--globe .eg-facts{margin:12px -12px 0;}
.eg-map--globe .eg-facts > div{padding:18px 22px 20px;}
@media(max-width:640px){.eg-map--globe .eg-facts{margin:8px -8px 0;}.eg-map--globe .eg-facts > div{padding:16px 18px;}}