.ws-image-content-block-title {
	max-width: 30rem
}

.ws-image-content-block {
    position: relative;
	height: calc(100vh - 5rem);
	max-height: 58rem;
}
.ws-image-content-block > * {
	max-height: 100%;
	position: relative
}
.content-column {
	overflow: hidden;
}
.img-column:before, .img-column img {
    position: absolute;
    top:0; right: 2.5rem;
    width: calc(50vw - 2.5rem);
    height: 100%;
	border-radius: 0 16.25rem 0.625rem 0;
}

.img-column img {
	max-width: unset;
	object-fit: cover;
	object-position: center;
    z-index: 1;
}
.img-column:before {
	content: '';
	z-index: 2;
	opacity: 0.4;
	background: linear-gradient(228deg, #000 22.74%, rgba(0, 0, 0, 0.00) 71.86%);
}
.content-column-item {
	margin-bottom: 4rem
}
.content-column-item-titel {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--headings);
	margin-bottom: .5rem;
}
.content-column-item-text {
	color: var(--body---light);
	font-size: 1rem;
}

.content-column-readmore {
	height: 15.625rem;
	width: 100%;
	padding: 0 15px 3rem;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.11%, rgba(255, 255, 255, 1) 64.96%);
}
.content-column-readmore .button.white-button {
	border: 1px solid var(--stroke-default);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
	color: var(--submenu);
}
.content-column-readmore .button.white-button:hover {
	border-color: var(--akzent)
}
.content-column.active .content-column-readmore {
	display:none
}


@media only screen and (max-width: 767px) {
	.ws-image-content-block {
		max-height: 40rem;
	}
	.ws-image-content-block:has(.content-column.active) {
		height: auto;
		max-height: 1000rem;
		transition: max-height .5s
	}
	.content-column-item {
        margin-bottom: 1.5rem;
    }
}
@media only screen and (max-width: 991px) {
}


@media only screen and (min-width: 768px) {
	.content-column.active {
		overflow-y: auto;
	}
	@supports not selector(::-webkit-scrollbar) {
		.content-column.active {
			scrollbar-width: thin;
			scrollbar-color: var(--akzent) #ccc;
		}
	}
	.content-column.active::-webkit-scrollbar {
		width: 5px!important;
	}
	.content-column.active::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: #ccc!important;
	}

	.content-column.active::-webkit-scrollbar-thumb {
		border-radius: 5px!important;
		background-color: var(--akzent)!important;
	}

}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.img-column:before, .img-column img {
		border-top-right-radius: 10rem;
	}
	.content-column-item {
		margin-bottom: 3rem
	}

}