/* --- Basis-Container --- */
    .fuji-article-container {
        font-family: 'Verdana', 'Segoe UI', sans-serif;
        font-size: 16px;
        line-height: 1.7;
        color: #333;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
        box-sizing: border-box;
    }

    /* --- Typografie (H1 entfernt, max H2) --- */
    h2.main-title {
        font-size: 28px;
        color: #2c3e50;
        border-bottom: 3px solid #2d8244; /* Fuji Grün */
        padding-bottom: 15px;
        margin-bottom: 30px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    h3 {
        font-size: 22px;
        color: #2d8244;
        margin-top: 40px;
        margin-bottom: 15px;
        font-weight: 600;
        border-left: 5px solid #2d8244;
        padding-left: 15px;
    }

    h4 {
        font-size: 18px;
        color: #444;
        margin-top: 25px;
        margin-bottom: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

    p { margin-bottom: 1.2em; text-align: justify; }

    /* --- Inhaltsverzeichnis --- */
    .toc-container {
        background-color: #f4f8f5;
        border: 1px solid #dcebdc;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 40px;
    }
    .toc-container strong { display: block; margin-bottom: 10px; color: #2d8244; }
    .toc-list { list-style: none; padding: 0; margin: 0; columns: 2; }
    .toc-list li { margin-bottom: 8px; }
    .toc-list a { text-decoration: none; color: #333; font-weight: 500; transition: color 0.3s; }
    .toc-list a:hover { color: #2d8244; text-decoration: underline; }

    /* --- Listen --- */
    ul.feature-list { list-style: none; padding: 0; }
    ul.feature-list li { 
        position: relative; 
        padding-left: 30px; 
        margin-bottom: 12px; 
    }
    ul.feature-list li::before { 
        content: '✔'; 
        position: absolute; 
        left: 0; 
        color: #2d8244; 
        font-weight: bold; 
        font-size: 18px;
    }

    /* --- Tabellen (Responsiv) --- */
    .table-scroll { 
        overflow-x: auto; 
        margin: 25px 0; 
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        border-radius: 6px;
    }
    table.fuji-table { 
        width: 100%; 
        border-collapse: collapse; 
        min-width: 600px; 
        background: #fff;
    }
    table.fuji-table th { 
        background-color: #2d8244; 
        color: white; 
        padding: 14px; 
        text-align: left; 
        font-weight: 600;
    }
    table.fuji-table td { 
        border: 1px solid #e0e0e0; 
        padding: 12px; 
    }
    table.fuji-table tr:nth-child(even) { background-color: #f9fff9; }

    /* --- Info-Boxen & Zitate --- */
    .expert-box {
        background-color: #fff8e1;
        border-left: 5px solid #ffc107;
        padding: 20px;
        margin: 30px 0;
        border-radius: 4px;
        font-style: italic;
    }
    
    .key-takeaways-box {
        background-color: #e8f5e9;
        border: 1px solid #c8e6c9;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 40px;
    }

    /* --- Bilder & Video --- */
    .media-wrapper { margin: 30px 0; text-align: center; }
    .media-wrapper img { 
        max-width: 100%; 
        height: auto; 
        border-radius: 6px; 
        box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
        border: 1px solid #eee;
    }
    .video-responsive {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 Verhältnis */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .video-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* --- FAQ Sektion --- */
    .faq-item { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
    .faq-question { font-weight: 700; color: #2d8244; display: block; margin-bottom: 8px; }

    /* --- Mobile --- */
    @media (max-width: 768px) {
        h2.main-title { font-size: 24px; }
        h3 { font-size: 20px; padding-left: 10px; border-left-width: 4px; }
        .toc-list { columns: 1; }
        .fuji-article-container { padding: 15px; }
    }