.elementor-102863 .elementor-element.elementor-element-4d8d0c50{--display:flex;}.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:var( --e-global-color-accent );--e-contact-buttons-button-icon-hover:#FFFFFF;--e-contact-buttons-button-bg-hover:var( --e-global-color-accent );--e-contact-buttons-active-button-color:var( --e-global-color-accent );--e-contact-buttons-active-button-bg:#F3F5F8;--e-contact-buttons-top-bar-title:#FFFFFF;--e-contact-buttons-top-bar-subtitle:#FFFFFF;--e-contact-buttons-top-bar-bg:var( --e-global-color-accent );--e-contact-buttons-contact-button-icon:var( --e-global-color-accent );--e-contact-buttons-contact-title-text-color:var( --e-global-color-primary );--e-contact-buttons-contact-description-text-color:var( --e-global-color-text );--e-contact-buttons-contact-button-bg:#041F341A;--e-contact-buttons-chat-box-bg:#FFFFFF;--e-contact-buttons-horizontal-offset:5px;}.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__top-bar-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__top-bar-subtitle{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__contact-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__contact-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;}/* Start custom CSS for contact-buttons-var-8, class: .elementor-element-3f622a46 *//* Basis-Layout (Desktop): Exakte 54x54px Kreis-Geometrie im Ruhezustand */
.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]) {
    width: auto !important; /* Ermöglicht das Ausfahren auf die Textbreite */
    min-width: 54px !important; /* Garantiert die Mindestbreite für einen perfekten Kreis */
    height: 54px !important; /* Fixiert die Höhe und verhindert vertikales Springen */
    padding: 0 15px !important; /* 15px links + 24px Icon + 15px rechts = 54px Breite */
    border-radius: 50px !important; /* Kreis im Ruhezustand, Pill-Form ausgefahren */
    display: inline-flex !important; /* Richtet Text und Icon horizontal aus */
    align-items: center !important; /* Vertikale Zentrierung */
    justify-content: center !important; /* Zentriert das Icon im Kreis */
    gap: 0 !important; /* Kein Abstand im Ruhezustand */
    transition: padding 0.35s cubic-bezier(0.22, 1, 0.36, 1), gap 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; /* Weiche Animation */
}

/* Verriegelt das SVG-Icon auf Desktop-Größe */
.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]) svg {
    width: 24px !important; /* Exakte Breite für die Desktop-Berechnung */
    height: 24px !important; /* Exakte Höhe für 1:1-Symmetrie */
    flex-shrink: 0 !important; /* Verhindert Stauchung des Icons */
}

/* Text-Label (Desktop): Im Ruhezustand eingeklappt */
.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"])::before {
    content: "Meldung senden"; /* Vollständiger Call-to-Action auf großen Bildschirmen */
    color: #ffffff; /* Weiße Schrift */
    font-size: 15px; /* Desktop-Schriftgröße */
    font-weight: 600; /* Halbfett */
    line-height: 1; /* Verhindert vertikalen Versatz */
    white-space: nowrap; /* Kein Zeilenumbruch */
    max-width: 0; /* Blendet den Text im Ruhezustand aus */
    opacity: 0; /* Unsichtbar */
    overflow: hidden; /* Schneidet Überhänge ab */
    transition: max-width 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease; /* Sanfte Einblendung */
}

/* Desktop-Hover: Klappt das Text-Label aus */
.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]):hover {
    padding: 0 20px !important; /* Symmetrischer Innenabstand ausgefahren */
    gap: 10px !important; /* Abstand zwischen Text und Icon */
}

.elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]):hover::before {
    max-width: 180px; /* Gibt Platz für den Text frei */
    opacity: 1; /* Volle Sichtbarkeit */
}

/* Tablet-Override (768px bis 1024px): Kompakte Pill-Form mit vollem Text */
@media (max-width: 1024px) {
    .elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]) {
        height: 46px !important; /* Ausgewogene Höhe für Tablets */
        padding: 0 18px !important; /* Luftiger Innenabstand */
        gap: 9px !important; /* Sauberer Abstand zwischen Text und Icon */
    }
    .elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"])::before {
        max-width: 180px; /* Dauerhaft sichtbar ohne Hover */
        opacity: 1; /* Volle Deckkraft */
        font-size: 14px; /* Gut lesbare Schriftgröße */
    }
}

/* Smartphone-Override (bis 767px): Luftige Pill-Proportionen bei kompakter Gesamtbreite */
@media (max-width: 767px) {
    .elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]) {
        min-width: 44px !important; /* Entspricht dem offiziellen Touch-Target-Minimum */
        height: 44px !important; /* Gibt Text und Icon vertikal genügend Raum */
        padding: 0 16px !important; /* Beseitigt das zusammengepresste Gefühl an den Rändern */
        gap: 8px !important; /* Klare visuelle Trennung zwischen Label und Icon */
    }
    .elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"]) svg {
        width: 20px !important; /* Harmonische Größe passend zur 14px Typografie */
        height: 20px !important; /* 1:1-Seitenverhältnis */
    }
    .elementor-102863 .elementor-element.elementor-element-3f622a46 .e-contact-buttons__chat-button:not([aria-expanded="true"])::before {
        content: "Melden"; /* Kurzes Signalwort hält die Gesamtbreite trotz großzügigem Padding schmal */
        font-size: 14px; /* Klare, ungestauchte Mobile-Schriftgröße */
        max-width: 120px; /* Ausreichend Raum ohne Abschneiden */
        opacity: 1; /* Dauerhaft sichtbar */
    }
}/* End custom CSS */