  :root{
    --cream:#f7f0ea;
    --cream-2:#f1e6de;
    --blush:#ecd3c6;
    --rose:#d9a894;
    --terracotta:#b8735a;
    --sage:#aab6a5;
    --sage-light:#d5ddd1;
    --sage-dark:#6c776a;
    --copper:#a8704a;
    --copper-light:#c9946b;
    --ink:#2a2422;
    --ink-soft:#5c524e;
    --line:#e2d3c9;
    --white:#fffaf6;
    --radius:22px;
    --shadow:0 18px 50px -24px rgba(90,60,45,.35);
    --serif:"Cormorant Garamond", Georgia, serif;
    --sans:"Jost", system-ui, sans-serif;
    --script:"Parisienne", cursive;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:90px}
  body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--cream);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img,svg{display:block;max-width:100%}
  a{color:inherit}
  .wrap{width:min(1180px,100% - 40px);margin-inline:auto}

  /* Typo */
  .eyebrow{font-family:var(--sans);font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--copper);font-weight:500}
  h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;color:var(--ink)}
  h2{font-size:clamp(2rem,4vw,3rem);margin:.4rem 0 1rem}
  h3{font-size:1.6rem}
  .script{font-family:var(--script);color:var(--terracotta);font-weight:400}
  .rule{width:64px;height:1px;background:var(--copper);margin:1.2rem 0}
  .center{text-align:center}
  .center .rule{margin-inline:auto}
  .lead{font-size:1.12rem;color:var(--ink-soft);max-width:62ch}
  .center .lead{margin-inline:auto}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.7rem;border-radius:999px;text-decoration:none;font-weight:400;letter-spacing:.06em;font-size:.95rem;transition:.25s;border:1px solid transparent;cursor:pointer;font-family:var(--sans)}
  .btn-primary{background:var(--copper);color:var(--white)}
  .btn-primary:hover{background:#94603d;transform:translateY(-2px)}
  .btn-ghost{border-color:var(--copper);color:var(--copper);background:transparent}
  .btn-ghost:hover{background:var(--copper);color:var(--white)}

  /* Header */
  header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}
  header.scrolled{background:rgba(247,240,234,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:84px}
  .brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}
  .brand svg{width:46px;height:46px}
  .brand-text{font-family:var(--serif);font-size:1.25rem;letter-spacing:.14em;line-height:1.1}
  .brand-text small{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.3em;color:var(--ink-soft)}
  .nav ul{display:flex;gap:2rem;list-style:none;align-items:center}
  .nav ul a{text-decoration:none;font-size:.92rem;letter-spacing:.06em;color:var(--ink-soft);transition:.2s}
  .nav ul a:hover{color:var(--copper)}
  .nav .btn{padding:.7rem 1.3rem;color:var(--white)}
  .burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
  .burger span{display:block;width:24px;height:1.5px;background:var(--ink);margin:6px auto;transition:.3s}

  /* Hero */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;background:
    radial-gradient(ellipse 60% 50% at 85% 20%, rgba(236,211,198,.75), transparent 70%),
    radial-gradient(ellipse 50% 60% at 10% 90%, rgba(170,182,165,.35), transparent 70%),
    var(--cream)}
  .hero-road{position:absolute;left:0;bottom:0;width:52%;height:100%;pointer-events:none}
  .hero-inner{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}
  .hero-content{grid-column:2;text-align:center}
  .hero-logo{width:min(230px,55vw);margin:0 auto 1.2rem}
  .hero h1{font-size:clamp(2.3rem,5.2vw,3.9rem);letter-spacing:.14em;font-weight:500}
  .hero .title{font-size:.9rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem}
  .hero .services{font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.3em;text-transform:uppercase;margin-top:1.4rem;line-height:1.9}
  .hero .script{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-top:.8rem}
  .hero .actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}
  .scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;color:var(--ink-soft);text-transform:uppercase;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}
  .scroll-hint::after{content:"";width:1px;height:38px;background:linear-gradient(var(--copper),transparent);animation:drip 2s infinite}
  @keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

  section{padding:clamp(80px,10vw,130px) 0;position:relative}

  /* About */
  .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
  .portrait{position:relative;aspect-ratio:4/5;border-radius:200px 200px var(--radius) var(--radius);overflow:hidden;background:linear-gradient(160deg,var(--blush),var(--sage-light));box-shadow:var(--shadow)}
  .portrait svg{position:absolute;inset:0;width:100%;height:100%}
  .portrait .ph{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-dark)}
  .quals{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
  .qual{border-top:1px solid var(--line);padding-top:1rem}
  .qual strong{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--copper)}
  .qual span{font-size:.9rem;color:var(--ink-soft)}
  .about p+p{margin-top:1rem}

  /* Services */
  .services-sec{background:var(--white)}
  .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3.5rem}
  .svc{position:relative;border-radius:var(--radius);padding:clamp(2rem,4vw,3rem);overflow:hidden;background:var(--cream);border:1px solid var(--line);transition:.35s}
  .svc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .svc-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin-bottom:1.4rem}
  .svc-icon svg{width:38px;height:38px}
  .svc.psy .svc-icon{background:var(--sage-light)}
  .svc.mpu .svc-icon{background:var(--blush)}
  .svc h3{letter-spacing:.12em;text-transform:uppercase;font-size:1.45rem}
  .svc p{color:var(--ink-soft);margin:.8rem 0 1.4rem}
  .svc ul{list-style:none;display:grid;gap:.55rem}
  .svc li{display:flex;gap:.8rem;align-items:baseline}
  .svc li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;transform:translateY(-2px)}
  .svc.psy li::before{background:var(--sage)}
  .svc.mpu li::before{background:var(--rose)}
  .svc .btn{margin-top:2rem}
  .svc-deco{position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;opacity:.45}
  .svc.psy .svc-deco{background:radial-gradient(circle,var(--sage-light),transparent 70%)}
  .svc.mpu .svc-deco{background:radial-gradient(circle,var(--blush),transparent 70%)}

  /* Connection illustration band */
  .connect{background:linear-gradient(180deg,var(--white),var(--cream))}
  .connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
  .connect svg{width:100%;height:auto}
  .pillars{display:grid;gap:1.4rem;margin-top:2rem}
  .pillar{display:flex;gap:1.1rem}
  .pillar .n{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--copper);display:grid;place-items:center;font-family:var(--serif);font-size:1.2rem;color:var(--copper)}
  .pillar h4{font-family:var(--serif);font-size:1.3rem;font-weight:600}
  .pillar p{color:var(--ink-soft);font-size:.98rem}

  /* MPU process */
  .mpu-sec{background:var(--sage-dark);color:var(--cream);overflow:hidden}
  .mpu-sec h2,.mpu-sec h3{color:var(--white)}
  .mpu-sec .eyebrow{color:var(--blush)}
  .mpu-sec .lead{color:rgba(247,240,234,.8)}
  .mpu-sec .rule{background:var(--blush)}
  .steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem}
  .steps::before{content:"";position:absolute;top:34px;left:12%;right:12%;border-top:2px dashed rgba(247,240,234,.4)}
  .step{position:relative;text-align:center;padding:0 .5rem}
  .step .dot{width:68px;height:68px;margin:0 auto 1.3rem;border-radius:50%;background:var(--cream);color:var(--sage-dark);display:grid;place-items:center;font-family:var(--serif);font-size:1.6rem;font-weight:600;box-shadow:0 0 0 8px rgba(247,240,234,.12)}
  .step h3{font-size:1.35rem;margin-bottom:.5rem}
  .step p{font-size:.95rem;color:rgba(247,240,234,.78)}
  .mpu-types{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:3.5rem}
  .mpu-types span{border:1px solid rgba(247,240,234,.35);border-radius:999px;padding:.45rem 1.1rem;font-size:.88rem;letter-spacing:.05em}
  .mpu-road{position:absolute;right:-40px;bottom:-30px;width:340px;opacity:.18;pointer-events:none}

  /* Quote */
  .quote{text-align:center;background:var(--cream-2)}
  .quote blockquote{font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.5rem);font-style:italic;max-width:30ch;margin:0 auto;line-height:1.35}
  .quote .motto{margin-top:2rem;letter-spacing:.4em;font-size:.8rem;text-transform:uppercase;color:var(--copper)}

  /* FAQ */
  .faq{max-width:820px;margin:3rem auto 0}
  details{border-bottom:1px solid var(--line);padding:1.3rem 0}
  summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;font-family:var(--serif);font-size:1.35rem;font-weight:500}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";color:var(--copper);font-family:var(--sans);font-weight:300;font-size:1.6rem;line-height:1;transition:.3s}
  details[open] summary::after{transform:rotate(45deg)}
  details p{margin-top:.8rem;color:var(--ink-soft)}

  /* Contact */
  .contact-sec{background:var(--white)}
  .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);margin-top:3rem}
  .c-item{display:flex;align-items:center;gap:1.1rem;padding:.9rem 0;text-decoration:none}
  .c-item .ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--blush);display:grid;place-items:center}
  .c-item .ic svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.4}
  .c-item:hover .ic{background:var(--rose)}
  .hours{margin-top:2rem;padding:1.6rem;border-radius:var(--radius);background:var(--cream);border:1px solid var(--line)}
  .hours h4{font-family:var(--serif);font-size:1.3rem;margin-bottom:.5rem}
  .hours dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1.5rem;font-size:.95rem;color:var(--ink-soft)}
  form{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;padding:clamp(1.5rem,4vw,2.6rem);border-radius:var(--radius);background:var(--cream);border:1px solid var(--line)}
  .field{display:grid;gap:.35rem}
  .field.full{grid-column:1/-1}
  label{font-size:.82rem;letter-spacing:.08em;color:var(--ink-soft)}
  input,select,textarea{font:inherit;font-weight:300;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;transition:.2s;width:100%}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px rgba(168,112,74,.15)}
  textarea{min-height:140px;resize:vertical}
  .check{grid-column:1/-1;display:flex;gap:.7rem;font-size:.85rem;color:var(--ink-soft);align-items:flex-start}
  .check input{width:auto;margin-top:.3rem;accent-color:var(--copper)}
  form .btn{justify-self:start}
  .form-note{grid-column:1/-1;font-size:.85rem;color:var(--sage-dark);display:none}

  /* Footer */
  footer{background:var(--ink);color:rgba(247,240,234,.75);padding:4rem 0 2rem;font-size:.92rem}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
  footer .brand-text{color:var(--cream)}
  footer .brand-text small{color:rgba(247,240,234,.6)}
  footer h5{font-family:var(--sans);font-weight:500;letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;color:var(--copper-light);margin-bottom:1rem}
  footer ul{list-style:none;display:grid;gap:.4rem}
  footer a{text-decoration:none}
  footer a:hover{color:var(--white)}
  .foot-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(247,240,234,.15);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.82rem}
  footer .script{color:var(--copper-light);font-size:1.6rem;margin-top:.8rem}

  /* Reveal */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

  /* Responsive */
  @media (max-width:960px){
    .nav ul{position:fixed;inset:84px 0 auto;flex-direction:column;background:var(--cream);padding:2rem;gap:1.4rem;box-shadow:0 20px 30px -20px rgba(0,0,0,.2);transform:translateY(-130%);transition:.35s;z-index:-1}
    .nav ul.open{transform:none}
    .burger{display:block}
    .hero-inner{grid-template-columns:1fr}
    .hero-content{grid-column:1}
    .hero-road{width:100%;opacity:.28}
    .about-grid,.connect-grid,.contact-grid,.svc-grid{grid-template-columns:1fr}
    .portrait{max-width:380px;margin-inline:auto;width:100%}
    .steps{grid-template-columns:1fr 1fr;row-gap:3rem}
    .steps::before{display:none}
    .foot-grid{grid-template-columns:1fr 1fr}
    .foot-grid>div:first-child{grid-column:1/-1}
  }
  @media (max-width:560px){
    body{font-size:16px}
    .wrap{width:calc(100% - 32px)}
    .quals{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr}
    form{grid-template-columns:1fr}
    .hero h1{letter-spacing:.08em}
    .hero .services{letter-spacing:.18em}
    .brand-text{font-size:1.05rem}
    .foot-grid{grid-template-columns:1fr}
  }

