/* Entwickler-Modus: Versteckte Elemente anzeigen */
.showDeveloper,
.dev-mode-only {
    display: none !important;
}

body.developerMode .showDeveloper,
body.developerMode .dev-mode-only {
    display: block !important;
}

/* Für Inline-Elemente wie Links */
body.developerMode a.dev-mode-only,
body.developerMode span.dev-mode-only {
    display: inline !important;
}

/* Für List-Items in Navigation */
body.developerMode li.dev-mode-only {
    display: list-item !important;
}

/* Optional: Visueller Indikator für aktiven Developer-Mode */
body.developerMode::before {
    content: "🔧 Developer Mode";
    position: fixed;
    top: 10px;
    right: 10px;
    background: #ff6b6b;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 99999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}