/* Nur fuer /pages/teaching.html.
 *
 * Stand als <style>-Block im Dokument. Solange das so war, musste die
 * Content-Security-Policy style-src 'unsafe-inline' erlauben — und damit
 * auch jeden eingeschleusten Stil.
 *
 * Eigene Datei und nicht assets/css/eigen.css, weil diese Regeln nur auf
 * dieser einen Seite gelten sollen. Das ist hier keine Ordnungsfrage: der
 * Block von pages/contact.html setzt Regeln fuer body, die auf jeder
 * anderen Seite das Layout verschoeben. */

.accordion .card {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .accordion .card-header {
            background-color: #f8f9fa;
            border-bottom: none;
            padding: 0;
        }
        
        .accordion .btn-link {
            color: #333;
            text-decoration: none;
            font-weight: 500;
            padding: 1rem 1.25rem;
            transition: all 0.3s ease;
        }
        
        .accordion .btn-link:hover {
            color: #667eea;
            text-decoration: none;
            background-color: #f0f0f0;
        }
        
        .accordion .btn-link:focus {
            text-decoration: none;
            box-shadow: none;
        }
        
        .accordion .btn-link i {
            transition: transform 0.3s ease;
        }
        
        .accordion .btn-link:not(.collapsed) i {
            transform: rotate(180deg);
        }
        
        .accordion .card-body {
            background-color: #ffffff;
            padding: 1.25rem;
        }