Inhaltsverzeichnis

Hintergrundfarben

Einstellungen im Shop-Management für Hintergrundfarben

Bezeichnung	Farbwert	Auswirkung	CSS-Klasse
Hintergrundfarbe	`#ffffff`	vertikales Menü ab zweiter Ebene Bild in Artikel-Listung Eingabefelder Megamenü Slidemenü auf Bildschirmen < 880 Pixel Header auf Bildschirmen < 880 Pixel Infobox allgemeine Box mit Haupt-Hintergrundfarbe (Neuheiten, Bestseller, RDE, ...) Rahmenfarbe 1 Tabs in Detailseite Subnavigation	`bg-color_color1 bg-color_light`
2. Hintergrundfarbe	`#f3f3f3`	Daten in Artikel-Listung Daten in Artikeldetail Areas mit Hintergrund Rahmenfarbe 2 allgemeine Box mit Neben-Hintergrundfarbe	`bg-color_color2`
3. Hintergrundfarbe	`#eeeeee`	vertikales Menü erste Ebene Überschriften mit Box Rahmenfarbe 3 Navigation 6 unter Topnavigation	`bg-color_color3 bg-color_smooth`
4. Hintergrundfarbe	`#e2e2e2`	Rahmenfarbe 4	`bg-color_color4`
5. Hintergrundfarbe	`#dddddd`	Rahmenfarbe des Headers Rahmenfarbe des Hauptteils Rahmenfarbe des Footers Haupt-Rahmenfarbe 5. Rahmenfarbe Hintergrund Produktname in Catblog Speedbar im Checkout Einheit bei Warenkorbfeldern Reservieren-Button Suchvorschläge Tabs:hover in Detailseite	`bg-color_color5 bg-color_strong`
6. Hintergrundfarbe	`#dadada`	6. Rahmenfarbe	`bg-color_color6`
7. Hintergrundfarbe	`#cccccc`	7. Rahmenfarbe Rahmen um Eingabefelder	`bg-color_color7`
8. Hintergrundfarbe	`#aaaaaa`	Reservieren-Button:hover modaler Hintergrund 8. Rahmenfarbe Schattenfarbe	`bg-color_color8 bg-color_dark`

Die Hintergrundfarben werden auch für das Zeichnen von Rahmen verwendet. Die Standard-Rahmenfarbe ist die 5. Hintergrundfarbe (#dddddd).

Einstellungen im Shop-Management für Flächenfarben

Spezialflächen betreffen das Benutzer-Menü im Header mit Login, Merkzettel, Sprache, usw.

Feld	Farbwert	Auswirkung
1	`#f3f3f3`	erster Farbwert für den Hintergrundverlauf
2	`#eeeeee`	zweiter Farbwert für den Hintergrundverlauf
3	`#dddddd`	nicht belegt
4	`#cccccc`	Rahmenfarbe für das Benutzer-Menü im Header

Fläche 1 Die Flächen-Farben bestimmen das Aussehen der Standard-Buttons

Feld	Farbwert	Auswirkung
1	`#dddddd`	Rahmenfarbe oben Rahmenfarbe rechts erste Verlaufsfarbe
2	`#dddddd`	Hintergrundfarbe ohne Verlauf zweite Verlaufsfarbe bei Hover
3	`#cccccc`	Rahmenfarbe unten Rahmenfarbe links zweite Verlaufsfarbe erste Verlaufsfarbe bei Hover
4	`#cccccc`	nicht belegt

Fläche 2 Nicht mehr verwendet.

Einstellungen im Shop-Management für Schriftfarben

Bezeichnung	Farbwert	Auswirkung	CSS-Klasse
Standard-Schriftfarbe	`#333333`	Hauptschriftfarbe	`f-color_basic`
2. Schriftfarbe	`#555555`	Farbe für Hyperlinks mit » Schriftfarbe des Reservieren-Buttons	`f-color_color1`
3. Schriftfarbe	`#777777`	allgemeine Hinweise im Footer Hover im Megamenü Hover-Farbe von hervorgehobenen Links Label von Input-feldern	`f-color_color2 f-color_light`
4. Schriftfarbe	`#888888`	Breadcrumb Herstellername	`f-color_color3`
5. Schriftfarbe	`#aaaaaa`	Schatten für Megamenü, Subnavi, Catblog	`f-color_color4 f-color_lighter`
6. Schriftfarbe	`#dddddd`	leeres Bewertungs-Sternchen hr Tabellenrahmen	`f-color_color5 f-color_lightest f-color_disabled`
Wichtige Hinweise	`#cd0a0a`	Hinweise auf Verkaufsaktionen Pflichtfeld Fehlermeldungen	`f-color_warning f-color_prominent`
weiche Info	`#008000`	Speedbar fröhlicher Link Hinweise Preise	`f-color_notice`
Text in Eingabefeld	`#2f2f2f`	Input-Felder
Grafikfarbe	`#333333`