/* laumat|at 2008-2025 - CSS */
/* content */
.content-laumat-w100-content {
	margin: 20px 0 80px 0;
}

.laumat-24-article-articlebox {
	width: 100%;
	min-height: 100px;
	background-color: light-dark(var(--laumathellgrau), var(--laumatdunkelgrau));
	border-top: solid 10px light-dark(var(--laumatgrau), var(--laumathellgrau));
	margin: 0 0 10px 0;
}

.laumat-24-article-articlebox-imagebox {
	position: relative;
	overflow: hidden;
	width: 314px;
	max-width: 100%;
	float: left;
	margin-right: 10px;
}
.laumat-24-article-articlebox-imagebox img, 
.laumat-24-article-articlebox-imagebox picture {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	overflow: hidden;
}

.laumat-24-article-articlebox-imagebox-description {
	position: absolute;
	top: 14px;
	left: 0;
	background-color: light-dark(var(--laumatgrau), var(--laumathellgrau));
	color: light-dark(var(--weiss), var(--laumatgrau));
	padding: 2px 10px;
	opacity: 0.4;
	border-radius: 0 6px 6px 0;
}
.laumat-24-article-articlebox-imagebox-description-text, 
.laumat-24-article-articlebox-imagebox-description-text a {
	font-size: var(--laumatschriftgroessegroesser);	
	font-weight: bold;
	color: light-dark(var(--weiss), var(--laumatgrau));
	text-align: left;
}

.laumat-24-article-articlebox-imagebox-placeholder {
	width: 100%;
	align-content: center;	
	aspect-ratio: 16 / 9;
	background-color: light-dark(var(--laumatgrau), var(--laumathellgrau));
	overflow: hidden;
}

.laumat-24-article-articlebox-imagebox-placeholder-eilmeldung {
	width: 100%;
	align-content: center;
	aspect-ratio: 16 / 9;
	background-color: var(--laumatrot);
	overflow: hidden;
}

.laumat-24-article-articlebox-imagebox-placeholder-text, 
.laumat-24-article-articlebox-imagebox-placeholder-text a {
	width: 100%;
	font-size: 4rem;
	font-weight: bold;
	color: light-dark(var(--weiss), var(--laumatgrau));
	text-align: center;
}

.laumat-24-article-articlebox-textbox, 
.laumat-24-article-articlebox-textbox a {
	font-size: var(--laumatschriftgroessenormal);
	color: light-dark(var(--laumatgrau), var(--laumathellgrau));
}

.laumat-24-article-articlebox-textbox-top-padding {
	padding: 2px 10px;
}

.laumat-24-article-articlebox-textbox-padding {
	padding: 2px 10px 10px 10px;
}

.laumat-24-article-articlebox-imagebox-clear {
	clear: left;
}

.laumat-24-einsatzkarte {
	width: calc(50% - 20px);
	max-width: calc(50% - 20px);
	padding-left: 20px;
	float: right;
}
.laumat-24-einsatzliste {
	width: 50%;
	max-width: 50%;
	float: right;
}
.laumat-24-einsatzmap {
	clear: both;
}

@keyframes animation_blink {
		0% { opacity: 1; }
		50% { opacity: 0.1; }
		100% { opacity: 1; }
	}
	.leaflet-marker-icon-locationpin_laumatrot_static {
		text-align: center;
		line-height: 20px;
		color: var(--laumatrot);
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_laumatrot_blink {
		text-align: center;
		line-height: 20px;
		color: var(--laumatrot);
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkrot_static {
		text-align: center;
		line-height: 20px;
		color: #ff0000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkrot_blink {
		text-align: center;
		line-height: 20px;
		color: #ff0000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkgelb_static {
		text-align: center;
		line-height: 20px;
		color: #ffff00;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkgelb_blink {
		text-align: center;
		line-height: 20px;
		color: #ffff00;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s; 
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkblau_static {
		text-align: center;
		line-height: 20px;
		color: #0000ff;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkblau_blink {
		text-align: center;
		line-height: 20px;
		color: #0000ff;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkgruen_static {
		text-align: center;
		line-height: 20px;
		color: #008000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkgruen_blink {
		text-align: center;
		line-height: 20px;
		color: #008000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkschwarz_static {
		text-align: center;
		line-height: 20px;
		color: #000000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkschwarz_blink {
		text-align: center;
		line-height: 20px;
		color: #000000;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.leaflet-marker-icon-locationpin_lfkgrau_static {
		text-align: center;
		line-height: 20px;
		color: #808080;
		text-shadow: 6px 6px 8px var(--laumatgrau);
	}
	.leaflet-marker-icon-locationpin_lfkgrau_blink {
		text-align: center;
		line-height: 20px;
		color: #808080;
		text-shadow: 6px 6px 8px var(--laumatgrau);
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.tooltip-alarmstufe-transparent {
		font: normal 1.125rem var(--laumatschrift), sans-serif;
		font-weight: bold;
		color: #ffffff;
		text-shadow: 0 0 8px var(--laumatgrau);
		background: transparent;
		border: none;
		box-shadow: none;
	}
	.tooltip-alarmstufe-transparent::before {
		border: none;
	}

.einheitenliste {
	display: none;
}

.einheitenselektor, 
.einheitenselektor a {
	color: #5a5a5a;
	text-decoration: none;
}

.einsatzort, 
.einsatzort a, 
.einsatzort a:hover {
	color: #5a5a5a;
	text-decoration: none;
}

#sortable-list {
	list-style: none;
}

#sortable-list img {
	margin-right: 10px;
	float: left;
}

#sortable-list p {
	display: inline-block;
	clear: both;
}

#sortable-list li {
	clear: both;
}

label.error {
	font-weight: bold;
	color: var(--laumatrot);
}
/* content */
/* max-width 982px */
@media screen and (max-width: 982px) {
.content-laumat-w100-content {
	margin: 20px 0 120px 0;
}
.laumat-24-einsatzkarte {
	width: 100%;
	max-width: 100%;
}
.laumat-24-einsatzliste {
	width: 100%;
	max-width: 100%;
}
.laumat-24-einsatzmap {
}
}
/* max-width 982px */
/* max-width 648px */
@media screen and (max-width: 648px) {
.laumat-24-article-articlebox-imagebox {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}
.laumat-24-article-articlebox-imagebox {
	float: none;
	margin-right: 0;
}
}
/* max-width 648px */