---
title: "CSS-Beispiel"
slug: "css-beispiel"
updated: 2025-07-10T13:38:53Z
published: 2025-07-10T13:38:53Z
canonical: "help.frisbii.com/css-beispiel"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.frisbii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# CSS-Beispiel

Im Folgenden ist ein CSS-Beispiel, das einfache Designänderungen ermöglicht. Es müssen lediglich die Farbcodes entsprechend angepasst werden.

```css
body {
  /* Hintergrundfarbe des gesamten HTML-Dokuments */
  background-color: #000000;
  
  /* Schriftfarbe des gesamten HTML-Dokuments */
  color: #000000;
  
  /* Schriftart */
  font-family: 'Roboto', Arial, sans-serif;
}

/* Farbe des Buttons für z.B. "Bestätigen", "Speichern", "Bestellen" (Primärfunktionen) */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #000000;
  border-color: #000000;
}

/* Farbe des Buttons für z.B. "Abbrechen", "Überspringen" (Sekundärfunktionen) */
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* Farbe aller Links im gesamten HTML-Dokument */
a {
  color: #000000;
}

/* Farbe der Box der ausgewählten Zahlart */
.payment-tabs li a.active {
  color: #000000;
}

/* Farbe der Box der ausgewählten Zahlart beim Fokussieren oder Hovern */
.payment-tabs li a.active::before .payment-tabs li a:hover::before, .payment-tabs li a:focus::before {
  border-color: #000000;
}

/* Farbe des Preistextes in der Liste der ausgewählten Produkte in der Bestelldetail-Box (im Standard oben rechts) */
.price-list table td:last-child {
  color: #000000;
}

/* Obere Randfarbe der Bestelldetail-Box (im Standard oben rechts) */
.order-details {
  border-top-color: #000000;
}
```

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/a68aad9f-a2d0-477d-a16a-60b204b09988?sv=2026-02-06&spr=https&st=2026-11-10T06%3A54%3A14Z&se=2026-11-10T07%3A54%3A14Z&sr=c&sp=r&sig=Q22WvBD0woJsoYzGY5JNhl6w1Q1oSpgyUsk%2FyGNEPag%3D)