/* css for the non - main/front page */

#full { --sizJ: min(25vw,max(100px,10vw)); }
#head-aktuell { display: none;}


#head-name > div {
    animation-duration: 0.5s;
    animation-name: rotateJ;
}

@keyframes rotateJ {
    from { transform: rotate(30deg); }
    50% { transform: rotate(-10deg); }
    90% { transform: rotate(5deg); }
    to { transform: rotate(-0deg); }
}


div[data-kind="title"] { font-size: 175%; font-weight: bold; margin-top: 1em;}
div[data-kind="sub-thema"] div[data-kind="title"]  { font-size: 150%; font-weight: bold; }
div[data-kind="text"] div[data-kind="title"]  { font-size: 125%; font-weight: normal; }

div[data-kind="sub-thema"] { display: none; }
div[data-kind="ref"], cite { display: none; }


@media not screen {
    div[data-kind="sub-thema"] {
        display: block;
    }
    .screen { display: none; }
}


div[data-kind="intro"] > button {
    border: solid 1px transparent;
    background-color: var(--colG);
    padding: 0.5em 1em; border-radius: 2em;
    font-weight: bold;
    cursor: pointer;
}