/* site-fixups.css — small overrides for the static export of s-fry.at.
   Kept intentionally minimal; only holds tweaks that the static context requires. */

/* Safety net: if Elementor's entrance-animation JS is delayed/blocked, never leave
   content permanently invisible. Elementor normally handles this itself. */
.elementor-invisible { visibility: visible !important; }

/* ── Ansprechendere „YouTube"-Playlist-Buttons (Schulungsvideos) ──────────── */
.elementor-widget-button:has(a[href*="youtube.com/playlist"]) { margin-top: 4px; }
a.elementor-button[href*="youtube.com/playlist"] {
  display: inline-flex !important;
  align-items: center;
  background: #0C1540 !important;
  color: #fff !important;
  border: 2px solid #0C1540 !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 26px -10px rgba(12, 21, 64, .5);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
a.elementor-button[href*="youtube.com/playlist"]:hover {
  transform: translateY(-2px);
  background: #16205a !important;
  box-shadow: 0 14px 32px -10px rgba(12, 21, 64, .6);
}
a.elementor-button[href*="youtube.com/playlist"] .elementor-button-content-wrapper {
  display: inline-flex; align-items: center; gap: 11px;
}
a.elementor-button[href*="youtube.com/playlist"] .elementor-button-icon { margin: 0 !important; display: inline-flex; }
a.elementor-button[href*="youtube.com/playlist"] .e-fab-youtube { width: 28px; height: 28px; fill: #FF0033; }

/* ── Mehr Abstand im Footer ─────────────────────────────────────────────── */
footer.elementor-location-footer .elementor-element-a2fa668,
.elementor-element-a2fa668 { padding-top: 62px !important; padding-bottom: 58px !important; }

/* ── Lange Links dürfen die Seite nicht breiter machen ───────────────────
   Auf /datenschutz/ steht die ungekürzte URL des Data Privacy Framework
   (dataprivacyframework.gov/participant/5711). Ohne Umbruchregel schob sie
   die Seite auf dem Handy auf 455 px statt 390 px — man konnte waagrecht
   scrollen und das Layout stand schief. Gemessen am 07.08.2026. */
.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a,
[data-cms-block] a {
  overflow-wrap: anywhere;
  word-break: break-word;
}