@charset "UTF-8";
/* Background && Buttons Colors: */
/* Text Colors: */
/* Start (#1) */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* verhindert Scrollbalken */
}

.slide.background3d .background {
  position: absolute;
  top: 0; /* direkt oben */
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover; /* Bildschirm füllen */
  background-position: top center; /* am oberen Rand ausrichten */
  background-repeat: no-repeat;
  transform-style: preserve-3d;
  will-change: transform; /* bessere Performance für Animation */
  transition: transform 0.5s cubic-bezier(0, 0, 0.1, 1); /* sanfte Rückkehr */
  z-index: 1; /* Hintergrund unter Links */
}


@media (max-width: 768px) {
  .slide.background3d .background {
    background-image: url("../assets/uploads/main-mobile.png") !important;
  }
}


.email-link {
position: fixed;      /* fixiert am Viewport */
  top: 0;               /* oben anfangen */
  right: 0;             /* rechts ausrichten */
  width: 50%;           /* rechte Hälfte */
  height: 100vh;        /* volle Höhe */
  padding: 0;
  margin: 0;

  background: rgba(0, 0, 0, 0); /* transparent, optional */
  border-radius: 0;

  text-decoration: none;
  color: transparent;   /* unsichtbar */
  font-size: 1.2rem;

  z-index: 10;
  cursor: pointer;
  pointer-events: auto;
}


/* Tooltip */
#tooltip {
  position: absolute;
  pointer-events: none; /* damit Mausinteraktion weitergeht */
  background: rgb(254, 0, 0);
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 0.9rem;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.1s;
  z-index: 20;
}