html, body {
  overflow: hidden;
  height: 100vh;
}

body {
    margin: 0;
    padding: 0;
    background-color:rgb(253,253,253);
}
 
.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.container {
    margin: 0;
    overflow: scroll;
    height: 100vh;
    scroll-snap-type: y mandatory; /* Vertikal Scrollen und Snap Points streng einhalten */

}



@media (orientation: portrait){ 
    .container {margin-top:66px;}
}


@media (orientation: landscape){ 
    .container{margin-top:0; margin-left:66px;}

}

@media (orientation: landscape) and (min-width:960px){ 
    .container{margin-top:66px; margin-left:0; width:100%;}    
}

section {
    position: sticky;
    top:0;
    height: 100vh; 
  scroll-snap-align: start; /* An der Oberkante jeder Sektion soll gestoppt werden */
}