*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#101010;background:#f6f5f1}a{color:inherit;text-decoration:none}header{position:sticky;top:0;background:rgba(246,245,241,.97);z-index:20;border-bottom:1px solid #ddd}.top{max-width:1240px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:22px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px}.brand span{font-size:12px;font-weight:500;letter-spacing:.12em;color:#666}.top>a:last-child{margin-left:auto;background:#111;color:#fff;padding:12px 18px;font-size:13px;font-weight:700}.nav-wrap{max-width:1240px;margin:auto;padding:0 24px 14px}.nav{display:flex;gap:24px;font-size:13px;align-items:center}.nav-item{position:relative}.nav-link{display:block;padding:7px 0;white-space:nowrap}.dropdown{display:none;position:absolute;top:100%;left:-16px;min-width:220px;background:#fff;border:1px solid #ddd;box-shadow:0 14px 35px rgba(0,0,0,.12);padding:8px;z-index:30}.dropdown a{display:block;padding:10px 12px}.dropdown a:hover{background:#f1f0ec}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:block}.menu-toggle{display:none}main{max-width:1240px;margin:auto;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:bold;color:#666}.wide-hero{padding:34px 0 0}.visual{position:relative;overflow:hidden;background:#181818}.wide-visual{width:100%;aspect-ratio:1980/850;min-height:390px}.slides,.slide{position:absolute;inset:0}.slide{margin:0;opacity:0;transition:opacity .85s ease;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;display:block;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.43) 38%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.12) 100%)}.hero-overlay{position:absolute;z-index:3;left:clamp(28px,5vw,72px);top:50%;transform:translateY(-50%);color:#fff;max-width:700px}.hero-overlay .eyebrow{color:#fff;opacity:.85}.hero-overlay h1{font-size:clamp(48px,6.2vw,94px);line-height:.88;letter-spacing:-.06em;margin:18px 0 22px;text-shadow:0 2px 18px rgba(0,0,0,.2)}.hero-overlay .lead{font-size:18px;line-height:1.55;max-width:620px;color:#fff}.actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-block;padding:16px 21px;font-weight:bold;font-size:14px}.primary{background:#111;color:#fff}.secondary{border:1px solid #bbb}.primary.light{background:#fff;color:#111}.secondary.light-border{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(0,0,0,.12)}.top>a:last-child:hover,.primary:hover{opacity:.8}.slider-dots{position:absolute;z-index:4;right:24px;bottom:22px;display:flex;gap:8px}.slider-dots button{width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}.slider-dots button.active{background:#fff}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:58px;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:30px;cursor:pointer;opacity:0;transition:.2s}.visual:hover .slider-arrow{opacity:1}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}.trust{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin:36px 0 110px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.trust span{text-align:center}#leistungen h2,.statement h2,.cta h2,.service-block>h2{font-size:clamp(40px,6vw,76px);letter-spacing:-.055em;line-height:.95;margin:18px 0 50px}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb;border-left:1px solid #bbb}.grid a{padding:34px;min-height:245px;border-right:1px solid #bbb;border-bottom:1px solid #bbb;transition:.2s}.grid a:hover{background:#111;color:white}.grid b{font-size:12px;color:#888}.grid h3{font-size:28px;margin:52px 0 12px;letter-spacing:-.03em}.grid p{line-height:1.5;color:#666}.grid a:hover p{color:#bbb}.grid.compact a{min-height:220px}.statement{margin:130px 0;padding:80px 7%;background:#111;color:#fff}.statement>p:last-child{font-size:20px;line-height:1.6;max-width:760px;color:#bbb}.cta{padding:90px 0;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{margin-bottom:0;max-width:850px}.sub-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:105px 0 90px;border-bottom:1px solid #bbb}.sub-intro h2{font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.055em;margin:16px 0}.sub-intro>div:last-child{font-size:18px;line-height:1.65;color:#4b4b4b;padding-top:24px}.project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 0 115px}.project-strip img{width:100%;aspect-ratio:4/3;object-fit:cover}.service-block{padding:0 0 20px}.legal{padding:100px 0;min-height:55vh}.legal h1{font-size:64px;letter-spacing:-.05em}footer{background:#111;color:#aaa;padding:35px max(24px,calc((100vw - 1192px)/2));display:flex;gap:25px;justify-content:space-between;font-size:12px}footer b{color:#fff}@media(max-width:900px){.menu-toggle{display:block;border:1px solid #bbb;background:transparent;padding:8px 12px}.nav{display:none;flex-direction:column;align-items:stretch;padding-top:10px;gap:0}.nav.open{display:flex}.nav-item{border-top:1px solid #ddd}.nav-link{padding:11px 0}.dropdown{display:block;position:static;box-shadow:none;border:0;border-left:2px solid #ddd;background:transparent;padding:0 0 8px 12px}.dropdown a{padding:7px 10px}.wide-visual{aspect-ratio:4/3;min-height:520px}.hero-overlay{left:28px;right:28px}.hero-overlay h1{font-size:clamp(44px,13vw,72px)}.hero-overlay .lead{font-size:16px}.slider-arrow{opacity:1}.trust{grid-template-columns:1fr 1fr;gap:20px}.grid{grid-template-columns:1fr}.sub-intro{grid-template-columns:1fr;gap:15px;padding:70px 0}.project-strip{grid-template-columns:1fr}.cta,footer{flex-direction:column;align-items:flex-start}.brand span{display:none}}@media(max-width:560px){main{padding:0 14px}.top,.nav-wrap{padding-left:14px;padding-right:14px}.wide-hero{padding-top:14px}.wide-visual{min-height:540px;aspect-ratio:auto}.hero-overlay{left:22px;right:22px}.hero-overlay h1{font-size:48px}.actions{flex-direction:column;align-items:flex-start}.slider-dots{right:14px;bottom:14px}}
/* V6: Mobile hero – komplette 1980x850-Motive ohne Beschnitt */
@media (max-width:900px){
  .wide-visual{aspect-ratio:auto;min-height:0;overflow:hidden;background:#f6f5f1}
  .wide-visual .slides{position:relative;inset:auto;width:100%;aspect-ratio:1980/850;background:#181818}
  .wide-visual .slide{position:absolute;inset:0}
  .wide-visual .slide img{width:100%;height:100%;object-fit:contain;object-position:center center}
  .wide-visual .slide:after{display:none}
  .wide-visual .hero-overlay{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:none;padding:26px 28px 32px;color:#101010;background:#f6f5f1}
  .wide-visual .hero-overlay .eyebrow{color:#666;opacity:1}
  .wide-visual .hero-overlay h1{font-size:clamp(40px,10vw,62px);line-height:.92;margin:14px 0 18px;text-shadow:none}
  .wide-visual .hero-overlay .lead{font-size:16px;color:#444;max-width:650px}
  .wide-visual .primary.light{background:#111;color:#fff}
  .wide-visual .secondary.light-border{border-color:#999;color:#111;background:transparent}
  .wide-visual .slider-arrow{top:calc((100vw - 48px) * .21465);transform:translateY(-50%);opacity:1}
  .wide-visual .slider-dots{top:calc((100vw - 48px) * .42929 - 24px);bottom:auto}
}
@media (max-width:560px){
  .wide-visual{aspect-ratio:auto;min-height:0}
  .wide-visual .hero-overlay{left:auto;right:auto;padding:22px 8px 28px}
  .wide-visual .hero-overlay h1{font-size:clamp(38px,11.5vw,52px)}
  .wide-visual .hero-overlay .actions{margin-top:22px}
  .wide-visual .slider-arrow{top:calc((100vw - 28px) * .21465);width:34px;height:48px;font-size:25px}
  .wide-visual .slider-dots{top:calc((100vw - 28px) * .42929 - 22px);right:12px;bottom:auto}
}
/* Startseite: Originalzuschnitt 1950 x 850, kein weiterer Beschnitt */
.wide-visual.home-slider{aspect-ratio:1950/850;min-height:0}
.home-slider .slide img{object-fit:contain;object-position:center}
.home-slider .slider-arrow{opacity:1}
.home-slider .hero-overlay h1{font-size:clamp(44px,5.6vw,84px);line-height:1}
.home-slider .hero-overlay{max-width:670px;right:65px}
.slider-pause{position:absolute;right:24px;bottom:48px;z-index:6;border:1px solid white;background:#111a;color:white;font:inherit;font-size:12px;padding:5px 10px;cursor:pointer}
.nav{flex-wrap:wrap;gap:8px 24px}
button:focus-visible,a:focus-visible{outline:3px solid #b68a32;outline-offset:4px}
@media(max-width:900px){
 .wide-visual.home-slider{aspect-ratio:auto;min-height:0}
 .wide-visual.home-slider .slides{aspect-ratio:1950/850}
 .home-slider .hero-overlay{max-width:none;right:auto}
 .wide-visual.home-slider .slider-arrow{top:calc((100vw - 48px)*850/1950/2)}
 .wide-visual.home-slider .slider-dots{top:calc((100vw - 48px)*850/1950 - 24px)}
 .home-slider .slider-pause{top:calc((100vw - 48px)*850/1950 - 55px);bottom:auto}
 .nav{gap:0}
}
@media(max-width:560px){
 .wide-visual.home-slider .slider-arrow{top:calc((100vw - 28px)*850/1950/2)}
 .wide-visual.home-slider .slider-dots{top:calc((100vw - 28px)*850/1950 - 22px)}
 .home-slider .slider-pause{top:calc((100vw - 28px)*850/1950 - 52px);right:12px}
 .wide-visual.home-slider .hero-overlay h1{font-size:clamp(38px,11.5vw,52px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}}