.elementor-2179 .elementor-element.elementor-element-7f8fbc3b{--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-2179 .elementor-element.elementor-element-64e4b370 .e-contact-buttons{--e-contact-buttons-contact-button-icon:var( --e-global-color-9947692 );--e-contact-buttons-contact-button-bg:var( --e-global-color-primary );--e-contact-buttons-contact-gap:3px;--e-contact-buttons-contact-padding-block-end:14px;--e-contact-buttons-contact-padding-block-start:14px;--e-contact-buttons-contact-padding-inline-end:14px;--e-contact-buttons-contact-padding-inline-start:14px;--e-contact-buttons-vertical-offset:10%;}.elementor-2179 .elementor-element.elementor-element-64e4b370 .e-contact-buttons__contact-icon-link{font-family:var( --e-global-typography-87350ce-font-family ), Sans-serif;font-size:var( --e-global-typography-87350ce-font-size );font-weight:var( --e-global-typography-87350ce-font-weight );text-transform:var( --e-global-typography-87350ce-text-transform );line-height:var( --e-global-typography-87350ce-line-height );letter-spacing:var( --e-global-typography-87350ce-letter-spacing );}@media(min-width:1600px){.elementor-2179 .elementor-element.elementor-element-64e4b370 .e-contact-buttons__contact-icon-link{font-size:var( --e-global-typography-87350ce-font-size );line-height:var( --e-global-typography-87350ce-line-height );letter-spacing:var( --e-global-typography-87350ce-letter-spacing );}}@media(max-width:1024px){.elementor-2179 .elementor-element.elementor-element-64e4b370 .e-contact-buttons__contact-icon-link{font-size:var( --e-global-typography-87350ce-font-size );line-height:var( --e-global-typography-87350ce-line-height );letter-spacing:var( --e-global-typography-87350ce-letter-spacing );}}@media(max-width:767px){.elementor-2179 .elementor-element.elementor-element-64e4b370 .e-contact-buttons__contact-icon-link{font-size:var( --e-global-typography-87350ce-font-size );line-height:var( --e-global-typography-87350ce-line-height );letter-spacing:var( --e-global-typography-87350ce-letter-spacing );}}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-64e4b370 *//* Crossklinik Floating Buttons: nur Icon-Ersetzung */
.cross-floating-buttons {
  --ck-icon-size: 30px;
  --ck-icon-padding-left: -5px;
}

/* Elementor-Standard-Icons ausblenden */
.cross-floating-buttons svg,
.cross-floating-buttons i {
  display: none !important;
}

/* Custom SVG Icon vorbereiten */
.cross-floating-buttons a::before,
.cross-floating-buttons .e-contact-buttons__contact-button::before,
.cross-floating-buttons .e-contact-buttons__chat-button::before {
  content: "" !important;
  display: block !important;

  width: var(--ck-icon-size) !important;
  height: var(--ck-icon-size) !important;
  min-width: var(--ck-icon-size) !important;
  max-width: var(--ck-icon-size) !important;

  margin-left: var(--ck-icon-padding-left) !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  flex: 0 0 var(--ck-icon-size) !important;
}


/* 1. E-Mail */
.cross-floating-buttons a:nth-of-type(1)::before,
.cross-floating-buttons li:nth-child(1) a::before,
.cross-floating-buttons .e-contact-buttons__contact-button:nth-of-type(1)::before {
  /* Icon-Größe hier einstellen */
  --ck-mail-icon-size: 30px;

  width: var(--ck-mail-icon-size) !important;
  height: var(--ck-mail-icon-size) !important;
  min-width: var(--ck-mail-icon-size) !important;
  max-width: var(--ck-mail-icon-size) !important;
  flex: 0 0 var(--ck-mail-icon-size) !important;

  background-image: url("https://desa-architekten.de/wp-content/uploads/2026/08/messageenvelopesover-wheelscommunicationsmail.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}



/* 2. Anruf */
.cross-floating-buttons a:nth-of-type(2)::before,
.cross-floating-buttons li:nth-child(2) a::before,
.cross-floating-buttons .e-contact-buttons__contact-button:nth-of-type(2)::before {
  background-image: url("https://desa-architekten.de/wp-content/uploads/2026/08/telephonephonephone-callphone-setold-phone.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* 3. whatsapp */
.cross-floating-buttons a:nth-of-type(3)::before,
.cross-floating-buttons li:nth-child(3) a::before,
.cross-floating-buttons .e-contact-buttons__contact-button:nth-of-type(3)::before {
    
     /* Icon-Größe hier einstellen */
  --ck-mail-icon-size: 35px;
    
  background-image: url("https://desa-architekten.de/wp-content/uploads/2026/08/dialoguetopicsmessageconversationcommunications.svg") !important;
    background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  
}



/* 
4. Instagram
.cross-floating-buttons a:nth-of-type(4)::before,
.cross-floating-buttons li:nth-child(4) a::before,
.cross-floating-buttons .e-contact-buttons__contact-button:nth-of-type(4)::before {
  background-image: url("https://crossklinik.wiwamedia.com/wp-content/uploads/2025/11/crossklinik-icon-lupe.svg") !important;
} *//* End custom CSS */