nav,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Roboto Mono', sans-serif;
}

h2 {
  margin-bottom: 30px
}




/* styles.css */
.logo-img {
  max-height: 100px;
}




.customHover {
  transition: color 0.3s ease-in-out;
  /* Übergangseigenschaft für die Farbänderung */
  transition: transform 0.3s ease-in-out;
  /* Übergangseigenschaft für die Skalierung */
}

.customHover :hover {
  color: #000000;
  /* Neue Farbe im Hover-Zustand */
  transform: scale(1.1);
  /* Vergrößern im Hover-Zustand */
}

.navbar-nav .nav-item {
  margin-right: 40px;
  /* Ändere den Abstand nach Bedarf */
}




/* image corner */
img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;

  /*  transition: box-shadow 0.3s ease-in-out;*/
}




/* nabbar abstand nach unten */
.navbar {
  padding-bottom: 1rem;
  /* Hier können Sie den gewünschten Abstand in Pixeln (oder einer anderen Einheit) festlegen */
}



.main {
  min-height: 85vh;
}

/* CSS für die Wobble-Animation */
@keyframes wobble {
  0% {
    transform: rotate(0deg);
  }

  80% {
    transform: rotate(0deg);
  }

  85% {
    transform: rotate(-10deg);
  }

  90% {
    transform: rotate(10deg) scale(1.1);
  }

  95% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

/* Fügen Sie die Animation zur Klasse wobble-button hinzu */
.wobble-reminder {
  animation: wobble 5s infinite;
  /* Ändern Sie die Dauer nach Bedarf */
}


/*
Unterstrich bei vollbild preview von prev next und cross entfernen
*/
a {
  text-decoration: none;
}