/* ========================================================================== DCM Overrides – wird als letztes Stylesheet geladen (mu-plugins/dcm-onepager.php) Stand: 16.09.2026 ========================================================================== */ /* --- 1. Fraunces lokal als variable Schrift (alle Stärken 100–900) --------- Die Dateien in /uploads/fonts/ sind variable Schriften. Mit dem Stärkebereich werden auch 600 (Überschriften) sauber aus der lokalen Datei gerendert, ohne Google Fonts. */ @font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://daldrup-capital.de/wp-content/uploads/fonts/fraunces-normal-latin-39ce2001.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://daldrup-capital.de/wp-content/uploads/fonts/fraunces-normal-latin-ext-79671606.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(https://daldrup-capital.de/wp-content/uploads/fonts/fraunces-italic-latin-feced23e.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(https://daldrup-capital.de/wp-content/uploads/fonts/fraunces-italic-latin-ext-6cc8f67d.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* --- 2. Einheitliche Buttons ------------------------------------------------ 16 px, Stärke 500, 48 px hoch. Navy = Kundenlogin, Gold = Erstgespräch/Absenden. Einheitlicher Hover: Fläche wird dunkler, Schrift weiß, keine Bewegung. */ html body .xpro-theme-builder-header a.dcm-kundenlogin, html body .xpro-theme-builder-header a.dcm-erstbtn, html body .wp-block-button.is-dcm-cta a.wp-block-button__link, html body div.wpforms-container-full .wpforms-form button.wpforms-submit[type="submit"]{ display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; height:48px !important; min-height:48px !important; padding:0 24px !important; font-family:"Fraunces", Georgia, serif !important; font-size:16px !important; font-weight:500 !important; letter-spacing:0.02em !important; line-height:1 !important; text-transform:none !important; text-decoration:none !important; white-space:nowrap !important; border-width:1px !important; border-style:solid !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; transition:background-color .25s ease, border-color .25s ease, color .25s ease !important; } /* Mobiles Menü: gleiche Typografie und Höhe */ html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login > a, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst > a{ display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; height:48px !important; min-height:48px !important; font-family:"Fraunces", Georgia, serif !important; font-size:16px !important; font-weight:500 !important; letter-spacing:0.02em !important; line-height:1 !important; text-transform:none !important; text-decoration:none !important; border-width:1px !important; border-style:solid !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; transition:background-color .25s ease, border-color .25s ease, color .25s ease !important; } /* Gold */ html body .xpro-theme-builder-header a.dcm-erstbtn, html body .wp-block-button.is-dcm-cta a.wp-block-button__link, html body div.wpforms-container-full .wpforms-form button.wpforms-submit[type="submit"], html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst > a{ background-color:#a07d3e !important; background-image:linear-gradient(135deg,#b08a45 0%,#a07d3e 55%,#8f6d34 100%) !important; border-color:#a07d3e !important; color:#fdfaf4 !important; } html body .xpro-theme-builder-header a.dcm-erstbtn:hover, html body .xpro-theme-builder-header a.dcm-erstbtn:focus-visible, html body .wp-block-button.is-dcm-cta a.wp-block-button__link:hover, html body .wp-block-button.is-dcm-cta a.wp-block-button__link:focus-visible, html body div.wpforms-container-full .wpforms-form button.wpforms-submit[type="submit"]:hover, html body div.wpforms-container-full .wpforms-form button.wpforms-submit[type="submit"]:focus-visible, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst > a:hover, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst > a:focus-visible{ background-color:#8f6d34 !important; background-image:linear-gradient(135deg,#9c7b3d 0%,#8f6d34 55%,#7a5c2b 100%) !important; border-color:#8f6d34 !important; color:#ffffff !important; box-shadow:none !important; transform:none !important; } /* Navy */ html body .xpro-theme-builder-header a.dcm-kundenlogin, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login > a{ background-color:#1B2A4A !important; background-image:none !important; border-color:#1B2A4A !important; color:#f6f4ef !important; } html body .xpro-theme-builder-header a.dcm-kundenlogin:hover, html body .xpro-theme-builder-header a.dcm-kundenlogin:focus-visible, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login > a:hover, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login > a:focus-visible{ background-color:#0f1a30 !important; background-image:none !important; border-color:#0f1a30 !important; color:#ffffff !important; box-shadow:none !important; transform:none !important; } /* Tastatur-Fokus sichtbar */ html body .xpro-theme-builder-header a.dcm-kundenlogin:focus-visible, html body .xpro-theme-builder-header a.dcm-erstbtn:focus-visible, html body .wp-block-button.is-dcm-cta a.wp-block-button__link:focus-visible, html body div.wpforms-container-full .wpforms-form button.wpforms-submit[type="submit"]:focus-visible{ outline:2px solid #c2a05a !important; outline-offset:3px !important; } /* --- 3. Einheitliche Überschriftenfarbe (Abschnitt Leistungen) ------------- */ html body #leistungen .wp-block-heading:not(.has-text-color){ color:#1B2A4A !important; } /* --- 4. Header auf Laptop-Breiten (1025–1366 px) ------------------------- Die Header-Zeile (Logo + Menü + zwei Buttons) war zwischen ca. 1025 und 1260 px zu breit und lief rechts aus dem Bild. Hier wird stufenweise verdichtet. */ @media (min-width:1025px) and (max-width:1366px){ html body .xpro-theme-builder-header .dcm-header-logo img{height:90px !important;width:auto !important;} html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav{column-gap:12px !important;} html body .xpro-theme-builder-header .elementor-element-dcmc3 div[style*="gap"]{gap:10px !important;} html body .xpro-theme-builder-header a.dcm-kundenlogin, html body .xpro-theme-builder-header a.dcm-erstbtn{padding:0 18px !important;} } @media (min-width:1025px) and (max-width:1199px){ html body .xpro-theme-builder-header > .elementor-container, html body .xpro-theme-builder-header .elementor-section.elementor-element-dcmhdr{padding-left:24px !important;padding-right:24px !important;} html body .xpro-theme-builder-header .dcm-header-logo img{height:72px !important;} html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav{column-gap:6px !important;} html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav > li > a.xpro-elementor-nav-link{font-size:16px !important;} html body .xpro-theme-builder-header a.dcm-kundenlogin, html body .xpro-theme-builder-header a.dcm-erstbtn{padding:0 16px !important;} } @media (min-width:1025px) and (max-width:1099px){ html body .xpro-theme-builder-header > .elementor-container, html body .xpro-theme-builder-header .elementor-section.elementor-element-dcmhdr{padding-left:16px !important;padding-right:16px !important;} html body .xpro-theme-builder-header .dcm-header-logo img{height:60px !important;} html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav > li > a.xpro-elementor-nav-link{font-size:15px !important;padding-left:2px !important;padding-right:2px !important;} html body .xpro-theme-builder-header .elementor-element-dcmc3 div[style*="gap"]{gap:8px !important;} } /* --- 5. Mobiles Menü: auch im aktiven Zustand (current-menu-item/active) gleiche Farben --- */ html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst.menu-item > a, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst.current-menu-item > a, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst.active > a{ background-color:#a07d3e !important; background-image:linear-gradient(135deg,#b08a45 0%,#a07d3e 55%,#8f6d34 100%) !important; border-color:#a07d3e !important; color:#fdfaf4 !important; } html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login.menu-item > a, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login.current-menu-item > a, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login.active > a{ background-color:#1B2A4A !important; background-image:none !important; border-color:#1B2A4A !important; color:#f6f4ef !important; } html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst.menu-item > a:hover, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-erst.menu-item > a:focus-visible{ background-color:#8f6d34 !important; background-image:linear-gradient(135deg,#9c7b3d 0%,#8f6d34 55%,#7a5c2b 100%) !important; border-color:#8f6d34 !important; color:#ffffff !important; } html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login.menu-item > a:hover, html body .xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav li.dcm-m-login.menu-item > a:focus-visible{ background-color:#0f1a30 !important; background-image:none !important; border-color:#0f1a30 !important; color:#ffffff !important; } /* --- 6. Ankerspruenge: Abschnitt schliesst direkt an den Sticky-Header an ------ --dcm-header-h wird per Skript aus der echten Header-Hoehe gesetzt (minus 3 px, damit keine Subpixel-Luecke entsteht). Die Werte hier sind nur Fallbacks. */ :root{--dcm-header-h:124px;} @media (min-width:1025px) and (max-width:1366px){:root{--dcm-header-h:96px;}} @media (min-width:1025px) and (max-width:1199px){:root{--dcm-header-h:78px;}} @media (min-width:1025px) and (max-width:1099px){:root{--dcm-header-h:75px;}} @media (max-width:1024px){:root{--dcm-header-h:101px;}} html body #ueber-uns, html body #werte, html body #philosophie, html body #leistungen, html body #kontakt{ scroll-margin-top:var(--dcm-header-h, 124px) !important; }