
.frage {
    border: none;
    font-size: 1em;
    font-style: oblique;
    color: var(--customColor-tsgGreen);
    cursor: pointer;
    padding-left: 0.5em;
}

.antwort {
    margin: 0px;
    padding-left: 1.5em;
}

details {
    border: 1px solid var(--customColor-tsgGreen);
    border-radius: 0em 0.7em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0.5em;
    background-color: aliceblue;
}

details[open] > div {
    animation-name: slideDown;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

@keyframes slideDown {
      from {
        opacity: 0;
        height: 0;
      }

      to {
        opacity: 1;
        height: var(--contentHeight);
      }
}
