/***THIS SITE***/
:root{
	--event-kalender-border-radius:0.3rem;
	--grey-1: #3e3ef40;
	--grey-2: #686a6c;
	--grey-3: #96999c;
	--grey-4: #cfd3d6;
	--grey-5: #e7e9ea;
	--grey-6: #f8f8f8;
	--main-color:#002D5C;
}

details{
	border-radius:var(--event-kalender-border-radius);
	box-shadow:rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
	font-family: var(--barlow);
	font-size:0.85rem;
	line-height: 1.2rem;
	transition:background-color 0.25s ease;
}

summary{
	cursor:pointer;
	padding: 0.8rem;
	border-radius:var(--event-kalender-border-radius);
	width:100%;
	border:none;
	text-align:left;
	transition:background-color 0.25s ease;
}

summary::-webkit-details-marker {
	display:none;
}

details[open] summary{
	border-radius:var(--event-kalender-border-radius) var(--event-kalender-border-radius) 0 0;
}
  
summary:after{
	content: '❯';
	float:right;
	color:#000000;
	transition:0.25s all ease-in-out;
	justify-self:end;
}
details[open] summary:after{
	transform:rotate(90deg);
	transition:0.25s all ease-in-out;
}
.event_select summary {
	background-color:var(--grey-5);
}
.event_select summary span{font-weight:500;}

.event_select summary:hover,.event_select[open] summary:hover{background-color:var(--grey-4);transition: background-color 0.25s ease;color:#000;}
.event_select[open] summary{background-color:var(--main-color);color:#fff;transition: background-color 0.25s ease;}

.panel {
	padding: 0.8rem;
	overflow: hidden;
	border-radius:0 0 var(--event-kalender-border-radius) var(--event-kalender-border-radius);
}
.panel a{
	word-wrap: break-word;
	word-break: break-word;
}

.event_select:not(:last-child){margin-bottom:0.75rem;}