INTERN · NICHT FÜR BESUCHER
Wie diese Website gestaltet ist
Diese Seite hält fest, wie die Website des Flugplatzes aufgebaut ist: welche Farben gelten, welche Schriften, aus welchen Bausteinen die Seiten bestehen — und warum das jeweils so entschieden wurde. Sie ist zum Nachschlagen gedacht, wenn die Website später erweitert wird, und von oben nach unten lesbar.
Stand: 26. Oktober 2026
01
Die Farben
Acht Farben, mehr nicht. Sie liegen in Elementor als globale Variablen — wer eine davon ändert, ändert sie überall auf einmal. Im Editor stehen sie unter dem Farbwähler ganz oben; ein eigener Farbwert von Hand gehört nicht in diese Website.
farbe-tief
#0D1A2E
Dunkle Flächen: Seitenkopf, Info-Kacheln, Fußzeile
farbe-tuerkis
#17A2A2
Der einzige Akzent: Oberkanten, Knöpfe, Überfahren
farbe-eis
#EDF2F7
Helle Flächen: Hinweise, Personen-Karten, Formulare
farbe-linie
#C7D2DE
Trennlinien, Rahmen, Text auf dunklem Grund
farbe-gedaempft
#3C4450
Fließtext
farbe-text
#2A2A2A
Überschriften auf hellem Grund
farbe-marke
#003679
Das Blau aus dem Vereinslogo
farbe-weiss
#FFFFFF
Grundfläche der Seiten
Warum diese Zusammenstellung
Das tiefe Blau ist die Farbe des Nachthimmels in der Anflug-Szene auf der Startseite. Indem Seitenkopf, Kacheln und Fußzeile dasselbe Blau tragen, wirken Startseite und Unterseiten wie aus einem Guss.
Türkis ist der einzige Akzent — und bleibt es. Eine zweite Akzentfarbe würde beide schwächen: Wenn zwei Farben um Aufmerksamkeit bitten, zeigt keine mehr zuverlässig, wo es weitergeht. Deshalb trägt Türkis alles, was eine Handlung ankündigt, und sonst nichts.
Dunkel wird sparsam eingesetzt. Wäre jeder Hinweiskasten dunkel, verlöre der Seitenkopf seine Wirkung — das Auge gewöhnt sich. Hinweise stehen deshalb auf Eisgrau, dunkel bleibt den Köpfen und den Kacheln vorbehalten.
Im Farbwähler stehen vier weitere Variablen — farbe-creme, farbe-gelb, farbe-signal und farbe-blau. Sie stammen aus der Vorgängerfassung und hängen noch an Altseiten, die bis zum Umzug bestehen bleiben. Für neue Inhalte werden sie nicht verwendet.
02
Die Schriften
Zwei Schriften, klar verteilt: eine für Überschriften, eine für alles zum Lesen. Beide liegen auf dem eigenen Server und werden nicht von Google geladen — das hat einen handfesten Grund, der weiter unten steht.
FÜR ÜBERSCHRIFTEN
Exo 2
Eine technisch wirkende Schrift mit leicht kantigen Formen — sie passt zum Thema, ohne verspielt zu sein. Eingesetzt in zwei Stärken: 600 für Zwischenüberschriften, 700 für Seiten- und Abschnittstitel.
Variable: schrift-ueberschrift
FÜR ALLES ZUM LESEN
Montserrat
Ruhig, breit laufend und auch in kleinen Größen gut lesbar — wichtig bei Anflughinweisen und Lärmschutzzeiten, die jemand auf dem Handy liest. Eingesetzt in 400 für Fließtext und 600 für Hervorhebungen.
Variable: schrift-text
Die Größen
Sechs Stufen, mehr braucht keine Seite. Jede Stufe hat eine Aufgabe — wer eine siebte erfindet, macht die Hierarchie unleserlich statt feiner.
Wie diese Website gestaltet ist
Seitentitel · Exo 2 700 · 3,25 rem (52 px) · auf dem Handy 2,05 rem — einmal je Seite, immer im Seitenkopf
Die Bausteine
Abschnittstitel · Exo 2 700 · 2,2 rem (35 px) · auf dem Handy 1,65 rem
Warum diese Zusammenstellung
Zwischenüberschrift · Exo 2 600 · 1,15 rem (18 px)
Der Flugplatz liegt drei Kilometer südöstlich der Stadt. Wer zum ersten Mal anfliegt, findet die Platzrunde und alle Hinweise auf der Pilotenseite.
Fließtext · Montserrat 400 · 1,05 rem (17 px) · Zeilenabstand 1,75 · höchstens 46 rem breit
PDF · Stand März 2026 · 420 KB
Kleintext · Montserrat 400 · 0,85 rem (14 px) — Formatangaben, Bildunterschriften, Datumsangaben
EDQH · HERZOGENAURACH
Markenzeile · Montserrat 600 · 0,78 rem (12,5 px) · Sperrung 0,2 em · Großbuchstaben · immer in Türkis
Warum die Schriften auf dem eigenen Server liegen
Lädt eine Website Schriften von Google, schickt der Browser jedes Besuchers die IP-Adresse an Google — und zwar bevor der Besucher irgendetwas zustimmen konnte. Genau dafür sind deutsche Websites abgemahnt worden.
Deshalb liegen die 16 Schriftschnitte als Dateien auf dem Server des Flugplatzes. Die Seite sieht identisch aus, lädt eher schneller, und es verlässt nichts das Haus. Ein kleines eigenes Plugin (edqh-schriften) hält die Dateien bereit und schaltet Elementors Google-Abruf ab.
Folge fürs Bearbeiten: Im Elementor-Editor stehen auch alle anderen Google-Schriften zur Auswahl. Wird eine davon gewählt, holt die Seite sie wieder von Google — und das Problem ist zurück. Nur die beiden Variablen verwenden.
03
Die sieben Bausteine
Die acht Seiten der Website sind nicht einzeln gestaltet. Sie bestehen aus sieben wiederkehrenden Bausteinen — in Elementor heißt das Komponente. Jeder Baustein wird an einer Stelle gepflegt und erscheint auf allen Seiten, die ihn verwenden.
Warum das der wichtigste Teil dieser Seite ist
Ändert jemand den Hinweis-Baustein, ändern sich alle Hinweise der Website auf einmal. Das ist der Sinn der Sache — und zugleich der Grund, warum pro Einsatz nur bestimmte Felder freigegeben sind.
Beim Einsetzen eines Bausteins lassen sich die unten genannten Felder ändern: Texte, Bilder, Ziele. Farben, Abstände und Anordnung nicht. Das ist Absicht. So kann beim Pflegen nichts verrutschen, und die Seiten bleiben untereinander stimmig, auch wenn über die Jahre verschiedene Leute daran arbeiten.
Soll sich das Aussehen eines Bausteins wirklich ändern, geschieht das am Baustein selbst — nicht an einem einzelnen Einsatz.
Seitenkopf
Komponente 588 · auf allen acht Seiten
Dunkle Farbfläche links mit Markenzeile, Titel und einem Satz; das Bild steht rechts daneben.
Warum geteilt und nicht Text über dem Bild: Text auf einem Foto braucht ein sehr gutes Foto — eine helle Wolke an der falschen Stelle, und die Überschrift ist unlesbar. Auf einer eigenen Farbfläche ist der Text immer lesbar, unabhängig davon, welches Bild daneben steht. Bei einem Bildbestand, der über die Jahre wächst und schwankt, ist das die haltbarere Form.
Felder: Marke darüber · Seitentitel · Satz darunter · Bild rechts
Zu beachten: Auf jeder Seite muss der Seitentitel des Themes ausgeblendet sein (Seiteneinstellungen → „Titel ausblenden“), sonst steht die Überschrift doppelt.
SO SIEHT ER AUS
EDQH · HERZOGENAURACH
Ein Beispiel-Seitentitel
Hier steht ein Satz, der erklärt, worum es auf der Seite geht — zwei Zeilen höchstens.
Info-Kachel
Komponente 522 · Ankommen in Herzogenaurach (5×), Kontakt (3×)
Dunkle Kachel mit türkiser Oberkante, Symbol, Überschrift, kurzem Text und einem türkisen Schriftzug am Fuß. Führt zu einer anderen Seite oder einem Partner.
Die ganze Kachel ist ein Link, nicht nur der Schriftzug. Auf dem Handy ist das der Unterschied zwischen „geht sofort“ und „dreimal danebengetippt“ — eine Kachel ist ein Ziel von mehreren hundert Pixeln, ein Knopf eines von 150 × 41.
Deshalb ist der Schriftzug kein Knopf mehr. Ein Knopf innerhalb einer klickbaren Kachel wäre ein Link im Link — ungültiges HTML und für Vorlesesoftware verwirrend. Der Schriftzug sagt, wohin es geht; geklickt wird die Fläche.
Felder: Überschrift · Text · Symbol · Beschriftung des Verweises · Ziel der ganzen Kachel
Beim Ziel: nach Möglichkeit die Seite aus der Liste wählen statt eine Adresse einzutippen. Dann bleibt der Verweis auch dann richtig, wenn die Seite später umbenannt wird.
SO SIEHT SIE AUS — ZWEI NEBENEINANDER
Bild-Text-Block
Komponente 597 · derzeit auf keiner Besucherseite im Einsatz
Breites Bild, darunter eine Textkarte, die unten links in das Bild hineinragt. Die Überlappung lässt Bild und Text als eine Einheit wirken statt als zwei gestapelte Blöcke.
Auf dem Handy wird die Überlappung halbiert — von 64 auf 32 Pixel. Ganz ohne sie fielen Bild und Karte in zwei getrennte Blöcke auseinander; mit der vollen Tiefe verdeckte die Karte bei 375 Pixeln Breite zu viel vom Bild.
Nicht zweimal hintereinander auf derselben Seite. Zwei gleiche Blöcke untereinander lesen sich wie eine Liste. Wo ein zweiter Bild-Text-Abschnitt gebraucht wird, nimmt man eine andere Anordnung — siehe die Regel zum Seitenrhythmus weiter unten.
Felder: Bild · Zwischenüberschrift · Text
SO SIEHT ER AUS
Eine Zwischenüberschrift
Hier steht der erklärende Text. Drei bis fünf Sätze sind die richtige Länge — läuft die Karte deutlich länger als das Bild hoch ist, wirkt die Überlappung wie ein Versehen.
Hinweis-Box
Komponente 600 · Flugplatzhistorie, Unser Team, Vereine und Firmen, Lärmschutz
Eisgraue Fläche mit einer türkisen Kante links. Für Dinge, die man wissen sollte, bevor man etwas tut oder falsch versteht.
Warum sie so zurückhaltend ist: Es gab den Entwurf, Hinweise dunkel zu setzen — auffälliger, dringlicher. Dagegen spricht zweierlei. Erstens verliert der dunkle Seitenkopf seine Wirkung, wenn auf derselben Seite noch drei dunkle Kästen stehen. Zweitens, und das wiegt schwerer: Eine Seite, die ständig warnt, warnt am Ende gar nicht mehr. Wer fünf rote Kasten überblattert hat, überblättert auch den sechsten — und der war der wichtige.
Die Box fällt deshalb gerade so weit auf, dass man sie nicht überliest.
Felder: Überschrift · Text
SO SIEHT SIE AUS
Historische Aufnahmen gesucht
Wer alte Fotos vom Flugplatz hat — vom Pistenbau, von Flugtagen, von Maschinen, die längst nicht mehr hier stehen — darf sich gerne melden. Wir scannen und geben die Originale zurück.
Personen-Karte
Komponente 591 · Unser Team, zehnmal
Eisgraue Karte mit rundem Foto, Namen und Funktion. Das Foto bekommt einen weißen Ring — der lässt Aufnahmen mit unruhigem Hintergrund sauberer wirken und gleicht aus, dass die zehn Fotos nicht am selben Tag entstanden sind.
Für später wichtig: Beim Fototermin alle Personen vor demselben Hintergrund und im selben Bildausschnitt aufnehmen. Das ist der Unterschied zwischen einer Mannschaft und zehn einzelnen Bildern.
Felder: Foto · Name · Funktion
SO SIEHT SIE AUS — MIT PLATZHALTER-FOTOS
Vorname Nachname
Flugleiter
Vorname Nachname
Vorstand
Vorname Nachname
Fluglehrerin
Download-Eintrag
Komponente 594 · Für Piloten, fünfmal
Eine Zeile je Dokument: Name, darunter Format und Stand, rechts der Knopf. Mehrere Einträge untereinander ergeben eine ruhige Liste, die sich überfliegen lässt.
Die Formatangabe ist Pflicht, nicht Zierde. Wer auf dem Handy auf einen Knopf drückt, soll vorher wissen, ob gleich ein PDF kommt oder eine Datei von 40 Megabyte. Und das Datum beantwortet die einzige Frage, die bei Anflugunterlagen zählt: ist das noch aktuell?
Felder: Name des Dokuments · Format und Stand · Beschriftung des Knopfes · Datei oder Adresse
Beim Austauschen: neue Datei hochladen, im Eintrag verknüpfen und das Datum mitändern. Ein frisches Dokument hinter einem alten Datum liest niemand.
SO SIEHT ER AUS — ZWEI UNTEREINANDER
Regelung des Flugplatzverkehrs
PDF · Stand März 2026
Gebührenordnung EDQH
PDF · Stand Januar 2026
Icon-Navigation
Komponente 611 · am Fuß aller acht Seiten
Die Kachelleiste unter „Weiter zu“ am Ende jeder Seite. Sie steht ganz unten auf dieser Seite — einfach weiterscrollen.
Sie hat als einziger Baustein keine Felder. Das ist kein Versehen: Sie erscheint auf allen acht Seiten, und wird ein Menüpunkt umbenannt oder kommt eine Seite dazu, soll das an einer Stelle geschehen und nicht achtmal. Genau dafür sind Komponenten da.
Beim Überfahren hebt sich eine Kachel leicht an, bekommt einen türkisen Rahmen und einen weichen Schatten; der Grund geht von Eisgrau auf Weiß. Die Fläche wechselt nicht auf Dunkel — das war der erste Entwurf und machte die Kachel beim Überfahren unlesbar, weil Text und Symbol dunkel blieben.
Felder: keine — bewusst
Ändern: nur am Baustein selbst (Elementor → Komponenten → Icon-Navigation). Eine neue Kachel entsteht am besten, indem man die letzte dupliziert und dann Text und Ziel ändert; so bleiben Abstände und Symbolmaske erhalten.
Vor dem Livegang: die beiden internen Kacheln „Musterseite“ und „Seitenaufbau“ entfernen — sie stehen sonst auf jeder Besucherseite.
04
Wie sich die Seiten verhalten
Vier Regeln, die für jede Seite gelten — unabhängig davon, welche Bausteine darauf stehen.
Fließtext wird nie breiter als 46 rem
Das sind rund 75 Zeichen je Zeile. Wird eine Zeile deutlich länger, verliert das Auge beim Zurückspringen die nächste Zeile — man liest dieselbe Zeile zweimal oder überspringt eine.
Bilder, Kacheln und dunkle Flächen dürfen die volle Breite nutzen. Nur der zu lesende Text nicht.
Auf dem Handy wird aufgeklappt, nicht gequetscht
Alles, was auf dem Rechner nebeneinander steht, steht auf dem Handy untereinander. Überlappungen werden aufgehoben, geteilte Flächen werden gestapelt.
Kein Baustein versucht, seine Desktop-Anordnung auf 375 Pixel zu pressen. Das ist der Unterschied zwischen „geht auch auf dem Handy“ und „funktioniert auf dem Handy“ — und die meisten Besucher einer Flugplatzseite stehen dabei draußen am Platz.
Beim Überfahren kippt nie die Fläche
Was man mit der Maus berührt, hebt sich leicht an, bekommt einen türkisen Rahmen und einen weichen Schatten. Der Hintergrund wechselt höchstens von Eisgrau auf Weiß.
Ein Wechsel auf Dunkel war der erste Entwurf der Navigationskacheln — und machte sie beim Überfahren unlesbar, weil Text und Symbol dunkel blieben. Wer eine neue Kachel baut: Vordergrund und Hintergrund immer gemeinsam denken.
Nichts scrollt waagerecht
Die Probe nach jeder Änderung: Seite bei 375 Pixeln Breite öffnen und quer wischen. Bewegt sich etwas seitlich, ragt ein Element heraus — meist ein Bild ohne Begrenzung oder eine feste Breite, die größer als der Bildschirm ist.
Die acht Seiten sind in diesem Zustand geprüft. Wer etwas hinzufügt, prüft es erneut.
05
Bewegung
Blöcke fahren beim Scrollen leicht von der Seite ein — ein kurzer Weg, kein Springen, kein Drehen. Mehr Bewegung gibt es auf der Website nicht.
Warum so wenig
Eine Seite, die beim Scrollen minimal reagiert, wirkt lebendig. Eine, die bei jedem Abschnitt etwas aufklappt, drehen lässt oder einblendet, wirkt unruhig — und kostet beim Lesen Aufmerksamkeit, die dem Inhalt fehlt.
Dazu kommt ein praktischer Grund: Manche Menschen reagieren auf größere Bildbewegungen mit Schwindel oder Übelkeit. Ein kurzer Weg von wenigen Pixeln tut das nicht.
Sparsam heißt sparsam: nicht auf jedem Block einer Seite, sondern dort, wo ein Abschnitt neu anfängt.
Die Falle beim Einrichten
Ein neu gesetzter Effekt wird erst ausgespielt, nachdem die Seite einmal im Elementor-Editor geöffnet und auf „Aktualisieren“ geklickt wurde. Vorher steht er zwar in den Daten, aber die Seite bewegt sich nicht.
Das ist kein Fehler, den man sieht — die Seite wirkt einfach statisch, und man sucht an der falschen Stelle. Cache leeren hilft nicht, Veröffentlichen hilft nicht. Nur das Speichern im Editor.
06
Das Logo
Zwei Fassungen desselben Logos. Welche verwendet wird, hängt nur vom Untergrund ab.
Auf dunklem Grund: die weiße Fassung.
Kopfzeile, Fußzeile, Seitenköpfe, dunkle Kacheln.
Auf hellem Grund: die blaue Fassung.
Dokumente, helle Flächen, Ausdrucke.
Das Logo braucht immer eine ruhige Fläche. Direkt auf ein Foto gesetzt wird es unleserlich, sobald sich im Bild etwas ändert — und Fotos ändern sich. Wo das Logo auf einem Bild stehen soll, gehört eine Farbfläche darunter.
Die blaue Fassung auf dunklem Grund ist der häufigste Fehler: Sie verschwindet fast, bleibt aber gerade noch sichtbar genug, dass es beim Bauen niemandem auffällt. Erst auf dem Ausdruck oder dem Handy sieht man es.
07
Jede Seite bekommt ihren eigenen Rhythmus
Die Bausteine oben sind Material, keine Bauanleitung. Welche Anordnung eine Seite bekommt, wird je Seite entschieden — und zwar anders als bei den Nachbarseiten.
Warum das eine eigene Regel ist
Für jeden Bild-Text-Abschnitt denselben Baustein zu nehmen, ist bequem und spart Arbeit. Es erzeugt aber Seiten, die sich alle gleich anfühlen — und eine einzelne Seite, die sich wie eine Liste liest statt wie ein Text.
Die Historienseite macht es richtig: Ihre sechs Stationen laufen in vier verschiedenen Anordnungen — mal nur Text, mal Text links und Bild rechts, mal Bild oben mit Karte darunter, mal umgekehrt. Dadurch liest sie sich wie eine Erzählung.
Vor dem Bauen einer neuen Seite: nachsehen, welche Anordnung die Nachbarseiten verwenden, und eine andere wählen.
Was wo verwendet wird
Startseite — Claim über die volle Breite auf Dunkel, danach Bild mit überlappender Karte
Flugplatzhistorie — Zeitstrahl, vier Anordnungen im Wechsel
Ankommen in Herzogenaurach — asymmetrisch 1:2 mit Zahlenleiste, danach Kachelraster 2×2
Pilot werden — Text links / Bild rechts im Verhältnis 50:50, danach Bild links mit überlappender Karte
Lärmschutz — Erklärkasten, offene Zeitentabelle, dunkler Hinweisblock
Neun fertige Anordnungen zum Aussuchen — Seitenköpfe, Textblöcke und Seitenabschlüsse — stehen auf der zweiten internen Musterseite. Dort ist auch beschrieben, wie man sie kombiniert.
Zur Musterseite SeitenaufbauWeiter zu
Unten steht die Icon-Navigation aus Abschnitt 03 — dieselbe, die auf allen acht Besucherseiten den Abschluss bildet.