/** * Saisonale Themes (Design System Tagesmütter) * Aktivierung via data-season am : winter | spring | summer | autumn * Werte werden von js/einstellungen-themen.js gesetzt. */ /* Standard-Theme (Plattform-Grün – passend zur Landing Page & Admin) */ html[data-season="standard"] { --color-primary: #3A7A5A; --color-secondary: #5FA880; --color-accent: #3A7A5A; --color-accent-hover: #2D6248; --color-bg: #F0FDF4; --color-header-bg: #FFFFFF; --color-warm-highlight: #E8F5EE; --color-text: #1A3A28; --color-text-muted: #4A7A5A; --color-border: #A7D3B5; } /* Winter (Dez–Feb) */ html[data-season="winter"] { --color-primary: #2A5298; --color-secondary: #5B8DD9; --color-accent: #A8C8F0; --color-bg: #EEF3FB; --color-header-bg: #F7FAFF; --color-warm-highlight: #D6E8FF; --color-text: #1A2A4A; --color-text-muted: #5A7AA0; --color-border: #C5D8EE; --color-accent-hover: #8BB8E8; } /* Frühling (Mär–Mai) */ html[data-season="spring"] { --color-primary: #3A9E6F; --color-secondary: #E8728A; --color-accent: #F9C74F; --color-bg: #F5FBF0; --color-header-bg: #FFFFFF; --color-warm-highlight: #D4F0E0; --color-text: #1A3A2A; --color-text-muted: #5A7A65; --color-border: #B8E0C8; --color-accent-hover: #D4A63F; } /* Sommer (Jun–Aug) */ html[data-season="summer"] { --color-primary: #F4A020; --color-secondary: #1A9BD7; --color-accent: #FF6B6B; --color-bg: #FFFBF0; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFF0C0; --color-text: #2D1F00; --color-text-muted: #7A5C20; --color-border: #FFD980; --color-accent-hover: #D48510; } /* Herbst (Sep–Nov) */ html[data-season="autumn"] { --color-primary: #C0550A; --color-secondary: #E8930A; --color-accent: #7A3B1E; --color-bg: #FBF5EE; --color-header-bg: #FFFFFF; --color-warm-highlight: #FDEBD0; --color-text: #2A1505; --color-text-muted: #7A4A28; --color-border: #F0C897; --color-accent-hover: #A04508; } /* ── Farbpaletten 1–20 ──────────────────────────────────────────── */ /* 1 Modern Care */ html[data-season="modern-care"] { --color-primary: #5B6CFF; --color-secondary: #7B5CFF; --color-accent: #5B6CFF; --color-bg: #F8FAFF; --color-header-bg: #FFFFFF; --color-warm-highlight: #E0E4FF; --color-text: #1E1E2F; --color-text-muted: #5A6B8A; --color-border: #C7CEFF; --color-accent-hover: #4A58E0; } /* 2 Friendly Daycare */ html[data-season="friendly-daycare"] { --color-primary: #4F46E5; --color-secondary: #6366F1; --color-accent: #4F46E5; --color-bg: #F9FAFB; --color-header-bg: #FFFFFF; --color-warm-highlight: #E0E7FF; --color-text: #1A1838; --color-text-muted: #5A5890; --color-border: #C7D2FE; --color-accent-hover: #3D35C0; } /* 3 Soft Kids */ html[data-season="soft-kids"] { --color-primary: #6C63FF; --color-secondary: #8B85FF; --color-accent: #6C63FF; --color-bg: #FFF9F2; --color-header-bg: #FFFFFF; --color-warm-highlight: #E9E8FF; --color-text: #2A2040; --color-text-muted: #6B65A0; --color-border: #D4D0FF; --color-accent-hover: #5550E0; } /* 4 Nature Care */ html[data-season="nature-care"] { --color-primary: #2EC4B6; --color-secondary: #90DBF4; --color-accent: #2EC4B6; --color-bg: #F4FFFB; --color-header-bg: #FFFFFF; --color-warm-highlight: #C5F5EF; --color-text: #0A3030; --color-text-muted: #4A8A84; --color-border: #90DBF4; --color-accent-hover: #22A99D; } /* 5 Calm Parenting */ html[data-season="calm-parenting"] { --color-primary: #3A86FF; --color-secondary: #8338EC; --color-accent: #3A86FF; --color-bg: #F7F9FF; --color-header-bg: #FFFFFF; --color-warm-highlight: #DBEAFE; --color-text: #0A1A4A; --color-text-muted: #5A6B9A; --color-border: #BDD5FF; --color-accent-hover: #2570E0; } /* 6 Warm Family */ html[data-season="warm-family"] { --color-primary: #FF7F50; --color-secondary: #FFD166; --color-accent: #FF7F50; --color-bg: #FFF8F3; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFE8D6; --color-text: #3A1A0A; --color-text-muted: #8B5A3A; --color-border: #FFCBB0; --color-accent-hover: #E06030; } /* 7 Montessori */ html[data-season="montessori"] { --color-primary: #588157; --color-secondary: #A3B18A; --color-accent: #588157; --color-bg: #F6F7F4; --color-header-bg: #FFFFFF; --color-warm-highlight: #D8E8D0; --color-text: #1A2A1A; --color-text-muted: #5A6B58; --color-border: #A3B18A; --color-accent-hover: #456843; } /* 8 Happy Kids */ html[data-season="happy-kids"] { --color-primary: #FF6B6B; --color-secondary: #FFD93D; --color-accent: #FF6B6B; --color-bg: #FFF9F5; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFE0E0; --color-text: #3A1010; --color-text-muted: #8B4A4A; --color-border: #FFCACA; --color-accent-hover: #E05050; } /* 9 Clean Professional */ html[data-season="clean-professional"] { --color-primary: #2563EB; --color-secondary: #60A5FA; --color-accent: #2563EB; --color-bg: #F8FAFC; --color-header-bg: #FFFFFF; --color-warm-highlight: #DBEAFE; --color-text: #0A1A3A; --color-text-muted: #5A6B8A; --color-border: #BFDBFE; --color-accent-hover: #1A4EC0; } /* 10 Soft Pastel */ html[data-season="soft-pastel"] { --color-primary: #A78BFA; --color-secondary: #C4B5FD; --color-accent: #A78BFA; --color-bg: #FAF9FF; --color-header-bg: #FFFFFF; --color-warm-highlight: #EDE9FE; --color-text: #2A1A4A; --color-text-muted: #7C6FAE; --color-border: #DDD6FE; --color-accent-hover: #8870E0; } /* 11 Sunny Daycare */ html[data-season="sunny-daycare"] { --color-primary: #F59E0B; --color-secondary: #FCD34D; --color-accent: #F59E0B; --color-bg: #FFFBF5; --color-header-bg: #FFFFFF; --color-warm-highlight: #FEF3C7; --color-text: #2E2000; --color-text-muted: #92670A; --color-border: #FDE68A; --color-accent-hover: #D4850A; } /* 12 Modern Family */ html[data-season="modern-family"] { --color-primary: #6366F1; --color-secondary: #818CF8; --color-accent: #6366F1; --color-bg: #F8FAFF; --color-header-bg: #FFFFFF; --color-warm-highlight: #E0E7FF; --color-text: #1A1A3A; --color-text-muted: #5A5A8A; --color-border: #C7D2FE; --color-accent-hover: #4A4EC0; } /* 13 Bright Kids */ html[data-season="bright-kids"] { --color-primary: #FF5D8F; --color-secondary: #FFC2D1; --color-accent: #FF5D8F; --color-bg: #FFF6FA; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFE4EE; --color-text: #3A0020; --color-text-muted: #A0405A; --color-border: #FFC2D1; --color-accent-hover: #E04070; } /* 14 Soft Nature */ html[data-season="soft-nature"] { --color-primary: #4CAF50; --color-secondary: #A5D6A7; --color-accent: #4CAF50; --color-bg: #F6FFF7; --color-header-bg: #FFFFFF; --color-warm-highlight: #C8E6C9; --color-text: #0A2A0A; --color-text-muted: #4A7A4C; --color-border: #A5D6A7; --color-accent-hover: #389A3C; } /* 15 Trust & Care */ html[data-season="trust-care"] { --color-primary: #3B82F6; --color-secondary: #93C5FD; --color-accent: #3B82F6; --color-bg: #F7FAFF; --color-header-bg: #FFFFFF; --color-warm-highlight: #DBEAFE; --color-text: #0A1A3A; --color-text-muted: #5A6B8A; --color-border: #BFDBFE; --color-accent-hover: #2568D0; } /* 16 Warm Kids */ html[data-season="warm-kids"] { --color-primary: #F97316; --color-secondary: #FDBA74; --color-accent: #F97316; --color-bg: #FFF8F3; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFEDD5; --color-text: #2A1000; --color-text-muted: #8B5230; --color-border: #FED7AA; --color-accent-hover: #D05C10; } /* 17 Playful */ html[data-season="playful"] { --color-primary: #8B5CF6; --color-secondary: #C4B5FD; --color-accent: #8B5CF6; --color-bg: #FBFAFF; --color-header-bg: #FFFFFF; --color-warm-highlight: #EDE9FE; --color-text: #1A0A3A; --color-text-muted: #7C5CB8; --color-border: #DDD6FE; --color-accent-hover: #7040D0; } /* 18 Calm Blue */ html[data-season="calm-blue"] { --color-primary: #2563EB; --color-secondary: #60A5FA; --color-accent: #2563EB; --color-bg: #F8FAFF; --color-header-bg: #FFFFFF; --color-warm-highlight: #DBEAFE; --color-text: #0A1A3A; --color-text-muted: #5A6B8A; --color-border: #BFDBFE; --color-accent-hover: #1A4EC0; } /* 19 Fresh Daycare */ html[data-season="fresh-daycare"] { --color-primary: #22C55E; --color-secondary: #86EFAC; --color-accent: #22C55E; --color-bg: #F6FFF9; --color-header-bg: #FFFFFF; --color-warm-highlight: #DCFCE7; --color-text: #0A2A10; --color-text-muted: #4A7A5C; --color-border: #86EFAC; --color-accent-hover: #18A04A; } /* 20 Soft Rainbow */ html[data-season="soft-rainbow"] { --color-primary: #FF7EB3; --color-secondary: #65C7F7; --color-accent: #FF7EB3; --color-bg: #FFF9FB; --color-header-bg: #FFFFFF; --color-warm-highlight: #FFE4F0; --color-text: #3A0020; --color-text-muted: #A05070; --color-border: #FFB8D4; --color-accent-hover: #E05A90; }