.hidden-mobile {
    display: none;
}

@media (min-width: 768px) {
    .hidden-mobile {
        display: inline-block;
    }
}

.hidden-md {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

@media (min-width: 768px) {
    .hidden-md {
        display: none;
    }
}

.bg-dark-20 {
    background-color: rgba(255, 255, 255, 1);
}


:root {
    --primary: #9d1d27;
    --secondary: #f8df2a;
    --dark: #1a1a1a;
}

/* Responsive Padding */
@media (min-width: 640px) {
    .container-fullhd {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

.gradient-bg {
    background: linear-gradient(45deg, var(--dark) 0%, #2d2d2d 100%);
}

.animated-gradient {
    /* Erzeugt einen diagonalen Verlauf zwischen den beiden Farben */
    background: linear-gradient(45deg, hsl(53, 60%, 57%), hsl(0, 60%, 44%));
    /* Vergrößere den Hintergrund, damit sich die Position gut animieren lässt */
    background-size: 100% 100%;
    /* Animation: Hintergrundposition wird kontinuierlich verschoben */
    animation: gradientShift 40s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: translateY(-5px);
}