body {
    background-color: #ffff00;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    color: #071749;
}

a {
  text-decoration: none;
  color: #071749;
  font-size: 10px; 
}

footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 5vh;
}

.rechtliches{
  grid-column-start: 1;
  grid-column-end: 2;
  align-self: end;
  padding: 1em;
  bottom: 0px;
  left: 0px;
}

/* img {
    width: 100%;
} */

.grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    height: 95vh;
}

.grid-left {
    grid-column-start: 1;
    grid-column-end: 2;
    align-self: start;
    padding: 5em;
}

.grid-middle {
    grid-column-start: 2;
    grid-column-end: 3; 
    align-self: center;
}

.grid-right {
    grid-column-start: 3;
    grid-column-end: 4; 
    align-self: end;
    padding: 5em;
}

/* .img-width-20 img {
    width: 20%;
    height: auto;
} */

.rotate {
    animation: rotate 8s infinite linear;
    transform-origin: center center;

}

@keyframes rotate {
    0%      {rotate: 0deg;}
    /* 25%     {rotate: 90deg;}
    50%     {rotate: 180deg;}
    75%     {rotate: 270deg;} */
    100%    {rotate: 360deg;}

  }

  .rotatebackwards {
    animation: rotatebackwards 13s infinite linear;
    transform-origin: center center;

}

@keyframes rotatebackwards {
    0%      {rotate: 0deg;}
    /* 25%     {rotate: 90deg;}
    50%     {rotate: 180deg;}
    75%     {rotate: 270deg;} */
    100%    {rotate: -360deg;}

  }

  .info{
    position: fixed;
    right: 0;
    top: 0;
    height: 10%;
    width: auto;
    padding: 5vh;
    


    & img {
      height: 10px;
      width: auto;

    }
  }



  #Popup
  {
    display: none;
    position: fixed;
    right: 5%;
    top: 10%;
    /* background: purple; */
    color: #071749;
    width: 300px;
    height: 100px;
    /* transform: translate(-50%, -50%); */
  }

  #Popup.active
  {
    display: block;
  }

  #Toggler
  {
    position: fixed;
    right: 0;
    top: 0;
  }

  #Trigger
  {
    position: fixed;
    right: 0;
    bottom: 0;
    cursor: pointer;
  }

  #Toggler.active + #Popup
  {
    display: block;
  }