:root{--ink:#252522;--muted:#706c65;--sand:#eee4d1;--soft:#f8f3ea;--line:#e4ded3;--dark:#30302e;--green:#e2ebdf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
.wrap{width:min(1160px,calc(100% - 44px));margin:auto}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{height:150px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted)}
nav{display:flex;gap:27px}nav a{font-size:14px}.active{font-weight:800}
.btn{display:inline-block;padding:12px 18px;border-radius:9px;border:1px solid #d8cab0;background:var(--sand);font-weight:700}
.hero{padding:100px 0 82px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--muted)}
h1{font-size:clamp(46px,6vw,80px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 25px;max-width:920px}
.lead{font-size:20px;color:var(--muted);max-width:760px}.statement{background:var(--soft);border-block:1px solid var(--line);padding:60px 0}
.statement p{font-size:clamp(26px,3.2vw,41px);line-height:1.22;margin:0;max-width:1000px}
section{padding:82px 0}.head{display:grid;grid-template-columns:1fr 2fr;gap:46px;margin-bottom:42px}.head h2{font-size:38px;line-height:1.1;margin:0}.head p{font-size:18px;color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:12px;padding:27px}.card h3{margin:0 0 8px;font-size:22px}.card p{margin:0;color:var(--muted)}
.dark{background:var(--dark);color:#fff}.dark p{color:#cbc8c1}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time{border-top:1px solid #5d5c58;padding:22px 0}.time b{display:block;margin-bottom:8px}
.flow{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.flow div{border:1px solid var(--line);border-radius:8px;padding:14px 10px}.flow b{display:block;font-size:11px;color:#918a7e}.flow span{font-size:13px;font-weight:750}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.contact h2{font-size:44px;line-height:1.08;margin:8px 0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}.field textarea{min-height:130px}
.notice{padding:25px;border-radius:12px;background:var(--soft);color:var(--muted)}
footer{border-top:1px solid var(--line);padding:27px 0;color:var(--muted);font-size:13px}
@media(max-width:850px){nav{display:none}.head,.grid,.timeline,.contact{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr)}}

/* ERP WORKFLOW - ruhiger HOME Hero mit drei Bildphasen */
.home-hero{padding:0;position:relative;min-height:680px;border-bottom:1px solid var(--line);overflow:hidden;background:#222}
.home-hero-media{position:absolute;inset:0;overflow:hidden;background:#ddd}
.home-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:heroFade 18s infinite ease-in-out;filter:saturate(.9) contrast(.96)}
.home-hero-media img:nth-child(1){animation-delay:0s}.home-hero-media img:nth-child(2){animation-delay:6s}.home-hero-media img:nth-child(3){animation-delay:12s}
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,18,.68) 0%,rgba(20,20,18,.48) 43%,rgba(20,20,18,.12) 75%,rgba(20,20,18,.05) 100%);z-index:1}
.home-hero-copy{position:relative;z-index:2;width:min(1160px,calc(100% - 44px));margin:auto;min-height:680px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.home-hero-copy .eyebrow{color:#eee9df}.home-hero-copy h1{max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.18)}.home-hero-copy .lead{max-width:690px;color:#f0eee9;text-shadow:0 1px 12px rgba(0,0,0,.18)}
@keyframes heroFade{0%{opacity:0}5%{opacity:1}29%{opacity:1}34%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.home-hero-media img{animation:none;opacity:0}.home-hero-media img:first-child{opacity:1}}
@media(max-width:850px){.home-hero,.home-hero-copy{min-height:560px}.home-hero-copy{width:min(100% - 32px,1160px)}.home-hero-shade{background:rgba(20,20,18,.48)}}

/* KONTAKT FINAL */
.contact-hero{padding:0;position:relative;min-height:600px;overflow:hidden;background:#292927;border-bottom:1px solid var(--line)}
.contact-hero-media{position:absolute;inset:0}.contact-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.contact-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,24,21,.72) 0%,rgba(24,24,21,.52) 43%,rgba(24,24,21,.12) 78%,rgba(24,24,21,.04) 100%)}
.contact-hero-copy{position:relative;z-index:2;width:min(1160px,calc(100% - 44px));margin:auto;min-height:600px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.contact-hero-copy .eyebrow{color:#eee9df}.contact-hero-copy h1{max-width:780px}.contact-hero-copy .lead{max-width:690px;color:#f1eee8}
.legal-area{background:var(--soft);border-top:1px solid var(--line)}.legal-intro{max-width:760px;margin-bottom:54px}.legal-intro h2{font-size:44px;line-height:1.08;margin:10px 0}.legal-intro p{color:var(--muted);font-size:18px}
.legal-block{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;margin:0 0 18px;scroll-margin-top:100px}.legal-block h2{font-size:34px;margin:0 0 18px}.legal-block h3{font-size:18px;margin:26px 0 7px}.legal-block p{max-width:900px;color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:24px}.footer-row a:hover{text-decoration:underline}
@media(max-width:850px){.contact-hero,.contact-hero-copy{min-height:520px}.contact-hero-copy{width:min(100% - 32px,1160px)}.contact-hero-shade{background:rgba(24,24,21,.52)}.footer-row{flex-direction:column}}