/*
    custom.css
    Beschreibung: Individuelle CSS-Regeln für spezifische Elemente
    Autor: Thomas Stenzel
*/

a {
    text-decoration: none;
    color: #15355e;
}

a:focus, a:hover {
    text-decoration: underline;
    color: #3a3b79;
    cursor: pointer;
    background: 0 0;
}

table td {
    padding-left: 10px;
    padding-right: 10px;
}

#table-schulzeiten tr td:first-child {
    text-align: left;
}

#table-schulzeiten tr td:nth-child(2) {
    text-align: center;
}

#termine table tr td {
    text-align: left;
}


/* Gleiche Höhe für Karten in allen Sektionen */
#schulzeiten .flex-row {
    display: flex;
    flex-wrap: wrap;
}

#schulzeiten .lg-column-6 {
    display: flex;
}

#schulzeiten .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#schulzeiten .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Behebe das Problem mit der Tabelle im card-body */
#schulzeiten .card-body table {
    width: 100%;
}

/* Behebe max-width Problem im Schulzeiten-Bereich */
#schulzeiten .card-body[style*="max-width"] {
    max-width: 100% !important;
    margin: 0 !important;
}


/* Schulleben-Sektion mit fester Positionierung am oberen Rand */
#schulleben .flex-row {
    align-items: flex-start !important;
}

/* Entferne die auto-Zentrierung aus der ursprünglichen Klasse */
#schulleben .flex-row.align-items-center {
    align-items: flex-start !important;
}

/* Beide Spalten sollten am oberen Rand beginnen */
#schulleben .lg-column-6 {
    align-items: flex-start;
}

/* Accordion-Gruppen sollten den verfügbaren Platz einnehmen */
#schulleben #left,
#schulleben #right {
    width: 100%;
}

/* Die Inhalte sollten nicht die Position verändern */
#schulleben .collapse {
    position: relative;
}

/* Wiederverwendbare Header-Hintergrundklasse für eingeklappte Zustände */
.background-header.collapsed {
    background-color: #e1e1e1 !important;
    color: #333 !important;
}

/* Wiederverwendbare Header-Hintergrundklasse für ausgeklappte Zustände */
.background-header:not(.collapsed) {
    background-color: #e41d0b !important;
    color: white !important;
}

/* Fokus-Styling für beide Zustände */
.accordion-button.background-header:focus {
    border-color: #e41d0b;
    box-shadow: 0 0 0 0.25rem rgba(225, 225, 225, 0.25);
}

/* Pfeil-Styling für ausgeklappte Zustände (weiß) */
.accordion-button.background-header:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Pfeil-Styling für eingeklappte Zustände (grau) */
.accordion-button.background-header.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}