/* PNT Standortkarte - component-scoped CSS. All selectors are contained by .pntsk-root. */
.pntsk-root .pntsk-standorte {
  --pntsk-purple: #7a2f88;
  --pntsk-purple-dark: #64236f;
  --pntsk-blue: #2f68b1;
  --pntsk-map-blue: #a9dbf5;
  --pntsk-ink: #25354b;
  --pntsk-muted: #66758a;
  --pntsk-line: #dbe4ee;
  --pntsk-soft: #f5f8fb;
  --pntsk-focus: #145fb4;
  color: var(--pntsk-ink);
  background: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

.pntsk-root .pntsk-standorte,
.pntsk-root .pntsk-standorte * {
  box-sizing: border-box;
}

.pntsk-root {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.pntsk-root .pntsk-standorte__container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.pntsk-root .pntsk-standorte__layout {
  display: grid;
  grid-template-columns: minmax(390px, 430px) minmax(0, 1fr);
  gap: clamp(1.8rem, 3vw, 3.5rem);
  align-items: start;
}

.pntsk-root .pntsk-standorte__directory,
.pntsk-root .pntsk-standorte__map-column {
  min-width: 0;
}

/* Compact two-column directory on desktop. */
.pntsk-root .pntsk-standorte__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: .7rem;
  align-items: stretch;
}

.pntsk-root .pntsk-location {
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  gap: .5rem;
  align-content: start;
  width: 100%;
  min-width: 0;
  border: 0;
  border-top: 1px solid var(--pntsk-line);
  padding: .56rem .18rem .62rem;
  color: inherit;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  scroll-margin-block: 1.5rem;
  transition: background-color 160ms ease, color 160ms ease;
}

.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible {
  background: linear-gradient(90deg, rgba(122,47,136,.075), rgba(122,47,136,.012));
  outline: none;
}

.pntsk-root .pntsk-location.is-active {
  background: linear-gradient(90deg, rgba(47,104,177,.10), rgba(47,104,177,.015));
}

.pntsk-root .pntsk-location__number {
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  margin-top: .02rem;
  border-radius: 50%;
  color: #fff;
  background: var(--pntsk-purple);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.pntsk-root .pntsk-location:hover .pntsk-location__number,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__number,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__number {
  transform: scale(1.10);
  box-shadow: 0 0 0 3px rgba(122,47,136,.12);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__number {
  background: var(--pntsk-blue);
  transform: scale(1.10);
  box-shadow: 0 0 0 3px rgba(47,104,177,.13);
}

.pntsk-root .pntsk-location__body {
  min-width: 0;
}

.pntsk-root .pntsk-location__name {
  display: block;
  margin: 0 0 .32rem;
  color: var(--pntsk-purple);
  font-size: clamp(.89rem, 1.05vw, 1rem);
  line-height: 1.12;
  font-weight: 700;
  overflow-wrap: anywhere;
  transition: color 160ms ease;
}

.pntsk-root .pntsk-location:hover .pntsk-location__name,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__name,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__name {
  color: var(--pntsk-purple-dark);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__name {
  color: var(--pntsk-blue);
}

.pntsk-root .pntsk-location__services {
  display: flex;
  flex-wrap: wrap;
  gap: .16rem;
  align-items: center;
}

.pntsk-root .pntsk-location__service-icon {
  display: block;
  width: 21px;
  height: 21px;
  object-fit: cover;
}

.pntsk-root .pntsk-standorte__map-column {
  position: sticky;
  top: 1rem;
  min-height: 0;
}

.pntsk-root .pntsk-standorte__map {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 690px;
  overflow: visible;
}

.pntsk-root .pntsk-standorte__map svg,
.pntsk-root .pntsk-standorte__map object {
  display: block;
  width: auto;
  height: min(89vh, 920px);
  max-width: 100%;
  overflow: visible;
}

.pntsk-root .pntsk-standorte__map-hint {
  max-width: 700px;
  margin: .35rem auto 0;
  color: var(--pntsk-muted);
  font-size: .76rem;
  line-height: 1.5;
  text-align: center;
}

/* Interactive SVG map. The map itself never fades; only non-relevant markers do. */
.pntsk-root .pntsk-standorte__map .pntsk-location-marker {
  cursor: pointer;
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity 180ms ease, filter 180ms ease, transform 180ms ease;
}

.pntsk-root .pntsk-standorte__map .pntsk-map-svg.is-interacting .pntsk-location-marker:not(.is-hovered):not(.is-active) {
  opacity: .18;
}

/* A selected marker remains fully visible and blue while another location is hovered. */
.pntsk-root .pntsk-standorte__map .pntsk-map-svg.is-interacting .pntsk-location-marker.is-active:not(.is-hovered) {
  opacity: 1;
  filter: none;
  transform: scale(1.16);
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered {
  opacity: 1;
  filter: drop-shadow(0 5px 7px rgba(74,30,85,.35));
  transform: scale(1.34);
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-active {
  opacity: 1;
  filter: drop-shadow(0 4px 7px rgba(24,70,119,.28));
  transform: scale(1.22);
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered.is-active {
  filter: drop-shadow(0 5px 8px rgba(24,70,119,.33));
  transform: scale(1.36);
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-active > path:first-of-type {
  fill: var(--pntsk-blue) !important;
}

.pntsk-root .pntsk-standorte__map .pntsk-marker-ring {
  fill: none;
  stroke: var(--pntsk-purple);
  stroke-width: 2.3;
  vector-effect: non-scaling-stroke;
  opacity: 0;
  pointer-events: none;
  transform-box: fill-box;
  transform-origin: center;
}

/* Hovered location emits a pulse. */
.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered .pntsk-marker-ring {
  opacity: .8;
  animation: pnt-marker-pulse 1.15s ease-out infinite;
}

/* Active location uses a slower blue pulse while it is the current focus. */
.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-active .pntsk-marker-ring {
  stroke: var(--pntsk-blue);
  opacity: .76;
  animation: pnt-active-pulse 1.65s ease-out infinite;
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-active.is-hovered .pntsk-marker-ring {
  stroke: var(--pntsk-blue);
  opacity: .82;
  animation: pnt-marker-pulse 1.15s ease-out infinite;
}

/* If a different location is hovered, the active one stays blue but stops emitting. */
.pntsk-root .pntsk-standorte__map .pntsk-map-svg.is-interacting .pntsk-location-marker.is-active:not(.is-hovered) .pntsk-marker-ring {
  opacity: 0;
  animation: none;
  transform: none;
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker:focus-visible {
  outline: none;
}

@keyframes pnt-marker-pulse {
  0% { opacity: .82; transform: scale(.78); }
  72%, 100% { opacity: 0; transform: scale(1.62); }
}

@keyframes pnt-active-pulse {
  0% { opacity: .66; transform: scale(.94); }
  78%, 100% { opacity: 0; transform: scale(1.48); }
}

.pntsk-root .pntsk-service-legend {
  margin-top: clamp(2.8rem, 5vw, 4.5rem);
}

.pntsk-root .pntsk-service-legend__title {
  margin: 0 0 .8rem;
  color: var(--pntsk-blue);
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .045em;
  text-align: center;
  text-transform: uppercase;
}

.pntsk-root .pntsk-service-legend__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem .8rem;
  border: 1px solid var(--pntsk-blue);
  padding: 1rem;
}

.pntsk-root .pntsk-service-legend__item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: .65rem;
  align-items: center;
  min-width: 0;
}

.pntsk-root .pntsk-service-legend__icon {
  display: block;
  width: 46px;
  height: 46px;
  object-fit: cover;
}

.pntsk-root .pntsk-service-legend__item span {
  min-width: 0;
  color: #2f3339;
  font-size: .72rem;
  line-height: 1.28;
}

.pntsk-root .pntsk-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: minmax(350px, 390px) minmax(0, 1fr);
    gap: 2rem;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 1.55rem minmax(0, 1fr);
    gap: .44rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.55rem;
    height: 1.55rem;
    font-size: .68rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 20px;
    height: 20px;
  }

  .pntsk-root .pntsk-standorte__map svg,
.pntsk-root .pntsk-standorte__map object {
    height: min(84vh, 800px);
  }

  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: 1fr;
  }

  .pntsk-root .pntsk-standorte__map-column {
    position: static;
    order: -1;
  }

  .pntsk-root .pntsk-standorte__map {
    min-height: 0;
  }

  .pntsk-root .pntsk-standorte__map svg,
.pntsk-root .pntsk-standorte__map object {
    width: min(100%, 660px);
    height: auto;
  }

  .pntsk-root .pntsk-standorte__directory {
    max-width: 720px;
    width: 100%;
    margin-inline: auto;
  }

  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: 1fr;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: .52rem;
    padding-block: .62rem .68rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .75rem;
  }

  .pntsk-root .pntsk-location__name {
    font-size: .98rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 23px;
    height: 23px;
  }

  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem .65rem;
    padding: .85rem;
  }

  .pntsk-root .pntsk-service-legend__item {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: .5rem;
  }

  .pntsk-root .pntsk-service-legend__icon {
    width: 40px;
    height: 40px;
  }

  .pntsk-root .pntsk-service-legend__item span {
    font-size: .68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pntsk-root .pntsk-standorte *,
.pntsk-root .pntsk-standorte *::before,
.pntsk-root .pntsk-standorte *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* v5: rectangular two-column location tiles, inspired by the earlier directory design.
   The service icons stay visible, but the tile itself deliberately has sharp corners. */
.pntsk-root .pntsk-standorte__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .72rem;
}

.pntsk-root .pntsk-location {
  grid-template-columns: 2.55rem minmax(0, 1fr);
  gap: .72rem;
  align-items: start;
  min-height: 92px;
  padding: .78rem .82rem;
  border: 1px solid transparent;
  border-radius: 0;
  background: #f5f7fa;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible {
  background: #f7f0f8;
  border-color: rgba(122,47,136,.34);
  box-shadow: inset 0 0 0 1px rgba(122,47,136,.04);
  outline: none;
}

.pntsk-root .pntsk-location.is-active {
  background: #eef4fb;
  border-color: rgba(47,104,177,.48);
  box-shadow: inset 0 0 0 1px rgba(47,104,177,.05);
}

.pntsk-root .pntsk-location__number {
  width: 2.55rem;
  height: 2.55rem;
  margin-top: 0;
  font-size: .95rem;
}

.pntsk-root .pntsk-location__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

.pntsk-root .pntsk-location__name {
  margin: .02rem 0 .12rem;
  color: var(--pntsk-ink);
  font-size: clamp(.92rem, 1vw, 1.02rem);
  line-height: 1.15;
  font-weight: 800;
}

.pntsk-root .pntsk-location:hover .pntsk-location__name,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__name,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__name {
  color: var(--pntsk-purple-dark);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__name {
  color: var(--pntsk-blue);
}

.pntsk-root .pntsk-location__state {
  display: block;
  max-width: 100%;
  color: var(--pntsk-muted);
  font-size: .72rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.pntsk-root .pntsk-location__services {
  margin-top: .38rem;
  gap: .14rem;
}

.pntsk-root .pntsk-location__service-icon {
  width: 19px;
  height: 19px;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-location {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .6rem;
    min-height: 86px;
    padding: .68rem .68rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 2.25rem;
    height: 2.25rem;
    font-size: .84rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 560px) {
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: 1fr;
    gap: .62rem;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: .72rem;
    min-height: 0;
    padding: .78rem .8rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 2.5rem;
    height: 2.5rem;
    font-size: .92rem;
  }

  .pntsk-root .pntsk-location__name {
    font-size: 1rem;
  }

  .pntsk-root .pntsk-location__state {
    font-size: .76rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 21px;
    height: 21px;
  }
}

/* --------------------------------------------------------------------------
   v6 - compact two-column list with single-line icon footer + map info panel
   -------------------------------------------------------------------------- */
.pntsk-root .pntsk-standorte__layout {
  grid-template-columns: minmax(320px, 370px) minmax(0, 1fr);
  gap: clamp(1.6rem, 2.5vw, 3rem);
}

.pntsk-root .pntsk-standorte__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}

.pntsk-root .pntsk-location {
  grid-template-columns: 2.15rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: .58rem;
  row-gap: .48rem;
  align-items: start;
  min-width: 0;
  min-height: 98px;
  padding: .66rem .68rem .5rem;
  border: 1px solid transparent;
  border-radius: 0;
  background: #f5f7fa;
  overflow: hidden;
}

.pntsk-root .pntsk-location__number {
  width: 2.15rem;
  height: 2.15rem;
  font-size: .82rem;
  flex: 0 0 auto;
}

.pntsk-root .pntsk-location__body {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.pntsk-root .pntsk-location__name,
.pntsk-root .pntsk-location__state {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
}

.pntsk-root .pntsk-location__name {
  margin: .04rem 0 .18rem;
  font-size: .92rem;
  line-height: 1.12;
}

.pntsk-root .pntsk-location__state {
  color: var(--pntsk-muted);
  font-size: .69rem;
  line-height: 1.2;
}

/* The services behave like an item footer: exactly one row, horizontally scrollable. */
.pntsk-root .pntsk-location__services {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .17rem;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  padding: 0 0 .18rem 2.73rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(122,47,136,.48) rgba(37,53,75,.08);
  -webkit-overflow-scrolling: touch;
}

.pntsk-root .pntsk-location__services::-webkit-scrollbar,
.pntsk-root .pntsk-map-info__services::-webkit-scrollbar {
  height: 5px;
}

.pntsk-root .pntsk-location__services::-webkit-scrollbar-track,
.pntsk-root .pntsk-map-info__services::-webkit-scrollbar-track {
  background: rgba(37,53,75,.07);
}

.pntsk-root .pntsk-location__services::-webkit-scrollbar-thumb,
.pntsk-root .pntsk-map-info__services::-webkit-scrollbar-thumb {
  background: rgba(122,47,136,.48);
}

.pntsk-root .pntsk-location__service-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.pntsk-root .pntsk-standorte__map {
  position: relative;
}

/* Active location information is kept inside the map, without dynamically injected inline styles. */
.pntsk-root .pntsk-map-info {
  position: absolute;
  z-index: 20;
  right: clamp(.5rem, 1.5vw, 1rem);
  bottom: clamp(.5rem, 1.5vw, 1rem);
  width: min(390px, calc(100% - 1rem));
  max-height: min(620px, calc(100vh - 3rem));
  overflow: auto;
  border: 1px solid rgba(47,104,177,.28);
  border-radius: 0;
  background: rgba(255,255,255,.97);
  box-shadow: 0 18px 44px rgba(37,53,75,.18);
  backdrop-filter: blur(8px);
}

.pntsk-root .pntsk-map-info[hidden] {
  display: none !important;
}

.pntsk-root .pntsk-map-info__close {
  position: absolute;
  top: .55rem;
  right: .55rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--pntsk-line);
  border-radius: 0;
  background: #fff;
  color: var(--pntsk-ink);
  font: inherit;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.pntsk-root .pntsk-map-info__close:hover,
.pntsk-root .pntsk-map-info__close:focus-visible {
  border-color: var(--pntsk-purple);
  color: var(--pntsk-purple);
  outline: none;
}

.pntsk-root .pntsk-map-info__heading {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: .7rem;
  align-items: start;
  padding: 1rem 3.2rem .85rem 1rem;
  border-bottom: 1px solid var(--pntsk-line);
}

.pntsk-root .pntsk-map-info__number {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  color: #fff;
  background: var(--pntsk-blue);
  font-size: .88rem;
  font-weight: 800;
}

.pntsk-root .pntsk-map-info__heading-copy {
  min-width: 0;
}

.pntsk-root .pntsk-map-info__name,
.pntsk-root .pntsk-map-info__state,
.pntsk-root .pntsk-map-info__type {
  display: block;
}

.pntsk-root .pntsk-map-info__name {
  color: var(--pntsk-blue);
  font-size: 1.06rem;
  line-height: 1.16;
}

.pntsk-root .pntsk-map-info__state {
  margin-top: .16rem;
  color: var(--pntsk-muted);
  font-size: .78rem;
}

.pntsk-root .pntsk-map-info__type {
  margin-top: .24rem;
  color: var(--pntsk-purple);
  font-size: .72rem;
  font-weight: 700;
}

.pntsk-root .pntsk-map-info__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
  padding: 1rem;
  color: var(--pntsk-ink);
  font-size: .76rem;
  line-height: 1.45;
}

.pntsk-root .pntsk-map-info__section {
  min-width: 0;
}

.pntsk-root .pntsk-map-info__section--contacts,
.pntsk-root .pntsk-map-info__section--services,
.pntsk-root .pntsk-map-info__notice,
.pntsk-root .pntsk-map-info__sources {
  grid-column: 1 / -1;
}

.pntsk-root .pntsk-map-info__label {
  display: block;
  margin-bottom: .3rem;
  color: var(--pntsk-muted);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pntsk-root .pntsk-map-info address,
.pntsk-root .pntsk-map-info p {
  margin: 0;
  font-style: normal;
}

.pntsk-root .pntsk-map-info a {
  color: var(--pntsk-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.pntsk-root .pntsk-map-info__note {
  display: block;
  margin-top: .28rem;
  color: var(--pntsk-muted);
  font-size: .68rem;
  line-height: 1.35;
}

.pntsk-root .pntsk-map-info__section--contacts ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pntsk-root .pntsk-map-info__section--contacts li {
  min-width: 0;
}

.pntsk-root .pntsk-map-info__section--contacts strong,
.pntsk-root .pntsk-map-info__section--contacts span {
  display: block;
}

.pntsk-root .pntsk-map-info__section--contacts span {
  margin-top: .05rem;
  color: var(--pntsk-muted);
  font-size: .69rem;
}

.pntsk-root .pntsk-map-info__services {
  display: flex;
  flex-wrap: nowrap;
  gap: .25rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: .25rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(122,47,136,.48) rgba(37,53,75,.08);
}

.pntsk-root .pntsk-map-info__service-icon {
  display: block;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  object-fit: cover;
}

.pntsk-root .pntsk-map-info__notice {
  padding: .75rem .8rem;
  border-left: 3px solid #d19320;
  background: #fff8e8;
}

.pntsk-root .pntsk-map-info__notice strong {
  display: block;
  color: #76530c;
  font-size: .78rem;
}

.pntsk-root .pntsk-map-info__notice p {
  margin-top: .28rem;
  color: #67593e;
  font-size: .71rem;
}

.pntsk-root .pntsk-map-info__sources {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .75rem;
  padding-top: .7rem;
  border-top: 1px solid var(--pntsk-line);
}

.pntsk-root .pntsk-map-info__sources a {
  font-size: .68rem;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
    gap: 1.6rem;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 1.95rem minmax(0, 1fr);
    min-height: 94px;
    padding: .6rem .56rem .46rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.95rem;
    height: 1.95rem;
    font-size: .76rem;
  }

  .pntsk-root .pntsk-location__services {
    padding-left: 2.53rem;
  }
}

@media (max-width: 860px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: 1fr;
  }

  .pntsk-root .pntsk-standorte__directory {
    max-width: 760px;
  }

  .pntsk-root .pntsk-map-info {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    width: min(390px, calc(100% - 1rem));
    max-height: min(520px, 72vh);
  }
}

@media (max-width: 640px) {
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    min-height: 88px;
    padding: .52rem .48rem .42rem;
    column-gap: .46rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .7rem;
  }

  .pntsk-root .pntsk-location__name {
    font-size: .8rem;
  }

  .pntsk-root .pntsk-location__state {
    font-size: .62rem;
  }

  .pntsk-root .pntsk-location__services {
    padding-left: 2.21rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }

  .pntsk-root .pntsk-map-info__content {
    grid-template-columns: 1fr;
  }

  .pntsk-root .pntsk-map-info__section--contacts,
.pntsk-root .pntsk-map-info__section--services,
.pntsk-root .pntsk-map-info__notice,
.pntsk-root .pntsk-map-info__sources {
    grid-column: auto;
  }

  .pntsk-root .pntsk-map-info__section--contacts ul {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   v7 - full-width icon footer, overflow arrow and marker-anchored info cards
   -------------------------------------------------------------------------- */
.pntsk-root .pntsk-location {
  grid-template-rows: auto auto;
}

/* The icon row is a true card footer and starts at the same left edge as the number. */
.pntsk-root .pntsk-location__services-shell {
  position: relative;
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.pntsk-root .pntsk-location__services {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 1.55rem 0 0;
  gap: .17rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
}

.pntsk-root .pntsk-location__services::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.pntsk-root .pntsk-location__services-more {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 0;
  display: grid;
  place-items: center;
  width: 1.42rem;
  height: 1.55rem;
  border-left: 1px solid rgba(122,47,136,.12);
  background: linear-gradient(90deg, rgba(245,247,250,0), #f5f7fa 36%);
  color: var(--pntsk-purple);
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 140ms ease, color 140ms ease;
  cursor: pointer;
  user-select: none;
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-more,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(247,240,248,0), #f7f0f8 36%);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(238,244,251,0), #eef4fb 36%);
  color: var(--pntsk-blue);
}

.pntsk-root .pntsk-location__services-shell.has-overflow:not(.is-at-end) .pntsk-location__services-more {
  opacity: .78;
  pointer-events: auto;
}

.pntsk-root .pntsk-location__services-shell.has-overflow:not(.is-at-end) .pntsk-location__services-more:hover {
  opacity: 1;
}

/* The map and overlays share exactly the same responsive stage. This lets the
   info cards stay anchored to the actual marker without authored inline styles. */
.pntsk-root .pntsk-standorte__map {
  position: relative;
  display: block;
  min-height: 0;
  overflow: visible;
  padding-bottom: 0;
}

.pntsk-root .pntsk-standorte__map-stage {
  position: relative;
  width: min(100%, 720px);
  margin-inline: auto;
  overflow: visible;
}

.pntsk-root .pntsk-standorte__map-stage > .pntsk-map-svg,
.pntsk-root .pntsk-standorte__map-stage > svg {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  overflow: visible;
}

/* Coordinates correspond to the marker centers inside viewBox 595 35 580 760. */
.pntsk-root .pntsk-map-info[data-position-id="1"],
.pntsk-root .pntsk-map-preview[data-position-id="1"] { --pntsk-marker-x: 42.258%; --pntsk-marker-y: 12.237%; }
.pntsk-root .pntsk-map-info[data-position-id="2"],
.pntsk-root .pntsk-map-preview[data-position-id="2"] { --pntsk-marker-x: 47.614%; --pntsk-marker-y: 9.863%; }
.pntsk-root .pntsk-map-info[data-position-id="3"],
.pntsk-root .pntsk-map-preview[data-position-id="3"] { --pntsk-marker-x: 47.231%; --pntsk-marker-y: 12.885%; }
.pntsk-root .pntsk-map-info[data-position-id="4"],
.pntsk-root .pntsk-map-preview[data-position-id="4"] { --pntsk-marker-x: 46.354%; --pntsk-marker-y: 16.003%; }
.pntsk-root .pntsk-map-info[data-position-id="5"],
.pntsk-root .pntsk-map-preview[data-position-id="5"] { --pntsk-marker-x: 51.341%; --pntsk-marker-y: 14.663%; }
.pntsk-root .pntsk-map-info[data-position-id="6"],
.pntsk-root .pntsk-map-preview[data-position-id="6"] { --pntsk-marker-x: 49.777%; --pntsk-marker-y: 17.308%; }
.pntsk-root .pntsk-map-info[data-position-id="7"],
.pntsk-root .pntsk-map-preview[data-position-id="7"] { --pntsk-marker-x: 55.068%; --pntsk-marker-y: 18.396%; }
.pntsk-root .pntsk-map-info[data-position-id="8"],
.pntsk-root .pntsk-map-preview[data-position-id="8"] { --pntsk-marker-x: 49.711%; --pntsk-marker-y: 22.129%; }
.pntsk-root .pntsk-map-info[data-position-id="9"],
.pntsk-root .pntsk-map-preview[data-position-id="9"] { --pntsk-marker-x: 62.522%; --pntsk-marker-y: 14.485%; }
.pntsk-root .pntsk-map-info[data-position-id="10"],
.pntsk-root .pntsk-map-preview[data-position-id="10"] { --pntsk-marker-x: 77.429%; --pntsk-marker-y: 34.990%; }
.pntsk-root .pntsk-map-info[data-position-id="11"],
.pntsk-root .pntsk-map-preview[data-position-id="11"] { --pntsk-marker-x: 29.912%; --pntsk-marker-y: 40.793%; }
.pntsk-root .pntsk-map-info[data-position-id="12"],
.pntsk-root .pntsk-map-preview[data-position-id="12"] { --pntsk-marker-x: 31.776%; --pntsk-marker-y: 81.678%; }
.pntsk-root .pntsk-map-info[data-position-id="13"],
.pntsk-root .pntsk-map-preview[data-position-id="13"] { --pntsk-marker-x: 42.444%; --pntsk-marker-y: 15.442%; }
.pntsk-root .pntsk-map-info[data-position-id="14"],
.pntsk-root .pntsk-map-preview[data-position-id="14"] { --pntsk-marker-x: 29.495%; --pntsk-marker-y: 28.496%; }

.pntsk-root .pntsk-map-info,
.pntsk-root .pntsk-map-preview {
  position: absolute;
  left: var(--pntsk-marker-x, 50%);
  top: calc(var(--pntsk-marker-y, 50%) + 18px);
  right: auto;
  bottom: auto;
  border-radius: 0;
  transform: translateX(-50%);
}

/* Marker 10 sits far to the right. Shift its cards inward while keeping them below the point. */
.pntsk-root .pntsk-map-info[data-position-id="10"],
.pntsk-root .pntsk-map-preview[data-position-id="10"] {
  transform: translateX(-76%);
}

.pntsk-root .pntsk-map-info {
  z-index: 40;
  width: min(390px, calc(100% - 1rem));
  max-height: min(450px, calc(100vh - 2rem));
  overflow: auto;
  border: 1px solid rgba(47,104,177,.3);
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 44px rgba(37,53,75,.20);
  backdrop-filter: blur(8px);
}

.pntsk-root .pntsk-map-info::before,
.pntsk-root .pntsk-map-preview::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  width: 12px;
  height: 12px;
  border-top: 1px solid rgba(47,104,177,.3);
  border-left: 1px solid rgba(47,104,177,.3);
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}

.pntsk-root .pntsk-map-info[data-position-id="10"]::before,
.pntsk-root .pntsk-map-preview[data-position-id="10"]::before {
  left: 76%;
}

.pntsk-root .pntsk-map-preview {
  z-index: 32;
  width: min(250px, calc(100% - 1rem));
  padding: .72rem .78rem;
  border: 1px solid rgba(122,47,136,.28);
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 30px rgba(37,53,75,.15);
  pointer-events: none;
}

.pntsk-root .pntsk-map-preview[hidden] {
  display: none !important;
}

.pntsk-root .pntsk-map-preview__heading {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: .5rem;
  align-items: center;
}

.pntsk-root .pntsk-map-preview__number {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  color: #fff;
  background: var(--pntsk-purple);
  font-size: .72rem;
  font-weight: 800;
}

.pntsk-root .pntsk-map-preview__copy {
  min-width: 0;
}

.pntsk-root .pntsk-map-preview__name,
.pntsk-root .pntsk-map-preview__state {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pntsk-root .pntsk-map-preview__name {
  color: var(--pntsk-purple-dark);
  font-size: .88rem;
  line-height: 1.15;
}

.pntsk-root .pntsk-map-preview__state {
  margin-top: .08rem;
  color: var(--pntsk-muted);
  font-size: .68rem;
}

.pntsk-root .pntsk-map-preview__meta {
  display: grid;
  gap: .18rem;
  margin-top: .52rem;
  padding-top: .48rem;
  border-top: 1px solid var(--pntsk-line);
  color: var(--pntsk-ink);
  font-size: .68rem;
  line-height: 1.35;
}

.pntsk-root .pntsk-map-preview__meta span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The southern marker needs some real document space for its downward-opening info card. */
.pntsk-root .pntsk-standorte__map[data-active-id="12"] {
  padding-bottom: 235px;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-location__services {
    padding-left: 0;
  }

  .pntsk-root .pntsk-standorte__map-stage {
    width: min(100%, 680px);
  }
}

@media (max-width: 860px) {
  .pntsk-root .pntsk-standorte__map-stage {
    width: min(100%, 660px);
  }

  .pntsk-root .pntsk-standorte__map-stage > .pntsk-map-svg,
.pntsk-root .pntsk-standorte__map-stage > svg {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 560px) {
  .pntsk-root .pntsk-location__services-shell {
    margin-top: .03rem;
  }

  .pntsk-root .pntsk-map-info {
    left: .5rem;
    right: .5rem;
    width: auto;
    transform: none;
  }

  .pntsk-root .pntsk-map-info::before {
    display: none;
  }

  .pntsk-root .pntsk-map-preview {
    width: min(230px, calc(100% - 1rem));
  }

  .pntsk-root .pntsk-map-preview[data-position-id="10"] {
    transform: translateX(-86%);
  }

  .pntsk-root .pntsk-standorte__map[data-active-id="12"] {
    padding-bottom: 285px;
  }
}

/* Keep service icon strips visually clean; scrolling remains available via touch/wheel. */
.pntsk-root .pntsk-map-info__services {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.pntsk-root .pntsk-map-info__services::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* v7 polish: make the overflow affordance read as an arrow instead of a scrollbar remnant. */
.pntsk-root .pntsk-location__services-more {
  width: 1.3rem;
  border-left: 0;
  background: linear-gradient(90deg, rgba(245,247,250,0), rgba(255,255,255,.96) 42%);
  color: #6f257d;
  font-size: 1.42rem;
  text-shadow: 0 1px 0 #fff;
  box-shadow: -8px 0 12px -11px rgba(37,53,75,.6);
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-more,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(247,240,248,0), rgba(255,255,255,.96) 42%);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(238,244,251,0), rgba(255,255,255,.96) 42%);
}

.pntsk-root .pntsk-map-info {
  scrollbar-width: thin;
  scrollbar-color: rgba(47,104,177,.32) transparent;
}

.pntsk-root .pntsk-map-info::-webkit-scrollbar {
  width: 6px;
}

.pntsk-root .pntsk-map-info::-webkit-scrollbar-track {
  background: transparent;
}

.pntsk-root .pntsk-map-info::-webkit-scrollbar-thumb {
  background: rgba(47,104,177,.32);
}

/* --------------------------------------------------------------------------
   v8 - bidirectional icon-strip arrows and cleaner marker information cards
   -------------------------------------------------------------------------- */

/* The native SVG <title> elements are removed by JS/build so the custom preview
   is the only hover information shown for map markers. */

.pntsk-root .pntsk-location__services {
  padding-inline: 0;
}

.pntsk-root .pntsk-location__services-more,
.pntsk-root .pntsk-location__services-less {
  position: absolute;
  z-index: 4;
  top: 50%;
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.65rem;
  border: 0;
  color: var(--pntsk-purple);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 120ms ease, color 120ms ease;
  cursor: pointer;
  user-select: none;
}

.pntsk-root .pntsk-location__services-more {
  right: 0;
  background: linear-gradient(90deg, rgba(245,247,250,0), rgba(245,247,250,.98) 46%);
  box-shadow: -8px 0 12px -11px rgba(37,53,75,.65);
}

.pntsk-root .pntsk-location__services-less {
  left: 0;
  background: linear-gradient(270deg, rgba(245,247,250,0), rgba(245,247,250,.98) 46%);
  box-shadow: 8px 0 12px -11px rgba(37,53,75,.65);
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-more,
.pntsk-root .pntsk-location:hover .pntsk-location__services-less,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-more,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-less {
  background-color: transparent;
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-more,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(247,240,248,0), rgba(247,240,248,.98) 46%);
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-less,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-less {
  background: linear-gradient(270deg, rgba(247,240,248,0), rgba(247,240,248,.98) 46%);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(238,244,251,0), rgba(238,244,251,.98) 46%);
  color: var(--pntsk-blue);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-less {
  background: linear-gradient(270deg, rgba(238,244,251,0), rgba(238,244,251,.98) 46%);
  color: var(--pntsk-blue);
}

.pntsk-root .pntsk-location__services-shell.can-scroll-right .pntsk-location__services-more,
.pntsk-root .pntsk-location__services-shell.can-scroll-left .pntsk-location__services-less {
  opacity: .84;
  pointer-events: auto;
}

.pntsk-root .pntsk-location__services-shell.can-scroll-right .pntsk-location__services-more:hover,
.pntsk-root .pntsk-location__services-shell.can-scroll-left .pntsk-location__services-less:hover {
  opacity: 1;
}

/* Hover preview: facility/einrichtung is the first line whenever available. */
.pntsk-root .pntsk-map-preview {
  display: grid;
  gap: .5rem;
  width: min(275px, calc(100% - 1rem));
  padding: .72rem .8rem .76rem;
}

.pntsk-root .pntsk-map-preview__facility {
  display: block;
  overflow: hidden;
  color: var(--pntsk-purple);
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pntsk-root .pntsk-map-preview__facility[hidden] {
  display: none !important;
}

.pntsk-root .pntsk-map-preview__heading {
  margin: 0;
}

.pntsk-root .pntsk-map-preview__meta {
  margin-top: 0;
}

/* Full info card: contact information is intentionally stacked. This avoids
   awkward two-column wrapping for long email addresses and phone numbers. */
.pntsk-root .pntsk-map-info {
  width: min(440px, calc(100% - 1rem));
  overflow-x: hidden;
}

.pntsk-root .pntsk-map-info__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: .95rem 1rem 1rem;
  font-size: .76rem;
}

.pntsk-root .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__section--contacts,
.pntsk-root .pntsk-map-info__section--services,
.pntsk-root .pntsk-map-info__notice,
.pntsk-root .pntsk-map-info__sources {
  grid-column: 1;
  min-width: 0;
}

.pntsk-root .pntsk-map-info__section {
  padding-block: .62rem;
}

.pntsk-root .pntsk-map-info__section:first-child {
  padding-top: 0;
}

.pntsk-root .pntsk-map-info__section + .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__notice + .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__section + .pntsk-map-info__sources {
  border-top: 1px solid rgba(210,220,232,.72);
}

.pntsk-root .pntsk-map-info__label {
  margin-bottom: .25rem;
}

.pntsk-root .pntsk-map-info__section--contacts ul {
  grid-template-columns: 1fr;
  gap: .52rem;
}

.pntsk-root .pntsk-map-info a[href^="mailto:"],
.pntsk-root .pntsk-map-info a[href^="tel:"] {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.pntsk-root .pntsk-map-info address,
.pntsk-root .pntsk-map-info__section p,
.pntsk-root .pntsk-map-info__section strong,
.pntsk-root .pntsk-map-info__section span {
  overflow-wrap: normal;
  word-break: normal;
}

.pntsk-root .pntsk-map-info__services {
  padding-bottom: 0;
}

.pntsk-root .pntsk-map-info__sources {
  margin-top: .15rem;
}

@media (max-width: 560px) {
  .pntsk-root .pntsk-map-info {
    width: auto;
  }

  .pntsk-root .pntsk-map-preview {
    width: min(255px, calc(100% - 1rem));
  }
}


/* --------------------------------------------------------------------------
   v9 - calmer list states, centered service legend and compact info card
   -------------------------------------------------------------------------- */

/* Directory cards stay white. Hover feedback lives exclusively on the number
   circle. The selected item keeps only a crisp border plus the blue identity
   cue in number/name. */
.pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
  background: #fff;
}

.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible {
  border-color: transparent;
  box-shadow: none;
}

.pntsk-root .pntsk-location:hover .pntsk-location__name,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__name,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__name {
  color: var(--pntsk-ink);
}

.pntsk-root .pntsk-location.is-active {
  border-color: rgba(47,104,177,.52);
  box-shadow: none;
}

.pntsk-root .pntsk-location.is-active .pntsk-location__name {
  color: var(--pntsk-blue);
}

/* The legend belongs to the directory column, directly below the location
   list. Icons and captions are centered as one visual unit. */
.pntsk-root .pntsk-standorte__directory .pntsk-service-legend {
  width: 100%;
  margin-top: 1.7rem;
}

.pntsk-root .pntsk-service-legend__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem .5rem;
  padding: 1rem .7rem .9rem;
}

.pntsk-root .pntsk-service-legend__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: .48rem;
  min-width: 0;
  text-align: center;
}

.pntsk-root .pntsk-service-legend__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.pntsk-root .pntsk-service-legend__item span {
  width: 100%;
  text-align: center;
  line-height: 1.22;
}

/* Full card: use page scrolling instead of an inner scrollbar whenever the
   viewport allows it. Only the header and footer are separated by rules. */
.pntsk-root .pntsk-map-info {
  width: min(430px, calc(100% - 1rem));
  max-height: none;
  overflow: visible;
}

.pntsk-root .pntsk-map-info__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .72rem;
  padding: .92rem 1rem 0;
}

.pntsk-root .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__section:first-child,
.pntsk-root .pntsk-map-info__section + .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__notice + .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__section + .pntsk-map-info__sources,
.pntsk-root .pntsk-map-info__section + .pntsk-map-info__footer {
  padding: 0;
  border-top: 0;
}

.pntsk-root .pntsk-map-info__section--contacts ul {
  grid-template-columns: 1fr;
  gap: .38rem;
}

.pntsk-root .pntsk-map-info__services {
  padding-bottom: 0;
}

.pntsk-root .pntsk-map-info__footer {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .8rem;
  margin-top: .15rem;
  padding: .72rem 0 .85rem;
  border-top: 1px solid var(--pntsk-line);
}

.pntsk-root .pntsk-map-info__footer a {
  font-size: .7rem;
  font-weight: 700;
}

/* Legacy source container is kept harmless for older markup. */
.pntsk-root .pntsk-map-info__sources {
  margin-top: .15rem;
  padding-top: .72rem;
  border-top: 1px solid var(--pntsk-line);
}

.pntsk-root .pntsk-map-info::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* On genuinely small screens the card may exceed the viewport. In that one
     case an internal fallback scroll is preferable to inaccessible content. */
  .pntsk-root .pntsk-map-info {
    max-height: calc(100vh - 1.25rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 520px) {
  .pntsk-root .pntsk-service-legend__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Keep the icon-strip affordance neutral so item hover has no background cue. */
.pntsk-root .pntsk-location:hover .pntsk-location__services-more,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-more,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.98) 46%);
}

.pntsk-root .pntsk-location:hover .pntsk-location__services-less,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__services-less,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__services-less {
  background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,.98) 46%);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-more {
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.98) 46%);
}

.pntsk-root .pntsk-location.is-active .pntsk-location__services-less {
  background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,.98) 46%);
}


/* --------------------------------------------------------------------------
   v10 - three-column directory, borderless active items, compact CD info card
   -------------------------------------------------------------------------- */

/* The directory gets more width so 14 locations read as a compact 3-column
   index while the map remains the dominant visual on the right. */
.pntsk-root .pntsk-standorte__layout {
  grid-template-columns: minmax(540px, 590px) minmax(0, 1fr);
  gap: clamp(1.65rem, 2.4vw, 2.75rem);
}

.pntsk-root .pntsk-standorte__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .42rem .52rem;
}

