.elementor-805 .elementor-element.elementor-element-473c8c0b{--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-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button{font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0px;}.elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:var( --e-global-color-secondary );--e-contact-buttons-transition-duration:0.3s;--e-contact-buttons-horizontal-offset:20px;}@media(max-width:991px){.elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button{font-size:15px;}}@media(max-width:575px){.elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button{font-size:14px;}}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-6a96ac10 *//* ========================================= MAYEKAWA LINKEDIN FLOAT ========================================= */ /* ========================================= DESKTOP HOVER ========================================= */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button, .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button::before, .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button::after, .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button-icon-container, .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button-text { background-color: #D1003B !important; } /* Text + Icon bei Hover weiß */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button, .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-container:hover .e-contact-buttons__chat-button * { color: #FFFFFF !important; fill: #FFFFFF !important; } /* ========================================= ELEMENTOR-GLOBUS AUSBLENDEN ========================================= */ .elementor-805 .elementor-element.elementor-element-6a96ac10 a[href*="linkedin.com"] .e-contact-buttons__chat-button-icon-container svg { display: none !important; } /* ========================================= LINKEDIN-ICON EINSETZEN OHNE FONT AWESOME ========================================= */ .elementor-805 .elementor-element.elementor-element-6a96ac10 a[href*="linkedin.com"] .e-contact-buttons__chat-button-icon-container::before { content: ""; width: 24px; height: 24px; display: block; background-color: #FFFFFF; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zm-46.49-340.7C24.09 107.3 0 83.2 0 53.6A53.6 53.6 0 0 1 107.2 53.6c0 29.6-24.1 53.7-53.4 53.7zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zm-46.49-340.7C24.09 107.3 0 83.2 0 53.6A53.6 53.6 0 0 1 107.2 53.6c0 29.6-24.1 53.7-53.4 53.7zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E") center / contain no-repeat; } /* ========================================= TABLET + MOBIL ========================================= */ @media (max-width: 1024px) { /* Position unten rechts */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons { top: auto !important; bottom: 120px !important; right: 16px !important; left: auto !important; transform: none !important; } /* Geschlossen: nur runder LinkedIn-Button */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button { width: 56px !important; max-width: 56px !important; min-width: 56px !important; height: 56px !important; padding: 0 !important; overflow: hidden !important; border-radius: 50% !important; background-color: #D1003B !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; transition: max-width 0.3s ease, width 0.3s ease, background-color 0.2s ease !important; } /* Icon sauber im Kreis zentrieren */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-icon-container { width: 56px !important; min-width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; } /* Text im geschlossenen Zustand unsichtbar */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button-text { opacity: 0 !important; visibility: hidden !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; background: transparent !important; transition: opacity 0.2s ease !important; } /* ===================================== 1. TAP – AUFKLAPPEN ===================================== */ .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button.linkedin-touch-open { width: 245px !important; max-width: 245px !important; border-radius: 999px !important; background-color: #D1003B !important; } .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button.linkedin-touch-open .e-contact-buttons__chat-button-text { opacity: 1 !important; visibility: visible !important; padding-right: 18px !important; margin-left: 4px !important; color: #FFFFFF !important; } .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button.linkedin-touch-open .e-contact-buttons__chat-button-icon-container::before { background-color: #FFFFFF !important; } } /* ========================================= MOBIL HOCH ========================================= */ @media (max-width: 767px) { .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons { bottom: 96px !important; right: 14px !important; } .elementor-805 .elementor-element.elementor-element-6a96ac10 .e-contact-buttons__chat-button.linkedin-touch-open { width: 235px !important; max-width: 235px !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.mayekawa.de/wp-content/uploads/2026/08/source-sans-3-v19-latin_latin-ext-300.woff2') format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.mayekawa.de/wp-content/uploads/2026/08/source-sans-3-v19-latin_latin-ext-regular.woff2') format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.mayekawa.de/wp-content/uploads/2026/08/source-sans-3-v19-latin_latin-ext-700.woff2') format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://www.mayekawa.de/wp-content/uploads/2026/08/source-sans-3-v19-latin_latin-ext-900.woff2') format('woff2'); } /* End Custom Fonts CSS */