html {
    scroll-behavior: smooth;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'font-dinlight', sans-serif, sans;
    font-size: 16px;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
}
.blur {
    filter: blur(5px);
}

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}

.animate-pulse {
    animation: pulse 1s infinite !important, colorChange 2s infinite !important;
}

link.rel [x-cloak] {
    display: none;
}
.text-xxs {
    font-size: 0.5rem;
    line-height: 0.75rem;
}
.parallax {
    transform: translateZ(0) scale(1.5);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}
.blur {
    filter: blur(10px);
}
/* h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}
h2 {
    font-size: 2rem;
    line-height: 2rem;
}
h3 {
    font-size: 1.75rem;
    line-height: 1.75rem;
}
h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
h5 {
    font-size: 1.25rem;
    line-height: 1.25rem;
} */
.overlay {
    background-color: rgba(0, 0, 0, 0.5); /* 50% deckendes Schwarz */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }