:root{--orange:#ee7202;--ink:#202325;--muted:#62676a;--line:#e2e5e5;--light:#f4f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.045em;line-height:1.1}h1{font-size:clamp(3.5rem,6.9vw,6.9rem)}h2{font-size:clamp(2.6rem,4.5vw,4.1rem)}h3{font-size:1.8rem}.wrap{width:min(1240px,88%);margin:auto}.eyebrow{display:block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}.orange{color:#c05a00}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:15px 24px;border-radius:6px;border:1px solid var(--orange);background:var(--orange);color:#191b1c;font-size:.95rem;font-weight:650;line-height:1.5;transition:background .2s,transform .2s;cursor:pointer}.btn:hover{background:#ff8b28;transform:translateY(-2px)}.btn.secondary{background:transparent;border-color:#b8bdbf}.btn.secondary:hover{background:#eaeeee}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:white;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #006c9c;outline-offset:5px}header{position:sticky;top:0;background:white;z-index:40}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:195px;height:69px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-weight:600;font-size:.9rem}.navlinks>a:not(.btn):hover{color:#a74e00}.nav-phone{color:var(--muted)}.navlinks .btn{padding:12px 20px}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:5px;padding:9px 16px;color:var(--ink)}.hero{margin:0 24px;min-height:650px;position:relative;border-radius:14px;overflow:hidden;color:#fff;background:#161c21}.hero-visual{position:absolute;inset:0}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center 55%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,23,.89) 0%,rgba(8,17,23,.77) 43%,rgba(8,17,23,.3) 100%)}.hero-content{position:relative;width:min(1240px,calc(88vw - 48px));margin:auto;padding-top:30px}.hero-topline,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.8rem;font-weight:600;letter-spacing:.09em}.hero-topline{padding-bottom:24px;border-bottom:1px solid #ffffff45}.hero-message{padding:57px 0 52px}.hero-message .eyebrow{color:#e2e8e9;margin-bottom:21px}.hero h1{font-weight:500;line-height:1.04}.hero h1 em{font-weight:500;font-family:Georgia,'Times New Roman',serif;color:#fff;font-style:italic;letter-spacing:-.05em}.hero-message p{font-size:1.13rem;line-height:1.7;color:#e0e5e7;margin:26px 0 27px;max-width:600px}.hero-bottom{border-top:1px solid #ffffff45;padding:20px 0 25px;letter-spacing:0;font-size:.9rem}.hero-bottom a{color:white;border-bottom:1px solid #ffffff80}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding:63px 0 70px;align-items:center}.intro>p{font-size:2rem;line-height:1.35;letter-spacing:-.03em;font-weight:400}.intro strong{font-weight:600}.intro>div{color:var(--muted);max-width:490px}.block{padding:90px 0}.portfolio{padding-top:80px;background:var(--light)}.section-head{display:grid;grid-template-columns:.62fr 1.3fr .8fr;gap:30px;align-items:end;margin-bottom:45px}.section-head>.eyebrow{align-self:start;padding-top:7px;color:#636a6d;font-size:.75rem}.section-head>p{color:var(--muted);font-size:1rem;padding-bottom:3px}.services{display:grid;grid-template-columns:1.22fr 1fr;gap:24px}.service{min-height:430px;position:relative;isolation:isolate;border-radius:10px;overflow:hidden;color:white;background:#202b30;display:flex;align-items:end}.service:nth-child(3),.service:nth-child(4){min-height:370px}.service-image{position:absolute;inset:0;z-index:-2}.service-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.service:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,16,22,.93),rgba(8,16,22,.6) 35%,rgba(8,16,22,.02) 80%)}.service:hover .service-image img{transform:scale(1.04)}.service-caption{width:100%;padding:30px 60px 30px 30px;position:relative}.service-caption .eyebrow{font-size:.72rem;color:#e0e4e5;margin-bottom:9px}.service-caption h3{font-weight:600;font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.15;margin-bottom:10px}.service-caption p{font-size:.9rem;color:#e0e4e5;line-height:1.6}.card-arrow{position:absolute;right:24px;bottom:32px;width:32px;height:32px;border:1px solid #ffffff70;border-radius:50%;text-align:center;line-height:29px;font-size:1.1rem;transition:.2s}.service:hover .card-arrow{background:var(--orange);border-color:var(--orange);color:#202325}.process{background:white}.steps{margin-left:23.6%}.step{display:grid;grid-template-columns:60px 1fr 60px;gap:24px;border-top:1px solid var(--line);padding:27px 0;align-items:center}.step-number{color:#bc5700;font-size:.9rem;font-weight:600;align-self:start;padding-top:5px}.step h3{font-size:1.65rem;font-weight:600;margin-bottom:10px}.step p{font-size:1rem;color:var(--muted);max-width:570px;line-height:1.65}.step img{height:43px;width:43px;object-fit:contain}.about-section{background:#1e262a;color:white;margin:0 24px;border-radius:14px;padding:85px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about .eyebrow{color:#c1cbd0;margin-bottom:27px}.about h2{font-size:clamp(2.5rem,3.9vw,3.8rem);margin-bottom:28px}.about p{color:#cbd1d4;margin-bottom:18px;max-width:480px}.about .btn{color:white;margin-top:12px;border-color:#87959c}.about .btn:hover{background:#36434a}.workshop{position:relative;padding:0 0 60px 35px;min-width:0}.workshop-main img{height:365px;width:100%;object-fit:cover;border-radius:8px}.workshop-detail{position:absolute;bottom:0;left:0;width:53%;padding:8px;background:#1e262a;border-radius:10px}.workshop-detail img{height:155px;width:100%;object-fit:cover;border-radius:6px}.workshop-label{position:absolute;bottom:0;right:0;font-size:.9rem;color:#cbd1d4;line-height:1.6}.workshop-label strong{font-weight:500;color:white}.references{padding:60px 0}.references .eyebrow{text-align:center;letter-spacing:.08em;color:var(--muted);font-size:.75rem;margin-bottom:35px}.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 38px}.logos img{width:110px;height:50px;object-fit:contain}.contact{background:#f0780c;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact .eyebrow{margin-bottom:24px}.contact h2{font-weight:500;font-size:clamp(3.6rem,6.5vw,6.4rem);line-height:1.02;margin-bottom:25px}.contact-grid>div>p{max-width:380px;margin-bottom:24px}.contact-direct{display:block;font-size:1.45rem;font-weight:600;letter-spacing:-.025em;line-height:1.8;overflow-wrap:anywhere}.contact-direct:hover{text-decoration:underline}.enquiry{padding:33px 36px;background:white;border-radius:10px;box-shadow:0 20px 40px #7a3a071a}.enquiry h3{font-size:1.5rem;margin-bottom:12px}.enquiry>p{color:var(--muted);font-size:.875rem;line-height:1.6;margin-bottom:19px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:.875rem;font-weight:600;display:block}input,select,textarea{display:block;width:100%;border:1px solid #c5cccf;background:white;color:var(--ink);padding:10px 12px;margin:6px 0 14px;border-radius:4px;font-size:1rem}textarea{min-height:100px;resize:vertical}.enquiry .fine{font-size:.8rem;line-height:1.55;margin:14px 0 0}.fine a{text-decoration:underline}.enquiry .btn{width:100%}footer{padding:55px 0 22px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:65px;margin-bottom:50px}.footer-logo{width:210px;height:90px;object-fit:contain;object-position:left;background:#263137;padding:10px;border-radius:5px;margin-bottom:15px}.footer-grid b{font-size:.78rem;letter-spacing:.055em;display:block;margin-bottom:15px}.footer-grid p,.footer-grid address,.footer-links{font-size:.9rem;color:var(--muted);font-style:normal}.footer-links{display:flex;flex-direction:column;gap:7px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);margin-top:12px;font-size:.9rem;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;color:var(--muted)}.footer-bottom div{display:flex;gap:25px}.mobile-contact{display:none}.detail-hero{padding:45px 0 65px;background:var(--light);margin:0 24px;border-radius:12px}.crumb{font-size:.8rem;color:var(--muted);margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-grid .eyebrow{margin-bottom:22px}.detail-grid h1{font-size:clamp(2.65rem,4.2vw,4.25rem);overflow-wrap:break-word}.detail-grid p{margin:26px 0;color:var(--muted)}.detail-grid>img{height:440px;width:100%;object-fit:cover;border-radius:9px}.detail-body{max-width:800px}.detail-body h2{font-size:2.8rem;margin:20px 0 25px}.detail-body p{color:var(--muted);margin-bottom:20px}.detail-body ul{padding-left:22px;margin-bottom:40px}.detail-body li{padding:5px 0}.contact>.wrap>h2{font-size:3rem;margin-top:20px}.contact .actions .secondary{border-color:#40270f}.legal{max-width:900px;padding:60px 0}.legal h1{font-size:3.5rem;margin-bottom:35px}.legal h2{font-size:1.8rem;margin:30px 0 15px}.legal h3{font-size:1.3rem;margin:25px 0 10px}.legal p{margin-bottom:15px}.legal a{text-decoration:underline;overflow-wrap:anywhere}@media(min-width:1600px){.hero{min-height:740px}.hero-message{padding:75px 0 72px}}@media(max-width:1100px){.nav-phone{display:none}.navlinks{gap:22px}.hero-content{width:86%}.hero-message{padding:60px 0}.section-head{grid-template-columns:1.4fr 1fr}.section-head>.eyebrow{grid-column:1/-1}.steps{margin-left:0}.about{gap:40px}.contact-grid{gap:40px}.contact-direct{font-size:1.2rem}.service{min-height:390px}.footer-grid{gap:35px}}@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:88%}.nav{height:85px}.brand img{width:177px;height:63px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:85px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:25px 6%;border-top:1px solid var(--line);box-shadow:0 12px 20px #0001}.navlinks.open{display:flex}.hero{margin:0 12px;min-height:650px;border-radius:10px}.hero-content{width:86%;padding-top:22px}.hero-topline{font-size:.65rem;gap:15px;padding-bottom:17px;letter-spacing:.075em}.hero-topline span:last-child{text-align:right}.hero-message{padding:56px 0 43px}.hero-message .eyebrow{font-size:.72rem;max-width:260px}.hero h1{font-size:clamp(2.9rem,9.8vw,4.5rem)}.hero-message p{font-size:1rem;margin:24px 0 26px}.hero-message p br{display:none}.hero .btn{font-size:.875rem;gap:15px;padding:15px 18px}.hero-bottom{align-items:start;flex-direction:column;gap:8px;font-size:.8rem}.hero-visual:after{background:linear-gradient(90deg,#081117e8,#0811179c)}.hero-visual img{object-position:60% center}.intro{grid-template-columns:1fr;gap:22px;padding:43px 0 50px}.intro>p{font-size:1.75rem}.intro>div{font-size:1rem}.block{padding:56px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-head h2{font-size:2.6rem}.section-head>p{font-size:.95rem}.services{grid-template-columns:1fr;gap:18px}.service,.service:nth-child(3),.service:nth-child(4){min-height:355px}.service-caption{padding:24px 60px 24px 25px}.service-caption h3{font-size:1.85rem}.service-caption .eyebrow{font-size:.7rem}.service-caption p{font-size:.875rem}.step{grid-template-columns:32px 1fr;gap:16px;padding:24px 0}.step img{display:none}.step h3{font-size:1.5rem}.step p{font-size:.95rem}.about-section{margin:0 12px}.about{grid-template-columns:1fr;gap:40px}.about h2{font-size:2.8rem}.workshop{padding-left:25px;padding-bottom:55px}.workshop-main img{height:290px}.workshop-detail img{height:125px}.workshop-label{font-size:.8rem}.logos{gap:24px}.logos img{width:85px;height:44px}.references{padding:43px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:4.4rem}.contact-direct{font-size:1.4rem}.enquiry{padding:25px 22px}.enquiry h3{font-size:1.45rem}.fields{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:14px}footer{padding-bottom:95px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:10px 5%;background:#fff;border-top:1px solid var(--line);z-index:50}.mobile-contact a{flex:1;padding:10px;text-align:center;font-size:.875rem;font-weight:650;border-radius:4px}.mobile-contact a:last-child{background:var(--orange)}.detail-hero{margin:0 12px;padding:25px 0 40px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-grid h1{font-size:2.8rem}.detail-grid>img{height:300px}.detail-body h2{font-size:2.3rem}.contact>.wrap>h2{font-size:2.5rem}.crumb{margin-bottom:30px}.legal h1{font-size:2.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Referenzen direkt nach dem Einstieg */
.references-featured{padding:58px 0 45px;border-bottom:1px solid var(--line)}
.references-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.references-featured .eyebrow{text-align:left;margin-bottom:10px;color:#a94e00;font-size:.8rem}
.references-heading h2{font-size:clamp(1.85rem,3vw,2.7rem)}
.references-heading p{font-size:.9rem;color:var(--muted)}
.references-featured .logos{display:grid;grid-template-columns:repeat(28,1fr);gap:22px 18px;align-items:center}
.references-featured .logos img{width:100%;height:55px;object-fit:contain;grid-column:span 4;padding:6px}
.references-featured .logos img:nth-child(-n+4){grid-column:span 7;height:108px;padding:14px 24px;border-bottom:1px solid var(--line);padding-bottom:24px}
@media(max-width:760px){.references-featured{padding:37px 0 30px}.references-heading{display:block;margin-bottom:20px}.references-heading p{margin-top:14px;font-size:.875rem}.references-featured .logos{grid-template-columns:repeat(6,1fr);gap:16px 12px}.references-featured .logos img{grid-column:span 2;height:52px;padding:5px}.references-featured .logos img:nth-child(-n+4){grid-column:span 3;height:86px;padding:12px 16px 20px}.references-featured .logos img:last-child{grid-column:3/span 2}}

/* Mobile overflow hardening */
html,body{max-width:100%;overflow-x:hidden}
.detail-grid>*{min-width:0}
.detail-grid h1,.detail-body h2,.crumb,.btn,.footer-grid,.footer-bottom,.actions{min-width:0}
.crumb,.detail-grid h1,.detail-body h2,.btn,.footer-grid a,.footer-grid p,.footer-grid address,.footer-bottom a{overflow-wrap:anywhere;word-break:normal}
.btn{max-width:100%;white-space:normal;text-align:center}
.actions>*{min-width:0}

@media(max-width:760px){
  .detail-hero .wrap,.detail-body,.contact>.wrap{max-width:100%}
  .detail-grid{min-width:0}
  .detail-grid h1{font-size:clamp(2.15rem,10.5vw,2.8rem);line-height:1.06}
  .detail-body h2{font-size:clamp(1.9rem,9vw,2.3rem);line-height:1.12}
  .crumb{font-size:.76rem;line-height:1.55}
  .detail-grid p,.detail-body p,.detail-body li{overflow-wrap:anywhere}
  .actions{width:100%}
  .actions .btn{flex:1 1 100%;width:100%}
  .contact>.wrap>h2{font-size:clamp(2rem,9vw,2.5rem);overflow-wrap:anywhere}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom div{flex-wrap:wrap;gap:12px 20px}
}