/* ===== Ergänzungen: Köpfe im Hero, drei Leistungen ===== */
.hero-logo{width:min(180px,45vw);margin-bottom:1rem}
.hero-heads{width:min(420px,100%);height:auto;margin:1.6rem auto 0;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
  mask-composite:intersect}
.hero .actions{margin-top:1.4rem}
.svc-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}
.svc h3{font-size:1.3rem}
.svc.paar .svc-icon{background:none}
.svc-icon img{width:100%;height:100%;border-radius:50%;display:block}
.svc.paar li::before{background:var(--copper-light)}
.svc.paar .svc-deco{background:radial-gradient(circle,#f0dccb,transparent 70%)}
.svc{display:flex;flex-direction:column}
.svc ul{margin-bottom:2rem}
.svc .btn{align-self:flex-start;margin-top:auto}
.connect-grid{align-items:start}

/* ===== Unterseiten (Angebote) ===== */
.page-hero{padding:150px 0 90px;background:
  radial-gradient(ellipse 55% 60% at 90% 10%, rgba(236,211,198,.8), transparent 70%),
  radial-gradient(ellipse 45% 55% at 0% 100%, rgba(170,182,165,.35), transparent 70%),var(--cream)}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.crumbs{font-size:.8rem;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:1.6rem}
.crumbs a{text-decoration:none;color:var(--copper)}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);letter-spacing:.1em;text-transform:uppercase}
.page-hero .actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.page-hero .art img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:var(--radius);
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at center,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at center,#000 55%,transparent 100%)}
.page-hero .art svg{width:100%;height:auto}
.page-hero .art img.art-plain{-webkit-mask-image:none;mask-image:none;border-radius:50%;max-width:420px;display:block;margin:0 auto}

