body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            color: #343a40; /* Grau für Text */
        }
        header {
            background-color: #343a40; /* Grau für Header */
            color: #ffffff; /* Gelb für Header-Text */
            padding: 20px 0;
            text-align: center;
        }
        nav a {
            color: #ffffff; /* Gelb für Navigation-Text */
            margin: 0 15px;
            text-decoration: none;
        }
        section {
            padding: 20px;
        }
        .about-container, .services-container, .activities-container, .portfolio-container, .contact-container {
            background-color: #f8f9fa; /* Leichtes Grau für Hintergrund */
            padding: 20px;
            border-radius: 8px;
        }
        footer {
            background-color: #343a40; /* Gelb für Footer */
            color: #ffffff; /* Grau für Footer-Text */
            text-align: center;
            padding: 10px 0;
        }
        footer a {
            color: #ffffff; /* Weiß für Footer-Links */
            text-decoration: none;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        .header-image {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 50%;
        }
        .section-title {
            font-size: 1.75em;
            color: #333;
            border-left: 5px solid #ffa500;
            padding-left: 10px;
            margin-bottom: 20px;
        }