ThemeWare® 4.0

Note: The translation is currently in progress. – We appreciate your patience.

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