.elementor-1486 .elementor-element.elementor-element-5a2fb96c{--display:flex;}.elementor-1486 .elementor-element.elementor-element-a5807db .e-contact-buttons{--e-contact-buttons-contact-button-icon:var( --e-global-color-8f1f84b );--e-contact-buttons-contact-button-icon-hover:#F3F5F8;--e-contact-buttons-button-bar-bg:var( --e-global-color-accent );--e-contact-buttons-vertical-offset:0px;}@media(max-width:767px){.elementor-1486 .elementor-element.elementor-element-a5807db .e-contact-buttons{--e-contact-buttons-button-bar-padding-block-end:8px;--e-contact-buttons-button-bar-padding-block-start:8px;--e-contact-buttons-button-bar-padding-inline-end:18px;--e-contact-buttons-button-bar-padding-inline-start:18px;--e-contact-buttons-vertical-offset:0px;}}/* Start custom CSS for contact-buttons-var-6, class: .elementor-element-a5807db *//* Container auf volle Breite */
.e-contact-buttons { width: 60%; }

/* 3 Slots: links – mitte – rechts */
.e-contact-buttons__contact-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}

/* Ausrichtung je Position */
.e-contact-buttons__contact-links > a:nth-child(1) { justify-self: start; }
.e-contact-buttons__contact-links > a:nth-child(2) { justify-self: center; }
.e-contact-buttons__contact-links > a:nth-child(3) { justify-self: end; }

/* Falls die Links sehr schmal sind, Icon-Klickfläche etwas größer machen */
.e-contact-buttons__contact-icon-link {
  min-width: 2.2em;
  min-height: 2.2em;
}

/* === Phone-Fix: eingebaute <i>-Icons im Link ausblenden === */
.e-contact-buttons__contact-icon-link i {
  display: none !important;
}

/* Falls irgendwo SVGs im Link sind, auch ausblenden */
.e-contact-buttons__contact-icon-link svg,
.e-contact-buttons__contact-icon-link .e-font-icon-svg {
  display: none !important;
}

/* Einheitliches Layout + Platz fürs eigene Icon */
.e-contact-buttons__contact-icon-link {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  line-height: 1.2;
}

.e-contact-buttons__contact-icon-link::before {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* === Telefon === */
.e-contact-buttons__contact-icon-link[href^="tel:"]::before {
  background-image: url("https://dr-anna-brandenburg.de/wp-content/uploads/2025/11/phone-1.svg");
}

/* === E-Mail === */
.e-contact-buttons__contact-icon-link[href^="mailto:"]::before {
  background-image: url("https://dr-anna-brandenburg.de/wp-content/uploads/2025/11/mail-1.svg");
}

/* === Doctolib / Online-Termin === */
.e-contact-buttons__contact-icon-link[href*="doctolib.de"]::before {
  background-image: url("https://dr-anna-brandenburg.de/wp-content/uploads/2025/11/kalender-white.svg");
}

/* === Öffnungszeiten === */
/* Variante A: Link enthält #oeffnungszeiten */
.e-contact-buttons__contact-icon-link[href*="#oeffnungszeiten"]::before {
  background-image: url("https://dr-anna-brandenburg.de/wp-content/uploads/2025/11/uhr.svg");
}
/* Variante B: Mobile-Button mit aria-label "...Waze" (wie in deinem Snippet) */
.e-contact-buttons__contact-icon-link[aria-label*="Waze"]::before {
  background-image: url("https://dr-anna-brandenburg.de/wp-content/uploads/2025/11/uhr.svg");
}

/* Optional: zentrale Farbe, falls deine SVGs fill="currentColor" nutzen */
.e-contact-buttons__contact-icon-link { color: #247f66; }/* End custom CSS */