/* =========================================================
   VARIANTE 1 — „Reduziert" (angelehnt an Startseite-PDF)
   Editorial-minimal, viel Weißraum, farbcodierte Navigation,
   zentrierte Bildmarke, typografiegeführt. Nur Almarai.
   ========================================================= */

.v1{ background:#FCFBF6; color:var(--ink); }
.v1 ::selection{ background:var(--olive); color:#fff; }

/* ---------- Header / farbcodierte Navigation ---------- */
.v1-head{ position:sticky; top:0; z-index:50; background:rgba(252,251,246,.9); backdrop-filter:blur(8px); }
.v1-head .container{ display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:84px; }
.v1-brand{ display:flex; align-items:center; gap:.65rem; }
.v1-brand img{ height:34px; }
.v1-brand b{ font-weight:700; font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; }
.v1-nav{ display:flex; gap:clamp(1rem,2.6vw,2.4rem); }
.v1-nav a{ font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; font-weight:700; color:var(--c,var(--ink));
  opacity:.85; transition:opacity .2s, letter-spacing .2s; }
.v1-nav a:hover{ opacity:1; letter-spacing:.26em; }

/* ---------- Hero (luftig, zentrierte Marke) ---------- */
.v1-hero{ text-align:center; padding-top:clamp(2rem,6vw,4.5rem); padding-bottom:clamp(3rem,8vw,6rem); position:relative; }
.v1-hero .kicker{ font-size:.72rem; letter-spacing:.4em; text-transform:uppercase; color:var(--ink-mute); }
.v1-hero h1{ font-weight:300; font-size:clamp(2.3rem,6.4vw,5rem); line-height:1.05; letter-spacing:.01em; margin:1.4rem auto .2rem; max-width:16ch; }
.v1-hero h1 b{ font-weight:800; }
.v1-hero .mark{ height:clamp(240px,34vw,360px); width:auto; margin:1.8rem auto 1.4rem; opacity:.96; }
.v1-hero .sub{ color:var(--ink-soft); max-width:46ch; margin:0 auto 2rem; font-size:1.05rem; }
.v1-cta{ display:inline-flex; gap:1.4rem; align-items:center; flex-wrap:wrap; justify-content:center; }
.v1-link{ font-size:.76rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700; padding-bottom:.35rem; border-bottom:2px solid; transition:gap .2s; display:inline-flex; gap:.5rem; align-items:center; }
.v1-link.olive{ color:var(--olive-deep); border-color:var(--olive); }
.v1-link.ink{ color:var(--ink); border-color:var(--ink); }
.v1-link:hover{ gap:.9rem; }

/* dünne „Schilf"-Trennlinie */
.reed{ display:flex; gap:7px; justify-content:center; align-items:flex-end; height:46px; opacity:.5; }
.reed i{ width:1.5px; background:var(--ink); display:block; }

/* ---------- Sektionen ---------- */
.v1 section{ padding-block:clamp(3.5rem,8vw,7rem); }
.v1 .head{ display:flex; align-items:baseline; gap:1.2rem; margin-bottom:2.6rem; }
.v1 .head .no{ font-size:.74rem; letter-spacing:.3em; color:var(--ink-mute); font-weight:700; }
.v1 .head h2{ font-weight:300; font-size:clamp(1.9rem,4.6vw,3.2rem); letter-spacing:.01em; }
.v1 .head h2 b{ font-weight:800; }
.v1 .head .rule{ flex:1; height:1px; background:var(--line); align-self:center; }

/* Über mich */
.v1-about{ display:grid; grid-template-columns:1.3fr .9fr; gap:clamp(2rem,6vw,5rem); align-items:center; }
.v1-about p{ color:var(--ink-soft); font-size:1.06rem; }
.v1-about p+p{ margin-top:1em; }
.v1-about .lead{ color:var(--ink); font-size:1.22rem; font-weight:300; line-height:1.5; }
.v1-about figure{ position:relative; }
.v1-about img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.v1-about figcaption{ font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-mute); margin-top:.8rem; text-align:center; }

/* Leistungen als editorische Liste */
.v1-list{ border-top:1px solid var(--line); }
.v1-row{ display:grid; grid-template-columns:auto 1fr 2fr; gap:clamp(1rem,4vw,3rem); align-items:baseline;
  padding:1.7rem 0; border-bottom:1px solid var(--line); transition:padding-left .25s; }
.v1-row:hover{ padding-left:.6rem; }
.v1-row .idx{ font-size:.8rem; font-weight:800; letter-spacing:.05em; color:var(--rc,var(--olive)); }
.v1-row h3{ font-weight:300; font-size:clamp(1.4rem,3vw,2rem); }
.v1-row h3 .bul{ display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--rc,var(--olive)); margin-right:.7rem; vertical-align:middle; }
.v1-row p{ color:var(--ink-soft); margin:0; font-size:1rem; }

