/* Weihnachtsmann am Seil – haengt rechts oben in jeder Seite der Landingpage.
   Reine Deko, die nichts am Aufbau der Seite aendert:
     position:fixed      → nimmt keinen Platz im Fluss ein, verschiebt also nichts
     pointer-events:none → faengt keine Klicks ab, alles darunter bleibt bedienbar
     aria-hidden im HTML → Screenreader lesen ihn nicht vor
     z-index:30          → liegt UNTER Kopfleiste (50), unterer Leiste (40) und
                           Zustimmungsbanner (60); verdeckt damit kein Bedienelement.
   Das Seil setzt direkt unter der Kopfleiste an – dadurch sieht es aus,
   als haenge er von oben herein. */
.wh-mann {
  position: fixed;
  /* Genau unter der Kopfleiste (auf allen Breiten 73 px hoch, klebt oben). Das eine Pixel
     Ueberlappung laesst das Seil hinter der Leiste verschwinden, statt es abzuschneiden.
     Bei top:0 lag der halbe Mann hinter der Leiste – man sah nur die Stiefel. */
  top: 72px;
  right: 0;
  /* Breite richtet sich nach dem PLATZ, der rechts neben dem Inhalt frei ist.
     Der Inhalt ist hoechstens 1180 px breit und zentriert, also bleibt rechts
     (100vw - 1180px)/2 uebrig. Auf breiten Schirmen haengt er damit komplett in
     der Luft, auf engen schrumpft er auf ein Mass, das nur den aeusseren Rand
     beruehrt. Vorher (feste 7,5vw) verdeckte er bei 1024 px den Knopf
     „Besichtigung anfragen" und eine Essens-Karte. */
  width: clamp(44px, calc((100vw - 1100px) / 2), 116px);
  z-index: 30;
  pointer-events: none;
  user-select: none;
}
.wh-mann img {
  display: block;
  width: 100%;
  height: auto;
  /* Dreht sich um den oberen Punkt – also um die Stelle, an der das Seil haengt. */
  transform-origin: 50% 0;
  animation: wh-mann-pendeln 7s ease-in-out infinite;
  filter: drop-shadow(0 6px 14px rgba(4, 33, 58, .18));
}

/* Sehr langsames, kleines Pendeln. Mehr waere Kirmes. */
@keyframes wh-mann-pendeln {
  0%, 100% { transform: rotate(-1.6deg); }
  50%      { transform: rotate(1.6deg); }
}

/* Auf flachen Fenstern (Handy quer) wuerde er zu viel Hoehe wegnehmen. */
@media (max-height: 520px) {
  .wh-mann { display: none; }
}

/* „Bewegung reduzieren": still haengen lassen, nicht ausblenden. */
@media (prefers-reduced-motion: reduce) {
  .wh-mann img { animation: none; }
}

@media print {
  .wh-mann { display: none; }
}