.brand-illustrations {
  position: relative;
  display: block;
  flex: 0 0 auto;
}

.brand-illustration-night {
  position: absolute;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lz-dark .brand-illustration-day {
  visibility: hidden;
}

.lz-dark .brand-illustration-night {
  display: block;
}

.night-bat {
  position: absolute;
  z-index: 2;
  display: none;
  width: 42px;
  opacity: .92;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .32));
  transform-origin: center;
  pointer-events: none;
}

.night-bat img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center;
  animation: lz-bat-flap .72s ease-in-out infinite alternate;
}

.lz-dark .night-bat {
  display: block;
  animation: lz-bat-flight 5s ease-in-out infinite;
}

.night-bat-a { top: 21px; right: 18%; width: 40px; }
.night-bat-b { top: 66px; right: 29%; width: 31px; animation-delay: -1.7s !important; }
.night-bat-c { top: 40px; right: 40%; width: 25px; animation-delay: -3.1s !important; }
.night-bat-b img { animation-delay: -.25s; }
.night-bat-c img { animation-delay: -.48s; }

.lz-dark .site-header .sun {
  border: 0;
  background: transparent;
  box-shadow: -12px 5px 0 0 #f6f1c5, -12px 5px 22px 2px rgba(246, 241, 197, .55);
}

.lz-dark .site-header .sun::before,
.lz-dark .site-header .sun::after {
  display: none;
}

.lz-dark .database-band h2 {
  color: #ffffff !important;
}

.lz-dark .database-band p {
  color: #e9f2ff !important;
}

/* Gelb bleibt nur auf dunklen Flächen. Auf hellblauen Karten wird es dunkelblau. */
.lz-dark .lz-section-hero .eyebrow,
.lz-dark .lz-search-heading .eyebrow,
.lz-dark .lz-downloads-heading .eyebrow,
.lz-dark .lz-quiz-intro .eyebrow,
.lz-dark .lz-lexicon-hero-copy .eyebrow,
.lz-dark .lz-stats-heading .eyebrow,
.lz-dark .lz-facts-content .eyebrow,
.lz-dark .lz-recent-heading .eyebrow,
.lz-dark .lz-related-heading .eyebrow {
  color: #123d5a !important;
  text-shadow: none !important;
}

.lz-dark .database-band .eyebrow,
.lz-dark .lz-home-forum .eyebrow,
.lz-dark .lz-home-join .eyebrow {
  color: #ffe36a !important;
}

.lz-dark .lz-home-forum,
.lz-dark .lz-home-join {
  border-color: #416b80 !important;
  background: linear-gradient(145deg, #17384e, #102f44) !important;
  color: #edf6fb !important;
}

.lz-dark .lz-home-forum h2,
.lz-dark .lz-home-join h2,
.lz-dark .lz-home-forum h3,
.lz-dark .lz-home-join h3 {
  color: #ffffff !important;
}

.lz-dark .lz-home-forum p,
.lz-dark .lz-home-join p,
.lz-dark .lz-home-forum time,
.lz-dark .lz-home-join time {
  color: #d7e7ef !important;
}

.lz-dark .lz-home-forum a:not(.button),
.lz-dark .lz-home-join a:not(.button) {
  color: #9bd8ff !important;
  text-decoration-color: #9bd8ff !important;
}

.lz-dark .lz-home-forum a:not(.button):hover,
.lz-dark .lz-home-join a:not(.button):hover {
  color: #ffffff !important;
}

@keyframes lz-bat-flight {
  0%, 100% { translate: 0 0; rotate: -5deg; }
  35% { translate: -18px -9px; rotate: 7deg; }
  70% { translate: 10px 6px; rotate: -3deg; }
}

@keyframes lz-bat-flap {
  from { transform: scaleY(.86) rotate(-3deg); }
  to { transform: scaleY(1) rotate(3deg); }
}

@media (prefers-reduced-motion: reduce) {
  .lz-dark .night-bat,
  .night-bat img { animation: none; }
}

@media (max-width: 700px) {
  .night-bat-b { right: 36%; }
  .night-bat-c { display: none !important; }
}