/* Behandlungen — Tag-Reihe + Bild */
.v1-methods{ background:#F7F4EC; }
.v1-methods .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,5rem); align-items:center; }
.v1-methods p.lead{ font-weight:300; font-size:1.2rem; line-height:1.5; color:var(--ink); }
.v1-tags{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.8rem; }
.v1-tags span{ font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; padding:.6rem 1.1rem;
  border:1px solid var(--line); border-radius:40px; background:#fff; display:inline-flex; gap:.55rem; align-items:center; }
.v1-tags span i{ width:8px; height:8px; border-radius:50%; }
.v1-methods img{ width:100%; aspect-ratio:1/1; object-fit:cover; }

/* Coaching — schmaler, zentrierter Block */
.v1-coach{ text-align:center; }
.v1-coach .inner{ max-width:760px; margin-inline:auto; }
.v1-coach h2{ font-weight:300; font-size:clamp(1.9rem,4.6vw,3rem); margin-bottom:1rem; }
.v1-coach h2 b{ font-weight:800; }
.v1-coach p{ color:var(--ink-soft); font-size:1.08rem; }
.v1-coach .pills{ display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; justify-content:center; margin-top:1.6rem; }
.v1-coach .pills span{ font-size:.95rem; color:var(--ink); display:inline-flex; gap:.5rem; align-items:center; }
.v1-coach .pills span::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--orange); }

/* Claim */
.v1-claim{ text-align:center; }
.v1-claim p{ font-weight:300; font-style:italic; font-size:clamp(1.5rem,4vw,2.4rem); line-height:1.4; max-width:24ch; margin:0 auto; }
.v1-claim .reed{ margin-bottom:2.2rem; }

/* Kontakt */
.v1-contact{ background:#F7F4EC; }
.v1-contact .grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.v1-contact .it .k{ font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; color:var(--olive); font-weight:700; margin-bottom:.5rem; }
.v1-contact .it .v{ font-size:1.02rem; color:var(--ink); line-height:1.6; }
.v1-contact .it a.v:hover{ color:var(--olive-deep); }
.v1-contact .cta-row{ margin-top:3rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.2rem;
  border-top:1px solid var(--line); padding-top:2.2rem; }
.v1-contact .cta-row p{ font-weight:300; font-size:1.4rem; margin:0; }

/* Footer */
.v1-foot{ padding-block:3rem; text-align:center; }
.v1-foot img{ height:90px; margin:0 auto 1.2rem; opacity:.9; }
.v1-foot .links{ display:flex; gap:1.6rem; justify-content:center; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-mute); margin-top:1rem; }
.v1-foot .copy{ font-size:.8rem; color:var(--ink-mute); margin-top:1rem; }

/* Responsive */
@media (max-width:900px){
  .v1-nav{ gap:1rem; flex-wrap:wrap; justify-content:flex-end; }
  .v1-about,.v1-methods .wrap{ grid-template-columns:1fr; }
  .v1-about figure{ max-width:420px; }
  .v1-row{ grid-template-columns:auto 1fr; }
  .v1-row p{ grid-column:1/-1; }
  .v1-contact .grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  .v1-brand b{ display:none; }
  .v1-nav a{ font-size:.66rem; letter-spacing:.14em; }
  .v1-contact .grid{ grid-template-columns:1fr; }
}