/* Abstand zwischen den einzelnen Listenpunkten im Inhaltsverzeichnis */
ul.table-of-contents li {
    margin-bottom: 6px !important; /* Hier kannst du den Abstand nach Wunsch vergrößern */
}

/* Verhindert, dass die Links aneinanderkleben */
ul.table-of-contents li a {
    display: inline-block !important;
    padding: 2px 0 !important;
}
/* Verhindert, dass Überschriften vom fixierten Header überlagert werden */
h2[id], h3[id] {
    scroll-margin-top: 100px !important; /* Passt den Stopp-Punkt an */
}
/* Genereller Abstand über allen H2-Überschriften im Artikel */
.entry-content h2 {
    margin-top: 40px !important;
    margin-bottom: 15px !important; /* Optional: Ein kleiner, sauberer Abstand nach unten zum Text */
}
/* Nur auf Bildschirmen, die breiter als ein Tablet sind (Desktop) */
@media (min-width: 992px) {
    .entry-content, 
    .site-main,
    main {
        padding-right: 40px !important; /* Schafft 4 Zentimeter Luft zur Sidebar */
    }
}
/* Die edle CTA-Box am Artikelende */
.article-cta-box {
    background-color: var(--vr-gray-150) !important; /* Sanfter, ruhiger Hintergrund */
    border-left: 4px solid var(--vr-wv-blue) !important; /* Dein Marken-Blau als Akzent */
    padding: 1.5rem 2rem !important;
    margin: 40px 0 !important;
    border-radius: 4px;
}

.article-cta-box h3 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    font-size: 1.25rem !important;
    color: var(--vr-text-main) !important;
}

.article-cta-box p {
    margin-bottom: 20px !important;
    font-size: var(--vr-fs-base);
    color: var(--vr-text-main);
}

/* Der auffällige Button in der Box */
.article-cta-button {
    display: inline-block !important;
    background-color: var(--vr-wv-blue) !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.article-cta-button:hover {
    background-color: var(--vr-wv-dark-blue) !important;
    color: #ffffff !important;
}