/* --- Normale Schrift (nicht fett) --- */
    .blog-article, .blog-article p, .blog-article li, .blog-article td, .blog-article span { font-weight: 400 !important; }
    .blog-article strong, .blog-article b, .blog-article th, .blog-article h2, .blog-article h3,
    .blog-article .highlight-box > p, .blog-article .toc-box > p, .blog-article .tip-box strong, .blog-article .blog-cta, .blog-article .drop-cap, .blog-article .tarif-table .preis, .blog-article .tarif-table .tname { font-weight: 700 !important; }
    .blog-article .blog-cta { text-decoration: none !important; }
    .blog-article li, .blog-article td { color: #444; }
    .blog-article li strong { color: #1a1a1a; }

    .blog-article {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.8;
        color: #333;
        /*max-width: 900px;  */
        margin: 0 auto;
        padding: 0 40px 40px 40px;
        background: #fff;
    }
    .blog-article h2 {
        font-size: 1.2rem;
        color: #1a1a1a;
        margin-top: 2.5rem;
        margin-bottom: 0.8rem;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        scroll-margin-top: 90px;
    }
    .blog-article h3 { font-size: 1.05rem; color: #1a1a1a; margin-top: 1.8rem; margin-bottom: 0.4rem; }
    .blog-article p { font-size: 1rem; color: #444; margin-bottom: 20px; }
    .blog-article ul { padding-left: 20px; list-style-type: disc; margin-bottom: 20px; }
    .blog-article a { color: #3477EE; }

    .highlight-box { background: #f8f9fa; padding: 30px; border-radius: 8px; border: 1px solid #e9ecef; margin: 0 0 20px 0; }
    .highlight-box ul { margin-bottom: 0; }
    .highlight-box p { margin-top: 0; color: #1a1a1a; }

    .article-body { margin-top: 30px; }

    .blog-table { width: 100%; border-collapse: collapse; margin: 10px 0 25px 0; font-size: 0.95rem; }
    .blog-table th, .blog-table td { border: 1px solid #e9ecef; padding: 10px 12px; text-align: left; vertical-align: top; }
    .blog-table th { background: #f8f9fa; color: #1a1a1a; }

    .conclusion-box { background: #f0f2f5; padding: 30px; border-radius: 8px; border: 1px solid #dce4ec; margin: 30px 0; }
    .conclusion-box h3 { font-size: 1.1rem; margin-top: 0; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }

    .cta-box { background: #eef5fe; padding: 30px; border-radius: 8px; border: 1px solid #d6e6fb; margin: 30px 0; }
    .cta-box h3 { margin-top: 0; color: #051658; font-size: 1.15rem; }
    .blog-cta { display: inline-block; margin-top: 5px; padding: 14px 28px; background: #FD5300; color: #fff !important; border-radius: 8px; text-decoration: none; }
    .blog-cta:hover { background: #e04a00; }

    .drop-cap { float: left; font-size: 3rem; line-height: 0.8; color: #000; margin-right: 12px; margin-top: 5px; }

    .toc-box { background: #fff; border: 1px solid #e9ecef; border-left: 4px solid #3477EE; border-radius: 8px; padding: 20px 25px; margin: 0 0 30px 0; }
    .toc-box p { margin: 0 0 8px 0; color: #1a1a1a; }
    .toc-box ol { margin: 0; padding-left: 20px; }
    .toc-box li { margin-bottom: 4px; }
    .toc-box a { text-decoration: none; }
    .tip-box { background: #fff8f3; border: 1px solid #fde0cc; border-left: 4px solid #FD5300; border-radius: 8px; padding: 20px 25px; margin: 25px 0; }
    .tip-box p:last-child { margin-bottom: 0; }

    .tarif-wrap { overflow-x: auto; margin: 10px 0; }
    .tarif-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 0.95rem; }
    .tarif-table th { background: #051658; color: #fff !important; padding: 10px 12px; text-align: left; }
    .tarif-table td { border-bottom: 1px solid #e9ecef; padding: 12px; vertical-align: middle; }
    .tarif-table tr:nth-child(even) td { background: #f8f9fa; }
    .tarif-table .preis { color: #051658; font-size: 1.1rem; white-space: nowrap; }
    .tarif-badge { display: inline-block; background: #3477EE; color: #fff !important; font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; margin-bottom: 4px; }
    .tarif-hinweis { font-size: 0.85rem !important; color: #777 !important; margin-top: 8px; }

    @media (max-width: 768px) {
        .blog-article { padding: 0 15px 20px 15px; }
        .highlight-box, .conclusion-box, .cta-box { padding: 20px; }
        .blog-table { font-size: 0.85rem; }
    }