Gemessen an der 1:1-Kopie, nicht geschätzt. Alle Zahlen sind im Browser abgelesen oder aus den 59 Seiten gezählt; wo etwas nach Zählung aussieht, steht die Zählung daneben.
Die Praxis weiß also, dass die Formulare nicht arbeiten — sie hat den Hinweis nach einem Angriff auf vier Seiten gesetzt. Das ist kein Pflegefehler, sondern ein Schaden, der nie behoben wurde. Alles Weitere hier ist die Erklärung, warum ein Neubau der ehrlichere Weg ist als Flickwerk.
Die Stimmschmiede Bonn ist inhaltlich reich: 56.002 Wörter, neun ausgewiesene Lehrkräfte, vier benannte Stimmbildungsmethoden, ein eigenes Buchkonzept. Das ist selten und wertvoll. Technisch ist die Seite aber in die Jahre gekommen: Joomla mit einem Template von 2014, sechs Jahre gewachsene Navigation, doppelte Inhalte an mehreren Adressen — und seit dem Angriff funktionieren Anmeldung und Bestellung nicht mehr, also genau die Stellen, an denen Kundschaft entsteht. Nicht die Inhalte sind das Problem, sondern das Gerüst darum.
Alle 18 Formulare senden an dieselbe Joomla-Komponente (com_uniform) auf der Live-Domain.
Auf den vier Anmeldeseiten steht der Angriffs-Hinweis. Praktisch: Wer sich heute für einen Kurs
anmelden will, kann das nur per Telefon oder E-Mail — und erfährt das erst nach dem Ausfüllen.
Beleg: 18 <form>-Elemente in 59 Seiten · 14 Absendeziele zeigen auf
index.php?option=com_uniform&task=form.save · 4 Seiten mit Schadenshinweis
Das Hauptmenü hat 64 Einträge in einer Ebene. Acht Beschriftungen kommen doppelt vor,
sechs Einträge heißen nur „Anmeldung“. Derselbe Inhalt steht unter verschiedenen Wegen
— etwa „Preise und Anmeldung Einzelunterricht“ zweimal, einmal unter
stimmbildung/, einmal unter und-mehr/. Das Menü ist länger als die Seite
Inhalte hat.
Beleg: 64 <a>-Elemente im ul.menutop · größte Gruppe
„Singstimme“ mit 20 Einträgen · längster Menütext 41 Zeichen
Zwei Seiten sind zu 100 Prozent gleich (fortbildung/ und
fortbildung/fuer-logopaeden-und-stimmbildner/, je 1.431 Wörter), weitere bei 98, 96 und
91 Prozent. Google sieht doppelten Inhalt und weiß nicht, welche Seite die richtige ist —
die Sichtbarkeit leidet, und Besucher landen auf der falschen Fassung.
Beleg: 30 Paare mit mehr als 45 Prozent gemeinsamer Wortmenge (Jaccard-Vergleich aller 59 Seiten, Paare unter 120 Wörtern ausgenommen)
Auf 57 von 59 Seiten lief Google Analytics mit einer Weiterleitung an die GA4-Messung — gestartet, bevor jemand den Cookie-Hinweis bestätigt. Der Zustimmungsdialog kann seine Entscheidung zudem nicht dauerhaft speichern.
Beleg: Inline-Block mit analytics.js und Kennung UA-86307984-1 auf 57 Seiten ·
GA4-Kennung G-T6LJPPDG97 in den Netzanfragen sichtbar · in der Kopie entfernt
Auf keiner der 59 Seiten gibt es eine h1 — die Seitenüberschrift steht als
div.title im Aufmacher. Eine sitemap.xml fehlt ganz. Suchmaschinen müssen
raten, worum es auf einer Seite geht.
Beleg: sitemap.xml = 404 · h1 auf allen 59 Seiten nicht vorhanden
(Browser-Abfrage)
Der längste Text der ganzen Seite ist die Datenschutzerklärung — länger als die Startseite, die Fortbildungsseite und die Preisseite zusammen. Sie ist erkennbar aus einem Generator übernommen und nennt Dienste, die auf der Seite gar nicht vorkommen. Das verunsichert statt zu schützen.
Beleg: 7.817 Wörter in kontakt/datenschutzerklaerung/ von 56.002 Wörtern
gesamt — also 14 Prozent des ganzen Auftritts
230 Bilddateien, sieben davon über 400 KB. Mehrere Fotos liegen als PNG vor, obwohl PNG für Fotos ungeeignet ist — unter anderem eine 672-KB-Datei, die im Dateinamen „sehr klein“ heißt. Das kostet Ladezeit, gerade mobil.
Beleg: 230 Dateien, 11,5 MB · u. a. meinProfil.png 713 KB,
aaaUnbenannt_sehr_klein.jpg 672 KB, buch_gruppe.png 483 KB,
Sängerin_Badewanne_Fotolia_…_L.jpg 833 KB
Überschriften und Menü tragen die Markenschrift Novecentowide — der Fließtext steht in Helvetica/Arial, also in der Voreinstellung des Betriebssystems. Die Stimme der Marke endet dort, wo der Inhalt beginnt. Dazu bringt die Stundenverwaltung ihre eigene Schrift (Roboto) und einen eigenen Login mit: ein zweites System im System.
Beleg: gemessene Schriftfamilien im Browser; Roboto-Dateien ausschließlich unter
stunden-verwaltung/font/roboto/
Darunter die Kurszeiten mit Übernachtungshinweis, drei Anmeldeformulare und eine Joomla-Seite mit dem
Namen 2017-09-26-15-06-20. Wer sie nicht kennt, findet sie nicht.
Beleg: 9 Seiten ohne Verweis aus dem Menü, darunter Kurszeiten und Übernachtung
Die Fußzeile verlinkt www.stimmschmiede-bonn,de — mit Komma statt Punkt.
Der Verweis führt ins Leere, auf jeder der 59 Seiten.
Beleg: 52 Fundstellen im Quelltext der Kopie
Zwei Menüverweise führen auf Seiten, die es nicht mehr gibt (404). Außerdem fehlen schon im Original 37 Dateien, die das Template und die Stundenverwaltung erwarten — Hintergrundmuster und Schriften. Nicht sichtbar, aber ein Zeichen dafür, dass niemand nachsieht.
Beleg: und-mehr/gesangskurs-divin-sauveur und
stimmbildung/anmeldung/anmeldung-fortbildung = 404 · 37 fehlende Dateien protokolliert
Ein Menü ist kein Inhaltsverzeichnis, sondern ein Wegweiser. Es muss nicht zeigen, was alles existiert — es muss die Frage beantworten: „Bin ich hier richtig?“ Die 59 Seiten dürfen also bleiben, auch gern mehr werden. Sichtbar im Menü sein sollten sechs Wege, nicht 64.
Aus den Inhalten der Altseite lassen sich vier Gruppen ableiten. Sie vier suchen sehr Verschiedenes und brauchen deshalb verschiedene Eingänge:
| Wer | Sucht | Heutiger Weg |
|---|---|---|
| Singen lernen — Einsteiger bis Profi, Klassik, Musical, Pop, Jazz | Unterricht, Preise, Probestunde, Gutschein | verteilt über „Singstimme“ (20 Einträge) |
| Sprechstimme — Lehrer, Sprecher, Schauspieler, Dozenten, Verkaufstalente | Training, Beratung, Firmenkurs | „Sprechstimme und Unterricht“ (9 Einträge) |
| Fachkreise — LogopädInnen, Stimmbildner, Atem-Sprech-Stimmlehrer | Fortbildung, Fachbuch, Zirkeltraining, Vorträge | „Fortbildung“ (15 Einträge) |
| Organisationen — Betriebe, Schulen, Praxen, Chöre | Inhouse-Schulung, Chorcoaching, Referenzen | „Schulung“ mit nur 3 Einträgen |
| Im Menü | Unterpunkte | Seiten dahinter — nicht im Menü |
|---|---|---|
| Stimme & Unterricht | Einzelunterricht Singstimme · Einzelunterricht Sprechstimme · Gruppenangebote · Probestunde · Preise & Anmeldung | Wochenkurse, Wochenendkurse, Kleingruppen Duo/Terzett, Online-Coaching, Übungshefte, Gutscheine, Beratungsangebot — je Angebot eine Seite |
| Für Fachkreise | Zirkeltraining & Buch · Fortbildungen & Termine · Vorträge & Kurzseminare | jede Fortbildung einzeln mit Termin und Anmeldung, Buch- und Heftbestellung, Referenzen, Online-Coaching für KollegInnen |
| Unternehmen & Institutionen | Inhouse-Schulungen · Schulen & Lehrkräfte · Logopädische Praxen | eine Seite je Zielgruppe mit deren typischen Fragen, Ablauf, Themenliste, Anfrageformular |
| Chöre & Konzerte | Chöre und ChorsängerInnen · Chorkonzerte · Konzertkalender | einzelne Konzerttermine, Mitsing-Angebote, Chöre suchen ChorsängerInnen |
| Über uns | Wer und was wir sind · Team · Methoden · Seminarhaus & Kurszeiten | die neun Porträts einzeln, je Methode eine Seite, Anfahrt, Übernachtungshinweis |
| Kontakt | Kontakt & Terminanfrage · Gutscheine kaufen | Anfahrt, Erreichbarkeit, Themenauswahl im Formular |
| Jede Unterseite hängt an ihrer Themenseite | Von „Fortbildungen & Termine“ führen Verweise auf jede einzelne Fortbildung — mit Termin, Ort und Anmeldung. Kein Menüeintrag nötig, gefunden wird sie trotzdem. |
| Eine Seite je Zielgruppe | „Stimmtraining für Lehrkräfte“ beantwortet die drei Fragen dieser Gruppe und leitet weiter. Solche Seiten verkaufen, Menüeinträge nicht. |
| Fußzeile als zweiter Weg | Dort stehen alle Leistungen, Kurse und die Termine — für Menschen, die schon wissen, was sie suchen, und quer einsteigen. |
| Querverweise zwischen den Angeboten | „Das könnte Sie auch interessieren“ unter jedem Inhalt: wer singen lernt, findet so auch die Fortbildung. |
Sitemap-Seite und sitemap.xml |
Eine Übersicht für Menschen, die wirklich alles sehen wollen — und die Datei, die Suchmaschinen heute vergeblich suchen. |
| Suche | Sinnvoll ab etwa 40 Seiten. Dann findet man auch die Kurszeiten-Seite, die heute niemand verlinkt hat. |
Eine Vektorvorlage gab es im Bestand nicht — nur ein Pixelbild, in dem der „Punkt“ eine flache Ellipse war und die drei Bögen unterschiedlich stark gewölbt. Jetzt gibt es zwei Fassungen, beide skalierbar und in jeder Farbe einsetzbar. Fassung 2 ist die Empfehlung; die Entscheidung steht im Fragebogen.
1 · Aus dem Original abgenommen. Maße am Pixelbild vermessen, drei Bögen und ein Punkt. 81 % Deckung mit dem Original. SVG herunterladen
2 · Vereinfachte Fassung. Der Punkt ist ein exakt runder Kreis. Die drei Bögen sind dieselbe Kurve dreimal, um einen Fluchtpunkt skaliert: vom kleinen Bogen am Punkt nach oben wachsend — wie im Original, nur sauber. SVG herunterladen
| Merkmal | Original (Pixelbild) | Fassung 2 (Empfehlung) |
|---|---|---|
| Punkt | Ellipse 12 × 5 px | Kreis, exakt rund |
| Die drei Bögen | ungleiche Wölbung, Wölbung/Breite 0,219 / 0,215 / 0,204 | dieselbe Kurve dreimal — optisch identisch, nur skaliert |
| Staffelung | Abstände 12 / 11 px, nicht perspektivisch | aus einem Fluchtpunkt (Faktor 0,72): Größe, Abstand, Wölbung und Dicke stimmen zueinander |
| Größenverhältnis | Breite 111 px, Höhe 53 px (2,11) | Breite 86 px, Höhe 55,8 px (1,54) — höher, weil der Punkt ein echter Kreis ist |
| Farbe | fest eingebrannt | steuerbar über currentColor, Vorgabe #9D1002 — hell und dunkel geprüft |
| Bei 54 px | — | noch klar lesbar (geprüft) |
Welche Schrift passt zur Stimmschmiede?
Heute sind auf der Seite drei Schriften im Spiel, ohne dass eine davon entschieden wurde: die schmale Grotesk aus dem Logo, Novecentowide im Menü und in den Titelzeilen, Helvetica/Arial im Fließtext. Helvetica ist keine Gestaltung, sondern die Voreinstellung jedes Browsers. Eine Empfehlung heißt hier: zwei Schriften, die zusammen eine Marke ergeben — eine für Wortmarke und Überschriften, eine für den Text.
Fraunces + Hanken Grotesk
Warm, klangvoll, eigenständig — meine erste Wahl
Zirkeltraining für die Stimme. Fortbildung für Logopädinnen, Stimmbildner und Atemlehrer.
- Kontrast gegen das Rot: Eine Serife mit ausgeprägten Haar- und Schattenstrichen hält große Überschriften elegant. Bei einer kräftigen Grotesk wirkt dasselbe Rot schnell laut.
- Das lange Wort: „Stimmschmiede“ hat 14 Zeichen. Fraunces läuft dabei eng und bleibt auch in kleiner Größe lesbar — wichtig für Schild, Reiter und Visitenkarte.
- Der Ton: Serife = Gesangstradition, Handwerk, Bühne. Grotesk = Unterricht, Alltag, Kursbuchung. Die Schule macht beides, und die Kombination erzählt genau das.
- Weiche Formen: Fraunces hat leicht unregelmäßige Rundungen. Das passt zum Thema Stimme (Klang, Atem, Körper) besser als eine technische Grotesk.
- Zu beachten: Fraunces erst ab etwa 20 px einsetzen; darunter übernimmt Hanken Grotesk. Im Fließtext nie die Serife.
Wortmarke, H1, H2 · Fließtext, Menü, Formulare
Instrument Serif + Hanken Grotesk
Opernhaft, elegant, erwachsen
Zirkeltraining für die Stimme. Fortbildung für Logopädinnen, Stimmbildner und Atemlehrer.
- Sehr hohe Kontraste, wirkt im Rot großzügig und festlich — eine Konzertprogramm-Schrift.
- Nur ein Schnitt (Regular und Kursiv). Für fette Auszeichnungen braucht es die Textschrift.
- Gut, wenn die Stimmschmiede klassischer und strenger auftreten soll.
Wortmarke, Überschriften · Text in Hanken Grotesk
Bodoni Moda + Figtree
Plakativ, dramatisch, Opernhaus
Zirkeltraining für die Stimme. Fortbildung für Logopädinnen, Stimmbildner und Atemlehrer.
- Extreme Kontraste — die Richtung Opernplakat. Sehr wirkungsvoll bei großen Überschriften.
- Die Haarlinien brauchen Größe: unter etwa 24 px wird es unruhig und dünn.
- Figtree ist eine runde, moderne Grotesk mit sehr guter Lesbarkeit im Text.
Wortmarke, Überschriften · Text in Figtree
Archivo (schmal) + Hanken Grotesk
Bleibt am nächsten am heutigen Logo
Zirkeltraining für die Stimme. Fortbildung für Logopädinnen, Stimmbildner und Atemlehrer.
- Der heutige Schriftzug ist eine schmale Grotesk. Diese Variante behält das bei, nur sauber und in freier Lizenz.
- Geringste Veränderung — aber auch die kleinste eigene Handschrift. Die Marke grenzt sich damit weniger von anderen Schulen ab.
- Die richtige Wahl, wenn die Wortmarke ausdrücklich unangetastet bleiben soll.
Wortmarke, Überschriften · Text in Hanken Grotesk
| Rolle | Schrift | Einstellung |
|---|---|---|
| Wortmarke | Fraunces 700 | Laufweite 0, Farbe #9D1002 |
| Hauptüberschrift | Fraunces 700 | 2,2 rem, Zeilenhöhe 1,15 |
| Zwischenüberschrift | Fraunces 700 | 1,35 rem |
| Menü, Etiketten | Hanken Grotesk 600 | 0,72 rem, Großbuchstaben, +0,08 em |
| Fließtext | Hanken Grotesk 400 | 17 px, Zeilenhöhe 1,65 |
| Preise, Termine, Zahlen | JetBrains Mono 500 | Ziffern stehen untereinander auf der Linie |
| Rückfall | Helvetica, Arial | nur für fremde Systeme, E-Mail und Papier |
- Alle sechs Schriften sind frei lizenziert (SIL Open Font License) Nutzung, Einbettung, Veränderung erlaubt
- Keine Miete, kein Abonnement, keine Bindung an einen Anbieter 0 €
- Schriften liegen als WOFF2 auf dem eigenen Server kein Aufruf zu Google
- Fraunces 67 KB · Hanken Grotesk 35 KB · Instrument Serif 15 KB · Bodoni Moda 26 KB · Figtree 20 KB · Archivo 35 KB je Variable-Datei, alle Schnitte
- Diese Seite lädt die Proben aus
assets/fonts/proben/— die Muster oben sind echte Schriften, keine Bilder nachprüfbar
Der Befund: Der Versand ist nicht kaputt im Sinne von „falsch eingestellt“, sondern abgeschaltet — die Seite sagt es selbst. Dazu kommt ein zweites, unabhängiges Risiko, das auch nach der Reparatur bliebe: Die Domain hat einen SPF-Eintrag, aber keinen DMARC-Eintrag. Ohne DMARC stufen Gmail, GMX und Outlook Formularmails aus einer Website häufig als Spam ein oder weisen sie ab — unabhängig davon, ob das Formular funktioniert.
Prüfbar nachvollziehbar: Jede Absendung landet in der Regel zusätzlich in der Datenbank (Komponente Uniform speichert Absendungen). Ein Blick in den Verwaltungsbereich der Seite zeigt also, ob überhaupt Anfragen eingehen und nur die Mail fehlt — oder ob schon die Absendung scheitert.
| Empfehlung | Warum |
|---|---|
| Versand über einen echten Mailserver (SMTP mit Zugangsdaten) | Das einfache mail() des Webservers wird von vielen Anbietern verworfen oder als Spam
einsortiert. SMTP mit Anmeldung ist der zuverlässige Weg. |
| SPF, DKIM und DMARC vollständig einrichten | SPF ist vorhanden, DKIM und DMARC fehlen. Erst alle drei zusammen machen Formularmails zustellbar. |
| Jede Absendung protokollieren (Datenbank oder Liste) | Dann ist jederzeit nachweisbar, ob eine Anfrage ankam — unabhängig vom Mailweg. Und man kann nachfassen, wenn eine Mail verloren geht. |
| Antwortadresse auf die eingegebene Adresse setzen, Absender auf die eigene Domain | Die Antwort geht direkt an den Interessenten; der Absender bleibt prüfbar (SPF/DKIM). |
| Spamschutz mit Honigtopf und Zeitfalle statt Captcha | Ein unsichtbares Zusatzfeld plus eine Mindestdauer fängt fast alle Bots, ohne dass Kundschaft Buchstaben entziffern muss. Wo ein Captcha nötig ist: Cloudflare Turnstile oder hCaptcha — datenschutzfreundlicher als reCAPTCHA. |
| Serverseitig prüfen, nicht nur im Browser | Pflichtfelder, Format, Länge — auf dem Server. Alles, was nur im Browser geprüft wird, lässt sich umgehen. |
| Bestätigungsseite und Bestätigungsmail | Der Absender weiß, dass es geklappt hat; die Praxis hat einen Beleg in der Hand. |
| Datenschutzhinweis direkt am Formular | Kurzer Einwilligungstext mit Verweis auf die Datenschutzerklärung — Pflicht und Vertrauenssache. |
Was wir von Ihnen wissen möchten
Damit wir nicht raten, sondern planen können. Die Antworten kommen direkt bei uns an — jede Absendung wird zusätzlich protokolliert, damit nichts verloren geht. Pflicht sind nur die drei mit * markierten Felder; alles andere können Sie in Etappen beantworten und auch später ergänzen.
| Thema | Empfehlung |
|---|---|
| Inhalte | Der Bestand ist reich und bleibt — aber einmal aufgeräumt: 30 doppelte Seitenpaare werden zu je einer Seite, die Menüeinträge von 64 auf etwa 15. |
| Navigation | Fünf statt sechs Bereiche, zwei Ebenen statt einer Liste, sprechende Namen statt sechsmal „Anmeldung“. |
| Anmeldung | Ein Anmeldeweg statt 14 Formulare: ein Formular, das Thema und Kurs kennt. Das läst sich auch ohne Joomla zuverlässig betreiben. |
| Schrift | Heute sind drei Schriften im Spiel: die schmale Grotesk aus dem Logo, Novecentowide im Menü, Helvetica im Text. Helvetica/Arial ist keine Entscheidung, sondern die Voreinstellung des Browsers. Vorschlag für eine Kombination — mit Begründung und drei Alternativen. |
| Bilder | Formate richtig wählen (Fotos als WebP oder JPEG, Zuschnitte einmal festlegen), Zielgröße unter 200 KB je Bild im Inhalt. |
| Rechtliches | Datenschutzerklärung auf das kürzen, was die Seite wirklich tut — und die Einwilligung speicherbar machen. |
| Sichtbarkeit | H1 je Seite, Sitemap, saubere Adressen, strukturierte Daten für Kurse und Team. |