body {
	margin: 0;
	border: 0;
}
#map, #panel {
	height: 100svh;
	padding: 0;
	float: left;
}
#map {
	width: max(100svh, 75%);
}
#panel {
	width: calc(100% - max(100svh, 75%));
	box-sizing: border-box;
	border-left: 2px solid black;
	padding: 0 2rem;
	overflow-y: auto;
}
#panel :is(h1,h2,h3) {
	text-align: center;
}
#panel div {
	font-size: 1.2rem;
	padding: 0.5rem 0;
}
.leaflet-popup-content {
	font-size: 1.5rem;
}
.leaflet-control-scale-line {
	color: black;
	background: linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 100%);
}
/* audio embeds */
audio {
	width: 100%;
}
/* skalierende Miniillus für die Seitenleiste */
.illus {
	width:auto;		
}
img {
	max-width: 100%;
	height: auto;
}	

/* Footer m. Links */
.footer {
	position: fixed;
	bottom: 0;
	right: calc(100% - max(100svh, 75%));
	width: auto;
	z-index: 750;
}
.footer-text-center {
	font-size: 0.9rem;
	float: left;
	word-spacing: 0;
	display: flex;
}
.footer a {
	display: block;
	padding: 0.2rem 0.5rem;
	margin: 0.1rem;
	text-decoration: none;
	background: rgba(191, 191, 191, 0.8);
	color: black;
	transition: background-color 0.2s;
}
.footer a.menu:hover {
	background-color:#d3e1e3;
}

/* switch */
.switch {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.5em;
	margin: 1em 0.1em;
	padding-right: 0.5em;
	background: rgba(191, 191, 191, 0.8);
}

.switch input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.switch label {
	cursor: pointer;
	text-indent: -9999px;
	width: 2em;
	height: 1em;
	background: grey;
	display: block;
	border-radius: 1em;
	position: relative;
	transition: 0.2s linear;
}

.switch label:after {
	content: '';
	position: absolute;
	top: 0.1em;
	left: 0.1em;
	width: 0.8em;
	height: 0.8em;
	background: #fff;
	border-radius: 0.8em;
	transition: 0.2s linear;
}

.switch input:checked + label {
	background: #267fca;
}

.switch input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.switch label:active:after {
	width: 1.1em;
}

.switch span {

}