/* Remove the box treatment completely. Active/hover identity is carried by
   the number circle and the active name color only. */
.pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
  min-height: 0;
  padding: .45rem .38rem .42rem;
  border: 0;
  background: #fff;
  box-shadow: none;
}

.pntsk-root .pntsk-location {
  grid-template-columns: 1.9rem minmax(0, 1fr);
  column-gap: .48rem;
  row-gap: .28rem;
}

.pntsk-root .pntsk-location__number {
  width: 1.9rem;
  height: 1.9rem;
  font-size: .75rem;
}

.pntsk-root .pntsk-location__name {
  margin-top: .02rem;
  margin-bottom: .12rem;
  font-size: .86rem;
}

.pntsk-root .pntsk-location__state {
  font-size: .64rem;
}

.pntsk-root .pntsk-location__services-shell {
  margin: 0;
}

.pntsk-root .pntsk-location__service-icon {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
}

/* Keep the service legend centered and directly attached to the directory. */
.pntsk-root .pntsk-standorte__directory .pntsk-service-legend {
  margin-top: 1.45rem;
}

.pntsk-root .pntsk-service-legend__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Corporate-design links: blue, deliberate typography, no browser-default
   underline. Focus stays visible for keyboard users. */
.pntsk-root .pntsk-map-info a,
.pntsk-root .pntsk-map-info a:visited {
  color: var(--pntsk-blue);
  text-decoration: none;
  text-decoration-thickness: 0;
  font-weight: 700;
  transition: color 140ms ease, opacity 140ms ease;
}

