:root{--paper:#f6f2eb;--ink:#352d26;--muted:#70645a;--accent:#97583b;--line:#d9cfc2;--soft:#eae2d6;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1360px,calc(100% - 96px));margin:auto}header{position:sticky;top:0;background:var(--paper);z-index:30;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:108px}.brand{display:flex;align-items:center;gap:15px;line-height:1.2;font-size:17px;letter-spacing:.02em}.brandmark{font:46px/1 Georgia,serif;letter-spacing:-.07em}.brand small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:8px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a{padding:9px 0;border-bottom:1px solid transparent}.header nav a:hover,.header nav a[aria-current]{border-color:var(--accent)}.headercontact{font-size:14px;border-bottom:1px solid var(--ink);padding:10px 0}.headercontact span{margin-left:25px}.menubutton{display:none}.skip{position:fixed;top:-90px;padding:14px;background:var(--ink);color:white;z-index:90}.skip:focus{top:8px}.eyebrow{font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--accent);margin:0 0 26px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.09;margin:0;letter-spacing:-.035em}h1{font-size:clamp(48px,4.8vw,78px)}h2{font-size:clamp(37px,3.6vw,58px)}h3{font-size:30px}em{font-weight:400;color:var(--accent)}p{margin:20px 0}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;padding-top:48px;padding-bottom:54px;align-items:center}.herotext>p:not(.eyebrow){max-width:420px;color:var(--muted);margin:28px 0;font-size:17px}.heroimage{margin:0;position:relative;height:620px}.heroimage img{height:100%;object-position:57% center}.heroimage figcaption{position:absolute;bottom:0;right:0;left:0;padding:23px 18px 12px;background:linear-gradient(transparent,#211b16ba);color:white;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;background:var(--accent);color:white;font-size:14px;min-height:50px;border:1px solid var(--accent);cursor:pointer;transition:background .15s}.button:hover{background:#754029}.button.light{background:transparent;color:#f6f2eb;border-color:#8e8070}.button.light:hover{background:#55483b}.heronote{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:44px;gap:15px;font-size:12px;color:var(--muted)}.statement{border-top:1px solid var(--line);padding:80px 0;display:grid;grid-template-columns:.6fr 1.6fr 1fr;gap:42px;align-items:start}.statement h2{font-size:42px}.statement>p:last-child{margin:0;color:var(--muted)}.services{padding:42px 0 100px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.textlink{font-size:14px;text-decoration:underline;text-underline-offset:7px}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.servicegrid>a{padding:34px 30px 34px 0;margin-right:30px;border-right:1px solid var(--line)}.servicegrid>a:last-child{border:0;margin:0}.number{display:block;color:var(--accent);font-size:14px;margin-bottom:38px}.servicegrid p{color:var(--muted);min-height:80px}.dark{background:var(--ink);color:var(--paper);padding:100px 0}.dark .eyebrow,.dark em{color:#dfb69b}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.largecopy{font:28px/1.45 Georgia,serif;margin-top:0}.dark p:not(.largecopy):not(.eyebrow){color:#d2c6b9}.invitation{padding:90px 0;display:grid;grid-template-columns:.6fr 1.4fr 1fr;gap:40px;align-items:start}.invitation>div>p{margin-top:0;color:var(--muted)}footer{background:var(--soft);padding:64px 0 25px;font-size:14px}.footgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footgrid .eyebrow{margin-bottom:16px}.footgrid p{margin:18px 0}.footbottom{border-top:1px solid #cbbfb0;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.footbottom a{margin-left:25px}.pageintro{padding:70px 0 60px;border-bottom:1px solid var(--line)}.pageintro h1{max-width:950px}.lead{font-size:20px;line-height:1.65;max-width:760px;color:var(--muted);margin:30px 0 0}.content{padding:65px 0}.content h2{font-size:38px;margin:38px 0 22px}.content h3{font-size:26px}.prose{max-width:820px}.prose p,.prose li{color:var(--muted)}.editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin-bottom:60px}.editorial figure{margin:0}.editorial img{max-height:570px}.caption{font-size:12px;color:var(--muted);margin-top:10px}.steps{counter-reset:steps;list-style:none;padding:0}.steps li{counter-increment:steps;display:grid;grid-template-columns:50px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.steps li:before{content:'0' counter(steps);color:var(--accent)}.steps p{margin:10px 0 0}.projectlist{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.projectlist article{padding:35px 0;border-top:1px solid var(--line)}.projectlist .eyebrow{margin-bottom:14px}.projectlist p{color:var(--muted)}.contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contactgrid h2{margin-top:0}.contactdetails{font-size:19px}.contactdetails a{text-decoration:underline;text-underline-offset:5px}form{background:var(--soft);padding:34px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px}input,select,textarea{width:100%;padding:12px;margin-top:7px;background:var(--white);border:1px solid #b5a797;border-radius:0;color:var(--ink)}textarea{min-height:150px;resize:vertical}.full{grid-column:1/-1}.consentlabel{display:flex;align-items:start;gap:10px;font-size:14px;margin:20px 0}.consentlabel input{width:18px;flex:none;margin-top:4px}.consentlabel a{text-decoration:underline}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.formstatus{font-size:14px;color:var(--ink)}.formstatus:empty{display:none}.formstatus a{text-decoration:underline}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px}details p{max-width:760px}.back{display:inline-block;margin-bottom:30px;font-size:14px;color:var(--accent)}
@media(min-width:1550px){.heroimage{height:680px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header{gap:15px}.header nav{gap:19px}.headercontact{display:none}.hero{gap:32px}.heroimage{height:560px}.statement{grid-template-columns:1fr 1fr}.statement>.eyebrow{grid-column:1/-1;margin-bottom:0}.split{gap:50px}.invitation{grid-template-columns:1fr 1fr}.invitation>.eyebrow{grid-column:1/-1;margin-bottom:0}.editorial,.contactgrid{gap:35px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:15px}.brandmark{font-size:40px}.menubutton{display:block;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;font-size:14px}.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--line)}.header nav.open{display:grid;gap:3px}.header nav a{padding:12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:52px}.heroimage{height:440px}.herotext>p:not(.eyebrow){font-size:16px}.heronote{margin-top:30px}.statement{grid-template-columns:1fr;gap:22px;padding:55px 0}.statement h2{font-size:36px}.sectionhead{display:block}.sectionhead>.textlink{display:inline-block;margin-top:24px}.services{padding:35px 0 55px}.servicegrid{grid-template-columns:1fr}.servicegrid>a{margin:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.number{margin-bottom:16px}.servicegrid p{min-height:0}.split,.invitation,.footgrid,.editorial,.contactgrid,.projectlist{grid-template-columns:1fr;gap:32px}.dark{padding:60px 0}.largecopy{font-size:25px}.invitation{padding:60px 0}.invitation h2 br{display:none}.footgrid{gap:24px}.footbottom{gap:18px;flex-wrap:wrap}.footbottom a{margin:0 20px 0 0}.pageintro{padding:45px 0}.pageintro h1{font-size:45px}.lead{font-size:18px}.content{padding:40px 0}.content h2{font-size:33px}.fields{grid-template-columns:1fr}form{padding:23px}.editorial{margin-bottom:35px}.eyebrow{letter-spacing:.12em}.button{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ergänzendes Monogramm im Einstieg */
.hero-signature{display:flex;align-items:center;gap:18px;margin-bottom:26px}.signature-mc{font:46px/1 Georgia,serif;letter-spacing:-.07em;flex-shrink:0;color:var(--ink)}.hero-signature .eyebrow{margin:0;max-width:340px}@media(max-width:720px){.hero-signature{gap:14px}.signature-mc{font-size:40px}.hero-signature .eyebrow{font-size:12px;max-width:230px}}
/* Originales Familienwappen, unverändertes Seitenverhältnis */
.family-logo{width:124px;height:auto;object-fit:contain}.header{height:148px}.header .brand{flex-shrink:0}footer .family-logo{width:170px}.header nav{top:148px}@media(max-width:720px){.family-logo{width:100px}.header{height:120px}.header nav{top:120px}}
.reference-nav{display:flex;flex-wrap:wrap;gap:12px;padding-top:30px}.reference-nav a{border:1px solid var(--line);padding:12px 18px;font-size:14px}.reference-nav a:hover{background:var(--soft)}.reference-nav span{color:var(--accent);margin-left:15px}.reference-section{scroll-margin-top:160px}.reference-section h2{margin:0}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.reference-card{padding:30px 0;border-top:1px solid var(--line)}.reference-card .eyebrow{margin-bottom:18px}.reference-card h3{font-size:30px}.reference-card p{color:var(--muted)}.reference-card .reference-context{font-size:13px;color:var(--accent);margin-top:25px}.reference-note{border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px}.reference-note h2{font-size:36px}.reference-note p{max-width:850px;color:var(--muted)}@media(max-width:1050px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.reference-grid{grid-template-columns:1fr}.reference-nav{display:grid}.reference-section{scroll-margin-top:130px}.reference-card h3{font-size:28px}}
.invitation>*{min-width:0}

.editorial .process-illustration{max-height:none;height:auto;object-fit:contain}
/* Helle Flächen für die einzelnen Projekte */
.projectlist{gap:24px}
.projectlist article{min-width:0;padding:30px;background:var(--white);border:1px solid #e8dfd3;border-radius:4px}
.projectlist article p:last-child{margin-bottom:0}
@media(max-width:720px){.projectlist{gap:16px}.projectlist article{padding:24px}}
/* Einheitliche helle Flächen für Leistungen, Referenzen und Arbeitsschritte */
.servicegrid{gap:24px;border-top:0}
.servicegrid>a,.servicegrid>a:last-child{min-width:0;margin:0;padding:30px;background:var(--white);border:1px solid #e8dfd3;border-radius:4px}
.servicegrid>a:hover{border-color:var(--accent)}
.reference-grid{gap:24px}
.reference-card{min-width:0;padding:30px;background:var(--white);border:1px solid #e8dfd3;border-radius:4px}
.reference-card p:last-child{margin-bottom:0}
.steps{display:grid;gap:18px}
.steps li{min-width:0;padding:26px;background:var(--white);border:1px solid #e8dfd3;border-radius:4px;grid-template-columns:30px minmax(0,1fr)}
.prose details{background:var(--white);padding:22px 26px;border:1px solid #e8dfd3;border-radius:4px;margin:14px 0}
.contactgrid form{background:var(--white);border:1px solid #e8dfd3;border-radius:4px}
@media(max-width:720px){.servicegrid,.reference-grid{gap:16px}.servicegrid>a,.servicegrid>a:last-child,.reference-card{padding:24px}.steps li{padding:22px;gap:12px}}
.editorial .stock-illustration{height:auto;max-height:none}
