.elementor a.kzk-mail-3240, .elementor .elementor-icon-box-title > a[href^="mailto:info@tatortreinigung-kreuzer.de"] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: fit-content; max-width: 100%; min-height: 44px; margin: 0; padding: 11px 18px; align-self: flex-start; box-sizing: border-box; border: 1px solid #b12323; border-radius: 6px; background: #fff; color: #8e171e !important; font: 600 14px/1.45 Poppins, Arial, sans-serif; text-align: left; text-decoration: none; text-transform: none; overflow-wrap: anywhere; } .elementor a.kzk-mail-3240::before { content: ''; width: 17px; height: 13px; flex: 0 0 17px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='1' y='1' width='22' height='16' rx='2'/%3E%3Cpath d='m2 3 10 7L22 3'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } .elementor a.kzk-mail-3240:is(:hover,:focus-visible), .elementor .elementor-icon-box-title > a[href^="mailto:info@tatortreinigung-kreuzer.de"]:is(:hover,:focus-visible) { background: #8e171e; border-color: #8e171e; color: #fff !important; text-decoration: none; } .elementor a.kzk-mail-3240:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; } @media (max-width:767px) { .elementor .e-paragraph-base:has(> .kzk-mail-3240), .elementor .e-paragraph-base > .kzk-mail-3240, .elementor .e-atomic-element:has(> [data-interaction-id="40bdf627"]) > .kzk-mail-3240 { width: 100%; } } :where(.elementor,.wp-site-blocks,.entry-content,main) a:is([href^="https://wa.me/" i],[href^="https://api.whatsapp.com/" i],[href^="https://web.whatsapp.com/" i],[href^="https://www.whatsapp.com/" i],[href^="whatsapp:" i]):is(.elementor-button,.e-button-base,.wp-element-button,.wp-block-button__link,.ha-btn):not(:has([class*="whatsapp" i],[data-icon="whatsapp" i],img[src*="whatsapp" i],img[alt*="whatsapp" i],svg[aria-label*="whatsapp" i],use[href*="whatsapp" i])) { display: inline-flex; align-items: center; justify-content: center; gap: 9px; } /* WhatsApp icon: Font Awesome Free 5.15.3 by Fonticons, Inc., CC BY 4.0. https://fontawesome.com/license/free */ :where(.elementor,.wp-site-blocks,.entry-content,main) a:is([href^="https://wa.me/" i],[href^="https://api.whatsapp.com/" i],[href^="https://web.whatsapp.com/" i],[href^="https://www.whatsapp.com/" i],[href^="whatsapp:" i]):is(.elementor-button,.e-button-base,.wp-element-button,.wp-block-button__link,.ha-btn):not(:has([class*="whatsapp" i],[data-icon="whatsapp" i],img[src*="whatsapp" i],img[alt*="whatsapp" i],svg[aria-label*="whatsapp" i],use[href*="whatsapp" i]))::before { content: ''; flex: 0 0 1.12em; width: 1.12em; height: 1.12em; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M380.9%2097.1C339%2055.1%20283.2%2032%20223.9%2032c-122.4%200-222%2099.6-222%20222%200%2039.1%2010.2%2077.3%2029.6%20111L0%20480l117.7-30.9c32.4%2017.7%2068.9%2027%20106.1%2027h.1c122.3%200%20224.1-99.6%20224.1-222%200-59.3-25.2-115-67.1-157zm-157%20341.6c-33.2%200-65.7-8.9-94-25.7l-6.7-4-69.8%2018.3L72%20359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2%200-101.7%2082.8-184.5%20184.6-184.5%2049.3%200%2095.6%2019.2%20130.4%2054.1%2034.8%2034.9%2056.2%2081.2%2056.1%20130.5%200%20101.8-84.9%20184.6-186.6%20184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5%202.8-3.7%205.6-14.3%2018-17.6%2021.8-3.2%203.7-6.5%204.2-12%201.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8%205.7-9.1%2016.3-30.3%201.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7%200-9.7%201.4-14.8%206.9-5.1%205.6-19.4%2019-19.4%2046.3%200%2027.3%2019.9%2053.7%2022.6%2057.4%202.8%203.7%2039.1%2059.7%2094.8%2083.8%2035.2%2015.2%2049%2016.5%2066.6%2013.9%2010.7-1.6%2032.8-13.4%2037.4-26.4%204.6-13%204.6-24.1%203.2-26.4-1.3-2.5-5-3.9-10.5-6.6z%22/%3E%3C/svg%3E") center / contain no-repeat; } /* Shared contact buttons for Elementor, older button widgets and contact cards. */ .elementor a.kzk-action-3240 { --kzk-ink: #382e2c; --kzk-bg: #fff; --kzk-line: #cdb5b0; --kzk-icon: #b12323; --kzk-hover-bg: #fcf3f1; --kzk-hover-ink: #811a20; --kzk-hover-line: #b12323; box-sizing: border-box !important; display: inline-grid !important; grid-template-columns: 20px minmax(0,1fr); align-items: center !important; justify-content: start !important; gap: 12px !important; width: min(288px,100%) !important; max-width: 100% !important; min-height: 52px !important; height: auto !important; padding: 4px 18px !important; margin: 0 !important; border: 1px solid var(--kzk-line) !important; border-radius: 8px !important; background: var(--kzk-bg) !important; color: var(--kzk-ink) !important; font: 600 15px/1.4 Poppins,Arial,sans-serif !important; letter-spacing: normal !important; text-align: start !important; text-decoration: none !important; text-transform: none !important; overflow-wrap: anywhere; box-shadow: none !important; transition: background-color .15s ease,border-color .15s ease; } .elementor a.kzk-action-3240:is(.kzk-call-action-3240,.kzk-appointment-action-3240,.kzk-browse-primary-action-3240) { --kzk-ink: #fff; --kzk-bg: #b12323; --kzk-line: #b12323; --kzk-icon: #fff; --kzk-hover-bg: #8d1b20; --kzk-hover-line: #8d1b20; --kzk-hover-ink: #fff; } .elementor a.kzk-call-action-3240 { --kzk-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%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h3l1.4%204.5-2.2%201.8a15%2015%200%200%200%206.4%206.4l1.8-2.2%204.6%201.4V18a2%202%200%200%201-2.2%202A18%2018%200%200%201%204%205.2%202%202%200%200%201%206%203Z%22%2F%3E%3C%2Fsvg%3E"); } .elementor a.kzk-mail-action-3240 { --kzk-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%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fsvg%3E"); } .elementor a.kzk-wa-action-3240 { --kzk-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M380.9%2097.1C339%2055.1%20283.2%2032%20223.9%2032c-122.4%200-222%2099.6-222%20222%200%2039.1%2010.2%2077.3%2029.6%20111L0%20480l117.7-30.9c32.4%2017.7%2068.9%2027%20106.1%2027h.1c122.3%200%20224.1-99.6%20224.1-222%200-59.3-25.2-115-67.1-157zm-157%20341.6c-33.2%200-65.7-8.9-94-25.7l-6.7-4-69.8%2018.3L72%20359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2%200-101.7%2082.8-184.5%20184.6-184.5%2049.3%200%2095.6%2019.2%20130.4%2054.1%2034.8%2034.9%2056.2%2081.2%2056.1%20130.5%200%20101.8-84.9%20184.6-186.6%20184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5%202.8-3.7%205.6-14.3%2018-17.6%2021.8-3.2%203.7-6.5%204.2-12%201.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8%205.7-9.1%2016.3-30.3%201.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7%200-9.7%201.4-14.8%206.9-5.1%205.6-19.4%2019-19.4%2046.3%200%2027.3%2019.9%2053.7%2022.6%2057.4%202.8%203.7%2039.1%2059.7%2094.8%2083.8%2035.2%2015.2%2049%2016.5%2066.6%2013.9%2010.7-1.6%2032.8-13.4%2037.4-26.4%204.6-13%204.6-24.1%203.2-26.4-1.3-2.5-5-3.9-10.5-6.6z%22/%3E%3C/svg%3E"); } .elementor a.kzk-appointment-action-3240 { --kzk-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%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2010h18m-13%205%202%202%205-5%22%2F%3E%3C%2Fsvg%3E"); } .elementor a.kzk-message-action-3240 { --kzk-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%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v12H9l-5%204V4Z%22%2F%3E%3Cpath%20d%3D%22M8%209h8m-8%203h5%22%2F%3E%3C%2Fsvg%3E"); } .elementor a:is(.kzk-browse-action-3240,.kzk-browse-primary-action-3240) { --kzk-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%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h15m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E"); } .elementor a.kzk-action-3240::before { content: "" !important; display: block !important; position: static !important; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; align-self: center; justify-self: center; background: var(--kzk-icon) !important; -webkit-mask: var(--kzk-mask) center / contain no-repeat !important; mask: var(--kzk-mask) center / contain no-repeat !important; } .elementor a.kzk-action-3240 .elementor-button-content-wrapper { display: contents !important; } .elementor a.kzk-action-3240 .elementor-button-icon { display: none !important; } .elementor a.kzk-action-3240 :is(.elementor-button-text,.ha-btn-text) { min-width:0; text-align:start; font:inherit; letter-spacing:inherit; color:inherit; overflow-wrap:anywhere; } .elementor a.kzk-action-3240:is(:hover,:focus-visible) { background: var(--kzk-hover-bg) !important; border-color: var(--kzk-hover-line) !important; color: var(--kzk-hover-ink) !important; } .elementor a.kzk-action-3240:focus-visible { outline: 2px solid #b12323 !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #fff !important; } .elementor .e-flexbox-base > .elementor-widget-button:has(a.kzk-action-3240) { width:min(288px,100%); max-width:100%; align-self:flex-start; } .elementor .e-flexbox-base > .e-paragraph-base:has(> .kzk-mail-action-3240) { width:min(288px,100%); max-width:100%; align-self:flex-start; margin:0; } .elementor .e-flexbox-base > :is(a.kzk-action-3240,.elementor-widget-button:has(.kzk-action-3240)) + :is(a.kzk-action-3240,.elementor-widget-button:has(.kzk-action-3240),.e-paragraph-base:has(> .kzk-mail-action-3240)) { margin-block-start: var(--kzk-contact-margin,0px) !important; } .elementor :is(.elementor-element-48547e59,.elementor-element-8e6c56d8,.elementor-element-226d1e3e,.elementor-element-f9136aa7,.elementor-element-c39196e,.elementor-element-323ffb98,.elementor-element-2c9e35ac) { --kzk-contact-margin: calc(12px - 2rem); } .elementor :is(.elementor-element-48547e59,.elementor-element-8e6c56d8,.elementor-element-287f66ac) { --kzk-contact-margin: calc(12px - 2.2rem); } .elementor .elementor-element-7cdefd20 { --kzk-contact-margin: calc(12px - 1.4rem); } @media (max-width:767px) { .elementor a.kzk-action-3240,.elementor .e-flexbox-base > .elementor-widget-button:has(a.kzk-action-3240),.elementor .e-flexbox-base > .e-paragraph-base:has(> .kzk-mail-action-3240) { width:100% !important; } .elementor :is(.elementor-element-48547e59,.elementor-element-8e6c56d8,.elementor-element-287f66ac) { --kzk-contact-margin: calc(12px - 2rem); } } @media (prefers-reduced-motion:reduce) { .elementor a.kzk-action-3240 { transition:none !important; } } .elementor :is(.elementor-element-48547e59,.elementor-element-8e6c56d8,.elementor-element-287f66ac,.elementor-element-7cdefd20) a.kzk-call-action-3240{--kzk-line:#dd7778} /* Keep the number and address in older two-line button layouts readable. */ .elementor a.kzk-action-3240 .elementor-button-text:has(br) {font-size:13px;line-height:1.35} .elementor a.kzk-action-3240 .elementor-button-text:has(br) b {font-size:15px;font-weight:600} .elementor a.kzk-action-3240.elementor-size-xs:has(.elementor-button-text br) {min-height:74px !important} /* Let paired legacy columns share the height of the longer contact label. */ @media(min-width:768px) { .elementor .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-call-action-3240):has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-mail-action-3240), .elementor .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-call-action-3240):has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-mail-action-3240) > .elementor-column > .elementor-widget-wrap { align-items:stretch; align-content:stretch; } .elementor .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-call-action-3240):has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-mail-action-3240) :is(.elementor-widget-button,.elementor-widget-button > .elementor-widget-container,.elementor-button-wrapper) { display:flex; align-items:stretch; width:100%; } .elementor .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-call-action-3240):has(> .elementor-column > .elementor-widget-wrap > .elementor-widget-button:only-child a.kzk-mail-action-3240) a.kzk-action-3240 { align-self:stretch !important; } }