diff --git a/public/images/soccerfield-af.jpg b/public/images/soccerfield-af.jpg
new file mode 100644
index 00000000..0b5804f1
Binary files /dev/null and b/public/images/soccerfield-af.jpg differ
diff --git a/public/images/soccerfield-af1.png b/public/images/soccerfield-af1.png
new file mode 100644
index 00000000..ecdae472
Binary files /dev/null and b/public/images/soccerfield-af1.png differ
diff --git a/public/images/soccerfield-af2.png b/public/images/soccerfield-af2.png
new file mode 100644
index 00000000..62bfb57c
Binary files /dev/null and b/public/images/soccerfield-af2.png differ
diff --git a/resources/views/livewire/board-dispatcher.blade.php b/resources/views/livewire/board-dispatcher.blade.php
index 36eb79c2..d3179dc9 100644
--- a/resources/views/livewire/board-dispatcher.blade.php
+++ b/resources/views/livewire/board-dispatcher.blade.php
@@ -24,73 +24,73 @@
                 </div>
             </div>
         </div>
-        <div class="bg-green-500 border-2 mx-3 p-3 rounded col-span-5 grid grid-cols-7 grid-rows-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5"
-            style="background-image: url({{ asset('images/soccerfield-cleand.jpg') }});">
-            @foreach ($beschriftung as $boxNumber => $benennung)
-                @if ($benennung)
-                    @if (in_array($boxNumber, $lineup))
-                        <div x-data="{ isOver: false }" @dragover.prevent="isOver = true"
-                            @dragenter.prevent="isOver = true" @dragleave.prevent="isOver = false"
-                            @drop.prevent="
-                                isOver = false;
-                                const rawData = $event.dataTransfer.getData('text/plain');
-                                if (rawData) {
-                                    const elementData = JSON.parse(rawData);
-                                    $wire.dispatch('element-dropped-in-box', { elementData: elementData, boxNumber: {{ $boxNumber }} });
-                                }
-                            "
-                            :class="isOver ? 'border-red-500 bg-white/20 ring-2 ring-red-500/50 scale-[1.02]' :
-                                @if (in_array($benennung, ['SW', 'DR', 'DC', 'DL'])) 'border-gray-800 bg-green-500/40'
-                            @elseif (in_array($benennung, ['DM', 'MR', 'MC', 'ML', 'AM'])) 
-                                'border-gray-800 bg-blue-500/40'
-                            @else
-                                'border-gray-800 bg-amber-500/40' @endif"
-                            class="border-2 rounded-xl transition-all px-1 pt-0 flex flex-col justify-start transform inset-shadow-sm inset-shadow-white/50 shadow-lg">
-                            <!-- Box Header -->
-                            <div class="grid grid-cols-6 items-center">
-                                <div></div>
-                                <div
-                                    class="w-10 2xl:w-16 text-center mx-auto bg-black text-white p-0.5 2xl:p-1 text-md 2xl:text-xl font-black rounded-b col-span-4">
-                                    {{ $benennung }}
+            <div class="drop-shadow-2xl mx-3 p-3 rounded col-span-5 grid grid-cols-7 grid-rows-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5"
+                style="background-image: url({{ asset('images/soccerfield-af.jpg') }});">
+                @foreach ($beschriftung as $boxNumber => $benennung)
+                    @if ($benennung)
+                        @if (in_array($boxNumber, $lineup))
+                            <div x-data="{ isOver: false }" @dragover.prevent="isOver = true"
+                                @dragenter.prevent="isOver = true" @dragleave.prevent="isOver = false"
+                                @drop.prevent="
+                                    isOver = false;
+                                    const rawData = $event.dataTransfer.getData('text/plain');
+                                    if (rawData) {
+                                        const elementData = JSON.parse(rawData);
+                                        $wire.dispatch('element-dropped-in-box', { elementData: elementData, boxNumber: {{ $boxNumber }} });
+                                    }
+                                "
+                                :class="isOver ? 'border-red-500 bg-white/20 ring-2 ring-red-500/50 scale-[1.02]' :
+                                    @if (in_array($benennung, ['SW', 'DR', 'DC', 'DL'])) 'border-gray-800 bg-green-500/40'
+                                @elseif (in_array($benennung, ['DM', 'MR', 'MC', 'ML', 'AM'])) 
+                                    'border-gray-800 bg-blue-500/40'
+                                @else
+                                    'border-gray-800 bg-amber-500/40' @endif"
+                                class="border-2 rounded-xl transition-all px-1 pt-0 flex flex-col justify-start transform inset-shadow-sm inset-shadow-white/50 shadow-lg">
+                                <!-- Box Header -->
+                                <div class="grid grid-cols-6 items-center">
+                                    <div></div>
+                                    <div
+                                        class="w-10 2xl:w-16 text-center mx-auto bg-black text-white p-0.5 2xl:p-1 text-md 2xl:text-xl font-black rounded-b col-span-4">
+                                        {{ $benennung }}
+                                    </div>
+
+                                    @if ($boxes[$boxNumber])
+                                        <x-filament::icon-button icon="heroicon-m-trash" color="black"
+                                            class="dark:[&_svg]:text-black" size="sm"
+                                            wire:click="clearBox({{ $boxNumber }})" />
+                                    @endif
                                 </div>
 
