@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}

@keyframes logo-coin-flip {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

nav .logo_container {
  perspective: 800px;
}

nav .logo_container img.site_logo {
  animation: logo-coin-flip 0.9s ease-out 1;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Visuelle Klickbarkeit */
.media-group,
.tile-container {
  cursor: pointer;
  transition: transform 0.2s ease;
}

.media-group:hover,
.tile-container:hover {
  transform: translateY(-2px);
}

/* Button beim Hover subtil verstärken */
.media-group:hover .button {
  filter: brightness(1.05);
}