/* style.css */ 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    font-family: Arial, sans-serif; 
} 
body { 
    line-height: 1.6; 
    color: #333; 
}
img { 
  max-width: 100%; 
  height: auto; 
  display: block; /* Verhindert ungewünschte Abstände unter dem Bild */ 
}
/* Header & Navigation */ 
header { 
    background: #35424a; 
    color: white; 
    padding: 1rem; 
    position: sticky; 
    top: 0; 
    z-index: 1000; 
} 
header nav ul { 
    display: flex; 
    justify-content: center; 
    list-style: none; 
    flex-wrap: wrap; 
} 
header nav a { 
    color: white; 
    text-decoration: none; 
    padding: 10px 20px; 
    display: block; 
} 
header nav a:hover { 
    background: #e8491d; 
    border-radius: 5px; 
} 
/* Hauptbereich */ 
main { 
    padding: 2rem; 
    min-height: 80vh; 
}

/* Footer */ 
footer { 
    background: #35424a; 
    color: white; 
    text-align: center; 
    padding: 1rem; 
    margin-top: auto; 
} 
/* RESPONSIVE DESIGN (Media Queries) */ 
@media(max-width: 768px) { 
    header nav ul { 
        flex-direction: column; 
        text-align: center; 
    } 
    
    main { 
        padding: 1rem; 
    } 
}