.topics-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-top:2rem}
.checklist li{display:flex;gap:.9rem;align-items:flex-start}
.checklist li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;margin-top:.15rem;
  background:var(--sage-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c776a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.2 3L17 9'/%3E%3C/svg%3E") center/18px no-repeat}
.price-card{position:sticky;top:110px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}
.price-card h3{font-size:1.5rem;margin-bottom:1rem}
.price-card dl{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.2rem;font-size:.95rem;margin-bottom:1.6rem}
.price-card dt{color:var(--ink-soft)}
.price-card dd{font-weight:400}
.price-card .big{font-family:var(--serif);font-size:2.4rem;color:var(--copper);line-height:1}
.price-card .btn{width:100%;justify-content:center}
.price-card small{display:block;margin-top:1rem;color:var(--ink-soft);font-size:.82rem}
.note{display:flex;gap:1rem;align-items:flex-start;margin-top:2.5rem;padding:1.2rem 1.4rem;border-radius:16px;background:var(--cream-2);border-left:3px solid var(--copper);font-size:.95rem}
.note strong{font-weight:500}

.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.explain p+p{margin-top:1rem}
.pullquote{border-radius:var(--radius);padding:clamp(2rem,4vw,3rem);background:linear-gradient(150deg,var(--blush),var(--sage-light));font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.9rem);font-style:italic;line-height:1.4}
.pullquote span{display:block;margin-top:1.2rem;font-family:var(--sans);font-style:normal;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--copper)}

