/* === GITHUB THEME BASICS === */
        body {
            margin: 0;
            padding: 0 0 40px 0; 
            /* GitHubs Standard-Schriftarten */
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
            background-color: #f6f8fa; /* Leichtes GitHub-Grau */
            color: #24292f; /* GitHubs Dunkelgrau für Text */
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* === NAVIGATION STYLING === */
        .main-nav {
            background-color: #f6f8fa;
            border-bottom: 1px solid #d0d7de; /* Typischer GitHub-Rahmen */
            padding: 16px 20px;
            margin-bottom: 40px;
            display: flex;
            gap: 20px;
        }

        .main-nav a {
            color: #0969da; /* GitHub-Blau */
            text-decoration: none;
            font-size: 14px;
        }

        .main-nav a:hover {
            text-decoration: underline;
        }

        .main-nav a.active {
            color: #24292f;
            font-weight: 600; /* Aktive Seite ist fett und dunkel */
        }

        /* === INHALT === */
        h1 {
            font-size: 2rem;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d0d7de; /* Linie unter der Überschrift */
            font-weight: 600;
        }

        .uebungs-reihe {
            display: flex;
            height: 300px;
            background-color: #ffffff;
            border-radius: 6px; /* Klassische GitHub 6px Ecken */
            border: 1px solid #d0d7de; /* Kein Schatten, nur Rahmen */
            overflow: hidden;
            margin-bottom: 20px; /* Ersetzt die alte Trennlinie */
        }

        .preview-container {
            width: 30%;
            height: 100%;
            overflow: hidden;
            position: relative;
            background-color: #f6f8fa;
            border-right: 1px solid #d0d7de;
        }

        .preview-container iframe {
            width: calc(200% + 40px);
            height: calc(200% + 100px);
            transform: scale(0.5);
            transform-origin: top left;
            border: none;
            position: absolute;
            top: -22px; 
            left: 0;
            pointer-events: none;
        }

        .link-bereich {
            width: 70%;
            display: flex;
            flex-direction: column;
            justify-content: center; /* Inhalt vertikal zentrieren */
            background-color: #ffffff;
            padding: 30px 40px; 
            box-sizing: border-box;
        }

        .beschreibung {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 24px;
        }

        .link-gruppe {
            margin-bottom: 12px;
            display: flex;
            flex-direction: column;
        }

        .link-label {
            font-size: 12px;
            color: #57606a; /* Etwas helleres Grau für Labels */
            font-weight: 600;
            margin-bottom: 4px;
        }

        .link-bereich a {
            font-size: 14px;
            color: #0969da;
            text-decoration: none;
            word-break: break-all;
        }

        .link-bereich a:hover {
            text-decoration: underline;
        }

        /* Die alte Trennlinie brauchen wir im GitHub-Theme nicht mehr, 
           da die Boxen jetzt Abstände (margin-bottom) haben. */
        .trennlinie {
            display: none; 
        }