html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-image: url("/data/assets/bilder/sonstiges/wooden_background.jpg");
    background-repeat: no-repeat;        
    background-size: cover;              
    background-position: center center;  
    background-attachment: fixed;        
}

.main_section {
    flex: 1 0 auto;           /* nimmt den verbleibenden Platz unter Header ein */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Inhalt oben ausrichten */
    padding: 60px 20px 40px 20px;
    gap: 2rem;
    background-color: rgba(255, 255, 255, 0.4); /* leicht transparent */
    box-sizing: border-box;
}