/* Floating Banner */
.floating-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100px;
    cursor: pointer;
    z-index: 9999;
}

.floating-banner img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Dynamisches Popup */
#popup-image {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    width: 90%;
    height: auto;
    display: none;
    z-index: 10000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    border-radius: 10px;
}


/* Mobile-Optimierung */
@media (max-width: 600px) {
    .floating-banner {
        width: 100px; /* Kleinere Breite für mobile Geräte */
        bottom: 10px;
        right: 10px;
    }
}