/* ==========================================================================
   zeitnehmen.com — Effekt-Versuch (noch nicht entschieden)
   --------------------------------------------------------------------------
   Aktiv nur, solange <body data-fx> gesetzt ist.
     abschalten : data-fx am <body> in index.html entfernen
     entfernen  : zusaetzlich die beiden Verweise auf effects.css / effects.js
                  loeschen und diese zwei Dateien wegwerfen
   Es wird nichts an site.css oder site.js veraendert.
   ========================================================================== */

/* --- 1. Angebots-Karten: Lichtfleck, folgt dem Zeiger -------------------- */
[data-fx] .card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(260px circle at var(--fx-mx, 50%) var(--fx-my, 50%),
              rgba(118,132,165,.17), transparent 60%);
  opacity: 0;
  transition: opacity .35s var(--ease);
}
[data-fx] .card:hover::after { opacity: 1; }

/* --- 2. Footer-Logo: erhellt sich beim Hovern, ein Lichtzug laeuft durch -- */
/* Den Lichtzug startet effects.js mit .fx-shine und nimmt die Klasse erst am
   Ende wieder weg – ein begonnener Durchlauf laeuft also immer fertig. */
/* Der Schatten ist immer gesetzt (unsichtbar) und das Logo liegt auf einer
   eigenen Ebene – sonst rastert der Browser es beim Hovern neu und es zuckt. */
[data-fx] .footer .logo-svg {
  filter: drop-shadow(0 0 10px rgba(168,178,201,0));
  will-change: filter;
  transition: filter .5s var(--ease);
}
[data-fx] .footer .logo-svg .lg-loop,
[data-fx] .footer .logo-svg .lg-word { transition: fill .5s var(--ease); }
[data-fx] .footer .logo-svg:hover {
  filter: drop-shadow(0 0 10px rgba(168,178,201,.45));
}
[data-fx] .footer .logo-svg:hover .lg-loop { fill: #BCC5D8; }
[data-fx] .footer .logo-svg:hover .lg-word { fill: rgba(248,244,236,.94); }
[data-fx] .footer .lg-shine { pointer-events: none; }
[data-fx] .footer .logo-svg.fx-shine .lg-shine {
  animation: fx-logo-shine 1.6s cubic-bezier(.45,0,.55,1) both;
}
@keyframes fx-logo-shine {
  from { transform: translateX(0); }
  to   { transform: translateX(780px); }
}

/* --- Ruecksichtnahmen ---------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  [data-fx] .footer .lg-shine { display: none; }
}
/* Ohne echten Hover ergeben Zeiger-Effekte keinen Sinn und kosten nur Leistung */
@media (hover: none) and (pointer: coarse) {
  [data-fx] .card::after { display: none; }
}