/* Gemeinsames Stylesheet für Unterseiten (Über uns, Impressum, Datenschutz) — DvS */
:root{
  --bg:#ffffff;--ink:#141414;--soft:#6c6c6c;--hair:rgba(20,20,20,.13);
  --dark:#161210;--gold:#b9985a;
  --serif:'Cormorant Garamond',Didot,serif;--sans:'Inter',system-ui,sans-serif;--script:'Pinyon Script',cursive;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.eyebrow{font-family:var(--sans);font-weight:400;font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--soft)}
.script{font-family:var(--script);font-weight:400}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.08;letter-spacing:.02em}
.body{font-size:1rem;line-height:1.9;color:var(--soft);font-weight:300}

/* Header (gleich wie Startseite) */
header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;color:#fff;transition:background .5s var(--ease),padding .45s var(--ease),color .45s var(--ease)}
.hgrid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.hleft{display:flex;gap:30px}
.hleft a{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;font-weight:400;position:relative;padding:4px 0;transition:opacity .3s}
.hleft a:hover{opacity:.4}
.hlogo{justify-self:center;display:block;line-height:0}
.hlogo img{height:clamp(34px,4.4vw,52px);width:auto;display:block}
.hright{justify-self:end;display:flex;align-items:center;gap:22px}
.lang{display:flex;gap:7px;font-size:.6rem;letter-spacing:.12em}
.lang button{background:none;border:none;color:inherit;cursor:pointer;font-family:var(--sans);opacity:.55;padding:0;transition:opacity .3s}
.lang button.active{opacity:1}.lang span{opacity:.4}
.burger{background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:30px;padding:6px 0}
.burger span{display:block;height:1px;background:currentColor;transition:.45s var(--ease)}
.burger span:nth-child(1){width:30px}.burger span:nth-child(2){width:20px}
header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(14px);padding:15px 0;color:var(--ink);border-bottom:1px solid var(--hair)}
/* auf Unterseiten ist der Header von Anfang an hell */
header.solid{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--hair);position:fixed}

/* Mobile-Overlay-Menü (Unterseiten) */
.menu-open .burger span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg);width:30px}
.sub-overlay{position:fixed;inset:0;z-index:1500;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.sub-overlay.open{opacity:1;visibility:visible}
.sub-overlay a{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,5vw,2.8rem);letter-spacing:.04em;padding:10px 0;color:var(--ink);position:relative}
.sub-overlay a::after{content:"";position:absolute;left:0;bottom:6px;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease)}
.sub-overlay a:hover::after{width:100%}
.sub-overlay .ov-close{position:absolute;top:24px;right:28px;font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--ink)}

/* Page-Hero */
.page-hero{padding:clamp(150px,22vh,260px) 0 clamp(50px,7vh,90px);text-align:center}
.page-hero .eyebrow{display:block;margin-bottom:26px}
.page-hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:300;letter-spacing:.03em;line-height:1.06}
.page-hero .script{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.3rem,2vw,1.8rem);color:var(--soft);display:block;margin-top:18px;letter-spacing:.01em}

/* Inhalt */
.page-section{padding:clamp(30px,5vh,70px) 0 clamp(80px,12vh,150px)}
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:48px 0 16px}
.prose h3{font-size:1.1rem;font-weight:400;margin:30px 0 10px}
.prose p{margin-bottom:18px;font-size:1rem;line-height:1.9;color:var(--soft);font-weight:300}
.prose strong{color:var(--ink);font-weight:500}
.prose .lead{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.5;color:var(--ink);font-weight:300;font-style:italic;margin-bottom:34px}
.prose .placeholder{opacity:.55;font-size:.86rem}

/* Über-uns: Editorial mit Bild + Zitat */
.au-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;margin:60px 0}
.au-grid.rev .au-txt{order:2}
/* Über-uns Textblöcke: mehr Luft unter Eyebrow, Überschrift größer, Fließtext kleiner */
.au-grid .au-txt .eyebrow{display:block;margin-bottom:26px;font-size:.68rem}
.au-grid .au-txt h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:20px;line-height:1.08}
.au-grid .au-txt .body{font-size:.92rem;line-height:1.8}

.au-fig{aspect-ratio:4/5;overflow:hidden;position:relative}
.au-fig .ph{position:absolute;inset:0;background-size:cover;background-position:center;}
.au-quote{text-align:center;max-width:760px;margin:70px auto;font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.4;font-weight:300}
.au-quote .by{display:block;font-style:normal;font-family:var(--sans);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--soft);margin-top:22px}

