/* FlächenDigital v6 – Leaflet/onOffice Karten-Innenmarkup
 * Ausschließlich auf FlächenDigital-Seiten wirksam.
 */
.fp-site .leaflet-popup-content-wrapper{
  overflow:hidden;
  border:1px solid rgba(31,48,41,.14);
  border-radius:18px;
  background:var(--fd-surface);
  box-shadow:0 20px 52px rgba(18,38,30,.20);
}

.fp-site .leaflet-popup-content{
  min-width:340px;
  max-width:460px;
  margin:0;
  padding:0;
  color:var(--fd-text);
  font-family:"Montserrat",Arial,sans-serif;
}

.fp-site .leaflet-popup-content .oo-infowindow--compact{
  min-width:0;
  padding:14px;
  color:var(--fd-text);
  font-family:"Montserrat",Arial,sans-serif;
}

.fp-site .oo-infowindowimage{
  width:100%;
  aspect-ratio:16 / 9;
  margin:0 0 17px;
  overflow:hidden;
  border-radius:16px;
  background:rgba(12,31,48,.07);
}

.fp-site .oo-infowindowimage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.fp-site .oo-infowindowbody{padding:0 4px 4px}

.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-infowindowtitle{
  max-width:none;
  margin:0 38px 6px 0;
  overflow:visible;
  color:var(--fd-text);
  font-size:20px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.018em;
  white-space:normal;
  text-overflow:clip;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:auto;
}

.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-infowindowaddress{
  margin:0;
  color:var(--fd-text-muted);
  font-size:14px;
  line-height:1.45;
  font-weight:500;
}

.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-detailslink{
  margin:22px 0 0;
  padding:0;
}


.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-bttn,
.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-btn{
  width:100%;
  margin:0;
}

.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-bttn::after,
.fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-btn::after{
  content:"→";
  margin-left:9px;
  color:inherit;
  font-size:14px;
  line-height:1;
}

.fp-site .leaflet-popup-tip{
  background:var(--fd-surface);
  box-shadow:none;
}

.fp-site .leaflet-popup-close-button{
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--fd-text-muted);
  font-family:Arial,Helvetica,sans-serif;
  font-size:22px;
  line-height:26px;
  font-weight:400;
  text-align:center;
  opacity:1;
}

.fp-site .leaflet-popup-close-button:hover,
.fp-site .leaflet-popup-close-button:focus{
  background:rgba(29,52,40,.05);
  color:var(--fd-text);
}

.fp-site .leaflet-control-attribution,
.fd-map-modal .leaflet-control-attribution{
  font-size:9px;
  line-height:1.25;
}

@media(max-width:720px){
  .fp-site .leaflet-popup-content{min-width:270px;max-width:330px}
  .fp-site .oo-infowindowimage{border-radius:14px}
  .fp-site .leaflet-popup-content .oo-infowindow--compact .oo-infowindowtitle{font-size:18px}
  .fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-bttn,
  .fp-site .leaflet-popup-content .oo-infowindow--compact .oo-details-btn{width:100%;min-width:0}
}