/*	WAVES ANIMATION	*/
@-webkit-keyframes k1{
    0%{
        -webkit-transform:translateY(-600px) rotate(0deg);
        -moz-transform:translateY(-600px) rotate(0deg);
        -ms-transform:translateY(-600px) rotate(0deg);
        transform:translateY(-600px) rotate(0deg);
				opacity: 0;
    }
		30%{
				-webkit-transform:translateY(-360px) rotate(-1deg);
        -moz-transform:translateY(-360px) rotate(-1deg);
        -ms-transform:translateY(-360px) rotate(-1deg);
        transform:translateY(-360px) rotate(-1deg);
				opacity: 1;
    }
		90%{
				-webkit-transform:translateY(-370px) rotate(-1deg);
        -moz-transform:translateY(-370px) rotate(-1deg);
        -ms-transform:translateY(-370px) rotate(-1deg);
        transform:translateY(-370px) rotate(-1deg);
				opacity: 1;
    }
    20%, 80%{
        -webkit-transform:translateY(-380px) rotate(-2deg);
        -moz-transform:translateY(-380px) rotate(-2deg);
        -ms-transform:translateY(-380px) rotate(-2deg);
        transform:translateY(-380px) rotate(-2deg);
				opacity: .8;
    }
		100%{
				-webkit-transform:translateY(-400px) rotate(0deg);
        -moz-transform:translateY(-400px) rotate(0deg);
        -ms-transform:translateY(-400px) rotate(0deg);
        transform:translateY(-400px) rotate(0deg);
				opacity: 1;
    }
}
@-moz-keyframes k1{
    0%{
        -webkit-transform:translateY(-600px) rotate(0deg);
        -moz-transform:translateY(-600px) rotate(0deg);
        -ms-transform:translateY(-600px) rotate(0deg);
        transform:translateY(-600px) rotate(0deg);
				opacity: 0;
    }
		30%{
				-webkit-transform:translateY(-360px) rotate(-1deg);
        -moz-transform:translateY(-360px) rotate(-1deg);
        -ms-transform:translateY(-360px) rotate(-1deg);
        transform:translateY(-360px) rotate(-1deg);
				opacity: 1;
    }
		90%{
				-webkit-transform:translateY(-370px) rotate(-1deg);
        -moz-transform:translateY(-370px) rotate(-1deg);
        -ms-transform:translateY(-370px) rotate(-1deg);
        transform:translateY(-370px) rotate(-1deg);
				opacity: 1;
    }
    20%, 80%{
        -webkit-transform:translateY(-380px) rotate(-2deg);
        -moz-transform:translateY(-380px) rotate(-2deg);
        -ms-transform:translateY(-380px) rotate(-2deg);
        transform:translateY(-380px) rotate(-2deg);
				opacity: .8;
    }
		100%{
				-webkit-transform:translateY(-400px) rotate(0deg);
        -moz-transform:translateY(-400px) rotate(0deg);
        -ms-transform:translateY(-400px) rotate(0deg);
        transform:translateY(-400px) rotate(0deg);
				opacity: 1;
    }
}
@keyframes k1{
    0%{
        -webkit-transform:translateY(-600px) rotate(0deg);
        -moz-transform:translateY(-600px) rotate(0deg);
        -ms-transform:translateY(-600px) rotate(0deg);
        transform:translateY(-600px) rotate(0deg);
				opacity: 0;
    }
		30%{
				-webkit-transform:translateY(-360px) rotate(-1deg);
        -moz-transform:translateY(-360px) rotate(-1deg);
        -ms-transform:translateY(-360px) rotate(-1deg);
        transform:translateY(-360px) rotate(-1deg);
				opacity: 1;
    }
		90%{
				-webkit-transform:translateY(-370px) rotate(-1deg);
        -moz-transform:translateY(-370px) rotate(-1deg);
        -ms-transform:translateY(-370px) rotate(-1deg);
        transform:translateY(-370px) rotate(-1deg);
				opacity: 1;
    }
    20%, 80%{
        -webkit-transform:translateY(-380px) rotate(-2deg);
        -moz-transform:translateY(-380px) rotate(-2deg);
        -ms-transform:translateY(-380px) rotate(-2deg);
        transform:translateY(-380px) rotate(-2deg);
				opacity: .8;
    }
		100%{
				-webkit-transform:translateY(-400px) rotate(0deg);
        -moz-transform:translateY(-400px) rotate(0deg);
        -ms-transform:translateY(-400px) rotate(0deg);
        transform:translateY(-400px) rotate(0deg);
				opacity: 1;
    }
}
@-webkit-keyframes k2{
    0%, 100%{
				-webkit-transform:translateY(-145px) rotate(8deg);
        -moz-transform:translateY(-145px) rotate(8deg);
        -ms-transform:translateY(-145px) rotate(8deg);
        transform:translateY(-145px) rotate(8deg);
    }
    50%{
				-webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        transform:rotate(270deg);
    }
}
@-moz-keyframes k2{
    0%, 100%{
				-webkit-transform:translateY(-145px) rotate(8deg);
        -moz-transform:translateY(-145px) rotate(8deg);
        -ms-transform:translateY(-145px) rotate(8deg);
        transform:translateY(-145px) rotate(8deg);
    }
    50%{
				-webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        transform:rotate(270deg);
    }
}
@keyframes k2{
    0%, 100%{
				-webkit-transform:translateY(-145px) rotate(8deg);
        -moz-transform:translateY(-145px) rotate(8deg);
        -ms-transform:translateY(-145px) rotate(8deg);
        transform:translateY(-145px) rotate(8deg);
    }
    50%{
				-webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        transform:rotate(270deg);
    }
}
@-webkit-keyframes k4{
    0%, 100%{
        stroke-dashoffset:187;
				-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    50%{
        stroke-dashoffset:37.4;
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        transform:rotate(135deg);
    }
}
@-moz-keyframes k4{
    0%, 100%{
        stroke-dashoffset:187;
				-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    50%{
        stroke-dashoffset:37.4;
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        transform:rotate(135deg);
    }
}
@keyframes k4{
    0%, 100%{
        stroke-dashoffset:187;
				-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    50%{
        stroke-dashoffset:37.4;
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        transform:rotate(135deg);
    }
}
@-webkit-keyframes k3{
    0%, 100%{
				opacity:100%;
    }
    15%, 90%{
        opacity:75%;
    }
    3%, 97%{
        opacity:50%;
    }
}
@-moz-keyframes k3{
     0%, 100%{
				opacity:100%;
    }
    15%, 90%{
        opacity:75%;
    }
    3%, 97%{
        opacity:50%;
    }
}
@keyframes k3{
     0%, 100%{
				opacity:100%;
    }
    15%, 90%{
        opacity:75%;
    }
    3%, 97%{
        opacity:50%;
    }
}

/* WAVES CONTAINER */
#wavesContainer {
    position: absolute;
    overflow: hidden;
    height: 135px;
    width: 100%;
    top: -35px;
    left: -5%;
    pointer-events: none;
    z-index: -1;
}

#waves {
	animation: running k1;
}

.wave1 {
	-webkit-transform:translateY(-145px) rotate(8deg);
	-moz-transform:translateY(-145px) rotate(8deg);
	-ms-transform:translateY(-145px) rotate(8deg);
	transform:translateY(-145px) rotate(8deg);
	animation: 20s ease-in-out 10s 1 normal forwards running k2;
	filter: blur(4px); /* Leichter Blur für Wave 1 */
}
.wave2 {
	animation: 20s ease-in-out 10s 1 normal none running k3;
	filter: blur(5px); /* Mittlerer Blur für Wave 2 */
}
.wave3 {
	animation: 12s ease-in-out 3s 1 normal none running k4;
	filter: blur(8px); /* Stärkerer Blur für Wave 3 (Hintergrund) */
}
#waves, .wave1, .wave2, .wave3 {
    will-change: transform;
}
.mt-n7 {
    margin-top: -7rem !important;
}