/* Theme Name: SV Sachverständiger Theme URI: https://example.com Author: Sachverständiger Author URI: https://example.com Description: Professionelles WordPress Theme für Sachverständige – Bewertung, Beratung, Begutachtung. Vollständig anpassbar über den WordPress Customizer. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sv-theme Tags: custom-menu, featured-images, translation-ready, custom-colors, custom-logo Requires at least: 5.9 Tested up to: 6.7 Requires PHP: 7.4 */ /* === DEFAULTS (overridden by Customizer via :root in ) === */ :root { --c-primary: #1b2a3d; --c-primary-light: #2c4158; --c-accent: #c19a4e; --c-accent-hover: #a8832f; --c-light: #f7f5f0; --c-white: #ffffff; --c-dark: #111820; --c-text: #3a3a3a; --c-text-light: #7a7a7a; --c-border: #e2ded6; --c-header-bg: #1b2a3d; --c-nav-bg: #1b2a3d; --c-nav-text: #ffffff; --c-dropdown-bg: #f7f5f0; --c-footer-bg: #111820; --c-overlay: rgba(27,42,61,0.75); --ff-heading: 'DM Serif Display', Georgia, serif; --ff-body: 'Source Sans 3', 'Segoe UI', sans-serif; --ff-nav: 'Libre Franklin', sans-serif; --fs-body: 16px; --fs-h1: 42px; --fs-h2: 32px; --fs-h3: 22px; --fs-nav: 13px; --lh-body: 1.75; --max-w: 1200px; --sec-padding: 90px; --hero-h: 520px; --hero-home-h: 620px; --btn-radius: 0; --btn-transform: uppercase; --nav-transform: uppercase; --nav-spacing: 0.08em; --trans: 0.3s cubic-bezier(0.4,0,0.2,1); } /* === RESET === */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:var(--fs-body)} body{font-family:var(--ff-body);color:var(--c-text);background:var(--c-white);line-height:var(--lh-body);-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{text-decoration:none;color:inherit;transition:var(--trans)} ul,ol{list-style:none} h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);font-weight:400;color:var(--c-primary);line-height:1.25} h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)} .container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 30px} /* ============================================ HEADER – Single dark bar: Logo left, Nav right ============================================ */ .site-header{ background:var(--c-header-bg); position:relative;z-index:1000; } .site-header.is-sticky{ position:fixed;top:0;left:0;width:100%; z-index:1000; } .site-header.scrolled{ box-shadow:0 4px 30px rgba(0,0,0,0.2); } .header-inner{ display:flex;align-items:center;justify-content:space-between; max-width:var(--max-w);margin:0 auto; padding:0 30px; height:70px; } /* Logo */ .site-logo{ font-family:var(--ff-nav);font-size:1.1rem;font-weight:700; letter-spacing:0.12em;text-transform:uppercase; color:var(--c-white); flex-shrink:0; transition:var(--trans); } .site-logo:hover{opacity:0.85} .site-logo .dot{color:var(--c-accent);font-size:0.6em;vertical-align:super;margin-left:2px} .site-logo img{max-height:48px;width:auto} /* WP custom-logo wraps in a span/link — make sure img shows */ .site-logo .custom-logo-link{display:block} .site-logo .custom-logo-link img{max-height:48px;width:auto} /* Mobile Toggle */ .nav-toggle{ display:none;background:none;border:none;cursor:pointer;padding:10px; position:relative;width:40px;height:40px;z-index:1100; } .nav-toggle span{ display:block;width:24px;height:2px;background:var(--c-white); position:absolute;left:8px;transition:var(--trans); } .nav-toggle span:nth-child(1){top:12px} .nav-toggle span:nth-child(2){top:19px} .nav-toggle span:nth-child(3){top:26px} .nav-toggle.active span:nth-child(1){top:19px;transform:rotate(45deg)} .nav-toggle.active span:nth-child(2){opacity:0} .nav-toggle.active span:nth-child(3){top:19px;transform:rotate(-45deg)} /* ============================================ DESKTOP NAVIGATION (inside header) ============================================ */ .main-nav ul{list-style:none;margin:0;padding:0} /* Top-level list: handle both