.leaflet-container {
  background-color: transparent !important;
}

.leaflet-control-attribution {
    display: none;
}

.leaflet-control-zoom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: none !important;
}

.leaflet-control-layers-overlays {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.leaflet-control-layers-selector {
  appearance: checkbox;
  visibility: visible !important;
  margin: 2px 3px 3px 4px !important;
  accent-color: #7B2331;
}

#ce_parkmanager_parkplan .leaflet-control-zoom-in, #ce_parkmanager_parkplan .leaflet-control-zoom-out {
  width: 34px !important;
  height: 34px !important;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  border-radius: 5px !important;
  text-decoration: none !important;
  border: 2px solid #7B2331 !important;
  background-position: center !important;
}

.leaflet-control-zoom-in {
  background-image: url('../../images/icon-parkplan-zoom-in.png') !important;
}

.leaflet-control-zoom-out {
  background-image: url('../../images/icon-parkplan-zoom-out.png') !important;
}

.leaflet-control-zoom-in span, .leaflet-control-zoom-out span {
  display: none;
}

.leaflet-control-zoom-in.leaflet-disabled, .leaflet-control-zoom-out.leaflet-disabled {
  opacity: 0.7;
}

.leaflet-control-layers {
  border-color: #7B2331 !important;
}

.leaflet-control-layers a {
  color: transparent;
}

.leaflet-control-layers-toggle {
  background-image: none !important;
  background-color: #7B2331;
  width: 35px !important;
  height: 35px !important;
}

.leaflet-control-layers-toggle::after {
  content: "\27";
  color: #FFF;
  font-family: "hansapark-iconfont", serif !important;
  font-size: 19px;
  position: relative;
  top: 4px;
  left: 8px;
}

#pal_parkplan_legend .col-headlines {
  display: flex;
  flex-direction: row;
  gap: 15px;
  font-weight: 600;
}

#pal_parkplan_legend .col-headlines li:not(:last-child) {
  flex: 1;
}

#pal_parkplan_legend .col-headlines li:first-child {
  margin-left: 25px;
}

#pal_parkplan_legend .col-headlines li:last-child {
  width: 150px;
  margin-right: 25px;
}

#ctrl_pins li {
  display: flex;
  gap: 10px;
}

#ctrl_pins .y_coordinate, #ctrl_pins .x_coordinate {
  display: none;
}

#ctrl_pins .anchor {
  width: 150px;
}

#ctrl_pins .status-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.status-wrapper .attraction-status {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #32CD32;
}

.attraction-status.inactive {
  background-color: #FF0000;
}

.attraction-status.placeholder {
  background-color: lightgray;
}

.leaflet-popup-content {
  & > div {
    color: white;
  }
}

.leaflet-popup-close-button span{
  color: #fff;
}

.leaflet-popup-content-wrapper {
  background: transparent;
}

.leaflet-popup-content {
  margin: 0;
}

.leaflet-popup-tip {
  display: none;
}

.leaflet-popup-close-button {
  top: 5px !important;
  right: 5px !important;
}

.pin-popup {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #fff;
  position: relative;
  min-width: 280px;
  min-height: 250px;
}

.pin-popup .name {
  font-size: 18px;
  position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
  background-color: #7B2331;
  padding: 15px;
  color: #fff;
  font-family: 'Gentium Basic', serif;
  text-transform: uppercase;
}

.pin-popup .banner {
  background-image: url('https://www.hansapark.de/files/theme-styles/img/wood-texture.jpg');
	position: absolute;
  width: 100%;
	height: 35px;
	bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.pin-popup .banner .ce_hyperlink {
  margin: 0;
  width: 90%;
}

.pin-popup .banner .ce_hyperlink a {
  font-size: 11px;
  padding: 6px 10px;
  width: 100%;
}

.pin-popup .banner .ce_hyperlink a::after {
  transform: translate(5px, 1px);
}

#be_parkplan .leaflet-popup-content-wrapper {
  background-color: #c1001f;
  border-radius: 0;
  padding: 10px 20px;
}

#be_parkplan .leaflet-popup-close-button {
  top: -4px !important;
  right: -4px !important;
}

.link_selection.warning {
  border: 1px solid red;
}

.pin_selection:focus, .attraction_selection:focus, .link_selection:focus {
  outline: 0;
}

#tl_parkmanager_parkplan #pal_translations_legend_en, #tl_parkmanager_parkplan #pal_translations_legend_dk{
  display: none;
}

@media (max-width: 550px) {
  .pin-popup {
    min-width: 300px;
    max-width: 300px;
    min-height: 190px;
    max-height: 190px;
  }

  .pin-popup .name {
    font-size: 17px;
    padding: 10px 10px;
  }

  .pin-popup .banner .ce_hyperlink a {
    font-size: 12px;
  }

  .leaflet-popup-close-button {
    display: none;
  }
}

@media (max-width: 450px) {
  .pin-popup {
    min-width: 200px;
    max-width: 200px;
    min-height: 150px;
    max-height: 150px;
  }

  .pin-popup .name {
    font-size: 15px;
    padding: 5px 10px;
  }

  .pin-popup .banner .ce_hyperlink a {
    font-size: 10px;
  }
}

@media (max-width: 350px) {
  .pin-popup {
    min-width: 150px;
    max-width: 150px;
    min-height: 130px;
    max-height: 130px;
  }

  .pin-popup .name {
    font-size: 12px;
    padding: 5px;
  }

  .pin-popup .banner .ce_hyperlink a {
    font-size: 8px;
  }
}