/* Weserland Style – überschreibt nur Farben, Schriften, Rundungen und die Karte des Baumwerk-Themes */
:root:root {--forest: #1c2916;
	--green: #3c8124;
	--green-2: #2b5f19;
	--moss: #9fbb87;
	--leaf: #9fbb87;
	--cream: #eef1e6;
	--sand: #dfe4d3;
	--paper: #f9f8f3;
	--ink: #18200f;
	--ink-soft: #55604c;
	--accent: #3c8124;
	--accent-dark: #2b5f19;
	--radius: 5px;
	--shadow: 0 14px 44px rgba(24, 32, 15, 0.15);
	--shadow-sm: 0 2px 14px rgba(24, 32, 15, 0.07);
	--baumwerk-header-nav-color: #18200f;
	--baumwerk-header-nav-color-scrolled: #18200f;
	--baumwerk-sticky-header-bg: rgba(249, 248, 243, 0.97);}
html body, html body .btn {font-family: "Inter", system-ui, sans-serif;}
html body {font-size: 16.5px; color: #2f3726;}
html body h1, html body h2, html body h3, html body h4, html body h5, html body .serif, html body .logo, html body .foot-logo, html body .mobile-menu a, html body .marquee-track span, html body .pain-card p strong, html body .pain-bridge, html body .stat .num, html body .owner blockquote, html body .why-item h4, html body .why-visual .float-badge strong, html body .step .n, html body .step h4, html body .ms h4, html body .tst-card .av, html body .foot-grid h5, html body .impressum h3 {font-family: "Figtree", system-ui, sans-serif;}
html body h1, html body h2, html body h3 {font-weight: 800; letter-spacing: -0.02em; line-height: 1.12;}
html body h4, html body h5 {font-weight: 700;}
html body .stat .num, html body .step .n {font-weight: 800;}
html body .owner blockquote {font-weight: 600;}
html body .btn {border-radius: 3px; font-family: "Figtree", system-ui, sans-serif; font-weight: 700;}
html body .hero-card {border-radius: 5px;}
html body .pain-card, html body .svc, html body .tst-card, html body .trans-col, html body .risk-box, html body .area-map, html body .why-visual, html body .trans-photo {border-radius: 5px;}
html body .svc-icon, html body .ms-icon, html body .why-item .ic {border-radius: 4px;}
html body .why-visual .float-badge {border-radius: 4px;}
html body .hero-badge, html body .area-tags span, html body .check-list li {border-radius: 3px;}
html body .logo .mark, html body .foot-logo .mark {border-radius: 4px;}
html body .ph, html body .gal-slot, html body .owner img {border-radius: 5px;}
html body .btn-primary {background: var(--accent); color: #fff; box-shadow: none;}
html body .btn-primary:hover {background: var(--accent-dark); box-shadow: 0 10px 24px -12px rgba(43, 95, 25, 0.6);}
html body .btn-green {color: #fff;}
html body header {background: rgba(249, 248, 243, 0.97);
	box-shadow: 0 1px 0 rgba(24, 32, 15, 0.08);}
html body header.scrolled {background: rgba(249, 248, 243, 0.97); box-shadow: 0 2px 14px rgba(24, 32, 15, 0.07);}
html body .logo, html body .nav-phone {color: var(--ink);}
html body .nav-links a {color: var(--ink);}
html body .nav-links a:hover {color: var(--accent);}
html body .burger span {background: var(--ink);}
html body .hero {background:
		linear-gradient(90deg, rgba(249, 248, 243, 0.97) 0%, rgba(249, 248, 243, 0.9) 55%, rgba(238, 241, 230, 0.85) 100%),
		var(--paper);}
html body .hero-glow {background: radial-gradient(circle, rgba(60, 129, 36, 0.10), transparent 65%);}
html body .hero-trees {opacity: 0.12;}
html body .hero h1 {color: var(--ink); font-weight: 800; font-size: clamp(2.2rem, 4.4vw, 3.3rem);}
html body .section-head h2, html body .risk-box h2 {font-weight: 800;}
html body .hero h1 em {font-style: normal; color: var(--accent);}
html body .hero p.lead {color: #2f3726;}
html body .hero-badge {background: rgba(60, 129, 36, 0.09);
	border: 1px solid rgba(60, 129, 36, 0.18);
	color: var(--green-2);}
html body .hero-badge .dot {background: var(--accent); box-shadow: 0 0 0 4px rgba(60, 129, 36, 0.18);}
html body .hero-promise {color: var(--green-2);}
html body .hero-trust .t {color: var(--ink);}
html body .hero-trust .t svg {color: var(--accent);}
html body .hero .btn-ghost {color: var(--ink);
	background: #fff;
	border: 1px solid rgba(24, 32, 15, 0.14);}
html body .hero .btn-ghost:hover {background: #fff; border-color: var(--accent);}
html body .hero-card {background: #fff;
	border: 1px solid rgba(24, 32, 15, 0.08);
	box-shadow: var(--shadow);}
html body .services, html body .owner, html body .process, html body .more-svc, html body .faq {background: var(--cream);}
html body .pain-card {background: #fff; border-left-color: var(--accent); box-shadow: var(--shadow-sm);}
html body .svc, html body .tst-card {background: #fff; border-color: rgba(24, 32, 15, 0.08);}
html body .svc-icon, html body .ms-icon {background: rgba(60, 129, 36, 0.12);}
html body .svc-icon svg, html body .ms-icon svg {color: var(--accent);}
html body .why-item .ic {background: rgba(60, 129, 36, 0.09);}
html body .faq-item.open .pl {color: #fff;}
html body .tst-card .stars {color: #e3a008;}
html body .why-visual .float-badge .star {color: #e3a008;}
html body .check-list li {background: #fff; border-color: rgba(24, 32, 15, 0.08);}
html body .trans, html body .area {background: var(--forest);}
html body .stats {background: var(--forest);}
html body .stat .num {color: var(--leaf);}
html body .risk-box, html body .cta-final {background: var(--forest);}
html body .area-map, html body .why-visual {background: linear-gradient(160deg, #1c2916, #2b5f19);}
html body .marquee {background: var(--accent);}
html body .marquee-track span {color: #fff; opacity: 1; font-weight: 700;}
html body .marquee-track span::before {color: rgba(255, 255, 255, 0.6);}
html body .marquee-track span {font-size: 1rem;}
html body footer {background: #121a0e; color: rgba(255, 255, 255, 0.66);}
html body .impressum {background: #121a0e;}
html body .foot-bottom a {color: rgba(255, 255, 255, 0.66);}
html body .mobile-menu {background: var(--paper);}
html body .mobile-menu a {color: var(--ink); border-bottom-color: rgba(24, 32, 15, 0.1); font-weight: 700;}
html body .menu-close {color: var(--ink);}
html body .call-bar {background: var(--forest);}
html body .call-bar .call {background: var(--accent); color: #fff;}

/* Einsatzgebiet-Karte (50 km um Oyten) */
html body .area-map {
	background: #1c2916 url("einsatzgebiet.svg") center / cover no-repeat;
	min-height: 360px;
}
html body .area-map > svg { display: none; }