/*
Theme Name: MS Erd & Tiefbau Parallax
Theme URI: https://mserdbau.de
Author: OpenAI
Description: Modernes One-Page WordPress Theme für MS Erd & Tiefbau mit Parallax Effekten, Impressum und Datenschutzseiten.
Version: 1.0.0
License: GPL v2 or later
Text Domain: ms-erdbau
*/
:root{--bg:#080909;--bg2:#111211;--card:#141514;--line:rgba(205,163,92,.24);--gold:#c69c5a;--gold2:#e5bd72;--white:#f5f2eb;--muted:#b8b2a8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.topbar{position:fixed;inset:0 0 auto;z-index:50;background:rgba(6,7,7,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:164px;height:auto}.menu{display:flex;gap:34px;align-items:center;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:15px}.menu a{opacity:.92;position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.menu a:hover:after,.menu a.active:after{width:100%}.quick{display:flex;gap:20px;align-items:center;font-size:14px;color:#e7ded0}.quick span{color:var(--gold)}.hamb{display:none}.hero{position:relative;min-height:760px;padding-top:92px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:92px 0 0;background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 34%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.38) 100%),url('assets/img/hero.jpg');background-size:cover;background-position:center 38%;transform:translateY(var(--parallax,0px)) scale(1.06);will-change:transform}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--bg))}.hero-content{position:relative;z-index:2;width:min(760px,100%);padding-top:44px}.eyebrow{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--gold2);font-size:14px;margin-bottom:16px}.hero h1,.section-title{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em;line-height:1.06;margin:0}.hero h1{font-size:clamp(46px,7vw,92px);max-width:740px}.hero h1 span{display:block;color:var(--gold)}.accent{width:78px;height:3px;background:var(--gold);margin:26px 0}.hero p{max-width:560px;font-size:21px;color:#eee7de}.btn{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--gold);color:#fff;background:rgba(198,156,90,.13);padding:15px 24px;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.btn:hover{background:var(--gold);color:#111;transform:translateY(-2px)}.section{position:relative;padding:92px 0}.section.dark{background:linear-gradient(180deg,var(--bg),#0d0e0e)}.section-title{font-size:clamp(34px,4vw,54px)}.lead{color:var(--muted);max-width:720px}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.08);margin-top:42px}.service{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:34px 22px;min-height:270px;transition:.28s}.service:hover{transform:translateY(-7px);background:linear-gradient(180deg,rgba(198,156,90,.12),rgba(255,255,255,.015))}.icon{width:64px;height:64px;margin-bottom:24px;color:var(--gold);stroke:currentColor;fill:none;stroke-width:1.8}.service h3,.why h3{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:24px;line-height:1.1}.service p{font-size:15px;color:#d5cec3}.about-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:58px;align-items:center}.checks{list-style:none;padding:0;margin:24px 0}.checks li{margin:10px 0;color:#e6ded2}.checks li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:12px;margin-right:12px}.stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}.stat{padding:40px;border:1px solid rgba(255,255,255,.06);min-height:220px;display:flex;flex-direction:column;justify-content:center}.stat strong{font-family:Oswald;font-size:54px;line-height:1}.stat span{color:var(--muted)}.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);margin-top:36px}.why>div{padding:34px;text-align:center;background:rgba(255,255,255,.02)}.cta{border:1px solid var(--gold);padding:36px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(90deg,rgba(198,156,90,.12),rgba(0,0,0,.2))}.cta h2{font-family:Oswald;text-transform:uppercase;font-size:42px;line-height:1.05;margin:0}.cta h2 span{color:var(--gold)}.footer{background:#050606;border-top:1px solid rgba(255,255,255,.08);padding:64px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:46px}.footer img{width:180px}.footer h4{font-family:Oswald;text-transform:uppercase;color:var(--gold);letter-spacing:.06em}.contact-row{display:flex;gap:12px;margin:12px 0;color:#ddd}.legal-links{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;color:#aaa;font-size:14px}.form input,.form textarea{width:100%;background:#0d0e0e;border:1px solid rgba(255,255,255,.14);color:#fff;padding:14px;margin:0 0 10px}.form textarea{min-height:110px}.form button{width:100%;justify-content:center;border:none}.page-content{padding:150px 0 80px;max-width:900px}.page-content h1{font-family:Oswald;font-size:54px;text-transform:uppercase}.page-content h2{color:var(--gold);font-family:Oswald;text-transform:uppercase;margin-top:38px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.float-wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#25D366;color:#fff;padding:14px 18px;border-radius:999px;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.35)}@media(max-width:1050px){.services{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.quick{display:none}.menu{gap:18px}}@media(max-width:760px){.nav{height:76px}.brand img{width:126px}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#060707;padding:18px 24px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hamb{display:block;background:none;border:1px solid rgba(255,255,255,.2);color:white;padding:9px 12px}.hero{min-height:690px;padding-top:76px}.hero-bg{inset:76px 0 0;background-position:60% center}.hero p{font-size:18px}.services{grid-template-columns:1fr}.about-grid,.why,.footer-grid{grid-template-columns:1fr}.cta{display:block;padding:28px}.cta .btn{margin-top:22px}.stat{min-height:auto}.legal-links{display:block}.section{padding:64px 0}}
.cookie-box{position:fixed;left:24px;right:24px;bottom:24px;z-index:9999;display:flex;gap:18px;align-items:center;justify-content:space-between;max-width:860px;margin:auto;background:rgba(15,15,15,.96);border:1px solid rgba(196,153,88,.55);box-shadow:0 18px 50px rgba(0,0,0,.45);padding:18px 20px;color:#fff}.cookie-box p{margin:0;color:#ddd}.cookie-box .small{padding:10px 18px;white-space:nowrap}.cookie-box.hide{display:none}@media(max-width:700px){.cookie-box{flex-direction:column;align-items:flex-start;left:12px;right:12px;bottom:12px}}
.page-content{padding:90px 20px;max-width:980px}.page-content h1{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(36px,6vw,70px);margin-bottom:34px}.page-content h2{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;color:#c49a5a;margin-top:34px}.page-content p{line-height:1.75;color:#ddd}