############################################################
Script by https://webdesign.weisshart.de
V. 2.00 02.03.2023

Creative Commons CC BY-NC-SA 3.0 DE
https://creativecommons.org/licenses/by-nc-sa/3.0/de/
für kommerzielle Nutzung bitte anfragen. webdesign@weisshart.de
jQuery-Plugin von Adobe Accessibility unter Apache License 2.0

Dieses Script wird in der Hoffnung angeboten, dass es nützlich sein wird,
aber OHNE JEGLICHE GARANTIE; auch ohne die implizite Garantie von
Funktionsfähigkeit.
Für evtl. Schäden durch die Nutzung des Scripts kann 
webdesign weisshart nicht in Anspruch genommen werden.

############################################################  



##################### Installation #########################

1.   Archiv entpacken, und alles in ein beliebiges Verzeichnis oder Unterverzeichnis

2.   Die Datei /includes/navi.php enthält eine Musternavigation
     Diese Datei nach Bedarf anpassen. 
     Wichtig dabei: Die IDs und Klassen für die ul und li beibehalten. 

3.   Die CSS-Datei für das Navigationsmenü /assets/css/style_navi.css:

3.1. Anpassung der Responsiveness an die eigene Menüstruktur:

     ca. Zeile 200:
     max-width: calc((100vw - 395px) / 2);
 
     In dieser "Formel" bedeuten:

     100vw: Viewport-Breite - diesen Wert nicht ändern!
     385px: Summe der Breite aller Hauptnavi-Items mit fixer bzw. minimaler Breite
            Dieser Wert ist von zahlreichen Faktoren abhängig, und lässt sich am besten mit den Developer-Tools von Chrome oder Firefox empirisch ermitteln.
     2: Anzahl der Hauptnavi-Items mit flexibler Breite, die vom Script automatisch an die Browser-Fensterbreite angepasste (gekürzt) werden sollen.
	
     Wenn obige Formel korrekt an die eigene Menüstruktur angepasst ist, sollte die Navigationsleiste beim Verkleinern der Browser-Fensterbreite immer ganz sichtbar sein, und die ganze Breite einnehmen.

3.2  für bestimmte Submenüs - beispielsweise nur Nr.2 und 4 - die automatische Spaltenanzeige aktivieren
     ab ca. Zeile 290 (3 mal)

4.   Inhaltsseiten ins Verzeichnis /seiten. Muster Siehe /seiten/seite1
   
4.1  Erforderliche CSS-Anpassungen für Inhalte sollten in der Datei /assets/css/style_page.css vorgenommen werden. 
     Um Überschreibungen der Styleangaben für die Navi zu vermeiden, ggf. Elemente mit vorangestelltem article deklarieren.
     Z.B.: article li {font ...}

5.   Für Zusatzwünsche, oder falls es zu nicht mit Bordmitteln behebbaren Problemen kommt, stehe ich gerne gegen eine moderate Aufwandsentschädigung für Hilfe bereit: 
webdesign@weisshart.de