/* a */
a {
    color: black;
    font-family: monospace;
    }
a:hover {
    color: red;
    }
#audioToggle {
    position: fixed;
    top: 20px;
    left: 45%;
    font-size: 2rem;
    cursor: pointer;
    user-select: none;
    z-index: 1000;
    font-size: 40px;
}

/* b */
b{
    font-family: ;
    font-weight: 520;
    }
body{
    
}

/* i */
img {/*
    position: absolute;
    top: 20px;
    left: 40%;
    width: 50%;*/
    box-sizing: border-box;
    padding: 1rem;
    width: 12vw;/*
    position: fixed;
    top: 2%;
    left: 2%;*/
}
.index-link{
    text-decoration: none; 
    position: fixed; 
    z-index: 10;
}

/* l */
.links,
  .rechts {
    width: 50%;
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
.links {
  }

/* p */
p { 
    /*font-size: 40px;*/
    font-family: monospace;
    position: relative;
    }

/* r */
.rechts {
  }

/* s */
.spalten {
    display: flex;
    align-items: flex-start;
}

/* u */
ul{
    font-family: monospace;
}


@media (max-width: 600px) {

#audioToggle {
    left: 85%;
    font-size: 40px;
}
.spalten{
      flex-direction: column;  
    }    

.links, .rechts {
    width: 100%;
  }

img{
    width: 30vw;
    }    
}