/* MINI LAND POI – RESPONSIVE */
/* Ziel: keine Größen-Skalierung; mobil horizontal scrollen in .content.
   Scrollbar liegt direkt unter dem Plan (nicht am Viewport). */

@media (max-width: 991px){

  /* .content ist der einzige Scroller + gemeinsame Höhe über --map-h */
  .content[data-scroller]{
    --map-h: 50vh;          /* <— hier zentral setzen */
    height: var(--map-h);
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable both-edges;
  }

  .stage{
    display: inline-block;
    width: auto;
    height: var(--map-h);    /* deckungsgleich zur .content-Höhe */
  }

  .stage__canvas{
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 0;
  }

  .stage__canvas > img{
    display: block;
    height: 100%;            /* = 50svh */
    width: auto;             /* erzeugt horizontalen Overflow */
    max-width: none;
  }

  .all-poi{
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 10;
  }

  /* Mobile: keine Auto-Textvergrößerung */
  html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  

  
}