Gold als Schriftfarbe nur auf hellem Grund als --gold-ink (#7A5A18). Im Fuß ist die Bildmarke auf #8A6A3B gesetzt, weil #B8913F dort auf 2,65:1 kam und erst #8A6A3B 4,51:1 erreicht.

Die Zahl rechts nennt, an wie vielen Stellen im Blatt die Stufe steht. Halbpixel-Paare wurden am 13.09.2026 zusammengezogen: 11/11,5 · 12/12,5 · 13/13,5 · 14/14,5 · 15/15,5 · 16/16,5 · 17/17,5 · 18/18,5 · 19/19,5. Damit sank die Zahl fester Stufen von 26 auf 17.

Bis zum 13.09.2026 standen vier H1-Deklarationen im Blatt: 62 / 50 / 50 / 48 px, also drei Werte, von denen zwei sich am Schreibtisch um zwei Pixel unterschieden, bei drei verschiedenen vw-Steigungen, die sich unterwegs kreuzten. Das war gewachsen, nicht entschieden.

Die Abschnittsüberschrift musste mit: h2.big stand bei 46 px und damit zwei Pixel unter der H1 der Gewerkseiten. Zwei Pixel sind keine Rangfolge. Sie liegt jetzt auf derselben Stufe wie .fach h2 und .artikel h2, die vorher 33 und 31 px maßen. Aus vier Abschnittsgrößen wurde eine.

Nicht in der Leiter: .uns h2 und .final h2. Beide stehen allein auf einer farbigen Fläche, ohne Fließtext daneben, und tragen dort die Aussage des Blocks statt einen Abschnitt zu gliedern.

Gold ist die Haupthandlung auf hellem Grund, Grün die Haupthandlung im Fließtext und in Formularen, Ghost die Nebenhandlung. Auf einer Fläche steht immer nur ein goldener Knopf.

Regel: Das Zeichen steht links und benennt die Sache — Rechner, Lupe, Haken. Rechts steht nur der Pfeil, und der nur, wenn der Knopf weiterführt statt auszulösen. 15 × 15 px, Strichstärke 1,7, nie gefüllt.

Steht ein Knopf neben einem Eingabefeld, bekommt er dessen Höhe: height: var(--feld). Vorher stand in der Angebotsleiste ein 46 px hoher Knopf neben 51,1 px hohen Feldern.

Schriftgröße 16 px ist Untergrenze, nicht Geschmack: Safari auf dem iPhone zoomt die Seite, sobald ein Feld mit kleinerer Schrift den Fokus bekommt. Der Auswahlpfeil ist eigen gezeichnet, weil der des Betriebssystems am rechten Rand klebt und weder zur Schrift noch zu den Farben passt.

Größer als ein Formularfeld, weil es die Haupthandlung der Seite ist: 17 px Schrift, Radius 14 px, Schlagschatten. Die Trefferliste liegt darüber statt darunter, damit der Kopf beim Tippen nicht springt.

Der zweite Weg durch eine Größenfrage. Wem die Spannen zu grob sind, nennt seine Zahl — Regler für die Größenordnung, Feld für den Betrag. Der Startwert ist branchenüblich und gilt sofort, damit niemand erst am Regler wackeln muss.

Wer hier eine Zahl nennt, wählt damit auch seine Größenordnung. Sie wird serverseitig aus dem Betrag abgeleitet (kern/bewertung/stufen.ts), weil das öffentliche Kurzprofil und die Käuferzuordnung an ihr hängen und den genauen Betrag nie sehen dürfen. Bis zum 23.09.2026 fehlte diese Ableitung: Wer seinen Betrag eintippte, bekam ein Angebot ohne Größenangabe und wurde keinem Suchprofil zugeordnet.

Regler und Feld zeigen dieselbe Zahl und stehen deshalb nebeneinander, nicht untereinander. Die Zahl in Fraunces, tabellarische Ziffern. Der Regler und seine Skalenenden sind eine Einheit und stecken in .rregler — beide zusammen werden gegen das Feld mittig gesetzt. Vorher lagen sie als Geschwister in zwei Rasterzeilen und das Feld wurde gegen den Regler allein zentriert; gemessen stand es dadurch 25 px zu hoch. Unter 600 px steht das Feld über dem Regler.

Spur und Füllung stehen in getrennten Angaben, nicht in einer background-Kurzform. Die Füllung liest ihre Breite aus --f — gesetzt von dem, der den Regler zeichnet, hier von Hand, im Trichter vom Bauteil. Wer sie vergisst, bekommt eine Füllung, die auf dem Rückfallwert von 45 Prozent stehen bleibt und sich nie bewegt: Vom Umbau des Trichters auf ein Bauteil bis zum 23.09.2026 stand genau das auf jeder Gewerkseite, weil app.js den Trichter seither überspringt. --fp ist derselbe Anteil als Zahl; das Blatt rechnet damit die halbe Griffbreite heraus, sonst endet die Füllung an den Rändern bis zu 13 px neben dem Griff. Ist diese Marke ungültig, wird eine Kurzform zur Rechenzeit ganz ungültig. Dann verschwindet mit der Füllung auch die graue Spur, und der Regler ist eine unsichtbare Linie mit einem Griff darauf. Getrennt kann eine kaputte Füllung die Spur nicht mitnehmen.

Kacheln in einer Reihe sind gleich hoch, ihr Inhalt ist es nicht. Ohne die Regel richtet sich die Fußzeile nach dem Text darüber aus und steht über die Reihe hinweg auf verschiedenen Höhen; die Trennlinie ist dann nicht mehr als Linie zu erkennen.

Eingetragen sind: .stufe .tag .br .go .phase .dauer .art2 .fak .gegen .fuss .zband i .wege .fuer .ang .fuss .uwk .go .uwk .bald .st2 .go .ktyp .go

Zwei Fallen. Erstens: Eine spätere margin-top-Angabe hebt margin-top:auto wieder auf. Der Abstand nach oben gehört deshalb an das Element darüber, nicht an die Fußzeile. Genau daran lagen .stufe .tag, .gegen .fuss und .zband i. Zweitens: In einer Spaltenkarte dehnt sich ein inline-block auf die volle Breite; Abzeichen und Pillen brauchen align-self:flex-start.

layout-pruefen.js prüft die Regel über alle Seiten bei 1280, 768 und 375 px und meldet jede Fußzeile, die in ihrer Reihe nicht auf einer Linie steht.

Der andere Fall, und er wird leicht verwechselt: Die Kachel hat keine Fußzeile, sondern zwei oder drei Zeilen, die über die Reihe hinweg auf derselben Linie beginnen sollen: Zeichen, Titel, Beschreibung. Hier hilft margin-top:auto nicht, denn es schiebt nach unten statt auszurichten. Subgrid reicht die Zeilenhöhen der Reihe an die einzelne Kachel durch.

Merksatz: Eine Zeile am Fuß der Karte wird nach unten gebunden, die Zeilen im Körper der Karte werden nach oben gekoppelt. Eine Mindesthöhe löst keines von beidem — sie bricht wieder, sobald ein Titel eine Zeile länger wird.

Eine Fassung für alle drei Orte. Vorher gab es auf der Startseite eine eigene Kachel .art mit erfundenen Kapitelnamen und erfundenen Lesezeiten, die mit keinem Beitrag verbunden war, darüber vier Reiter ohne Skript.

Es gab zwei Markups unter derselben Klasse: Startseite, Versicherungsmakler und Brandschutz zeigten Kopfzeile, Kennzahlen und Siegel; SHK, Ingenieurbüro und Gastronomie eine Kachel aus b, p und Knopf, deren Klasse .angk im Blatt gar nicht vorkam. Der Baustein angebotskarte() baut jetzt beide. Felder, die wir nicht kennen, fehlen einfach.

Zeichen in einer 42 px großen Plakette mit Radius 12, nicht rund. Rund sind nur die Plaketten in .step und .reason.

Die gestrichelte Fassung .uwk.aus steht für eine Branche ohne fertigen Rechner. Nur dort wird gestrichelt umrandet.

Der farbige Balken oben markiert die erreichte Stufe (.stufe.on). Das Abzeichen steht am Fuß der Karte, nicht am Text.

Hieß auf drei Seiten .artbox und war dort im Blatt nicht beschrieben — die Karten standen als nackter Text unter der Überschrift. Der Faktor am Fuß ist optional.

Runde Plakette 48 px in #E7EFE9 bei .reason, 56 px in Weiß mit Linie bei .step. Zu prüfen: Zwei Größen für dieselbe Sache.

Die Regelfassung. Ziffer in einem 40 px großen gefüllten Kreis, Fraunces in Weiß auf Waldgrün, links neben Titel und Text. Eine Trennlinie je Zeile, keine Kästen: Die Folge soll als eine Sache gelesen werden, nicht als fünf Karten.

Gebaut mit phasen() aus _build.py, nie von Hand. Vorher stand an dieser Stelle auf manchen Seiten ein Dreierraster, in dem die Texte in schmale Spalten umbrachen und die Reihenfolge nicht mehr zu lesen war.

Dieselbe Gestalt in klein: 27 px, gleiche Farbe, gleiche Schrift. Für schmale Kästen neben dem Haupttext, wo der große Kreis die Spalte sprengen würde.

Bis zum 13.09.2026 war diese Fassung anders gefärbt und anders gesetzt: heller Kreis mit grüner Ziffer in Inter statt grünem Kreis mit weißer Ziffer in Fraunces. Dieselbe Sache sah an zwei Orten verschieden aus.

Die Nummer als Beschriftung statt als Kreis. Sie steht dort, wo für den Kreis kein Platz ist, also in einer Kachelreihe, in der schon ein Piktogramm sitzt. Zwei Kreise übereinander in derselben Kachel wären eine Formdopplung.

Eine Definition für .step und .phase; vorher zwei, die sich um ein Pixel Polster und sechs Pixel Abstand unterschieden. Die Pille trägt align-self:flex-start, weil die Karte eine Spalte ist — ohne das dehnt sie sich auf die volle Kartenbreite.

Nicht dasselbe wie die Schrittfolge, und die Unterscheidung ist inhaltlich: Die Schrittfolge erzählt einen Ablauf in je einem Satz und wird gelesen. Die Phasenkarte listet auf, was in dieser Phase zu tun ist, und wird abgearbeitet. Nur sie trägt deshalb eine Dauer.

Wenn eine Phase nur einen Satz hat, ist es keine Phasenkarte, sondern eine Schrittfolge. Ein Dreierraster aus Einzelsätzen bricht in schmale Spalten um, und die Reihenfolge ist dann nicht mehr zu lesen.

Sie zählen, aber sie sind keine Schrittfolge: Der Zähler des Rechners sagt, wo man gerade ist; die Stufe der Vertraulichkeit benennt einen Zustand, keinen Handgriff; die Kapitelziffer ist eine Ordnungszahl in einer Liste. Keiner davon bekommt den gefüllten Kreis — sonst verliert er seine Bedeutung.

11,5 px, Sperrung .18em, Farbe --gold-ink, davor eine goldene Plakette mit Blattzeichen. Steht immer über der h2, nie allein.

Grün (#E7EFE9 auf #14392C) heißt: geschützt. Gold (#F6E7CB auf #6A4E12) heißt: jetzt sichtbar. Diese Zuordnung gilt überall und wird nicht gedreht.

Hieß auf /unternehmen-kaufen .kbranchen und auf /unternehmenswert .uwchips — gleiche Aufgabe, gleiche Optik, zwei Namen und zwei Maßsätze. Seit dem 23.09.2026 trägt auch jede Angebotsrubrik eine Chipreihe, dort mit den Nachbarrubriken, die Bestand haben.

Der Betrieb hat keinen Namen, er hat eine Kennung. Das ist keine Gestaltung, das ist das Produkt.

Die Hülle div.hf ist Pflicht, das Blatt gestaltet .hf details. Auf 19 Gewerkseiten stand bis zum 13.09.2026 details.hf ohne Hülle: keine Trennlinien, kein Polster, und das Pluszeichen wurde beim Öffnen nie zum Minus. Die erste Frage steht offen, damit erkennbar ist, dass sich die Zeilen öffnen lassen.

Andere Aufgabe, andere Gestalt: gerahmter Kasten statt Zeilen, Dreieck statt Plus, Inter statt Fraunces. Offen beim Laden, weil ein zugeklapptes Verzeichnis niemandem hilft.

Steht vor allem anderen, höchstens hundert Wörter. Die große Zahl ist optional und trägt die Aussage, wenn es eine Zahl gibt.

Quelle als drittes Feld, wenn es eine gibt. Ohne Quelle keine Zahl. Die Quellzeile steht am Fuß der Kachel, nicht am Text: Bricht eine Bezeichnung über zwei Zeilen, stünden die Quellen sonst über die Reihe hinweg auf verschiedenen Höhen.

Der Wert steht im Balken, solange er hineinpasst. Passt er nicht, rückt er hinter den Balken — siehe Betrieb C. Nie nur in der Legende, denn ein Balken ohne Zahl ist eine Behauptung.

Die Entscheidung trifft balken() beim Bau, nicht der Browser beim Anzeigen: Sie wird gegen 350 px geprüft, die schmalste Darstellung auf dem Telefon. Deshalb steht ein Wert manchmal auch dann außen, wenn er am Schreibtisch bequem hineinpasste — die Alternative wäre ein Wert, der auf dem Telefon im Balken umbricht, den Balken höher macht und darin klebt. Ein Aufruf mit einem Anteil außerhalb von 0 bis 100 bricht den Bau ab; das ist fast immer ein falscher Bezugswert.

Gold links heißt Beleg, Grün links heißt Begriff. Die Farbe sagt, ob eine Zahl kommt oder eine Erklärung.

Grün und Terrakotta stehen für die zwei Seiten, nicht für gut und schlecht. Wo es wirklich um richtig und falsch geht, steht .warn.

Steht immer dort, wo wir eine Grenze ziehen. Wir vermitteln, wir beraten nicht.

Groß gesetzt, weil sie die eigentliche Antwort trägt. Die durchgerechnete Aufstellung darunter ist wahlweise: Eine Formel ohne Zahlen bleibt abstrakt, eine Rechnung ohne Formel erklärt nichts.

Eine Formel, deren Zahlen der Leser selbst einsetzt. Die Startwerte sind das Rechenbeispiel des Artikels, Zahl für Zahl; wer den Text gelesen hat, sieht dasselbe Ergebnis wieder. Gerechnet wird im Browser, gespeichert wird nichts. Unten führt er immer in den Wertrechner: Er rechnet eine Zeile, nicht den Unternehmenswert.

Jeder Abzug sitzt dort, wo er vom Balken abgeht, statt bei null zu beginnen. Nur so ist zu sehen, dass die Posten nacheinander vom selben Betrag abgehen und nicht nebeneinander stehen. Die Restzeile ist in Gold abgesetzt: Sie ist die Zahl, um die es geht.

Jede Tabelle steckt in div.tabwrap. Dort sitzt der seitliche Ausbruch, damit die erste Spalte mit dem Fließtext fluchtet und die letzte rechts mit ihm abschließt. Der Bau bricht ab, wenn eine Tabelle ohne Hülle steht.

Ausbruch und Zellenpolster sind ein Paar und kommen aus derselben Marke --tabluft: 18 px, unter 640 px 12 px. Sie müssen zusammenpassen, sonst steht entweder die erste Spalte verrutscht oder der Text der hervorgehobenen Zeile klebt an der Kante ihrer Fläche. Genau das war bis zum 13.09.2026 der Fall: 12 px sahen bei einer gefüllten Zeile wie gar kein Polster aus.

Die hervorgehobene Zeile heißt in beiden Tabellen .hl. In der Rangliste hieß sie .hier und hatte ein eigenes, um zwei Pixel abweichendes Zellenpolster.

Der Fortschrittsbalken sitzt auf dem Kasten, nicht darin: Er gehört zur Strecke, nicht zum einzelnen Schritt, und der Kasten hat deshalb oben keine eigene Linie und keine Rundung.

Jeder Schritt ist ein .rstep und bis auf einen verborgen. Die Zeile „Schritt 2 von 6“ wird nicht gepflegt, sie ergibt sich aus der Stelle im Markup — sonst muss jede eingeschobene Frage die ganze Strecke durchnummerieren, und genau dabei entstehen Fehler. Ebenso liest das Skript die Zahl der Fragen aus dem Markup statt aus einer festen Zahl.

Die Vertrauenszeile steht unter dem Kasten, nicht darin. Sie gilt für die ganze Strecke und soll auch dann sichtbar sein, wenn der Kasten weitergeblättert wird.

Ein Klick auf eine Kachel ist die Antwort, kein Vorschlag. Der Rechner geht danach von selbst weiter — jede Frage hat genau eine Antwort, und der Weiter-Knopf verlangte sonst eine zweite Bestätigung für etwas, das schon entschieden ist; bei neun Schritten neun Klicks, die nichts hinzufügen. Die gewählte Kachel bleibt dabei 260 ms markiert stehen: Ohne diese Pause verschwindet sie im selben Lidschlag, in dem sie aufleuchtet. Dieselbe Regel gilt für die Antwortzeilen.

Zwei Ansichten gehen nicht von selbst weiter. Das Auswahlfeld, weil ein <select> beim Blättern mit den Pfeiltasten jeden Zwischenstand meldet und der Schritt sonst unter jemandem wegrisse, der die Liste noch liest. Und das Betragsfeld, weil dort eine Zahl eingestellt und keine Antwort angeklickt wird. Welche Fragenart vorstößt, steht in stosstVor; tests/vorstoss.test.ts hält es fest.

Zeichen, Titel und Beschreibung liegen über alle Kacheln hinweg auf derselben Höhe, per subgrid. Eine Mindesthöhe bricht wieder, sobald ein Titel dreizeilig wird. Unter 721 px steht eine Kachel je Zeile: Bei 390 px blieben je Kachel 107 px, und ein Wort wie „Berufsausübungsgemeinschaft“ lief heraus.

Reihenfolge und Vorauswahl sind zwei Dinge. Die Reihenfolge folgt dem Multiplikator, absteigend, und zwar in der Kachelwahl und in der Faktortabelle des Fachtexts gleich. Wer dieselbe Dreiergruppe zweimal in verschiedener Ordnung sieht, muss die Zuordnung neu suchen. Vorausgewählt ist die erste Kachel; trägt eine Option im Schrittdiktat ein viertes Feld True, ist sie es stattdessen. Gebraucht wird das, wo der häufigste Fall den niedrigsten Multiplikator hat: Bei der Steuerkanzlei sind zwei von drei Kanzleien Einzelkanzleien, die Kachel steht deshalb hinten und ist trotzdem vorgewählt.

Ab vier Antworten Liste statt Kacheln. Mindesthöhe 52 px, damit die Fläche auf dem Telefon sicher zu treffen ist.

Die .rgenau-Zeile steht oben, seit dem 23.09.2026. Sie stand als letzte unter den Spannen und rutschte auf dem Telefon unter das Sichtfeld — wer sie nicht sieht, klickt eine Spanne, und gerechnet wird mit deren Mitte statt mit seiner Zahl. Die genaue Angabe ist die bessere für beide Seiten, also gehört sie dorthin, wo der Blick zuerst hinfällt.

Die Beschriftung sagt, was passiert, nicht was der Besucher weiß: „Genauen Betrag eingeben“ statt „Ich kenne meinen Betrag“. „Korrekten Betrag“ wäre falsch — die Spannen sind nicht unkorrekt, sondern gröber.

Der Satz unter dem Regler ist der eigentliche Inhalt: Er sagt in Worten, was die Reglerstellung bedeutet, und ändert sich beim Schieben. Eine Prozentzahl allein beantwortet die Frage nicht, die gestellt wurde.

Die Texte stehen im Markup, nicht im Skript: Sie sind branchenabhängig, und ein Skript mit fest eingebauten Sätzen über Maklerbestände hätte auf der Praxisseite Unsinn angezeigt. Spur und Griff sind selbst gezeichnet, die gefüllte Spur kommt aus --f und --fp — beide muss setzen, wer den Regler einbaut.

Zwei Dinge, sonst nichts: das Dokument und das Formular. Das ist der Schritt, an dem der Trichter gewonnen oder verloren wird, und jede Zeile, die nicht zur Handlung führt, kostet hier mehr als anderswo.

Über dem Kasten steht nichts. Der Schritt beginnt mit ihm. .rspanne und .rzahl gibt es seit dem 23.09.2026 im Trichter nicht mehr; Die Zahl stand über dem Formular, und das Formular begann dadurch 1.354 px unter dem Anfang des Schritts — gemessen bei 1440 px. Wer die Zahl gelesen hatte, hatte, was er wollte. Jetzt trägt die Bestätigungsmail die Wertspanne und die Broschüre die ausführliche Fassung; der Schritt ist von 1.782 auf 932 px geschrumpft und das Formular beginnt bei 504. Ein Versuch, kein Endzustand — deshalb bleiben Klassen und Blatt stehen. plans/datenerfassung-wertrechner.md.

Die Abbildung steht neben den Stichworten. Wer neun Fragen beantwortet hat und jetzt Name, Adresse und Nummer geben soll, entscheidet an diesem Bild, ob sich das lohnt — es hat deshalb lange die ganze Spalte bekommen. Rechts neben den drei kurzen Zeilen blieb dabei die halbe Breite leer, und seit dem 23.09.2026 teilen sich beide die Zeile. Der Preis dafür: Die Aufnahme ist rund 272 px breit statt 568, der Titel auf dem Umschlag ist bei dieser Größe nicht mehr zu lesen. Erkennbar bleiben Druckstück, Tabelle und der gedrehte Umschlag.

Ohne Rahmen und ohne Schlagschatten. Bis zum 23.09.2026 saß die Aufnahme in einem eigenen Kästchen mit 12 px Radius und einem Schatten darunter — ein Kasten im Kasten im Abschnitt. Der Grund der Aufnahme ist seither auf genau den Ton des Kastens geebnet, also kann der Bildrand wegfallen: Es liegen Druckstücke auf der Fläche, kein Foto in einem Rahmen. Der weiche Schatten unter den Objekten steckt in der Aufnahme und bleibt.

Zwei Druckstücke, nicht drei. Seit dem 23.09.2026 liegt der geschlossene Umschlag schräg auf der aufgeschlagenen Doppelseite; das lose Blatt, das vorher darüber lag, ist weg. Die Überlappung trägt jetzt der Umschlag — er ist der einzige farbige Gegenstand, und die Drehung liest sich an ihm sofort. Beide Seiten sind bis zum Fuß gefüllt: Eine halbe leere Seite liest sich auf Anzeigegröße als wenig drin.

Grünes Häkchen beim Tippen, rotes Kreuz erst beim Verlassen. Wer „stef“ getippt hat, ist auf dem Weg zu einer gültigen Adresse — ein Kreuz nach dem ersten Zeichen tadelt jemanden fürs Tippen. Das Häkchen dagegen ist beim Tippen richtig: Es sagt „fertig“, sobald es stimmt. Rot allein trägt die Aussage nicht, Haken und Kreuz unterscheiden sich auch in der Form. Die Regeln stehen in kern/erfassung/kontaktfeld.ts — zwei Zeichen für den Nachnamen, nicht vier: „Ott“, „Bux“, „Li“ und „Ng“ sind echte Namen, und wer seinen eigenen als Fehler markiert bekommt, bricht ab.

.raboffen sagt, was den Knopf zuhält. Vier Bedingungen halten ihn zu; welche noch offen ist, stand nirgends. Die Häkchen zeigen das meiste, aber die Einwilligung hat keins — und sie ist die, die man übersieht.

Anrede schmal, E-Mail über die ganze Zeile. Vorher lagen alle vier Felder paarweise nebeneinander: Die Anrede, ein Feld mit drei Möglichkeiten, bekam so viel Platz wie der Nachname, und die E-Mail-Adresse nur die Hälfte der Zeile — am Telefon 135 px. Die Telefonnummer ist seit dem 23.09.2026 Pflicht: Was übergeben wird, ist ein Kontakt, und einer ohne Nummer ist für den Käufer die Hälfte wert.

Weggefallen sind: die Herleitungsliste, der Einordnungskasten, vier Aufzählungspunkte zur Broschüre, die Vorschaukarte des Angebots und die Empfängerkategorien. Das Ergebnis stand vorher in einem Schritt und das Formular im nächsten — zwei Ansichten für eine Entscheidung.

Die Broschüre ist eine Aufnahme des Druckstücks, kein Nachbau: der geschlossene Umschlag, die aufgeschlagene Doppelseite, ein loses Blatt darüber. Papierdicke, Seitenwölbung, Bund und Schlagschatten — das ist ein Foto und keine Zeichnung.

Vier Nachbauten davor waren Sackgassen: zwei Strichzeichnungen, ein einzelnes Blatt auf einem Stapel und zuletzt eine Gruppe aus drei gestapelten Kästen in HTML. Sie sahen nach Kästen aus. Vorbild und Abgleich stehen in broschuere-vorbild.md.

Die Aufnahme trägt keine Zahl. Sie ist für alle zwanzig Branchen dieselbe Datei; ein Betrag darin würde der Spanne widersprechen, die unmittelbar darüber steht. Der Ergebniskasten auf dem losen Blatt bleibt deshalb leer.

Die Zeilen kommen aus erg_herleitung der Branchenkonfiguration. Die stand ungenutzt herum, seit die Herleitungsliste aus dem Ergebnis geflogen ist; hier ist ihr Platz.

Vier Felder, das letzte als optional beschriftet. Die Nummer braucht der Vertriebsprozess dahinter; dass wir anrufen dürfen, steht im Einwilligungstext und nicht im Kleingedruckten — genau das macht den Anruf nach § 7 UWG unproblematisch. Kein Bundesland: Das ist eine Frage und steht als Schritt im Trichter.

Drei Stichworte statt eines Satzes. Wer vor einem Formular steht, liest keine Prosa, sondern überfliegt, was er bekommt.

Die Abbildung liegt als Band oben im Kasten, nicht neben dem Formular. Neben dem Formular wäre sie rund 300 px breit, und darin ist ein Flat-Lay aus drei Druckstücken ein Daumennagel. Ihr Grund ist auf den Ton der Fläche gezogen, auf der sie liegt — sonst schwimmt ein Rechteck im Kasten.

Wohin sollen wir Ihre Bewertung senden?

Kostenfrei und ohne Firmenname. Was darin steht:

• Bereinigung um Ihren Unternehmerlohn
• Ihre Branche im Vergleich
• Die Werttreiber Ihres Bestands

AnredeHerrFrau

Nachname

E-Mail

Telefon

Schicken Sie mir die Bewertungsbroschüre per E-Mail. Bei Rückfragen zu meinen Angaben dürfen Sie mich anrufen.Kostenfreie Unternehmensbewertung anfordern

Noch offen: Ihre Angaben und die Zustimmung.

Der Vorbehalt unter einer Zahl: erste Einordnung, keine Bewertung nach IDW S1, kein Kaufpreis.

Im Ergebnisschritt des Rechners steht er seit dem 23.09.2026 nicht mehr. Dort trägt die Broschüre das Ergebnis, und sie sagt denselben Vorbehalt zweimal selbst — im Kopf des Dokuments und als Fußnote unter der Herleitung. Ein dritter Ort, an dem derselbe Satz steht, ist ein dritter Ort, an dem er veralten kann.

Sechzehn Antworten sind keine Liste mehr. Ein Auswahlfeld trägt sie, und der Schritt bleibt so hoch wie jeder andere — dieselbe Regel wie überall im Trichter.

Die Beschriftung ist für Vorlesewerkzeuge da und bleibt sichtbar verborgen: Über dem Feld steht bereits die Frage, und ein zweites „Bundesland“ darüber wäre eine Dopplung.

`.breit` nimmt die volle Zeile des Formularrasters. Ohne das stünde das Feld in dessen erster Spalte und wäre 140 px schmal.

Dieselbe Bedienung, eine andere Fläche. Das Markup ist die Listenauswahl, unverändert — gleiche Stelle im Ablauf, gleiche Karten, gleicher Klick, der weitergeht. Umgefärbt wird allein der Kasten darum, über data-rolle am Schritt: Der Trichter geht bei dieser einen Frage auf Elfenbein; die Antwortkarten bleiben weiß und treten dadurch hervor. Mehr unterscheidet den Schritt nicht — zwei weitergehende Fassungen sind am 23.09.2026 gebaut und wieder verworfen worden: die gewählte Karte in voller Waldgrünfläche, dann die unbenutzten Karten in Gold. Entscheidung des Projektinhabers, nachdem er beides gesehen hat: „dann arbeiten wir erst mal nur mit einer veränderten Hintergrundfarbe des Schrittes“.

Die gewählte Antwort sieht aus wie überall — heller grüner Grund, grüner Rand, grüner Haken. Sichtbar ist sie ohnehin nur eine knappe Viertelsekunde: Der Schritt stößt nach 260 ms vor. Was ihn vor dem Klick heraushebt, ist die Fläche des Kastens, und die allein.

Sie war zweimal wirklich anders gebaut — erst als eigene Ansicht hinter dem Ergebnis, dann als Schritt mit Vorschaukarte und drei Absätzen Rechtstext, doppelt so hoch wie jeder andere und auf dem Telefon 1,7 Bildschirme lang. Beides verfehlte dasselbe: Der Trichter soll einen Takt haben. Ein Schritt, der plötzlich anders funktioniert, wirft den Besucher heraus. Ein Schritt, der anders aussieht, sagt ihm nur, dass hier etwas anderes entschieden wird — und genau das ist hier der Fall.

Was an Erläuterung nötig ist, steht im Formular beim Echo der Entscheidung. Bis dorthin wird nichts gespeichert und nichts übermittelt, die Einwilligung entsteht erst mit dem Absenden.

Mittig gesetzt, mit einem Weg zurück. Eine Bestätigung ohne Ausgang ist eine Sackgasse.

Nur auf der Startseite. Jede andere Seite hat einen Auftrag, der keine Bühne verträgt. .demand und .trustrow stehen auch im Kopf von /unternehmen-kaufen, dort in .uwzusagen unter den zwei Spalten — nicht in der linken: Auf dem Telefon stapelt der Kopf, und dort soll die Handlung vor den Zusagen kommen. In der Textspalte käme die Karte erst danach.

.calcfuss ist der zweite Weg, als Zeile und nicht als Knopf. Zwei gleich laute Handlungsaufforderungen in einer Bühne heißen, dass wir uns nicht entschieden haben. Fehlen darf er trotzdem nicht: Er ist der, mit dem Geld verdient wird. Beide Wege melden cta_klick mit ort: buehne — welcher von beiden dort richtig steht, soll eine Zahl entscheiden und keine Meinung.

Zweispaltig: links die Handlung, rechts die Antwort auf „was passiert dann“. Wer über einen Suchbegriff hereinkommt, soll oben etwas anfassen können, nicht drei Absätze Erklärung lesen.

Mittig gesetzt, darunter beginnt sofort der Rechner. Der Kopf ist deshalb kurz gehalten: Bei 800 × 1009 px muss der ganze Trichter samt Knopf in den ersten Bildschirm passen, bei 375 × 812 die erste Antwortkachel vollständig sichtbar sein.

Die Frage darunter ist ein Absatz, keine zweite Überschrift. Sie trägt keinen Begriff, den die H1 nicht schon hat, und stünde als H2 zweimal auf derselben Seite — dieselbe Frage steht unten im Abschluss-CTA als H3.

Der Wissensbereich trägt Fotografie, die Plattform trägt Illustration. Das Bild sitzt unter der Überschrift und läuft nach unten in die Artikelkarte hinein; der Bildnachweis steht in der Ecke auf dem Bild.

Wissen

Was Sie wissen sollten, bevor Sie mit jemandem sprechen

Die meisten Inhaber verkaufen einmal im Leben.

Die Textkarte schiebt sich 40 px über das Bild. Der Bildnachweis rückt deshalb nach oben in die Ecke, sonst verschwindet er unter der Karte.

Was Ihr Unternehmen wert ist

Warum der Umsatz Ihr Unternehmen nicht bewertet

Zwei Betriebe mit demselben Umsatz, dreieinhalbfacher Unterschied im Preis.

Drei Beiträge haben kein Motiv, das sich fotografieren ließe, ohne etwas zu behaupten. Sie bekommen eine Zeichnung auf Waldgrün statt eines Symbolbildes, das so tut, als zeige es den Fall.

Redaktion, kein erfundener Name. Wir haben keine namentlichen Autoren, und einer, der nicht existiert, ist die schlechteste Art, Vertrauen zu erzeugen. Das Datum steht daneben, weil es bei Steuerthemen zählt.

Zwei verschiedene Dinge. Die Fußnote sagt, was an einer Zahl noch nicht belegt ist; die Quellzeile sagt, woher eine belegte Zahl kommt. Beide stehen direkt unter dem Baustein, auf den sie sich beziehen, nie gesammelt am Seitenende.

Die Quellen einer Tabelle als eine zugeklappte Zeile direkt darunter. Bis zum 08.10.2026 standen sie als Absatz mitten im Text; der Projektinhaber fand, dass sie ihn aufblähen. Sie bleiben am Baustein, zu dem sie gehören, und im Markup. Eine Erläuterung zur Tabelle klappt mit auf. .tabzwischen ist der Satz zwischen zwei Tabellen, die sonst wie eine gelesen würden.

Aufbau von wishly.de: Dialog in der Mitte über abgedunkeltem Hintergrund (.einw), drei Knöpfe, Einstellungsansicht mit Schaltern. „Nur notwendige“ und „Alle akzeptieren“ sind gleich gestaltet, weil Ablehnen so leicht sein muss wie Zustimmen. Hier ohne Hintergrund und an Ort und Stelle gezeigt; auf der Seite steht er fest in der Mitte. Plan: plans/einwilligung.md.

Zwei Wege ohne Wertung, ohne Schlusszeile. Wo einer der beiden der bessere ist, steht stattdessen .gegen mit seinen zwei Farben; wo es drei sind und jeder eine Empfehlung trägt, .wege.

Drei Wege, jeder mit einer Schlusszeile „Geeignet für“. Die Zeilen stehen am Fuß auf einer Linie, weil sie miteinander verglichen werden — das ist der ganze Zweck des Bausteins.

Steht am Seitenende, nicht oben: Wer die Seite öffnet, hat seine Branche schon gewählt. Die Reihenfolge kommt aus dem Branchenregister, nach Betriebszahl. Branchen ohne fertigen Rechner erscheinen gestrichelt und ohne Verweis, statt zu fehlen.

Dieselbe Tabelle wie im Fachtext, nur mit rechtsbündigen Zahlen in Tabellenziffern. Die Zeile des eigenen Bundeslandes ist mit .hl hervorgehoben — derselbe Name wie in der Verfahrenstabelle.

Die Zahl steht in der Kachel, nicht nur der Name. Ein Verteiler aus sechzehn gleich aussehenden Namen ist eine Liste, keine Hilfe.

Die Käuferseite wird genauso anonymisiert gezeigt wie die Abgeberseite. Das ist keine Gestaltung, sondern die Zusage: Wer hier steht, sieht, in welcher Form er selbst erscheinen würde.

Zwei Wege nebeneinander statt eines Knopfes: Wer kaufen will, ist entweder zum Stöbern da oder zum Anmelden. Unter 620 px stehen sie untereinander und über die volle Breite.

Die Pille oben sagt, ob laufend oder einmal gekauft wird. Das ist die Unterscheidung, an der unser Geschäft hängt: Ein Käufer, der einmal kauft, ist kein Partner, sondern ein Interessent.

Die Pflichten stehen auf der Käuferseite vor dem Preis. Wer zuerst liest, was er zahlt, liest die Pflichten als Einschränkung; wer zuerst die Pflichten liest, versteht den Preis.

Der sichtbarste Baustein der Plattform und der einzige, der auf jeder Seite steht. Zwei Regeln stecken darin, beide nachgemessen von 320 bis 1440 px:

Der Knopf trägt den Suchbegriff. „Wert berechnen“ sagt nicht, wessen Wert. Ab 721 px steht dort „Unternehmenswert berechnen“, darunter „Unternehmenswert“ — das Wort, auf das es ankommt, steht in beiden Fassungen. Derselbe Knopf schließt die Startseite ab; vorher hieß er dort „Jetzt Wert berechnen“, also dieselbe Komponente mit zwei Beschriftungen.

Unter 721 px steht der Name über zwei Zeilen. In einer Zeile misst unternehmen-nachfolger.de bei 375 px 232 px und passt neben dem Knopf nicht — bis zum 22.09.2026 blieb deshalb die Bildmarke allein. Ein Zeichen ohne Namen ist aber kein Logo: Wer zum ersten Mal auf dem Telefon ankommt, liest nirgends, wo er ist. Über zwei Zeilen misst der Name 104 px, und der Kopf bleibt 74 px hoch. Unter 361 px geben Polster, Bildmarke, Name und Knopf zusammen 30 px ab — sonst liefe der Knopf bei 320 px 15 px über den Rand.

Sie scrollt mit weg. Bis zum 23.09.2026 klebte sie oben (position:sticky) und nahm in jedem Moment 75 px Bildschirm — auf einem Telefon von 667 px Höhe jede achte Zeile —, und zwar für eine Navigation, die jemand einmal am Anfang und einmal am Ende braucht. Zwei Gegenrechnungen sind mit ihr entfallen: scroll-margin-top:90px auf .fach h2, damit ein Sprung aus dem Inhaltsverzeichnis nicht dahinter landete, und die Kopfhöhe im Bildlauf des Trichters. Zurück nach oben führt die Wortmarke im Fuß.

Der Name steht in einem Element, nicht in zweien. Vorher waren unternehmen-nachfolger und .de zwei <span> nebeneinander; weil .wm ein Flexkasten ist, durfte der Umbruch dazwischen fallen und .de rutschte in die zweite Zeile. Ein white-space:nowrap am Elternteil hilft dagegen nicht — es wirkt nur innerhalb eines Flexkindes.

Waagerecht scrollende Leiste der zwölf größten Branchen plus aller mit fertigem Rechner. Die Reihenfolge kommt aus dem Branchenregister, nicht aus dem Markup.

Rechts läuft sie aus, damit erkennbar ist, dass es weitergeht. Das macht eine Maske, keine aufgelegte Fläche mit Farbverlauf. Eine solche Fläche wäre eine zweite Stelle, an der die Hintergrundfarbe der Leiste steht — und als die erste am 13.09.2026 durch eine überzählige Klammer im Blatt verloren ging, blendete der Verlauf ins Weiße, während die Leiste auf Elfenbein lag. Eine Maske kennt keine Farbe und kann deshalb nicht von der Fläche darunter abweichen.

Sie steht nicht auf jeder Seite: Auf Gewerkseiten, im Wissensbereich und auf der Käuferseite gehört an die erste Stelle, was der Besucher sucht, nicht ein Verteiler auf zwanzig andere Branchen.

Beim ersten Kapitel gibt es nur „weiter“; der Kasten rückt dann in die rechte Spalte, statt links verrutscht zu wirken.

Waldgrün über die volle Breite. Der Fließtext steht dort in #C5D6CB, nicht in Weiß: Reines Weiß auf #1E4436 flimmert bei längeren Absätzen. Die Kennzahlen darunter sind durch eine Linie abgesetzt, nicht durch Kästen — sie belegen den Text, sie stehen nicht für sich.

Das Leitmotiv der Marke: Baum und Jahresringe für das Lebenswerk. Die Ringe sind nicht Dekoration, sie tragen die Werttreiber — jede Zeile hat dieselbe Nummer wie ihr Ring in der Grafik daneben. Ohne diese Zuordnung wäre die Grafik nur ein Bild.

Zuschlag in Hellgrün, Abschlag in Terrakotta. Nie nur Farbe: Das Vorzeichen steht immer dabei.

Goldene Fläche über die volle Breite, der Rechnereinstieg daneben. Kommt genau einmal je Seite vor, und nur auf der Startseite.

Nur das äußere Polster ist hier für die Darstellung verkleinert. Bis zum 13.09.2026 stand an dieser Stelle ein Nachbau mit einer eigenen Klasse .kfinal — also genau das, was diese Seite verhindern soll.

Weißer Kasten auf abgesetzter Fläche, Text und Knopf nebeneinander. Er spricht die andere Marktseite an und steht deshalb optisch abseits der Abgeberstrecke. Auch hier stand vorher ein Nachbau, .kpartner.

Der Anriss steht auf /unternehmensnachfolge: drei Karten und der Weg zum Bestand. Auf /unternehmen-kaufen stand er bis zum 23.09.2026 ebenfalls — Angebote gehören in den Anzeigenteil, nicht ins Käuferprogramm (plans/angebotsportal.md § 2). Nie in .fach — in der schmalen Textspalte werden drei Karten 220 px breit, und dann trennt der Umbruch mitten im Wort. Genau das ist am 15.09.2026 ausgeliefert worden.

Der Zähler zählt tatsächlich. Der erste Filter rechnete ihn aus einer festen 214 hoch — Math.round(214 * n / karten.length). Eine Zahl, die neben einem Raster steht, das man nachzählen kann, muss stimmen.

Kein Knopf zum Absenden. Der Filter wirkt beim Wählen; ein Knopf, der nichts auslöst, was nicht schon geschehen ist, ist ein Knopf, den man umsonst sucht. An seiner Stelle stand bis zum 23.09.2026 der Zähler — in der vierten Spalte, genau dort, wo ein Anzeigenportal seinen Suchknopf hat, und entsprechend wurde er für einen gehalten: „Ich habe keinen Call to Action, ich kann damit gar nicht arbeiten.“ Er steht jetzt als .angtreffer über der Liste, wie die Ergebniszeile eines Portals. Die Maske hat dafür drei Spalten (.drei) und auf einer Branchenrubrik zwei (.zwei), weil dort das Feld „Branche“ fehlt — die Branche ist die Seite. Die Auswahllisten kommen aus dem Bestand, nicht aus einer festen Aufzählung: Eine Option, die zu null Treffern führt, hält der Besucher für seinen Fehler.

Das Branchenraster beantwortet die erste Frage eines Käufers — habt ihr meine Branche, in meiner Größe, und wie viel? Es trägt dieselbe Karte wie „Jede Branche wird anders gerechnet“ auf der Startseite (.brgrid/.br) und steht seit dem 23.09.2026 auf /angebote unter der Trefferliste — die Rubriken eines Anzeigenteils gehören in den Anzeigenteil, und es ist der Weg, auf dem eine Suchmaschine die einundzwanzig Rubrikseiten findet. Es ersetzt drei Abschnitte, die das nicht taten: „Welcher Käufer sind Sie?“ fragte den Besucher nach etwas, das er längst weiß, „Wo wir Abgeber haben“ nannte einundzwanzig Branchennamen ohne Größe und ohne Zahl, und die Passungstafel brauchte für zwei Angaben eine Tabelle über einundzwanzig Zeilen. Auf der Karte stehen Bezugsgröße, Untergrenze und der heutige Bestand — die Null ausdrücklich mit.

Der Einstieg in der Bühne (Angebotssuche) ist dieselbe Karte wie der Rechnereinstieg auf der Startseite: zwei Felder, ein Knopf, und die Auswahl geht als ?gewerk=…&region=… an /angebote, wo der Filter sie annimmt. Auch hier kommen die Listen aus dem Bestand.

Die Karte selbst steht oben unter „Angebotskarte“ und trägt .ang. Bis zum 15.09.2026 gab es hier eine zweite Fassung unter .agkarte — dieselbe Sache, andere Klasse, eigener Regelblock. Entfallen; geblieben ist die reichere.

Die Datentabelle der Einzelseite ist kein <table>. Es sind Paare, keine Matrix, und bei 400 px sollen sie untereinander stehen dürfen.

Der Leerzustand war am 13.09.2026 entfernt worden — „der Filter blendet aus, er zeigt keinen Leerzustand“. Das galt für eine Seite, auf der die Angebote am Ende standen. Seit sie im ersten Bildschirm stehen, ist der leere Fall der erste Eindruck der Seite, und solange der Bestand leer ist, der Normalfall. Eine leere Fläche wäre ein Fehler, ein Fülltext eine Lüge.

.opt markiert ein Feld als freiwillig — und nur dann steht es da. Im Rechnerformular stand es bis zum 23.09.2026 an der Telefonnummer; seit die Pflicht ist, gibt es die Marke dort nicht mehr.

Einundzwanzig Branchen und sechzehn Bundesländer sind als Liste untereinander eine Tapete; als Raster überfliegt man sie.

Die Spaltenzahl kommt aus auto-fill mit einer Mindestbreite, nicht aus einer festen Zahl: Die längste Branchenbezeichnung ist „Garten- und Landschaftsbau“, die kürzeste „Maler“, und ein festes Raster müsste sich an der längsten ausrichten.

Branche ist Pflicht, Region und Größe nicht. Ein Käufer, der sich früh festlegen muss, legt sich falsch fest — leer heißt hier „alle“. Ohne Branche wäre es dagegen kein Suchprofil, sondern ein Abonnement auf alles, und Überangebot ist laut lead-generation.mdc der Hauptgrund für Partnerabwanderung.

.agfeldhinweis steht über einem Feld und erklärt es, .agzaehler steht unter einem begrenzten Textfeld und zählt mit. Beide kommen auch im Angebotsformular auf /konto vor.