body {
    background-color: #5cdcfa;
    font-family: sans-serif;
}

p.einleitung {
    font-style: italic;
}

div.options, div.select {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

div.option {
    width: 150px;
    padding: 10px 10px 10px 40px;
    background-color: lightgrey;
    margin: 10px 20px;
    transition: background-color 300ms;
}

div.option:hover {
    background-color: darkgray;
}

div.option.checked, div.option.checked:hover {
    background-color: white;
    background-image: url("haken.png");
    background-repeat: no-repeat;
    background-size: 40px, 40px;
    background-position-x: left;
    background-position-y: center;
}

div.option.none {
    font-weight: bold;
    font-size: 120%;
    background-color: darkgray;
}

div.option.none:hover {
    background-color: white;
}

div.radio {
		padding: 4px 0;
		margin-top: 8px;
}

textarea {
    width: 80%;
    height: 10em;
    margin-top: 2em;
}

li {
    margin-top: 3em;
}

button#submit {
    width: 100%;
    height: 10em;
    font-size: 200%;
}

button#submit:hover {
    cursor: pointer;
}

div#alertOptions, div#alertTan {
    color: red;
    font-size: 130%;
}

p#tan {
    font-size: 130%;
}