.studiengang {
	position: relative;
	height: 20px;
}

.studiengang + .studiengang {
	margin-top: 15px;
}

.studiengang label {
	cursor: pointer;
	position: absolute;
	top: 2px;
	height: 20px;
	background-size: cover;
	text-shadow: none;
	font-size: 11px;
	color: black;
	transition: color ease-in-out .2s;
	line-height: 18px;
}

.studiengang input[type=checkbox]:checked + label {
	color: black;
	/* 2023 text-shadow: 1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white;*/
	transition: color ease-in-out .2s;
}

.studiengang input[type=checkbox] {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1; /*2023*/
	opacity: 1; /*2023*/
}

.studiengang input[type=checkbox]:checked ~ div.blast {
	width: calc(100% - 210px); /*2023*/
	z-index: 100;
	max-width: 675px;
}

@media (min-width: 992px) {
	.studiengang input[type=checkbox]:checked ~ div.blast {
  	max-width: 895px;
	}
}

@media (min-width: 1200px) {
	.studiengang input[type=checkbox]:checked ~ div.blast {
  	max-width: 1095px;
	}
}

div {
	transform : translateZ(0);
}