/* ============================================================
   Automatisiertes Inhaltsverzeichnis (TOC) – nur H2
   Shortcode: [cts_toc]
   Präfix: cts-toc
   ============================================================ */

.cts-toc-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin: 2rem 0;
}

.cts-toc-box .cts-toc-title {
    font-size: 1.7rem;
    margin: 0 0 1rem 0;
    color: #1e293b;
}

.cts-toc-box .cts-toc-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.cts-toc-box .cts-toc-list li {
    margin-bottom: 0.2rem;
}

.cts-toc-box .cts-toc-list a {
    color: #1e1b4b;
	font-size: 1.5rem;
	font-weight: 500; 
    text-decoration: none;
    transition: color 0.2s ease;
}

.cts-toc-box .cts-toc-list a:hover,
.cts-toc-box .cts-toc-list a:focus {
    color: rgb(245, 144, 14);
    text-decoration: underline;
}

/* ------------------------------------------------------------
   Sanftes Scrollen, sauber gescoped (kein globaler html-Selektor)
   ------------------------------------------------------------ */

.single-post .entry-content h2[id],
.single-post .et_pb_post_content h2[id] {
    scroll-margin-top: 100px; /* An Divi-Header-Höhe anpassen (80–120px) */
}

body.single-post {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    body.single-post {
        scroll-behavior: auto;
    }
}