:root{--ink:#26382f;--muted:#5c6c60;--cream:#f7f4ec;--pale:#ebece1;--sage:#d7e2d5;--green:#335d45;--border:#d9ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd8f4b;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.top{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eceee8}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-size:27px;font-weight:700;letter-spacing:.19em;line-height:1.15}.brand span{display:block;font-size:9px;letter-spacing:.18em;font-weight:600;margin-top:6px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav>a{text-decoration:none;font-size:13px;font-weight:700}.navbtn{background:var(--green);color:#fff!important;padding:11px 20px;border-radius:3px}.menu{display:none}.hero{background:var(--cream);overflow:hidden}.hero-layout{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:38px}.eyebrow{font-size:12px;letter-spacing:.17em;color:#687b62;font-weight:700;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;line-height:1.16;font-weight:500;letter-spacing:-.027em}h1{font-size:clamp(58px,6vw,96px);margin-bottom:24px}h2{font-size:clamp(38px,4vw,56px);margin-bottom:24px}h2 em,h1 em{font-weight:400;color:#70876f}p{color:var(--muted)}.lead{font-size:19px;max-width:600px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:16px 23px;font-weight:700;font-size:14px;min-height:54px;border-radius:4px}.primary{background:var(--green);color:white}.btn:hover,.navbtn:hover{opacity:.88}.light{background:white;border:1px solid var(--border)}.trust{font-size:12px;color:#687b62}.visual{height:530px;position:relative;display:grid;place-items:center}.shape{position:absolute;border-radius:50%}.shape1{width:420px;height:420px;background:#e0e7d9;right:1%;top:6%}.shape2{width:300px;height:300px;background:#e9dbca;right:24%;bottom:3%}.visual-card{position:relative;background:#fdfcf9;width:75%;height:74%;padding:40px 30px;box-shadow:0 20px 70px #24382c20;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.visual-card .small{font-size:10px;letter-spacing:.18em;color:#718576;margin-bottom:22px}.visual-card strong{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.25}.decor{height:105px;width:240px;border-bottom:7px solid #b5c3b0;margin-top:28px;display:flex;align-items:flex-end;justify-content:center;gap:6px}.vase{width:67px;height:90px;background:#d5bfa3;border-radius:15px 15px 28px 28px;margin-right:22px}.book{width:22px;background:#a3b3a0}.b1{height:72px}.b2{height:95px;background:#dbc9a9}.b3{height:82px}.circle-sticker{position:absolute;bottom:20px;right:0;background:var(--green);color:white;border-radius:50%;width:115px;height:115px;display:grid;place-items:center;text-align:center;line-height:1.3;transform:rotate(10deg);font-family:Georgia,serif;font-size:21px}.section{padding-top:100px;padding-bottom:100px}.intro{padding-top:100px;padding-bottom:100px;text-align:center;max-width:880px}.intro>p:last-child{max-width:750px;margin:auto}.services{background:#f3f5ef}.sect-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.sect-head p{max-width:420px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:32px;background:#fff;min-height:260px;border:1px solid #e4e8dd}.cards .num{display:inline-block;font-size:13px;color:#7b9980;padding-bottom:0;margin-bottom:18px}.cards h3,.audience h3,.steps h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.3;margin-bottom:12px}.cards p,.steps p,.audience p{font-size:15px}.note{font-size:13px;color:var(--muted);margin-top:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split>div:first-child>p:not(.eyebrow){max-width:500px}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:5px;color:var(--green)}.steps>div{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:20px 0}.steps b{font-size:15px;color:#719678}.steps h3{margin-bottom:6px}.steps p{margin-bottom:0}.offer{background:#e8ede3}.offer-grid{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.price-card{background:white;padding:42px;box-shadow:0 24px 60px #24382c12}.price{font-family:Georgia,serif;font-size:80px;line-height:1;color:var(--green)}.price-card ul{padding-left:20px;color:var(--muted);font-size:15px}.price-card li{margin-bottom:12px}.full{width:100%;text-align:center}.fine,.price-card small{font-size:12px;line-height:1.6;color:#69756b}.price-card small{display:block;margin-top:14px}.audience{background:#fbfaf6}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.audience-grid>div{border-top:2px solid #a9b9a6;padding-top:25px}.faq .wrap{max-width:850px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px}.faq details p{padding-top:14px;margin:0}.contact{background:var(--green);color:#fff}.contact h2,.contact p{color:#fff}.contact .eyebrow{color:#b8d3ba}.contact-inner{display:grid;grid-template-columns:1fr 430px;gap:55px;align-items:center}.contactbox{background:#fff;padding:38px;color:var(--ink)}.contactbox h3{font-family:Georgia,serif;font-size:29px;font-weight:400}.contactbox .mail{display:block;font-size:20px;font-weight:700;color:var(--green);margin:15px 0 30px;overflow-wrap:anywhere}.contactbox .fine{color:var(--muted);margin:20px 0 0}.footer{display:flex;justify-content:space-between;gap:40px;padding-top:60px;padding-bottom:45px}footer{background:#f4f5ef}.footer>div:last-child{display:flex;gap:24px;flex-wrap:wrap;align-content:center}.footer a{font-size:13px}.foot-brand{font-size:24px}.tiny{font-size:12px;color:#738070;padding-bottom:20px}.legal{max-width:800px;padding-top:80px;padding-bottom:140px}.legal h1{font-size:48px}.legal h2{font-size:26px;margin-top:32px}.legal .warning{background:#fff2d9;padding:20px;border-left:4px solid #be8e37}
@media(max-width:900px){.nav{min-height:75px}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;box-shadow:0 20px 25px #2233201a;padding:22px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block;background:none;border:1px solid var(--border);padding:10px 14px;font-size:15px;color:var(--ink)}.hero-layout,.split,.offer-grid,.contact-inner{grid-template-columns:1fr;gap:28px}.hero-layout{padding-top:64px}.visual{height:420px}.cards,.audience-grid{grid-template-columns:repeat(2,1fr)}.section{padding-top:68px;padding-bottom:68px}.sect-head{display:block}.offer-grid{gap:32px}}@media(max-width:600px){body{font-size:16px}.wrap{padding-left:20px;padding-right:20px}.brand{font-size:21px}.brand span{font-size:7px}.hero-layout{padding-top:45px}.hero h1{font-size:57px}.visual{height:300px}.shape1{width:260px;height:260px}.shape2{width:180px;height:180px}.visual-card{height:82%;padding:20px}.visual-card strong{font-size:23px}.decor{transform:scale(.7);margin-top:8px}.circle-sticker{width:76px;height:76px;font-size:14px;bottom:8px}.lead{font-size:17px}.btn{width:100%}.cards,.audience-grid{grid-template-columns:1fr}.cards article{min-height:auto}.price-card,.contactbox{padding:26px}.price{font-size:70px}.footer{display:block}.footer>div:last-child{margin-top:20px}}

/* RAUMVIA V2: no decorative small strokes below service numbering */
.cards .num{border-bottom:none!important;}

/* V3 picture integration */
.hero-photo{position:relative;min-height:480px;height:530px;overflow:hidden;border-radius:3px;background:#e7e4d9;box-shadow:0 24px 60px #26382f15}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.photo-label{position:absolute;right:14px;bottom:14px;background:#ffffffeb;color:#435443;font-size:12px;padding:5px 12px;border-radius:2px}
.gallery{background:#fbfaf6}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.example-grid figure{margin:0;background:white;border:1px solid #e4e8dd}.example-grid figure:first-child{grid-column:1/-1}.example-grid img{display:block;width:100%;height:auto;aspect-ratio:1.52;object-fit:cover}.example-grid figure:first-child img{aspect-ratio:1.78}.example-grid figcaption{font-family:Georgia,serif;font-size:22px;padding:14px 20px;color:var(--ink)}.gallery-disclaimer{font-size:13px;margin-top:22px;max-width:820px}.cards .num::after{content:none!important;display:none!important}.cards .num{border:0!important;text-decoration:none!important}
@media(max-width:900px){.hero-photo{height:400px;min-height:0}.example-grid{grid-template-columns:1fr}.example-grid figure:first-child{grid-column:auto}}
@media(max-width:600px){.hero-photo{height:300px}.example-grid figcaption{font-size:19px}.example-grid img,.example-grid figure:first-child img{aspect-ratio:1.4}}

/* V6: direkt anrufbare Kontaktwege */
.call-button{gap:8px;text-align:center;line-height:1.3}.contactbox .call-button{margin:10px 0 12px}.phone-number{display:block;font-size:19px;font-weight:700;color:var(--green);margin-bottom:12px;text-align:center}.contactbox .mail{display:block;overflow-wrap:anywhere;margin:12px 0}.offer-mail{margin-top:10px}.buttons .btn{text-align:center}@media(max-width:650px){.contactbox .call-button,.price-card .call-button{font-size:16px;min-height:60px}.buttons .call-button{flex:1 1 100%;font-size:17px}.buttons .light{flex:1 1 100%}}

/* V7 – kompakte Mobilansicht; Desktop-Layout bleibt unverändert */
@media(max-width:600px){
 html{scroll-padding-top:82px}
 .nav{min-height:72px}.nav nav{top:72px}
 .hero-layout{padding-top:32px;padding-bottom:34px;gap:22px;min-height:0}
 .hero h1{font-size:clamp(43px,11vw,57px);margin-bottom:14px;line-height:1.10}
 .eyebrow{margin-bottom:12px;font-size:11px}
 .lead{font-size:17px;line-height:1.55;margin-bottom:0}
 .buttons{margin:19px 0 13px;gap:8px}
 .buttons .btn{min-height:48px;padding:12px 16px;font-size:15px}
 .trust{font-size:12px;line-height:1.5;margin:0}
 .hero-photo{height:auto;aspect-ratio:1.5;min-height:0}
 .section{padding-top:42px;padding-bottom:44px}
 .intro{padding-top:46px;padding-bottom:48px}
 h2{font-size:clamp(33px,9vw,44px);margin-bottom:14px}
 .intro p:not(.eyebrow){line-height:1.6;font-size:16px}
 .sect-head{margin-bottom:18px}.sect-head p{margin-bottom:0;font-size:16px;line-height:1.5}
 .cards{gap:10px}.cards article{padding:20px 20px 17px;min-height:0}
 .cards .num{margin-bottom:7px;font-size:12px}
 .cards h3,.audience h3,.steps h3{font-size:22px;margin-bottom:6px;line-height:1.24}
 .cards p,.steps p,.audience p{font-size:15px;line-height:1.48;margin-bottom:0}
 .note{font-size:12px;line-height:1.5;margin-top:16px}
 .example-grid{gap:12px}
 .example-grid img,.example-grid figure:first-child img{aspect-ratio:1.6}
 .example-grid figcaption{font-size:19px;padding:9px 14px}
 .gallery-disclaimer{margin-top:12px;font-size:12px;line-height:1.5}
 .split{gap:16px}.steps>div{gap:14px;padding:12px 0}
 .offer-grid{gap:18px}.price-card,.contactbox{padding:22px}
 .price{font-size:62px}.price-card ul{font-size:14px;line-height:1.5}.price-card li{margin-bottom:7px}
 .audience-grid{gap:16px}.audience-grid>div{padding-top:12px}
 .faq details{padding:15px 0}.faq summary{font-size:16px}
 .contact-inner{gap:18px}.contactbox .mail{font-size:17px}
 .footer{padding-top:36px;padding-bottom:25px}.tiny{padding-bottom:15px}
}


/* V9 – tüm hizmetler mobilde görünür; kartlar daha kısa, masaüstü değişmez */
@media (max-width:600px) {
 #leistungen .cards{gap:9px}
 #leistungen .cards article{min-height:0;padding:15px 17px 14px}
 #leistungen .cards .num{display:block;font-size:11px;margin:0 0 5px}
 #leistungen .cards h3{font-size:clamp(20px,5.4vw,23px);line-height:1.22;margin:0 0 6px}
 #leistungen .cards p{font-size:15px;line-height:1.43;margin:0}
 #leistungen .note{margin-top:13px}
}

/* V10: Bildausschnitte vermeiden, Bildvergleiche verkleinern und einheitlich darstellen. */
@media(min-width:901px){
  .gallery .wrap{max-width:1020px}
  .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .example-grid figure:first-child{grid-column:auto}
  .example-grid figure{min-width:0}
  .example-grid img,.example-grid figure:first-child img{width:100%;height:225px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#f7f4ec}
  .example-grid figcaption{font-size:18px;line-height:1.3;padding:12px 14px}
}
@media(min-width:601px) and (max-width:900px){
 .example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .example-grid figure:first-child{grid-column:auto}
 .example-grid img,.example-grid figure:first-child img{width:100%;height:235px;aspect-ratio:auto;object-fit:contain;background:#f7f4ec}
}
@media(max-width:600px){
 .example-grid img,.example-grid figure:first-child img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
 .example-grid figure{overflow:hidden}
}

/* V11 - Desktop-only refinements. Images contain rasterized Vorher/Nachher labels;
   never crop them. Original mobile declarations remain unchanged. */
@media(min-width:901px){
  #leistungen > .wrap { max-width: 1030px; }
  #leistungen .cards { gap: 14px; }
  #leistungen .cards article { padding: 27px 26px; min-height: 235px; }
  #leistungen .cards h3 { font-size: 22px; }
  #beispiele .wrap { max-width: 1030px; }
  #beispiele .example-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; align-items:stretch; }
  #beispiele .example-grid figure, #beispiele .example-grid figure:first-child { grid-column:auto; margin:0; min-width:0; display:flex; flex-direction:column; }
  #beispiele .example-grid img, #beispiele .example-grid figure:first-child img { display:block; width:100%; height:245px; aspect-ratio:auto; object-fit:contain; object-position:center top; background:#f7f4ec; }
  #beispiele .example-grid figcaption { margin-top:auto; padding:12px 13px; font-size:17px; line-height:1.34; min-height:68px; display:flex; align-items:center; }
  #beispiele .gallery-disclaimer{margin-top:17px}
}

/* V12: Three equally sized uncropped before/after examples. The wide
   living-room photo is letterboxed within an actual 4:3 image canvas. */
@media (min-width:901px){
 #beispiele .example-grid img,#beispiele .example-grid figure:first-child img{
  width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;object-position:center;
 }
 #beispiele .example-grid figcaption{min-height:58px;padding:9px 12px;font-size:16px}
}
@media (min-width:601px) and (max-width:900px){
 #beispiele .example-grid img,#beispiele .example-grid figure:first-child img{
  width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;object-position:center;
 }
}

/* V13: show actual whole photo pixels; no forced aspect ratio, no clipping.
   Wohnzimmer's baked cream bands were removed in source image. */
#beispiele .example-grid img, #beispiele .example-grid figure:first-child img {
 width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:fill;object-position:center;
}
#beispiele .example-grid figure {overflow:visible;}
@media(min-width:901px){
 #beispiele .example-grid {align-items:start;}
 #beispiele .example-grid figure,#beispiele .example-grid figure:first-child {align-self:start;}
 #beispiele .example-grid figcaption {min-height:58px;margin-top:0;}
}

/* V14: Consistent desktop gallery composition without crop; mobile uses original image. */
@media (min-width:901px){
 #beispiele .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
 #beispiele .example-grid figure,#beispiele .example-grid figure:first-child{align-self:stretch;display:flex;flex-direction:column;}
 #beispiele .example-grid picture{display:block;width:100%;}
 #beispiele .example-grid img,#beispiele .example-grid figure:first-child img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
 #beispiele .example-grid figcaption{flex:1;min-height:65px;margin-top:0;align-items:center;}
}
@media(max-width:900px){#beispiele .example-grid picture{display:block;width:100%;}}

/* V15: A new genuinely 4:3 living-room comparison image (not letterboxed). */
@media(min-width:901px){
 #beispiele .example-grid{align-items:stretch;}
 #beispiele .example-grid figure, #beispiele .example-grid figure:first-child{align-self:stretch;}
 #beispiele .example-grid img, #beispiele .example-grid figure:first-child img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;}
 #beispiele .example-grid figcaption{min-height:62px;flex:1;}
}