/* ===========================================================================
 * css/legacy-head.css
 * ---------------------------------------------------------------------------
 * Das ehemalige Inline-CSS aus head.php, 1:1 herausgezogen (2026-08-29).
 *
 * head.php war ein zweiter, alter Seitenkopf mit eigenem <!DOCTYPE> und
 * diesem CSS im <style>-Block. Er verwies ausserdem auf styles.css - eine
 * Datei, die es im Projekt nicht mehr gibt. Jetzt delegiert head.php an
 * includes/header.php und laedt diese Datei als LETZTES Stylesheet nach,
 * damit die ~50 Altseiten ihr gewohntes Aussehen behalten.
 *
 * Diese Datei ist bewusst eine Uebergangsloesung. Beim Abbau gilt:
 *   - Seite fuer Seite auf knxtc-base.css / Bootstrap-Klassen umstellen
 *   - danach den Eintrag in head.php entfernen
 *   - zum Schluss diese Datei loeschen
 *
 * Bekannte Altlasten hier drin (bewusst NICHT geaendert, um das Aussehen
 * nicht zu veraendern - beim Abbau aber anfassen):
 *   - "a:link, a:visited { color: #ddd; }" macht Links fast unsichtbar
 *   - ".container { max-width: 2000px }" ueberschreibt Bootstraps .container
 *   - "table, th, td" ueberschreiben Bootstraps Tabellen-Styles
 * ===========================================================================
 */
body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;
            margin: 0;
            /* 2026-08-29: Hier stand "padding: 0".
               Diese Datei wird als LETZTES Stylesheet geladen und hat damit
               den Abstand ueberschrieben, den knxtc-base.css unter der
               fixierten Navbar freihaelt
               (padding-top: calc(var(--knx-navbar-h) + 8px)).
               Folge: Auf allen Altseiten lag der Seitenanfang - z. B. eine
               rote Fehlermeldung - HINTER der Menueleiste.
               Die Zeile ist bewusst entfernt, nicht auskommentiert-und-ersetzt:
               ein eigener padding-Wert wuerde denselben Konflikt erzeugen. */
        }

        h1, h2 {
            text-align: left;
            color: #006699;
        }

        .Kurse_alle {
            max-width: 90%;
            margin: 0px auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }

        th, td {
            text-align: left;
            padding: 10px;
            border: 1px solid #ddd;
        }

        th {
            background-color: #006699;
            color: white;
        }

        a.button, .button {
        
            text-decoration: none;
            padding: 10px 20px;
            margin: 10px;
            color: white;
            background-color: #006699;
            border-radius: 5px;
            transition: background-color 0.3s;
            text-align: left;
            width: 100px;
        }

        a.button:hover, .button:hover {
            background-color: #004d66;
        }

        a:link, a:visited {
            color: #ddd;
        }

        @media screen and (max-width: 768px) {
            table {
                font-size: 14px;
            }

            a.button {
                width: 100%;
                margin: 10px 0;
            }
        }
        .form-control {
            width: 400px;
            height: 40px;
        }		
        .container {
            max-width: 2000px;
            margin: 0 auto;
            padding: 20px;
        }
        .page-title {
            text-align: center;
            font-size: 24px;
            margin-bottom: 20px;
        }
        .search-form {
            display: flex;
            justify-content: left;
            margin-bottom: 20px;
        }
        .search-input {
            padding: 10px;
            font-size: 16px;
            width: 300px;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-right: 10px;
        }
        .search-button {
            padding: 10px 15px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .search-button:hover {
            background-color: #0056b3;
        }
        .styled-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            font-size: 18px;
            text-align: left;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        }
        .styled-table thead tr {
            background-color: #007bff;
            color: #ffffff;
            text-align: left;
        }
        .styled-table th, .styled-table td {
            padding: 12px 15px;
        }
        .styled-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }
        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }
        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #007bff;
        }
        .styled-table tbody tr:hover {
            background-color: #f1f1f1;
        }