FHC-Core/public/css/Cis4/Studium.css

.lvUebersicht{
	display:grid;
	gap: 1rem;
}

@media (min-width: 1440px) {
	.lvUebersicht {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 1439px){
	.lvUebersicht{
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 576px){
	.lvUebersicht{
		grid-template-columns: 1fr;
	}
}

.lvOptions {
	display: grid;
	gap: 1rem;
}

.lvOptions > div {
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;

}

.lvOptions button {
	flex-shrink: 0;

}

@media (min-width: 1440px) {
	.lvOptions {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 1439px) {
	.lvOptions {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 576px) {
	.lvOptions {
		grid-template-columns: 1fr;
	}
}

#studiengang-info-col {
	transition: width 0.5s ease-in-out;
}

#studiengang-info-toggle {
	color: inherit;
	background-color: var(--fhc-secondary);
	border: 1px solid var(--fhc-border);
	border-radius: var(--bs-border-radius);
	transition: background-color 0.2s ease-in-out;
}

#studiengang-info-toggle:hover {
	background-color: var(--fhc-secondary-highlight);
}

#studiengang-info-toggle .fa-chevron-right {
	transition: all 0.5s ease-in-out;
}

#studiengang-info-col.collapsed #studiengang-info-toggle .fa-chevron-right {
	transform: scaleX(-1);
	color: var(--fhc-black-40);
}

#studiengang-info {
	transition: width 0.5s ease-in-out;
}

@media (min-width: 768px) {
	#studiengang-info-col.collapsed {
		width: 50px;
	}

	#studiengang-info-toggle {
		min-height: 100px;
	}

	#studiengang-info-col.collapsed #studiengang-info {
		width: 0;
	}


	#studiengang-info-col:not(.collapsed) #studiengang-info {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#studiengang-info-toggle {
		width: 100%;
	}

	#studiengang-info {
		width: 100%;
	}

	#studiengang-info-toggle .fa-chevron-right {
		transform: rotate(-90deg);
	}

	#studiengang-info-col.collapsed #studiengang-info-toggle .fa-chevron-right {
		transform: rotate(90deg);
	}
}