+                                <!-- Box Inhalt -->
                                 @if ($boxes[$boxNumber])
-                                    <x-filament::icon-button icon="heroicon-m-trash" color="black"
-                                        class="dark:[&_svg]:text-black" size="sm"
-                                        wire:click="clearBox({{ $boxNumber }})" />
+                                    <div draggable="true"
+                                        x-on:dragstart="e => {
+                                            e.dataTransfer.effectAllowed = 'copy';
+                                            e.dataTransfer.setData('text/plain', JSON.stringify({ id: {{ $boxes[$boxNumber]['id'] }} }));
+                                        }"
+                                        class="cursor-grab active:cursor-grabbing bg-black border border-black hover:border-blue-500 text-white p-0.5 2xl:p-1 m-0.5 rounded leading-4 2xl:leading-5 text-ms">
+                                        {{ $boxes[$boxNumber]['name'] }}
+                                    </div>
                                 @endif
                             </div>
-
-                            <!-- Box Inhalt -->
-                            @if ($boxes[$boxNumber])
-                                <div draggable="true"
-                                    x-on:dragstart="e => {
-                                        e.dataTransfer.effectAllowed = 'copy';
-                                        e.dataTransfer.setData('text/plain', JSON.stringify({ id: {{ $boxes[$boxNumber]['id'] }} }));
-                                    }"
-                                    class="cursor-grab active:cursor-grabbing bg-black border border-black hover:border-blue-500 text-white p-0.5 2xl:p-1 m-0.5 rounded leading-4 2xl:leading-5 text-ms">
-                                    {{ $boxes[$boxNumber]['name'] }}
-                                </div>
-                            @endif
-                        </div>
+                        @else
+                            <div x-data="{ isOver: false }" @dragover.prevent="isOver = true"
+                                @dragenter.prevent="isOver = true" @dragleave.prevent="isOver = false"
+                                @drop.prevent="
+                                    isOver = false;
+                                    const rawData = $event.dataTransfer.getData('text/plain');
+                                    if (rawData) {
+                                        const elementData = JSON.parse(rawData);
+                                        $wire.dispatch('element-dropped-in-box', { elementData: elementData, boxNumber: {{ $boxNumber }} });
+                                    }
+                                "
+                                class="border rounded-xl transition-all pt-0 flex flex-col justify-start shadow-2xs invisible">
+                            </div>
+                        @endif
                     @else
-                        <div x-data="{ isOver: false }" @dragover.prevent="isOver = true"
-                            @dragenter.prevent="isOver = true" @dragleave.prevent="isOver = false"
-                            @drop.prevent="
-                                isOver = false;
-                                const rawData = $event.dataTransfer.getData('text/plain');
-                                if (rawData) {
-                                    const elementData = JSON.parse(rawData);
-                                    $wire.dispatch('element-dropped-in-box', { elementData: elementData, boxNumber: {{ $boxNumber }} });
-                                }
-                            "
-                            class="border rounded-xl transition-all pt-0 flex flex-col justify-start shadow-2xs invisible">
-                        </div>
+                        <div></div>
                     @endif
-                @else
-                    <div></div>
-                @endif
-            @endforeach
-        </div>
+                @endforeach
+            </div>
     </div>
 </div>