.scroll {
    overflow: auto;
}

.scroll-x {
    overflow-x: auto;
}

.scroll-y {
    overflow-y: auto;
}

.disable-scroll {
    overflow: hidden;
}

.disable-scroll-x {
    overflow-x: hidden;
}

.disable-scroll-y {
    overflow-y: hidden;
}

.full-width {
    width: 100%;
}

.app-layout {
    height: 100vh !important;
}

.main-content {
    height: calc(100% - (var(--mud-appbar-height) * 2) - var(--mud-appbar-height) / 4) !important;
    margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
    padding-top: unset !important;
}

.mud-card-content {
    touch-action: pan-y;
    overflow-y: auto;
}

.carousel-item {
    max-width: calc(100vw - 8px);
}

.carousel-card-item {
    width: 100%;
    height: calc(100% - 48px - 8px);
}

.floating-action-button {
    position: fixed;
    bottom: var(--mud-appbar-height);
    z-index: 1000;
}

.floating-action-button.x-center {
    left: 50%;
    transform: translateX(-50%);
}

.floating-action-button.x-left {
    left: 16px;
}

.floating-action-button.x-right {
    right: calc(100% * -1 + 16px);
    transform: translateX(-100%);
}

.error-animation {
    animation: error-animation 0.8s infinite linear;
}

@keyframes error-animation {
    0%, 100% {
        background-color: #3498db; /* Startfarbe (Blau) */
    }

    50% {
        background-color: #2ecc71; /* Zielfarbe (Grün) */
    }
}

.login-card {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}