.Home .Wave {
    position: absolute;
    top: -45vh;      /* Default für sehr große Screens */
    left: 0;
    width: 200%;     /* Default für sehr große Screens */
    height: 250px;   /* Default für sehr große Screens */
   
}

/* Große Screens (bis 1799px) */
@media (max-width: 1799px) {
    .Home .Wave {
        top: -30vh;
        height: 200px;
        width: 200%;

    }
}

/* Mittelgroße Screens (bis 1199px) */
@media (max-width: 1199px) {
    .Home .Wave {
        top: -20vh;
        height: 180px;
        width: 200%;
    }
    .Home .NavBoxIcons.epz3 .item .Text h2 {
    font-size: 1.1rem;
    }
    .Home .NavBoxIcons.epz3 .item .Text p,
    .Home .NavBoxIcons.epz3 .item .Text a.Link {
        font-size: 1rem;
    }
}


/* Kleine Screens (bis 767px) */
@media (max-width: 767px) {
    .Home .Wave {
        top: -10vh;
        height: 180px;
        width: 500%;
    }
    .Home .NavBoxIcons {
        flex-direction: column;     /* Items vertikal */
        justify-content: center;    /* vertikal zentriert (wenn Höhe da ist) */
        align-items: center;        /* horizontal zentriert */
        text-align: center;         /* Text in den Items auch zentrieren */
        margin-top: clamp(-30px, -10vh, -100px);
    }

    .Home .NavBoxIcons.epz3 .item {
        width: 100%;                /* Items nehmen volle Breite */
        margin-bottom: 1rem;        /* Abstand unten */
    }

    

    
}


.Home svg.wshape {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 250%;

}

/* Initialwerte entfernen – alle Transformationswerte in der Animation direkt setzen */
.Home .wave1 {
	opacity: 0.4;
	--wave-scale: 0.6;
	--wave-translate: 40px;
	animation: waveMove 50s linear infinite;
}

.Home .wave2 {
	opacity: 0.3;
	--wave-scale: 0.8;
	--wave-translate: 20px;
	animation: waveMove 30s linear infinite;
}

.Home .wave3 {
	opacity: 0.2;
	--wave-scale: 1;
	--wave-translate: 0px;
	animation: waveMove 40s linear infinite;
}

@keyframes waveMove {
	0% {
		transform: translateX(0) scaleY(var(--wave-scale)) translateY(var(--wave-translate));
	}
	100% {
		transform: translateX(-50%) scaleY(var(--wave-scale)) translateY(var(--wave-translate));
	}
}