body {
  font-family: 'Abel', cursive;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.wrapper {
  /* wrapper thingy from here: https://codepen.io/nohoid/pen/eYXpNL */
  position: relative;
  height: 100vh;
  background: linear-gradient(to top, #09203f 0%, #537895 100%);
  background-size: 18000% 18000%;
  -webkit-animation: rainbow 18s ease infinite;
  -moz-animation: rainbow 18s ease infinite;
  -o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /*  nderung auf flex-start */
}

@-webkit-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }

  50% {
    background-position: 100% 19%
  }

  100% {
    background-position: 0% 82%
  }
}

@-moz-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }

  50% {
    background-position: 100% 19%
  }

  100% {
    background-position: 0% 82%
  }
}

@-o-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }

  50% {
    background-position: 100% 19%
  }

  100% {
    background-position: 0% 82%
  }
}

@keyframes rainbow {
  0% {
    background-position: 0% 82%
  }

  50% {
    background-position: 100% 19%
  }

  100% {
    background-position: 0% 82%
  }
}







table {
  text-align: left;
}

tr {
  height: 60px;
  /* Anpassen des Abstands zwischen den Zeilen */
}

td {
  padding: 10px;
  /* Anpassen des Abstands zwischen den Zellen */
}

h1,
h2,
td,
p {
  color: #FFC300;
  position: relative;
  z-index: 2;
  margin-top: 20px;
  /* Abstand zum oberen Rand */
}

.image {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80vh;
  z-index: 1;
}


/* a-tag styling from: https://codepen.io/geoffgraham/pen/bxEVEN*/
a {
  background: linear-gradient(to bottom, var(--mainaColor) 0%, var(--mainaColor) 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 3px 3px;
  color: rgb(206, 206, 206);
  text-decoration: underline;
  text-decoration-color: rgb(255, 152, 0);
}

a:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-position: 0 100%;
  background-size: auto 6px;
  background-repeat: repeat-x;
  text-decoration: none;
}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
}