.banner {
    position        : fixed;
    width           : 275px;
    height          : 70px;
    background      : url(/public/20260101015302oe_/https://www.bezirkskrankenhaus-lohr.de/__/images/banner.png) no-repeat center left;
    background-size : contain;
    top             : 255px;
    right           : -75px;
    cursor          : pointer;
    z-index         : 10;
    transition      : all 0.5s ease-in-out;
}

.banner.pw {
    top : 390px;
}

.banner:hover {
    right : -75px;
}

.dialog-banner {
    max-width : 40%;
    padding   : 40px;
}

.dialog-banner img {
    max-width : 100%;
    height    : auto;
}

.dialog-banner::backdrop {
    background : rgb(0 0 0 / 75%);
}

.dialog-close {
    position  : absolute;
    right     : 40px;
    top       : 20px;
    font-size : 24px;
    cursor    : pointer;
}

@media screen and (max-width : 1200px) {
    .banner {
        right : -205px;
    }

    .banner:hover {
        right : -75px;
    }

    .dialog-banner {
        max-width : 100%;
    }
}