body {
  font-family: "Times", serif;
  background: black;
  color: white;
  font-size: 100pt;
}


model-viewer {
  width: 100vw;
  height: 100vh; /* Ensures it takes 50% of the screen height */
  /* min-height: 1000px; /* Sets a minimum height of 300px */
  /* max-width: 1000px; /* Sets a maximum width of 800px */
  margin: 20px 0;
  top: 0px;
  background-color: black;
  flex-shrink: 0; /* Prevents shrinking of the model-viewer */
  overflow: hidden;
}

.cursor {
  width: 15px;
  height: 15px;
  right: 8px;
  top:10px;
  pointer-events: none;
  position: absolute;
}

.info {
  font-size: 10pt;
  background: blue;
  z-index: 2;
  overflow: scroll;
  padding-left: 8px;
  padding-top: 10px;
  padding-right: 8px;
  padding-bottom: 10px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer/Edge (alt) */
  text-align: justify;
  text-align-last: left;
}

.info::-webkit-scrollbar {
  display: none; /* Chrome, Safari, neuer Edge */
}

.content {
  z-index: 1;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.ov {
  font-size: 12pt;
  line-height: -10pt;
}

#draggable {
      width: 40%;
      height: 10%;
      margin-left: 5px;
      background-color: blue;
      position: absolute;
      top: 35vh;
      left: 10%;
      cursor: grab;
    }
button {
  width: 100%;
  height: 50px;
  background: blue;
  font-size: 20pt;
  color: white;
  left: 0;
  top: 0;
  z-index: 9999;
  position: fixed;
  display: block;
  border-style: none;

}

.text-box {
width: 400px;
height: 20px;
font-size: 12pt;
right: 0;
bottom: 0;
z-index: 99999;
position: fixed;
background: blue;

}

a {
  color: white;           /* Standardfarbe */
  text-decoration: none; /* Unterstreichung entfernen */    /* Schrift fetter */
}

a:hover {
  color: white;            /* Farbe beim Hovern */
  text-decoration: overline;
}

a:active {
  color: white;          /* Farbe beim Klick */
}

a:visited {
  color: white;         /* Farbe für besuchte Links */
}

    #bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* hinter den Inhalt legen */
      }

    @media (max-width: 800px) {
      #draggable {
            width: 80%;
            height: 20%;
            margin-left: 5px;
            background-color: blue;
            position: absolute;
            top: 40vh;
            left: 5%;
            cursor: grab;
          }

          .ov {
            font-size: 10pt;
          }

          .info {
            font-size: 8pt;
            background: blue;
            z-index: 2;
            overflow: scroll;
            padding-left: 8px;
            padding-top: 10px;
            padding-right: 8px;
            padding-bottom: 10px;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* Internet Explorer/Edge (alt) */
            text-align: justify;
            text-align-last: left;
          }

          .info::-webkit-scrollbar {
            display: none; /* Chrome, Safari, neuer Edge */
          }
    }