/* ==========================================================================
   Merkel Immobilien -- Design-Erweiterungen (2026-08-24)
   Intro-Logo-Animation, Header-Schrumpfen, Karten-Hover.
   Site-weit eingebunden (assets/, kein Tailwind-Purge betroffen).
   ========================================================================== */

/* ---- Intro-Logo-Animation (nur Startseite, siehe enhance.js) ----------- */
#intro-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: var(--paper);
  display: flex; align-items: center; justify-content: center;
}
#intro-overlay img {
  width: min(48vw, 260px); height: auto; opacity: 0;
  animation: introFadeIn .5s ease forwards;
}
@keyframes introFadeIn { to { opacity: 1; } }
body.intro-lock { overflow: hidden; }

/* ---- Header: Schrumpfen beim Scrollen ----------------------------------- */
#site-header .flex.h-20 { transition: height .35s ease; }
#site-header img { transition: height .35s ease; }
#site-header { transition: box-shadow .35s ease; }
#site-header.is-scrolled .flex.h-20 { height: 4.25rem; }
#site-header.is-scrolled img { height: 2rem; }
#site-header.is-scrolled { box-shadow: 0 12px 28px -20px rgba(26, 37, 48, .35); }

/* ---- Objekt-Karten: Hover-Anhebung (ergaenzt den bestehenden Bild-Zoom) - */
.group.block.bg-white.border.hairline {
  transition: box-shadow .35s ease, transform .35s ease;
}
.group.block.bg-white.border.hairline:hover {
  box-shadow: 0 24px 44px -22px rgba(26, 37, 48, .28);
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  #intro-overlay { display: none !important; }
  .group.block.bg-white.border.hairline:hover { transform: none; }
}