html, body{
	font-family: Arial, sans-serif;
	--bg-bau_01: #004994;
	--bg-bau_02: #6c757d;
	--bg-bau_03: #343a40;
}

.popUp_Header{
	font-size: 24px;
	color: var(--bg-bau_01);
	margin-bottom: 20px;
}
.popUp_Item{
	font-size: 20px;
	color: var(--bg-bau_02);
	margin: 0px 0px 10px 0px;
	text-decoration: underline;
}
.popUp_Item:hover{
	color: var(--bg-bau_03);
}
.popUpContentWrapper{
	position: relative !important;
	margin: 10px;
}
.popUpContentWrapper > div {
	position: relative !important;
}
.popUpContentWrapper > div > div{
	position: relative !important;
}
.tooltip{
	font-size: 16px;
	background-color: var(--bg-bau_01);
	margin-left: 60px;
	width: 200px;
}
.tooltip::after{
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%; /* To the left of the tooltip */
	margin-top: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent var(--bg-bau_01) transparent transparent;
}

.tooltipText > div {
	position: relative !important;
}
.tooltipText {
	position: relative !important;
	margin: 10px;
	max-width: 200px;
}