.pntsk-root .pntsk-map-info a:hover {
  color: var(--pntsk-purple);
  text-decoration: none;
}

.pntsk-root .pntsk-map-info a:focus-visible {
  outline: 2px solid rgba(47,104,177,.45);
  outline-offset: 2px;
  text-decoration: none;
}

/* Compact stacked content. There are no separators between individual fields;
   the heading and footer alone define the information card structure. */
.pntsk-root .pntsk-map-info__content {
  gap: .52rem;
  padding: .85rem 1rem .78rem;
}

.pntsk-root .pntsk-map-info__section,
.pntsk-root .pntsk-map-info__section:first-child,
.pntsk-root .pntsk-map-info__section + .pntsk-map-info__section {
  margin: 0;
  padding: 0;
  border: 0;
}

.pntsk-root .pntsk-map-info__label {
  margin-bottom: .18rem;
}

.pntsk-root .pntsk-map-info__section--contacts ul {
  gap: .26rem;
}

.pntsk-root .pntsk-map-info__section--contacts li {
  margin: 0;
}

.pntsk-root .pntsk-map-info__link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .08rem;
  min-width: 0;
}

.pntsk-root .pntsk-map-info__link-list a {
  display: block;
  max-width: 100%;
  line-height: 1.32;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pntsk-root .pntsk-map-info__phone-list {
  gap: .04rem;
}

.pntsk-root .pntsk-map-info__note {
  margin-top: .18rem;
}

/* The footer is a real sibling of the body so it is visually consistent and
   always separated from the content by exactly one rule. */
.pntsk-root .pntsk-map-info__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .38rem .8rem;
  margin: 0;
  padding: .68rem 1rem .78rem;
  border-top: 1px solid var(--pntsk-line);
}

