.elementor-7147 .elementor-element.elementor-element-21869b09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7147 .elementor-element.elementor-element-48860cb9 .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:#30C79C;--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-vertical-offset:100px;}.elementor-7147 .elementor-element.elementor-element-48860cb9 .e-contact-buttons__contact-icon-link{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-48860cb9 *//* 1. Das originale SVG-Icon unsichtbar machen */
.e-contact-buttons__contact-icon-container svg {
    display: none !important;
}

/* 2. Den Container für die Zentrierung vorbereiten */
.e-contact-buttons__contact-icon-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%; 
    height: 100%;
}

/* 3. WICHTIG: Reset, damit das ::before-Element als echtes Icon rendert */
.e-contact-buttons__contact-icon-container::before {
    display: inline-block !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4. Icon für "Contact" (Brief-Symbol) */
.e-contact-buttons__contact-links a:nth-child(2) .e-contact-buttons__contact-icon-container::before {
    content: "\f0e0" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    color: white !important;
}

/* 5. Icon für "Certificates" (Urkunden-Symbol) */
.e-contact-buttons__contact-links a:nth-child(3) .e-contact-buttons__contact-icon-container::before {
    content: "\f0a3" !important; /* Unicode für das Certificate Icon */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    color: white !important;
    display: inline-block !important;
}
.elementor-7147 .elementor-element.elementor-element-48860cb9 .e-contact-buttons__contact-title {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    flex-shrink: 0;
}
.elementor-7147 .elementor-element.elementor-element-48860cb9 .e-contact-buttons__contact-icon-link {
    flex-wrap: nowrap !important;
}

.elementor-7147 .elementor-element.elementor-element-48860cb9 .e-contact-buttons__contact-links a:nth-child(1) .e-contact-buttons__contact-icon-container::before {
    content: "" !important;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2219%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%206h8M8%2010h8M8%2014h8M8%2018h5M16%2017v2M7%2021v1M17%2021v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2219%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%206h8M8%2010h8M8%2014h8M8%2018h5M16%2017v2M7%2021v1M17%2021v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
}/* End custom CSS */