.elementor-8092 .elementor-element.elementor-element-5b14c9c6{--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-8092 .elementor-element.elementor-element-7b21cf .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-8092 .elementor-element.elementor-element-7b21cf .e-contact-buttons{--e-contact-buttons-contact-button-bg:var( --e-global-color-primary );--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;}@media(max-width:1200px){.elementor-8092 .elementor-element.elementor-element-7b21cf .e-contact-buttons{--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-vertical-offset:0px;}}@media(max-width:1024px){.elementor-8092 .elementor-element.elementor-element-7b21cf .e-contact-buttons{--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-vertical-offset:0px;}}@media(max-width:767px){.elementor-8092 .elementor-element.elementor-element-7b21cf .e-contact-buttons{--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-vertical-offset:0px;}}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-7b21cf *//* === Kontakt-Button: roter Briefumschlag auf weißem Hintergrund, nur oben abgerundet, grauer Rand, immer im gleichen Abstand links neben dem Sprachumschalter (nur CSS) === */

/* GRÖSSEN, ABSTAND UND ANIMATION: hier ändern */
.e-contact-buttons-var-10 {
  --kb-size: 55px;         /* Größe des weißen Buttons */
  --kb-icon: 22px;         /* Größe des Briefumschlags */
  --kb-bottom-mobile: 0px; /* Abstand zum unteren Bildschirmrand */
  --kb-lift: 14px;         /* wie weit der Button nach oben fährt */
  --kb-speed: 1s;          /* Dauer der Bewegung nach oben */
  --kb-back-speed: 1.5s;   /* Dauer des Zurückgleitens */
  --kb-hold: 2s;           /* Haltezeit oben */

  /* Ausrichtung am Sprachumschalter */
  --kb-switcher-right: 10%;    /* Abstand des Umschalters zum rechten Rand */
  --kb-switcher-width: 120px;  /* Breite des Umschalters */
  --kb-gap: 5px;               /* Abstand zwischen Button und Umschalter (größer = mehr Luft) */
}

/* MOBILE & TABLET (hoch und quer, bis 1200px):
   Der Button wird vom rechten Rand aus positioniert, genau wie der Sprachumschalter.
   Dadurch bleibt der Abstand zwischen beiden auf jeder Bildschirmbreite gleich. */
@media (max-width: 1200px) {
  .e-contact-buttons-var-10 {
    position: fixed !important;
    left: auto !important;
    right: calc(var(--kb-switcher-right) + var(--kb-switcher-width) + var(--kb-gap)) !important;
    bottom: var(--kb-bottom-mobile) !important;
    margin: 0 !important;
    width: var(--kb-size) !important;
    height: var(--kb-size) !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none !important; /* Elternelement fängt keine Touch/Klick-Events ab */
  }
}

/* Ausfahrenden Text "Kontakt" deaktivieren */
.e-contact-buttons-var-10 .e-contact-buttons__contact-title {
  display: none !important;
}

.e-contact-buttons-var-10 .e-contact-buttons__links-container,
.e-contact-buttons-var-10 .e-contact-buttons__contact-links {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  width: var(--kb-size) !important;
  height: var(--kb-size) !important;
  overflow: visible !important;
  pointer-events: none !important; /* Untercontainer ignorieren Klicks komplett */
}

/* Weißes Quadrat, nur oben abgerundet, mit grauem Rand – der Briefumschlag liegt direkt auf dem Link */
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link,
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:hover,
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:focus,
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:active {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d6336c' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3.5 7.5 12 13.5l8.5-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: var(--kb-icon) var(--kb-icon) !important;
  border: 1px solid #dddddd !important; /* hellgrauer Rand */
  border-radius: 8px 8px 0 0 !important; /* oben links, oben rechts, unten rechts, unten links */
  box-sizing: border-box !important;
  width: var(--kb-size) !important;
  min-width: var(--kb-size) !important;
  height: var(--kb-size) !important;
  min-height: var(--kb-size) !important;
  flex: 0 0 var(--kb-size) !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;

  /* Touch- & Klick-Optimierungen */
  pointer-events: auto !important; /* Nur das a-Tag empfängt Touch/Klick-Events */
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* RUHEZUSTAND: Elementor-Versatz entfernen; Zurückgleiten erst nach der Haltezeit, langsam */
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link {
  transform: none !important;
  transition: transform var(--kb-back-speed) cubic-bezier(0.22, 0.61, 0.36, 1) var(--kb-hold) !important;
  animation: none !important;
}

/* NACH KLICK/TIPP/HOVER: Button fährt sanft nach oben und bleibt (Handy: bis zum nächsten Tipp woanders) */
.e-contact-buttons-var-10 .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link:hover,
.e-contact-buttons-var-10 .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link:focus,
.e-contact-buttons-var-10 .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link:focus-visible,
.e-contact-buttons-var-10 .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link:active,
.e-contact-buttons-var-10:hover .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link,
.e-contact-buttons-var-10:focus-within .e-contact-buttons__links-container .e-contact-buttons__contact-links .e-contact-buttons__contact-icon-link {
  transform: translateY(calc(var(--kb-lift) * -1)) !important;
  transition: transform var(--kb-speed) cubic-bezier(0.22, 0.61, 0.36, 1) 0s !important;
}

/* Alles im Link ausblenden (Globus, Container, Text) */
.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link > * {
  display: none !important;
  pointer-events: none !important;
}

/* Focus/Active ohne Rahmen */
.e-contact-buttons-var-10:focus,
.e-contact-buttons-var-10 *:focus,
.e-contact-buttons-var-10:active,
.e-contact-buttons-var-10 *:active {
  outline: none !important;
}

/* Touch-Geräte: Animationen der Container abschalten (der Link selbst behält seine weiche Bewegung) */
@media (hover: none) {
  .e-contact-buttons-var-10,
  .e-contact-buttons-var-10 *:not(.e-contact-buttons__contact-icon-link) {
    transition: none !important;
    animation: none !important;
  }
}/* End custom CSS */