+
Hier kannst du Titel, Emoji, Bild und Status aller Module anpassen. Änderungen werden sofort in die Datenbank geschrieben und sind überall in der App wirksam (Landing Page, Detailseiten, Dashboards).
+
+
+ Filter:
+
+ Alle Status
+ Aktiv
+ Beta
+ Geplant
+ Archiv
+
+
+
+
+
mit children ggs-music-sel, ggs-music-btn
+ Modul liefert die Tracks via JS-Setup (siehe template.html)
+*/
+.ggs-music {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ padding: 2px 4px;
+ border-radius: var(--ggs-radius-sm);
+ background: var(--ggs-white);
+ border: 1.5px solid var(--ggs-border);
+ min-height: 36px;
+}
+.ggs-music-sel {
+ background: transparent;
+ border: none;
+ font-family: var(--ggs-font);
+ font-size: 12px;
+ font-weight: 600;
+ color: var(--ggs-text-muted);
+ cursor: pointer;
+ padding: 4px 6px;
+ min-height: 30px;
+ border-radius: var(--ggs-radius-sm);
+ max-width: 110px;
+}
+.ggs-music-sel:hover { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); }
+.ggs-music-btn {
+ background: transparent;
+ border: none;
+ font-size: 14px;
+ cursor: pointer;
+ padding: 4px 8px;
+ min-width: 30px;
+ min-height: 30px;
+ color: var(--ggs-text-muted);
+ border-radius: var(--ggs-radius-sm);
+}
+.ggs-music-btn:hover { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); }
+.ggs-music-btn.playing { color: var(--ggs-moss-dark); background: var(--ggs-moss-light); }
+.ggs-music-vol {
+ width: 60px;
+ accent-color: var(--ggs-fjord);
+}
+@media (max-width: 900px) {
+ .ggs-music-vol { display: none; }
+ .ggs-music-sel { max-width: 80px; }
+}
+
+
+/* --- 20. Glossar-Tooltips --- */
+/* Jedes Element mit data-glossar="key" bekommt einen Tooltip.
+ Verwendung:
Windpark
+ Das Glossar selbst liegt als JS-Objekt (GLOSSAR) im Template. */
+[data-glossar] {
+ border-bottom: 1px dotted var(--ggs-fjord);
+ cursor: help;
+ position: relative;
+}
+[data-glossar]:hover {
+ color: var(--ggs-fjord);
+}
+.ggs-glossar-popup {
+ position: fixed;
+ z-index: 4000;
+ background: var(--ggs-white);
+ border: 1.5px solid var(--ggs-fjord);
+ border-radius: var(--ggs-radius-md);
+ box-shadow: var(--ggs-shadow-lg);
+ padding: var(--ggs-gap-md);
+ max-width: 320px;
+ width: max-content;
+ animation: ggs-glossar-in 0.2s var(--ggs-ease) both;
+ pointer-events: auto;
+}
+.ggs-glossar-popup::before {
+ content: '';
+ position: absolute;
+ top: -6px;
+ left: 24px;
+ width: 10px;
+ height: 10px;
+ background: var(--ggs-white);
+ border-left: 1.5px solid var(--ggs-fjord);
+ border-top: 1.5px solid var(--ggs-fjord);
+ transform: rotate(45deg);
+}
+.ggs-glossar-title {
+ font-size: 14px;
+ font-weight: 800;
+ color: var(--ggs-fjord-dark);
+ margin-bottom: 4px;
+}
+.ggs-glossar-text {
+ font-size: 12px;
+ color: var(--ggs-text-muted);
+ line-height: 1.5;
+}
+.ggs-glossar-unit {
+ display: inline-block;
+ font-size: 10px;
+ font-weight: 600;
+ color: var(--ggs-fjord);
+ background: var(--ggs-fjord-light);
+ padding: 1px 6px;
+ border-radius: var(--ggs-radius-sm);
+ margin-top: 6px;
+}
+.ggs-glossar-link {
+ display: inline-block;
+ font-size: 11px;
+ color: var(--ggs-fjord);
+ margin-top: 6px;
+ text-decoration: none;
+}
+.ggs-glossar-link:hover { text-decoration: underline; }
+@keyframes ggs-glossar-in {
+ 0% { opacity: 0; transform: translateY(6px); }
+ 100% { opacity: 1; transform: translateY(0); }
+}
+
+
+/* --- 21. Loading Screen --- */
+.ggs-loading {
+ position: fixed;
+ inset: 0;
+ background: var(--ggs-bg);
+ z-index: 9999;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: var(--ggs-gap-lg);
+ transition: opacity 0.5s;
+}
+.ggs-loading.fade-out { opacity: 0; pointer-events: none; }
+.ggs-loading-logo {
+ height: 100px;
+ animation: ggs-loading-spin 2.5s var(--ggs-ease) infinite;
+}
+@keyframes ggs-loading-spin {
+ 0% { transform: rotateY(0deg); }
+ 100% { transform: rotateY(360deg); }
+}
+.ggs-loading-text {
+ font-size: 13px;
+ font-weight: 600;
+ color: var(--ggs-text-muted);
+ letter-spacing: .5px;
+}
+
+
+/* --- 21. Utility Classes --- */
+.ggs-hidden { display: none !important; }
+.ggs-text-center { text-align: center; }
+.ggs-text-muted { color: var(--ggs-text-muted); }
+.ggs-mt-sm { margin-top: var(--ggs-gap-sm); }
+.ggs-mt-md { margin-top: var(--ggs-gap-md); }
+.ggs-mt-lg { margin-top: var(--ggs-gap-lg); }
+.ggs-mb-sm { margin-bottom: var(--ggs-gap-sm); }
+.ggs-mb-md { margin-bottom: var(--ggs-gap-md); }
+.ggs-mb-lg { margin-bottom: var(--ggs-gap-lg); }
+.ggs-gap-sm { gap: var(--ggs-gap-sm); }
+.ggs-flex { display: flex; }
+.ggs-flex-col { display: flex; flex-direction: column; }
+.ggs-flex-center { display: flex; align-items: center; justify-content: center; }
diff --git a/App/assets/data/helipads.json b/App/assets/data/helipads.json
new file mode 100644
index 0000000..bbe3456
--- /dev/null
+++ b/App/assets/data/helipads.json
@@ -0,0 +1,15 @@
+
+
+
+
+
+
OSM3S Response
+
+
+
+
The data included in this document is from www.openstreetmap.org. The data is made available under ODbL.
+
Error : runtime error: open64: 0 Success /osm3s_osm_base Dispatcher_Client::request_read_and_idx::timeout. The server is probably too busy to handle your request.
+
+
+
diff --git a/App/assets/data/vlbg_places.json b/App/assets/data/vlbg_places.json
new file mode 100644
index 0000000..bbe3456
--- /dev/null
+++ b/App/assets/data/vlbg_places.json
@@ -0,0 +1,15 @@
+
+
+
+
+
+
OSM3S Response
+
+
+
+
The data included in this document is from www.openstreetmap.org. The data is made available under ODbL.
+
Error : runtime error: open64: 0 Success /osm3s_osm_base Dispatcher_Client::request_read_and_idx::timeout. The server is probably too busy to handle your request.
+
+
+
+ 
Modul-Verwaltung (Admin)