Zuhören. Begleiten. Hoffnung geben.

/* Floating Position + iOS safe-area */ .gutestun-floating{ position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 9999; } /* Optional: Cookie-Banner Abstand (moderne Browser) */ body:has(.cmplz-cookiebanner, .borlabs-cookie-dialog, .cookie-banner, .cookie) .gutestun-floating{ bottom: calc(100px + env(safe-area-inset-bottom)); } /* Unterstreichung & Link-Styles entfernen */ .gutestun-floating a, .gutestun-floating a:visited, .gutestun-floating a:hover, .gutestun-floating a:focus{ text-decoration: none !important; } /* Astra Typo + Farben (mit Fallbacks) */ .gutestun-floating .elementor-button{ /* Typografie aus Astra */ font-family: var(--ast-global-font-family, inherit); font-size: var(--ast-global-font-size, 14px); font-weight: 600; line-height: 1.2; letter-spacing: 0; /* Farben: erst Astra-Button, dann Astra-Primary, dann Elementor Primary */ background: var(--ast-global-color-0, var(--ast-global-color-1, var(--e-global-color-primary, #f37021))); border-color: var(--ast-global-color-0, var(--ast-global-color-1, var(--e-global-color-primary, #f37021))); color: #fff; border-radius: 999px; box-shadow: 0 12px 30px rgba(0,0,0,0.18); } /* Hover: leicht dunkler via opacity, ohne Theme zu „brechen“ */ .gutestun-floating .elementor-button:hover{ opacity: .92; } /* Mobile spacing */ @media (max-width: 768px){ .gutestun-floating{ right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); } }