/* * БANK Redesign – Typografie-Anpassungen nach dem PDF von Belen (08/2026). * * Grössen: Das PDF ist ein InDesign-Dokument mit 1240 x 620 pt. Über die Breite * des БANK-Logos in ihren Screenshots (live 196 px) ergibt sich 1 pt = 1.37 px. * Alle Werte stehen im Block "Massstab", damit sich der Satz an einer Stelle * nachjustieren lässt. * * Schnitte: aus dem PDF ausgelesen. Belen hat mit Inter 18pt Regular, Medium, * Bold, Black und Roboto Mono SemiBold gesetzt. "bold" heisst bei ihr also 700 * und "extrabold" 800 – die Theme-Variablen --font-weight--medium (600) und * --font-weight--bold (800) treffen das nicht, deshalb stehen hier Zahlen. */ /* --------------------------------------------------------------------------- * Schriften * ------------------------------------------------------------------------- */ @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("../fonts/roboto-mono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("../fonts/roboto-mono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("../fonts/roboto-mono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* * Das Theme bindet dieselbe variable Inter-Datei neun Mal mit je einem festen * Gewicht ein. Eine einzige Deklaration mit einer Gewichtsspanne ist korrekt * und erlaubt es zusätzlich, die optische Grösse auf 18 zu setzen – also genau * das "Inter 18pt", mit dem Belen gesetzt hat. */ @font-face { font-family: "Inter18"; font-style: normal; font-weight: 100 900; font-display: swap; font-variation-settings: "opsz" 18; src: url("/wp-content/themes/bank-theme/assets/fonts/inter.ttf") format("truetype"); } /* --------------------------------------------------------------------------- * Massstab * ------------------------------------------------------------------------- */ body.bank-redesign { /* Schnitte von Inter 18pt */ --rd-light: 300; --rd-regular: 400; --rd-medium: 500; --rd-bold: 700; --rd-extrabold: 800; --rd-black: 900; /* Kopfzeile und Menü (PDF S. 1) */ --rd-menu-label: 23px; --rd-menu-item: 23px; --rd-menu-leading: 39px; /* Bündig mit der Beschriftung "Menü": 16 px Kopfbereich + 2 px Button. */ --rd-menu-indent: 18px; /* Über uns (PDF S. 2) */ --rd-about-body: 19px; --rd-about-lead: 22px; /* Projekte (PDF S. 4) */ --rd-category-nav: 22px; --rd-project-tile: 22px; /* Projektseite (PDF S. 5) */ --rd-project-title: 47px; --rd-project-category: 16px; --rd-project-body: 19px; --rd-project-services: 14px; /* Kontakt (PDF S. 6) */ --rd-contact: 23px; /* * Team (PDF S. 7 + 8) * * Seite 7 ist als einzige ohne Logo abgebildet, hat also kein Element mit * bekannter Grösse zum Umrechnen. Gemessen am Polaroid ergibt Belens Satz * dort 18 px – zufällig genau die Zahl, die auch in ihrer Notiz steht. */ --rd-team-sticker: 14px; --rd-team-name: 16px; --rd-team-role: 14px; --rd-muted: rgba(238, 238, 238, 0.45); /* Inter mit korrekter Gewichtsspanne, mit dem Theme-Inter als Rückfall. */ --font-family--inter: "Inter18", "Inter", sans-serif; /* Im Theme steht hier "monospace" – Belen möchte Roboto Mono. */ --font-family--permanent-marker: "Roboto Mono", ui-monospace, monospace; /* * Das Theme setzt font-family einmalig auf . Die neue Variable oben * würde dort nicht mehr ankommen, deshalb hier noch einmal explizit. */ font-family: var(--font-family--inter); } /* --------------------------------------------------------------------------- * Vorschau-Hinweis * ------------------------------------------------------------------------- */ #bank-redesign-badge { display: flex; align-items: center; gap: 10px; padding: 8px 14px; position: fixed; bottom: 16px; left: 16px; z-index: 99999; border-radius: 999px; font-family: var(--font-family--inter); font-size: 13px; font-weight: 600; line-height: 1; color: #111; background: #ffd400; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } #bank-redesign-badge a { color: inherit; text-decoration: underline; } /* --------------------------------------------------------------------------- * Kopfzeile und Menü (PDF S. 1) * ------------------------------------------------------------------------- */ /* "Icons bei MENU, KONTAKT und CLOSE löschen" */ .bank-redesign #navigation-toggle-icon, .bank-redesign #cta-icon { display: none; } /* * Der Umschalter ist ein