@media(max-width: 1024px) { /* 1024px oder kleiner */
    .ptv::after, .ptv-tc, #nav  { display: none; }
    .sidemenu       { display: block; }
    header          { justify-content: space-between; }
    footer          { padding: 3em 0 3em 0; font-size: .75em; p {margin-bottom: 1em;} }

    .intro          { flex-direction: column-reverse; }
    .intro h1       { font-size: 2em; padding-top: 1em; }
    .outro          { flex-direction: column; }
    .mediacontainer { width: 100%; }
    .text           { width: 100%; }
    .scroll         { font-size: 1em; }
    .beschreibung   { display: unset; }

    .info {
        flex-direction: column;
        gap: 1.5em;
        align-items: center;

        > div { width: auto; }
    }
    .kontakt { flex-direction: column; }
    h2 { font-size: 1.5em; }
}