<div class="page appendix bg-gray-100 p-8">
    <div class="mx-auto">
        <div class="bg-white rounded-b-lg shadow-lg">
            <div class="p-6 md:p-8">
                <div class="mb-8">

                    <!-- Appendix Hinweis -->
                    <div class="mt-8 pt-6 border-t border-gray-200">
                        <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
                            <p class="text-sm text-yellow-800">
                                <strong>{{AppendixImportantLabel}}:</strong> {{AppendixImportantText}}
                            </p>
                        </div>
                    </div>

                    <div class="w-full overflow-x-hidden">
                        <table class="w-full border-collapse table-fixed" style="max-width:100%">
                            <colgroup>
                                <col style="width: 9%" />
                                <col style="width: 31%" />
                                <col style="width: 60%" />
                            </colgroup>
                            <thead>
                                <tr class="bg-gray-100 border-b-2 border-gray-300">
                                    <th class="text-left p-3 font-semibold text-gray-700 align-top">{{AppendixColumnCaptionPosition}}</th>
                                    <th class="text-left p-3 font-semibold text-gray-700 align-top">{{AppendixColumnCaptionFieldName}}</th>
                                    <th class="text-left p-3 font-semibold text-gray-700 align-top">{{AppendixColumnCaptionValue}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {{AppendixLines}}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
