/* SkyXTalente – Standort-Übersicht (Lime/Schwarz) */
.loc-accent{color:#c2f200;-webkit-text-fill-color:#c2f200}
.main-nav a[aria-current="page"]{color:#c2f200}

/* Einleitung */
.loc-hero{position:relative;overflow:hidden;color:#fff;padding:calc(var(--header-h) + 24px) 0 70px;
  background:radial-gradient(70% 55% at 6% 0%,rgba(194,242,0,.16) 0%,rgba(194,242,0,.04) 42%,transparent 70%),radial-gradient(55% 45% at 88% 6%,rgba(194,242,0,.08) 0%,transparent 70%),linear-gradient(180deg,#161616 0%,#0e0e0e 55%,#070707 100%)}
.loc-hero-inner{position:relative;z-index:1}
.crumbs{display:flex;align-items:center;gap:10px;font-size:14px;color:#bdbdbd;margin-bottom:34px}
.crumbs svg{width:17px;height:17px;fill:none;stroke:#bdbdbd;stroke-width:1.8;stroke-linejoin:round;transition:stroke .25s}
.crumbs a:hover svg{stroke:#c2f200}
.loc-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:50px;align-items:center}
.loc-kicker{display:inline-block;font:700 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#c2f200;margin-bottom:18px}
.loc-title{color:#fff;font-size:clamp(34px,4.6vw,62px);margin-bottom:22px}
.loc-lead{font-size:17px;line-height:1.55;color:#dcdcdc;max-width:600px;margin-bottom:30px}
.loc-stats{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:16px;color:#e6e6e6}
.loc-stats li{display:flex;align-items:center;gap:10px}
.loc-stats svg{width:20px;height:20px;fill:#c2f200}
.loc-stats b{font-weight:700;color:#fff}
.loc-map{position:relative;max-width:380px;justify-self:center;width:100%}
.loc-map img{width:100%;height:auto}
.loc-pins{position:absolute;inset:0}
.lp{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#c2f200;box-shadow:0 0 6px rgba(194,242,0,.8);opacity:0;transform:scale(0);transition:opacity .3s,transform .3s,background .3s}
.loc-map.is-in .lp,.no-js .lp{animation:lpIn .5s var(--ease) forwards;animation-delay:var(--pd)}
@keyframes lpIn{to{opacity:1;transform:scale(1)}}
.lp.lp-main{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;box-shadow:0 0 0 3px #0b0b0b,0 0 0 5px #c2f200,0 0 14px rgba(194,242,0,.9)}
.lp.dim{opacity:.18!important}
.lp.hot{opacity:1!important;transform:scale(2.4)!important;background:#fff;z-index:2}

/* Finder */
.loc-finder{background:#f6f6f6;padding:0 0 100px}
.finder-card{position:relative;margin-top:-34px;background:#fff;border-radius:24px;padding:30px 34px 22px;box-shadow:0 30px 60px -36px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.04)}
.finder-title{font:800 22px/1.1 var(--head);text-transform:uppercase;margin-bottom:18px}
.finder-search{position:relative;display:block;margin-bottom:18px}
.finder-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:#777;stroke-width:2;stroke-linecap:round}
.finder-search input{width:100%;height:56px;border-radius:14px;border:1.5px solid #e2e2e2;background:#fafafa;padding:0 18px 0 50px;font:500 16px var(--body);color:#0b0b0b;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.finder-search input:focus{border-color:#0b0b0b;background:#fff;box-shadow:0 0 0 4px rgba(194,242,0,.55)}
.finder-letters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.f-letter{min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1.5px solid #e6e6e6;background:#fff;font:600 14px/1 var(--body);color:#0b0b0b;transition:all .2s}
.f-letter:hover:not(:disabled){border-color:#0b0b0b}
.f-letter:disabled{color:#cfcfcf;border-color:#f0f0f0;cursor:default}
.f-letter[aria-pressed="true"],.f-chip[aria-pressed="true"]{background:#c2f200;border-color:#0b0b0b;color:#0b0b0b}
.finder-states{display:flex;flex-wrap:wrap;gap:8px}
.f-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid #e6e6e6;background:#fff;font:600 14px/1 var(--body);color:#0b0b0b;transition:all .2s}
.f-chip small{font-size:12px;font-weight:600;color:#888}
.f-chip[aria-pressed="true"] small{color:#0b0b0b}
.f-chip:hover{border-color:#0b0b0b}
.f-letter:focus-visible,.f-chip:focus-visible,.loc-group a:focus-visible{outline:3px solid #0b0b0b;outline-offset:2px}
.finder-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #eee;font-size:14.5px;color:#555}
.finder-reset{font:700 14px/1 var(--body);color:#0b0b0b;background:linear-gradient(180deg,transparent 55%,#c2f200 55%,#c2f200 92%,transparent 92%);padding:2px 3px}
.finder-reset[hidden]{display:none}

/* Städte-Liste */
.loc-groups{columns:3 320px;column-gap:20px;margin-top:30px}
.loc-group{break-inside:avoid;display:inline-block;width:100%;margin-bottom:20px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.05);animation:grpIn .45s var(--ease) both}
@keyframes grpIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.loc-group header{display:flex;align-items:center;gap:10px;padding:18px 22px;background:#0b0b0b;color:#fff}
.loc-group header svg{width:20px;height:20px;fill:#c2f200;flex:0 0 auto}
.loc-group h3{font:800 16.5px/1.2 var(--head);text-transform:uppercase;letter-spacing:.01em;flex:1}
.loc-group header span{font-size:13px;color:#bdbdbd;white-space:nowrap}
.loc-group li + li{border-top:1px solid #f0f0f0}
.loc-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;font-size:15.5px;font-weight:500;transition:background .2s,padding .25s var(--ease)}
.loc-group a i{font-style:normal;color:#9a9a9a;transition:transform .25s var(--ease),color .2s}
.loc-group a:hover{background:#f4f8e4;padding-left:28px}
.loc-group a:hover i{color:#0b0b0b;transform:translateX(4px)}
.loc-group em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#c2f200;color:#0b0b0b;padding:3px 8px;border-radius:999px;margin-left:8px;vertical-align:1px}
.loc-empty{text-align:center;padding:40px 20px;font-size:16px;color:#555;background:#fff;border-radius:20px;margin-top:30px}
.loc-empty[hidden]{display:none}

/* Abschluss-Box */
.loc-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:40px;padding:40px 44px;border-radius:24px;color:#fff;
  background:radial-gradient(70% 120% at 0% 0%,rgba(194,242,0,.18),transparent 60%),#0b0b0b}
.loc-cta .h-section{font-size:clamp(26px,2.8vw,38px);color:#fff;margin-bottom:10px}
.loc-cta p{color:#d6d6d6;font-size:16px;max-width:560px}
.loc-cta-trust{margin-top:10px;font-size:14px!important;color:#c2f200!important;font-weight:600}

@media (max-width:980px){
  .loc-hero-grid{grid-template-columns:minmax(0,1fr)}
  .loc-map{display:none}
  .loc-hero{padding-bottom:64px}
}
@media (max-width:720px){
  .finder-card{padding:22px 18px 16px;border-radius:20px}
  .f-letter{min-width:34px;height:34px;padding:0 8px;font-size:13px}
  .f-chip{height:36px;padding:0 13px;font-size:13.5px}
  .loc-cta{padding:30px 22px}
  .loc-lead{font-size:16px}
  /* längstes Wort „Personalvermittlung“ muss in eine Zeile passen */
  .loc-hero .loc-title{font-size:min(34px,calc((100vw - 40px) / 12.6))}
}
@media (prefers-reduced-motion:reduce){
  .lp{opacity:1;transform:none;animation:none!important}
  .loc-group{animation:none}
}

.loc-soon{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;font-size:15.5px;color:#8a8a8a}
.loc-soon small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b5b5b5}
.loc-soon em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#c2f200;color:#0b0b0b;padding:3px 8px;border-radius:999px;margin-left:8px}