.elementor-8776 .elementor-element.elementor-element-49ae9543{--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-8776 .elementor-element.elementor-element-5e5bac5e .e-contact-buttons{--e-contact-buttons-contact-button-icon:var( --e-global-color-1ebca0a );--e-contact-buttons-contact-button-bg:var( --e-global-color-18159c2 );--e-contact-buttons-contact-gap:0.8em;--e-contact-buttons-contact-padding-block-end:9px;--e-contact-buttons-contact-padding-block-start:9px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:8px;--e-contact-buttons-vertical-offset:6vw;}.elementor-8776 .elementor-element.elementor-element-5e5bac5e .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-8776 .elementor-element.elementor-element-5e5bac5e .e-contact-buttons__contact-box-shadow{box-shadow:0px 3px 15px 2px rgba(0, 0, 0, 0.5);}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-5e5bac5e *//* ---------------------------
   Floating Icons: globale Basis
   --------------------------- */

/* Sicherstellen: die originalen inline-SVGs der betroffenen Buttons ausblenden */
.e-contact-buttons__contact-links > a:first-child 
  .e-contact-buttons__contact-icon-container svg,
.e-contact-buttons__contact-links > a:nth-child(3) 
  .e-contact-buttons__contact-icon-container svg,
.e-contact-buttons__contact-links > a:nth-child(4) 
  .e-contact-buttons__contact-icon-container svg,
.e-contact-buttons__contact-links > a:last-child 
  .e-contact-buttons__contact-icon-container svg {
  display: none !important;
}

/* Basis für die Font-Awesome-Icons (first / 3 / 4) */
.e-contact-buttons__contact-links > a:first-child 
  .e-contact-buttons__contact-icon-container::before,
.e-contact-buttons__contact-links > a:nth-child(3) 
  .e-contact-buttons__contact-icon-container::before,
.e-contact-buttons__contact-links > a:nth-child(4) 
  .e-contact-buttons__contact-icon-container::before {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight: 900;        /* solid */
  display: inline-block;
  font-size: 1.65em;        /* anpassen falls nötig */
  line-height: 1;
  color: currentColor;     /* Icon-Farbe übernimmt Textfarbe */
  text-align: center;
}

/* ---------------------------
   1) Erstes Icon = Reservieren (Concierge-Bell)
   --------------------------- */
.e-contact-buttons__contact-links > a:first-child 
  .e-contact-buttons__contact-icon-container::before {
  content: "\f562"; /* fa-concierge-bell */
}

/* ---------------------------
   2) Icon #3 = Kontakt / Umschlag (E-Mail)
   --------------------------- */
.e-contact-buttons__contact-links > a:nth-child(3) 
  .e-contact-buttons__contact-icon-container::before {
  content: "\f0e0"; /* fa-envelope */
}

/* ---------------------------
   3) Icon #4 = Partner (Handshake)
   --------------------------- */
.e-contact-buttons__contact-links > a:nth-child(4) 
  .e-contact-buttons__contact-icon-container::before {
  content: "\f2b5"; /* fa-handshake */
  /* Alternative: fa-users -> content: "\f0c0"; */
}

/* ---------------------------
   4) Letztes Icon = eigenes SVG per Mask (bleibt wie vorher)
   --------------------------- */
.e-contact-buttons__contact-links > a:last-child 
  .e-contact-buttons__contact-icon-container {
  /* altes svg schon ausgeblendet (oben) */
  -webkit-mask-image: url('/wp-content/uploads/2025/09/Restaurant-Bruedigams-Wildwechsel-Kaaks-Logo1C1C1C-513x450y.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url('/wp-content/uploads/2025/09/Restaurant-Bruedigams-Wildwechsel-Kaaks-Logo1C1C1C-513x450y.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  background-color: currentColor; /* Farbe des Icons steuerbar via color */
  width: 1.9em;    /* ggf. anpassen */
  height: 1.9em;   /* ggf. anpassen */
  display: inline-block;
}/* End custom CSS */