/* Basic style definitions */
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }

        /* Container for content */
        .container {
                        width: 90%;
                        max-width: 1200px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        /* Stil für den Haupttitel */
        h1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        /* Stil für den Beschreibungstext */
        p {
            font-size: 14px;
            color: #555;
                        text-align: justify;
                        margin-left: 10%;
                        margin-right: 10%;
        }
                p.centered {
            font-size: 14px;
            color: #555;
                        text-align: center;
        }

                li {
                        text-align: justify;
                        margin-left: 10%;
                        margin-right: 10%;
                }

        /* Container für die Social-Media-Icons */
        .social-links {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 15px 0;
        }

        /* Stil für die Social-Media-Links */
        .social-links a img {
            width: 35px; /* Einheitliche Größe für die Icons */
            height: 35px;
        }

                .social-links a {
            text-decoration: none;
            font-size: 10px;
            color: #333;
        }

        /* Container für die Link-Buttons */
        .link-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        /* Stil für die Buttons */
        .link-button {
            display: block;
            padding: 10px;
            background: #00CD00;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            cursor: pointer;
            border: none;
            font-size: 16px;
        }

        /* Hover-Effekt für die Buttons */
        .link-button:hover {
            background: #008B00;
        }

        /* Versteckter Textbereich für die ausklappbaren Inhalte */
        .content {
            display: none;
            padding: 10px;
            background: #f8f8f8;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-top: 5px;
            font-size: 14px;
            color: #333;
        }

                .content img {
                        display: block;
                        border-radius: 5px;
                        margin-left: auto;
                        margin-right: auto;
                        width: 50%;
                        margin-bottom:10px;
                }