@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);
}

/* Language switch – crawler safe */
.lang-switch {
  display: inline-block;
}

.lang-flag {
  display: block;
  width: 28px;
  height: 28px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* EN flag (shown on DE pages) */
.lang-flag.lang-en {
  background-image: url("/resources/flag_en.png");
}

/* DE flag (shown on EN pages) */
.lang-flag.lang-de {
  background-image: url("/resources/flag_de.png");
}