:root{--bg:#fbf7ef;--paper:#fffdf8;--text:#2d261e;--muted:#736757;--gold:#b98b46;--sage:#8d9d80;--dark:#1e1a16;--line:#eadfcc;--shadow:0 24px 70px rgba(69,48,25,.16);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1160px,92vw);margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;background:rgba(251,247,239,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(185,139,70,.18)}.brand{font-weight:800;font-size:1.25rem;letter-spacing:.02em}.brand span{color:var(--gold)}.main-nav{display:flex;gap:22px;align-items:center;font-size:.95rem}.nav-cta{background:var(--dark);color:white;padding:10px 18px;border-radius:999px}.nav-toggle{display:none;border:0;background:transparent;font-size:1.6rem}.hero{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,26,22,.78),rgba(30,26,22,.38),rgba(30,26,22,.12))}.hero-content{position:relative;z-index:1;width:min(820px,92vw);margin-right:auto;margin-left:6vw;color:white;padding-top:80px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:.78rem;font-weight:800;margin:0 0 12px}.hero .eyebrow{color:#f5d38c}h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.05;margin:0;color:inherit}h1{font-size:clamp(2.8rem,7vw,6.8rem);max-width:850px}h2{font-size:clamp(2.1rem,4vw,4rem)}h3{font-size:1.55rem}.hero-text{font-size:clamp(1.05rem,1.8vw,1.3rem);max-width:620px;color:#f4eee4}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#d7b16a,#b98b46);color:#1e1a16}.btn-light{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);color:white}.section{padding:100px 0}.two-col,.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.intro-card{background:var(--paper);padding:38px;border-radius:var(--radius);box-shadow:var(--shadow);font-size:1.08rem}.section-head{text-align:center;max-width:700px;margin:0 auto 44px}.section-head p:not(.eyebrow){color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 40px rgba(69,48,25,.08)}.service-card img{width:100%;height:310px;object-fit:cover}.service-card div{padding:28px}.count{display:inline-block;background:#efe2c9;color:#75551f;font-weight:900;border-radius:999px;padding:5px 12px;margin-bottom:12px}.service-card p{color:var(--muted)}.service-card ul{padding-left:19px;color:var(--muted)}.studio{background:#f1eadc}.studio-text p{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.facts div{background:var(--paper);border-radius:22px;padding:20px;text-align:center}.facts strong{font-size:2.1rem;color:var(--gold);display:block}.facts span{font-size:.88rem;color:var(--muted)}.image-stack{position:relative;min-height:520px}.image-stack img{position:absolute;border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover}.image-stack img:first-child{width:78%;height:390px;top:0;right:0}.image-stack img:last-child{width:62%;height:300px;bottom:0;left:0;border:9px solid #f1eadc}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.team-card{background:var(--paper);border:1px dashed #d7bf97;border-radius:var(--radius);padding:24px;text-align:center}.placeholder-box{height:360px;border-radius:22px;background:linear-gradient(135deg,#f3eadb,#fffaf1);display:grid;place-items:center;color:#8b7455;font-weight:800;font-size:1.2rem}.team-card p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid img{width:100%;height:230px;object-fit:cover;border-radius:20px;cursor:pointer;transition:.25s}.gallery-grid img:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.15)}.contact{background:var(--dark);color:white}.contact .eyebrow{color:#f5d38c}.contact p{color:#efe5d5}.contact-list{display:grid;gap:12px;margin-top:24px}.map-card{background:white;border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.map-card iframe{width:100%;height:420px;border:0;border-radius:22px}.footer{background:#15120f;color:#d6c7b5;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:20px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:30;display:none;place-items:center;padding:30px}.lightbox.active{display:grid}.lightbox img{max-height:86vh;max-width:92vw;border-radius:18px}.lightbox button{position:absolute;right:28px;top:20px;background:white;border:0;border-radius:999px;width:44px;height:44px;font-size:2rem;line-height:1;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-toggle{display:block}.main-nav{position:absolute;right:4vw;top:70px;display:none;flex-direction:column;background:var(--paper);padding:20px;border-radius:20px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.two-col,.split,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr}.image-stack{min-height:auto;display:grid;gap:18px}.image-stack img{position:static!important;width:100%!important;height:auto!important;border:0!important}.hero-content{margin-left:4vw}.section{padding:72px 0}.service-card img{height:260px}}@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero{min-height:84vh}.placeholder-box{height:280px}.footer a{margin-left:0;margin-right:16px}}

/* Anpassung: Hero und Navigation wie Referenz */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:26px 19vw 20px;
  background:transparent;
  border-bottom:0;
  backdrop-filter:none;
  color:#f7efe7;
  transition:background .25s ease, padding .25s ease;
}
.site-header.scrolled{
  background:rgba(20,18,16,.76);
  backdrop-filter:blur(14px);
  padding-top:18px;
  padding-bottom:16px;
}
.brand{
  font-family:Inter,system-ui,sans-serif;
  font-weight:600;
  color:#fff;
  font-size:1.35rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  white-space:nowrap;
}
.brand span{color:inherit}
.main-nav{
  display:flex;
  gap:31px;
  align-items:center;
  font-size:.68rem;
  letter-spacing:.36em;
  text-transform:uppercase;
  color:rgba(255,255,255,.82);
}
.main-nav a{transition:color .2s ease}.main-nav a:hover{color:#fff}.nav-cta{background:transparent;color:inherit;padding:0;border-radius:0}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;background:#18120e}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,17,.24),rgba(16,20,18,.38)),linear-gradient(90deg,rgba(21,155,134,.50),rgba(38,26,20,.40) 48%,rgba(215,145,40,.28)),rgba(0,0,0,.34)}.hero-content{position:relative;z-index:1;width:min(900px,92vw);margin:0 auto;color:#fff;padding-top:86px;display:flex;flex-direction:column;align-items:center}.hero-kicker{margin:0 0 38px;text-transform:uppercase;letter-spacing:.42em;font-size:.86rem;font-weight:700;color:#f2e8df}.hero h1{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.45em;font-weight:400;font-size:clamp(2.3rem,4vw,4.8rem);line-height:1.2;margin:0 0 60px;text-shadow:0 8px 35px rgba(0,0,0,.42)}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-width:176px;height:38px;border:1px solid rgba(255,255,255,.28);background:rgba(31,22,17,.20);color:#fff;text-transform:uppercase;letter-spacing:.22em;font-size:.69rem;font-weight:800;transition:.2s}.hero-button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}
.prices{background:var(--bg)}
@media(max-width:1200px){.site-header{padding-left:7vw;padding-right:7vw}.main-nav{gap:22px;letter-spacing:.26em}}
@media(max-width:900px){.site-header{padding:18px 4vw;background:rgba(20,18,16,.62);backdrop-filter:blur(14px)}.brand{font-size:1.05rem;letter-spacing:.22em}.nav-toggle{display:block;color:white}.main-nav{position:absolute;right:4vw;top:68px;display:none;flex-direction:column;align-items:flex-start;background:rgba(20,18,16,.94);color:#fff;padding:20px;border-radius:18px;box-shadow:var(--shadow);gap:16px}.main-nav.open{display:flex}.hero h1{letter-spacing:.22em}.hero-kicker{letter-spacing:.26em}.hero-button{min-width:160px}}

/* Anpassung Team + entfernter Intro-Text */
.anchor-offset{height:1px;margin-top:-1px}
.team-card{border-style:solid;overflow:hidden;padding:0;background:var(--paper)}
.team-card h3{padding:22px 22px 8px}
.team-card p{padding:0 22px 24px;margin-top:0}
.team-photo{width:100%;height:460px;object-fit:cover;object-position:center top;border-radius:0}
.team-card.placeholder{padding:24px;border-style:dashed;overflow:visible}
.team-card.placeholder h3{padding:22px 0 0}
@media(max-width:900px){.team-photo{height:420px}}
@media(max-width:520px){.team-photo{height:360px}}
/* Logo im Header */
.brand{
  display:inline-flex;
  align-items:center;
  width:min(360px,34vw);
  flex:0 0 auto;
}
.brand img{
  width:100%;
  height:auto;
  display:block;
}
@media(max-width:900px){
  .brand{width:min(260px,58vw)}
}
@media(max-width:520px){
  .brand{width:220px}
}
/* Header Feinschliff */
.site-header{
  padding:24px 9vw 18px;
  align-items:center;
  gap:44px;
}
.site-header.scrolled{
  padding-top:14px;
  padding-bottom:12px;
}
.brand{
  width:min(315px,30vw);
}
.main-nav{
  margin-left:auto;
  gap:29px;
  align-items:center;
  line-height:1;
}
.hero-content{
  padding-top:118px;
}
@media(max-width:1200px){
  .site-header{padding-left:7vw;padding-right:7vw;gap:30px}
  .brand{width:min(285px,30vw)}
  .main-nav{gap:20px;letter-spacing:.24em}
}
@media(max-width:900px){
  .site-header{padding:16px 4vw;gap:18px}
  .brand{width:min(230px,58vw)}
  .main-nav{top:64px;line-height:1.4}
  .hero-content{padding-top:96px}
}
@media(max-width:520px){
  .brand{width:198px}
  .hero-content{padding-top:82px}
}
/* Heller und freundlicher Look */
:root{
  --bg:#fff8ed;
  --paper:#fffdf8;
  --text:#2d251d;
  --muted:#766756;
  --gold:#d4a354;
  --sage:#9fb38b;
  --dark:#5a432c;
  --line:#efdcc0;
  --shadow:0 18px 48px rgba(132,94,48,.12);
}
body{
  background:linear-gradient(180deg,#fffaf2 0%,#fff5e6 48%,#fffaf4 100%);
}
.site-header{
  background:linear-gradient(180deg,rgba(255,249,239,.20),rgba(255,249,239,0));
}
.site-header.scrolled{
  background:rgba(255,250,241,.94);
  color:var(--text);
  border-bottom:1px solid rgba(212,163,84,.22);
  box-shadow:0 12px 34px rgba(76,54,31,.10);
}
.site-header.scrolled .main-nav{
  color:rgba(45,37,29,.78);
}
.site-header.scrolled .main-nav a:hover{
  color:#8d5f1f;
}
.hero-img{
  filter:brightness(1.13) saturate(1.08) contrast(.96);
}
.hero-overlay{
  background:
    linear-gradient(180deg,rgba(255,246,229,.10),rgba(255,246,229,.18)),
    linear-gradient(90deg,rgba(21,129,119,.34),rgba(70,46,28,.24) 50%,rgba(230,171,72,.20)),
    rgba(0,0,0,.16);
}
.hero-kicker{
  color:#fff3df;
  text-shadow:0 3px 20px rgba(62,40,20,.30);
}
.hero h1{
  color:#fffaf3;
  text-shadow:0 8px 30px rgba(48,34,20,.30);
}
.hero-button{
  background:rgba(255,248,235,.22);
  border-color:rgba(255,248,235,.54);
  box-shadow:0 14px 34px rgba(64,42,20,.16);
}
.hero-button:hover{
  background:rgba(255,248,235,.34);
  border-color:rgba(255,248,235,.82);
}
.section{
  background:transparent;
}
.services,.team,.prices{
  background:linear-gradient(180deg,#fffaf2 0%,#fff4e4 100%);
}
.studio{
  background:linear-gradient(135deg,#fff0d7 0%,#f7ead8 52%,#fffaf2 100%);
}
.gallery{
  background:#fffdf8;
}
.service-card,.team-card,.facts div,.intro-card{
  background:rgba(255,253,248,.96);
  border-color:rgba(212,163,84,.24);
  box-shadow:0 16px 38px rgba(132,94,48,.10);
}
.count{
  background:#fff0cf;
  color:#8c6022;
}
.placeholder-box{
  background:linear-gradient(135deg,#fff3df,#fffdf8);
}
.gallery-grid img{
  box-shadow:0 10px 28px rgba(132,94,48,.10);
}
.contact{
  background:linear-gradient(135deg,#fff2d8 0%,#f7e6ca 52%,#fff9ef 100%);
  color:var(--text);
}
.contact .eyebrow{
  color:#b9812f;
}
.contact p{
  color:#665643;
}
.contact-list p{
  background:rgba(255,253,248,.72);
  border:1px solid rgba(212,163,84,.20);
  border-radius:18px;
  padding:16px 18px;
  margin:0;
}
.map-card{
  background:#fffdf8;
  border:1px solid rgba(212,163,84,.24);
}
.footer{
  background:#8a6637;
  color:#fff3df;
}
.footer a:hover{
  color:#ffffff;
}
@media(max-width:900px){
  .site-header{
    background:rgba(255,250,241,.92);
    color:var(--text);
  }
  .nav-toggle{color:var(--text)}
  .main-nav{
    background:rgba(255,250,241,.98);
    color:var(--text);
    border:1px solid rgba(212,163,84,.20);
  }
}
/* Weisser Grundlook */
:root{
  --bg:#ffffff;
  --paper:#ffffff;
  --text:#2d251d;
  --muted:#6f6255;
  --gold:#d2a35b;
  --sage:#9fb38b;
  --dark:#4e3a27;
  --line:#ead8bd;
  --shadow:0 16px 42px rgba(124,88,44,.10);
}
body{
  background:#ffffff;
}
.site-header{
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
}
.site-header.scrolled{
  background:rgba(255,255,255,.96);
  color:var(--text);
  border-bottom:1px solid rgba(210,163,91,.22);
  box-shadow:0 10px 30px rgba(72,54,34,.08);
}
.site-header.scrolled .main-nav{
  color:rgba(45,37,29,.78);
}
.site-header.scrolled .main-nav a:hover{
  color:#9a681f;
}
.hero-img{
  filter:brightness(1.16) saturate(1.05) contrast(.95);
}
.hero-overlay{
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.24)),
    linear-gradient(90deg,rgba(15,121,112,.28),rgba(70,46,28,.18) 50%,rgba(230,171,72,.16)),
    rgba(0,0,0,.12);
}
.hero-kicker,
.hero h1{
  color:#fffdf8;
  text-shadow:0 8px 28px rgba(48,34,20,.28);
}
.hero-button{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.62);
  box-shadow:0 14px 32px rgba(64,42,20,.14);
}
.hero-button:hover{
  background:rgba(255,255,255,.38);
  border-color:rgba(255,255,255,.88);
}
.section,
.services,
.team,
.prices,
.gallery{
  background:#ffffff;
}
.studio{
  background:#fbf6ee;
}
.service-card,.team-card,.facts div,.intro-card,.map-card{
  background:#ffffff;
  border-color:rgba(210,163,91,.22);
  box-shadow:0 14px 34px rgba(124,88,44,.09);
}
.count{
  background:#fff3d8;
  color:#8c6022;
}
.placeholder-box{
  background:#fffaf2;
}
.gallery-grid img{
  box-shadow:0 9px 24px rgba(124,88,44,.10);
}
.contact{
  background:#ffffff;
  color:var(--text);
  border-top:1px solid rgba(210,163,91,.18);
}
.contact .eyebrow{
  color:#b9812f;
}
.contact p{
  color:#665a4d;
}
.contact-list p{
  background:#fffaf2;
  border:1px solid rgba(210,163,91,.20);
  border-radius:18px;
  padding:16px 18px;
  margin:0;
}
.footer{
  background:#f7efe2;
  color:#4e3a27;
  border-top:1px solid rgba(210,163,91,.22);
}
.footer a:hover{
  color:#9a681f;
}
@media(max-width:900px){
  .site-header{
    background:rgba(255,255,255,.95);
    color:var(--text);
  }
  .nav-toggle{color:var(--text)}
  .main-nav{
    background:rgba(255,255,255,.98);
    color:var(--text);
    border:1px solid rgba(210,163,91,.20);
  }
}
/* Weiss erzwingen */
html,
body,
main,
.section,
.services,
.studio,
.team,
.gallery,
.prices,
.contact{
  background:#ffffff !important;
  color:#2d251d !important;
}
.container,
.section-head,
.service-grid,
.team-grid,
.gallery-grid,
.contact-grid{
  background:transparent !important;
}
.service-card,
.service-card div,
.team-card,
.facts div,
.intro-card,
.map-card,
.contact-list p,
.placeholder-box{
  background:#ffffff !important;
  color:#2d251d !important;
  border-color:rgba(210,163,91,.24) !important;
  box-shadow:0 12px 28px rgba(124,88,44,.08) !important;
}
.service-card h3,
.team-card h3,
.studio h2,
.contact h2,
.section-head h2,
.prices h2,
.gallery h2,
.services h2,
.team h2{
  color:#2d251d !important;
}
.service-card p,
.service-card li,
.studio-text p,
.section-head p:not(.eyebrow),
.contact p,
.team-card p,
.facts span{
  color:#65594d !important;
}
.count{
  background:#fff4dd !important;
  color:#8c6022 !important;
}
.contact .eyebrow,
.studio .eyebrow,
.services .eyebrow,
.team .eyebrow,
.gallery .eyebrow,
.prices .eyebrow{
  color:#b9812f !important;
}
.footer{
  background:#ffffff !important;
  color:#4e3a27 !important;
  border-top:1px solid rgba(210,163,91,.22) !important;
}
/* Reinweisses Seitenlayout */
html,
body,
main,
.section,
.services,
.studio,
.team,
.gallery,
.prices,
.contact,
.service-grid,
.team-grid,
.gallery-grid,
.contact-grid{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:#2d251d !important;
}
.service-card,
.service-card > div,
.team-card,
.facts div,
.intro-card,
.map-card,
.contact-list p,
.placeholder-box{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:#2d251d !important;
  border-color:rgba(210,163,91,.22) !important;
  box-shadow:0 10px 26px rgba(80,56,28,.07) !important;
}
.service-card h3,
.team-card h3,
.studio h2,
.contact h2,
.section-head h2,
.prices h2,
.gallery h2,
.services h2,
.team h2,
.facts strong{
  color:#2d251d !important;
}
.service-card p,
.service-card li,
.studio-text p,
.section-head p:not(.eyebrow),
.contact p,
.team-card p,
.facts span{
  color:#62584e !important;
}
.studio .image-stack img:last-child{
  border-color:#fff !important;
}
.count{
  background:#fff5df !important;
  color:#8c6022 !important;
}
.footer{
  background:#fff !important;
  background-color:#fff !important;
  color:#4e3a27 !important;
  border-top:1px solid rgba(210,163,91,.22) !important;
}
/* Abwechselnde helle Sektionen */
.hero-img{
  filter:brightness(1.04) saturate(1.06) contrast(.98) !important;
}
.hero-overlay{
  background:
    linear-gradient(180deg,rgba(20,22,18,.12),rgba(20,22,18,.24)),
    linear-gradient(90deg,rgba(14,102,96,.38),rgba(52,34,22,.26) 50%,rgba(210,135,36,.20)),
    rgba(0,0,0,.20) !important;
}
.hero h1,
.hero-kicker{
  text-shadow:0 10px 34px rgba(30,22,16,.42) !important;
}
.services,
.gallery,
.contact{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}
.studio,
.team,
.prices{
  background:#fbf3e6 !important;
  background-color:#fbf3e6 !important;
  background-image:none !important;
}
.service-card,
.team-card,
.facts div,
.intro-card,
.map-card,
.contact-list p,
.placeholder-box{
  background:#ffffff !important;
  background-color:#ffffff !important;
}
.studio .image-stack img:last-child{
  border-color:#fbf3e6 !important;
}
.footer{
  background:#fbf3e6 !important;
  background-color:#fbf3e6 !important;
}