/* Sitemap Styles */
/* Hauptcontainer für die Sitemap */
.sitemap-container {
    background-color: rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Hintergrund */
    border-radius: 10px; /* Abgerundete Ecken */
    padding: 30px; /* Innenabstand */
    margin-top: 20px; /* Abstand nach oben */
}

/* Überschrift der Sitemap */
.sitemap-container h2 {
    color: #333; /* Dunkelgraue Textfarbe */
    margin-bottom: 15px; /* Abstand nach unten */
    border-bottom: 2px solid #e9932b; /* Orangefarbene Unterstreichung */
    padding-bottom: 10px; /* Abstand unter dem Text zur Linie */
}

/* Beschreibungstext der Sitemap */
.sitemap-container p {
    color: #555; /* Mittelgraue Textfarbe */
    margin-bottom: 25px; /* Abstand nach unten */
}

/* Grid-Layout für die Sitemap-Kategorien */
.sitemap-grid {
    display: grid; /* Verwendet CSS Grid für Layout */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Automatische Anpassung der Spalten */
    gap: 25px; /* Abstand zwischen den Grid-Elementen */
    margin-bottom: 30px; /* Abstand nach unten */
}

/* Stil für einzelne Sitemap-Kategorien */
.sitemap-category {
    background-color: rgba(255, 255, 255, 0.6); /* Transparenter weißer Hintergrund */
    border-radius: 8px; /* Abgerundete Ecken */
    padding: 20px; /* Innenabstand */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* Leichter Schatten für Tiefeneffekt */
}

/* Überschrift innerhalb der Kategorie */
.sitemap-category h3 {
    color: #e9932b; /* Orangefarbener Text */
    margin-bottom: 15px; /* Abstand nach unten */
    font-size: 18px; /* Schriftgröße */
}

/* Listenstil innerhalb der Kategorie */
.sitemap-category ul {
    list-style: none; /* Entfernt Standard-Aufzählungszeichen */
    padding: 0; /* Entfernt Standard-Innenabstand */
}

/* Stil für Listenelemente */
.sitemap-category li {
    margin-bottom: 10px; /* Abstand nach unten zwischen Listenelementen */
    padding-left: 20px; /* Innenabstand links für Platzierung des benutzerdefinierten Aufzählungszeichens */
    position: relative; /* Positionierungskontext für pseudo-Element */
}

/* Benutzerdefiniertes Aufzählungszeichen für Listenelemente */
.sitemap-category li:before {
    content: "•"; /* Verwendet einen Punkt als Aufzählungszeichen */
    position: absolute; /* Absolute Positionierung */
    left: 0; /* Am linken Rand ausrichten */
}

/* Links Standard: nicht fett */
.sitemap-category a {
    color: #333; /* Dunkelgraue Textfarbe */
    text-decoration: none; /* Entfernt Standard-Unterstreichung */
    font-weight: normal; /* Standard normal */
}

/* Hover-Effekt für Links */
.sitemap-category a:hover {
    color: #e9932b; /* Orangefarbener Text beim Überfahren */
    text-decoration: underline; /* Unterstreichung beim Überfahren */
}

/* --- Verschachtelte Listenstufen --- */

/* Ebene 1 */
.sitemap-category ul.level-1 li {
    font-size: 16px;
    margin-left: 0;
}
.sitemap-category ul.level-1 > li > a {
    font-weight: bold; /* nur Ebene 1 fett */
}
.sitemap-category ul.level-1 li:before {
    color: #e9932b; /* Orange */
}

/* Ebene 2 */
.sitemap-category ul.level-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.sitemap-category ul.level-2 li {
    font-size: 14px;
    margin-left: 0px;
}
.sitemap-category ul.level-2 > li > a {
    font-weight: bold; /* fett */
}
.sitemap-category ul.level-2 li:before {
    color: #999; /* Grau */
}

/* Ebene 3 */
.sitemap-category ul.level-3 {
    margin-top: 6px;
    margin-bottom: 6px;
}
.sitemap-category ul.level-3 li {
    font-size: 14px;
    margin-left: 0px;
}
.sitemap-category ul.level-3 > li > a {
    font-weight: normal;
    font-style: normal; /* kursiv */
}
.sitemap-category ul.level-3 li:before {
    color: #bbb; /* Hellgrau */
}

/* Hinweiskasten in der Sitemap */
.sitemap-note {
    background-color: rgba(233, 147, 43, 0.1); /* Sehr heller, transparenter orangefarbener Hintergrund */
    border-left: 4px solid #e9932b; /* Orangefarbener linker Rahmen */
    padding: 15px 20px; /* Innenabstand */
    border-radius: 4px; /* Leicht abgerundete Ecken */
}

/* Überschrift im Hinweiskasten */
.sitemap-note h3 {
    color: #333; /* Dunkelgraue Textfarbe */
    margin-bottom: 10px; /* Abstand nach unten */
}

/* Links im Hinweiskasten */
.sitemap-note a {
    color: #e9932b; /* Orangefarbener Text */
    font-weight: bold; /* Fettgedruckter Text */
}

/* Mobile Optimierungen für Sitemap */
@media (max-width: 768px) {
    /* Anpassung des Grid-Layouts für mobile Geräte */
    .sitemap-grid {
        grid-template-columns: 1fr; /* Eine Spalte auf mobilen Geräten */
    }
    
    /* Anpassung des Containers für mobile Geräte */
    .sitemap-container {
        padding: 20px; /* Reduzierter Innenabstand auf mobilen Geräten */
    }
}