.stmt{background:var(--sage-dark);color:var(--cream);overflow:hidden}
.stmt h2{color:var(--white);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.7rem,3.4vw,2.6rem)}
.stmt .rule{background:var(--blush)}
.stmt p{color:rgba(247,240,234,.85);max-width:68ch}
.stmt p+p{margin-top:1rem}
.stmt .btn-primary{background:var(--cream);color:var(--sage-dark);margin-top:2rem}
.stmt .btn-primary:hover{background:var(--white)}
.stmt-road{position:absolute;right:-30px;top:-20px;height:120%;opacity:.15;pointer-events:none}

.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.testi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;position:relative}
.testi::before{content:"\201E";position:absolute;top:-.2rem;left:1.4rem;font-family:var(--serif);font-size:4.5rem;color:var(--blush);line-height:1}
.testi p{font-family:var(--serif);font-size:1.2rem;font-style:italic;margin-top:1.4rem}
.testi footer,.testi .who{margin-top:1rem;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper)}
.placeholder-hint{margin-top:1.5rem;font-size:.82rem;color:var(--ink-soft);text-align:center}

.steps.light::before{border-top-color:var(--line)}
.steps.light .dot{background:var(--blush);color:var(--ink);box-shadow:0 0 0 8px rgba(236,211,198,.35)}
.steps.light h3{color:var(--ink)}
.steps.light p{color:var(--ink-soft)}

.cta-band{text-align:center;background:var(--cream-2)}
.cta-band .actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.alt{background:var(--white)}

