.block-8-karten .innerWrap {
	height: 100%;
}

.block-8-karten h3 {
	text-transform:none;
}

.block-8-karten .innerWrap {
	-webkit-box-shadow: var(--shadow);
	        box-shadow: var(--shadow);
	background: var(--background-main);
	-ms-flex-line-pack: justify;
	    align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	transition: transform ease-in-out 0.15s;
	border-radius: var(--border-radius);
	overflow: hidden;
}

.block-8-karten .innerWrap:has(p.ctaTert):hover {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease;
}

.block-8-karten .textWrap {
	padding: 2.5rem 3.5rem;
	color: var(--text);
}

.block-8-karten .textOverlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem;
	color: white;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	text-align: center;
}

.block-8-karten .design-text_auf_bild .imgWrap {
	position: relative;
}

.block-8-karten .design-text_unter_bild .textWrap {
	display: block;
}

.block-8-karten .flexRow > div {
	margin-top: 3rem;
}


.block-8-karten .design-text_auf_bild .imgWrap {
    width: 100%;
    height: 100%;
    min-height: 250px; /* Oder gewünschte Mindesthöhe */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.block-8-karten .design-text_auf_bild .textOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    color: white;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    text-align: center;
}

.block-8-karten a .innerWrap {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.block-8-karten a:hover .innerWrap {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}