/* MapLibre-Controls-Container rechts wegnehmen und links positionieren */
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
	top: 10px; /* optional: gleiche Höhe */
	z-index: 5;
}

/* Stelle “top-right” nach links */
.maplibregl-ctrl-top-right{
	right: auto !important;
	left: 10px !important;
}
/* Search-Control (oben links) 60px nach rechts schieben */
.maplibregl-ctrl-top-left .maplibregl-ctrl {
	margin-left: 60px;
}
.menu-section{
	cursor: pointer;
	-webkit-user-select: none;    /* Safari 3+, Safari auf iOS 3+ */
	user-select: none;            /* Standard‑Syntax für moderne Browser */
}

.menu-section:hover,
.menu-section:focus{
	background: rgba(255,255,255,0.12); /* anpassen */
}

.menu-section[aria-expanded="true"]{
	background: rgba(255,255,255,0.18); /* markiert offene Sektion */
	font-weight: 600;
}
.menu-section{
	padding: 8px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
#layer-button {
padding: 0;
border: none;
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
#layer-button img {
display: block;
}
#layer-ui-topright{
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
font-family: system-ui, Arial, sans-serif;
}
#layer-menu{
display: none;
margin-top: 8px;
width: 360px;
max-height: 85vh;
overflow: auto;

background: rgba(255,255,255,0.98);
border: 1px solid rgba(0,0,0,0.2);
border-radius: 6px;
box-shadow: 0 6px 18px rgba(0,0,0,0.2);
padding: 10px;
}

#layer-menu.open{ display: block; }

.menu-body { display: none; }
.menu-section[aria-expanded="true"] + .menu-body { display: block; }

.menu-iconbar{
	display:flex;
	gap:8px;
	padding:8px 10px;
	align-items:center;
	border-bottom:1px solid rgba(255,255,255,0.15); /* optional */
	flex-wrap:wrap;
}
.menu-iconlink{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:50px;
	text-decoration:none;
}
.menu-iconlink img{
	display:block;
	width:25px;
	height:25px;
}
.data-popup-rounded .maplibregl-popup-tip {
	border-top-color: transparent; /* optional, je nach Theme */
}

.data-popup-rounded .maplibregl-popup-content{
	border: 1px solid rgba(31, 138, 58, 0.35);
	border-radius: 12px;
	padding: 14px 16px; /* innerer Abstand */
}

.data-popup-rounded .maplibregl-popup-content > div{
	/* falls du im HTML-Top-Level ein div hast; ansonsten leer lassen */
}
.historic-layer-row { padding: 6px 10px; }
.historic-layer-slider-wrap { margin: 6px 0; display:flex; align-items:center; gap:8px; }
.historic-layer-attribution {
	font-size: inherit;
	opacity: 100;
	line-height: 1.2;
	font-weight: 600;
}
.menu-iconlink.disabled {
	opacity: 0.35;
	cursor: not-allowed;
	/* pointer-events: none; entfernen */
}
.menu-iconlink.active img {
	filter: brightness(0.6); /* z.B. Icon abdunkeln bei aktiv */
}