/* Cashmere-Qualitäten: vier Karten, je kleines Bild + kurzer Text */
.qual-head{text-align:center;max-width:680px;margin:clamp(70px,11vh,130px) auto clamp(36px,5vh,60px)}
.qual-head .eyebrow{display:block;margin-bottom:20px}
.qual-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:300;letter-spacing:.02em}
.qual-head p{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--soft);line-height:1.5;margin-top:16px}
.qual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,3.4vw,56px)}
.qual-card{display:flex;flex-direction:column}
.qual-card .qfig{aspect-ratio:4/3;overflow:hidden;position:relative;margin-bottom:22px}
.qual-card .qfig .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.6s var(--ease)}
.qual-card:hover .qfig .ph{transform:scale(1.05)}
.qual-card .qnum{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--gold);margin-bottom:10px}
.qual-card h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:.01em;margin-bottom:12px}
.qual-card .body{font-size:.9rem;line-height:1.8;color:var(--soft)}
@media(max-width:760px){.qual-grid{grid-template-columns:1fr;gap:46px}}

/* Bild-/Video-Platzhalter (Pflege & Content-Seiten) */
.ph16,.ph21,.ph45{position:relative;overflow:hidden;background:linear-gradient(135deg,#cfcfcf,#8c8c8c);display:flex;align-items:flex-end;justify-content:flex-start;}
.ph16{aspect-ratio:16/9}
.ph21{aspect-ratio:21/9}
.ph45{aspect-ratio:4/5}
.care-hero{margin:10px 0 30px}
.care-wide{max-width:760px;margin:30px auto}
.care-final{max-width:900px;margin:54px auto 16px}
.care-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin:24px auto}
.care-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0}
@media(max-width:680px){.care-trio{grid-template-columns:1fr}}
.ph-label{position:absolute;left:14px;bottom:12px;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);background:rgba(0,0,0,.28);padding:5px 10px;backdrop-filter:blur(3px)}
.care-hero .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;background:rgba(0,0,0,.18)}
.care-hero .ph-label{left:18px;bottom:16px}
@media(max-width:680px){.care-duo{grid-template-columns:1fr}}