.pntsk-root .pntsk-map-info__footer[hidden] {
  display: none !important;
}

.pntsk-root .pntsk-map-info__footer a {
  font-size: .72rem;
  line-height: 1.25;
}

@media (max-width: 1180px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: minmax(470px, 510px) minmax(0, 1fr);
    gap: 1.45rem;
  }

  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem .44rem;
  }

  .pntsk-root .pntsk-location {
    grid-template-columns: 1.78rem minmax(0, 1fr);
    column-gap: .42rem;
    padding-inline: .3rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.78rem;
    height: 1.78rem;
    font-size: .7rem;
  }

  .pntsk-root .pntsk-location__name {
    font-size: .8rem;
  }

  .pntsk-root .pntsk-location__state {
    font-size: .6rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
}

@media (max-width: 860px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: 1fr;
  }

  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   v11 - blue hover identity and richer hover preview
   -------------------------------------------------------------------------- */

/* Hover uses the same blue identity as the selected state, but keeps the
   deliberately minimal list treatment: only the number circle changes. */
.pntsk-root .pntsk-location:hover .pntsk-location__number,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__number,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__number {
  background: var(--pntsk-blue);
  box-shadow: 0 0 0 3px rgba(47,104,177,.13);
}

.pntsk-root .pntsk-location:hover .pntsk-location__name,
.pntsk-root .pntsk-location.is-hovered .pntsk-location__name,
.pntsk-root .pntsk-location:focus-visible .pntsk-location__name {
  color: var(--pntsk-ink);
}

