:root{--yellow:#ffda68;--dark:#152e36;--muted:#607077;--cream:#f8f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:var(--cream)}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(5vw,22px);background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 18px #0000000b}.logo{font-size:25px;letter-spacing:.13em;font-weight:900}.logo span{color:#d5a52b}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.btn{display:inline-block;background:var(--yellow);padding:16px 25px;border-radius:3px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);background:#f5c63e}.btn.dark{background:var(--dark);color:white}.hero{min-height:690px;background:linear-gradient(90deg,#102b34f5 0%,#102b34db 45%,#102b3460 100%),url('../assets/knotenpunkt.png') center 45%/cover;display:flex;align-items:center;color:white}.wrap{max-width:1190px;margin:auto;padding:0 25px}.hero .wrap{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:12px;color:#b48a20}.hero .eyebrow{color:var(--yellow)}h1{font-size:clamp(48px,7vw,92px);line-height:1.01;letter-spacing:-.055em;max-width:920px;margin:22px 0}h1 em{font-style:normal;color:var(--yellow)}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;max-width:670px;color:#e0e8e8}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:34px}.outline{border:1px solid #fff9;padding:15px 24px;font-weight:700}.strip{background:var(--yellow);padding:24px 0;font-size:15px;font-weight:800}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}section{padding:105px 0}.section-title{font-size:clamp(34px,4.5vw,60px);letter-spacing:-.045em;line-height:1.08;margin:18px 0 24px;max-width:850px}.intro{max-width:760px;font-size:19px;line-height:1.7;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:470px;object-fit:cover;object-position:center;border-radius:4px}.note{font-size:14px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.service{background:white;padding:32px;min-height:235px;border-top:5px solid var(--yellow)}.service b{font-size:22px}.service p{line-height:1.65;color:var(--muted)}.number{font-size:13px;font-weight:900;color:#b99236;margin-bottom:25px}.dark-section{background:var(--dark);color:white}.dark-section .intro{color:#c6d0d2}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:45px}.project{background:#fff;color:var(--dark);overflow:hidden}.project img{width:100%;height:315px;object-fit:cover}.project div{padding:25px}.project h3{font-size:25px;margin:0 0 8px}.project p{color:var(--muted);line-height:1.5;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.step{border-top:2px solid #e0c36a;padding-top:20px}.step strong{font-size:21px}.step p{line-height:1.6;color:#c6d0d2}.cta{background:var(--yellow);padding:85px 0}.cta .section-title{max-width:800px}.contact{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}footer{background:#0e2229;color:#c7d0d2;padding:36px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:850px){nav a:not(.btn){display:none}.split,.projects{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hero{min-height:650px}.split img{height:350px}}@media(max-width:540px){.grid,.steps{grid-template-columns:1fr}section{padding:70px 0}.hero{min-height:630px}.logo{font-size:19px}nav .btn{padding:12px;font-size:12px}.project img{height:240px}}.gallery{grid-template-columns:repeat(3,1fr)}.gallery .project img{height:235px;object-fit:cover}.gallery .project h3{font-size:21px}@media(max-width:850px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.gallery{grid-template-columns:1fr}}

/* V9: Bildaufbereitung und stabile Projektgalerie */
.hero .btn:not(.dark),.btn:not(.dark){color:#25333a}
.hero{background-image:linear-gradient(90deg,#102b34f5 0%,#102b34db 45%,#102b3460 100%),url('../assets/knotenpunkt.png')}
.origin-visual{position:relative;margin:0;align-self:stretch;min-height:450px;overflow:hidden;border-radius:5px}
.origin-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.origin-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 26px 22px;color:white;background:linear-gradient(transparent,#091f27ed);font-size:14px;line-height:1.5}
.projects .project img{display:block;aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;object-position:center}
.project-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:28px}
.project-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 22px #132c3612;min-width:0}
.project-slider{position:relative;width:100%;aspect-ratio:16/10;background:#e9eceb;overflow:hidden}
.project-image-open{border:0;padding:0;background:transparent;display:block;width:100%;height:100%;cursor:zoom-in}
.project-image-open img{display:block;width:100%;height:100%;object-fit:contain}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#102a32d9;color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:26px;cursor:pointer}.slide-prev{left:12px}.slide-next{right:12px}
.slide-count{position:absolute;bottom:12px;right:12px;background:#102a32df;color:white;padding:5px 10px;border-radius:20px;font-size:12px}
.project-card-copy{padding:22px}.project-card-copy h3{margin:9px 0;font-size:23px}.project-card-copy p{margin:0 0 18px;color:#607077;line-height:1.5}.project-category{color:#ad8222;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.project-dots{display:flex;gap:8px;flex-wrap:wrap}.project-dot{width:11px;height:11px;border-radius:50%;border:0;background:#cbd2d2;cursor:pointer}.project-dot.active{background:#bf9024}
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.filter-btn{border:1px solid #bec8c9;background:white;color:#203a41;padding:10px 18px;border-radius:25px;cursor:pointer}.filter-btn.is-active{background:#152e36;color:white}
.lightbox{position:fixed;inset:0;background:#07161bea;z-index:100;display:none;align-items:center;justify-content:center;padding:60px 60px}.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;background:#fff;color:#152e36;border:0;border-radius:30px;width:40px;height:40px;font-size:26px;cursor:pointer}.lightbox-close{right:18px;top:18px}.lightbox-prev{left:12px;top:50%}.lightbox-next{right:12px;top:50%}
@media(max-width:750px){.project-showcase{grid-template-columns:1fr}.origin-visual{min-height:340px}.origin-visual img{position:absolute}.lightbox{padding:55px 20px}}