# 1. Download erzwingen (für alle gängigen Dateitypen)
<FilesMatch "\.(?i:pdf|png|jpg|jpeg|zip|docx|xlsx|csv|txt|mp4|cal)$">
    Header set Content-Disposition attachment
</FilesMatch>

# 2. Verzeichnislisting & Basis-Design
Options +Indexes
IndexOptions FancyIndexing HTMLTable NameWidth=* DescriptionWidth=0 Charset=UTF-8 +SuppressDescription +SuppressHTMLPreamble

# 3. Das Design (CSS & JS kombiniert)
IndexHeadInsert "<style> \
    table { border-collapse: collapse; width: 100%; max-width: 800px; font-family: sans-serif; border: 1px solid #ccc; } \
    th, td { border: 1px solid #ddd; padding: 10px; text-align: left; } \
    th { background: #f4f4f4; } \
    /* Button-Design für den Link */ \
    .indexcolname a { \
        background: #007bff; color: white !important; text-decoration: none !important; \
        padding: 5px 12px; border-radius: 4px; font-weight: bold; font-size: 0.9em; \
        display: inline-block; \
    } \
    .indexcolname a:hover { background: #0056b3; } \
    img { margin-right: 10px; } \
</style> \
<script> \
    window.onload = function() { \
        var links = document.querySelectorAll('.indexcolname a'); \
        links.forEach(function(link) { \
            if (link.innerText !== 'Parent Directory') { \
                var fileName = link.innerText; \
                link.innerHTML = 'Download: ' + fileName; \
            } \
        }); \
    }; \
</script>"

# 4. Unnötige Dateien ausblenden
IndexIgnore .htaccess