:root {
    --footer-height: 21px !important;
    --drawer-ease: cubic-bezier(0, 0, 0.2, 1);
    --drawer-ms: 225ms;
    --mobile-actionbar-height: 60px;
}

:root{--mud-drawer-width-mini-left: 52px !important; --app-bar-height: calc(100% - (var(--mud-appbar-height) + (var(--footer-height))) + var(--mud-appbar-height) / 4) !important;--main-content-max-size: calc(100vh - (var(--mud-appbar-height) + (var(--footer-height))) + var(--mud-appbar-height) / 4) !important}.mud-appbar-dense~.mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never),.mud-appbar-dense~.mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never),.mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always,.mud-appbar-dense~.mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always{height:var(--app-bar-height) !important}.custom-mud-grid-max-content-size{padding:10px 34px 10px 10px !important;max-width:90% !important;margin:0 auto !important}.loading-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background-color:var(--mud-palette-background) !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important}.content-visible{opacity:1 !important;transition:opacity .3s ease-in !important}.blurry-dialog{-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important}.no-ripple-pl-0 .mud-icon-button{padding-left:0px !important}.main-dialog li[data-list=bullet]{list-style-type:disc !important;margin-left:40px !important}.custom-color-mud-toogle-grp-text-not-selected{color:hsla(0,0%,100%,.7019607843) !important}.main-content{margin-left:10px !important;margin-right:10px !important}.drawer-left-button{margin-right:12px !important}.logo-a{margin:0px 12px 0px 0px !important;height:50px !important;width:120px !important}.logo-a .logo-img{height:50px !important;width:120px !important}.main-grid{padding:24px !important}.main-dialog{width:80% !important}.profile-favorit.mud-badge.mud-badge-icon{cursor:pointer;width:24px !important;height:24px !important}.profile-favorit.mud-badge.mud-badge-icon .mud-icon-badge{width:20px !important;height:20px !important}.profile-favorit.mud-badge.mud-badge-top.right.mud-badge-overlap{inset:auto auto calc(100% - 12px) calc(100% - 12px)}.dashboard-information.mud-badge.mud-badge-icon{cursor:pointer;width:24px !important;height:24px !important}.dashboard-information.mud-badge.mud-badge-icon .mud-icon-badge{width:20px !important;height:20px !important}.dashboard-information.mud-badge.mud-badge-top.right.mud-badge-overlap{inset:auto auto calc(100% - 12px) calc(100% - 14px)}body.no-scroll{overflow:hidden !important}

@media (hover: hover) and (pointer: fine) {
    .custom-remove-mud-icon-highlight .mud-icon-button:hover {
        background-color: transparent !important;
    }
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.page-main { /* das MudLayout */
    flex: 1 0 auto;
}

.page-footer {
    margin-top: auto;
    margin-left: var(--left-drawer-offset);
    margin-right: var(--right-drawer-offset);
    width: calc(100% - var(--left-drawer-offset) - var(--right-drawer-offset));
    box-sizing: border-box;
    transition: margin-left var(--drawer-ms) var(--drawer-ease), margin-right var(--drawer-ms) var(--drawer-ease), width var(--drawer-ms) var(--drawer-ease);

    background-color: var(--mud-palette-primary);
}

.custom-element-center {
    min-height: calc(100dvh - calc(var(--footer-height) + var(--mud-appbar-height))); /* Footerhöhe ggf. anpassen */
    display: flex; /* oder: display:flex */
    place-items: center; /* bei flex: align-items:center; justify-content:center; */
}

@media (max-width: 960px) {
    .actionbar-mobile-bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1300;
        padding: 8px 16px;
        background-color: var(--mud-palette-background, #ffffff);
        border-top: 1px solid rgba(0,0,0,.12);
        height: var(--mobile-actionbar-height) !important;
    }

    .page.has-actionbar {
        padding-bottom: var(--mobile-actionbar-height) !important;
    }

    .page-footer {
        margin-top: auto;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
}