/* Burg Heinfels – Anreise-Karte (Leaflet) */

/*
 * Form-Ueberschrift: zentriert.
 * .row (-15px) + overflow:hidden schneidet sonst den ersten Buchstaben (Firefox).
 */
.ce_form {
  overflow: visible !important;
}

.ce_form > h1,
.ce_form > h2,
.ce_form > h3,
.ce_form > h4,
.ce_form > h5,
.ce_form > h6 {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.bh-arrival-map {
  width: 100%;
  height: 70vh;
  min-height: 320px;
  z-index: 1;
  background: #e8e4df;
  border-radius: 2px;
}

.bh-arrival-map .leaflet-container {
  font: inherit;
  background: #e8e4df;
}

/* Zoom-Buttons unter dem Header, im BH-Look */
.bh-arrival-map .leaflet-top {
  top: 100px;
}

.bh-arrival-map .leaflet-left {
  left: 12px;
}

.bh-arrival-map .leaflet-control-zoom {
  border: 1px solid #942b00 !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

.bh-arrival-map .leaflet-control-zoom a {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #fff !important;
  background: #942b00 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.bh-arrival-map .leaflet-control-zoom a:last-child {
  border-bottom: none !important;
}

.bh-arrival-map .leaflet-control-zoom a:hover,
.bh-arrival-map .leaflet-control-zoom a:focus {
  background: #fff !important;
  color: #942b00 !important;
  outline: none;
}

.bh-arrival-map .leaflet-control-zoom a.leaflet-disabled {
  background: #c4a090 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: default;
}

.bh-map-popup .leaflet-popup-content-wrapper {
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.bh-map-popup .leaflet-popup-content {
  margin: 12px 14px;
  font-size: 0.95em;
  line-height: 1.4;
  color: #333;
}

.bh-map-popup .leaflet-popup-content p {
  margin: 0 0 0.5em;
}

.bh-map-popup .leaflet-popup-content p:last-child {
  margin-bottom: 0;
}

.bh-map-popup .leaflet-popup-content a {
  color: #942b00;
}

.bh-map-address {
  margin-top: 0.35em;
}

.bh-map-oebb {
  margin-top: 0.6em !important;
}

@media only screen and (max-width: 767px) {
  .bh-arrival-map {
    height: 55vh;
    min-height: 260px;
  }

  .bh-arrival-map .leaflet-top {
    top: 80px;
  }

  .bh-arrival-map .leaflet-control-zoom a {
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
  }
}
