#mbgi-openstreetmap-wrap {
	min-height: var(--mbfse--openstreetmap-height, 500px);
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto var(--mbfse--margin-bottom-block);
	background-color: #ECF0F7;
	z-index: 0;
	}
#mbgi-openstreetmap-wrap:not(.leaflet-container) {	
	display: flex;
    align-items: center;
    justify-content: center;
	}
	.leaflet-container *{
		transition: none;
	}
	
	#mbgi-openstreetmap-overlay {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		}
		#mbgi-openstreetmap-wrap .leaflet-popup-content-wrapper{
			padding: 5px;
		}
		#mbgi-openstreetmap-wrap .leaflet-popup-tip-container{
			display:none
		}
		#mbgi-openstreetmap-wrap .mbgi-openstreetmap-marker {
			color: #DCE2ED;
			font-size: 71px;
			margin-bottom: 40px;
		}
		#mbgi-openstreetmap-wrap .mbgi-openstreetmap-anzeigen {
			color: #AEBAD0;
			font-size: 22px;
			font-weight: bold;
			text-align: center;
		}
		#mbgi-openstreetmap-wrap .mbgi-openstreetmap-datenschutz {
			width: 100%;
			color: #AEBAD0;
			text-align: center;
			}
			#mbgi-openstreetmap-wrap .mbgi-openstreetmap-datenschutz a {
				color: #b0bcd1;
			}
		#mbgi-openstreetmap-button {
			border: 0;
			margin-bottom: 20px;
			}
	
		.wp-block-column > #mbgi-openstreetmap-wrap:last-child{
			margin-bottom:0
		}
#mbgi-openstreetmap-wrap.alignfull{
	max-width: 100vw;
	margin-left: -50vw
}	
#mbgi-openstreetmap-wrap.alignwide{
	max-width: calc((100vw * 0.88) );

}

/* Platzhalteranzeige für den Blockeditor */
body.wp-admin #mbgi-openstreetmap-wrap {
	background-color: #D3D3D3;
}
body.wp-admin #mbgi-openstreetmap-wrap::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "Platzhalter Karte";
	font-size: xx-large;
}

body.wp-admin #mbgi-openstreetmap-button,
body.wp-admin #mbgi-openstreetmap-checkbox-wrap,
body.wp-admin #mbgi-openstreetmap-wrap p {
	display: none;
}

/*Stiles*/
#mbgi-openstreetmap-wrap.map-gray .leaflet-tile-pane{
	filter: grayscale(1) brightness(0.9) contrast(1.4);
}
#mbgi-openstreetmap-wrap.map-dark .leaflet-tile-pane{
	filter:hue-rotate(220deg) saturate(5) brightness(1) grayscale(0.9) invert(1)
}
#mbgi-openstreetmap-wrap.map-sepia .leaflet-tile-pane{
	filter:sepia(0.6) contrast(0.9) saturate(0.8)
}
#mbgi-openstreetmap-wrap.map-candy .leaflet-tile-pane{
	filter:sepia(0.2) hue-rotate(300deg);
}

/*MarkerFarben*/
#mbgi-openstreetmap-wrap.marker-lila .leaflet-marker-pane{
	filter: hue-rotate(55deg);
}
#mbgi-openstreetmap-wrap.marker-rot .leaflet-marker-pane{
	filter: hue-rotate(138deg) saturate(2) contrast(1.5)
}
#mbgi-openstreetmap-wrap.marker-gruen .leaflet-marker-pane{
	filter: hue-rotate(-445deg) saturate(2)
}
#mbgi-openstreetmap-wrap.marker-gelb .leaflet-marker-pane{
	filter:hue-rotate(213deg) saturate(4) brightness(1.7)
}