Corporate Identity

Bezeichnung	Wert	Beispiel
Logo-Dateiname	Tiki_Logo_GW_oU_500px.png	Standardgröße: 500×500 SVG-Version empfohlen

Font	Verwendung	Beispiel
Oswald	Überschriften, Buttons	Beispieltext
Joost	Zierschrift, Akzente	Beispieltext
Open Sans	Fließtext	Beispieltext

Farbname	Hex-Code	Beispiel
Primärtext	#666666	Beispieltext
Gold-Gradient	#FFE646 → #F5DA21 → #E8AC0E
Gold-Rahmen	#F0D654	Beispiel
Hintergrund	#FFFFFF	Reines Weiß
Akzentfarbe	#FFC107	Gold-Akzent

Rahmenart	CSS-Klasse	Beispiel
Gold-Box	.gold-border-box	Beispielinhalt
Alternative Box	.box	Beispielinhalt

Linientyp	CSS-Klasse	Beispiel
Gold-Parallax	.gold-parallax
Einfache Linie	.divider

Buttontyp	CSS-Klasse	Beispiel
Gold-Button	.gold-button
Standard-Button	.button

Texttyp	CSS-Klasse	Beispiel
Goldener Preis	.gold-price	€ 99,99

Vorschau	Datei	CSS Klasse	Style Details
	me_2013.jpg	.img-circle profile	Form: Perfekter Kreis (border-radius: 50%) Größe: Responsiv (max-width: 340px) Rahmen: 3px solid #f0d654 (gold) Abstand: 6px Padding zwischen Bild und Rahmen Hintergrund: Weiß (white) Effekte: Box-shadow: 0 4px 15px rgba(0,0,0,0.1)
	face_dorota.jpg	.img-circle testimonial	Form: Perfekter Kreis (border-radius: 50%) Größe: Feste 130×130px Rahmen: 1px solid #f0d654 (gold) Abstand: 8px Padding zwischen Bild und Rahmen Hintergrund: Weiß (#fff) Effekte: object-fit: cover (Bildfüllung) Box-Modell: border-box (inkl. Rahmen/Padding)

FAQ Sektion – Aufbau der Styles

Wie sind die FAQs aufgebaut?
+

Antwort 1: faq-section

Antwort 2: container

Antwort 3: faq-accordeon

Antwort 4: faq-item gold-border-box

Antwort 5: faq-question

Antwort 6: faq-toggle

Antwort 7: faq-faq-answer