/* ============================================================ MIZ OFFICE, miz-werkzeug-bruecke.css Uebergangsschicht fuer Konfigurator und Online-Check. Wozu ---- Beide Werkzeuge liefen bis zum 20.08.2026 auf sieben Stilschichten (reset, theme, Tabler-Vollschrift, miz-core, miz-chrome, miz-final, miz-rhythm) plus ihrer eigenen style.css — zusammen rund 250 KB, in einer Formensprache, die es sonst nirgends im Haus mehr gibt. Sie bekommen jetzt dieselbe Huelle wie alle anderen Seiten: die Glasleiste, den Fuss und miz-tv.css. Ihr Inneres bleibt in diesem Schritt UNVERAENDERT — es soll Zeichen fuer Zeichen so aussehen wie vorher. Genau dafuer gibt es diese Datei. Was drinsteht, und warum nur das -------------------------------- Nachgemessen, nicht geschaetzt: von allen Token, die die beiden style.css benutzen, kommen genau elf nicht aus ihnen selbst. Der Konfigurator braucht zwei, der Online-Check neun. konfigurator/style.css 20 benutzt, 2 fremd assets/miz-ki/style.css 47 benutzt, 9 fremd aus Stilschichten (die zehn --mk-*, --mx, --my, --i setzt das Skript zur Laufzeit, das sind keine) Die Werte stehen hier WOERTLICH so, wie sie in miz-core.css und miz-rhythm.css standen. Sie werden BEWUSST nicht auf tv-Token umgebogen: --miz-rad-card ist 24px, --tv-r-card ist 22; --miz-blue-2 ist #0051ff, den Ton gibt es im tv-Satz gar nicht. Ein Umbiegen waere kein Uebergang mehr, sondern ein unangekuendigter Umbau des Inneren. Der kommt spaeter und dann sichtbar. Diese Datei ist Uebergang, kein Ziel. Wenn Konfigurator und Online-Check innen auf die tv-Token umgestellt sind, faellt der Token-Block ersatzlos weg. Der Symbol-Block darunter bleibt, solange der Konfigurator Zeichen benutzt, die sonst niemand braucht. ============================================================ */ /* ---------- 1. Token-Bruecke ------------------------------- */ :root { /* aus miz-core.css */ --miz-blue: #0a84ff; /* identisch mit --tv-accent */ --miz-blue-2: #0051ff; --miz-blue-ink: #0a6fd8; --miz-rad-card: 24px; --miz-t-micro: 13px; --miz-lift-1: 0 1px 2px rgba(9, 24, 44, .05), 0 4px 12px rgba(9, 24, 44, .05); --miz-lift-2: 0 1px 2px rgba(9, 24, 44, .06), 0 4px 10px rgba(9, 24, 44, .07), 0 16px 32px rgba(9, 24, 44, .07); /* aus miz-rhythm.css: die Papiertoene des Online-Checks */ --miz-paper-1: #dde9f6; --miz-paper-3: #e5eff9; --miz-paper-5: #eef4fb; --miz-paper-6: #f2f7fd; } /* ---------- 1b. Grundschrift des Inneren ------------------- Gemessen nach dem Umstieg, Konfigurator, 53 Elemente, dreizehn Eigenschaften (Farbe, Flaeche, Fettung, Innen- und Aussenabstand, Radius, Kante, Anzeige, Ausrichtung, Schatten): Abweichungen zur Live-Fassung: 0 Der GESAMTE Unterschied lag in drei Werten. Die alte Grundlage kam aus miz-final.css auf dem body: Schrift Inter 16px / 1,72 -> miz-tv.css setzt Geist 17px Zeile 27,52px -> 27,2px Geist statt Inter auf der ganzen Website waere richtig, und es sah in der Ansicht auch gut aus. Es ist aber INNERES, und dieser Schritt sollte ausdruecklich nur die Huelle tauschen. Dazu kommt ein Messbefund: mit Geist ueberschreitet die H2 des ersten Schrittes ihre Zeilenhoehe um vier Pixel (48 statt 44; nichts wird abgeschnitten, overflow steht auf visible). Geprueft ist damit EIN Schritt des Konfigurators — er hat mehrere, und der Online-Check hat weitere Ansichten. Fuer einen Schritt, der risikoarm sein soll, ist das zu wenig Abdeckung. Die Grundschrift bleibt deshalb, wie sie war, und zwar nur INNERHALB der beiden Anwendungen. Kopf und Fuss stehen ausserhalb dieser Wurzeln und bleiben in Geist — die Huelle ist ja der Sinn der Sache. Wenn Schritt 2 kommt, faellt dieser Block als Erstes weg. Genau eine Regel, ein Handgriff. */ /* SCHRITT 2, 22.08.2026: Der Konfigurator ist raus aus dieser Regel. Er laeuft vollstaendig auf konfigurator/style-tv.css und damit auf der Hausschrift und der Hausskala. Solange er hier drin stand, lief sein Infobereich in Inter auf 16px/1.72 — mitten auf einer Seite, deren Rest Geist auf 17px/1.6 traegt. ACHTUNG: Diese Aenderung gehoert zusammen mit style-tv.css ausgeliefert. Geht sie allein live, verliert der alte Konfigurator seine Grundschrift. Der Online-Check bleibt, bis er umgestellt ist. Dann faellt der Block ganz weg. */ #miz-ki-root, .miz-ki { font-family: "Inter", "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.72; } /* Kein `button,input{font:inherit}` hier — und das ist eine Messung, kein Geschmack. miz-chrome.css hatte diese Zeile, weil Bedienelemente ihre Schrift von sich aus nicht erben. Sie schien also zu fehlen. Eingebaut, gemessen: der Konfigurator sprang von 0 auf 3 Abweichungen — seine drei .miz-nav-btn setzen ihre Schriftgroesse selbst, und eine Regel mit ID-Spezifitaet ueberstimmt sie. Der Konfigurator braucht die Zeile nicht: seine Bedienelemente bringen ihre Schrift mit. Der Online-Check braeuchte sie — er ist aber in diesem Schritt gar nicht umgestellt. Sie kommt zurueck, wenn er dran ist, und dann ausschliesslich unter #miz-ki-root. */ /* ---------- 1c. Platz fuer die schwebende Leiste ------------ Seit dem tvOS-Neuaufbau gehoert dieser Abstand dem Konfigurator selbst: style-tv.css setzt ihn an .miz-config-app. Die Huelle bleibt oben ohne Innenabstand, damit der sticky Bildgrund lueckenlos an ihrer Oberkante beginnt. Die Bruecke traegt fuer den Konfigurator nur noch Symbole. */ /* ---------- 2. Symbole nur fuer die Werkzeuge --------------- */ /* Erzeugt. Siehe tools/miz-werkzeug-subset-icons.py. */ /* >>> erzeugt von tools/miz-werkzeug-subset-icons.py — nicht von Hand aendern */ /* Zweiter Schnitt derselben Familie. Der Browser holt ihn nur, wenn eines der aufgezaehlten Zeichen auf der Seite steht. */ @font-face { font-family: "tabler-icons"; font-style: normal; font-weight: 400; font-display: block; src: url("./fonts/tabler/tabler-icons-werkzeug.woff2") format("woff2"); unicode-range: U+EA02, U+EA5F, U+EB40, U+EB6C, U+EBB8, U+EBCB, U+EC39, U+ECF1, U+ED38, U+F2A5, U+F546, U+F547, U+F558, U+F7C9, U+FA21, U+FFB5, U+101A6; } .ti-ad::before { content: "\ea02"; } .ti-badge-ad::before { content: "\f558"; } .ti-brush::before { content: "\ebb8"; } .ti-building-skyscraper::before { content: "\ec39"; } .ti-chevron-down::before { content: "\ea5f"; } .ti-clock-cancel::before { content: "\f546"; } .ti-clock-edit::before { content: "\f547"; } .ti-clock-star::before { content: "\f7c9"; } .ti-file-diff::before { content: "\ecf1"; } .ti-home-spark::before { content: "\ffb5"; } .ti-messages::before { content: "\eb6c"; } .ti-sparkles-2::before { content: "\101a6"; } .ti-stars::before { content: "\ed38"; } .ti-text-plus::before { content: "\f2a5"; } .ti-tool::before { content: "\eb40"; } .ti-users-group::before { content: "\fa21"; } .ti-wand::before { content: "\ebcb"; } /* <<< Ende des erzeugten Blocks */