/* Theme Name: Landhaus Child Description: Custom Child-Theme für Salient – Landhaus. Eigener Header/Footer, Sommer/Winter-Umschaltung und Hero-Slider per Shortcode [landhaus_slider]. Theme URI: https://jts-marketing.de Author: JTS Marketing Author URI: https://jts-marketing.de Template: salient Version: 1.0.0 Text Domain: landhaus */ /* ------------------------------------------------------------------ Design-Tokens — Palette und Typografie aus /design/DESIGN.md. Fonts (Cormorant Garamond + Montserrat) werden als Google Fonts in functions.php geladen. Die Saison-Klassen am (season-sommer / season-winter) schalten die Akzentfarbe um. ------------------------------------------------------------------ */ :root { /* Palette */ --lh-creme: #f4efe8; --lh-leinen: #EFE7DA; --lh-warmweiss: #FFFDF8; --lh-kamin: #2B2621; --lh-dunkel: #111713; --lh-sand: #d8c7a7; --lh-akzent: #708dab; --lh-akzentdunkel: #526f8d; --lh-fensterladen: #3F6678; --lh-garten: #2F4A37; --lh-salbei: #8C9A78; --lh-terrakotta: #B66A47; --lh-altrosa: #C79A8A; --lh-holz: #8A6A4F; /* Fonts */ --lh-font-serif: 'Cormorant Garamond', Georgia, serif; --lh-font-sans: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Aliase für Header/Footer/Slider-Styles */ --lh-color-text: var(--lh-kamin); --lh-color-light: var(--lh-warmweiss); --lh-color-dark: var(--lh-dunkel); --lh-color-accent: var(--lh-akzent); --lh-color-accent-soft: var(--lh-leinen); --lh-header-height: 90px; --lh-header-height-mobile: 64px; --lh-container: 1320px; } body.season-sommer { --lh-color-accent: var(--lh-salbei); } body.season-winter { --lh-color-accent: var(--lh-akzent); } /* ------------------------------------------------------------------ Basis-Typografie nach Design — greift nur auf Seiten mit aktiviertem Landhaus-Design (body.lh-custom-header), damit Bestandsseiten mit Salient-Header unverändert bleiben. ------------------------------------------------------------------ */ body.lh-custom-header { font-family: var(--lh-font-sans); color: var(--lh-kamin); background: var(--lh-creme); -webkit-font-smoothing: antialiased; } body.lh-custom-header h1, body.lh-custom-header h2, body.lh-custom-header h3, body.lh-custom-header blockquote { font-family: var(--lh-font-serif); font-weight: 300; } body.lh-custom-header p, body.lh-custom-header ul, body.lh-custom-header ol { font-family: var(--lh-font-sans); font-weight: 300; font-size: 15.5px; line-height: 1.75; } em, i, .em { font-style: italic; } p a { text-decoration: underline; } .rundes-bild { border-radius: 50%; } /* Film grain aus dem Design — nur auf Landhaus-Seiten */ body.lh-custom-header::before { content: ''; position: fixed; inset: 0; z-index: 998; pointer-events: none; opacity: 0.03; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E"); background-repeat: repeat; background-size: 200px 200px; }