/* ============================================================ grit berger · custom.css ------------------------------------------------------------ DEINE eigene Datei für übergreifende Änderungen. Gilt für ALLE Looks (warm / hell / dunkel) gleichzeitig, weil sie als LETZTE geladen wird und damit gewinnt. WICHTIG — Ladereihenfolge: 1. grit-umschalter.css (oder eine finale grit-look-*.css) 2. custom.css ← diese Datei, IMMER zuletzt So überschreibst du hier alles, ohne die Marken-Dateien anzufassen. Bei einem Update der Look-Dateien bleiben deine Änderungen erhalten. ============================================================ */ /* ------------------------------------------------------------ 1) TOKENS übergreifend anpassen ------------------------------------------------------------ Diese Variablen wirken in ALLEN Looks. Auskommentieren und eigene Werte setzen. (Look-spezifisch? → siehe Abschnitt 2.) ------------------------------------------------------------ */ :root{ /* --grit-primary: #C06B47; */ /* Hauptfarbe (Buttons, Akzente) */ /* --grit-primary-dark: #A85735; */ /* Hover/Press */ /* --grit-accent: #6E7E5E; */ /* Salbei-Akzent */ /* --grit-radius: 16px; */ /* Eckenradius Karten/Buttons */ /* --grit-radius-lg: 26px; */ /* großer Radius (Hero-Karte) */ } /* ------------------------------------------------------------ 2) NUR EINEN bestimmten Look anpassen ------------------------------------------------------------ Über das Attribut data-grit-look am . Beispiel: nur im dunklen Look die Hauptfarbe wärmer machen. ------------------------------------------------------------ */ /* :root[data-grit-look="dunkel"]{ --grit-primary: #D08A5E; } */ /* ------------------------------------------------------------ 3) EINZELNE Elemente überschreiben ------------------------------------------------------------ Beispiele — auskommentiert lassen, bis du sie brauchst. ------------------------------------------------------------ */ /* Buttons weniger rund */ /* .grit-btn{ border-radius: 8px; } */ /* Hero-Überschrift größer */ /* .grit-hero-card h1{ font-size: clamp(44px, 7vw, 80px); } */ /* Mehr Luft zwischen den Sektionen */ /* .grit-bg-alt{ padding-top: 110px; padding-bottom: 110px; } */ /* Kurs-Preis hervorheben */ /* .grit-course-meta .price{ color: var(--grit-primary); } */ /* ------------------------------------------------------------ 4) EIGENE Klassen / Sonderfälle ------------------------------------------------------------ Platz für alles, was nur auf dieser Website gilt. ------------------------------------------------------------ */ /* .meine-aktion{ } */ .grit-headline h1 h3 { color: var(--grit-text-strong) !important; font-size: clamp(30px, 3.8vw, 44px); } .grit-ansatz-bg{ background: var(--grit-surface) !important; color: var(--grit-text-strong)!important; } .grit-ab-sec { padding: 36px 0 !important; } .grit-btn, a.grit-btn { border: 1px solid var(--grit-primary); #grit-look-switch { display: none !important; } /*rezeptbild auf jahreszeiten seite --> höhe einstellen .grit-rz-hero, .grit-rz-hero .et_pb_image_wrap{ display:block !important; width:100% !important; max-width:100% !important; } .grit-rz-hero img{ width:100% !important; max-width:100% !important; height:350px !important; object-fit:cover !important; } */ /*rezeptbild auf jahreszeiten seite --> bikdasuschnitt verschieben .grit-rz-hero img{ object-position:center 35%; } */