:root{--green:#173B2E;--ivory:#F7F3EA;--gold:#B8943F}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--green);font-family:"Cormorant Garamond",Georgia,serif}a{color:inherit}p{font-size:20px;line-height:1.6}h1,h2,h3{font-weight:400}h1,.brand{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(48px,7vw,106px);line-height:1.05;margin:24px 0}h2{font-size:clamp(34px,4vw,60px);margin:18px 0 25px}h3{font-size:29px;margin:12px 0}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #173b2e25}.brand{text-decoration:none;font-size:11px;letter-spacing:3px}.brand strong{display:block;font-size:22px;letter-spacing:2px;font-weight:400;margin-top:8px}nav{display:flex;gap:28px;font:14px "Source Sans 3",Arial,sans-serif}nav a{text-decoration:none;padding:10px 0}nav a[aria-current]{border-bottom:2px solid var(--gold)}.review{background:#e9ddbd;padding:11px 5%;font:12px "Source Sans 3",Arial,sans-serif;letter-spacing:.6px}.eyebrow{font:12px "Source Sans 3",Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#947226}.hero{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 1.12fr;align-items:stretch}.hero .copy{padding:85px 10% 80px 12%;align-self:center}.hero img{width:100%;height:100%;object-fit:cover;min-height:620px}.hero .lead{font-size:26px}.button{display:inline-block;background:var(--green);color:var(--ivory);text-decoration:none;padding:16px 23px;font:14px "Source Sans 3",Arial,sans-serif;margin-top:15px;border:1px solid var(--green);border-radius:3px}.button.outline{background:transparent;color:var(--green)}.note{font:14px/1.65 "Source Sans 3",Arial,sans-serif;color:#63736a}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:55px 7%;border-block:1px solid #173b2e25}.principles h3{font:14px "Source Sans 3",Arial,sans-serif;letter-spacing:2px}.principles p{font-size:19px;margin:15px 0 0}.section{padding:90px 8%;max-width:1500px;margin:auto}.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.founder img{width:100%;max-height:640px;object-fit:contain}.founder p{font-size:23px}.dark{background:var(--green);color:var(--ivory)}.dark .eyebrow{color:#d2b671}.wide{max-width:1700px;margin:auto}.story-title{max-width:900px;padding:90px 8% 55px}.frame{margin:0 0 100px}.frame img{display:block;width:100%;max-height:90vh;object-fit:contain;background:#102a20}.frame figcaption{padding:24px 8%;font:14px "Source Sans 3",Arial,sans-serif;letter-spacing:.4px}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.chapter img{width:100%;max-height:600px;object-fit:contain}.chapter + .chapter{padding-top:30px}.divider{height:1px;background:#173b2e22;margin:0 8%}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.phase{border-top:2px solid #b8943f;padding:20px 0}.phase b{display:block;font:13px "Source Sans 3",Arial,sans-serif;letter-spacing:1px}.phase small{display:block;margin-top:16px;font:13px "Source Sans 3",Arial,sans-serif;color:#7c745e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px;border:1px solid #173b2e25;border-radius:4px}.card p{font-size:18px}.card img{width:100%;height:220px;object-fit:cover}.cards.two{grid-template-columns:repeat(2,1fr)}.intro{max-width:920px}.intro p{font-size:24px}.callout{padding:25px 30px;background:#ece5d7;border-left:3px solid var(--gold);margin:35px 0}.callout p{margin:8px 0;font-size:19px}details{margin-top:20px}summary{cursor:pointer;font:14px "Source Sans 3",Arial,sans-serif}table{border-collapse:collapse;width:100%;font:15px/1.5 "Source Sans 3",Arial,sans-serif}td,th{text-align:left;padding:18px;border-bottom:1px solid #173b2e22}th{background:#eae6dc}footer{display:flex;justify-content:space-between;padding:40px 5%;border-top:1px solid #173b2e25;font:13px "Source Sans 3",Arial,sans-serif}.badge{display:inline-block;border:1px solid #b8943f;padding:7px 10px;font:11px "Source Sans 3",Arial,sans-serif;letter-spacing:1px}.jump{display:flex;gap:16px;flex-wrap:wrap}.journal p{font-size:18px}@media(max-width:760px){header{align-items:flex-start;gap:25px}nav{gap:12px;flex-wrap:wrap;font-size:12px}.hero,.founder,.chapter{grid-template-columns:1fr}.hero{min-height:0}.hero .copy{padding:55px 7%}.hero img{min-height:0;height:420px}.section{padding:60px 7%}.principles,.cards,.cards.two{grid-template-columns:1fr;gap:20px}.timeline{grid-template-columns:1fr 1fr}.founder img{max-height:460px}.frame{margin-bottom:45px}.frame img{max-height:none}.chapter{gap:35px}footer{gap:20px;flex-wrap:wrap}.review{font-size:10px}.tablewrap{overflow:auto}p{font-size:19px}}

/* CASA VIVERE · V3 Mehrwerte integriert · 2026-10-01 */
.casa-dna{padding:92px 8%;background:#f7f3ea;border-top:1px solid #173b2e20;border-bottom:1px solid #173b2e20}
.casa-dna-inner,.project-facts-inner{max-width:1280px;margin:0 auto}
.casa-dna h2,.project-facts h2{max-width:1020px}
.casa-dna-intro,.project-facts-intro{max-width:900px;font-size:22px;color:#5f6f66}
.casa-dna-grid,.project-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid #173b2e22;border-left:1px solid #173b2e22}
.casa-dna-grid article,.project-facts-grid article{min-height:190px;padding:28px 30px;border-right:1px solid #173b2e22;border-bottom:1px solid #173b2e22;background:rgba(255,255,255,.2)}
.casa-dna-grid span,.project-facts-grid span{display:block;font:11px "Source Sans 3",Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#947226;margin-bottom:10px}
.casa-dna-grid h3,.project-facts-grid h3{font-size:26px;margin:0 0 12px}
.casa-dna-grid p,.project-facts-grid p{font-size:18px;line-height:1.55;margin:0;color:#52635a}
.place-first{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:8%;align-items:start;margin-top:58px;padding-top:34px;border-top:2px solid #b8943f}
.place-first .eyebrow{grid-column:1;margin:4px 0}
.place-first h3{grid-column:2;font-size:38px;margin:0 0 12px}
.place-first>p:last-child{grid-column:2;font-size:20px;margin:0;max-width:700px;color:#52635a}
.project-facts{padding:86px 8%;background:#eee8dc;border-top:1px solid #173b2e18}
.project-facts-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){
  .casa-dna-grid,.project-facts-grid{grid-template-columns:repeat(2,1fr)}
  .place-first{grid-template-columns:1fr;gap:10px}
  .place-first .eyebrow,.place-first h3,.place-first>p:last-child{grid-column:1}
}
@media(max-width:760px){
  .casa-dna,.project-facts{padding:52px 7%}
  .casa-dna-intro,.project-facts-intro{font-size:19px}
  .casa-dna-grid,.project-facts-grid{grid-template-columns:1fr;margin-top:26px}
  .casa-dna-grid article,.project-facts-grid article{min-height:0;padding:20px 18px}
  .place-first{margin-top:34px;padding-top:22px}
  .place-first h3{font-size:32px}

  /* Mobile Lesefluss: Inhalte bleiben vollständig, vertikale Strecke wird reduziert. */
  .section{padding:48px 7%}
  .founder{gap:22px}
  .founder img{max-height:390px}
  .story-title{padding:52px 7% 26px}
  .story-title h2{margin-bottom:14px}
  .chapter{gap:20px}
  .chapter + .chapter{padding-top:12px}
  .chapter img{max-height:420px}
  .divider{margin:0 7%}
  .timeline{gap:12px}
  .phase{padding:15px 0}
  .phase small{margin-top:8px}
  .cards{gap:14px}
  .card{padding:22px}
  .card img{height:190px}

  /* Auf dem Telefon zuerst fünf kuratierte Ansichten:
     Landschaft, Patio, Wasser, Innen/Außen und Küche. */
  #architektur .wide .frame{display:none;margin-bottom:22px}
  #architektur .wide .frame:nth-child(1),
  #architektur .wide .frame:nth-child(4),
  #architektur .wide .frame:nth-child(7),
  #architektur .wide .frame:nth-child(11),
  #architektur .wide .frame:nth-child(12){display:block}
  #architektur.gallery-expanded .wide .frame{display:block}
  #architektur .frame img{max-height:none}
  #architektur .frame figcaption{padding:14px 7% 18px;font-size:12px;line-height:1.45}
  .mobile-gallery-toggle-wrap{display:flex;justify-content:center;padding:4px 7% 42px}
  .mobile-gallery-toggle{
    min-height:44px;padding:0 18px;border:1px solid rgba(184,148,63,.65);
    background:transparent;color:#F7F3EA;cursor:pointer;
    font:500 10px/1.2 "Cinzel",Georgia,serif;letter-spacing:.12em;text-transform:uppercase
  }
  .mobile-gallery-toggle:focus-visible{outline:2px solid #B8943F;outline-offset:3px}
}
.mobile-gallery-toggle-wrap{display:none}
@media(max-width:760px){.mobile-gallery-toggle-wrap{display:flex}}

/* CASA VIVERE · Ursprung der Idee, bewusst ohne zweite Gründerinszenierung */
.casa-origin{background:#F7F3EA;border-top:1px solid #173b2e14;border-bottom:1px solid #173b2e14}
.casa-origin-inner{max-width:820px;margin:0 auto}
.casa-origin h2{font-size:clamp(38px,4.6vw,64px);margin:12px 0 28px}
.casa-origin p{max-width:760px}
.casa-origin-lead{font-size:clamp(24px,2.4vw,32px);line-height:1.45;color:#173B2E}
.casa-origin-signature{margin-top:26px;font-style:italic;font-size:24px;color:#947226}
.casa-origin-author{margin-top:34px;padding-top:18px;border-top:1px solid #173b2e22;font:11px/1.6 "Cinzel",Georgia,serif;letter-spacing:.11em;text-transform:uppercase;color:#63736a}
.casa-origin-author a{color:#947226;text-decoration:none}
@media(max-width:760px){
  .casa-origin h2{margin-bottom:20px}
  .casa-origin-lead{font-size:23px}
  .casa-origin-author{font-size:10px;letter-spacing:.09em}
}