body {
    margin: 0;
    background-color: white;
}

*{
    box-sizing: border-box;
}

header {
    background-color: rgb(155, 51, 125);
    color: white;
    font-size: 2vw;
    font-family: Bahnschrift;
    top: 0;
    padding: 0.5vw;
    text-align: center;
}

#homebutton {
    float: left;
    font-size: 1.3vw;
    text-decoration: none;
    color: white;
    margin-top: 0.5vw;
}

#homebutton:hover {
    color: black;
    transition: 0.2s;
    cursor: pointer;
}

li {
    margin-top: 1.5vw;
    width: 100%;
    height: auto;
}

section:after {
    content: "";
    display: table;
    clear: both;
}

th:hover {
    transition: 0.5s;
    border-color: white;
    color: white;
    cursor: pointer;
}

#links {
    float: left;
    width: 50%;
    border: solid black;
    height: 100%;
}

#spendentext {
    width: 65vw; 
    margin: auto; 
    margin-top: 10vh;
    font-size: 2vw; 
    text-align: justify;
}

#spenden {
	font-size: 2.5vw;
	display: block;
	text-decoration: none;
	text-align: center;
}

#spendenbild {
    width: 30vw; 
    height: auto;
}

.spalte {
    width: 33.33%;
    font-family: Bahnschrift;
    float: left;
}

.category {
    font-size: 2.5vw;
    text-align: center;
}

ul {
    list-style-type: circle;
    font-size: 1.3vw;
    padding-left: 30%;
}

@media (max-width: 600px) {
    header {
        font-size: 4vw;
    }

    #homebutton {
        font-size: 2.8vw;
        margin-top: 0.8vw;
    }

    .category {
        font-size: 4vw;
    }

    .spalte ul {
        font-size: 2.5vw;
        padding-left: 20%;
    }

    #spendentext {
        width: 90%;
        margin-top: 4vh;
        font-size: 4vw;
    }

    #spenden {
        font-size: 5vw;
    }

    #spendenbild {
        width: 70vw;
        height: auto;
    }
}