/* Webdesign Loch – Override über dem Webster-Theme
   1) Schrift = System-Sans (aus dem Entwurf), Grün #84ba3f bleibt
   2) Barrierefreiheit: Kontrast, Fokus, Skip-Link, reduced-motion */

/* 1) Schrift-Override */
body, p, a, li, ul, ol, dl, dt, dd, label, input, select, textarea, button, blockquote,
h1, h2, h3, h4, h5, h6, .navbar-nav li a, .menu ul li a,
.section-title h1, .section-title h2, .section-title h3, .section-title p,
.button, .btn, .tp-caption, .counter, .lead, .nav-tabs li a, .navbar-brand {
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .section-title h2 { letter-spacing: -0.02em; }

/* 2) Barrierefreiheit */
/* Kontrast: grüner TEXT dunkler als #84ba3f (auf Weiß nicht AA-konform) */
a.theme-color, .text-theme,
.section-title span.theme-color,
ul.list.theme-color li i,
.footer-list a:hover { color: #4a7622 !important; }

/* Fokus sichtbar */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #4a7622 !important;
    outline-offset: 2px !important;
}

/* Skip-Link */
.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 100000;
    background: #ffffff; color: #14180e; padding: 10px 16px;
    border: 2px solid #4a7622; border-radius: 3px;
}
.skip-link:focus { left: 8px; top: 8px; }

/* Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* Text-Logo im Webster-Menü */
.menu-logo a.wdl-brand{font-family:"Segoe UI",system-ui,sans-serif !important;font-weight:800;font-size:26px;color:#363636;letter-spacing:-.02em;}
.menu-logo a.wdl-brand span{color:#84ba3f;}

/* ===== Webdesign Loch – Content-Block-Styles ===== */
.wdl-hero{padding:130px 0;background-color:#f4f6ef;}
.wdl-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,253,251,.94),rgba(252,253,251,.6) 55%,rgba(252,253,251,.05));z-index:1;}
.wdl-hero-title{font-size:clamp(38px,6vw,72px)!important;font-weight:800;letter-spacing:-.02em;color:#14180e;line-height:1.05;margin-bottom:0;}
.wdl-hero-sub{font-size:20px;color:#3a4230;max-width:46ch;margin:22px 0 28px;}
.wdl-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.wdl-project{background:#fff;border:1px solid #e4e8da;border-radius:6px;overflow:hidden;height:100%;transition:.2s;}
.wdl-project:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(30,50,10,.10);}
.wdl-project-img img{width:100%;display:block;}
.wdl-project-ph{display:block;aspect-ratio:16/10;background:linear-gradient(150deg,#e9f0dd,#f6faf0);}
.wdl-project-body{padding:20px 22px;}
.wdl-project-cat{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#4a7622;font-weight:600;}
.wdl-project-body h5{margin:6px 0 4px;}
.wdl-quote{background:#f7f9f2;border:1px solid #e4e8da;border-radius:6px;padding:28px 26px;height:100%;}
.wdl-quote-mark{font-size:52px;line-height:.5;font-weight:800;}
.wdl-quote-text{color:#3a4230;font-size:17px;margin:8px 0 16px;}
.wdl-quote-author strong{display:block;color:#14180e;}
.wdl-quote-author span{color:#6b7358;font-size:14px;}
.wdl-cta .button.wdl-btn-white{background:#fff;color:#37601b;border-color:#fff;}
.wdl-cta .button.wdl-btn-white:hover{background:#14180e;color:#fff;border-color:#14180e;}
.wdl-prose{color:#3a4230;font-size:18px;line-height:1.7;}
.wdl-prose h2,.wdl-prose h3{color:#14180e;}

/* Logo-Größe erzwingen + Topbar-Kontur */
.header .menu-logo a.wdl-brand{font-size:26px !important;line-height:70px !important;display:inline-block;font-weight:800;}
.header .menu-logo a.wdl-brand span{color:#84ba3f !important;}
.header .topbar{background:#f4f6ef;border-bottom:1px solid #e4e8da;padding:8px 0;}
.header .topbar .topbar-call li,.header .topbar .topbar-social li a{color:#3a4230;}
.header .topbar a{color:#3a4230;}
/* Hero-Text auch ohne Bild gut lesbar */
.wdl-hero{min-height:60vh;display:flex;align-items:center;}

/* Hero-Standardbild (per File-Feld überschreibbar) */
.wdl-hero{background-image:url(../img/hero.jpg);background-size:cover;background-position:center right;}
.wdl-hero .container{position:relative;z-index:2;}

/* Portfolio-Platzhalter + Feinschliff */
.wdl-pf-ph{display:block;width:100%;aspect-ratio:4/3;background:linear-gradient(150deg,#e9f0dd,#c7dca6);}
.portfolio-home .portfolio-item{margin:0;}
.raindrops{background:#0e150a;}

/* Dunkle Counter-Sektion: Bild als Fallback (falls jarallax nicht greift) */
.our-service-home{background-image:url(../img/about.jpg);background-size:cover;background-position:center;background-attachment:fixed;}
.our-service-home .counter .timer{font-size:44px;font-weight:800;display:block;}
.our-service-home .counter label{letter-spacing:.08em;font-size:12px;}
/* Raindrops-Band dezent */
.raindrops{background:#0e150a;}

/* Dunkle Sektion: Bild erzwingen */
section.our-service-home.jarallax, section.our-service-home{background-image:url(../img/about.jpg) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-attachment:scroll !important;}