{
  "__name": "Deutsch",
  "__code": "DE",
  "__direction": "ltr",
  "__status": "",
  "Tailwind CSS Components": "Tailwind CSS Komponenten",
  "cta-1": "Komponenten Ansehen",
  "cta-1-mobile": "Komponenten",
  "cta-2": "Wie nutzt man es?",
  "components-btn": "Komponenten",
  "change-theme-btn": "Motiv",
  "all-components-btn": "Alle Komponenten Ansehen",
  "components": "Komponenten",
  "themes": "Motive",
  "github-stars": "Github Sterne",
  "npm-installs": "NPM Installationen",
  "install-title": "Installiere daisyUI",
  "install-desc": "Pures CSS. Funktioniert auf allen frameworks. daisyUI kann als Tailwind CSS plugin oder als eine unabhängige CSS library fungieren",
  "install-step-1": "daisyUI als ein Node-Packet installieren",
  "install-step-2": "Füge daisyUI zum tailwind.config.js hinzu",
  "install-btn": "Installationsanleitung",
  "footer-tagline": "Kostenlose Komponenten Bibliothek <br /> Für utility first CSS frameworks",
  "pages": "seiten",
  "how-to-install": "Wie installiert man",
  "how-to-use-components": "Wie benutzt man die Komponenten",
  "how-to-customize": "Wie passt man es an",
  "how-to-use-themes": "Wie nutzt man Motive",
  "color-system": "Farbsystem",
  "config": "Konfiguration",
  "links": "Links",
  "changelog": "Changelog",
  "license": "Lizenz",
  "contributing": "Mitwirken",
  "available-on": "Verfügbar auf",
  "try-online": "Try online",
  "created-by": "Erstellt von",
  "Install": "Installieren",
  "Use": "Benutzen",
  "Customize components": "Komponenten Anpassen",
  "Config": "Konfiguration",
  "Colors": "Farben",
  "Motiven": "Motive",
  "Motiv Generator": "Motiv-Generator",
  "Layout & Typography": "Layout & Typografie",
  "Actions": "Aktionen",
  "Button": "Knopf",
  "Dropdown": "Dropdown",
  "Modal": "Modal",
  "Swap": "Swap",
  "Data display": "Daten Anzeige",
  "Alert": "Warnung",
  "Avatar": "Avatar",
  "Badge": "Badge",
  "Card": "Karte",
  "Carousel": "Karussell",
  "Chat bubble": "Chat Blase",
  "Collapse": "Zusammenklappen",
  "Countdown": "Countdown",
  "Kbd": "Kbd",
  "Progress": "Fortschrittsanzeige",
  "Radial progress": "Radiale Fortschrittsanzeige",
  "Stat": "Statistik",
  "Table": "Tabelle",
  "Tooltip": "Kurzinfo (Tooltip)",
  "Data input": "Daten Eingabe",
  "Checkbox": "Checkbox",
  "Text input": "Text Eingabe",
  "Radio": "Radio",
  "Range": "Schieberegler",
  "Rating": "Bewertung",
  "Select": "Auswahl",
  "Textarea": "Textbereich",
  "Toggle": "Umschalter",
  "Layout": "Layout",
  "Artboard": "Artboard",
  "Button group": "Knopfgruppe",
  "Divider": "Teiler",
  "Drawer": "Seitenmenü (Drawer)",
  "Footer": "Fußzeile",
  "Hero": "Heldenbild (Hero)",
  "Indicator": "Anzeige",
  "Input group": "Eingabengruppe",
  "Mask": "Maske",
  "Stack": "Stapel",
  "Toast": "Toast",
  "Navigation": "Navigation",
  "Breadcrumbs": "Breadcumbs",
  "Bottom navigation": "Untere Navigation",
  "Link": "Link",
  "Menu": "Menü",
  "Navbar": "Navigationsleiste",
  "Pagination": "Seitennummerierung",
  "Steps": "Schritte",
  "Tab": "Tab",
  "Mockup": "Mockup",
  "Code": "Code",
  "Phone": "Handy",
  "Window": "Fenster",
  "excluded": "ausgeschlossen",
  "CodePen example page": "CodePen Beispiel Seite",
  "Tailwind Play example page": "Tailwind Play Beispiel Seite",
  "new": "neu",
  "updated": "aktualisiert",
  "Tailwind Plugin": "Tailwind Plugin",
  "Use CDN": "Nutze CDN",
  "Install daisyUI as a Tailwind CSS plugin": "Installiere daisyUI als ein Tailwind CSS plugin",
  "You need <a href='https://nodejs.org/en/download/'>Node.js</a> and <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> installed.": "Sie benötigen <a href='https://nodejs.org/en/download/'>Node.js</a> und <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a>.",
  "How to install daisyUI as a Tailwind CSS plugin?": "Wie installiert man daisyUI als ein Tailwind CSS plugin?",
  "Install daisyUI": "Installiere daisyUI",
  "Then add daisyUI to your <code>tailwind.config.js</code> files": "Füge dann daisyUI zu den <code>tailwind.config.js</code> Dateien",
  "daisyUI example repositories": "daisyUI Beispiel repositories",
  "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "Siehe ein Beispiel-Setup von daisyUI und Tailwind CSS auf verschiedenen Frameworks und Build-Tools.",
  "Prev": "Zurück",
  "Next": "Weiter",
  "Do you have a question?": "Haben Sie eine Frage?",
  "Do you see a bug?": "Sehen Sie einen bug?",
  "Do you like daisyUI?": "Mögen Sie daisyUI?",
  "Edit this page on GitHub": "Bearbeite diese Seite auf GitHub",
  "ask the community": "frag die Community",
  "open an issue on GitHub": "eröffnen Sie ein Problem auf GitHub",
  "tweet about it!": "tweetet darüber!",
  "Warning": "Warnung",
  "CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "CDN-Dateien sind für die Produktion nicht zu empfohlen, da nicht verwendete Stile nicht gelöscht werden können und die Dateigröße groß wird.",
  "You don't need to install anything.": "Sie brauchen nichts zu installieren.",
  "Just add one of these to the <code>head</code> tag of your HTML": "Fügen Sie einfach eines der Elemente in den <code>head</code> -Tag Ihres HTML ein",
  "Or": "Oder",
  "Add component classes to your HTML": "Füge Komponenten Klassen in Ihr HTML ein",
  "How to use daisyUI classes to style your page?": "Wie benutzt man daisyUI-Klassen, um seine Seite zu gestalten?",
  "Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "Nachdem man <a href='/docs/install/'>daisyUI installiert hat</a>, kann man Komponenten-Klassen wie <code>btn</code>, <code>card</code>, usw. verwenden.",
  "So instead of making a button using only utility classes": "Anstatt also eine Schaltfläche nur mit Utility-Klassen zu erstellen",
  "You can just use a component class like this": "Sie können einfach eine solche Komponentenklasse verwenden",
  "Then you can modify the component with daisyUI additional utility classes": "Anschließend können Sie die Komponente mit zusätzlichen Utility-Klassen von daisyUI ändern",
  "Or you can modify the component with Tailwind CSS utility classes": "Oder Sie können die Komponente mit Tailwind-CSS-Utility-Klassen ändern",
  "Customize daisyUI components": "Passen Sie die DaisyUI-Komponenten an",
  "How to customize daisyUI?": "Wie kann ich daisyUI anpassen?",
  "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "daisyUI-Komponenten gibt es in vielen Varianten, die für Designsysteme erforderlich sind, und Sie müssen normalerweise nichts anpassen.",
  "But you can still customize components in many ways.": "Sie können Komponenten jedoch weiterhin auf viele Arten anpassen.",
  "Let's say, you want to customize this button:": "Angenommen, Sie möchten diese Schaltfläche anpassen:",
  "You can use daisyUI utility classes:": "Sie können daisyUI-Utility-Klassen verwenden:",
  "You can use Tailwind's utility classes:": "Sie können die Utility-Klassen von Tailwind verwenden:",
  "You can customize components on your CSS file, using Tailwind's @apply directive:": "Sie können Komponenten in Ihrer CSS-Datei mithilfe der @apply-Direktive von Tailwind anpassen:",
  "You can also:": "Du kannst auch:",
  "Add your own theme.": "Fügen Sie Ihr eigenes Motiv hinzu.",
  "Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "Deaktivieren Sie die Designentscheidungen von daisyUI und <a href='/docs/config/'>Verwenden Sie nur eine nicht gestylte (Skelett-)Version von daisyUI</a>.",
  "How to change the default configuration of daisyUI?": "Wie ändere ich die Standardkonfiguration von daisyUI?",
  "daisyUI can be configured from your <code>tailwind.config.js</code> file.": "daisyUI kann von Ihrem aus konfiguriert werden <code>tailwind.config.js</code> Datei.",
  "Default config": "Standardkonfiguration",
  "Config values explained": "Konfigurationswerte erklärt",
  "If it's true, components will have colors and style so you won't need to design anything.": "Wenn das stimmt, haben die Komponenten Farben und einen Stil, sodass Sie nichts entwerfen müssen.",
  "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "Wenn es falsch ist, haben die Komponenten keine Farbe und keinen visuellen Stil, sodass Sie Ihren eigenen Stil auf einem Grundgerüst entwerfen können.",
  "If it's true, all themes will be included.": "Wenn es wahr ist, werden alle Motive einbezogen.",
  "If it's false, only light and dark themes will be available.": "Wenn es falsch ist, sind nur helle und dunkle Designs verfügbar.",
  "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "Wenn es sich um ein Array handelt, werden nur Motive im Array einbezogen und das erste Motiv ist das Standardmotiv.",
  "Read more about <a href='/docs/themes/'>themes</a>.": "Lesen Sie mehr über <a href='/docs/themes/'>Motive</a>.",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "Wenn es wahr ist, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>ein paar Basisstile</a> wird hinzugefügt werden.",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "Wenn es wahr ist, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>Responsive- und Utility-Klassen</a> wird hinzugefügt werden.",
  "If it's true, daisyUI shows logs in the terminal while CSS is building.": "Wenn dies zutrifft, zeigt daisyUI Protokolle im Terminal an, während CSS erstellt wird.",
  "If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "Wenn es wahr ist, wird Ihr Motiv von rechts nach links sein.  <code>dir='rtl'</code> zu Ihrem Body-Tag.",
  "If you're using daisyUI with RTL option, I suggest using <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> plugin because to flip all your Tailwind utilities automatically.": "Wenn Sie daisyUI mit der RTL-Option verwenden, empfehle ich die Verwendung <a href='https://github.com/cvrajeesh/tailwindcss-flip'>Rückenwindcss-flip</a> Plugin, um alle Ihre Tailwind-Dienstprogramme automatisch umzudrehen.",
  "Allows us to pick another theme for system's auto dark mode. By default, <code>dark</code> theme (or a custom theme named <code>dark</code>) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "Ermöglicht uns, ein anderes Motiv für den automatischen Dunkelmodus des Systems auszuwählen.  <code>dark</code> Motiv (oder ein benutzerdefiniertes Motiv namens <code>dark</code>) ist das Standardmotiv, wenn kein Motiv angegeben ist und der Benutzer den Dunkelmodus auf seinem System verwendet. ",
  "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "Fügt dem Klassennamen für alle daisyUI-Klassen ein Präfix hinzu (einschließlich Komponentenklassen, Modifikatorklassen und responsive Klassen).",
  "For example: <code>btn</code> will become <code>prefix-btn</code>.": "Zum Beispiel: <code>btn</code> wird werden <code>Präfix-btn</code>.",
  "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "Wenn Sie eine zweite CSS-Bibliothek mit ähnlichen Klassennamen verwenden, können Sie diese Konfiguration verwenden, um Konflikte zu vermeiden.",
  "Utility classes like color names (e.g. <code>bg-primary</code>) or border-radius (e.g. <code>rounded-box</code>) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "Utility-Klassen wie Farbnamen (z. B. <code>bg-primär</code>) oder border-radius (z.B. <code>abgerundete Box</code>) sind von dieser Konfiguration nicht betroffen, da sie als Erweiterungen zu Tailwind-CSS-Klassen hinzugefügt werden.",
  "If you use daisyUI <code>prefix</code> option (like <code>daisy-</code>) and Tailwind CSS <code>prefix</code> option (like <code>tw-</code>) together, classnames will be prefixed like this: <code>tw-daisy-btn</code>.": "Wenn Sie DaisyUI verwenden <code>Präfix</code> Option (wie <code>Gänseblümchen-</code>) und Tailwind CSS <code>Präfix</code> Option (wie <code>zwei-</code>) zusammen werden Klassennamen wie folgt vorangestellt: <code>tw-daisy-btn</code>.",
  "How to use daisyUI colors?": "Wie verwende ich daisyUI-Farben?",
  "Introduction": "Einführung",
  "daisyUI is fully themeable and colorable,": "daisyUI ist vollständig anpass- und färbbar,",
  "So instead of using constant color utility classes like:": "Anstatt also konstante Farb Utility-Klassen zu verwenden wie:",
  "It's suggested to use semantic color utility classes like:": "Wird es empfohlen, semantische Farb Utility-Klassen zu verwenden wie:",
  "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "Jeder Farbname enthält CSS-Variablen und jedes daisyUI Motiv wendet bei der Anwendung Farbwerte auf die Utility-Klassen an.",
  "Benefits": "Vorteile",
  "Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like <code>primary</code>, <code>secondary</code>, etc. and we only use those specific colors in our interfaces.": "Semantische Farbnamen sind sinnvoller, da wir beim Entwerfen von Benutzeroberflächen nicht einfach irgendeine zufällige Farbe verwenden. Wir definieren eine bestimmte Farbpalette mit Namen wie <code>primary</code>, <code>secondary</code> usw., und wir verwenden nur diese spezifischen Farben in unseren Oberflächen.",
  "Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "Außerdem erleichtert die Verwendung semantischer Farbnamen die Motivanwendung. ",
  "List of all daisyUI color names": "Liste aller daisyUI-Farbnamen",
  "You can use these color names in your theme or in utility classes.": "Sie können diese Farbnamen in Ihrem Motiv oder in Utility-Klassen verwenden.",
  "Color name + description": "Farbname + Beschreibung",
  "Required or optional for themes": "Erforderlich oder optional für Motive",
  "Example use": "Beispielanwendung",
  "How to use": "Wie benutzt man",
  "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "Einige daisyUI-Komponenten verfügen über Modifikatorklassennamen, und dieser Modifikatorklassenname wendet eine Farbe an.",
  "For example": "Zum Beispiel",
  "You can also use color names in utility classes just like Tailwind's original color names.": "Sie können Farbnamen auch in Utility-Klassen verwenden, genau wie die ursprünglichen Farbnamen von Tailwind.",
  "These are utility classes that can be used with a color name:": "Das sind Utility-Klassen, die mit einem Farbnamen verwendet werden können:",
  "So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "So können Sie verwenden <code>bg-primary</code>, <code>border-secondary</code>, usw.",
  "daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUI verfügt über eine Reihe von Motiven, die Sie ohne zusätzlichen Aufwand verwenden können.",
  "Each theme defines a set of colors which will be used on all daisyUI elements.": "Jedes Motiv definiert eine Reihe von Farben, die für alle daisyUI-Elemente verwendet werden.",
  "To use a theme, add its name in <span class=badge>tailwind.config.js</span> and activate it by adding <span class=badge>data-theme</span> attribute to <span class=badge>HTML</span> tag:": "Um ein Motiv zu verwenden, fügen Sie seinen Namen zum <span class=badge>tailwind.config.js</span> hinzu und aktivieren Sie es durch Hinzufügen eines <span class=badge>data-theme</span> Attribut zum <span class=badge>HTML</span> Tag:",
  "I suggest using <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, so you can switch themes and save selected theme in local storage.": "Ich empfehle die Verwendung <a href='https://github.com/saadeghi/theme-change'><code>them-change</code></a>, sodass Sie das Motiv wechseln und das ausgewählte Motiv im lokalen Speicher speichern können.",
  "List of themes": "Liste der Motive",
  "Try them:": "Versuch sie:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "Das Standardmotiv ist <code>light</code> (oder <code>dark</code> für Dunkelmodus)",
  "but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "doch kannst du <a href='https://daisyui.com/docs/config/'>Ändern Sie das Standarddesign im tailwind.config.js</a>",
  "How to remove unused themes?": "Wie entferne ich nicht verwendete Motiven?",
  "You can only include the themes you want in your project.": "Sie können nur die gewünschten Motive in Ihr Projekt aufnehmen.",
  "This will reduce the size of your CSS file.": "Dadurch wird die Größe Ihrer CSS-Datei reduziert.",
  "In the below example": "Im folgenden Beispiel",
  "<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code> wird das Standardmotiv für den Hellmodus (light mode) sein",
  "<code>dark</code> will be the default theme for dark mode": "<code>dark</code> wird das Standardmotiv für den Dunkelmodus (dark mode) sein",
  "<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "<code>cmyk</code> kann auf jedes HTML-Tag mit <code>data-theme='cmyk'</code> angewendet werden",
  "How to disable all themes?": "Wie deaktiviere ich alle Motive?",
  "If you only want the default light and dark themes, set <code>themes</code> config to false.": "Wenn Sie nur die standardmäßigen hellen und dunklen Motive wünschen, setzen Sie <code>themes</code> in der Konfiguration auf false.",
  "If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "Wenn Sie keine Motive einschließen und alle Farben deaktivieren möchten, setzen Sie <code>themes</code> in der Konfiguration in ein leeres Array.",
  "How to use a theme only for a section of a page?": "Wie verwende ich ein Motiv nur für einen Abschnitt einer Seite?",
  "Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "Fügen Sie <code>data-theme='MOTIV_NAME'</code> zu einem beliebigen Element und alles darin wird Ihr Motiv anwenden.",
  "You can nest themes and there is no limit!": "Sie können Motive vernetzen und es gibt keine Begrenzung!",
  "You can force a section of your HTML to only use a specific theme.": "Sie können einen Abschnitt Ihres HTML-Codes dazu zwingen, nur ein bestimmtes Motiv zu verwenden.",
  "How to add a new custom theme?": "Wie füge ich ein neues benutzerdefiniertes Design hinzu?",
  "You can add a new theme from <code>tailwind.config.js</code> file.": "Sie können ein neues Motiv zum <code>tailwind.config.js</code> hinzufügen.",
  "In the below example, I added a new theme called <code>mytheme</code> and I'm also including <code>dark</code> and <code>cupcake</code> themes.": "Im folgenden Beispiel habe ich ein neues Motiv mit dem Namen <code>mytheme</code> hinzugefügt und ich includiere auch das <code>dark</code> und <code>cupcake</code> Motiv.",
  "The first theme (<code>mytheme</code>) will be the default theme.": "Das erste Motiv (<code>mytheme</code>) wird das Standardmotiv sein.",
  "<code>dark</code> theme will be the default theme for dark mode.": "<code>dark</code> Das Motiv wird das Standardmotiv für den dunklen Modus sein.",
  "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a <code>primary</code> button).": "Im folgenden Beispiel habe ich die erforderlichen Farben. Alle anderen Farben werden automatisch generiert (wie die Farbe der Schaltfläche, wenn Sie darauf fokussieren oder die Farbe des Textes auf einem <code>primary</code> Knopf).",
  "CSS variables in daisyUI themes": "CSS-Variablen in daisyUI-Motiven",
  "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "Es gibt einige optionale CSS-Variablen, die Sie in daisyUI-Motive verwenden können, um Designentscheidungen für jedes Motiv anzupassen:",
  "You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "Sie können auch <a href='/docs/colors/' class='link'>optionale Farbnamen</a> hinzufügen um die volle Kontrolle über alle Farben zu haben.",
  "Custom CSS for a daisyUI theme": "Benutzerdefiniertes CSS für ein daisyUI-Motiv",
  "You can apply custom style to a daisyUI themes using CSS:": "Sie können mithilfe von CSS einen benutzerdefinierten Stil auf ein daisyUI-Design anwenden:",
  "How to customize an existing theme?": "Wie kann ich ein bestehendes Motiv anpassen?",
  "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "In Ihrer tailwind.config.js können Sie ein vorhandenes daisyUI-Design anfordern und einige Farben überschreiben.",
  "In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "Im folgenden Beispiel erfordere und verbreite ich das <code>light</code> Motiv und ändere seine <code>primary</code> und <code>secondary</code> Farben:",
  "Contribute to translation": "Tragen Sie zur Übersetzung bei",
  "Alert informs users about important events.": "Alert informiert Benutzer über wichtige Ereignisse.",
  "Artboard provides fixed size container to display a demo content on mobile size.": "Artboard bietet einen Container mit fester Größe, um Demoinhalte in mobiler Größe anzuzeigen.",
  "Avatars are used to show a thumbnail representation of an individual or business in the interface.": "Avatare werden verwendet, um eine Miniaturansicht einer Person oder eines Unternehmens auf der Benutzeroberfläche anzuzeigen.",
  "Badges are used to inform the user of the status of specific data.": "Badges werden verwendet, um den Benutzer über den Status bestimmter Daten zu informieren.",
  "Bottom navigation bar allows navigation between primary screens.": "Die untere Navigationsleiste ermöglicht die Navigation zwischen den Hauptbildschirmen.",
  "Breadcrumbs helps users to navigate through the website.": "Breadcrumbs (Breadcumbs) helfen Benutzern bei der Navigation durch die Website.",
  "Button group shows buttons next to each other.": "Die Knopfgruppe zeigt Knöpfe nebeneinander an.",
  "Buttons allow the user to take actions or make choices.": "Mit Knöpfen kann der Benutzer Aktionen ausführen oder Entscheidungen treffen.",
  "Cards are used to group and display content in a way that is easily readable.": "Karten werden verwendet, um Inhalte gut lesbar zu gruppieren und anzuzeigen.",
  "Carousel show images or content in a scrollable area.": "Das Karussell zeigt Bilder oder Inhalte in einem scrollbaren Bereich.",
  "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "Chat-Blasen werden verwendet, um eine Gesprächszeile und alle zugehörigen Daten anzuzeigen, einschließlich des Bildes des Autors, des Namens des Autors, der Uhrzeit usw.",
  "Checkboxes are used to select or deselect a value.": "Checkboxen werden verwendet, um einen Wert auszuwählen oder die Auswahl aufzuheben.",
  "Collapse is used for showing and hiding content.": "Reduzieren wird zum Ein- und Ausblenden von Inhalten verwendet.",
  "Countdown gives you a transition effect of changing numbers.": "Der Countdown sorgt für einen Übergangseffekt sich ändernder Zahlen.",
  "Divider will be used to separate content vertically or horizontally.": "Der Teiler wird verwendet, um Inhalte vertikal oder horizontal zu trennen.",
  "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "Schublade ist ein Rasterlayout, das eine Seitenleiste auf der linken oder rechten Seite der Seite ein-/ausblenden kann.",
  "Dropdown can open a menu or any other element when the button is clicked.": "Dropdown kann ein Menü oder ein anderes Element öffnen, wenn auf die Schaltfläche geklickt wird.",
  "File Input is a an input field for uploading files.": "Dateieingabe ist ein Eingabefeld zum Hochladen von Dateien.",
  "Footer can contain logo, copyright notice, and links to other pages.": "Die Fußzeile kann ein Logo, einen Copyright-Hinweis und Links zu anderen Seiten enthalten.",
  "Hero is a component for displaying a large box or image with a title and description.": "Hero ist eine Komponente zum Anzeigen eines großen Felds oder Bilds mit Titel und Beschreibung.",
  "Indicators are used to place an element on the corner of another element.": "Indikatoren werden verwendet, um ein Element an der Ecke eines anderen Elements zu platzieren.",
  "Input group puts an input next to a text or a button.": "Die Eingabegruppe platziert eine Eingabe neben einem Text oder einer Schaltfläche.",
  "Text Input is a simple input field.": "Die Texteingabe ist ein einfaches Eingabefeld.",
  "Kbd is used to display keyboard shortcuts.": "Kbd wird zum Anzeigen von Tastaturkürzeln verwendet.",
  "Link adds the missing underline style to links.": "Link fügt Links den fehlenden Unterstreichungsstil hinzu.",
  "Mask crops the content of the element to common shapes.": "Mit der Maske wird der Inhalt des Elements auf übliche Formen zugeschnitten.",
  "Menu is used to display a list of links vertically or horizontally.": "Das Menü wird verwendet, um eine Liste von Links vertikal oder horizontal anzuzeigen.",
  "Code mockup is used to show a block of code in a box that looks like a code editor.": "Code-Mockup wird verwendet, um einen Codeblock in einem Feld anzuzeigen, das wie ein Code-Editor aussieht.",
  "Phone mockup shows a mockup of an iPhone.": "Telefonmodell zeigt ein Modell eines iPhones.",
  "Window mockup shows a box that looks like an operating system window.": "Das Fenstermodell zeigt eine Box, die wie ein Betriebssystemfenster aussieht.",
  "Modal is used to show a dialog or a box when you click a button.": "Modal wird verwendet, um ein Dialogfeld oder ein Feld anzuzeigen, wenn Sie auf eine Schaltfläche klicken.",
  "Navbar is used to show a navigation bar on the top of the page.": "Navbar wird verwendet, um oben auf der Seite eine Navigationsleiste anzuzeigen.",
  "Pagination is a group of buttons that allow the user to navigate between a set of related content.": "Bei der Paginierung handelt es sich um eine Gruppe von Schaltflächen, die es dem Benutzer ermöglichen, zwischen einer Reihe verwandter Inhalte zu navigieren.",
  "Progress bar can be used to show the progress of a task or to show the passing of time.": "Der Fortschrittsbalken kann verwendet werden, um den Fortschritt einer Aufgabe oder den Zeitablauf anzuzeigen.",
  "Radial progress can be used to show the progress of a task or to show the passing of time.": "Der radiale Fortschrittsanzeige kann verwendet werden, um den Fortschritt einer Aufgabe oder den Zeitablauf anzuzeigen.",
  "Radio buttons allow the user to select one option from a set.": "Mit Optionsschaltflächen kann der Benutzer eine Option aus einem Satz auswählen.",
  "Range slider is used to select a value by sliding a handle.": "Mit dem Schieberegler können Sie einen Wert durch Verschieben eines Griffs auswählen.",
  "Rating is a set of radio buttons that allow the user to rate something.": "Bei der Bewertung handelt es sich um eine Reihe von Optionsfeldern, mit denen der Benutzer etwas bewerten kann.",
  "Select is used to pick a value from a list of options.": "Select wird verwendet, um einen Wert aus einer Liste von Optionen auszuwählen.",
  "Stack visually puts elements on top of each other.": "Stack platziert Elemente visuell übereinander.",
  "Stat is used to show numbers and data in a box.": "Stat wird verwendet, um Zahlen und Daten in einem Feld anzuzeigen.",
  "Steps can be used to show a list of steps in a process.": "Mithilfe von Schritten kann eine Liste der Schritte in einem Prozess angezeigt werden.",
  "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "Mit Swap können Sie die Sichtbarkeit zweier Elemente mithilfe eines Checkboxes oder eines Klassennamens umschalten.",
  "Tabs can be used to show a list of links in a tabbed format.": "Tabs können verwendet werden, um eine Liste von Links im Tab-Format anzuzeigen.",
  "Table can be used to show a list of data in a table format.": "Tabelle kann verwendet werden, um eine Liste von Daten in einem Tabellenformat anzuzeigen.",
  "Textarea allows users to enter text in multiple lines.": "Mit Textarea können Benutzer Text in mehreren Zeilen eingeben.",
  "Toggle is a checkbox that is styled to look like a switch button.": "Toggle ist ein Checkbox, das wie eine Umschalttaste aussieht.",
  "Toast is a wrapper to stack elements, positioned on the corner of page.": "Toast ist ein Wrapper zum Stapeln von Elementen, der in der Ecke der Seite positioniert wird.",
  "Tooltip can be used to show a message when hovering over an element.": "Mit der QuickInfo kann eine Meldung angezeigt werden, wenn Sie mit der Maus über ein Element fahren.",
  "Code mockup": "Code-Mockup",
  "Phone mockup": "Telefonmodell",
  "Window mockup": "Fenstermodell",
  "File Input": "Dateieingabe",
  "Text Input": "Text Eingabe",
  "Range slider": "Schieberegler",
  "Tabs": "Tabs",
  "All daisyUI components": "Alle daisyUI-Komponenten",
  "Class name": "Klassenname",
  "Type": "Typ",
  "Search": "Suchen",
  "daisyUI themes": "DaisyUI-Motive",
  "How to use daisyUI themes?": "Wie verwende ich daisyUI-Motive?",
  "daisyUI Motiv Generator": "daisyUI Motiv Generator",
  "You can add your custom themes to <span class='badge badge-outline'>tailwind.config.js</span> file in <span class='badge badge-outline'>daisyui > themes</span> array. On this page, you can pick required color values and see how the components will look like with them.": "Sie können Ihre benutzerdefinierten Designs hinzufügen <span class='badge badge-outline'>tailwind.config.js</span> Datei in <span class='badge badge-outline'>daisyui > Motive</span> Array. ",
  "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "Sie können auch optionale Farben definieren, um mehr Kontrolle über die Farbwerte zu haben (z. B. die Farbe einer Schaltfläche, wenn der Fokus auf der Farbe des Textes auf einer Schaltfläche liegt).",
  "Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "Schauen Sie sich die <a class='link font-bold' href='/docs/colors/'>Farbseite</a> an, um alle Farbnamen zu sehen, die Sie verwenden können.",
  "Check out <a class='link font-bold' href='/docs/themes/'>themes page</a> to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "Schauen Sie sich die <a class='link font-bold' href='/docs/themes/'>Themenseite</a> an, um alle CSS-Variablen zu sehen, die Sie zum Anpassen der Designentscheidung verwenden können (Beispiel: Rahmenradius, Animationen). , usw.)",
  "Randomize": "Randomisieren",
  "Reset": "Zurücksetzen",
  "Preview": "Vorschau",
  "Layout and Typography": "Layout und Typografie",
  "How to use layouts and typography in daisyUI": "So verwenden Sie Layouts und Typografie in daisyUI",
  "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "Layout, Größe, Raster, Abstände usw. werden alle von den Utility-Klassen von Tailwind CSS verwaltet.",
  "Read more": "Mehr lesen",
  "Typography": "Typografie",
  "You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "Sie sollten „offiziell“ verwenden <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typografie-Plugin</a>.",
  "It handles everything and it's fully customizable.": "Es beherrscht alles und ist vollständig anpassbar.",
  "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUI fügt @tailwindcss/typography etwas Stil hinzu, sodass dasselbe Motiv wie andere Elemente verwendet wird.",
  "Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "Stellen Sie sicher, dass Sie <span class='badge Badge-outline'>daisyui</span> NACH <span class='badge Badge-outline'>@tailwindcss/typography</span> in tailwind.config.js require'n",
  "Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "Hier können Sie sehen, wie die Elemente aussehen werden <code>@tailwindcss/typography</code>.",
  "To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "Um ein benutzerdefiniertes Präfix zu verwenden, <a class='link' href='/docs/config/#prefix'>Fügen Sie Ihre Präfixzeichenfolge zur Konfiguration hinzu</a>",
  "Component": "Komponente",
  "Modifier": "Modifikator",
  "Responsive": "Responsiv",
  "Changes the style of a component": "Ändert den Stil einer Komponente",
  "Supports responsive prefixes (sm:, lg:, …)": "Unterstützt responsive Präfixe (sm:, lg:, …)",
  "Make your theme": "Erstellen Sie Ihr Motiv",
  "More examples": "Mehr Beispiele",
  "Support daisyUI's development": "Unterstützen Sie die Entwicklung von daisyUI",
  "The most popular": "Die beliebteste",
  "component library": "Komponentenbibliothek",
  "for Tailwind CSS": "für Tailwind CSS",
  "daisyUI adds component class names to Tailwind&nbsp;CSS<br /> so you can make beautiful websites <span class='border-base-content/20 border-b-2'>faster than ever.</span>": "daisyUI fügt Tailwind Komponentenklassennamen hinzu<br /> damit Sie schöne Websites erstellen können <span class='border-base-content/20 border-b-2'>schneller als je zuvor.</span>",
  "don't re-invent <br/>the wheel <br/>every time": "nicht neu erfinden <br/>das Rad <br/>jedes Mal",
  "In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "In einem Tailwind-CSS-Projekt müssen Sie für jedes Element Utility-Klassennamen schreiben. ",
  "instead of writing<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "statt zu schreiben<br /> <span class='text-error'><span class='font-black'>100</span> Klassennamen</span>",
  "For every element, every page, every project,<br/>again and again": "Für jedes Element, jede Seite, jedes Projekt,<br/>wieder und wieder",
  "use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "verwenden <span class='text-success'><span class='font-black'>semantisch</span> <br />Klassennamen</span>",
  "It's descriptive, faster, cleaner and easier to maintain.": "Es ist anschaulicher, schneller, sauberer und einfacher zu warten.",
  "Features": "Merkmale",
  "Links": "Links",
  "Message": "Nachricht",
  "Cleaner HTML": "Saubereres HTML",
  "Customizable": "Anpassbar",
  "Motivable": "Motivbar",
  "Pure CSS": "Reines CSS",
  "Dashboard": "Armaturenbrett",
  "Notifications": "Benachrichtigungen",
  "Messages": "Mitteilungen",
  "People": "Menschen",
  "Products": "Produkte",
  "Use Tailwind CSS but write fewer class names.": "Verwenden Sie Tailwind CSS, schreiben Sie jedoch weniger Klassennamen.",
  "Pure CSS. <br />No JS dependency": "Reines CSS. <br />Keine JS-Abhängigkeit",
  "Works on all frameworks": "Funktioniert auf allen Frameworks",
  "Design system": "Designsystem",
  "Styling a simple button": "Einen einfachen Knopf gestalten",
  "Result": "Ergebnis",
  "Take Tailwind CSS": "Nehmen Sie Tailwind CSS",
  "to the next level": "zum nächsten Level",
  "daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "daisyUI fügt Klassennamen zu Tailwind CSS hinzu<br />für alle gängigen UI-Komponenten.<br />Klassennamen wie",
  "and many more.": "und viele mehr.",
  "This allows us to focus on important things<br />instead of styling basic elements for every project.": "Dadurch können wir uns auf die wichtigen Dinge konzentrieren<br />statt grundlegende Elemente für jedes Projekt zu stylen.",
  "No_more_ugly_HTML_part_1": "NEIN",
  "No_more_ugly_HTML_part_2": "mehr",
  "No_more_ugly_HTML_part_3": "hässlich",
  "No_more_ugly_HTML_part_4": "HTML",
  "Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "Schreiben Sie weniger Klassennamen<br />Verwenden Sie Komponentenklassennamen<br />Ändern Sie sie mit den CSS-Dienstprogrammen von Tailwind.",
  "Click": "Klicken",
  "Tailwind only": "Nur Rückenwind",
  "Tailwind + daisyUI": "Rückenwind daisyUI",
  "Save": "Speichern",
  "Accept terms of use": "Akzeptieren Sie die Nutzungsbedingungen",
  "Submit to newsletter": "Zum Newsletter senden",
  "Fewer class names": "Weniger Klassennamen",
  "Faster development": "Schnellere Entwicklung",
  "Smaller file size": "Kleinere Dateigröße",
  "With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "Mit daisyUI schreiben Sie 80 % weniger Klassennamen<br />Und Ihre HTML-Größe wird etwa 70 % kleiner sein.",
  "CSS Class names": "CSS-Klassennamen",
  "fewer class names": "weniger Klassennamen",
  "HTML size": "HTML-Größe",
  "smaller DOM size": "kleinere DOM-Größe",
  "Highly customizable": "Hochgradig anpassbar",
  "Powered by Tailwind&nbsp;CSS utility&nbsp;classes": "Angetrieben von Rückenwind",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI basiert auf Tailwind",
  "Pure CSS.": "Reines CSS.",
  "Framework agnostic.": "Framework-unabhängig.",
  "Works everywhere.": "Funktioniert überall.",
  "daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI ist ein Plugin für Tailwind CSS. ",
  "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "Installieren Sie daisyUI als Entwicklerabhängigkeit und verwenden Sie die Klassennamen wie alle anderen Tailwind-CSS-Klassennamen.",
  "Apply_your_own_design_decisions_part_1": "Anwenden",
  "Apply_your_own_design_decisions_part_2": "dein",
  "Apply_your_own_design_decisions_part_3": "eigen",
  "Apply_your_own_design_decisions_part_4": "Design",
  "Apply_your_own_design_decisions_part_5": "Entscheidungen",
  "Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "Ihre Website sollte einzigartig sein. ",
  "Learn more about themes": "Erfahren Sie mehr über Motive",
  "utility classes": "Utility-Klassen",
  "endless possibilities": "endlose Möglichkeiten",
  "Mix and match daisyUI class names to create unique web pages.": "Kombinieren Sie daisyUI-Klassennamen, um einzigartige Webseiten zu erstellen.",
  "daisyUI is the most popular<br />component library for Tailwind&nbsp;CSS": "daisyUI ist am beliebtesten<br />Komponentenbibliothek für Tailwind",
  "open-source projects using daisyUI": "Open-Source-Projekte mit daisyUI",
  "Free and open-source": "Kostenlos und Open Source",
  "Built by the community": "Gebaut von der Community",
  "daisyUI welcomes contributions from developers around the world": "daisyUI freut sich über Beiträge von Entwicklern aus der ganzen Welt",
  "Sponsors and backers": "Sponsoren und Unterstützer",
  "Try daisyUI": "Versuchen Sie es mit DaisyUI",
  "on your favorite framework": "auf Ihrem Lieblings-Framework",
  "See all examples": "Alle Beispiele ansehen",
  "Or play with daisyUI on": "Oder spielen Sie mit eingeschalteter DaisyUI",
  "Admin panel": "Administrationsmenü",
  "Updates": "Aktualisierung",
  "Stats": "Statistiken",
  "Unlimited themes": "Unbegrenzte Motive",
  "with zero effort": "ohne Aufwand",
  "daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUI fügt Tailwind CSS eine Reihe anpassbarer Farbnamen hinzu und diese neuen Farben verwenden CSS-Variablen für die Werte. ",
  "See all themes": "Alle Motive ansehen",
  "Semantic colors": "Semantische Farben",
  "Learn more about colors": "Erfahren Sie mehr über Farben",
  "Get started": "Loslegen",
  "daisyUI 3 is available now!": "daisyUI 3 ist jetzt verfügbar!",
  "Become a sponsor": "Werden Sie Sponsor",
  "Accordion": "Akkordeon",
  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "Accordion wird zum Ein- und Ausblenden von Inhalten verwendet, es kann jedoch jeweils nur ein Element geöffnet bleiben.",
  "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "Akkordeon verwendet den gleichen Stil wie das <a href='/components/collapse/' class='link'>Kollaps-Komponente</a> aber es funktioniert mit Funkeingängen. ",
  "Click to open this one and close others": "Klicken Sie, um dieses zu öffnen und andere zu schließen",
  "Using Accordion and Join together": "Akkordeon verwenden und zusammenfügen",
  "All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "Alle gleichnamigen Funkeingänge arbeiten zusammen und es kann jeweils nur einer davon geöffnet sein. ",
  "Join": "Verbinden",
  "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "Join ist ein Container zum Gruppieren mehrerer Elemente. Er kann zum Gruppieren von Schaltflächen, Eingaben oder anderen Elementen verwendet werden. ",
  "Loading": "Wird geladen",
  "Loading shows an animation to indicate that something is loading.": "Beim Laden wird eine Animation angezeigt, um anzuzeigen, dass etwas geladen wird.",
  "Browser mockup": "Browser-Mockup",
  "Browser mockup shows a box that looks like a browser window.": "Das Browser-Mockup zeigt ein Feld, das wie ein Browserfenster aussieht.",
  "Browser": "Browser",
  "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.": "Sie müssen mit JS zur CSS-Variable „--value“ wechseln. ",
  "How to add custom styles for a specific theme?": "Wie füge ich benutzerdefinierte Stile für ein bestimmtes Motiv hinzu?",
  "You can write custom style for your elements only for a specific theme.": "Sie können einen benutzerdefinierten Stil für Ihre Elemente nur für ein bestimmtes Motiv schreiben.",
  "In this example, .btn-twitter class only will have this style on light theme.": "In diesem Beispiel verfügt nur die Klasse .btn-twitter über diesen Stil für ein helles Motiv.",
  "related projects": "Ähnliche Projekte",
  "There are 3 ways to use a modal:": "Es gibt drei Möglichkeiten, ein Modal zu verwenden:",
  "Make sure you're using unique IDs for each modal": "Stellen Sie sicher, dass Sie für jedes Modal eindeutige IDs verwenden",
  "Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "Siehe auch <a href='/components/accordion/' class='link'>Akkordeon</a> Beispiele",
  "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />": "Die radiale Fortschrittsanzeigesanzeige benötigt die CSS-Variable „--value“, um zu funktionieren.<br />Um die Größe zu ändern, verwenden Sie die CSS-Variable „--size“, die den Standardwert „4rem“ hat.<br />Um die Dicke zu ändern, verwenden Sie die CSS-Variable „--thickness“, die standardmäßig 10 % der Größe beträgt.<br />",
  "Deprecated": "Veraltet",
  "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)": "Die Seitenleiste ist standardmäßig ausgeblendet.  Sie kann auf großen Bildschirmen sichtbar gemacht werden mit der <code>lg:drawer-open</code> Klasse (oder anderen responsiven Präfixen wie: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)",
  "Join (group items)": "Join (elemente gruppieren)",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "Diese Komponente ist veraltet und wird in der nächsten Hauptversion entfernt.  <a class='link' href='/components/join'>Join</a> stattdessen.",
  "Docs": "Dokumente",
  "Components": "Komponenten",
  "Which element to attach the theme CSS variables to.": "An welches Element die Design-CSS-Variablen angehängt werden sollen.",
  "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.": "In bestimmten Situationen (z. B. beim Einbetten von daisyUI in ein Schattenstammverzeichnis) kann es nützlich sein, dies auf z. B. <code>*</code>, sodass alle Komponenten Zugriff auf die erforderlichen CSS-Variablen haben.",
  "Utilities": "Dienstprogramme",
  "Utility classes and CSS variables": "Utility-Klassen und CSS-Variablen",
  "Additional utility classes and CSS variables that daisyUI uses for components and themes": "Zusätzliche Utility-Klassen und CSS-Variablen, die daisyUI für Komponenten und Motiven verwendet",
  "Color utility classes": "FarbUtility-Klassen",
  "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.": "Alle daisyUI-Farben können als Utility-Klassen verwendet werden. Genau wie jede andere Tailwind-CSS-Farbe. Beispielsweise können Sie „Primärfarben“ mit jedem der CSS-Farben von Tailwind verwenden.",
  "Border radius": "Randradius",
  "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`": "Diese erweiterten Randradien werden in daisyUI-Komponenten verwendet. Die Werte hängen vom Thema ab, sodass Sie je nach aktivem Thema eine andere Entwurfsentscheidung über den Randradius von Elementen treffen können. Sie können für diese Namen auch jede beliebige CSS-Rahmenradiusklasse von Tailwind verwenden. Wie „rounded-r-box“ oder „rounded-tr-btn“.",
  "Glass": "Glas",
  "These glass class to give elements a matte glass effect": "Diese Glasklasse verleiht Elementen einen matten Glaseffekt",
  "CSS variables": "CSS-Variablen",
  "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`": "Diese CSS-Variablen werden intern verwendet. Sie können sie im „tailwind.config.js“ anpassen oder sie sogar mit einem Klassennamen wie „[--animation-btn:0]“ anpassen",
  "Component specific CSS variables": "Komponentenspezifische CSS-Variablen",
  "These CSS variables are being used internally for a specific component": "Diese CSS-Variablen werden intern für eine bestimmte Komponente verwendet",
  "Motiv Controller": "Motiv-Controller",
  "If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.": "Wenn auf der Seite eine aktivierte Checkbox-Eingabe oder eine aktivierte Radio-Eingabe mit der Motiv-Controller-Klasse vorhanden ist, hat die Seite dasselbe Motiv wie der Wert dieser Eingabe.",
  "Motiv Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:": "Motiv Controller ändert das Motiv nur mit CSS.  <br/>Hier ist ein React-Beispiel zum Speichern des Checkboxstatus im lokalen Speicher:",
  "Diff": "Diff",
  "Diff component shows a side-by-side comparison of two items.": "Die Diff-Komponente zeigt einen direkten Vergleich zweier Elemente.",
  "Timeline": "Zeitleiste",
  "Timeline component shows a list of events in chronological order.": "Die Zeitleistenkomponente zeigt eine Liste der Ereignisse in chronologischer Reihenfolge.",
  "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "Der <span class=badge>hr</span> Tag am Anfang oder Ende jedes Elements zeigt eine Linie zum Verbinden von Elementen an.",
  "Feedback": "Rückmeldung",
  "Skeleton": "Skelett",
  "Skeleton is a component that can be used to show a loading state of a component.": "Skelett ist ein Komponent, welches verwendet werden kann, um zu zeigen, dass ein Komponent lädt.",
  "Container element": "Containerelement",
  "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key": "Das  Benutzen <code>&lt;dialog&gt;</code> Element: Zum Öffnen ist JS erforderlich, aber es ist besser zugänglich und wir können es mit <span class='kbd kbd-xs'>Esc</span> schließen.",
  "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal": "Das Benutzen einer versteckten <code>&lt;input type='checkbox'&gt;</code> und ein <code>&lt;label&gt;</code> um das Checkbox zu aktivieren/deaktivieren und das Modal zu öffnen/schließen",
  "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "Benutzen von <code>&lt;a&gt;</code> Ankerlinks: Ein Link fügt der URL einen Parameter hinzu und Sie sehen das Modal nur, wenn die URL diesen Parameter enthält",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "Dieser Komponent ist veraltet und wird in der nächsten Hauptversion entfernt. Stattdessen <a class='link' href='/components/join/'>Join</a> verwenden.",
  "Blog": "Blog",
  "Sponsors": "Sponsoren",
  "Use daisyUI from CDN": "daisyUI vom CDN verwenden",
  "How to use daisyUI from a CDN?": "Wie verwende ich daisyUI von einem CDN?",
  "etc.": "usw.",
  "": ""
}
