/* SprungZeit V6.3 – echtes anklickbares Erlebnis im Hero, keine Bild-Hotspots als Fake-Buttons. */
.hero .home-encounter-visual{min-height:640px;background:transparent;box-shadow:none;overflow:visible;border-radius:0;isolation:auto;display:block}
.home-encounter-photo{position:relative;width:100%;height:640px;overflow:hidden;border-radius:23px;isolation:isolate;background:#23272b;box-shadow:0 22px 55px rgba(47,30,31,.16)}
.home-encounter-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% center;filter:saturate(.91) contrast(1.02)}
.home-encounter-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,23,27,.49),transparent 25%, transparent 55%,rgba(17,20,24,.80) 100%),linear-gradient(90deg,rgba(15,22,25,.15),transparent 50%);z-index:1}
.home-encounter-meta{position:absolute;top:23px;left:23px;right:24px;color:#fff;z-index:5;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.45px;font-weight:750;text-shadow:0 1px 12px #2227}
.home-encounter-meta span:last-child{opacity:.8;white-space:nowrap}
.home-encounter-intro{position:absolute;z-index:4;bottom:84px;left:26px;color:white;font-size:17px;line-height:1.35;letter-spacing:-.4px;font-weight:500;text-shadow:0 3px 18px #141414;margin:0;opacity:.94;max-width:52%}
.home-encounter-intro strong{font-size:22px;letter-spacing:-.8px}
.home-encounter-footer{position:absolute;z-index:4;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px;font-weight:750;letter-spacing:1.4px;gap:12px}
.home-encounter-footer span:first-child{display:flex;align-items:center;gap:8px}
.home-encounter-footer i{display:inline-block;width:7px;height:7px;background:#13b7dc;border-radius:50%}
.home-hotspots{position:absolute;inset:0;z-index:6;pointer-events:none}
.home-hotspots .hotspot{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:6px 10px 6px 6px;border-radius:8px;color:#fff;border:1px solid rgba(191,234,240,.55);background:rgba(31,37,41,.79);box-shadow:0 6px 22px #1216194c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);pointer-events:auto;text-decoration:none;transform-origin:center;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-hotspots .hotspot:hover,.home-hotspots .hotspot:focus-visible{transform:translateY(-4px) scale(1.06);background:rgba(9,71,89,.95);border-color:#39d5f9;box-shadow:0 10px 30px rgba(8,27,33,.44)}
.home-hotspots .hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hotspot-bullet{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;color:white;font-size:13px;font-weight:800;background:#079abd;border-radius:7px}
.hotspot-label{display:flex;flex-direction:column;gap:1px;min-width:0}
.hotspot-label strong{font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.1px}
.hotspot-label small{font-size:9px;color:#cee1e4;white-space:nowrap;line-height:1.1}
.hotspot-talente{left:3%;top:16%}
.hotspot-neugeschaeft{right:4%;top:30%}
.hotspot-erlebnisse{right:4%;top:49%}
.hotspot-sichtbarkeit{left:3%;top:64%}
.hotspot-entwicklung{right:4%;top:70%}
.home-mobile-services{display:none}
@media(min-width:1051px){.hero:has(.home-encounter-visual){grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(35px,4vw,65px)}}
@media(max-width:1150px) and (min-width:721px){.hero .home-encounter-visual{min-height:565px}.home-encounter-photo{height:565px}.hotspot-label small{font-size:8px}.hotspot-label strong{font-size:10px}.home-hotspots .hotspot{padding:5px 6px;gap:5px}.home-encounter-intro{font-size:15px}.home-encounter-intro strong{font-size:19px}}
@media(max-width:720px){
  .hero .home-encounter-visual{min-height:0;overflow:visible;box-shadow:none;display:block}
  .home-encounter-photo{height:470px;border-radius:18px}
  .home-encounter-photo>img{object-position:47% center}
  .home-encounter-meta{top:18px;left:16px;right:16px;font-size:8px;letter-spacing:.9px}
  .home-encounter-meta span:last-child{display:none}
  .home-hotspots{display:none}
  .home-encounter-intro{bottom:66px;left:18px;max-width:75%;font-size:14px}
  .home-encounter-intro strong{font-size:21px}
  .home-encounter-footer{left:18px;right:18px;bottom:19px;font-size:8px;letter-spacing:1px}
  .home-encounter-footer span:last-child{opacity:.8}
  .home-mobile-services{display:grid;grid-template-columns:1fr;gap:6px;padding-top:14px}
  .home-mobile-services a{display:grid;grid-template-columns:27px minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:55px;padding:10px 13px;background:#fff;border:1px solid #e5e0df;border-radius:10px;font-size:12px;font-weight:800;color:#2b292a;transition:background .2s,transform .2s}
  .home-mobile-services a span{color:#08a6ca;font-size:10px;letter-spacing:.8px}
  .home-mobile-services a small{font-size:10px;color:#706c6c;font-weight:550;text-align:right}
  .home-mobile-services a b{color:#0aa7cd;font-size:14px}
  .home-mobile-services a:hover,.home-mobile-services a:focus-visible{background:#e8f8fc;transform:translateY(-2px);outline-color:#0eafd0}
}
@media(max-width:390px){.home-encounter-photo{height:420px}.home-mobile-services a{grid-template-columns:20px minmax(0,1fr) auto 12px;gap:7px;padding:10px 9px}.home-mobile-services a small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-hotspots .hotspot,.home-mobile-services a{transition:none}}
/* Mittlere Displays: breites Editorial-Layout statt zweier gequetschter Spalten */
@media (min-width:721px) and (max-width:1050px){
 .hero:has(.home-encounter-visual){grid-template-columns:minmax(0,1fr);gap:34px;padding-top:54px}
 .hero .home-encounter-visual{width:min(100%,740px);margin-inline:auto}
 .home-encounter-photo{height:590px}
 .hero:has(.home-encounter-visual) h1{max-width:800px;font-size:clamp(56px,7vw,76px)}
}
/* Tablet: Navigation ab hier einklappen, sonst ragen Links rechts über den Rand. */
@media (min-width:721px) and (max-width:900px){
 .nav-wrap{min-height:76px}
 .menu-toggle{display:flex;width:41px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e1ddda;background:#fff;border-radius:7px;cursor:pointer}
 .menu-toggle span{display:block;background:var(--ink);width:19px;height:2px}
 .main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#faf9f6;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;box-shadow:0 20px 25px #0001}
 .main-nav.open{display:flex}
 .main-nav a{padding:13px 9px}
 .main-nav .nav-cta{margin-top:8px;text-align:center}
}