/* @media only screen and (min-width: 1024px) {        */
          body {
              margin-top: 10px; /* Der obere Rand wird auf 10 Pixel reduziert */
              padding: 20px;
              margin-left: 5%  !important; /* Großzügiger Außenrand */
              margin-right: 5% !important; /* Großzügiger Außenrand */
              font-size: 1.2em; /* Einheitliche Schriftgröße */
              line-height: 1.5; /* Einheitlicher Zeilenabstand */
          }
        /* } */
        .header {
            text-align: center;
            margin-bottom: 10px;
        }
        .section {
            margin-bottom: 20px;
        }
        .section h2 {
            color: #333;
        }
       li {
            list-style: none; /* Standard-Marker entfernen */
            position: relative;
            padding-left: 25px; /* Platz für den Marker einfügen */
            font-size: 1.0em; /* Einheitliche Schriftgröße */
            line-height: 1.5; /* Einheitlicher Zeilenabstand */
            margin-bottom: 15px; /* Abstand zwischen den Aufzählungen erhöht */
        }
        li::before {
            content: "\f007"; /* Font Awesome Icon */
            font-family: "Font Awesome"; 
            position: absolute;
            left: 0; /* Position des Icons linksbündig */
        }
        .list-box {
            font-size: 1.0em; /* Einheitliche Schriftgröße */
            background-color: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 10px; /* Abgerundete Ecken */
            padding: 30px; /* Erhöhter Innenabstand */
            margin-bottom: 20px; /* Mehr Abstand zwischen den Boxen */
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); /* Tieferer Schatten */
            width: 95%; /* Breitere Boxen (nahezu volle Breite des Containers) */
            max-width: 800px; /* Begrenzte maximale Breite */
            line-height: 1.5; /* Zeilenabstand auf 1,7 erhöht */
            margin-left: auto; /* Zentrieren der Box */
            margin-right: auto;
        }
        .list-box ul {
            font-size: 1.0em; /* Schriftgröße der Aufzählungszeichen erhöht */
            line-height: 1.5; /* 1,5 Zeilenabstand */
            margin: 0;
            padding: 0;
        }
        .back-link {
            margin-top: 30px;
            text-align: center;
        }
        .back-link a {
            text-decoration: none;
            color: #0078D4;
        }
        .exercise-card {
            background-color: #fefefe;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            text-align: left; /* Text wieder linkbündig */
            transition: transform 0.2s ease;
        }
        .exercise-card:hover {
            transform: scale(1.03);
        }
        .exercise-card a {
            text-decoration: none;
            color: inherit;
        }  
        @media only screen and (min-width: 1200px) {
            body {
                margin-left:  25%  !important; /* Großzügiger Außenrand */
                margin-right: 25%  !important; /* Großzügiger Außenrand */
            }
        }