Location Speichern geht? abrufen der gespeicherten location aus properties muss noch gemacht werden

data/settings.css

@@ -332,4 +332,85 @@
           flex-direction: column;
           gap: 10px;
         }
-      }
+      }
+
+      .section select {
+  width: 100%;
+  padding: 12px 16px;
+  font-size: 16px;
+  font-family: inherit;
+  border: 2px solid #e1e5e9;
+  border-radius: 8px;
+  background-color: white;
+  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  background-size: 12px;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.section select:hover {
+  border-color: #007bff;
+  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
+}
+
+.section select:focus {
+  outline: none;
+  border-color: #007bff;
+  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
+}
+
+.section select:disabled {
+  background-color: #f8f9fa;
+  color: #6c757d;
+  cursor: not-allowed;
+  opacity: 0.6;
+  border-color: #dee2e6;
+}
+
+.section select:disabled:hover {
+  border-color: #dee2e6;
+  box-shadow: none;
+}
+
+/* Option Styling */
+.section select option {
+  padding: 8px;
+  font-size: 16px;
+  background-color: white;
+  color: #333;
+}
+
+.section select option:hover {
+  background-color: #f8f9fa;
+}
+
+.section select option:disabled {
+  color: #6c757d;
+  background-color: #f8f9fa;
+}
+
+/* Form Group für bessere Abstände */
+.section .form-group {
+  margin-bottom: 20px;
+}
+
+.section .form-group label {
+  display: block;
+  margin-bottom: 8px;
+  font-weight: 600;
+  color: #333;
+  font-size: 14px;
+}
+
+/* Responsive Design für kleinere Bildschirme */
+@media (max-width: 768px) {
+  .section select {
+    font-size: 16px; /* Verhindert Zoom auf iOS */
+    padding: 14px 16px;
+  }
+}