/* Event-Status (aktiv / abgesagt / verschoben) auf der öffentlichen Terminübersicht 

	<link rel="stylesheet" href="admin/events/custom.css"> 
	
	einfügen!



*/

.event-status {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.status-aktiv .event-status {
	display: none;
}

.status-abgesagt .event-status {
	background: #dc3545;
	color: #fff;
}

.status-verschoben .event-status {
	background: #ffc107;
	color: #212529;
}

/* Ganze Zeile dezent markieren, damit Abgesagt/Verschoben schon auf den ersten Blick auffällt */
.status-abgesagt {
	opacity: 0.85;
}

.status-abgesagt .event-title {
	text-decoration: line-through;
	text-decoration-color: #dc3545;
	text-decoration-thickness: 7px;
}