:root{
  --cream:#f8f4ed;
  --paper:#fffdf9;
  --ink:#172832;
  --muted:#66716d;
  --green:#58724f;
  --green-dark:#40573b;
  --green-soft:#edf2ea;
  --gold:#b8862f;
  --gold-soft:#e8d5ad;
  --line:#e8e1d5;
  --shadow:0 22px 55px rgba(42,45,39,.10);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.topline{height:4px;background:linear-gradient(90deg,var(--green),var(--gold),var(--green))}
header{position:sticky;top:0;z-index:30;background:rgba(248,244,237,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(184,134,47,.18)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:104px}
.brand{display:flex;align-items:center;gap:.9rem;min-width:390px}
.brand-monogram{width:74px;height:74px;object-fit:contain;flex:0 0 auto}
.brand-text{display:flex;flex-direction:column;line-height:1.08}.brand-text strong{display:block;font-family:Georgia,serif;font-size:1.48rem;font-weight:500;letter-spacing:.01em;color:var(--ink)}.brand-text strong em{font-style:normal;color:var(--gold)}
.brand-text small{display:block;color:var(--ink);font-family:Georgia,serif;font-size:.76rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase;margin-top:.22rem}.brand-claim{display:none}
nav ul{list-style:none;display:flex;align-items:center;gap:1.6rem;padding:0;margin:0;font-size:.95rem;font-weight:650}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:.9rem 1.25rem;font-weight:750;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.nav-cta,.btn-primary{background:var(--green);color:#fff}
.nav-cta:hover,.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn-outline{border-color:var(--green);color:var(--green-dark);background:transparent}
.btn-outline:hover{background:var(--green-soft)}
.menu-btn{display:none;border:0;background:none;font-size:1.5rem}
.hero{background:radial-gradient(circle at 18% 20%,rgba(184,134,47,.10),transparent 26%),linear-gradient(180deg,#fbf8f3 0%,var(--cream) 100%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;min-height:680px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:5rem 5rem 5rem 0}
.kicker{display:inline-flex;align-items:center;gap:.7rem;color:var(--green-dark);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.kicker:before{content:"";width:42px;height:1px;background:var(--gold)}
h1,h2,h3{font-family:Georgia,serif;line-height:1.08;font-weight:500;margin:0 0 1rem}
h1{font-size:clamp(2.35rem,4.6vw,4.25rem);letter-spacing:-.04em}
h2{font-size:clamp(1.85rem,3.2vw,2.8rem);letter-spacing:-.03em}
h3{font-size:1.55rem}
.hero-copy p{font-size:1.08rem;color:var(--muted);max-width:560px;margin:1rem 0 0}
.hero-lead{font-family:Georgia,serif;font-size:1.32rem!important;line-height:1.45;color:var(--green-dark)!important;max-width:600px!important;margin:1.15rem 0 0!important}
.hero-subtext{font-size:1.03rem!important;line-height:1.65;color:var(--muted)!important;max-width:590px!important;margin:.75rem 0 0!important}

.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.hero-media{position:relative;overflow:hidden;min-height:680px}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,237,.18),transparent 28%)}
.trustbar{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900;font-size:1.25rem;border:1px solid #dbe5d7}
.trust-item strong{display:block;font-family:Georgia,serif;font-size:1.1rem}
.trust-item span{color:var(--muted);font-size:.9rem}
section{padding:4.5rem 0}
.section-head{max-width:820px;margin:0 auto 3rem;text-align:center}
.section-head p{color:var(--muted);font-size:1.08rem}
.philosophy{background:var(--paper)}
.philosophy-card{position:relative;max-width:980px;margin:auto;padding:4rem 4.5rem;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.philosophy-card:before{content:"";position:absolute;left:50%;top:0;width:110px;height:3px;transform:translateX(-50%);background:var(--gold)}
.philosophy-card .kicker{margin-bottom:1.1rem}
.philosophy-card p{font-size:1.12rem;color:#53605b;margin:0 auto 1.2rem;max-width:830px}
.welcome-title{margin-top:.35rem}
.welcome-title span{display:block;font-family:Inter,Arial,sans-serif;font-size:.38em;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark);margin-bottom:.8rem}
.welcome-title strong{display:block;font:inherit;font-weight:500;white-space:nowrap;color:var(--ink)}
.welcome-title strong em{font-style:normal;color:var(--gold)}

.services{background:linear-gradient(180deg,var(--cream),#f3efe8)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.service-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:2rem;min-height:320px;box-shadow:0 10px 30px rgba(50,50,40,.05);display:flex;flex-direction:column}
.service-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold-soft);font-size:1.5rem;margin-bottom:1.5rem}
.service-card p{color:var(--muted);margin:0}
.service-link{margin-top:auto;padding-top:1.5rem;color:var(--green-dark);font-weight:800}
.programs{background:var(--paper)}
.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
.program-card{position:relative;padding:2.4rem;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.program-card.featured{border-color:rgba(184,134,47,.55);box-shadow:0 16px 44px rgba(184,134,47,.12)}
.program-card.featured:before{content:"Beliebteste Wahl";position:absolute;right:0;top:0;background:var(--gold);color:#fff;padding:.42rem .66rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;line-height:1.05;border-radius:0 18px 0 12px;box-shadow:0 6px 16px rgba(184,134,47,.16)}
.program-card p{color:var(--muted)}
.clean-list{list-style:none;padding:0;margin:1.2rem 0}
.clean-list li{position:relative;padding:.45rem 0 .45rem 1.55rem}
.clean-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.subtle-note{margin-top:1.4rem;padding:1rem 1.1rem;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:.92rem}
.trial{background:linear-gradient(135deg,#eef2e9 0%,#f7f1e7 100%)}
.trial-box{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;background:rgba(255,255,255,.74);border:1px solid rgba(184,134,47,.24);border-radius:var(--radius);padding:3.6rem}
.trial-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.mini-point{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem}
.mini-point strong{display:block;color:var(--green-dark)}
.about{background:var(--paper)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}
.about-visual{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);max-height:560px}
.about-visual img{width:100%;height:560px;object-fit:cover;object-position:center 16%}
.about-copy p{color:var(--muted)}
.quote{border-left:3px solid var(--gold);padding-left:1rem;color:var(--green-dark);font-family:Georgia,serif;font-size:1.25rem}
.faq{background:var(--cream)}
.faq-wrap{max-width:900px;margin:auto}
details{border-bottom:1px solid var(--line);padding:1.1rem 0}
summary{cursor:pointer;font-weight:800;color:var(--green-dark)}
details p{color:var(--muted)}
.contact{background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem}
.contact-panel{background:var(--green-dark);color:#fff;border-radius:18px;padding:2.2rem}
.contact-panel p{color:#e5ede2}
.contact-panel a{color:#fff}
.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2.2rem}
form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
label{font-weight:700;font-size:.92rem}
label input,label select,label textarea{margin-top:.35rem}
input,select,textarea{width:100%;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}
textarea{min-height:135px;resize:vertical}
.full{grid-column:1/-1}
.note{font-size:.84rem;color:var(--muted)}
footer{background:#1f2d29;color:#f2f4f1;padding:3rem 0 1.3rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.footer-grid p,.footer-grid a{color:#cbd4cf}
.footer-grid a{display:block;margin:.4rem 0}
.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:2rem;padding-top:1rem;color:#aeb9b4;font-size:.88rem}
.subhero{padding:5rem 0;background:linear-gradient(135deg,#f8f4ed,#eef2ea)}
.legal{max-width:900px}.legal h2{font-size:1.9rem;margin-top:2rem}.legal p,.legal li{color:var(--muted)}
@media(max-width:960px){nav ul{display:none;position:absolute;top:104px;left:0;right:0;background:var(--cream);padding:1.2rem 4%;flex-direction:column;border-bottom:1px solid var(--line)}nav ul.open{display:flex}.menu-btn{display:block}.nav-cta{display:none}.hero-grid,.about-grid,.trial-box,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:4rem 0}.hero-media{min-height:560px}.service-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.welcome-title strong{font-size:clamp(1.85rem,10vw,2.7rem)}.brand{min-width:0;gap:.55rem}.brand-monogram{width:52px;height:52px}.brand-text small{font-size:.56rem;letter-spacing:.09em}.brand-text strong{font-size:1rem}.brand-claim{display:none}.hero-media{min-height:460px}.philosophy-card,.trial-box{padding:2rem}.trial-points{grid-template-columns:1fr}form{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}section{padding:4.7rem 0}}

.about-mark{min-height:440px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 25% 22%,rgba(184,134,47,.12),transparent 28%),linear-gradient(145deg,#fffdf9,#eef2ea);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;box-shadow:var(--shadow)}
.mark-circle{width:150px;height:150px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative}
.mark-circle:after{content:"";position:absolute;width:176px;height:176px;border:1px solid rgba(184,134,47,.28);border-radius:50%;left:14px;top:-20px}
.mark-circle span{font-family:Georgia,serif;font-size:3rem;color:var(--gold)}
.mark-leaf{margin-top:1.7rem;color:var(--green);font-size:2rem;transform:rotate(30deg)}
.about-mark p{font-family:Georgia,serif;color:var(--green-dark);font-size:1.2rem;line-height:1.55}

.four-cards{grid-template-columns:repeat(4,1fr)}
.four-cards .program-card{display:flex;flex-direction:column;min-height:100%}
.four-cards .program-card .btn{margin-top:auto}
@media(max-width:1180px){.four-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.four-cards{grid-template-columns:1fr}}

/* Größere Vorteilskarten im oberen Bereich */
.trustbar{padding:1.6rem 0 2rem;background:#fbf8f3}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.trust-item{min-height:170px;padding:1.5rem 1.25rem;border:1px solid rgba(197,160,89,.28);border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 28px rgba(47,62,55,.06)}
.trust-item .icon-circle{width:58px;height:58px;margin-bottom:.8rem;display:grid;place-items:center;border-radius:50%;font-size:1.7rem;background:#e3ece3 !important;color:var(--gold) !important;border:1px solid rgba(79,107,95,.18) !important}
.trust-item div{display:flex;flex-direction:column;align-items:center}
.trust-item strong{font-size:1.18rem;line-height:1.25;margin-bottom:.35rem;color:#2f3e37}
.trust-item span:not(.icon-circle){font-size:.98rem;color:#69736e}
.program-price{font-family:Georgia,serif;color:#b78f3f;font-size:1.4rem;font-weight:700;margin:-.25rem 0 .8rem}
@media(max-width:820px){.trust-grid{grid-template-columns:1fr}.trust-item{min-height:145px}}

/* Weiche Übergänge – Größen und Originalbilder bleiben unverändert */
.hero-grid{position:relative;overflow:hidden}
.hero-copy{position:relative;z-index:2}
.hero-media{position:relative;z-index:1;margin-left:-46px}
.hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--cream) 0%,rgba(248,244,237,.78) 8%,transparent 25%),
    linear-gradient(270deg,var(--cream) 0%,rgba(248,244,237,.25) 5%,transparent 14%),
    linear-gradient(180deg,var(--cream) 0%,transparent 13%),
    linear-gradient(0deg,var(--cream) 0%,transparent 13%);
}

.about-grid{position:relative;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;border-radius:18px;background:var(--paper);max-width:1020px;margin-inline:auto}
.about-visual{position:relative;max-height:560px;border-radius:18px;box-shadow:none;overflow:hidden}
.about-visual img{width:100%;height:560px;object-fit:cover;object-position:center 16%}
.about-visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,transparent 58%,rgba(255,253,249,.55) 78%,var(--paper) 100%);
}
.about-copy{position:relative;z-index:2;padding:2.4rem 2.7rem 2.4rem 2rem;background:linear-gradient(90deg,rgba(255,253,249,.45),var(--paper) 18%)}

@media(max-width:960px){
  .hero-media{margin-left:0}
  .hero-media:after{background:linear-gradient(180deg,var(--cream) 0%,rgba(248,244,237,.35) 10%,transparent 24%)}
  .about-grid{grid-template-columns:1fr;gap:0}
  .about-visual{border-radius:18px}
  .about-visual:after{background:linear-gradient(180deg,transparent 0%,transparent 62%,rgba(255,253,249,.6) 82%,var(--paper) 100%)}
  .about-copy{padding:2rem;background:var(--paper)}
}

/* Feinschliff: nur die beiden Bildbereiche kompakter – restliche Homepage unverändert */
@media (min-width:961px){
  .hero-grid{
    min-height:540px;
  }
  .hero-copy{
    min-height:540px;
    padding:3.2rem 4rem 3.2rem 0;
  }
  .hero-media{
    min-height:540px;
    height:540px;
    margin-left:-40px;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 24%;
  }

  .about-grid{
    min-height:500px;
    align-items:stretch;
  }
  .about-visual{
    height:500px;
    max-height:500px;
  }
  .about-visual img{
    width:100%;
    height:500px;
    object-fit:contain;
    object-position:center center;
    background:var(--paper);
    border-radius:18px;
  }
  .about-copy{
    padding:2.2rem 2.7rem 2.2rem 1.8rem;
  }
}


/* Kompakte Angebotskarten mit aufklappbaren Details */
.compact-program{min-height:285px;padding:2rem 1.65rem 1.55rem}
.compact-program h3{font-size:1.38rem;margin-bottom:.7rem}
.compact-program>p{margin:.15rem 0 1.25rem;color:var(--muted)}
.program-price-text{font-size:1.16rem;letter-spacing:.02em}
.program-details{margin-top:auto;padding:0;border:0}
.program-details summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.82rem 1rem;border:1px solid var(--gold);border-radius:9px;color:var(--green-dark);font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:transparent;transition:.2s ease}
.program-details summary::-webkit-details-marker{display:none}
.program-details summary:after{content:"⌄";font-size:1.05rem;color:var(--gold);transition:transform .2s ease}
.program-details[open] summary:after{transform:rotate(180deg)}
.program-details summary:hover{background:var(--green-soft)}
.program-details .clean-list{margin:1.05rem 0 .15rem;padding-top:.2rem;border-top:1px solid var(--line)}
.program-details .clean-list li{font-size:.91rem;line-height:1.45;padding:.38rem 0 .38rem 1.35rem}
@media(max-width:1180px){.compact-program{min-height:260px}}

/* Startbereich nach Vorlage: eine zusammenhängende Fläche, nur der Übergang wurde angepasst */
@media (min-width:961px){
  .hero{
    position:relative;
    overflow:hidden;
    padding:0;
    background:var(--cream);
  }
  .hero .container{
    width:100%;
    max-width:none;
  }
  .hero-grid{
    position:relative;
    display:grid;
    grid-template-columns:50% 50%;
    min-height:540px;
    overflow:hidden;
    background:
      radial-gradient(circle at 13% 25%,rgba(184,134,47,.08),transparent 30%),
      linear-gradient(90deg,#f8f4ed 0%,#f8f4ed 42%,rgba(248,244,237,.96) 52%,rgba(248,244,237,.18) 68%,transparent 82%);
  }
  .hero-copy{
    position:relative;
    z-index:3;
    min-height:540px;
    padding:3.2rem 3rem 3.2rem max(5%,calc((100vw - 1180px)/2));
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:transparent;
  }
  .hero-media{
    position:relative;
    z-index:1;
    min-height:540px;
    height:540px;
    margin-left:-70px;
    overflow:hidden;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 24%;
    image-rendering:auto;
  }
  .hero-media:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(90deg,#f8f4ed 0%,rgba(248,244,237,.95) 8%,rgba(248,244,237,.68) 18%,rgba(248,244,237,.18) 31%,transparent 46%),
      linear-gradient(180deg,rgba(248,244,237,.20) 0%,transparent 13%,transparent 87%,rgba(248,244,237,.22) 100%);
  }
  .hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(270deg,rgba(248,244,237,.12) 0%,transparent 14%);
  }
}


/* Oberer Startbereich – kleines Originalfoto mit weichem Übergang */
.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fbf8f3 0%,var(--cream) 100%);
}
.hero .container{width:min(1180px,92%)}
.hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:56% 44%;
  min-height:610px;
  align-items:stretch;
  overflow:hidden;
}
.hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:610px;
  padding:4.8rem 4.2rem 4.5rem 0;
  background:linear-gradient(90deg,#fbf8f3 0%,#fbf8f3 77%,rgba(251,248,243,.94) 87%,rgba(251,248,243,0) 100%);
}
.hero-media{
  position:relative;
  z-index:1;
  min-height:610px;
  overflow:hidden;
  margin-left:-68px;
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 34%;
  image-rendering:auto;
}
.hero-media:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(270deg,rgba(251,248,243,.96) 0%,rgba(251,248,243,.68) 10%,rgba(251,248,243,.18) 23%,transparent 38%);
}
.hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(251,248,243,.96) 0%,rgba(251,248,243,.68) 10%,rgba(251,248,243,.18) 23%,transparent 38%);
}

@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-copy{min-height:auto;padding:4rem 0 2.8rem;background:linear-gradient(180deg,#fbf8f3 0%,rgba(251,248,243,.98) 100%)}
  .hero-media{margin-left:0;min-height:500px}
  .hero-media img{object-position:center 25%}
  .hero-media:before{display:none}
  .hero-media:after{background:linear-gradient(180deg,rgba(251,248,243,.98) 0%,rgba(251,248,243,.25) 18%,transparent 36%)}
}
@media(max-width:640px){
  .hero-media{min-height:430px}
}


/* Feinschliff unteres Bild: alle vier Ecken rund, etwas kompakter, mittig positioniert */
@media (min-width:961px){
  .about-grid{
    min-height:470px;
  }
  .about-visual{
    display:flex;
    align-items:center;
    justify-content:center;
    height:470px;
    max-height:470px;
    padding:0;
    border-radius:26px;
    overflow:hidden;
  }
  .about-visual img{
    width:100%;
    height:100%;
    max-height:470px;
    object-fit:cover;
    object-position:center center;
    background:transparent;
    border-radius:26px;
    display:block;
    margin:0 auto;
  }
  .about-visual:after{
    border-radius:26px;
    background:linear-gradient(90deg,transparent 0%,transparent 60%,rgba(255,253,249,.42) 78%,var(--paper) 100%);
  }
}


/* FINAL: Unterer Über-mich-Bereich kompakter und Bild exakt mittig */
@media (min-width:961px){
  .about{
    padding-top:3.4rem;
    padding-bottom:3.4rem;
  }
  .about-grid{
    max-width:980px;
    min-height:0;
    height:auto;
    align-items:center;
    grid-template-columns:44% 56%;
    border-radius:24px;
    overflow:hidden;
  }
  .about-visual{
    position:relative;
    width:100%;
    height:420px;
    max-height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:24px;
    overflow:hidden;
    background:var(--paper);
  }
  .about-visual img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:50% 50%;
    margin:0;
    border-radius:24px;
    background:transparent;
  }
  .about-visual:after{
    border-radius:24px;
    background:linear-gradient(90deg,transparent 0%,transparent 63%,rgba(255,253,249,.34) 80%,var(--paper) 100%);
  }
  .about-copy{
    align-self:center;
    padding:1.7rem 2.3rem 1.7rem 1.8rem;
    background:linear-gradient(90deg,rgba(255,253,249,.35),var(--paper) 16%);
  }
  .about-copy h2{margin-bottom:.75rem}
  .about-copy p{margin:.55rem 0}
  .about-copy .quote{margin-top:.8rem;margin-bottom:0}
}

/* FINAL: Oberen Startbereich kompakter, Bild kleiner und vollständig sichtbarer */
@media (min-width:961px){
  .hero-grid{
    min-height:520px;
  }
  .hero-copy{
    min-height:520px;
    padding-top:3.35rem;
    padding-bottom:3.15rem;
  }
  .hero-media{
    min-height:520px;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
  }
  .hero-media img{
    width:94%;
    height:94%;
    object-fit:contain;
    object-position:center center;
    display:block;
    margin:auto;
  }
}


/* FINAL: Kleineres Startfoto mit wieder sichtbarem weichem Übergang links und rechts */
@media (min-width:961px){
  .hero-media img{
    width:94%;
    height:94%;
    object-fit:contain;
    object-position:center center;
    display:block;
    margin:auto;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
  }
  .hero-media:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    display:block;
    background:
      linear-gradient(90deg,rgba(251,248,243,.96) 0%,rgba(251,248,243,.68) 9%,rgba(251,248,243,.16) 22%,transparent 38%),
      linear-gradient(270deg,rgba(251,248,243,.96) 0%,rgba(251,248,243,.68) 9%,rgba(251,248,243,.16) 22%,transparent 38%);
  }
  .hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(251,248,243,.36) 0%,transparent 16%),
      linear-gradient(0deg,rgba(251,248,243,.36) 0%,transparent 16%);
  }
}

/* DEFINITIVER HERO-VERLAUF: seitlich deutlich, oben und unten dezent */
@media (min-width:961px){
  .hero-media{
    position:relative;
    overflow:hidden;
    background:transparent;
  }
  .hero-media img{
    width:94%;
    height:94%;
    object-fit:contain;
    object-position:center center;
    margin:auto;
    display:block;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 7%,#000 24%,#000 76%,rgba(0,0,0,.18) 93%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 7%,#000 24%,#000 76%,rgba(0,0,0,.18) 93%,transparent 100%);
  }
  .hero-media:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    display:block !important;
    background:
      linear-gradient(180deg,rgba(251,248,243,.48) 0%,transparent 14%),
      linear-gradient(0deg,rgba(251,248,243,.48) 0%,transparent 14%);
  }
  .hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    display:block !important;
    background:
      linear-gradient(90deg,rgba(251,248,243,.98) 0%,rgba(251,248,243,.72) 9%,rgba(251,248,243,.18) 22%,transparent 36%),
      linear-gradient(270deg,rgba(251,248,243,.98) 0%,rgba(251,248,243,.72) 9%,rgba(251,248,243,.18) 22%,transparent 36%);
  }
}

/* FINAL 08: Seitlicher Verlauf direkt in der PNG-Datei; keine überlagernden Seitenmasken */
@media (min-width:961px){
  .hero-media img{
    width:94%;
    height:94%;
    object-fit:contain;
    object-position:center center;
    margin:auto;
    display:block;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  .hero-media:before,
  .hero-media:after{
    display:none !important;
    content:none !important;
  }
}

/* FINAL 2026-07-19: Original-AH-Foto mit weichem Übergang wie Vorlage */
@media (min-width:961px){
  .hero{
    position:relative;
    overflow:hidden;
    padding:0;
    background:linear-gradient(180deg,#fbf8f3 0%,var(--cream) 100%);
  }
  .hero .container{
    width:min(1180px,92%);
    max-width:1180px;
  }
  .hero-grid{
    position:relative;
    display:grid;
    grid-template-columns:55% 45%;
    min-height:520px;
    align-items:stretch;
    overflow:hidden;
    background:transparent;
  }
  .hero-copy{
    position:relative;
    z-index:4;
    min-height:520px;
    padding:3.35rem 4rem 3.15rem 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(90deg,#fbf8f3 0%,#fbf8f3 78%,rgba(251,248,243,.96) 88%,rgba(251,248,243,0) 100%);
  }
  .hero-media{
    position:relative;
    z-index:1;
    min-height:520px;
    height:520px;
    margin-left:-54px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fbf8f3;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    display:block;
    margin:0;
    image-rendering:auto;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hero-media:before,
  .hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
  }
  .hero-media:before{
    background:
      linear-gradient(90deg,#fbf8f3 0%,rgba(251,248,243,.98) 7%,rgba(251,248,243,.75) 14%,rgba(251,248,243,.25) 24%,transparent 36%),
      linear-gradient(270deg,#fbf8f3 0%,rgba(251,248,243,.88) 5%,rgba(251,248,243,.36) 12%,transparent 23%);
  }
  .hero-media:after{
    background:
      linear-gradient(180deg,#fbf8f3 0%,rgba(251,248,243,.30) 8%,transparent 17%),
      linear-gradient(0deg,#fbf8f3 0%,rgba(251,248,243,.30) 8%,transparent 17%);
  }
}
@media(max-width:960px){
  .hero-media img{object-fit:contain;object-position:center center}
}

/* FINAL VERIFIED HERO — original image, CSS-only soft transition */
@media (min-width: 961px) {
  .hero {
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #fbf8f3 0%, var(--cream) 100%) !important;
  }
  .hero > .container {
    width: 100% !important;
    max-width: none !important;
  }
  .hero-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 54%) minmax(0, 46%) !important;
    min-height: 560px !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% 30%, rgba(184,134,47,.08), transparent 30%),
      linear-gradient(90deg, #fbf8f3 0%, #fbf8f3 50%, rgba(251,248,243,.72) 63%, rgba(251,248,243,0) 82%) !important;
  }
  .hero-copy {
    position: relative !important;
    z-index: 3 !important;
    min-height: 560px !important;
    padding: 3.6rem 3.2rem 3.4rem max(4vw, calc((100vw - 1180px)/2)) !important;
    background: transparent !important;
  }
  .hero-media {
    position: relative !important;
    z-index: 1 !important;
    min-height: 560px !important;
    height: 560px !important;
    margin-left: -88px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
  }
  .hero-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    image-rendering: auto !important;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.32) 7%, #000 22%, #000 80%, rgba(0,0,0,.45) 92%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
    -webkit-mask-composite: source-in !important;
    mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.32) 7%, #000 22%, #000 80%, rgba(0,0,0,.45) 92%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
    mask-composite: intersect !important;
  }
  .hero-media::before,
  .hero-media::after {
    content: none !important;
    display: none !important;
  }
}

.price-note{margin:-.35rem 0 .9rem;font-size:.82rem;color:var(--muted);line-height:1.35}.copyright a{color:inherit;text-decoration:underline;text-underline-offset:2px}.note a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Neues Original-Logo im Kopfbereich */
.brand-logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 250px;
}
.brand-logo-full {
  display: block;
  width: clamp(230px, 25vw, 390px);
  max-height: 88px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 760px) {
  .brand-logo-link { min-width: 0; }
  .brand-logo-full { width: min(250px, 68vw); max-height: 70px; }
}


/* Finales transparentes Logo + Feintuning Abstände */
.brand-transparent{display:flex;align-items:center;gap:.95rem;min-width:390px;text-decoration:none;background:transparent !important}
.brand-transparent .brand-monogram{width:76px;height:76px;object-fit:contain;flex:0 0 auto}
.brand-transparent .brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-transparent .brand-text strong{display:block;font-family:Georgia,serif;font-size:clamp(1.9rem,2.35vw,2.7rem);font-weight:500;letter-spacing:.01em;color:var(--ink)}
.brand-transparent .brand-text strong em{font-style:normal;color:var(--gold)}
.brand-transparent .brand-text small{display:block;margin-top:.22rem;font-family:Georgia,serif;font-size:clamp(.76rem,.95vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:#839381;font-style:normal}

.hero-copy h1{margin-bottom:.32rem}
.hero-lead{margin-top:.38rem !important}
.trial .kicker{display:block;margin-bottom:.68rem}

@media (max-width: 960px){
  .brand-transparent{min-width:0;gap:.75rem}
  .brand-transparent .brand-monogram{width:60px;height:60px}
  .brand-transparent .brand-text strong{font-size:clamp(1.35rem,5.4vw,2rem)}
  .brand-transparent .brand-text small{font-size:clamp(.58rem,2.2vw,.78rem);letter-spacing:.12em}
}
@media (max-width: 640px){
  .brand-transparent .brand-monogram{width:52px;height:52px}
  .brand-transparent .brand-text strong{font-size:1.08rem}
  .brand-transparent .brand-text small{font-size:.55rem;letter-spacing:.08em}
}

/* FINAL FEINSCHLIFF 2026-07-25 */
/* Transparentes Logo beibehalten, Unterzeile korrekt: Transformationsstudio Alexandra */
.brand-transparent,
header .brand {
  background: transparent !important;
}
.brand-transparent .brand-monogram,
header .brand .brand-monogram {
  background: transparent !important;
  box-shadow: none !important;
}
.brand-transparent .brand-text small,
header .brand .brand-text small {
  color: #7d8d7a !important;
}

/* Abstand unter der Hauptüberschrift etwas kompakter und symmetrischer */
.hero-copy h1 {
  margin-bottom: .14rem !important;
}
.hero-lead {
  margin-top: .18rem !important;
}
.hero-subtext {
  margin-top: .62rem !important;
}

/* Goldene Symbole im Vorteilsbereich */
.trust-item .icon-circle {
  background: linear-gradient(180deg, #fbf3df 0%, #f4e4bd 100%) !important;
  color: var(--gold) !important;
  border: 1px solid rgba(184, 134, 47, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Abstand in der Dein Starts-Box leicht vergrößern */
.trial .kicker {
  margin-bottom: .95rem !important;
}
.trial h2 {
  margin-top: 0 !important;
}

/* Optional kleine Feinkorrektur für engeren Preisblock */
.program-card .program-price {
  margin-bottom: .52rem;
}
.program-card .price-note {
  margin-top: -.2rem;
  margin-bottom: 1rem;
}


/* FINAL 2026-07-25: Unterzeile kleiner und sicher einzeilig */
.brand-transparent .brand-text small,
header .brand .brand-text small {
  font-size: clamp(.64rem, .78vw, .86rem) !important;
  letter-spacing: .14em !important;
  white-space: nowrap !important;
}
@media (max-width: 640px){
  .brand-transparent .brand-text small,
  header .brand .brand-text small {
    font-size: .48rem !important;
    letter-spacing: .06em !important;
  }
}

/* 2026-07-25: Hero-Bild aktualisiert + Navigation 'Über mich' in einer Zeile */
nav ul li a{
  white-space:nowrap;
}

/* FAQ Themen-Kästchen */
.faq-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}
.faq-category{appearance:none;border:1px solid rgba(184,134,47,.26);border-radius:16px;background:#fff;padding:1.35rem 1rem;min-height:150px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s ease;color:var(--ink);font:inherit;box-shadow:0 8px 22px rgba(47,62,55,.05)}
.faq-category:hover{transform:translateY(-2px);border-color:rgba(184,134,47,.6);box-shadow:0 12px 28px rgba(47,62,55,.09)}
.faq-category.active{background:linear-gradient(180deg,#fffdf9,#f7f0e3);border-color:var(--gold);box-shadow:0 12px 30px rgba(184,134,47,.13)}
.faq-category-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:.65rem;background:#fbf3df;color:var(--gold);border:1px solid rgba(184,134,47,.25);font-size:1.3rem;font-weight:800}
.faq-category strong{font-family:Georgia,serif;font-size:1.05rem;line-height:1.2;margin-bottom:.32rem;color:var(--green-dark)}
.faq-category small{color:var(--muted);font-size:.78rem;line-height:1.35}
.faq-panels{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 1.55rem;box-shadow:0 10px 28px rgba(47,62,55,.05)}
.faq-panel{animation:faqFade .22s ease}
.faq-panel[hidden]{display:none}
.faq-panel details:last-child{border-bottom:0}
.faq-panel summary{position:relative;padding-right:2rem;list-style:none}
.faq-panel summary::-webkit-details-marker{display:none}
.faq-panel summary:after{content:"＋";position:absolute;right:.15rem;top:0;color:var(--gold);font-weight:700}
.faq-panel details[open] summary:after{content:"−"}
@keyframes faqFade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.faq-categories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.faq-categories{grid-template-columns:1fr 1fr;gap:.75rem}.faq-category{min-height:130px;padding:1rem .7rem}.faq-category strong{font-size:.95rem}.faq-category small{font-size:.7rem}.faq-panels{padding:0 1rem}}



/* 20260726 trust icon fix */
.trust-item .icon-circle{background:#e3ece3 !important;color:var(--gold) !important;border:1px solid rgba(79,107,95,.18) !important;}


/* Rezeptbereich */
.home-recipes{background:linear-gradient(180deg,#fbf8f3 0%,#f4f0e8 100%)}
.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}
.recipe-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(47,62,55,.07);display:flex;flex-direction:column;min-width:0}
.recipe-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f5f1e9}
.recipe-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 8%;transition:transform .35s ease}
.recipe-card:hover .recipe-card-image img{transform:scale(1.025)}
.recipe-card-content{padding:1.25rem;display:flex;flex-direction:column;flex:1}
.recipe-category{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--gold);font-weight:800}
.recipe-card h3{font-family:Georgia,serif;color:var(--green-dark);font-size:1.35rem;line-height:1.2;margin:.55rem 0}
.recipe-card p{color:var(--muted);font-size:.94rem;margin:0 0 1rem}
.recipe-meta{margin-top:auto;color:var(--green);font-size:.88rem;padding-bottom:1rem}
.recipe-open{width:100%;text-align:center}
.recipes-all-action{text-align:center;margin-top:2rem}
.recipes-hero{padding:5.5rem 0 3.5rem;background:radial-gradient(circle at 80% 10%,rgba(184,134,47,.10),transparent 28%),linear-gradient(135deg,#f8f4ed,#eef2ea)}
.recipes-hero .container{max-width:900px;text-align:center}
.recipes-hero h1{font-size:clamp(2.6rem,6vw,4.7rem);margin:.45rem 0 1rem}
.recipes-hero p{font-size:1.08rem;color:var(--muted);max-width:760px;margin:0 auto}
.recipe-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.8rem}
.recipe-filters a{padding:.7rem 1rem;border:1px solid rgba(79,107,95,.28);border-radius:999px;background:#fff;color:var(--green-dark);font-size:.88rem;font-weight:700}
.recipe-filters a:hover{background:var(--green-soft)}
.recipe-overview{padding:1rem 0 6rem}
.recipe-category-section{padding:4rem 0 1rem;scroll-margin-top:110px}
.recipe-section-head{text-align:left;max-width:none;margin-bottom:1.5rem}
.recipe-section-head h2{font-size:clamp(2rem,4vw,3rem)}
.recipe-detail{padding:3rem 0 5rem;background:#f8f4ed}
.recipe-detail-shell{width:min(900px,94%);margin:0 auto}
.recipe-back{display:inline-block;margin-bottom:1.4rem;color:var(--green-dark);font-weight:700}
.recipe-detail-heading{text-align:center;max-width:800px;margin:0 auto 1.8rem}
.recipe-detail-heading h1{font-size:clamp(2.2rem,5vw,4rem);margin:.4rem 0 .7rem}
.recipe-detail-heading p{color:var(--muted)}
.recipe-full-image{display:block;width:100%;max-width:900px;height:auto;margin:0 auto;border-radius:14px;box-shadow:0 18px 50px rgba(47,62,55,.12);background:#fff}
.recipe-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.6rem}
.recipe-actions .btn{min-width:210px;text-align:center}
@media(max-width:1100px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .recipe-grid{grid-template-columns:1fr;gap:1rem}
  .recipe-card{border-radius:14px}
  .recipe-card-image{aspect-ratio:16/10}
  .recipes-hero{padding:4rem 0 2.5rem}
  .recipe-filters{display:grid;grid-template-columns:1fr;align-items:stretch}
  .recipe-filters a{text-align:center}
  .recipe-category-section{padding-top:3rem}
  .recipe-actions{flex-direction:column}
  .recipe-actions .btn{width:100%}
  .recipe-detail{padding-top:2rem}
  .recipe-detail-shell{width:96%}
  .recipe-full-image{border-radius:8px}
}
@media print{
  header,.topline,.recipe-back,.recipe-detail-heading,.recipe-actions,footer{display:none!important}
  body,.recipe-detail{background:#fff!important}
  .recipe-detail{padding:0!important}
  .recipe-detail-shell{width:100%!important}
  .recipe-full-image{box-shadow:none!important;border-radius:0!important;width:100%!important}
}

.recipe-image-zoom{display:block}.recipe-zoom-note{text-align:center;color:var(--muted);font-size:.86rem;margin:.75rem 0 0}


/* Kundenstimmen */
.testimonials{background:linear-gradient(180deg,#f8f4ec 0%,#fffdf9 100%)}
.centered-heading{text-align:center;max-width:760px;margin:0 auto 2.4rem}
.centered-heading p{max-width:680px;margin:.8rem auto 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.testimonial-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;box-shadow:0 12px 34px rgba(46,58,37,.07)}
.testimonial-card .quote-mark{font-family:Georgia,serif;font-size:3.6rem;line-height:.65;color:var(--gold);margin-bottom:.8rem}
.testimonial-card p{font-family:Georgia,serif;font-size:1.15rem;line-height:1.55;color:var(--ink);margin:0 0 1.1rem}
.testimonial-card span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.testimonial-cta{margin-top:1.5rem;background:var(--green-dark);color:#fff;border-radius:18px;padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.testimonial-cta div{display:grid;gap:.25rem}.testimonial-cta span{color:#e5ede2}.testimonial-cta .btn{white-space:nowrap;background:var(--gold);color:#29261d}.testimonial-cta .btn:hover{background:#d7b36a}

/* Kontakt & Anfahrt */
.contact-facts{display:grid;gap:1rem;margin:1.4rem 0}
.contact-fact{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:start}
.contact-fact-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:var(--gold);font-size:1.25rem}
.contact-fact p{margin:.25rem 0 0}
.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.35rem 0}
.contact-action{display:grid;align-content:center;gap:.35rem;min-height:122px;padding:1rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.06)}
.contact-action:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.contact-action span{font-size:.82rem;color:#e5ede2;overflow-wrap:anywhere}
.contact-note{font-size:.88rem;border-top:1px solid rgba(255,255,255,.18);padding-top:1rem}
.contact-instagram{margin-bottom:0}

.mobile-sticky-cta{display:none}

@media(max-width:900px){
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .mobile-sticky-cta{display:flex;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;min-height:52px;align-items:center;justify-content:center;border-radius:12px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(27,45,24,.28);padding:.8rem 1rem}
  body{padding-bottom:72px}
}

/* 2026-08-17 high-resolution A4 recipe cards */
.recipe-detail-shell{width:min(1040px,96%);}
.recipe-full-image{display:block;width:100%;max-width:1000px;height:auto;margin:0 auto;border-radius:14px;box-shadow:0 18px 50px rgba(47,62,55,.12);background:#F8F4EE;}
@media(max-width:700px){.recipe-detail-shell{width:100%;padding:0 .45rem}.recipe-full-image{width:100%;max-width:none;border-radius:6px}.recipe-zoom-note{font-size:.9rem;padding:0 .5rem}}

/* Kontakt: klare, gleich große Aktionsfelder */
.contact-action-title{display:flex;align-items:center;gap:.5rem}
.contact-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);flex:0 0 22px}
.contact-icon svg{width:100%;height:100%;display:block}
.whatsapp-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#25D366;flex:0 0 22px}
.whatsapp-icon svg{width:100%;height:100%;display:block}
.contact-action-whatsapp:hover .whatsapp-icon{transform:scale(1.04)}
.route-icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;color:var(--gold);font-size:1.35rem;line-height:1}
.contact-map-action{grid-column:auto;overflow:visible;padding:1rem}
@media(max-width:640px){
  .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .contact-action{min-height:116px;padding:.85rem}
  .contact-action strong{font-size:.98rem}
  .contact-action span{font-size:.78rem}
}
@media(max-width:390px){
  .contact-actions{grid-template-columns:1fr 1fr;gap:.6rem}
  .contact-action{min-height:112px;padding:.75rem}
  .contact-action-title{gap:.4rem}
}


/* Mobile-Feinschliff Anfrage & digitaler Anamnesebogen */
.anamnesis-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem 1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.anamnesis-row>span{min-width:0}
.anamnesis-row label.inline{display:inline-flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap;font-weight:700}
.anamnesis-row label.inline input[type="radio"]{width:auto;min-width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--green-dark)}
.digital-anamnesis input[type="checkbox"]{min-width:18px;height:18px;vertical-align:middle;accent-color:var(--green-dark)}
@media(max-width:640px){
  .form-card{padding:1.35rem}
  .form-card form{gap:.85rem}
  .form-card input,.form-card select,.form-card textarea{font-size:16px}
  .digital-anamnesis{display:block}
  .digital-anamnesis .grid-2{display:grid;grid-template-columns:1fr;gap:.9rem}
  .digital-anamnesis input,.digital-anamnesis select,.digital-anamnesis textarea{font-size:16px}
  .anamnesis-row{grid-template-columns:1fr auto auto;gap:.55rem .8rem;padding:.95rem 0}
  .anamnesis-row>span{font-size:.95rem;line-height:1.3}
  .anamnesis-row label.inline{font-size:.92rem;gap:.28rem}
  .anamnesis-row label.inline input[type="radio"]{min-width:20px;width:20px;height:20px}
}
@media(max-width:390px){
  .anamnesis-row{grid-template-columns:1fr auto auto;gap:.45rem .6rem}
  .anamnesis-row>span{font-size:.9rem}
  .anamnesis-row label.inline{font-size:.88rem}
}


/* 2026-10-10 – separate Ernährungsbegleitung, bewusst ohne Änderung bestehender Layouts */
.nutrition-program-note{margin-top:1.7rem;padding:1.45rem 1.6rem;border:1px solid rgba(184,134,47,.28);border-radius:18px;background:linear-gradient(135deg,#f9f6ef,#eef2ea);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.nutrition-program-note h3{margin:.2rem 0 .45rem;font-size:1.35rem}
.nutrition-program-note p{margin:0;color:var(--muted);max-width:760px}
.nutrition-program-note .btn{flex:0 0 auto;white-space:nowrap}
.nutrition-hero{padding:5.5rem 0;background:linear-gradient(135deg,#f8f4ed 0%,#eef2ea 100%)}
.nutrition-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3.5rem;align-items:center}
.nutrition-hero h1{max-width:760px}
.nutrition-hero-card{background:#fff;border:1px solid rgba(184,134,47,.28);border-radius:20px;padding:2.4rem;box-shadow:var(--shadow)}
.nutrition-hero-card>span{display:block;color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.nutrition-hero-card>strong{display:block;font-family:Georgia,serif;color:var(--green-dark);font-size:3rem;line-height:1.1;margin:.45rem 0 .8rem}
.nutrition-hero-card p{color:var(--muted);margin:0}
.nutrition-intro{background:var(--paper)}
.nutrition-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.nutrition-benefit-grid article{padding:1.7rem;background:#fff;border:1px solid var(--line);border-radius:16px}
.nutrition-benefit-grid strong{font-family:Georgia,serif;color:var(--green-dark);font-size:1.3rem}
.nutrition-benefit-grid p{margin:.55rem 0 0;color:var(--muted)}
.nutrition-content{background:linear-gradient(180deg,var(--cream),#f3efe8)}
.nutrition-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:start}
.nutrition-list{margin-top:1.5rem}
.nutrition-list li{padding:.55rem 0 .55rem 1.55rem}
.nutrition-side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;box-shadow:0 12px 32px rgba(47,62,55,.06)}
.nutrition-side-card h3{font-size:1.6rem;margin:.4rem 0 .8rem}
.nutrition-side-card p{color:var(--muted)}
.nutrition-process{background:var(--paper)}
.nutrition-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.nutrition-steps article{padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:16px}
.nutrition-steps article>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;margin-bottom:1rem}
.nutrition-steps h3{font-size:1.2rem;margin:0 0 .55rem}
.nutrition-steps p{color:var(--muted);margin:0}
.nutrition-cta{background:linear-gradient(135deg,#eef2e9 0%,#f7f1e7 100%)}
.nutrition-cta-box{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:2.6rem 3rem;background:rgba(255,255,255,.78);border:1px solid rgba(184,134,47,.24);border-radius:20px}
.nutrition-cta-box h2{margin:.3rem 0 .7rem;font-size:clamp(1.8rem,3vw,2.5rem)}
.nutrition-cta-box p{color:var(--muted);max-width:800px;margin:0}
.nutrition-cta-box .btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:960px){.nutrition-hero-grid,.nutrition-content-grid{grid-template-columns:1fr}.nutrition-benefit-grid{grid-template-columns:1fr}.nutrition-steps{grid-template-columns:repeat(2,1fr)}.nutrition-program-note,.nutrition-cta-box{align-items:flex-start;flex-direction:column}.nutrition-program-note .btn,.nutrition-cta-box .btn{white-space:normal}}
@media(max-width:640px){.nutrition-hero{padding:4.2rem 0}.nutrition-steps{grid-template-columns:1fr}.nutrition-hero-card{padding:1.6rem}.nutrition-cta-box{padding:2rem 1.5rem}}

/* 2026-10-10 – Ernährungsseite: ausschließlich Hero-Bereich aktualisiert */
.nutrition-hero-online{padding:0;background:#f8f4ed}
.nutrition-hero-online-grid{grid-template-columns:1.02fr .98fr;gap:0;align-items:stretch;min-height:455px}
.nutrition-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:4.5rem 4.6rem 4.5rem 0}
.nutrition-hero-copy h1{max-width:650px;font-size:clamp(2.35rem,4.1vw,3.75rem);margin:0 0 .85rem}
.nutrition-hero-maintext{font-size:1.08rem;line-height:1.65;color:var(--ink);max-width:590px;margin:0}
.nutrition-hero-note{font-size:.92rem;line-height:1.55;color:var(--muted);max-width:590px;margin:.7rem 0 0}
.nutrition-hero-copy .hero-actions{margin-top:1.7rem}
.nutrition-hero-image{margin:0;min-height:455px;overflow:hidden;background:#eee7dd}
.nutrition-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center center}
.nutrition-hero-benefits{background:rgba(255,253,249,.78);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nutrition-benefit-bar{display:grid;grid-template-columns:repeat(3,1fr)}
.nutrition-benefit-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.05rem 1.2rem;color:var(--green-dark);border-right:1px solid var(--line)}
.nutrition-benefit-item:last-child{border-right:0}
.nutrition-benefit-item span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b9c6b5;border-radius:50%;color:var(--green);font-weight:900;line-height:1;background:#f7faf5;flex:0 0 auto}
.nutrition-benefit-item strong{font-family:Georgia,serif;font-size:1rem;font-weight:500;white-space:nowrap}
@media(max-width:960px){
  .nutrition-hero-online-grid{grid-template-columns:1fr;min-height:0}
  .nutrition-hero-copy{padding:3.8rem 0 2.8rem}
  .nutrition-hero-image{min-height:430px}
}
@media(max-width:700px){
  .nutrition-hero-copy{padding:3.2rem 0 2.3rem}
  .nutrition-hero-copy h1{font-size:clamp(2.2rem,10vw,3rem)}
  .nutrition-hero-image{min-height:330px}
  .nutrition-benefit-bar{grid-template-columns:1fr}
  .nutrition-benefit-item{justify-content:flex-start;padding:.85rem 0;border-right:0;border-bottom:1px solid var(--line)}
  .nutrition-benefit-item:last-child{border-bottom:0}
  .nutrition-benefit-item strong{white-space:normal}
}

/* 2026-10-11 – Ernährungsbegleitung: Zusatzseite hochwertiger und klarer gestaltet */
.nutrition-hero-online{
  padding:0;
  background:#f8f4ed;
}
.nutrition-hero-online-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:2.2rem;
  align-items:center;
  min-height:auto;
  padding-top:1rem;
  padding-bottom:1rem;
}
.nutrition-hero-copy{
  padding:4.6rem 0;
}
.nutrition-hero-copy h1{
  max-width:640px;
  font-size:clamp(2.35rem,4.1vw,3.7rem);
}
.nutrition-hero-maintext{
  max-width:620px;
}
.nutrition-hero-note{
  max-width:560px;
  font-size:.95rem;
}
.nutrition-hero-image-small{
  min-height:auto;
  background:transparent;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.nutrition-hero-image-small img{
  width:100%;
  max-width:500px;
  aspect-ratio:4 / 3;
  height:auto;
  object-fit:cover;
  object-position:center center;
  border-radius:24px;
  border:1px solid rgba(126,143,122,.18);
  box-shadow:0 24px 52px rgba(44,46,48,.10);
}

.nutrition-intro-slim{
  background:var(--paper);
  padding-top:3rem;
}
.nutrition-intro-narrow{
  max-width:760px;
  margin:0 auto;
}
.nutrition-intro-narrow h2{
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}
.nutrition-intro-narrow p{
  max-width:690px;
  margin-left:auto;
  margin-right:auto;
}

.nutrition-content-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:2.4rem;
}
.nutrition-side-card{
  padding:2.2rem;
}
.nutrition-side-card h3{
  font-size:1.7rem;
}
.nutrition-side-list{
  margin-top:1rem;
}
.nutrition-side-list li{
  padding:.45rem 0 .45rem 1.45rem;
}

.nutrition-invest{
  background:var(--paper);
}
.nutrition-invest-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);
  gap:2.4rem;
  align-items:start;
}
.nutrition-invest-copy p{
  color:var(--muted);
  max-width:720px;
}
.nutrition-invest-note{
  margin-top:1rem;
}
.nutrition-price-card{
  background:#fff;
  border:1px solid rgba(126,143,122,.22);
  border-radius:22px;
  padding:2.2rem;
  box-shadow:0 14px 36px rgba(44,46,48,.08);
}
.nutrition-price-card strong{
  display:block;
  margin:.45rem 0 .25rem;
  font-family:Georgia,serif;
  color:var(--green-dark);
  font-size:2rem;
  line-height:1.15;
}
.nutrition-price-total{
  font-size:1.06rem;
  font-weight:700;
  color:var(--ink);
  margin:0 0 1rem;
}
.nutrition-price-card p{
  color:var(--muted);
}
.nutrition-price-card .btn{
  margin-top:.6rem;
}

.nutrition-steps-three{
  grid-template-columns:repeat(3,1fr);
}
.nutrition-steps-three article{
  min-height:100%;
}

@media(max-width:960px){
  .nutrition-hero-online-grid,
  .nutrition-content-grid,
  .nutrition-invest-grid{
    grid-template-columns:1fr;
  }
  .nutrition-hero-copy{
    padding:3.8rem 0 2.2rem;
  }
  .nutrition-hero-image-small{
    justify-content:center;
    padding-bottom:1rem;
  }
  .nutrition-hero-image-small img{
    max-width:680px;
  }
  .nutrition-steps-three{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .nutrition-intro-slim{
    padding-top:2.4rem;
  }
  .nutrition-price-card strong{
    font-size:1.8rem;
  }
}

/* 2026-10-11 – Ernährungsbegleitung: Feinschliff für Hierarchie, Rhythmus und Premium-Wirkung */
.nutrition-hero-copy h1{
  max-width:700px;
  font-size:clamp(2.25rem,3.55vw,3.35rem);
  line-height:1.04;
}

.nutrition-intro-slim{
  padding:2.35rem 0 2.65rem;
  background:#fffdf9;
}
.nutrition-intro-narrow{
  max-width:790px;
  margin:0 auto;
}
.nutrition-intro-narrow.section-head{
  margin-bottom:0;
}
.nutrition-intro-narrow .kicker{
  margin-bottom:.72rem;
}
.nutrition-intro-narrow h2{
  max-width:790px;
  margin:0 auto .9rem;
  font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.08;
}
.nutrition-intro-narrow p{
  max-width:700px;
  margin:.75rem auto 0;
  font-size:1.03rem;
}

.nutrition-content{
  background:linear-gradient(180deg,#f7f3ec 0%,#f2eee7 100%);
  padding:4rem 0;
}
.nutrition-side-card{
  background:rgba(255,253,249,.96);
  border-color:rgba(126,143,122,.28);
  box-shadow:0 14px 34px rgba(44,46,48,.065);
}
.nutrition-side-card p{
  max-width:520px;
  line-height:1.6;
}
.nutrition-side-list{
  margin-top:1.05rem;
  padding-top:.9rem;
  border-top:1px solid rgba(126,143,122,.16);
}

.nutrition-invest{
  padding:4rem 0;
  background:linear-gradient(135deg,#f1f5ef 0%,#f8f4ed 100%);
}
.nutrition-price-card{
  position:relative;
  overflow:hidden;
  background:#fffdf9;
  border-color:rgba(126,143,122,.32);
  box-shadow:0 16px 38px rgba(44,46,48,.075);
}
.nutrition-price-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--green),var(--gold));
}
.nutrition-price-card strong{
  margin:.55rem 0 .28rem;
  font-size:clamp(2rem,3.1vw,2.55rem);
  color:var(--green-dark);
  letter-spacing:-.025em;
}
.nutrition-price-total{
  font-size:1rem;
  color:var(--muted);
  font-weight:750;
}

.nutrition-process{
  padding:3.9rem 0 4.15rem;
  background:#fffdf9;
}
.nutrition-process .section-head{
  margin-bottom:2.15rem;
}
.nutrition-process .section-head p{
  max-width:760px;
  margin:.8rem auto 0;
}
.nutrition-steps-three{
  max-width:1080px;
  margin:0 auto;
  gap:1rem;
}
.nutrition-steps-three article{
  padding:1.45rem 1.4rem;
  border-color:rgba(126,143,122,.18);
  box-shadow:0 8px 22px rgba(44,46,48,.035);
}
.nutrition-steps-three article>span{
  margin-bottom:.75rem;
}
.nutrition-steps-three h3{
  margin-bottom:.4rem;
}

.nutrition-cta{
  background:linear-gradient(135deg,#edf2ea 0%,#f7f2e9 100%);
}

@media(max-width:960px){
  .nutrition-hero-copy h1{
    max-width:680px;
    font-size:clamp(2.2rem,7vw,3.15rem);
  }
}
@media(max-width:640px){
  .nutrition-intro-slim{
    padding:2rem 0 2.25rem;
  }
  .nutrition-intro-narrow h2 br{
    display:none;
  }
  .nutrition-content,
  .nutrition-invest,
  .nutrition-process{
    padding:3.4rem 0;
  }
}

/* 2026-10-11 – Ernährungsbegleitung: Online-Fokus & Vertrauenslink */
.nutrition-about-btn{
  margin-top:1.05rem;
  width:auto;
  min-width:190px;
}
@media(max-width:640px){
  .nutrition-about-btn{
    width:auto;
    display:inline-flex;
  }
}


/* 2026-10-11 – Hero-Foto aktualisiert und Headline harmonisiert */
.nutrition-hero-copy h1{max-width:760px;font-size:clamp(2.2rem,3.75vw,3.35rem);line-height:1.08;letter-spacing:-.025em;}
.nutrition-hero-copy .hero-nowrap{white-space:nowrap;}
.nutrition-hero-image-small img{max-width:520px;aspect-ratio:4 / 3;object-position:center center;}
@media(max-width:960px){.nutrition-hero-copy h1{max-width:700px;font-size:clamp(2.1rem,6.6vw,3.05rem);}.nutrition-hero-copy .hero-nowrap{white-space:nowrap;}}
@media(max-width:560px){.nutrition-hero-copy .hero-nowrap{white-space:normal;}}


/* 2026-10-11 – Vertrauensbutton auf Ernährungsseite verfeinert */
.nutrition-about-btn{background:#eef3eb;border-color:#d8e2d4;color:var(--green-dark);box-shadow:none;}
.nutrition-about-btn:hover{background:#e6eee2;border-color:#c8d5c3;color:var(--green-dark);}


/* 2026-10-11 – Ernährungsseite: finaler Feinschliff für Luft, Rhythmus und Preiswirkung */
.nutrition-hero-online-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:3.35rem;
}
.nutrition-hero-copy h1{
  max-width:690px;
  font-size:clamp(2.05rem,3.4vw,3.02rem);
  line-height:1.09;
  letter-spacing:-.02em;
}
.nutrition-hero-copy .hero-nowrap{white-space:nowrap;}
.nutrition-hero-image-small img{max-width:500px;}

.nutrition-intro-slim{
  padding:2.55rem 0 2.8rem;
  border-top:1px solid rgba(126,143,122,.09);
  border-bottom:1px solid rgba(126,143,122,.08);
}
.nutrition-intro-narrow{max-width:760px;}
.nutrition-intro-narrow h2{
  margin-bottom:.7rem;
}
.nutrition-intro-narrow p{
  max-width:650px;
  margin:.55rem auto 0;
  line-height:1.6;
}
.nutrition-about-btn{margin-top:.9rem;}

.nutrition-content{
  padding:3.8rem 0 3.95rem;
  border-bottom:1px solid rgba(126,143,122,.07);
}
.nutrition-invest{
  padding:3.9rem 0 4rem;
}
.nutrition-invest-grid{
  gap:2.8rem;
  align-items:center;
}
.nutrition-price-card{
  padding:2.5rem 2.45rem 2.35rem;
  background:linear-gradient(180deg,#fffdf9 0%,#fbf8f2 100%);
  border:1px solid rgba(126,143,122,.26);
  border-radius:24px;
  box-shadow:0 18px 42px rgba(44,46,48,.085);
}
.nutrition-price-card:before{
  height:2px;
  background:linear-gradient(90deg,rgba(126,143,122,.9),rgba(212,175,55,.55));
}
.nutrition-price-card .kicker{
  letter-spacing:.13em;
}
.nutrition-price-card strong{
  margin:.65rem 0 .3rem;
  font-size:clamp(2.1rem,3.25vw,2.65rem);
  line-height:1.04;
}
.nutrition-price-total{
  margin-bottom:1.2rem;
}
.nutrition-price-card > p:not(.nutrition-price-total){
  line-height:1.62;
  max-width:500px;
}
.nutrition-price-card .btn{
  margin-top:.8rem;
}

.nutrition-process{
  padding:3.75rem 0 3.95rem;
  border-top:1px solid rgba(126,143,122,.06);
}
.nutrition-process .section-head{
  margin-bottom:1.9rem;
}
.nutrition-steps-three{gap:1.15rem;}
.nutrition-cta{
  padding-top:3.75rem;
  padding-bottom:3.75rem;
}

@media(max-width:1100px){
  .nutrition-hero-online-grid{gap:2.4rem;}
  .nutrition-hero-copy h1{font-size:clamp(2rem,4vw,2.8rem);}
}
@media(max-width:960px){
  .nutrition-hero-online-grid{gap:1.5rem;}
  .nutrition-hero-copy h1{max-width:680px;font-size:clamp(2.05rem,6.3vw,2.95rem);}
  .nutrition-hero-image-small img{max-width:620px;}
}
@media(max-width:640px){
  .nutrition-intro-slim{padding:2.1rem 0 2.3rem;}
  .nutrition-content,.nutrition-invest,.nutrition-process{padding:3.2rem 0;}
  .nutrition-price-card{padding:2rem 1.55rem 1.9rem;}
  .nutrition-cta{padding-top:3.2rem;padding-bottom:3.2rem;}
}


/* 2026-10-11 – Ernährungsseite: visuelle Bereinigung letzter Überlagerungen */
.nutrition-hero-online,
.nutrition-intro-slim,
.nutrition-content,
.nutrition-invest,
.nutrition-process{
  position:relative;
  overflow:visible;
}

.nutrition-hero-image-small{
  background:transparent;
  min-height:auto;
  overflow:visible;
}
.nutrition-hero-image-small img{
  display:block;
  background:#fff;
  border:1px solid rgba(126,143,122,.14);
  box-shadow:0 18px 36px rgba(44,46,48,.07);
}

.nutrition-intro-slim{
  border-top:none;
  border-bottom:none;
}

.nutrition-content{
  border-bottom:none;
}

.nutrition-invest{
  background:linear-gradient(180deg,#f4f6f2 0%,#f8f4ed 100%);
}
.nutrition-price-card{
  background:#fffdfa;
  border:1px solid rgba(126,143,122,.18);
  box-shadow:0 14px 30px rgba(44,46,48,.06);
}
.nutrition-price-card:before{
  display:none;
  content:none;
}

.nutrition-process{
  border-top:none;
}

/* 2026-10-11 – Ernährungsbegleitung: Vertrauenssektion, Ablauf vor Preis, Premium-Investitionsbox */
.nutrition-trust{
  padding:2.8rem 0 3rem;
  background:#fffdf9;
}
.nutrition-trust-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2.4rem;
  align-items:center;
  padding:2.1rem 2.4rem;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(126,143,122,.14);
  border-radius:18px;
}
.nutrition-trust-box h2{
  margin:.4rem 0 .45rem;
  font-size:clamp(1.7rem,2.7vw,2.35rem);
}
.nutrition-trust-role{
  margin:0 0 .45rem;
  color:var(--green-dark);
  font-weight:800;
}
.nutrition-trust-box p:last-of-type{
  margin:.25rem 0 0;
  max-width:760px;
  color:var(--muted);
}
.nutrition-trust-btn{
  min-width:180px;
  background:#f5f8f3;
  border-color:#d9e2d5;
}

.nutrition-content-action{
  margin-top:1.45rem;
}
.nutrition-content-action .btn{
  background:#fffdf9;
}

.nutrition-process{
  background:#fffdf9;
  padding:3.7rem 0 3.9rem;
}

.nutrition-invest-premium{
  padding:4rem 0 4.15rem;
  background:linear-gradient(180deg,#f3f6f1 0%,#f8f4ed 100%);
}
.nutrition-invest-head{
  max-width:880px;
  margin-bottom:2rem;
}
.nutrition-invest-head p{
  max-width:780px;
  margin:.75rem auto 0;
}
.nutrition-premium-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:2.8rem;
  align-items:center;
  padding:2.6rem 2.8rem;
  background:#fffdfa;
  border:1px solid rgba(126,143,122,.18);
  border-radius:24px;
  box-shadow:0 14px 32px rgba(44,46,48,.06);
}
.nutrition-premium-copy h3{
  margin:.5rem 0 .7rem;
  font-size:clamp(1.65rem,2.7vw,2.25rem);
}
.nutrition-premium-copy p{
  margin:.45rem 0 0;
  color:var(--muted);
  max-width:720px;
}
.nutrition-premium-includes{
  margin-top:1.15rem!important;
  padding-top:1rem;
  border-top:1px solid rgba(126,143,122,.12);
}
.nutrition-premium-price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-left:2rem;
  border-left:1px solid rgba(126,143,122,.16);
}
.nutrition-premium-price>span{
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.nutrition-premium-price>strong{
  display:block;
  margin:.15rem 0 .2rem;
  font-family:Georgia,serif;
  font-size:clamp(3rem,5vw,4.4rem);
  line-height:1;
  font-weight:500;
  color:var(--green-dark);
  letter-spacing:-.035em;
}
.nutrition-premium-price>small{
  margin-bottom:1.25rem;
  color:var(--muted);
  font-size:.93rem;
}
.nutrition-premium-price .btn{
  width:100%;
  text-align:center;
}

.nutrition-cta{
  padding-top:3.5rem;
  padding-bottom:3.5rem;
}

@media(max-width:960px){
  .nutrition-trust-box,
  .nutrition-premium-card{
    grid-template-columns:1fr;
  }
  .nutrition-trust-btn{
    justify-self:start;
  }
  .nutrition-premium-price{
    padding-left:0;
    padding-top:1.5rem;
    border-left:0;
    border-top:1px solid rgba(126,143,122,.16);
  }
  .nutrition-premium-price .btn{
    width:auto;
  }
}
@media(max-width:640px){
  .nutrition-trust{
    padding:2.35rem 0 2.55rem;
  }
  .nutrition-trust-box,
  .nutrition-premium-card{
    padding:1.7rem 1.45rem;
  }
  .nutrition-content-action .btn,
  .nutrition-premium-price .btn{
    width:100%;
  }
}


/* 2026-10-11 – Feinschliff: Vertrauensbereich, Investitionsbutton und Wiederholungen */
.nutrition-intro-slim{
  padding-bottom:1.75rem;
}
.nutrition-trust{
  padding:1.35rem 0 2.65rem;
  background:#fffdf9;
}
.nutrition-trust-box{
  padding:2rem 2.35rem;
  background:linear-gradient(135deg,#f2f6f0 0%,#faf7f1 100%);
  border:1px solid rgba(126,143,122,.18);
  box-shadow:0 10px 26px rgba(44,46,48,.035);
}
.nutrition-content-action .btn{
  background:#eef3eb;
  border-color:#d6e0d1;
  color:var(--green-dark);
  box-shadow:none;
}
.nutrition-content-action .btn:hover{
  background:#e6eee2;
  border-color:#c7d4c2;
  color:var(--green-dark);
}
@media(max-width:640px){
  .nutrition-intro-slim{padding-bottom:1.45rem;}
  .nutrition-trust{padding:1rem 0 2.3rem;}
}


/* 2026-10-11 – Farbstruktur bereinigt, Preisblock zentriert */
.nutrition-trust{
  background:#fffdf9;
}
.nutrition-trust-box{
  background:#faf7f1;
  border:1px solid rgba(126,143,122,.16);
  box-shadow:0 8px 22px rgba(44,46,48,.025);
}

.nutrition-content-action .btn{
  background:#fffdfa;
  border-color:rgba(126,143,122,.42);
  color:var(--green-dark);
  box-shadow:none;
}
.nutrition-content-action .btn:hover{
  background:#f8f5ef;
  border-color:rgba(126,143,122,.62);
  color:var(--green-dark);
}

.nutrition-invest-premium{
  background:#f6f2eb;
}
.nutrition-cta{
  background:#f6f2eb;
}
.nutrition-cta-box{
  background:#fffdfa;
  border-color:rgba(126,143,122,.16);
  box-shadow:0 10px 26px rgba(44,46,48,.035);
}

.nutrition-premium-price{
  align-items:center;
  justify-content:center;
  text-align:center;
}
.nutrition-premium-price .btn{
  width:100%;
  max-width:330px;
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:960px){
  .nutrition-premium-price{
    align-items:center;
    text-align:center;
  }
  .nutrition-premium-price .btn{
    width:100%;
    max-width:330px;
  }
}


/* 2026-10-11 – Abschluss gestrafft und Leistungsbereich kompakter ausgerichtet */
.nutrition-content{
  padding-top:3.25rem;
  padding-bottom:3.35rem;
}
.nutrition-content-grid{
  gap:2.35rem;
  align-items:center;
}
.nutrition-list{
  margin-top:1.15rem;
  margin-bottom:.9rem;
}
.nutrition-list li{
  padding:.48rem 0 .48rem 1.55rem;
}
.nutrition-content-action{
  margin-top:.95rem;
  display:flex;
  justify-content:center;
}
.nutrition-content-action .btn{
  min-width:190px;
}
.nutrition-invest-premium{
  padding-bottom:3.7rem;
}
footer{
  margin-top:0;
}
@media(max-width:960px){
  .nutrition-content-grid{
    gap:1.8rem;
    align-items:start;
  }
  .nutrition-content-action{
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .nutrition-content{
    padding-top:2.85rem;
    padding-bottom:2.95rem;
  }
  .nutrition-content-action{
    justify-content:stretch;
  }
  .nutrition-content-action .btn{
    width:100%;
  }
}

/* 2026-10-11 – Vertrauenssektion & Investitionsbutton final ausgerichtet */
.nutrition-trust-box{
  background:#eef3eb;
  border-color:rgba(126,143,122,.20);
  box-shadow:0 8px 22px rgba(44,46,48,.025);
}
.nutrition-trust-btn{
  background:#fcf8f1;
  border-color:rgba(126,143,122,.38);
  color:var(--green-dark);
  box-shadow:none;
}
.nutrition-trust-btn:hover{
  background:#f8f3ea;
  border-color:rgba(126,143,122,.58);
  color:var(--green-dark);
}

.nutrition-content-action{
  justify-content:flex-start;
  padding-left:7.25rem;
}
.nutrition-content-action .btn{
  min-width:190px;
  text-align:center;
}

@media(max-width:1100px){
  .nutrition-content-action{padding-left:5.5rem;}
}
@media(max-width:960px){
  .nutrition-content-action{
    justify-content:flex-start;
    padding-left:0;
  }
}
@media(max-width:640px){
  .nutrition-content-action{
    padding-left:0;
  }
}

/* 2026-10-11 – letzter Abstand- und Button-Feinschliff */
.nutrition-trust-btn{
  background:#fbf6ed;
  border-color:rgba(126,143,122,.34);
  color:var(--green-dark);
}
.nutrition-trust-btn:hover{
  background:#f7f1e7;
  border-color:rgba(126,143,122,.52);
  color:var(--green-dark);
}

.nutrition-content{
  padding-top:2.8rem;
  padding-bottom:2.95rem;
}
.nutrition-content-grid{
  gap:2.15rem;
}
@media(max-width:640px){
  .nutrition-content{
    padding-top:2.55rem;
    padding-bottom:2.65rem;
  }
}


/* 2026-10-11 – Korrektur: „Mehr über Alexandra“ wirklich creme statt beige */
.nutrition-trust-btn{
  background:#fffdf9;
  border-color:rgba(126,143,122,.34);
  color:var(--green-dark);
}
.nutrition-trust-btn:hover{
  background:#fcfbf9;
  border-color:rgba(126,143,122,.52);
  color:var(--green-dark);
}


/* 2026-10-11 – Hauptseite: Über-mich-Bereich final verfeinert */
.about-visual:after{display:none !important;content:none !important;}
@media (min-width:961px){
  .about{padding-top:3.35rem;padding-bottom:3.35rem;}
  .about-grid{
    max-width:1000px;
    grid-template-columns:44% 56%;
    gap:3rem;
    align-items:start;
    overflow:visible;
    background:transparent;
    border-radius:0;
  }
  .about-visual{
    height:430px;
    max-height:430px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(44,46,48,.07);
    background:transparent;
  }
  .about-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
    border-radius:24px;
  }
  .about-copy{
    align-self:start;
    padding:.05rem 0 0 0;
    background:transparent !important;
  }
  .about-copy h2{margin:.35rem 0 .8rem;line-height:1.08;}
  .about-copy p{margin:.55rem 0;line-height:1.6;}
  .about-copy .quote{
    margin-top:1rem;
    padding:.85rem 1rem .85rem 1.1rem;
    background:#fbf8f3;
    border-left:3px solid var(--gold);
    border-radius:0 12px 12px 0;
    line-height:1.45;
  }
}
@media (max-width:960px){
  .about-grid{gap:1.6rem;overflow:visible;background:transparent;border-radius:0;}
  .about-visual{border-radius:20px;overflow:hidden;box-shadow:0 12px 28px rgba(44,46,48,.06);}
  .about-visual img{border-radius:20px;}
  .about-copy{padding:0;background:transparent !important;}
  .about-copy .quote{background:#fbf8f3;border-radius:0 12px 12px 0;padding:.8rem 1rem;}
}


/* 2026-10-11 – Hauptseite: Hero kompakter, Philosophie-Akzent entfernt */
.philosophy-card:before{
  display:none !important;
  content:none !important;
}

@media (min-width:961px){
  .hero-grid{
    grid-template-columns:58% 42%;
    min-height:560px;
  }
  .hero-copy{
    min-height:560px;
    padding:4.15rem 3.8rem 3.95rem 0;
  }
  .hero-media{
    min-height:560px;
    margin-left:-48px;
  }
}

/* 2026-10-11 – Hauptseite: Farbharmonie Ernährungs-Hinweis & Dein-Start-Bereich */
.nutrition-program-note{
  background:var(--green-soft);
  border-color:rgba(126,143,122,.22);
}
.nutrition-program-note .btn{
  background:var(--paper);
  border-color:rgba(88,114,79,.42);
  color:var(--green-dark);
}
.nutrition-program-note .btn:hover{
  background:#fff;
  border-color:var(--green);
}
.trial{
  background:#f5efe6;
}

/* Anchor-Politur: Investitionsbereich nach Klick ausgewogen im Sichtfeld */
#investition{
  scroll-margin-top:70px;
}

/* Preisangabe Ernährungsbegleitung: Umsatzsteuer-Hinweis dezent unter Gesamtpreis */
.nutrition-premium-price>small{
  margin-bottom:.18rem;
}
.nutrition-vat-note{
  margin:0 0 1.25rem;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
  text-align:center;
}

/* Finaler Sprungabstand für „Über Alexandra“ unter dem Sticky-Header */
#ueber{
  scroll-margin-top:150px;
}

/* 2026-10-11 – Ernährungsseite: Alexandra-Vertrauensbox kompakter zentriert */
.nutrition-trust-box{
  max-width:1060px;
  gap:1.9rem;
}

/* 2026-10-11 – Preisblock Feinjustierung: 399 € optisch mittiger */
.nutrition-premium-price>strong{
  transform:translateY(-3px);
  margin-bottom:.08rem;
}

/* 2026-10-11 – Philosophie-Box: vertikal etwas kompakter */
@media (min-width:641px){
  .philosophy-card{
    padding-top:3.2rem;
    padding-bottom:3.2rem;
  }
}

/* 2026-10-11 – Hauptseite: Über-mich-Portrait optisch zum Textblock zentriert */
@media (min-width:961px){
  .about-visual{
    margin-top:12px;
  }
}

/* 2026-10-13 – finale technische Mobile- und Sprungziel-Korrekturen */
#leistungen,
#programme,
#ablauf,
#faq,
#kontakt{
  scroll-margin-top:125px;
}

@media (max-width:960px){
  .nutrition-hero-online-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:1.5rem;
  }
  .nutrition-hero-copy{
    min-width:0;
    width:100%;
  }
  .nutrition-hero-copy h1{
    max-width:100%;
  }
  .nutrition-hero-copy .hero-nowrap{
    white-space:normal;
  }
  .nutrition-hero-image-small{
    width:100%;
    min-width:0;
    justify-content:center;
    overflow:hidden;
  }
  .nutrition-hero-image-small img{
    width:100%;
    max-width:620px;
    height:auto;
  }
}

@media (max-width:640px){
  .nutrition-hero-online-grid{
    gap:1.25rem;
  }
  .nutrition-hero-copy{
    padding:2.7rem 0 1.4rem;
  }
  .nutrition-hero-copy h1{
    font-size:clamp(2rem,10vw,2.65rem);
    line-height:1.08;
    overflow-wrap:anywhere;
  }
  .nutrition-hero-image-small{
    padding-bottom:.6rem;
  }
  .nutrition-hero-image-small img{
    max-width:100%;
    border-radius:18px;
  }
  .footer-grid{
    grid-template-columns:1fr;
    gap:1.55rem;
  }
  .footer-grid h3{
    margin-bottom:.55rem;
  }
  .footer-grid p{
    max-width:34rem;
  }
}



/* Mobile Kurzfassung der Philosophie – auf Desktop unsichtbar */
.philosophy-mobile-summary{display:none;}

/* 2026-10-14 – Mobile Feinschliff: Desktop bleibt unverändert */
.mobile-only-nav,
.mobile-experience-action{display:none;}

@media (max-width:960px){
  .home-page .mobile-only-nav,
  .nutrition-page .mobile-only-nav{display:list-item;}

  .home-page nav ul,
  .nutrition-page nav ul{
    gap:0;
    align-items:stretch;
    max-height:calc(100vh - 84px);
    overflow-y:auto;
  }
  .home-page nav ul li,
  .nutrition-page nav ul li{width:100%;}
  .home-page nav ul a,
  .nutrition-page nav ul a{
    display:block;
    width:100%;
    padding:.72rem .25rem;
    border-bottom:1px solid rgba(126,143,122,.12);
  }
}

@media (max-width:640px){
  /* Grundlayout & Navigation */
  body.home-page,
  body.nutrition-page{padding-bottom:0;}
  .home-page .nav,
  .nutrition-page .nav{min-height:78px;}
  .home-page nav ul,
  .nutrition-page nav ul{top:78px;padding:.45rem 4% .7rem;}
  .home-page .brand-monogram,
  .nutrition-page .brand-monogram{width:48px;height:48px;}
  .home-page .brand-text strong,
  .nutrition-page .brand-text strong{font-size:.98rem;}
  .home-page .brand-text small,
  .nutrition-page .brand-text small{font-size:.52rem;letter-spacing:.075em;}

  /* Keine dauerhaft schwebende CTA-Leiste */
  .home-page .mobile-sticky-cta{display:none!important;}

  /* Hauptseite: kompaktere, bewusst mobile Abstände */
  .home-page section{padding:2.85rem 0;}
  .home-page .hero{padding:0;}
  .home-page .hero-grid{min-height:0;}
  .home-page .hero-copy{padding:2.05rem 0 1.45rem;min-height:0;}
  .home-page .hero-copy .kicker{font-size:.74rem;line-height:1.45;letter-spacing:.11em;}
  .home-page .hero-copy h1{font-size:clamp(2rem,9.5vw,2.5rem);margin:.55rem 0 .7rem;line-height:1.04;}
  .home-page .hero-lead{font-size:1.13rem!important;line-height:1.42;margin:.65rem 0 0!important;}
  .home-page .hero-subtext{font-size:.95rem!important;line-height:1.55;margin:.6rem 0 0!important;}
  .home-page .hero-actions{margin-top:1.25rem;gap:.65rem;}
  .home-page .hero-media{min-height:350px;height:350px;}
  .home-page .hero-media img{height:100%;object-position:center 22%;}

  /* Vertrauensvorteile kompakt statt drei großer Blöcke */
  .home-page .trustbar{padding:.8rem 0 1rem;}
  .home-page .trust-grid{gap:.55rem;}
  .home-page .trust-item{
    min-height:0;
    padding:.85rem 1rem;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    gap:.85rem;
  }
  .home-page .trust-item .icon-circle{width:42px;height:42px;margin:0;flex:0 0 42px;font-size:1.2rem;}
  .home-page .trust-item div{align-items:flex-start;}
  .home-page .trust-item strong{font-size:1rem;}
  .home-page .trust-item span{font-size:.82rem;line-height:1.35;}

  /* Typografie, Karten und Abschnittsrhythmus */
  .home-page .section-head,
  .home-page .centered-heading{margin-bottom:1.55rem;}
  .home-page .section-head h2,
  .home-page .centered-heading h2{font-size:clamp(1.72rem,8vw,2.05rem);line-height:1.08;}
  .home-page .section-head p,
  .home-page .centered-heading p{font-size:.94rem;line-height:1.5;margin-top:.65rem;}
  .home-page .philosophy-card{padding:1.55rem 1.2rem;}
  .home-page .philosophy-card h2{font-size:1.82rem;margin-bottom:.8rem;}
  .home-page .philosophy-card p{font-size:.95rem;line-height:1.52;margin-bottom:.72rem;}
  .home-page .philosophy-card .kicker{margin-bottom:.75rem;}
  .home-page .service-grid,
  .home-page .program-grid{gap:.8rem;}
  .home-page .service-card,
  .home-page .program-card{padding:1.35rem;border-radius:14px;min-height:0;}
  .home-page .service-icon{width:46px;height:46px;font-size:1.2rem;margin-bottom:.9rem;}
  .home-page .service-card h3,
  .home-page .program-card h3{font-size:1.35rem;margin-bottom:.65rem;}
  .home-page .service-card p,
  .home-page .program-card p{font-size:.93rem;line-height:1.5;}
  .home-page .service-link{padding-top:.9rem;}
  .home-page .program-details details,
  .home-page details{padding:.85rem 0;}
  .home-page .nutrition-program-note{margin-top:1rem;padding:1.25rem;gap:1rem;border-radius:14px;}
  .home-page .nutrition-program-note h3{font-size:1.25rem;}
  .home-page .nutrition-program-note p{font-size:.92rem;line-height:1.48;}

  /* Dein Start kompakt und 2x2 statt vier langer Reihen */
  .home-page .trial-box{padding:1.5rem;gap:1.3rem;}
  .home-page .trial-box h2{font-size:1.8rem;}
  .home-page .trial-box p{font-size:.94rem;line-height:1.5;}
  .home-page .trial-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
  .home-page .mini-point{padding:.85rem;border-radius:12px;}
  .home-page .mini-point strong{font-size:.9rem;line-height:1.25;}
  .home-page .mini-point span{font-size:.78rem;line-height:1.3;}

  /* Über mich: Foto kleiner und Text enger angeschlossen */
  .home-page .about-grid{gap:1.15rem;}
  .home-page .about-visual{height:390px;max-height:390px;border-radius:16px;}
  .home-page .about-visual img{height:100%;object-fit:cover;object-position:center 22%;border-radius:16px;}
  .home-page .about-copy h2{font-size:1.82rem;margin:.35rem 0 .7rem;}
  .home-page .about-copy p{font-size:.94rem;line-height:1.5;margin:.55rem 0;}
  .home-page .about-copy .quote{font-size:1.05rem;line-height:1.42;margin-top:.8rem;}

  /* Rezepte liegen mobil bewusst nur hinter dem Menüpunkt „Rezepte“ */
  .home-page .home-recipes{display:none;}

  /* Kundenstimmen: eine Stimme sichtbar, weitere erst auf Wunsch */
  .home-page .testimonials .centered-heading p{display:none;}
  .home-page .testimonial-grid{gap:.7rem;}
  .home-page .testimonial-card{padding:1.35rem;border-radius:14px;}
  .home-page .testimonial-card .quote-mark{font-size:2.8rem;margin-bottom:.55rem;}
  .home-page .testimonial-card p{font-size:1rem;line-height:1.48;margin-bottom:.8rem;}
  .home-page .testimonial-card:nth-child(n+2){display:none;}
  .home-page .testimonials.show-all-mobile .testimonial-card:nth-child(n+2){display:block;}
  .home-page .mobile-experience-action{display:block;margin-top:.9rem;}
  .home-page .mobile-experience-toggle{width:100%;}
  .home-page .testimonial-cta{display:none;}

  /* FAQ / Kontakt kompakter, ohne Inhalte zu entfernen */
  .home-page .faq-categories{gap:.6rem;}
  .home-page .faq-category{min-height:112px;padding:.85rem .6rem;}
  .home-page .contact-grid{gap:1rem;}
  .home-page .contact-panel,
  .home-page .form-card{padding:1.35rem;border-radius:14px;}
  .home-page .contact-actions{gap:.55rem;margin:1rem 0;}
  .home-page .contact-action{min-height:104px;padding:.7rem;}
  .home-page #anfrage{scroll-margin-top:92px;}
  .home-page #kundenstimmen{scroll-margin-top:92px;}

  /* Online-Ernährungsseite: gleiche mobile Ruhe und klare Einspaltigkeit */
  .nutrition-page section{padding:2.65rem 0;}
  .nutrition-page .nutrition-hero-online{padding:0;}
  .nutrition-page .nutrition-hero-online-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.9rem!important;min-height:0!important;}
  .nutrition-page .nutrition-hero-copy{width:100%!important;max-width:none!important;min-width:0!important;padding:2.05rem 0 1.05rem!important;}
  .nutrition-page .nutrition-hero-copy .kicker{font-size:.74rem;line-height:1.45;}
  .nutrition-page .nutrition-hero-copy h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(1.95rem,9.2vw,2.4rem)!important;
    line-height:1.05!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    margin:.55rem 0 .75rem!important;
  }
  .nutrition-page .nutrition-hero-copy .hero-nowrap{white-space:normal!important;}
  .nutrition-page .nutrition-hero-maintext{font-size:.96rem;line-height:1.52;max-width:none;margin:0;}
  .nutrition-page .nutrition-hero-note{font-size:.86rem;line-height:1.46;max-width:none;margin:.55rem 0 0;}
  .nutrition-page .nutrition-hero-copy .hero-actions{margin-top:1.15rem;}
  .nutrition-page .nutrition-hero-image-small{width:100%!important;min-width:0!important;padding:0 0 .25rem!important;justify-content:center!important;}
  .nutrition-page .nutrition-hero-image-small img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:14px!important;}
  .nutrition-page .section-head{margin-bottom:1.45rem;}
  .nutrition-page .section-head h2{font-size:clamp(1.72rem,8vw,2rem);line-height:1.08;}
  .nutrition-page .section-head p{font-size:.94rem;line-height:1.5;}
  .nutrition-page .nutrition-intro-slim{padding:2.35rem 0 1.15rem!important;}
  .nutrition-page .nutrition-trust{padding:1.15rem 0 2.15rem!important;}
  .nutrition-page .nutrition-trust-box{padding:1.35rem!important;gap:.9rem!important;border-radius:14px;}
  .nutrition-page .nutrition-trust-box h2{font-size:1.7rem;}
  .nutrition-page .nutrition-content{padding:2.35rem 0!important;}
  .nutrition-page .nutrition-content-grid{gap:1.15rem!important;}
  .nutrition-page .nutrition-list{margin-top:.8rem;margin-bottom:.65rem;}
  .nutrition-page .nutrition-list li{padding:.38rem 0 .38rem 1.45rem;font-size:.93rem;line-height:1.45;}
  .nutrition-page .nutrition-side-card{padding:1.35rem;border-radius:14px;}
  .nutrition-page .nutrition-side-card h3{font-size:1.4rem;}
  .nutrition-page .nutrition-process{padding:2.35rem 0!important;}
  .nutrition-page .nutrition-steps{gap:.7rem;}
  .nutrition-page .nutrition-steps article{padding:1.2rem;border-radius:14px;}
  .nutrition-page .nutrition-invest-premium{padding:2.45rem 0!important;}
  .nutrition-page .nutrition-invest-head{margin-bottom:1.35rem;}
  .nutrition-page .nutrition-premium-card{padding:1.4rem!important;gap:1.25rem!important;border-radius:16px;}
  .nutrition-page .nutrition-premium-copy h3{font-size:1.55rem;}
  .nutrition-page .nutrition-premium-copy p{font-size:.92rem;line-height:1.48;}
  .nutrition-page .nutrition-premium-price{padding-top:1.1rem!important;}
  .nutrition-page .nutrition-premium-price>strong{font-size:3.2rem;}
}

/* 2026-10-14 – Mobile Feinschliff Runde 2: ausschließlich <=640 px */
@media (max-width:640px){
  /* 1) Online-Ernährungsseite oben enger an den Header */
  .nutrition-page .nutrition-hero-copy{padding:1.25rem 0 .95rem!important;}
  .nutrition-page .nutrition-hero-online-grid{gap:.65rem!important;}

  /* 2) Lange 12-Wochen-Überschrift auf Mobil ruhiger */
  .nutrition-page .nutrition-intro-slim .kicker{font-size:.69rem;line-height:1.35;letter-spacing:.085em;}
  .nutrition-page .nutrition-invest-head h2{
    font-size:clamp(1.55rem,7.2vw,1.78rem)!important;
    line-height:1.08!important;
  }

  /* 3) Schritt-für-Schritt-Karten kleiner und schneller erfassbar */
  .nutrition-page .nutrition-steps{gap:.55rem;}
  .nutrition-page .nutrition-steps article{padding:.9rem 1rem;border-radius:12px;}
  .nutrition-page .nutrition-steps article>span{width:34px;height:34px;margin-bottom:.62rem;font-size:.88rem;}
  .nutrition-page .nutrition-steps article h3{font-size:1.08rem;margin-bottom:.38rem;}
  .nutrition-page .nutrition-steps article p{font-size:.86rem;line-height:1.42;margin:0;}

  /* 4) „Wer dich begleitet“ näher an den vorherigen Block */
  .nutrition-page .nutrition-intro-slim{padding-bottom:.55rem!important;}
  .nutrition-page .nutrition-trust{padding:.45rem 0 2rem!important;}

  /* 5) Anfrageformular als echtes mobiles Sprungziel */
  .home-page #anfrage{scroll-margin-top:88px;}

  /* 6) Ablauf-Sprung etwas weiter nach unten, direkt an den Abschnittsbeginn */
  .home-page #ablauf{scroll-margin-top:88px;}

  /* 7) Philosophie mobil auf die Kernbotschaft kürzen und mittig lassen */
  .home-page .philosophy-desktop-detail{display:none;}
  .home-page .philosophy-mobile-summary{display:block;}
  .home-page .philosophy-card{padding:1.4rem 1.15rem;text-align:center;}
  .home-page .philosophy-card p{margin-left:auto;margin-right:auto;}

  /* 8) Leistungen nur mobil ca. 10–15 % kompakter */
  .home-page .service-grid{gap:.68rem;}
  .home-page .service-card{padding:1.12rem;border-radius:13px;}
  .home-page .service-icon{width:40px;height:40px;font-size:1.08rem;margin-bottom:.68rem;}
  .home-page .service-card h3{font-size:1.2rem;margin-bottom:.48rem;}
  .home-page .service-card p{font-size:.88rem;line-height:1.44;}
  .home-page .service-link{padding-top:.68rem;font-size:.9rem;}
}


/* 2026-10-14 – Mobile Feinschliff Runde 3: nur <=640 px, Desktop unverändert */
@media (max-width:640px){
  /* 1) Hauptseite: Hero-Foto mobil klar, ohne weißen Verlauf, mit sauberen Rundungen */
  .home-page .hero-media{
    min-height:0!important;
    height:350px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:transparent!important;
  }
  .home-page .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 26%!important;
    border-radius:16px!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    box-shadow:none!important;
  }
  .home-page .hero-media::before,
  .home-page .hero-media::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }

  /* 2) Alle mobilen Sprungziele der Hauptseite mit mehr Luft unter dem Sticky-Header */
  .home-page #leistungen,
  .home-page #programme,
  .home-page #faq,
  .home-page #kontakt{
    scroll-margin-top:105px!important;
  }
  .home-page #kundenstimmen{
    scroll-margin-top:85px!important;
  }
  .home-page #ablauf{
    scroll-margin-top:82px!important;
  }
  .home-page #ueber{
    scroll-margin-top:105px!important;
  }
  .home-page #anfrage{
    scroll-margin-top:100px!important;
  }

  /* 3) Online-Ernährungsseite: obere Hero-Überschrift etwas kleiner und ruhiger umbrechen */
  .nutrition-page .nutrition-hero-copy h1{
    font-size:clamp(1.62rem,7vw,1.82rem)!important;
    line-height:1.08!important;
    letter-spacing:-.012em!important;
    margin:.5rem 0 .7rem!important;
  }

  /* 4) Online-Ernährungsseite: Foto ohne fremden Schatten / Hintergrundrahmen */
  .nutrition-page .nutrition-hero-image-small{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .nutrition-page .nutrition-hero-image-small img{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .nutrition-page .nutrition-hero-image-small::before,
  .nutrition-page .nutrition-hero-image-small::after{
    display:none!important;
    content:none!important;
  }

  /* 5) Behandlungs-/Programmkarten kompakter, Schriftgrößen bewusst unverändert */
  .home-page .program-grid{
    gap:.68rem!important;
  }
  .home-page .program-card{
    padding:1.15rem!important;
    min-height:0!important;
  }
  .home-page .program-card .program-price{
    margin-bottom:.62rem;
  }
  .home-page .program-card .price-note{
    margin-bottom:.68rem;
  }
  .home-page .program-details details,
  .home-page .program-card details{
    padding:.7rem 0!important;
  }
}

/* 2026-10-14 – Mobile Sprungziele & Headerlogo Feinschliff; Desktop unverändert */
@media (max-width:640px){
  /* Logo im mobilen Header moderat präsenter, ohne den Header zu vergrößern */
  .home-page .brand-monogram,
  .nutrition-page .brand-monogram{
    width:54px!important;
    height:54px!important;
  }

  /* Gewünschte mobilen Sprünge jeweils etwas weiter nach unten */
  .home-page #ablauf{scroll-margin-top:105px!important;}
  .home-page #anfrage{scroll-margin-top:125px!important;}
  .home-page #ueber{scroll-margin-top:128px!important;}
  .home-page #faq{scroll-margin-top:140px!important;}
  .home-page #kontakt{scroll-margin-top:130px!important;}
}


/* 2026-10-14 – Mobile Sprungziele final an echte Headerkante ausgerichtet; Desktop unverändert */
@media (max-width:640px){
  /* Der mobile Sticky-Header ist ca. 78–80 px hoch. Alle internen Ziele beginnen
     direkt unter dem Header, sodass kein Rest des vorherigen Abschnitts sichtbar bleibt. */
  .home-page #leistungen,
  .home-page #programme,
  .home-page #ablauf,
  .home-page #ueber,
  .home-page #kundenstimmen,
  .home-page #faq,
  .home-page #kontakt,
  .home-page #anfrage{
    scroll-margin-top:80px!important;
  }

  /* Markenauftritt im mobilen Header etwas präsenter, ohne die Headerhöhe zu erhöhen */
  .home-page .brand-monogram,
  .nutrition-page .brand-monogram{
    width:60px!important;
    height:60px!important;
  }
  .home-page .brand-text strong,
  .nutrition-page .brand-text strong{
    font-size:1.05rem!important;
  }
  .home-page .brand-text small,
  .nutrition-page .brand-text small{
    font-size:.52rem!important;
    letter-spacing:.055em!important;
  }
}

/* 2026-10-14 – Mobile Kicker-Feinschliff nur für Programme & Erfahrungen; Desktop unverändert */
@media (max-width:640px){
  /* „Begleitung nach deinem Ziel“ als ruhige, zentrierte Einheit */
  .home-page .programs .section-head .kicker{
    white-space:nowrap;
    font-size:.72rem;
    letter-spacing:.085em;
    gap:.48rem;
  }
  .home-page .programs .section-head .kicker::before{
    width:28px;
    flex:0 0 28px;
  }

  /* „Erfahrungen aus der Begleitung“ komplett in einer Zeile */
  .home-page .testimonials .centered-heading .kicker{
    white-space:nowrap;
    font-size:.67rem;
    letter-spacing:.075em;
    gap:.45rem;
  }
  .home-page .testimonials .centered-heading .kicker::before{
    width:28px;
    flex:0 0 28px;
  }
}


/* 2026-10-14 – Mobile Feinschliff: Leistungen-Kicker links ruhiger + Abstand vor FAQ kompakter */
@media (max-width:640px){
  /* „Meine Leistungen“ samt Strich leicht nach links, damit die Einheit optisch sauber zentriert sitzt */
  .home-page .services .section-head .kicker{
    position:relative;
    left:-10px;
    gap:.52rem;
  }
  .home-page .services .section-head .kicker::before{
    width:34px;
    flex:0 0 34px;
  }

  /* Weniger heller Leerraum zwischen „Weitere Erfahrungen ansehen“ und „Häufige Fragen“ */
  .home-page .testimonials{
    padding-bottom:1.9rem!important;
  }
  .home-page .mobile-experience-action{
    margin-top:.8rem!important;
    margin-bottom:.2rem!important;
  }
  .home-page .faq{
    padding-top:1.95rem!important;
  }
}


/* 2026-10-14 – Mobile Kicker-Feinschliff Online-Ernährung; Desktop unverändert */
.nutrition-kicker-mobile{display:none;}
@media (max-width:640px){
  /* Intro-Kicker: kürzere mobile Formulierung, bewusst einzeilig */
  .nutrition-page .nutrition-intro-kicker{
    white-space:nowrap;
    font-size:.65rem!important;
    letter-spacing:.065em!important;
    gap:.45rem!important;
  }
  .nutrition-page .nutrition-intro-kicker::before{
    width:28px!important;
    flex:0 0 28px!important;
  }
  .nutrition-page .nutrition-kicker-desktop{display:none!important;}
  .nutrition-page .nutrition-kicker-mobile{display:inline!important;}

  /* „Dein Weg“ als Einheit leicht nach links und mit kürzerem Strich */
  .nutrition-page .nutrition-process .section-head .kicker{
    position:relative;
    left:-8px;
    gap:.48rem;
  }
  .nutrition-page .nutrition-process .section-head .kicker::before{
    width:30px;
    flex:0 0 30px;
  }

  /* „Deine Investition“ analog ausrichten */
  .nutrition-page .nutrition-invest-head .kicker{
    position:relative;
    left:-8px;
    gap:.48rem;
  }
  .nutrition-page .nutrition-invest-head .kicker::before{
    width:30px;
    flex:0 0 30px;
  }
}


/* 2026-10-14 – Mobile Textabstand Struktur/und; Desktop unverändert */
@media (max-width:640px){
  .nutrition-page .nutrition-intro-narrow h2 br{display:none;}
}


/* Formular Erfolgsmeldung */
.success-message {
    background: #edf8ed;
    border: 1px solid #b9d8b5;
    color: #24471d;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: 500;
}

/* 2026-10-16 – Premium Karte Mobile Feinschliff */

@media (max-width:640px){

  .home-page .program-card.featured{
    padding-top:2rem !important;
  }

  .home-page .program-card.featured:before{
    right:0 !important;
    top:0 !important;
    z-index:5;
  }

  .home-page .program-card.featured h3{
    margin-top:.55rem;
    padding-right:0;
  }

}