# ThemeWare® 4.0

{% hint style="info" %}
**Note**: The translation is currently in progress. – We appreciate your patience.
{% endhint %}

## Neue Kontraste für mehr Barrierefreiheit

Im Zuge des aktuellen ThemeWare® Updates haben wir zahlreiche Farbkonfigurationen in unseren ThemeWare®-Varianten angepasst, um die visuelle Wahrnehmbarkeit und insbesondere die Kontrastverhältnisse zu optimieren. Ziel ist eine verbesserte Barrierefreiheit und ein konsistenteres Nutzererlebnis. Da individuelle Farbkonfigurationen im Shop zu abweichenden Darstellungen führen können, empfehlen wir allen Shopbetreibern, ihre bestehenden Einstellungen zu überprüfen und bei Bedarf anzupassen, um mögliche Kontrastprobleme frühzeitig zu vermeiden.

### Was wurde geändert?

Alle betroffenen Konfigurationen sind unten vollständig dokumentiert, sortiert nach Theme und Bereich.

### Warum ist das wichtig?

Eigene Farbanpassungen oder individuelle Branding-Farben können in Kombination mit den neuen Kontrastwerten zu Darstellungsproblemen führen. Gerade im Checkout oder bei Call-to-Action-Elementen (z. B. Kaufen-Buttons) kann das direkte Auswirkungen auf die Conversion haben.

### Was du jetzt tun solltest!

Prüfe deine aktuelle Shop-Konfiguration sorgfältig, insbesondere wenn du eigene Farben hinterlegt hast. Gerade bei individuellen Farbwerten kann es durch das Update zu ungewollten Kontrastproblemen kommen. Unser Barrierefreiheit Quick Start Toolkit unterstützt dich dabei, das Thema Barrierefreiheit gezielt und effizient anzugehen.

## Theme-Varianten im Überblick

Im Folgenden findest du eine vollständige Übersicht aller Änderungen an den Farbkonfigurationen – sortiert nach Theme und jeweiligen Bereichen. So kannst du gezielt nachvollziehen, ob und wo deine Shop-Konfiguration betroffen ist.

### Bath

1. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #238077
2. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button-text: #fff
3. Tab "Layout" => Bereich "Typografie" => Abschnitt "Überschriften" => Textfarbe: $twt-color-brand-secondary-dark
4. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Dunkel): #238077
5. Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration" => Primär-Button: $sw-color-brand-primary
6. Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration" => Textfarbe: #555555
7. Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration" => Textfarbe @hover: $twt-color-brand-secondary-dark
8. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Textfarbe @active: $twt-color-brand-secondary-dark
9. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (Home-Link)" => Farbe (Home-Link) @active: $twt-color-brand-secondary-dark
10. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Hintergrundfarbe @hover: $twt-color-brand-secondary-dark
11. Tab "Footer" => Bereich "Oberer Bereich" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: $twt-color-brand-secondary-dark
12. Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration" => Linkfarbe @hover: $twt-color-brand-secondary-dark
13. Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration" => Textfarbe (Überschrift): $twt-color-brand-secondary-dark
14. Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => Iconfarbe (Footer): $twt-color-brand-secondary-dark
15. Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => Iconfarbe (Header): $twt-color-brand-secondary-dark
16. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Rahmenfarbe: $twt-color-brand-secondary-dark
17. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Rahmenfarbe @hover: $sw-color-brand-secondary
18. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Hintergrundfarbe: $twt-color-brand-secondary-dark
19. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Hintergrundfarbe @hover: $sw-color-brand-secondary
20. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Hintergrundfarbe (Badge): $twt-color-brand-secondary-dark
21. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Merkzettel-Button" => Hintergrundfarbe (Badge): $twt-color-brand-secondary-dark
22. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt ""Mein Konto"-Button" => Hintergrundfarbe (Badge): $twt-color-brand-secondary-dark
23. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
24. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b

### Bike

1. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #4a7500  
2. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #4a7500  
3. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
4. Tab "Layout" => Bereich "Status-Ausgaben" => Fehler: #be3c37  
5. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Dunkel): #3d6100  
6. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
7. Tab "Produktseiten" => Bereich "Teilen-Links (in der Buybox)" => Abschnitt "Farbkonfiguration" => Icon-Färbung: #4a7500 
8. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #f6f6f6  
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #6b6b6b  
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): #f6f6f6  
11. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b  
12. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #6b6b6b 

### Bio

1. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe: #608000
2. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Dunkel): #496100
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #608000
4. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
5. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
6. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
7. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe
8. Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button" => Textfarbe: $twt-color-brand-secondary-dark
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #d6d6d6
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #d6d6d6

### Clean

1. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
3. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b

### Electric

1. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
2. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe: #cb4820
3. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Dunkel): #ba3108
4. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
5. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
6. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
7. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe
8. Tab "Footer" => Bereich "Unterer Bereich" => Abschnitt "Farbkonfiguration" => Rahmenfarbe (Headline): #fcfcfc
9. Tab "Footer" => Bereich "Unterer Bereich" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #fcfcfc
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #e9e9e9 
11. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): #e9e9e9
12. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #474747
13. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #474747
14. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #474747

### Exquisite 

1. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #ff0000
2. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Hell): #e84545
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
5. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
6. Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration" => Primär-Button: $twt-color-brand-primary-dark

### Fit

1. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
4. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
5. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe
6. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Textfarbe @active: #262626
7. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Hintergrundfarbe (Badge): #111111

### Global

1. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
3. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b

### Kids

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #0f7b6e  
4. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe: #bd3d61  
5. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53  
6. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Dunkel): #086358  
7. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Hell): #0eaa98  
8. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Dunkel): #8b2340  
9. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Hell): #de688a 
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: $sw-color-brand-primary  
11. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #fff  
12. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): $sw-color-brand-primary  
13. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #fff  
14. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #fff  
15. Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe (Header): #bd3d61  
16. Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => Rahmenfarbe (Header): #bd3d61  
17. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Textfarbe @active: #fff  
18. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Hintergrundfarbe @active: $twt-color-brand-primary-dark  

### Lights

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #fff  
5. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #fff  

### Living

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #69604f  
5. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Dunkel): #564c38  
6. Tab "Layout" => Bereich "Status-Ausgaben" => Fehler: #c82f1e
7. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #fff  
8. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #fff  
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #fff  
10. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
11. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe

### Modern

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Layout" => Bereich "Status-Ausgaben" => Fehler: #c82f1e
5. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #fafafa
6. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): #fafafa
7. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #353e49  
8. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #353e49  
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #353e49  

### Outdoor

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Footer" => Bereich "Oberer Bereich" => Abschnitt "Farbkonfiguration" => Linkfarbe @hover: #7f6e43
5. Tab "Footer" => Bereich "Oberer Bereich" => Abschnitt "Farbkonfiguration" => Textfarbe (Headline): #7f6e43
6. Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration" => Linkfarbe @hover: #7f6e43
7. Tab "Footer" => Bereich "Mittlerer Bereich" => Abschnitt "Farbkonfiguration" => Textfarbe (Überschrift): #7f6e43
8. Tab "Footer" => Bereich "Unterer Bereich" => Abschnitt "Farbkonfiguration" => Linkfarbe @hover: #7f6e43
9. Tab "Footer" => Bereich "Unterer Bereich" => Abschnitt "Farbkonfiguration" => Textfarbe (Headline): #7f6e43
10. Tab "Produktseiten" => Bereich "Tabs" => Abschnitt "Farbkonfiguration" => Textfarbe @hover: #7f6e43
11. Tab "Produktseiten" => Bereich "Tabs" => Abschnitt "Farbkonfiguration" => Textfarbe @active:  #7f6e43

### Plants

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #537a01
5. Tab "Layout" => Bereich "Hauptfarben" => Sekundärfarbe (Dunkel): #3f5c00
6. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Hell): #516f11
7. Tab "Layout" => Bereich "Status-Ausgaben" => Fehler: #c82f1e
8. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #fafafa
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): #fafafa
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #353e49  
11. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #353e49  
12. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #353e49  
13. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
14. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe
15. Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button" => Hintergrundfarbe: #f0f0f0

### Strong

1. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Textfarbe (Zusatzinformationen): #6b6b6b
2. Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration" => Linkfarbe: #6b6b6b
3. Tab "Layout" => Bereich "E-Commerce" => Kaufen-Button: #3d7f53
4. Tab "Layout" => Bereich "Status-Ausgaben" => Fehler: #c82f1e
5. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe: #bd5200
6. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Dunkel): #944000
7. Tab "Layout" => Bereich "Hauptfarben" => Primärfarbe (Hell): #ed6b07
8. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Hintergrundfarbe: #fafafa
9. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Textfarbe: #333
10. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Rahmenfarbe oben (Copyright): #fafafa
11. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe: #333
12. Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Farbkonfiguration" => Linkfarbe (Service-Menü): #333
13. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration" => Iconfarbe: #ffffff
14. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration" => Iconfarbe @hover: #d8d8d8
15. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Iconfarbe: #ffffff
16. Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button" => Iconfarbe @hover: #d8d8d8
17. Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt" => Textfarbe @active: #dedede
18. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung: individuelle Farbe
19. Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Farbkonfiguration" => Icon-Färbung (Sidebar): individuelle Farbe