:root{--bg:#0b211d;--bg2:#102823;--silver:#dce4e3;--warm:#b5ac96;--muted:#9faeaa;--line:#35504a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--silver);font-family:'Avenir Next','Helvetica Neue','Inter',Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}
header{position:relative;z-index:20;background:#0a211c;height:126px;border-bottom:1px solid rgba(206,224,217,.14)}.top{height:100%;max-width:1500px;margin:auto;padding:0 66px;display:flex;align-items:center;justify-content:space-between;gap:50px}.brand{width:336px;max-width:40%;height:100%;display:flex;align-items:center}.brand img{width:100%;height:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.09))}.menu{display:flex;align-items:center;gap:40px;white-space:nowrap}.menu a{font-size:13px;letter-spacing:.19em;font-weight:350;text-transform:uppercase;color:#d8e0dc;transition:color .2s;border-bottom:1px solid transparent;padding:14px 0}.menu a:hover,.menu a:focus-visible{color:white;border-bottom-color:#b8c7c3}.hamburger{display:none;background:none;border:0;color:white;font-size:29px;cursor:pointer;padding:12px}
.hero{height:min(77vw,710px);min-height:410px;max-height:calc(100svh - 126px);width:100%;overflow:hidden;position:relative;background:#173834}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.hero:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.17);pointer-events:none}.hairline{height:1px;background:linear-gradient(90deg,transparent,#bba988,transparent)}
.intro{padding:89px 24px 79px;text-align:center;background:var(--bg)}.kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--warm);font-weight:400}.intro h1{font-size:clamp(24px,3vw,41px);line-height:1.5;letter-spacing:.11em;font-weight:200;margin:20px auto 19px;max-width:1100px}.intro p{color:#adbbb6;letter-spacing:.045em;font-size:15px;line-height:1.9;max-width:650px;margin:auto}
section.blocks{padding:0 max(30px,5.2vw) 115px;max-width:1600px;margin:auto}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:34px;padding:0 0 21px}.section-head h2{font-weight:350;font-size:14px;letter-spacing:.27em;margin:0;text-transform:uppercase}.section-head span{font-size:11px;letter-spacing:.12em;color:#819a92}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.card{display:block}.card-img{height:350px;overflow:hidden;background:#142824}.card-img img{height:100%;width:100%;display:block;object-fit:cover;filter:saturate(.88);transition:transform .5s,filter .5s}.card:hover img{transform:scale(1.025);filter:saturate(1)}.card h3{font-size:16px;font-weight:350;letter-spacing:.18em;text-transform:uppercase;margin:22px 0 8px}.card p{font-size:13px;color:#93a7a0;letter-spacing:.035em;margin:0;line-height:1.6}
.services{background:#102a25;padding:100px max(30px,5.2vw)}.services-wrap{max-width:1440px;margin:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:47px}.service{border-top:1px solid #52635a;padding:26px 0 0}.service small{font-size:12px;color:#aa9e84;letter-spacing:.16em}.service h3{font-size:22px;font-weight:300;letter-spacing:.06em;margin:17px 0}.service p{font-size:14px;color:#b2c1bb;line-height:1.9;margin:0}.about{max-width:1000px;margin:auto;text-align:center;padding:110px 30px}.about h2{font-size:31px;letter-spacing:.06em;font-weight:250}.about p{color:#b3c1bc;font-size:16px;line-height:1.9}.contact{padding:65px 25px;text-align:center;border-top:1px solid var(--line);background:#091c19}.contact h2{font-size:19px;font-weight:350;letter-spacing:.12em}.contact a{font-size:17px;color:#dce6e2;border-bottom:1px solid #738b7e;padding-bottom:6px}footer{text-align:center;padding:26px;color:#8d9e98;font-size:11px;letter-spacing:.1em}
@media(max-width:950px){header{height:104px}.top{padding:0 30px}.brand{width:260px}.menu{gap:22px}.menu a{font-size:11px;letter-spacing:.12em}.hero{max-height:calc(100svh - 104px)}.card-img{height:260px}} 
@media(max-width:700px){header{height:86px}.top{padding:0 22px}.brand{width:229px;max-width:71%}.hamburger{display:block}.menu{position:absolute;left:0;right:0;top:86px;padding:22px 26px 28px;background:#0a211c;display:none;flex-direction:column;align-items:flex-start;gap:9px;border-bottom:1px solid #294840;box-shadow:0 15px 20px #0006}.menu.open{display:flex}.menu a{font-size:13px;letter-spacing:.17em;padding:15px 0;width:100%}.hero{height:58vh;min-height:370px;max-height:650px}.hero img{object-position:50% 50%}.intro{padding:67px 27px 67px}.intro h1{font-size:22px;letter-spacing:.1em;line-height:1.65}.intro p{font-size:13px}.cards,.service-grid{grid-template-columns:1fr}.card-img{height:280px}.blocks{padding:0 22px 85px!important}.section-head{margin-bottom:23px}.card{margin-bottom:26px}.service-grid{gap:22px}.services{padding:80px 26px}.about{padding:75px 23px}.about h2{font-size:25px}}


/* V5: nur neue Navigationsposition und vierte Portfolio-Kachel */
.card-img-property{background:#142824}
.card-img-property svg{width:100%;height:100%;display:block}
#immobilienfotografie{scroll-margin-top:130px}
@media (min-width:701px) and (max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.cards{grid-template-columns:1fr}}
/* V4: ausschließlich Navigation und Sprachauswahl */
.menu{gap:clamp(12px,1.75vw,26px)}
.menu>a{font-size:clamp(10px,.85vw,13px);letter-spacing:.12em}
.nav-separator{width:1px;height:26px;background:#8ea29a;opacity:.7;flex-shrink:0;display:block}
.language-picker{display:flex;align-items:center;gap:9px;flex-shrink:0}
.language-picker button{background:transparent;border:none;border-bottom:1px solid transparent;color:#d8e0dc;font-size:12px;font-weight:550;letter-spacing:.05em;cursor:pointer;padding:8px 0;line-height:1.5}
.language-picker button.is-active{color:#d4c090;border-bottom-color:#d4c090}
.language-picker span{font-size:12px;color:#bac8c1}
@media(max-width:1290px){
 .hamburger{display:block}
 .menu{position:absolute;left:0;right:0;top:126px;padding:22px 30px 28px;background:#0a211c;display:none;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:1px solid #294840;box-shadow:0 15px 20px #0006}
 .menu.open{display:flex}
 .menu>a{font-size:13px;letter-spacing:.15em;padding:13px 0;width:100%}
 .menu .nav-separator{width:100%;height:1px;background:#8ea29a;margin:4px 0}
 .language-picker{gap:14px;padding:4px 0}
}
@media(min-width:701px) and (max-width:950px){.menu{top:104px}}
@media(max-width:700px){.menu{top:86px}}
/* V6: fourth Services offer only; all other V5 styling unchanged */
@media (min-width:1100px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px}}
@media (min-width:701px) and (max-width:1099px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}

/* V7: previously approved portrait; discreet contact links. Other V6 style unchanged. */
.about-portrait{display:block;width:280px;max-width:100%;height:auto;margin:28px auto 24px;object-fit:cover}
.contact-social{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap;margin:25px auto 0}
.contact .contact-social a{display:inline-flex;align-items:center;gap:10px;color:#c5d3cf;font-size:14px;letter-spacing:.085em;font-weight:300;border-bottom:1px solid transparent;padding:7px 0;transition:color .2s,border-color .2s}
.contact .contact-social a:hover,.contact .contact-social a:focus-visible{color:#fff;border-bottom-color:#879e96}
.contact-social svg{display:block;flex-shrink:0}
@media(max-width:700px){.about-portrait{width:235px;margin:25px auto 23px}.contact-social{column-gap:24px;row-gap:12px}.contact .contact-social a{font-size:12px}}


/* 05 Nov 2026: shared header appearance adapted from user-approved Roadtrips V4.
   Scoped to header only; no changes to content, photographic layout or crop. */
header.site-nav-v4 {
  --nav-ink: #e0e8e4;
  --nav-ink-soft: #bac9c2;
  --nav-gold: #c7b796;
  --nav-bg: #0a211c;
  --nav-stroke: rgba(206,224,217,.17);
  position:relative; z-index:30; height:126px; background:var(--nav-bg);
  border-bottom:1px solid var(--nav-stroke);
  font-family:'Century Gothic','Tw Cen MT','Trebuchet MS','Segoe UI',Arial,sans-serif;
  font-weight:400; font-style:normal; -webkit-font-smoothing:antialiased;
}
header.site-nav-v4 .top {
  width:min(100%,1500px); max-width:1500px; height:100%; margin:0 auto;
  padding:0 60px; display:flex; justify-content:space-between;
  align-items:center; gap:28px;
}
header.site-nav-v4 .brand {
  display:flex; align-items:center; flex:0 0 330px; width:auto;
  max-width:none; min-width:0; height:auto;
}
header.site-nav-v4 .brand img {
  display:block; width:100%; max-width:100%; height:auto; filter:none;
}
header.site-nav-v4 .menu {
  position:static; display:flex; align-items:center; gap:clamp(13px,1.55vw,27px);
  padding:0; margin:0; white-space:nowrap; background:transparent;
  border:0; box-shadow:none; flex-direction:row;
}
header.site-nav-v4 .menu > a {
  padding:14px 0; border:0; border-bottom:1px solid transparent;
  color:var(--nav-ink); font-family:inherit; font-size:clamp(10px,.87vw,13px);
  font-weight:400; font-style:normal; line-height:1.3;
  letter-spacing:.13em; text-transform:uppercase; text-decoration:none;
  transition:color .2s;
}
header.site-nav-v4 .menu > a:hover,
header.site-nav-v4 .menu > a:focus-visible,
header.site-nav-v4 .menu > a[aria-current='page'] {
  color:var(--nav-gold); border-bottom-color:var(--nav-gold);
}
header.site-nav-v4 .nav-separator {
  height:25px; width:1px; background:#9baca4; opacity:.75;
  flex-shrink:0; display:block;
}
header.site-nav-v4 .language-picker {
  display:flex; align-items:center; gap:8px; flex-shrink:0;
  font-style:normal;
}
header.site-nav-v4 .language-picker button {
  border:0; border-bottom:1px solid transparent; background:transparent;
  cursor:pointer; color:var(--nav-ink); font-family:inherit;
  font-size:12px; font-weight:400; letter-spacing:.08em;
  padding:8px 1px; font-style:normal;
}
header.site-nav-v4 .language-picker button.is-active {
  color:var(--nav-gold); border-bottom-color:var(--nav-gold);
}
header.site-nav-v4 .language-picker span {
  color:var(--nav-ink-soft); font-size:12px;
}
header.site-nav-v4 .hamburger {
  display:none; color:var(--nav-ink); background:transparent;
  border:0; font-size:28px; font-weight:400; padding:10px;
  line-height:1; cursor:pointer; width:auto; height:auto;
}
header.site-nav-v4 a:focus-visible, header.site-nav-v4 button:focus-visible {
  outline:2px solid var(--nav-gold); outline-offset:4px;
}
@media(max-width:1150px) {
  header.site-nav-v4 .top {padding:0 30px;}
  header.site-nav-v4 .brand {flex:0 0 295px;}
  header.site-nav-v4 .hamburger {display:block;}
  header.site-nav-v4 .menu {
    position:absolute; left:0; right:0; top:126px;
    padding:20px 30px 29px; background:var(--nav-bg);
    flex-direction:column; align-items:flex-start; gap:7px;
    border-bottom:1px solid #294840;
    box-shadow:0 18px 30px #0006; display:none;
  }
  header.site-nav-v4 .menu.open {display:flex;}
  header.site-nav-v4 .menu > a {
    font-size:13px; letter-spacing:.15em; padding:13px 0; width:100%;
  }
  header.site-nav-v4 .nav-separator {height:1px; width:100%; margin:5px 0;}
  header.site-nav-v4 .language-picker {padding:7px 0; gap:13px;}
}
@media(max-width:750px) {
  header.site-nav-v4 {height:88px;}
  header.site-nav-v4 .top {padding:0 20px;}
  header.site-nav-v4 .brand {flex:0 1 238px; max-width:74%;}
  header.site-nav-v4 .menu {top:88px; padding:15px 24px 25px;}
}


/* Services – deliberately scoped. Existing pages retain their approved styles. */
body.services-design {background:#0b211d;color:#dce4e3;}
.services-design .services-intro{max-width:1340px;margin:0 auto;padding:91px 48px 51px;text-align:center;}
.services-design .services-eyebrow{font-family:'Century Gothic','Tw Cen MT','Trebuchet MS',Arial,sans-serif;letter-spacing:.30em;text-transform:uppercase;color:#c7b796;font-size:11px;}
.services-design .services-intro h1{font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif;font-weight:250;font-size:clamp(35px,5vw,68px);letter-spacing:.09em;line-height:1.15;margin:19px 0 20px;}
.services-design .services-intro .short-rule{width:54px;height:1px;background:#c7b796;margin:24px auto;}
.services-design .services-lead{font-size:clamp(14px,1.4vw,17px);color:#b9c9c2;line-height:1.95;max-width:730px;margin:0 auto;font-weight:300;letter-spacing:.015em;}
.services-design .services-content{width:min(1340px,100%);margin:0 auto;padding:0 48px 100px;}
.services-design .offering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 28px;}
.services-design .offering-card{display:block;min-width:0;overflow:hidden;background:#112c26;border:1px solid #27453c;transition:background .25s,border-color .25s,transform .25s;}
.services-design .offering-card:hover,.services-design .offering-card:focus-visible{border-color:#a49c84;background:#18372f;transform:translateY(-2px);outline:none;}
.services-design .offering-media{width:100%;overflow:hidden;background:#081b17;aspect-ratio:16/9;}
.services-design .offering-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s;}
.services-design .offering-card:hover img{transform:scale(1.015);}
.services-design .offering-copy{display:flex;align-items:flex-end;gap:16px;padding:25px 26px 29px;min-height:148px;}
.services-design .offering-id{font-size:11px;color:#c7b796;letter-spacing:.18em;align-self:start;margin-top:7px;min-width:32px;}
.services-design .offering-text{flex:1;}
.services-design .offering-title{font-size:clamp(20px,2vw,27px);font-weight:340;letter-spacing:.07em;margin:0 0 11px;}
.services-design .offering-subtitle{font-family:'Century Gothic','Tw Cen MT',Arial,sans-serif;color:#a9bbb2;letter-spacing:.12em;font-size:11px;text-transform:uppercase;line-height:1.6;}
.services-design .offering-arrow{color:#c7b796;align-self:center;font-size:24px;line-height:1;}
.services-design .service-footnote{margin:37px 0 0;text-align:center;color:#8da69c;font-size:12px;letter-spacing:.055em;line-height:1.8;}
.services-design .service-subhero{width:min(1350px,100%);margin:0 auto;padding:44px 48px 100px;}
.services-design .service-subgrid{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#102a25;border:1px solid #29483e;}
.services-design .sub-image{min-height:480px;background:#0a211c;overflow:hidden;}
.services-design .sub-image img{width:100%;height:100%;max-height:620px;object-fit:cover;display:block;}
.services-design .sub-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,83px);}
.services-design .sub-copy .short-rule{width:51px;height:1px;background:#c7b796;margin:0 0 30px;}
.services-design .sub-copy h1{font-size:clamp(32px,3.2vw,52px);font-weight:280;letter-spacing:.075em;line-height:1.25;margin:14px 0 28px;}
.services-design .sub-copy p{font-size:clamp(14px,1.4vw,17px);line-height:1.95;color:#b6c7be;margin:0 0 28px;}
.services-design .sub-link{display:inline-flex;align-items:center;gap:12px;width:fit-content;border-bottom:1px solid #b5a989;padding:7px 0 11px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e4e5dc;transition:color .2s;}
.services-design .sub-link:hover{color:#c7b796;}
.services-design .sub-draft{display:block;color:#8ca49a;font-size:12px;line-height:1.8;margin-top:22px;letter-spacing:.04em;}
.services-design .site-ending{padding:36px 30px 60px;text-align:center;border-top:1px solid #315047;color:#97aca2;font-size:11px;letter-spacing:.15em;}
.services-design .services-crumbs{text-align:center;padding:30px 24px 0;letter-spacing:.12em;font-size:11px;color:#9aac9f;}
.services-design .services-crumbs a:hover{text-decoration:underline;}
@media(max-width:900px){
 .services-design .services-intro{padding:70px 30px 45px;}
 .services-design .services-content{padding:0 30px 80px;}
 .services-design .offering-grid{gap:16px;}
 .services-design .offering-copy{padding:22px 20px;min-height:132px;}
 .services-design .service-subhero{padding:35px 30px 80px;}
 .services-design .service-subgrid{grid-template-columns:1fr;}
 .services-design .sub-image{min-height:390px;height:390px;}
 .services-design .sub-copy{padding:48px 45px 56px;}
}
@media(max-width:640px){
 .services-design .services-intro{padding:54px 20px 36px;}
 .services-design .services-content{padding:0 18px 64px;}
 .services-design .offering-grid{grid-template-columns:1fr;gap:18px;}
 .services-design .offering-copy{min-height:120px;padding:21px 20px 25px;}
 .services-design .offering-title{font-size:23px;}
 .services-design .offering-media{aspect-ratio:16/10;}
 .services-design .service-subhero{padding:26px 18px 64px;}
 .services-design .sub-image{height:310px;min-height:310px;}
 .services-design .sub-copy{padding:36px 25px 42px;}
 .services-design .sub-copy h1{font-size:34px;}
}