:root{--dark:#151e1d;--dark-2:#202a29;--ink:#1b2422;--muted:#6a716d;--paper:#f5f4f0;--cream:#ebe9e2;--white:#fff;--accent:#bd9b73;--stroke:#d9dad3;--page-pad:clamp(24px,5.3vw,94px);--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--dark)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.container-wide{max-width:1730px;margin:0 auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.skip-link{position:absolute;top:-90px;left:12px;background:var(--white);z-index:99;padding:14px 20px}.skip-link:focus{top:12px}
.topline{height:32px;background:#17201f;color:#d0d6d0;display:flex;justify-content:space-between;align-items:center;padding:0 var(--page-pad);font-size:9px;letter-spacing:.25em;font-weight:700}.topline-location{color:#b6a58c}.site-header{background:#fff;position:relative;z-index:20;box-shadow:0 1px 0 rgba(28,36,32,.12)}.header-inner{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:156px;max-width:24%;flex-shrink:0;display:block}.brand img{width:100%;height:auto;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;gap:clamp(17px,2.6vw,43px);margin-left:auto}.main-nav a{font-size:12px;font-weight:650;letter-spacing:.045em;white-space:nowrap;transition:color .2s}.main-nav a:hover{color:#94724c}.header-contact{background:var(--dark);color:#fff;padding:17px 22px;font-size:11px;font-weight:700;letter-spacing:.035em;white-space:nowrap;display:flex;align-items:center;gap:32px;transition:background .2s}.header-contact:hover{background:#3b4b46}.header-contact span{font-size:17px;font-weight:400}.menu-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer}
.hero{position:relative;min-height:clamp(600px,68vw,780px);display:flex;align-items:center;background:#1a2426;overflow:hidden;color:#fff}.hero-image,.hero-scrim{position:absolute;inset:0}.hero-image{background-image:url('https://images.unsplash.com/photo-1572276075552-93ad98749285?auto=format&fit=crop&w=2300&q=85'),url('assets/structure.svg');background-position:center 47%;background-repeat:no-repeat;background-size:cover;filter:saturate(.55)}.hero-scrim{background:linear-gradient(90deg,rgba(14,23,24,.94) 0%,rgba(14,23,24,.82) 29%,rgba(14,23,24,.43) 63%,rgba(14,23,24,.19) 100%),linear-gradient(0deg,rgba(10,19,20,.78) 0%,transparent 27%)}.hero-content{position:relative;z-index:2;width:100%;padding-top:36px;padding-bottom:130px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.23em;font-weight:750;display:flex;gap:15px;align-items:center}.eyebrow{color:#e9e8df}.eyebrow .line{width:34px;height:1px;background:var(--accent)}.eyebrow-location{color:var(--accent)}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.056em;font-size:clamp(88px,9.4vw,163px);line-height:.98;margin:35px 0 22px;max-width:950px}.gold-dot{color:var(--accent)}.hero-lede{font-size:clamp(17px,1.8vw,23px);line-height:1.65;max-width:470px;color:#e1e4df;margin:0}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:44px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:56px;padding:17px 22px;font-size:11px;font-weight:750;letter-spacing:.07em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;font-weight:400;line-height:1}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#fff}.link-on-dark{font-size:12px;letter-spacing:.06em;border-bottom:1px solid #a3aaa4;padding:9px 0;display:inline-flex;gap:48px;align-items:center}.link-on-dark span{font-size:18px}.hero-bottom{position:absolute;left:0;right:0;bottom:0;height:87px;display:flex;justify-content:space-between;align-items:center;z-index:2;border-top:1px solid rgba(255,255,255,.23);font-size:10px;letter-spacing:.2em;color:#d9dbd4}.hero-bottom a{display:inline-flex;align-items:center;gap:22px}.arrow-down{font-size:25px;color:var(--accent);line-height:1}.hero-side-text{position:absolute;z-index:1;right:22px;top:48%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.32em;color:rgba(255,255,255,.62)}
.section-pad{padding:clamp(86px,9vw,150px) 0}.section-kicker{color:#826e56}.kicker-index{color:var(--ink);font-weight:700}.section-kicker.light{color:var(--accent)}.section-kicker.light .kicker-index{color:#d1d2cb}h2,h3,p{margin-top:0}h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;font-size:clamp(48px,5.5vw,88px);line-height:1.08;margin-bottom:0}h2 em{font-weight:400;color:#a88760}.intro-section{background:#f7f6f2}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;column-gap:9%;margin-top:54px;align-items:start}.intro-head h2{font-size:clamp(60px,6.1vw,104px)}.intro-copy{max-width:530px;padding-top:9px}.lead{font-family:var(--serif);font-size:clamp(23px,2.35vw,31px);line-height:1.43;color:#25312e}.intro-copy>p:not(.lead){font-size:15px;line-height:1.95;color:#626b65;margin-bottom:20px}.inline-link{display:inline-flex;align-items:center;gap:44px;border-bottom:1px solid #8d958c;padding:10px 0;font-size:12px;letter-spacing:.025em;font-weight:700;margin-top:9px;transition:gap .2s}.inline-link:hover{gap:52px}.inline-link span{font-size:20px;font-weight:400}.statline{border-top:1px solid #d5d7d0;margin-top:95px;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:29px 20px 0 0;display:flex;flex-direction:column;gap:14px;min-height:115px;border-right:1px solid #d5d7d0;padding-left:30px}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat strong{font:normal 46px/1 var(--serif);letter-spacing:-.05em}.stat span{font-size:11px;letter-spacing:.07em;color:#64706b}
.services-section{background:#e9e9e3}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:52px;margin-bottom:55px}.section-heading-row>p{font-size:15px;line-height:1.85;max-width:360px;margin:0 3% 8px 0;color:#626b65}.services-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:21px}.service{display:block;min-width:0;background:#f8f7f3;transition:transform .25s,box-shadow .25s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(25,29,29,.1)}.service-media{height:clamp(230px,22vw,354px);position:relative;overflow:hidden;background:#55605c}.service-media-steel{background:#303e3c}.service-media-door{background:#65706a}.service-media-workshop{background:#4b3e35}.media-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s;filter:saturate(.69)}.service:hover .media-image{transform:scale(1.05)}.image-steel{background-image:url('https://images.unsplash.com/photo-1668886580919-ce45651f3ccf?auto=format&fit=crop&w=1100&q=85'),url('assets/structure.svg')}.image-doors{background-image:url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=950&q=85'),url('assets/structure.svg')}.image-workshop{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=950&q=85'),url('assets/structure.svg')}.media-corner{position:absolute;top:20px;left:22px;color:white;border:1px solid #ffffff80;padding:10px 12px;font-size:10px;letter-spacing:.2em}.service-content{padding:30px 26px 32px}.service-label{display:block;color:#9d7e5a;font-size:9px;letter-spacing:.19em;font-weight:750}.service-title-row{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:14px 0}.service-title-row h3{font:normal clamp(26px,2.25vw,38px)/1.12 var(--serif);letter-spacing:-.03em;margin:0}.circle-arrow{font-size:20px;border:1px solid #d4d6cd;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px}.service-content p{font-size:13px;line-height:1.8;color:#69716c;margin:0;max-width:390px}
.business-section{display:grid;grid-template-columns:50% 50%;min-height:690px;background:var(--dark);color:#fff}.business-image{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1300&q=85'),url('assets/structure.svg');background-position:center;background-size:cover;background-color:#34413c;min-height:550px;filter:saturate(.65)}.business-panel{padding:clamp(65px,7vw,115px) clamp(36px,6vw,118px) clamp(60px,6vw,106px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.business-panel h2{font-size:clamp(48px,5vw,81px);margin:38px 0 23px}.business-panel>p{max-width:510px;font-size:14px;line-height:1.88;color:#c5ccc5;margin-bottom:20px}.arrow-list{list-style:none;padding:0;margin:8px 0 36px;width:100%;max-width:530px}.arrow-list li{border-bottom:1px solid #ffffff2a;padding:14px 0 14px 27px;font-size:12px;letter-spacing:.02em;position:relative}.arrow-list li:before{content:'↗';position:absolute;left:0;color:var(--accent);font-size:16px;top:10px}.button-outline-light{color:white;border:1px solid #c7cec3}.button-outline-light:hover{background:#f3f2ee;color:var(--dark)}
.private-section{background:#f5f4ef}.private-header{margin-bottom:58px}.private-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.private-card{display:block}.private-photo{height:clamp(270px,35vw,500px);position:relative;overflow:hidden;background:#bbc1b8}.private-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.65)}.private-card:hover .private-photo img{transform:scale(1.035)}.photo-arrow{position:absolute;right:24px;bottom:24px;background:#f5f4ef;width:52px;height:52px;display:grid;place-items:center;font-size:23px}.private-card-bottom{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #cdd0c7;padding:26px 2px 31px}.private-card h3{font:normal clamp(30px,3vw,49px)/1.12 var(--serif);margin:12px 0}.private-card p{font-size:13px;line-height:1.8;color:#6a736b;max-width:380px;margin:0}.outline-arrow{font-size:23px;flex-shrink:0}.private-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:45px}.private-cta p{font:normal 23px var(--serif);margin:0}.private-cta .inline-link{margin:0}
.approach-section{background:#e5e5dc}.approach-title-wrap{display:flex;align-items:end;justify-content:space-between;margin:48px 0 65px;gap:24px}.approach-title-wrap>p{color:#626b65;line-height:1.9;max-width:390px;font-size:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{border-top:1px solid #aeb4a9;padding-top:25px}.step>span{font-size:11px;letter-spacing:.15em;color:#a47e54}.step h3{font:normal 32px var(--serif);letter-spacing:-.035em;margin:32px 0 13px}.step p{font-size:13px;line-height:1.8;color:#69726b;max-width:250px}
.contact-section{position:relative;background:#1c2726;overflow:hidden;color:white}.contact-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 92% 6%,#7a775522 0,transparent 48%),repeating-linear-gradient(125deg,transparent 0 145px,#ffffff05 146px 147px,transparent 148px 290px);opacity:.85;pointer-events:none}.contact-container{position:relative;padding-top:clamp(86px,10vw,165px);padding-bottom:clamp(100px,11vw,180px)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:8%;margin-top:51px}.contact-grid h2{font-size:clamp(54px,5.8vw,94px)}.contact-grid>div:first-child>p{color:#c5cac4;line-height:1.9;font-size:15px;max-width:440px;margin-top:28px}.contact-details{padding-left:clamp(0px,2vw,35px)}.contact-label{font-size:10px;letter-spacing:.24em;color:var(--accent);display:block;margin-bottom:19px}.contact-big{display:flex;justify-content:space-between;gap:10px;font:normal clamp(32px,3.35vw,54px)/1.2 var(--serif);letter-spacing:-.04em;border-bottom:1px solid #ffffff4a;padding-bottom:19px}.contact-big span{font:normal 23px var(--sans)}.contact-email{display:flex;justify-content:space-between;gap:10px;font:normal clamp(14px,1.45vw,20px) var(--sans);border-bottom:1px solid #ffffff4a;padding:25px 0}.contact-email span{font-size:20px}.contact-address{display:flex;flex-direction:column;gap:8px;color:#c2c9c1;margin-top:25px;font-size:13px;line-height:1.4}.button-bronze{background:var(--accent);color:#101a19;margin-top:32px}.button-bronze:hover{background:#d2b28c}
.footer{background:#f6f5f0}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px;padding:80px 0 70px}.footer-brand img{width:160px;mix-blend-mode:multiply}.footer-brand p{font:normal 20px/1.5 var(--serif);margin:12px 0 0;color:#59625e}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-nav>span:first-child{font-size:10px;letter-spacing:.21em;font-weight:750;color:#a07e56;margin-bottom:14px}.footer-nav a,.footer-text{font-size:13px;line-height:1.5}.footer-nav a:hover{text-decoration:underline}.footer-text{color:#636b64}.footer-bottom{border-top:1px solid #d7d9d0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 28px;font-size:11px;color:#626963}.footer-bottom-links{display:flex;gap:30px}.footer-bottom-links a:hover{text-decoration:underline}
/* Rechtstexte: bewusst typografisch schlicht. */
.legal-main{background:#f7f6f2;padding:90px 0 120px;min-height:62vh}.legal-content{max-width:870px}.legal-content h1{font:normal clamp(52px,7vw,82px)/1.1 var(--serif);letter-spacing:-.05em;margin:27px 0 48px}.legal-content h2{font:normal 30px var(--serif);letter-spacing:-.02em;margin:42px 0 16px}.legal-content p,.legal-content li{font-size:15px;line-height:1.9;color:#515c57}.legal-content a{border-bottom:1px solid #999}.legal-note{border-left:3px solid var(--accent);background:#edeae2;padding:22px 26px;font-size:14px;line-height:1.7;color:#515b55}.legal-content address{font-style:normal;font-size:15px;line-height:1.8}.legal-content ul{padding-left:21px}
@media(max-width:1200px){.main-nav{gap:17px}.header-inner{gap:17px}.header-contact{gap:14px}.services-grid{gap:14px}.service-content{padding:25px 18px}.service-title-row h3{font-size:29px}}
@media(max-width:1100px){.topline{font-size:8px}.header-inner{height:88px}.brand{width:135px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:45px;height:45px;margin-left:auto}.menu-toggle span{display:block;width:28px;height:2px;background:var(--dark);transition:transform .2s}.nav-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.nav-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px var(--page-pad) 30px;box-shadow:0 20px 26px #00000020;flex-direction:column;align-items:stretch;gap:0;margin:0}.nav-open .main-nav{display:flex}.main-nav a{padding:16px 0;border-top:1px solid #ecece7;font-size:14px}.header-contact{margin-left:auto}.hero{min-height:680px}.hero h1{font-size:clamp(78px,11vw,123px)}.intro-grid{gap:4%}.services-grid{grid-template-columns:repeat(2,1fr)}.service-featured{grid-column:span 2}.service-featured .service-media{height:380px}.business-panel{padding:75px 35px}.business-panel h2{font-size:56px}.contact-grid{gap:5%}.contact-big{font-size:34px}}
@media(max-width:720px){:root{--page-pad:22px}.topline{height:27px;letter-spacing:.14em}.topline-location{display:none}.header-inner{height:82px}.brand{width:120px;max-width:42%}.header-contact{display:none}.hero{min-height:680px}.hero-content{padding-top:65px;padding-bottom:130px}.hero h1{font-size:clamp(63px,13vw,98px);margin:25px 0 20px}.hero-lede{font-size:17px;max-width:360px}.hero-actions{flex-wrap:wrap;gap:23px;margin-top:32px}.hero-bottom{height:70px;font-size:8px;letter-spacing:.13em;gap:12px}.hero-bottom a{gap:8px}.hero-side-text{display:none}.section-pad{padding:77px 0}.section-kicker,.eyebrow{font-size:9px}.intro-grid{display:block;margin-top:35px}.intro-head h2{font-size:clamp(53px,10vw,74px)}.intro-copy{margin-top:30px}.lead{font-size:25px}.statline{grid-template-columns:repeat(2,1fr);margin-top:60px}.stat{padding:22px 10px;min-height:118px;border-bottom:1px solid #d5d7d0}.stat:nth-child(odd){padding-left:0}.stat:nth-child(even){border-right:0;padding-left:25px}.stat:nth-last-child(-n+2){border-bottom:0}.stat strong{font-size:37px}.section-heading-row{display:block;margin-top:35px;margin-bottom:36px}.section-heading-row h2{font-size:clamp(53px,9vw,75px)}.section-heading-row>p{margin-top:22px}.services-grid{display:block}.service{margin-bottom:18px}.service-media,.service-featured .service-media{height:290px}.service-content{padding:25px}.service-title-row h3{font-size:33px}.business-section{display:flex;flex-direction:column}.business-image{min-height:350px}.business-panel{padding:70px var(--page-pad) 75px}.business-panel h2{font-size:clamp(52px,9vw,70px)}.private-grid{display:block}.private-card{margin-bottom:42px}.private-photo{height:clamp(260px,65vw,410px)}.private-cta{display:block;margin-top:12px}.private-cta p{margin-bottom:12px}.approach-title-wrap{display:block;margin:35px 0}.approach-title-wrap>p{margin-top:20px}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.step h3{font-size:28px;margin-top:23px}.contact-grid{display:block;margin-top:35px}.contact-grid h2{font-size:clamp(52px,9vw,74px)}.contact-grid>div:first-child>p{margin-bottom:40px}.contact-details{padding:0}.contact-big{font-size:clamp(30px,7vw,43px)}.footer-top{grid-template-columns:1fr 1fr;gap:45px 22px;padding:60px 0 45px}.footer-brand{grid-column:span 2}.footer-bottom{display:block;line-height:1.7}.footer-bottom-links{margin-top:12px;gap:22px}.legal-main{padding:65px 0 90px}}
@media(max-width:400px){.hero h1{font-size:61px}.hero-bottom span:first-child{max-width:175px;line-height:1.5}.steps{gap:15px}.step h3{font-size:25px}.contact-email{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Lokale Architekturillustrationen erhalten die Gestaltung auch ohne externe Fotodateien. */
.private-photo{background-position:center;background-size:cover}
.photo-balcony{background-image:url('assets/balkon-konzept.svg')}
.photo-canopy{background-image:url('assets/vordach-konzept.svg')}
.footer-brand img{height:auto}

/* Erweiterte Unternehmensinhalte – Oktober 2026 */
.stat strong{font-size:clamp(25px,3.3vw,46px)}
.proof-section{background:#202a28;color:#f8f7f2;padding:clamp(76px,8.2vw,135px) 0}
.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,160px);align-items:start}
.proof-eyebrow{display:block;font-size:10px;letter-spacing:.23em;font-weight:750;color:var(--accent);margin-bottom:30px}
.proof-intro h2{font-size:clamp(54px,5.6vw,90px);line-height:1.05}
.proof-intro>p{color:#d1d5cd;font-size:15px;line-height:1.9;max-width:570px;margin:33px 0 25px}
.proof-intro .inline-link{border-color:#c7ba9e;color:#f8f7f2}
.proof-points{border-top:1px solid #63716a}
.proof-point{padding:26px 0;border-bottom:1px solid #63716a}
.proof-point>span{display:block;color:#ccb38e;letter-spacing:.15em;font-size:10px;margin-bottom:14px}
.proof-point strong{font:normal clamp(27px,3vw,43px)/1.2 var(--serif);letter-spacing:-.03em}
.proof-point p{color:#d1d5cd;font-size:13px;line-height:1.8;max-width:600px;margin:14px 0 2px}
.detail-hero{min-height:clamp(480px,51vw,720px);display:flex;align-items:center;position:relative;background:linear-gradient(108deg,#13201fee,#1b2d2aee 55%,#40564f99),url('assets/structure.svg') center/cover;color:#fff;padding:90px 0}
.detail-hero-company{background:linear-gradient(108deg,#13201ff7,#1b2b28ee 58%,#45565086),url('assets/structure.svg') center/cover}
.detail-hero-business{background:linear-gradient(110deg,#131f1ded,#1c2a27ee 58%,#495d558c),url('assets/structure.svg') center/cover}
.detail-hero-private{background:linear-gradient(110deg,#162321f5,#243630eb 58%,#52645483),url('assets/balkon-konzept.svg') center/cover}
.detail-hero h1{font:normal clamp(65px,7vw,120px)/1.02 var(--serif);letter-spacing:-.055em;max-width:1100px;margin:42px 0 25px}
.detail-hero p{font-size:clamp(17px,1.6vw,23px);line-height:1.72;max-width:685px;color:#e5e9e2;margin:0}
.detail-section{padding:clamp(90px,9vw,155px) 0;background:#f7f6f2}
.detail-section.detail-muted{background:#e9e9e3}
.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.detail-two h2{margin:38px 0 25px;font-size:clamp(49px,5vw,84px)}
.detail-prose{padding-top:24px}
.detail-prose .detail-lead{font:normal clamp(23px,2.1vw,31px)/1.5 var(--serif);color:#1f2d29;margin:0 0 24px}
.detail-prose p:not(.detail-lead){font-size:15px;line-height:1.95;color:#53615a;margin-bottom:19px}
.detail-prose .button-bronze{margin-top:22px}
.detail-callout{background:#1c2825;color:white;padding:clamp(85px,9vw,150px) 0}
.detail-callout h2{font-size:clamp(52px,5.7vw,84px);max-width:870px}
.detail-callout p{font-size:16px;line-height:1.8;color:#d4d9d2;margin:26px 0 35px;max-width:675px}
.legal-content h2{line-height:1.25}
.legal-content p strong{color:#28342f}
@media(max-width:980px){.proof-layout{gap:45px}.detail-two{gap:5%}}
@media(max-width:720px){.proof-layout,.detail-two{grid-template-columns:1fr;gap:30px}.proof-intro h2{font-size:clamp(54px,10vw,72px)}.proof-points{margin-top:22px}.detail-hero{min-height:580px;padding:85px 0}.detail-hero h1{font-size:clamp(56px,10.2vw,84px)}.detail-section{padding:80px 0}.detail-two h2{margin:26px 0}.detail-prose{padding:0}.detail-prose p:not(.detail-lead){font-size:15px}.proof-point strong{font-size:34px}}


/* AUSBILDUNG & KARRIERE – Oktober 2026 */
.career-teaser{background:#23332f;color:#f7f6f0;padding:clamp(85px,8vw,138px) 0;position:relative;overflow:hidden}
.career-teaser::before{content:'';position:absolute;right:-13%;top:-45%;width:58vw;aspect-ratio:1;opacity:.1;background:repeating-linear-gradient(135deg,transparent 0 34px,#e6e0d1 35px 36px,transparent 37px 70px);transform:rotate(4deg);pointer-events:none}
.career-teaser-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,7vw,125px);align-items:center;position:relative}
.career-teaser-copy h2{font:normal clamp(58px,6.2vw,100px)/1.05 var(--serif);letter-spacing:-.05em;margin:34px 0 25px}
.career-teaser-copy h2 em,.career-hero h1 em,.career-listing-head h2 em,.career-details h2 em,.career-apply h2 em,.career-opening h2 em{font-weight:400}
.career-teaser-copy p{max-width:650px;color:#d6dfd8;font-size:16px;line-height:1.9;margin-bottom:29px}
.career-teaser-card{min-height:375px;display:flex;flex-direction:column;justify-content:space-between;padding:38px;background:#d7c9b4;color:#202a25;box-shadow:0 25px 80px #08121031;transition:transform .25s,background .25s;position:relative;overflow:hidden}
.career-teaser-card::after{content:'';width:65%;height:65%;position:absolute;right:-25%;top:12%;border:1px solid #68564150;transform:rotate(45deg)}
.career-teaser-card:hover{transform:translateY(-5px);background:#e6d7c1}
.career-teaser-card-top,.career-teaser-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.17em;font-weight:750;position:relative;z-index:1}
.career-teaser-card-top span{font-size:23px;font-weight:400}.career-teaser-card-title{position:relative;z-index:1;font:normal clamp(35px,3.5vw,61px)/1.12 var(--serif);letter-spacing:-.043em}.career-teaser-card-title em{font-size:.77em}
.career-teaser-card-bottom span{color:#536059;letter-spacing:.08em}
.career-hero{position:relative;min-height:660px;background:#14211f;color:#fff;overflow:hidden;display:flex;align-items:center}
.career-hero-surface{position:absolute;inset:0;background:linear-gradient(90deg,#13211ff7 0%,#182722e8 42%,#233f36a6 100%),url('assets/structure.svg') center/cover}
.career-hero-surface::after{content:'';position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(133deg,transparent 0 85px,#dbd3c2 86px 87px,transparent 88px 172px)}
.career-hero-inner{padding-top:110px;padding-bottom:85px;position:relative;z-index:2;width:100%}
.career-hero h1{font:normal clamp(73px,7.7vw,132px)/1.03 var(--serif);letter-spacing:-.055em;max-width:1280px;margin:38px 0 32px}
.career-hero h1 em{color:#d6b88e}.career-hero-inner>p{font-size:clamp(17px,1.55vw,22px);line-height:1.8;max-width:700px;color:#e1e7df;margin-bottom:34px}
.career-hero-actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.career-hero-facts{display:flex;gap:25px;flex-wrap:wrap;margin-top:84px;padding-top:19px;border-top:1px solid #ffffff42;font-size:10px;letter-spacing:.14em;color:#d4ded5}
.career-hero-facts span:not(:last-child)::after{content:'·';margin-left:25px;color:#c1a07a}
.career-opening{background:#f8f7f3}.career-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.career-opening h2,.career-listing-head h2,.career-details h2,.career-apply h2{font:normal clamp(54px,5.7vw,88px)/1.07 var(--serif);letter-spacing:-.052em;margin:35px 0}
.career-intro-copy{padding-top:28px}.career-intro-copy p:not(.lead){color:#53615a;font-size:15px;line-height:1.95;margin-top:19px}.career-intro-copy .lead{margin-top:0}
.career-listing{background:#eaeae3}.career-listing-head,.career-details-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:45px}
.career-listing-head p,.career-details-heading p{font-size:15px;line-height:1.9;color:#5b655e;max-width:670px;margin-bottom:42px}
.career-position{background:#fff;box-shadow:0 15px 50px #161e1b0a;border-top:4px solid var(--accent);padding:clamp(27px,3.8vw,62px)}
.career-position-top{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;letter-spacing:.12em;color:#6d756c;font-weight:700;border-bottom:1px solid #dadbd4;padding-bottom:26px}
.career-availability{color:#4e6555}.career-availability-dot{display:inline-block;width:7px;height:7px;margin-right:8px;vertical-align:middle;background:#5a785d;border-radius:50%}
.career-position-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(225px,1fr);gap:8%;align-items:end;padding-top:45px}
.career-position-caption{font-size:10px!important;font-weight:700;letter-spacing:.17em;color:#987a55!important}
.career-position h3{font:normal clamp(38px,4.25vw,69px)/1.14 var(--serif);letter-spacing:-.05em;margin:20px 0 24px}.career-position h3 span{font-size:.55em;color:#797d75;white-space:nowrap}.career-position h3 em{font-size:.75em}
.career-position-layout p{max-width:720px;line-height:1.9;color:#56625c;font-size:15px}
.career-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.career-chips>span{font-size:11px;color:#34443c;border:1px solid #d7dbd2;padding:11px 13px;display:inline-flex;align-items:center;gap:8px}.career-chips>span span{color:#9e7954;font-size:16px}
.career-position-action{border-left:1px solid #dedfd7;padding-left:32px;display:flex;flex-direction:column;align-items:stretch;gap:14px}.career-position-action>span{font-size:10px;letter-spacing:.15em;font-weight:700;color:#8b8b81}.career-position-action .button-bronze{margin-top:12px}.career-position-secondary{font-size:12px;color:#3e5047;margin:10px 0;text-align:center;text-decoration:underline;text-underline-offset:3px}
.career-details{background:#f7f6f2}.career-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid #cbd0c9;padding-top:35px}.career-detail-item{border-left:1px solid #cbd0c9;padding-left:23px;min-width:0}
.career-detail-num{font:normal 17px var(--serif);color:#a17c50}.career-detail-item h3{font:normal clamp(28px,2.3vw,39px) var(--serif);letter-spacing:-.03em;margin:22px 0}.career-detail-item p{font-size:14px;line-height:1.9;color:#58655c}
.career-apply{padding:clamp(90px,9vw,155px) 0;background:#1c2825;color:#f7f6f0}.career-apply-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,145px)}
.career-apply h2{margin:35px 0}.career-apply-layout>div>p{color:#d4dcd4;line-height:1.9;font-size:15px;max-width:680px}.career-apply-address{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#b9c7bc;margin-top:40px}.career-apply-panel{align-self:center;border:1px solid #819085;background:#273832;padding:clamp(26px,3.5vw,60px)}
.career-apply-email{display:flex;justify-content:space-between;align-items:center;gap:15px;overflow-wrap:anywhere;font:normal clamp(19px,2.1vw,31px) var(--serif);border-bottom:1px solid #89978b;padding:20px 0}.career-apply-email span{font:normal 24px var(--sans)}.career-apply-panel>p{font-size:13px;line-height:1.85;color:#d2dbd2;margin:28px 0}.career-apply-panel .button-bronze{margin-top:5px}.career-apply-panel .career-privacy-note{color:#b1c1b3;font-size:11px;margin-bottom:0}.career-privacy-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.main-nav{gap:clamp(11px,1.4vw,24px)}.header-inner{gap:17px}.career-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.career-teaser-layout,.career-intro-grid,.career-apply-layout{grid-template-columns:1fr;gap:36px}.career-teaser-card{min-height:280px}.career-listing-head,.career-details-heading{grid-template-columns:1fr;gap:0}.career-listing-head p,.career-details-heading p{margin-bottom:26px}.career-position-layout{grid-template-columns:1fr;gap:36px}.career-position-action{border-left:0;border-top:1px solid #dedfd7;padding-left:0;padding-top:30px;align-items:flex-start}.career-position-action .button-bronze{margin-top:0}.career-position-secondary{margin-left:0}}
@media(max-width:720px){.career-teaser{padding:70px 0}.career-teaser-copy h2{font-size:clamp(55px,9vw,78px)}.career-teaser-card{padding:27px;min-height:270px}.career-teaser-card-title{font-size:clamp(36px,7.2vw,52px)}.career-teaser-card-bottom{gap:6px;flex-wrap:wrap}.career-hero{min-height:690px}.career-hero-inner{padding-top:86px;padding-bottom:55px}.career-hero h1{font-size:clamp(60px,10.4vw,90px);overflow-wrap:normal}.career-hero-inner>p{font-size:17px}.career-hero-facts{margin-top:65px;font-size:9px;line-height:1.8}.career-hero-facts span:not(:last-child)::after{margin-left:15px}.career-opening h2,.career-listing-head h2,.career-details h2,.career-apply h2{font-size:clamp(51px,9.1vw,73px)}.career-intro-copy{padding-top:0}.career-detail-grid{grid-template-columns:1fr;gap:26px}.career-position{padding:28px 22px}.career-position h3{font-size:clamp(40px,8.3vw,59px)}.career-position h3 em{font-size:.66em}.career-position-top{align-items:flex-start;flex-wrap:wrap}.career-position-layout{padding-top:23px}.career-position-action{align-items:stretch}.career-apply-panel{padding:26px 22px}.career-chips{margin-top:23px}}
@media(max-width:400px){.career-hero h1{font-size:55px}.career-position h3{font-size:38px}.career-teaser-card-title{font-size:34px}}


/* REFERENZEN – sachliche B2B-Darstellung ohne fremde Markenlogos */
.references-teaser{background:#192723;color:#f7f6f1;position:relative;overflow:hidden}
.references-teaser:before{content:"";position:absolute;top:-70px;right:-190px;width:620px;height:620px;border:1px solid rgba(188,159,126,.17);transform:rotate(45deg);pointer-events:none}
.references-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:8%;align-items:end;margin:43px 0 57px}
.references-head h2{font-size:clamp(58px,6.2vw,102px);line-height:1.04}
.references-head h2 em,.reference-page-heading h2 em,.reference-work-layout h2 em{font-weight:400;color:#c7a984}
.references-head-copy p{max-width:520px;font-size:16px;line-height:1.9;color:#cbd5cc}
.reference-textlink{color:#f4eee4;border-bottom:1px solid #bea383;display:inline-flex;align-items:center;gap:30px;padding:12px 0;margin-top:15px;font-size:12px;font-weight:700;letter-spacing:.035em}
.reference-textlink span{font-size:20px;font-weight:400}
.reference-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid rgba(210,214,204,.26);border-left:1px solid rgba(210,214,204,.26)}
.reference-tile{min-width:0;min-height:192px;padding:32px clamp(22px,2.7vw,44px) 30px;background:rgba(255,255,255,.026);display:flex;flex-direction:column;justify-content:space-between;gap:30px;border-right:1px solid rgba(210,214,204,.26);border-bottom:1px solid rgba(210,214,204,.26)}
.reference-index{font-size:10px;letter-spacing:.19em;color:#bfad92;font-weight:750}
.reference-index span{margin:0 6px;color:#8e958e}
.reference-tile strong{font:normal clamp(25px,2.25vw,40px)/1.15 var(--serif);letter-spacing:-.04em;color:#f2f1eb;overflow-wrap:break-word}
.references-fineprint{max-width:960px;font-size:12px;line-height:1.9;color:#a6b1a7;margin:28px 0 0}
.reference-hero{min-height:620px;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 86% 54%,#52635846,transparent 46%),linear-gradient(117deg,#121d1c,#253831 78%);overflow:hidden;color:#f8f7f1}
.reference-hero-lines{position:absolute;inset:-35% -5%;opacity:.25;background:repeating-linear-gradient(142deg,transparent 0 65px,#a7b8a733 66px 67px,transparent 68px 135px);mask-image:linear-gradient(90deg,transparent 16%,black 100%);pointer-events:none}
.reference-hero-inner{position:relative;padding-top:110px;padding-bottom:135px;width:100%;z-index:1}
.reference-hero h1{font:normal clamp(69px,7.8vw,135px)/1.04 var(--serif);letter-spacing:-.055em;margin:36px 0 23px;max-width:1150px}
.reference-hero h1 em{font-weight:400;color:#c9ad8a}
.reference-hero-inner>p{font-size:clamp(17px,1.5vw,22px);line-height:1.8;max-width:745px;color:#d4dfd5;margin:0 0 35px}
.reference-hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:77px;border-top:1px solid #ffffff3d;letter-spacing:.2em;font-size:10px;color:#c3d1c3}
.reference-page-list{background:#f5f4f0}
.reference-page-heading{margin:46px 0 64px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:10%;align-items:end}
.reference-page-heading h2{font-size:clamp(60px,6.5vw,108px)}
.reference-page-heading h2 em,.reference-work-layout h2 em{color:#aa875e}
.reference-page-heading p{color:#58645d;font-size:16px;line-height:1.95;max-width:570px;margin-bottom:8px}
.reference-grid-page{border-color:#d0d2ca}
.reference-grid-page .reference-tile{min-height:230px;border-color:#d0d2ca;background:#ffffff80}
.reference-grid-page .reference-index{color:#927551}
.reference-grid-page .reference-tile strong{color:#1e2b26;font-size:clamp(31px,2.8vw,49px)}
.reference-explainer{display:flex;gap:25px;align-items:start;max-width:1030px;margin:36px 0 0 auto}
.reference-explainer-line{width:30px;height:1px;background:#b99c74;margin-top:11px;flex:0 0 30px}
.reference-explainer p{font-size:13px;line-height:1.85;color:#6d776e;margin:0}
.reference-work-section{background:#e6e8e1;padding:clamp(75px,8.5vw,135px) 0}
.reference-work-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12%;align-items:center}
.reference-work-layout h2{margin:38px 0 0;font-size:clamp(55px,5.9vw,92px)}
.reference-work-copy p{font-size:15px;color:#55635a;line-height:1.9;margin:0 0 17px}
.reference-contact{background:#1d2b25}
@media(max-width:1100px){.references-head,.reference-page-heading{gap:6%}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.references-head,.reference-page-heading,.reference-work-layout{grid-template-columns:1fr;gap:27px;margin-top:36px}.references-head h2,.reference-page-heading h2{font-size:clamp(54px,10vw,76px)}.references-head-copy p,.reference-page-heading p{font-size:15px}.reference-grid{grid-template-columns:1fr}.reference-tile,.reference-grid-page .reference-tile{min-height:140px;padding:24px 22px;gap:22px}.reference-tile strong,.reference-grid-page .reference-tile strong{font-size:clamp(30px,7vw,40px)}.references-fineprint{font-size:11px}.reference-hero{min-height:610px}.reference-hero-inner{padding-top:92px;padding-bottom:125px}.reference-hero h1{font-size:clamp(57px,11vw,80px)}.reference-hero-bottom{letter-spacing:.08em;font-size:9px}.reference-explainer{margin-top:30px;gap:16px}.reference-work-layout h2{font-size:clamp(53px,9.5vw,73px);margin:14px 0 0}}