:root{--ink:#171615;--paper:#f1eee7;--warm:#ded5c6;--orange:#ef7f1a;--acid:#c8e000;--white:#fff;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:10px;top:-60px;z-index:999;background:#fff;padding:10px}.skip-link:focus{top:10px}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px max(22px,calc((100vw - var(--max))/2));background:rgba(241,238,231,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,22,21,.14)}.brand img{width:190px;height:65px;object-fit:contain}.nav{display:flex;gap:34px;align-items:center;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.nav a:last-child{background:var(--ink);color:#fff;padding:12px 18px}.menu-toggle{display:none;border:0;background:none;font-weight:900}.hero{min-height:100vh;padding:140px max(22px,calc((100vw - var(--max))/2)) 70px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.hero-photo{position:absolute;right:0;top:88px;bottom:0;width:49%;background:url('assets/images/hero.webp') center/cover no-repeat;filter:saturate(.82) contrast(1.05)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,transparent 24%)}.hero-copy{position:relative;z-index:2;max-width:760px}.kicker{margin:0 0 20px;text-transform:uppercase;font-size:.75rem;font-weight:900;letter-spacing:.18em}.hero h1,.section-intro h2,.services h2,.master-copy h2,.region h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.86;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(5rem,10.5vw,10.5rem)}.hero h1 span{font-family:Arial,sans-serif;font-size:.25em;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.hero-text{font-size:1.14rem;max-width:570px;margin:35px 0;color:#393633}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{padding:15px 22px;font-weight:900}.solid{background:var(--orange)}.text-link{font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:5px}.text-link span{margin-left:10px}.hero-stamp{position:absolute;right:42%;bottom:55px;z-index:3;width:135px;height:135px;border-radius:50%;background:var(--acid);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-9deg);text-align:center;text-transform:uppercase}.hero-stamp b{font-size:1.15rem}.hero-stamp span{font-size:.72rem}.paint-mark{position:absolute;pointer-events:none;opacity:.92}.paint-mark-one{left:-30px;bottom:3%;width:310px;height:23px;background:var(--orange);transform:rotate(-5deg);clip-path:polygon(0 33%,92% 0,100% 40%,87% 82%,4% 100%)}.statement{display:grid;grid-template-columns:repeat(3,1fr);padding:0 max(22px,calc((100vw - var(--max))/2));background:var(--ink);color:#fff}.statement p{margin:0;padding:24px;border-right:1px solid #4b4946;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;font-weight:900}.statement p:last-child{border:0}.work-section{padding:130px max(22px,calc((100vw - var(--max))/2))}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:65px}.section-intro .kicker{grid-column:1/-1;margin-bottom:-30px}.section-intro h2{font-size:clamp(4rem,8vw,8rem)}em{font-weight:400;color:var(--orange)}.section-intro>p:last-child{max-width:460px;color:#55514c;font-size:1.08rem}.project-grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;grid-template-rows:390px 260px 430px;gap:16px}.project{border:0;padding:0;position:relative;overflow:hidden;cursor:zoom-in;background:#ccc}.project img{height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project span{position:absolute;bottom:0;left:0;background:var(--paper);padding:12px 17px;font-weight:900;text-transform:uppercase;font-size:.77rem;letter-spacing:.07em}.project span b{color:var(--orange);margin-right:9px}.project-a{grid-column:1/3}.project-b{grid-column:3;grid-row:1/3}.project-c{grid-column:1;grid-row:2/4}.project-d{grid-column:2/4;grid-row:3}.project-e{grid-column:2;grid-row:2}.project-f{display:none}.project-quote{margin:0;grid-column:2;grid-row:2;background:var(--acid);padding:30px;font-family:Georgia,serif;font-size:1.55rem;line-height:1.15;display:flex;align-items:flex-end}.services{background:var(--ink);color:#fff;padding:130px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.services-title{position:sticky;top:130px;align-self:start}.services h2{font-size:clamp(4rem,7vw,7.5rem)}.services-list details{border-top:1px solid #4b4946}.services-list details:last-child{border-bottom:1px solid #4b4946}.services-list summary{list-style:none;cursor:pointer;padding:29px 0;font-size:clamp(1.35rem,2.5vw,2.25rem);display:flex;gap:20px;align-items:center}.services-list summary::-webkit-details-marker{display:none}.services-list summary:after{content:"+";margin-left:auto;color:var(--orange)}.services-list details[open] summary:after{content:"−"}.services-list summary span{font-size:.72rem;color:var(--acid);letter-spacing:.1em}.services-list p{margin:0 0 30px 50px;color:#c6c1ba;max-width:650px}.master-section{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;min-height:760px;background:var(--warm);overflow:hidden}.master-photo img{height:100%;object-fit:cover;object-position:center}.master-copy{padding:100px clamp(35px,7vw,110px);align-self:center}.master-copy h2{font-size:clamp(4rem,7vw,7.5rem);margin-bottom:40px}.master-copy>p:not(.kicker){font-size:1.15rem;max-width:620px}.principles{margin-top:45px;border-top:1px solid #8d8579}.principles div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #8d8579}.principles b{color:var(--orange)}.paint-mark-two{right:-30px;top:9%;width:260px;height:28px;background:var(--acid);transform:rotate(8deg);clip-path:polygon(0 25%,94% 0,100% 45%,92% 84%,3% 100%)}.region{padding:110px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.region h2{font-size:clamp(4rem,7vw,7rem)}.region>p{font-size:1.13rem;color:#55514c}.contact{background:var(--orange);padding:120px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(4rem,7.5vw,8rem)}.contact em{color:var(--ink)}.contact-heading>p:last-child{max-width:540px}.contact-panel{border-top:2px solid var(--ink);align-self:end}.contact-panel a{position:relative;display:grid;gap:4px;padding:24px 52px 24px 0;border-bottom:1px solid rgba(23,22,21,.55)}.contact-panel small{text-transform:uppercase;font-weight:900;letter-spacing:.1em}.contact-panel strong{font-size:clamp(1.15rem,2.2vw,1.8rem);overflow-wrap:anywhere}.contact-panel span{position:absolute;right:5px;top:34px;font-size:1.6rem}footer{padding:55px max(22px,calc((100vw - var(--max))/2));background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:40px}.footer-brand{display:flex;gap:25px;align-items:center}.footer-brand img{width:170px;background:#fff;padding:5px}.footer-brand p{margin:0;color:#bbb}.footer-meta{display:flex;gap:25px;align-items:flex-end;flex-wrap:wrap;font-size:.85rem}.lightbox{position:fixed;inset:0;background:rgba(10,10,10,.95);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:10px;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}
@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:135px;padding-bottom:440px}.hero-photo{top:auto;bottom:0;width:100%;height:410px}.hero-photo:after{background:linear-gradient(180deg,var(--paper),transparent 35%)}.hero-stamp{right:28px;bottom:320px}.section-intro,.services,.region,.contact{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 250px 330px 300px}.project-a{grid-column:1/3}.project-b{grid-column:2;grid-row:2/4}.project-c{grid-column:1;grid-row:2}.project-quote{grid-column:1;grid-row:3}.project-d{grid-column:1/3;grid-row:4}.project-e{display:none}.services-title{position:static}.master-section{grid-template-columns:1fr}.master-photo{height:540px}.statement{grid-template-columns:1fr}.statement p{border-right:0;border-bottom:1px solid #4b4946}.contact{gap:55px}}
@media(max-width:600px){.topbar{height:74px}.brand img{width:145px;height:56px}.nav{top:74px}.hero{padding-top:115px;padding-bottom:350px}.hero h1{font-size:4.55rem}.hero-photo{height:335px}.hero-stamp{width:105px;height:105px;bottom:270px}.hero-text{font-size:1rem}.work-section,.services{padding-top:85px;padding-bottom:85px}.section-intro{gap:28px}.section-intro .kicker{margin-bottom:0}.section-intro h2,.services h2,.master-copy h2,.region h2,.contact h2{font-size:3.8rem}.project-grid{display:flex;flex-direction:column}.project{height:300px}.project-quote{min-height:210px}.project-e{display:block}.services{gap:45px}.master-photo{height:400px}.master-copy{padding:75px 22px}.region,.contact{padding-top:80px;padding-bottom:80px}.contact{gap:45px}footer{flex-direction:column}.footer-brand{align-items:flex-start;flex-direction:column}.footer-meta{align-items:flex-start;flex-direction:column;gap:12px}}
.brand{display:flex;align-items:center;background:#fff;border-radius:2px;padding:4px 8px;overflow:hidden}.brand img{width:205px;height:66px;object-fit:contain}.master-more{display:inline-block;margin-top:24px}.nav a[aria-current="page"]{border-bottom:2px solid var(--orange);padding-bottom:4px}
.about-page{padding-top:88px}.about-hero{min-height:780px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--warm)}.about-hero-copy{padding:130px max(30px,calc((100vw - var(--max))/2)) 100px;padding-right:clamp(45px,7vw,110px);align-self:center}.about-hero h1,.about-story h2,.about-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.9;letter-spacing:-.055em;margin:0}.about-hero h1{font-size:clamp(4.5rem,8vw,8.8rem)}.about-lead{font-size:1.2rem;max-width:650px;margin-top:36px}.about-hero-image img{height:100%;object-fit:cover;object-position:center}.about-story{padding:120px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-story h2{font-size:clamp(3.8rem,6vw,6.8rem)}.about-text{font-size:1.12rem;color:#504b45}.about-text p:first-child{margin-top:38px}.about-values{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:0 max(22px,calc((100vw - var(--max))/2))}.about-values article{padding:55px 28px;border-right:1px solid #4b4946}.about-values article:last-child{border-right:0}.about-values span{color:var(--acid);font-size:.75rem;font-weight:900;letter-spacing:.12em}.about-values h3{font-family:Georgia,serif;font-size:2rem;margin:16px 0 12px}.about-values p{color:#c9c4bd;margin:0}.about-cta{padding:120px max(22px,calc((100vw - var(--max))/2));background:var(--orange)}.about-cta h2{font-size:clamp(4rem,7vw,7.5rem);max-width:1000px;margin-bottom:45px}.about-cta .solid{background:var(--ink);color:#fff}
@media(max-width:900px){.about-hero,.about-story{grid-template-columns:1fr}.about-hero-image{height:560px}.about-values{grid-template-columns:1fr 1fr}.about-values article:nth-child(2){border-right:0}.about-values article{border-bottom:1px solid #4b4946}}
@media(max-width:600px){.brand{padding:3px 5px}.brand img{width:150px;height:54px}.about-page{padding-top:74px}.about-hero-copy{padding:90px 22px 70px}.about-hero h1{font-size:4.2rem}.about-hero-image{height:400px}.about-story{padding:80px 22px;gap:35px}.about-story h2,.about-cta h2{font-size:3.7rem}.about-values{grid-template-columns:1fr}.about-values article{border-right:0}.about-cta{padding:80px 22px}}
/* Version 4: weißes Original-Logo und größere Ergebnisgalerie */
.brand{background:#fff;padding:3px 7px}.brand img{width:210px;height:72px;object-fit:contain}.project-grid{grid-template-rows:390px 260px 370px 300px}.project-f{display:block;grid-column:1;grid-row:4}.project-g{grid-column:2;grid-row:4}.project-h{grid-column:3;grid-row:4}.project-more{grid-column:2/4;grid-row:5;min-height:170px;background:var(--orange);padding:35px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.project-more small{text-transform:uppercase;font-weight:900;letter-spacing:.13em}.project-more strong{font-family:Georgia,serif;font-size:2.4rem;font-weight:400}.project-more>span{position:absolute;right:30px;top:25px;font-size:2rem}
.references-page{padding-top:88px}.references-hero{padding:125px max(22px,calc((100vw - var(--max))/2)) 80px;background:var(--warm)}.references-hero h1,.references-note h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.9;letter-spacing:-.055em;margin:0}.references-hero h1{font-size:clamp(4.8rem,9vw,9.5rem);max-width:1100px}.references-hero>p:last-child{font-size:1.15rem;max-width:680px;margin-top:35px;color:#504b45}.references-gallery{padding:25px max(22px,calc((100vw - var(--max))/2)) 120px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:16px;background:var(--paper)}.ref-card{border:0;padding:0;position:relative;overflow:hidden;cursor:zoom-in;background:#ccc;text-align:left}.ref-card.wide{grid-column:span 2}.ref-card.tall{grid-row:span 2}.ref-card img{height:100%;object-fit:cover;transition:transform .65s}.ref-card:hover img{transform:scale(1.025)}.ref-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.ref-card span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff;display:flex;flex-direction:column}.ref-card b{font-size:1.15rem;text-transform:uppercase;letter-spacing:.08em}.ref-card small{margin-top:5px;color:#ddd}.references-note{padding:100px max(22px,calc((100vw - var(--max))/2));background:var(--orange);display:grid;grid-template-columns:1.1fr .9fr auto;gap:55px;align-items:end}.references-note h2{font-size:clamp(3.5rem,6vw,6rem)}.references-note>p{font-size:1.08rem}.references-note .solid{background:var(--ink);color:#fff;white-space:nowrap}
@media(max-width:900px){.project-grid{grid-template-rows:330px 250px 330px 300px 300px}.project-f{display:block;grid-column:1;grid-row:5}.project-g{grid-column:2;grid-row:5}.project-h{display:none}.project-more{grid-column:1/3;grid-row:6}.references-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.references-note{grid-template-columns:1fr}.brand img{width:185px;height:64px}}
@media(max-width:600px){.brand img{width:148px;height:54px}.references-page{padding-top:74px}.references-hero{padding:85px 22px 60px}.references-hero h1{font-size:4.2rem}.references-gallery{display:flex;flex-direction:column;padding:16px 16px 80px}.ref-card,.ref-card.wide,.ref-card.tall{height:310px}.references-note{padding:75px 22px}.project-more{min-height:160px}.project-more strong{font-size:2rem}}

/* Version 8: Logo ohne weißen Rahmen, Header-Logo größer */
.brand{background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible!important}
.brand img{width:245px!important;height:76px!important;object-fit:contain!important}
.footer-brand img{width:190px!important;background:transparent!important;padding:0!important}
@media(max-width:900px){.brand img{width:215px!important;height:70px!important}}
@media(max-width:600px){.brand img{width:176px!important;height:60px!important}.footer-brand img{width:175px!important}}

/* Version 9: größeres, besser erkennbares Logo im Kopfbereich */
.topbar{height:112px;padding-top:8px;padding-bottom:8px}
.brand{padding:0;background:transparent;overflow:visible;flex:0 0 auto}
.brand img{width:290px;height:92px;object-fit:contain}
.hero-photo{top:112px}
@media(max-width:900px){
  .nav{top:112px}
}
@media(max-width:600px){
  .topbar{height:88px;padding-left:14px;padding-right:14px}
  .brand img{width:215px;height:76px}
  .nav{top:88px}
  .hero{padding-top:130px}
}

/* Version 10: Header-Logo deutlich größer + echtes Meisterbrief-Foto */
.topbar{height:124px!important;padding-top:8px!important;padding-bottom:8px!important}
.brand img{width:355px!important;height:108px!important;max-width:none!important;object-fit:contain!important}
.hero-photo{top:124px!important}
.about-page,.references-page{padding-top:124px!important}
@media(max-width:1100px){
  .brand img{width:315px!important;height:102px!important}
}
@media(max-width:900px){
  .topbar{height:112px!important}
  .brand img{width:285px!important;height:94px!important}
  .nav{top:112px!important}
  .about-page,.references-page{padding-top:112px!important}
}
@media(max-width:600px){
  .topbar{height:96px!important;padding-left:12px!important;padding-right:12px!important}
  .brand img{width:235px!important;height:82px!important}
  .nav{top:96px!important}
  .about-page,.references-page{padding-top:96px!important}
  .hero{padding-top:138px!important}
}


/* FINAL: Instagram-Profil */
.instagram-nav{position:relative}
.instagram-nav:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);right:-9px;top:2px}
.instagram-section{padding:105px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;background:#efe9df}
.instagram-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3.8rem,6vw,6.8rem);line-height:.9;letter-spacing:-.055em;margin:0}
.instagram-copy{max-width:620px}.instagram-copy p{font-size:1.12rem;color:#504b45;margin:0 0 30px}
.instagram-button{background:var(--ink);color:#fff}
.instagram-contact{background:#f1ebe2!important}
.instagram-footer{font-weight:800}
@media(max-width:900px){.instagram-section{grid-template-columns:1fr;gap:35px}.instagram-nav:after{display:none}}
@media(max-width:600px){.instagram-section{padding:75px 22px}.instagram-section h2{font-size:3.8rem}.instagram-button{display:block;text-align:center;padding-left:18px;padding-right:18px}}

/* Final: Instagram-Button auf der Startseite als Icon */
.instagram-icon-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--ink);
  font-weight:800;
  text-decoration:none;
  width:max-content;
}
.instagram-icon{
  width:58px;
  height:58px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .25s ease,color .25s ease;
}
.instagram-icon .instagram-dot{fill:currentColor;stroke:none}
.instagram-icon-link:hover .instagram-icon,
.instagram-icon-link:focus-visible .instagram-icon{
  transform:scale(1.08) rotate(-3deg);
  color:var(--orange);
}
.instagram-icon-link:focus-visible{outline:2px solid var(--orange);outline-offset:7px}
@media(max-width:600px){
  .instagram-icon-link{gap:11px}
  .instagram-icon{width:50px;height:50px}
  .instagram-icon-link span{font-size:.95rem}
}