/* Kontaktseite */
.kontakt-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,80px);align-items:start}
.kontakt-form label{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin:20px 0 8px}
.kontakt-form input,.kontakt-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--hair);background:#fff;padding:13px 14px;font:300 1rem/1.6 var(--sans);color:var(--ink);transition:border-color .3s}
.kontakt-form input:focus,.kontakt-form textarea:focus{outline:none;border-color:var(--gold)}
.kontakt-form textarea{min-height:140px;resize:vertical}
.kontakt-form button{margin-top:26px;background:var(--ink);color:#fff;border:0;padding:15px 34px;font-family:var(--sans);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.kontakt-form button:hover{background:var(--gold)}
.kontakt-sent{display:none;margin-top:18px;color:#3a6b3a;font-size:.92rem}
.kontakt-info{display:flex;flex-direction:column;gap:30px}
.ki-block .eyebrow{display:block;margin-bottom:8px}
.ki-block a{font-family:var(--serif);font-size:1.2rem;font-style:italic;color:var(--ink);transition:color .3s;border-bottom:1px solid var(--hair);padding-bottom:2px}
.ki-block a:hover{color:var(--gold);border-color:var(--gold)}
.ki-block p{font-family:var(--serif);font-size:1.2rem;font-style:italic;color:var(--soft)}
.kontakt-img{aspect-ratio:4/5;overflow:hidden;position:relative;margin-top:6px}
.kontakt-img .ph{position:absolute;inset:0;background-size:cover;background-position:center}
@media(max-width:820px){.kontakt-grid{grid-template-columns:1fr;gap:40px}}

/* Footer (schlank, weiß) */
footer{background:var(--bg);color:var(--ink);padding:70px 0 40px;border-top:1px solid var(--hair)}
.foot-top{text-align:center;margin-bottom:50px}
.foot-top .foot-logo{height:clamp(120px,15vw,200px);width:auto;margin:0 auto;display:block}
.fbot{display:flex;justify-content:space-between;border-top:1px solid var(--hair);padding-top:26px;font-size:.62rem;letter-spacing:.14em;color:var(--soft);flex-wrap:wrap;gap:12px;text-transform:uppercase}
.fbot a{transition:color .3s}.fbot a:hover{color:var(--gold)}
.backlink{display:inline-flex;gap:10px;align-items:center;margin-top:10px;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase}
.backlink .ar{width:30px;height:1px;background:currentColor}

@media(max-width:900px){.hleft{display:none}.hgrid{grid-template-columns:auto 1fr auto}.hlogo{justify-self:start}.au-grid{grid-template-columns:1fr}.au-grid.rev .au-txt{order:0}}

.slot-tag{position:absolute;top:10px;left:10px;z-index:9;background:rgba(17,17,17,.82);color:#fff;font-family:Inter,sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.06em;padding:5px 9px;border-radius:2px;pointer-events:none;line-height:1.3}

/* Kollektion: Lookbook & Editorial */
.kol-hero-fig{aspect-ratio:3/2;overflow:hidden;position:relative;margin:clamp(10px,3vh,40px) 0 0}
.kol-hero-fig .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 2.2s var(--ease)}
.kol-hero-fig:hover .ph{transform:scale(1.04)}
@media(max-width:680px){.kol-hero-fig{aspect-ratio:4/5}}

.kol-intro{max-width:760px;margin:clamp(50px,8vh,100px) auto 0;text-align:center}
.kol-intro .lead{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.5;color:var(--ink);font-weight:300;font-style:italic;margin-bottom:26px}
.kol-intro p{font-size:1rem;line-height:1.9;color:var(--soft);font-weight:300}

.lookbook-head{text-align:center;max-width:680px;margin:clamp(70px,11vh,130px) auto clamp(34px,5vh,58px)}
.lookbook-head .eyebrow{display:block;margin-bottom:20px}
.lookbook-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:300;letter-spacing:.02em}
.lookbook-head p{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--soft);line-height:1.5;margin-top:16px}
.lookbook{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,30px)}
.look-card{display:flex;flex-direction:column}
.look-card .lfig{aspect-ratio:4/5;overflow:hidden;position:relative;margin-bottom:16px}
.look-card .lfig .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.6s var(--ease)}
.look-card:hover .lfig .ph{transform:scale(1.05)}
.look-card .l-eye{font-family:var(--sans);font-weight:400;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.look-card .l-name{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--ink);line-height:1.3;margin-bottom:5px}
.look-card .l-desc{font-size:.82rem;line-height:1.7;color:var(--soft)}
@media(max-width:880px){.lookbook{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.lookbook{grid-template-columns:1fr;gap:34px}}

.kol-wide{aspect-ratio:21/9;overflow:hidden;position:relative;margin:clamp(70px,11vh,130px) 0}
.kol-wide .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 2.2s var(--ease)}
.kol-wide:hover .ph{transform:scale(1.04)}
@media(max-width:680px){.kol-wide{aspect-ratio:4/5}}

/* Über-uns: Intro (oben) elegant zentriert */
.au-intro{max-width:780px;margin:0 auto;text-align:center}
.au-intro p{font-family:var(--serif);font-weight:300;font-style:italic;color:var(--ink);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.45}
.au-intro .au-intro-sub{font-family:var(--sans);font-style:normal;font-weight:300;color:var(--soft);font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.7;margin-top:22px;letter-spacing:.01em}

/* Über-uns: Versprechen-Outro elegant + Hover */
.au-promise{text-align:center;max-width:760px;margin:clamp(70px,11vh,140px) auto 0;padding-top:clamp(40px,6vh,70px);border-top:1px solid var(--hair)}
.au-promise .eyebrow{display:block;margin-bottom:24px}
.au-promise .au-promise-line{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.1;letter-spacing:.02em;transition:letter-spacing 1.2s var(--ease),color .8s var(--ease)}
.au-promise:hover .au-promise-line{letter-spacing:.12em;color:var(--gold)}
.au-promise .au-promise-sub{font-family:var(--sans);font-weight:300;color:var(--soft);font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.8;margin-top:22px;max-width:46ch;margin-left:auto;margin-right:auto}

/* Hover-Zoom für alle Bildfelder der Unterseiten (Cashmere au-fig, Pflege ph16/21/45) */
.au-fig .ph{transition:transform 1.7s var(--ease)}
.au-fig:hover .ph:not(.kol-fx){transform:scale(1.05)}
.ph16 .ph,.ph21 .ph,.ph45 .ph{position:absolute;inset:0;background-size:cover;transition:transform 1.7s var(--ease)}
.ph16:hover .ph,.ph21:hover .ph,.ph45:hover .ph{transform:scale(1.05)}