/* assets/css/custom.css */

/* 1. Genereller Text-Abstand (Body) */
/* Erhöht den Zeilenabstand für bessere Lesbarkeit */
.prose p {
    line-height: 1.8 !important;
    margin-bottom: 1.5em !important; /* Mehr Platz nach jedem Absatz */
}

/* 2. Überschriften */
/* Viel mehr Platz VOR einer neuen Überschrift, damit Kapitel klar getrennt sind */
.prose h2 {
    margin-top: 3em !important;
    margin-bottom: 1em !important;
}

.prose h3 {
    margin-top: 2.5em !important;
    margin-bottom: 0.75em !important;
}

/* 3. Listen (Aufzählungen) */
/* Zieht die Listenpunkte etwas auseinander */
.prose li {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/* 4. Feature-Grid (Startseite Kästen) */
/* Gibt den Kästen auf der Startseite mehr Innenabstand */
.hextra-feature-card {
    padding: 2rem !important; /* War vorher oft 1rem oder 1.5rem */
    gap: 1.5rem !important;   /* Mehr Platz zwischen Icon und Text */
}

/* 5. Sidebar Navigation */
/* Macht die Links in der linken Leiste etwas höher, damit man sie leichter trifft */
.sidebar-menu a {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* 6. Cards (in der Doku) */
/* Mehr Abstand zwischen den Karten-Containern */
.hextra-cards {
    gap: 1.5rem !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}