#main > p { line-height: 133%; margin-top: 3em;}
#main > div.pict-side { margin-top: 3em;}

div.sw {
    display: flex;
    justify-content: center;
    margin: 3em 1em;
}

div.sw > div {
    font-size: 150%;
    font-weight: bold;
    border: solid 5px var(--colB);
    text-align: center;
    width: fit-content;
    padding: 0.5em 1em;
    border-radius: 2em;
    
}


#mzl {
    display: flex;
    justify-content: center;
    margin: 3em 1em;
}

#mzl a {
    font-size: 200%;
    font-weight: bold;
    background-color: var(--colG);
    text-align: center;
    width: fit-content;
    padding: 0.5em 1em;
    border-radius: 2em;
    text-decoration: none; color: white;
}

#headline, #themenline {
    position: absolute;
    transform: translate(-50%,-50%) rotate(-15deg);;
}

@media (min-aspect-ratio: 1/1) {
    #headline, #themenline {
        top: 50vh;
        left: 25vw;
        font-size: min(7vh,5vw);
    }
}

@media (max-aspect-ratio: 1/1) {
    #headline, #themenline {
        top: 75vh;
        left: 50vw;
        font-size: 7vw;
    }
}

#headline { animation: 10s infinite blendinout;}
#themenline { animation: 10s infinite 5s blendinout;}

#headline > div {background-color:  var(--colG);}
#themenline > div {background-color:  var(--colB);}

#headline > div , #themenline > div {
    width: fit-content;
    text-align: center;
    padding: 0.25em 0.5em;
    margin: 0.25em 0;
    color: white;
    opacity: 0%;
}

#headline > div:nth-of-type(1) , #themenline > div:nth-of-type(1) {
    animation: 1s forwards 0.75s blendin, 5s infinite 2s scaler;
}
#headline > div:nth-of-type(2) , #themenline > div:nth-of-type(2) {
    animation: 1s forwards blendin, 5s infinite 2.5s scaler;
}
#headline > div:nth-of-type(3) , #themenline > div:nth-of-type(3) {
    animation: 1s forwards 1.5s blendin, 5s infinite 3s scaler;
}
    
@keyframes blendin {
    from { opacity: 0%; scale: 100%;}
    to { opacity: 100%; scale: 100%;}
}


@keyframes scaler {
    from { scale: 100%;}
    45% { scale: 100%; border-radius: 0; }
    50% { scale: 110%; border-radius: 0.5em; }
    55% { scale: 100%; border-radius: 0; }
    to { scale: 100%;}
}