/* Map hover is also blue, matching active markers. */
.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered > path:first-of-type {
  fill: var(--pntsk-blue) !important;
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered .pntsk-marker-ring {
  stroke: var(--pntsk-blue);
}

.pntsk-root .pntsk-standorte__map .pntsk-location-marker.is-hovered {
  filter: drop-shadow(0 5px 7px rgba(24,70,119,.32));
}

/* The explanatory map caption is intentionally omitted in v11. */
.pntsk-root .pntsk-standorte__map-hint {
  display: none !important;
}

/* Hover preview includes address/phone plus email and service icons at the
   bottom. Email wrapping is intentionally allowed in this compact card. */
.pntsk-root .pntsk-map-preview {
  width: min(300px, calc(100% - 1rem));
}

.pntsk-root .pntsk-map-preview__meta {
  gap: .2rem;
}

.pntsk-root .pntsk-map-preview__email {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.pntsk-root .pntsk-map-preview__services {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .18rem;
  margin-top: .28rem;
  padding-top: .38rem;
  border-top: 1px solid rgba(219,228,238,.9);
}

.pntsk-root .pntsk-map-preview__service-icon {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: cover;
  flex: 0 0 20px;
}

@media (max-width: 560px) {
  .pntsk-root .pntsk-map-preview {
    width: min(275px, calc(100% - 1rem));
  }
}


/* --------------------------------------------------------------------------
   v12 - repaired Sachsen/Bayern boundary + compact mobile directory box
   -------------------------------------------------------------------------- */

/* Mobile uses a deliberately compact directory viewport instead of letting all
   14 entries create a very long page. The map remains above it, the service
   legend remains directly below it, and the list itself scrolls independently. */
@media (max-width: 760px) {
  .pntsk-root .pntsk-standorte__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.35rem;
  }

  .pntsk-root .pntsk-standorte__map-column {
    position: static;
    order: -1;
  }

  .pntsk-root .pntsk-standorte__map-stage {
    width: min(92vw, 520px);
    margin-inline: auto;
  }

  .pntsk-root .pntsk-standorte__directory {
    width: 100%;
    max-width: 680px;
    margin-inline: auto;
  }

  .pntsk-root .pntsk-standorte__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 84px;
    gap: 0;
    width: 100%;
    max-height: 254px; /* three 84px rows + outer borders */
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(47,104,177,.34) transparent;
    border: 1px solid var(--pntsk-line);
    background: #fff;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar {
    width: 5px;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar-track {
    background: transparent;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar-thumb {
    background: rgba(47,104,177,.30);
    border-radius: 0;
  }

  .pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
    grid-template-columns: 1.7rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: .42rem;
    row-gap: .28rem;
    align-content: start;
    min-width: 0;
    min-height: 84px;
    height: 84px;
    padding: .5rem .48rem .4rem;
    border: 0;
    border-bottom: 1px solid var(--pntsk-line);
    background: #fff;
    scroll-snap-align: start;
    overflow: hidden;
  }

  .pntsk-root .pntsk-location:nth-child(odd) {
    border-right: 1px solid var(--pntsk-line);
  }

  .pntsk-root .pntsk-location__number {
    width: 1.7rem;
    height: 1.7rem;
    font-size: .68rem;
  }

  .pntsk-root .pntsk-location__name {
    margin: .01rem 0 .1rem;
    font-size: .78rem;
    line-height: 1.08;
  }

  .pntsk-root .pntsk-location__state {
    font-size: .59rem;
    line-height: 1.12;
  }

  .pntsk-root .pntsk-location__services-shell {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .pntsk-root .pntsk-location__services {
    gap: .14rem;
    padding: 0;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }

  .pntsk-root .pntsk-location__services-more,
.pntsk-root .pntsk-location__services-less {
    width: 1.1rem;
    height: 1.35rem;
    font-size: 1.25rem;
  }

  .pntsk-root .pntsk-standorte__directory .pntsk-service-legend {
    margin-top: 1.3rem;
  }
}

@media (max-width: 430px) {
  /* Keep the requested two entries per row even on narrow phones. */
  .pntsk-root .pntsk-standorte__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
    grid-template-columns: 1.55rem minmax(0, 1fr);
    column-gap: .36rem;
    padding-inline: .4rem;
  }

  .pntsk-root .pntsk-location__number {
    width: 1.55rem;
    height: 1.55rem;
    font-size: .64rem;
  }

  .pntsk-root .pntsk-location__name {
    font-size: .73rem;
  }

  .pntsk-root .pntsk-location__state {
    font-size: .56rem;
  }

  .pntsk-root .pntsk-location__service-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
}

/* --------------------------------------------------------------------------
   v13 - simplified mobile list frame + balanced item spacing
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
  /* One visible frame around the whole directory only. */
  .pntsk-root .pntsk-standorte__list {
    --pntsk-mobile-item-height: 72px;
    grid-auto-rows: var(--pntsk-mobile-item-height);
    max-height: calc(var(--pntsk-mobile-item-height) * 3);
    gap: 0;
    padding: 0;
    border: 1px solid var(--pntsk-line);
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: rgba(47,104,177,.48) #f3f6fa;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar {
    width: 8px;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar-track {
    background: #f3f6fa;
  }

  .pntsk-root .pntsk-standorte__list::-webkit-scrollbar-thumb {
    background: rgba(47,104,177,.46);
    border: 2px solid #f3f6fa;
    border-radius: 0;
  }

  /* No boxes or dividing rules per item - spacing alone separates entries. */
  .pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
    min-height: var(--pntsk-mobile-item-height);
    height: var(--pntsk-mobile-item-height);
    padding: .42rem .46rem;
    border: 0 !important;
    background: #fff;
    align-content: center;
    row-gap: .18rem;
    overflow: hidden;
  }

  .pntsk-root .pntsk-location:nth-child(odd) {
    border-right: 0 !important;
  }

  .pntsk-root .pntsk-location__name {
    margin: 0 0 .06rem;
  }

  .pntsk-root .pntsk-location__services-shell {
    margin: 0;
    align-self: center;
  }

  .pntsk-root .pntsk-location__services {
    min-height: 18px;
    padding: 0;
    margin: 0;
    line-height: 1;
  }
}

@media (max-width: 430px) {
  .pntsk-root .pntsk-standorte__list {
    --pntsk-mobile-item-height: 70px;
  }

  .pntsk-root .pntsk-location,
.pntsk-root .pntsk-location:hover,
.pntsk-root .pntsk-location.is-hovered,
.pntsk-root .pntsk-location:focus-visible,
.pntsk-root .pntsk-location.is-active {
    padding: .38rem .38rem;
  }
}