.geolocation-map-wrapper,
.geolocation-map-container.leaflet-container {
  border-radius: 5px;
  overflow: hidden;
}

/* Leaflet sometimes draws panes beyond the container, clip them too */
.geolocation-map-container.leaflet-container .leaflet-pane,
.geolocation-map-container.leaflet-container .leaflet-tile-pane,
.geolocation-map-container.leaflet-container .leaflet-map-pane {
  border-radius: 5px;
}


.geolocation-map-wrapper {
  position: relative;
}

.map-detail-panel {
  position: absolute;
  top: 6rem;
  left: 4rem;
  right: auto;
  z-index: 1000;
  width: 420px;
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
  overflow: auto;
}
.teaser-right .map-detail-panel {
  left: auto;
  right: 4rem;
}

@media (max-width: 980px) {
.nomads-content .map-detail-panel {
  left: 2%;
  right: auto;
  top: 10%;
  width: 96%;
  max-width: none;
  box-sizing: border-box;
}
}

.nomads-map .node--view-mode-teaser .field--name-field-defaults-tags.field__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
}



/* ========== Map ========== */

/* MAP PAGE, full viewport map, no page scroll, navbar floating above map */
body.path-map {
  margin: 0;
  overflow: hidden;
}

/* Remove Drupal toolbar offset on map page */
body.path-map,
body.path-map.toolbar-horizontal,
body.path-map.toolbar-fixed,
body.path-map.toolbar-tray-open {
  padding-top: 0 !important;
}

/* Full viewport page shell */
body.path-map,
body.path-map .dialog-off-canvas-main-canvas,
body.path-map .region-content,
body.path-map .nomads-content,
body.path-map #block-nomads-content,
body.path-map .view-map,
body.path-map .view-map .view-content,
body.path-map .geolocation-map-wrapper {
  height: 100vh;
  min-height: 100vh;
}

/* Remove width constraints and spacing */
body.path-map .nomads-inner,
body.path-map .nomads-inner--constrained,
body.path-map .nomads-content,
body.path-map .region-content,
body.path-map .view-map,
body.path-map .view-map .view-content,
body.path-map #block-nomads-content {
  max-width: none !important;
  width: 100vw;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide normal page content below the map */
body.path-map footer,
body.path-map .region-footer,
body.path-map .geolocation-location,
body.path-map .location-content {
  display: none !important;
}

/* Make the map fill the whole viewport */
body.path-map .geolocation-map-wrapper,
body.path-map .geolocation-map-container,
body.path-map .leaflet-container {
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
}

/* Floating navbar over the map */
.nomads-navbar-region-wrapper--map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20000;
}

.nomads-navbar-region-wrapper--map .nomads-navbar {
  position: relative;
  z-index: 20000;
  background: rgba(255, 255, 255, 0.5);
/*  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); bricht nav positionierung */
}

/* Keep navbar inner full width too */
.nomads-navbar-region-wrapper--map .nomads-navbar__inner {
  max-width: none !important;
  width: 100%;
}

.nomads-navbar-region-wrapper--map .region-navigation--map-extension {
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  max-height: calc(100vh - 60px);
  overflow: visible;
  padding: 10px 0 14px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
  transition: transform 180ms ease, opacity 140ms ease;
}

.nomads-navbar-region-wrapper--map:hover .region-navigation--map-extension,
.nomads-navbar-region-wrapper--map:focus-within .region-navigation--map-extension {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.nomads-navbar-region-wrapper--map .region-navigation--map-extension .nomads-inner,
.nomads-navbar-region-wrapper--map .region-navigation--map-extension .nomads-inner--constrained {
  max-width: none !important;
  width: 100%;
  box-sizing: border-box;
  padding-inline: 16px !important;
}

@media (max-width: 980px) {
  .nomads-navbar-region-wrapper--map .region-navigation--map-extension {
    position: fixed;
    z-index: 19970;
    top: 126px;
    bottom: 70px;
    max-height: none;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
  }

  .nomads-navbar-region-wrapper--map:hover .region-navigation--map-extension {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
  }

  body.nomads-mobile-search-open .nomads-navbar-region-wrapper--map .region-navigation--map-extension,
  body.nomads-mobile-search-open .nomads-navbar-region-wrapper--map:focus-within .region-navigation--map-extension {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* Push map controls below floating navbar */
body.path-map .leaflet-top {
  top: 90px;
}

/* Optional, hide Drupal admin toolbar completely on map page */
body.path-map #toolbar-administration {
  display: none !important;
}


#map.combined-map-virtual-field {
  height: clamp(320px, 70vh, 1100px);
}

#map .views-element-container,
#map .view,
#map .view-content,
#map .geolocation-map-wrapper,
#map .geolocation-map-container {
  height: 100%;
}
#map.combined-map-virtual-field {
  height: 695px;
}


.domain-nomads.path-map #block-nomads-rootnavigation-2 {
  position: absolute;
  top: 10vh;
  left: 1vw;
  z-index: 600;
}
.domain-nomads.path-map .specific-wrapper {
  display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 70vh;
min-height: 500px;
width: 100%;
}
.domain-nomads.path-map .nomads-specific-navigation__term-label {
  font-size: 1.1em;
}
.domain-nomads.path-map .region.region-navigation .block-nomads-navigation-tag-navigation {
  grid-row: 1 / 3;
}

.path-map .nomads-navbar:hover {
  box-shadow: none;
  border: 0;
}
.path-map .icon-wrapper {
  background: transparent;
}
.path-map .nomads-navbar {
  padding-top: 8px;
  height: 52px;
}
.path-map .nomads-navbar__inner {
  min-height: 52px;
  height: 52px;
}
.path-map  .nomads-navbar__brand-wrap {
  margin-left: 25px;
}
.path-map  .nomads-navbar__group--user {
  margin-right: 25px;
}