@import "00_variablen.css";

body {
    font-family: var(--standard-font-family);
    font-size: var(--teacher-font-size);
    background: var(--teacher-color2);
    margin: 0;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain; /* Das Verhalten beim Überscrollen vertikal verhindern */
    touch-action: pan-y; /* allows only vertical-scrolling touch */
    overflow-x: hidden; /* allows only vertical-scrolling mouse-actions */
    user-select: none; /* prohibits any kind of user selection (especially from text) */
    hyphens: auto; /* automated word splitting */
}

@media (orientation: landscape) {
    .main {
        max-width: var(--teacher-inner-body-size);
        margin-left: auto;
        margin-right: auto;
    }
}

button {
    font-size: var(--teacher-font-size);
}

img {
    max-width: 100%;
    max-height: 100%;
}

a {
    color: white;
    text-decoration: None;
    font-size: var(--teacher-font-size);
}