/* ========================================= */ /* DEBUG-MODUS – Layout-Visualisierung */ /* Aktivieren: */ /* ========================================= */ body.debug-mode * { outline-offset: -1px; } /* ---------- HAUPTBEREICHE (unterscheidbare Farben) ---------- */ body.debug-mode .ix-header { outline: 2px solid #0077ff; } /* Header: Blau */ body.debug-mode .md-content { outline: 2px solid #22aa55; } /* Content (äußerer Bereich): Grün */ body.debug-mode .ix-footer { outline: 2px solid #8844cc; } /* Footer: Violett */ /* ---------- LANDINGPAGE – innere Rahmen ---------- */ body.debug-mode #lp { outline: 1px dashed #ff8800; } /* LP-Hauptrahmen: Orange (gestrichelt) */ body.debug-mode #lp .ix-container { outline: 1px solid #ff8800; } /* LP-Inner: Orange (durchgezogen) */ /* ---------- MD-SEITEN – innere Rahmen ---------- */ body.debug-mode .md-content .md-content__inner { outline: 1px solid #11aa99; } /* Artikelbereich innen: Türkis */ /* ---------- MD-SEITEN – Navigation links (NAV) ---------- */ body.debug-mode .md-sidebar--primary .md-sidebar__inner { outline: 1px solid #e6c229; } /* NAV-Container: Gelb */ body.debug-mode .md-nav--primary { outline: 1px dotted #e6c229; } /* NAV selbst: Gelb gepunktet */ /* ---------- MD-SEITEN – Inhaltsverzeichnis rechts (TOC) ---------- */ body.debug-mode .md-sidebar--secondary .md-sidebar__inner { outline: 1px solid #ff3366; } /* TOC-Container: Pink */ body.debug-mode .md-nav--secondary { outline: 1px dotted #ff3366; } /* TOC selbst: Pink gepunktet */ /* ---------- OPTIONAL: GRID zur Orientierung ---------- */ body.debug-mode .md-grid { outline: 1px dashed #9e9e9e; } /* Gesamt-Raster: Grau gestrichelt */