--- title: Benutzerdefiniertes CSS für das Profildesign description: So nutzt du benutzerdefiniertes CSS für das Profildesign in Lemontaps – individuelle Anpassungen für ein markenkonformes Erscheinungsbild. --- [Zu Content springen](https://support.lemontaps.com/de/benutzerdefiniertes-css-für-das-profildesign#main-content) - [Deutsch](https://support.lemontaps.com/de/benutzerdefiniertes-css-f%C3%BCr-das-profildesign) - [English](https://support.lemontaps.com/en/custom-css-for-profile-design) Deutsch Untermenü für Übersetzungen anzeigen [![Lemontaps Logo-Black (1)](https://support.lemontaps.com/hubfs/Lemontaps%20Logo-Black%20(1).svg)](https://147299393.hs-sites-eu1.com/de?hsLang=de) Hauptnavigation öffnen Hauptnavigation schließen - - [Deutsch](https://support.lemontaps.com/de/benutzerdefiniertes-css-f%C3%BCr-das-profildesign) - [English](https://support.lemontaps.com/en/custom-css-for-profile-design) Deutsch Untermenü für Übersetzungen anzeigen - [Kontakt](mailto:support@lemontaps.com) [Kontakt](mailto:support@lemontaps.com) Wie können wir Ihnen helfen? - Es gibt keine Vorschläge, da das Suchfeld leer ist. 1. [Lemontaps Wissensdatenbank](https://support.lemontaps.com/de?hsLang=de) 2. [Digitale Visitenkarte](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de) 3. [Design & Layout](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de#design-layout) 18\. Februar 2026 # Benutzerdefiniertes CSS für das Profildesign Mit dem CSS-Editor kannst du das Aussehen eurer digitalen Visitenkarten ganz nach euren Vorstellungen anpassen. So lassen sich zum Beispiel Farben, Schriftgrößen oder das Design von Buttons verändern. Wichtig: Mit CSS kannst du nur das Styling ändern – nicht das Layout. Das heißt: Die Reihenfolge von Elementen oder ihre Sichtbarkeit lässt sich damit nicht beeinflussen.   ### **Voraussetzungen** Damit du den CSS-Editor sinnvoll nutzen kannst, solltest du Grundkenntnisse in CSS (Cascading Style Sheets) haben. Falls du dich damit nicht auskennst, gib deine Design-Wünsche am besten an deine IT-Abteilung oder eine Person mit CSS-Erfahrung weiter.   ### **So funktioniert der Editor** 1\. Öffne den CSS-Editor in den [Design-Einstellungen](https://lemontaps.com/md/settings/profile-design). ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/150108658888/original/3uNFbsYIlA4BpGRUcbCud7dLJP_DPXQyfQ.png?1744142684)   2\. Verwende ausschließlich unsere vordefinierten CSS-Klassen. Benutze dazu den Button "Wähle CSS Klasse" ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/150108659179/original/yuIFTAhqH2il8kZKdHdyBKX2ItLEqMUA6Q.png?1744142782) *⚠️ Wenn du im Browser eigene Klassennamen über "Element untersuchen" herausfindest, kann es sein, dass deine Änderungen nicht dauerhaft funktionieren – diese Klassen können sich ändern. Die von uns bereitgestellten Klassen bleiben hingegen stabil.*   3\. Setze bei jeder Regel !important, damit dein Styling sicher angewendet wird: ``` /* Header Box - Container */.profile__header-box { background-color: #0055ff !important;} ``` CSS **!important** sorgt dafür, dass deine Regel alle anderen Styles für dieses Element überschreibt.   ### **Was kann ich mit CSS genau machen?**   | **Das kannst du mit CSS ändern:** - Farben von Boxen, Buttons und Text - Schriftgrößen und Schriftarten - Abstände, Rahmen und Schattierungen - Hover- oder Fokus-Effekte (z. B. beim Überfahren mit der Maus) | **Das kannst du mit CSS nicht ändern:** - Die Reihenfolge von Profil-Elementen - Funktionen hinzufügen oder entfernen - Elemente ein- oder ausblenden - Die Layout-Struktur (z. B. Spalten oder Grid-Systeme) | | --- | --- |   - [Zentrale Nutzerverwaltung](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#main-content) - [Nutzerverwaltung](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#nutzerverwaltung) - [E-Mail & Kommunikation](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#e-mail-kommunikation) - [Rollen, Rechte & Freigaben](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#rollen-rechte-freigaben) - [Profilinhalte verwalten](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#profilinhalte-verwalten) - [Massenverwaltung & Importe](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#massenverwaltung-importe) - [Organisation & Struktur](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#organisation-struktur) - [White-Label](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#white-label) - [Identität & Sicherheit](https://support.lemontaps.com/de/zentrale-nutzerverwaltung?hsLang=de#identit%C3%A4t-sicherheit) - [Integrationen](https://support.lemontaps.com/de/integrationen?hsLang=de#main-content) - [Identität & Benutzerverwaltung](https://support.lemontaps.com/de/integrationen?hsLang=de#identit%C3%A4t-benutzerverwaltung) - [CRM-Integrationen](https://support.lemontaps.com/de/integrationen?hsLang=de#crm-integrationen) - [Weitere Integrationen](https://support.lemontaps.com/de/integrationen?hsLang=de#weitere-integrationen) - [Digitale Visitenkarte](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de#main-content) - [Digitale Visitenkarte teilen](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de#digitale-visitenkarte-teilen) - [Design & Layout](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de#design-layout) - [NFC-Karte](https://support.lemontaps.com/de/digitale-visitenkarte?hsLang=de#nfc-karte) - [Lead-Erfassung](https://support.lemontaps.com/de/lead-erfassung?hsLang=de) - [E-Mail-Signatur](https://support.lemontaps.com/de/e-mail-signatur?hsLang=de#main-content) - [Zentrale E-Mail-Signaturen (Outlook)](https://support.lemontaps.com/de/e-mail-signatur?hsLang=de#zentrale-e-mail-signaturen-outlook) - [Manuelle E-Mail-Signaturen](https://support.lemontaps.com/de/e-mail-signatur?hsLang=de#manuelle-e-mail-signaturen) - [Signaturdesign](https://support.lemontaps.com/de/e-mail-signatur?hsLang=de#signaturdesign) - [Papiervisitenkartenbestellsystem](https://support.lemontaps.com/de/papiervisitenkartenbestellsystem?hsLang=de) - [Rechtliches & Datenschutz](https://support.lemontaps.com/de/rechtliches-datenschutz?hsLang=de) - [Problemlösungen & Troubleshooting](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#main-content) - [Login & Zugriffsprobleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#login-zugriffsprobleme) - [E-Mail-Signatur – Probleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#e-mail-signatur-probleme) - [Technische Diagnose](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#technische-diagnose) - [Funktionsprobleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#funktionsprobleme) - [Bestellsystem für Papierkarten – Probleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#bestellsystem-f%C3%BCr-papierkarten-probleme) - [NFC & Hardware – Probleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#nfc-hardware-probleme) - [SCIM-Probleme](https://support.lemontaps.com/de/probleml%C3%B6sungen-troubleshooting?hsLang=de#scim-probleme) - [Account & Sicherheit](https://support.lemontaps.com/de/account-sicherheit?hsLang=de#main-content) - [Kontoeinstellungen](https://support.lemontaps.com/de/account-sicherheit?hsLang=de#kontoeinstellungen) - [Abrechnung & Verträge](https://support.lemontaps.com/de/abrechnung-vertr%C3%A4ge?hsLang=de#main-content) - [Testphase & Pläne](https://support.lemontaps.com/de/abrechnung-vertr%C3%A4ge?hsLang=de#testphase-pl%C3%A4ne) - [Rechnungen & Zahlungen](https://support.lemontaps.com/de/abrechnung-vertr%C3%A4ge?hsLang=de#rechnungen-zahlungen) - [Lizenzen & Kündigung](https://support.lemontaps.com/de/abrechnung-vertr%C3%A4ge?hsLang=de#lizenzen-k%C3%BCndigung) # Lemon Innovation & Technology GmbH [mailto:support@lemontaps.com](mailto:support@lemontaps.com) Copyright © 2026, Lemon Innovation & Technology GmbH