dropdown der einzelnen kategorien funktioniert

resources/assets/less/metager/foki.less

-/* Rund um die Foki */
+/* Rund ums Fokus Modal */
 
 #show-create-focus {
     display: none;
@@ -38,6 +38,30 @@
                     }
                 }
             }
+            .focus-dropdown-toggle {
+                display: none;
+
+                &:not(:checked) {
+                    & ~ .focus-dropdown-label ~ .row {
+                        max-height: 0px;
+                        overflow: hidden;
+                    }
+                }
+                &:checked {
+                    & ~ .focus-dropdown-label::after {
+                        content: "Einklappen 🡡";
+                    }
+                }
+            }
+
+            .focus-dropdown-label {
+                font-weight: normal;
+                &::after {
+                    font-size: 16px;
+                    content: "Ausklappen 🡣";
+                    margin-left: 3px;
+                }
+            }
         }
     }
 

resources/views/modals/create-focus-modal.blade.php

@@ -30,6 +30,8 @@
 						<h3 class="focus-category">
 							@lang("settings.foki." . $fokus)
 						</h3>
+						<input type="checkbox" id="toggle-{{ $fokus }}-dropdown" class="focus-dropdown-toggle">
+						<label class="focus-dropdown-label" for="toggle-{{ $fokus }}-dropdown"></label>
 						<div class="row">
 							@foreach( $sumas as $name => $data )
 							<div class="col-sm-6 col-md-4 col-lg-3">