.scrollbares-div {
    overflow-y: scroll;
    height: 100vh;

  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE 10+ */
}

.scrollbares-div::-webkit-scrollbar {
  display: none;                /* Chrome, Safari */
}

.hover-div {
    position: fixed;
    bottom: 0px;
    right: 25px;
    width: 200px;
    height: 200px;
    z-index: 5000;
    background-image: url('Bilder HOMEPAGE/Intro Bilder/mayk_ok.png');
    background-size: contain;   /* Bild vollständig anzeigen */
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 2%;
    margin-left: 2%;
    transition: background-image 0.3s ease;
}

.hover-div:hover {
  background-image: url('Bilder HOMEPAGE/Intro Bilder/mayk_yay.png');
}

.hover-div:hover .Sprechblase{
  display: block;
}

.Sprechblase {
  display: none;
  position: absolute;
  bottom: 185px;
  right: 20px;
  width: 50vh;
  background: white;
  border: 3px solid black;
  padding: 20px;
  box-shadow: -4px 4px 0 lightgrey;
  z-index: 10;
}

.Sprechblase::after {
  content: "";
  position: absolute;
  right: 55px;
  border-style: solid;
  bottom: -19px;
  border-width: 20px 20px 0;
  border-color: white transparent transparent transparent;
}

.Sprechblase::before {
  content: "";
  position: absolute;
  right: 55px;
  border-style: solid;
  bottom: -23px;
  border-width: 22px 22px 0;
  border-color: black transparent transparent transparent;
  filter: drop-shadow(-4px 4px 0 lightgrey);
}

.highlight {
      color: #f56b5c;
      font-weight: bold;
}

.Nope{
    margin: 0;
    padding: 0;
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: bold;
    font-size: small;
}