.nav ul a.active{color:var(--copper)}
.steps.three{grid-template-columns:repeat(3,1fr)}
.steps.three::before{left:18%;right:18%}

/* Navigation: mehr Einträge -> früher ins Burger-Menü */
@media (max-width:1180px){
  .nav ul{position:fixed;inset:84px 0 auto;flex-direction:column;background:var(--cream);padding:2rem;gap:1.4rem;box-shadow:0 20px 30px -20px rgba(0,0,0,.2);transform:translateY(-130%);transition:.35s;z-index:-1}
  .nav ul.open{transform:none}
  .burger{display:block}
}
@media (max-width:1100px){
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc-grid .svc:last-child{grid-column:1/-1}
}
@media (max-width:960px){
  .page-hero-grid,.topics-grid,.explain-grid{grid-template-columns:1fr}
  .price-card{position:static}
  .testi-grid{grid-template-columns:1fr 1fr}
  .page-hero .art{max-width:460px}
}
@media (max-width:720px){
  .svc-grid{grid-template-columns:1fr}
  .steps.three{grid-template-columns:1fr}
  .checklist,.testi-grid{grid-template-columns:1fr}
}
/* Feinschliff Hero auf kleineren Bildschirmen */
@media (max-width:960px){ .hero-road{opacity:.14} }
@media (max-width:960px), (max-height:860px){ .scroll-hint{display:none} }
/* Orts-Hinweise (online / Praxis / zu Hause) */
.where-tag{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.where-tag span{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:.85rem;letter-spacing:.04em;color:var(--sage-dark)}
.where-tag span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage)}
.where-tag.center-tag{justify-content:center;margin-top:1.2rem}
.svc .svc-where{margin:-.2rem 0 0;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper)}
details p strong{font-weight:500;color:var(--ink)}
@media (max-width:560px){ .hours dl{grid-template-columns:1fr;gap:0} .hours dd{margin-bottom:.6rem} }
.c-item .c-sub{display:block;margin-top:.2rem;font-size:.82rem;color:var(--ink-soft)}

/* Straße läuft oben sanft aus, damit Logo/Name im Menü frei bleiben */
.hero-road{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 8%,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,transparent 8%,#000 30%)}

/* ===== Team ===== */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3.5rem}
.member{display:grid;grid-template-columns:200px 1fr;gap:1.8rem;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;transition:.35s}
.member:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.member-photo{position:relative;aspect-ratio:4/5;border-radius:120px 120px 16px 16px;overflow:hidden;background:linear-gradient(160deg,var(--sage-light),var(--blush));display:grid;place-items:center}
.member-photo.alt-tone{background:linear-gradient(160deg,var(--blush),#f0dccb)}
.member-photo span{font-family:var(--serif);font-size:3.4rem;font-weight:500;letter-spacing:.04em;color:var(--copper);width:110px;height:110px;border-radius:50%;border:1px solid rgba(168,112,74,.5);display:grid;place-items:center}
.member-photo small{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-dark)}
.member h3{font-size:1.7rem;letter-spacing:.06em}
.member-title{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);margin:.3rem 0 1rem}
.member-body>p:not(.member-title){color:var(--ink-soft);font-size:.98rem}
.member-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}
.member-tags li{font-size:.78rem;padding:.3rem .8rem;border-radius:999px;background:var(--cream-2);color:var(--ink-soft)}
#team .quals{margin-top:3rem}
@media (max-width:1100px){ .team-grid{grid-template-columns:1fr} }
@media (max-width:620px){ .member{grid-template-columns:1fr} .member-photo{max-width:240px;width:100%;margin-inline:auto} }
#team .member{background:var(--cream);align-items:center}
#team .member-title{margin-bottom:.4rem}

.faq-prices{list-style:none;margin-top:.8rem;display:grid;gap:.5rem;max-width:520px}
.faq-prices li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-radius:12px;background:var(--white);border:1px solid var(--line)}
.faq-prices strong{font-weight:500;color:var(--copper);white-space:nowrap}
@media (max-width:480px){.faq-prices li{flex-direction:column;gap:.1rem}}

.price-card .big{overflow-wrap:break-word}

/* Unsichtbares Feld gegen Spam-Bots */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button:disabled{opacity:.6;cursor:wait}

.member-training{font-size:.95rem;color:var(--ink-soft);margin-bottom:.2rem}
