/* Spezielle Fixes für Chatbot und Info-Button Überlappung */

/* Chatbot Button - Default links unten, kann durch JS angepasst werden */
.chat-toggle {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 10001 !important;
}

/* Info Button behält seine konfigurierte Position komplett */
/* Nur z-index wird angepasst, keine Positionsänderungen */
.info-button-container {
    /* Entferne alle position overrides - behalte Original-Position */
    z-index: 10000 !important; /* Hoher z-index aber unter Chatbot */
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
    .chat-toggle {
        bottom: 15px !important;
        left: 15px !important;
        width: 60px !important;
        height: 60px !important;
    }
}

/* Stelle sicher dass der Chatbot beim Scrollen sichtbar bleibt */
.chat-toggle {
    position: fixed !important;
}

/* Info-Button behält seine konfigurierte Position */

/* Verhindere dass andere Elemente die Buttons überdecken */
body > div:not(.chat-toggle):not(.chat-window):not(.info-button-container):not(.info-modal) {
    z-index: auto !important;
}

/* Fix für das Modal-Overlay */
.info-modal {
    z-index: 9997 !important;
}

.chat-window {
    z-index: 10002 !important;
}

/* Spezial-Fix für Seiten mit großen Hero-Bildern */
.hero,
.slideshow,
.hero-section {
    position: relative !important;
    z-index: 1 !important;
}