
:root {
  --olive:      #8A9A2E;
  --olive-lt:   #DCE8D5;
  --olive-deep: #3D4A3C;
  --forest:     #0D5C3A;
  --pink:       #E8185A;
  --pink-lt:    #FCEEF3;
  --pink-mid:   #F5B8C8;
  --cream:      #F5F0E8;
  --cream-dk:   #EDE8DE;
  --white:      #FFFDF8;
  --charcoal:   #2A2A24;
  --ink:        #5A5A50;
  --line:       #E2DDD4;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Open Sans",sans-serif;background:var(--white);color:var(--charcoal);line-height:1.65}

/* NAV */
nav{background:#fff;border-bottom:1px solid var(--cream-dk);padding:14px 48px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.nav-logo img{height:44px;width:auto}
.nav-cta{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
.nav-cta:hover{background:#c0124a}

/* TOPBAR */
.topbar{background:var(--forest);color:#fff;text-align:center;padding:9px 20px;font-size:14px;font-weight:500}
.topbar strong{color:#A8D8B8}

/* HERO */
.hero-wrap{background:linear-gradient(160deg,var(--cream) 0%,#E8EFE0 100%);border-bottom:3px solid var(--olive-lt)}
.hero{padding:72px 48px 88px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:880px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--olive);border-radius:100px;padding:5px 16px;font-size:12px;font-weight:700;color:var(--forest);letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}
.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--olive);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(26px,3.4vw,44px);line-height:1.15;color:var(--forest);margin-bottom:18px;font-weight:800}
.hero h1 em{color:var(--pink);font-style:italic}
.hero-sub{font-size:16px;color:var(--ink);margin-bottom:32px;line-height:1.7}
.btn-primary{display:inline-block;background:var(--pink);color:#fff;border:none;border-radius:10px;padding:16px 40px;font-size:17px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.btn-primary:hover{background:#c0124a;transform:translateY(-2px)}
.btn-secondary{display:inline-block;background:transparent;color:var(--forest);border:2px solid var(--olive);border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
.btn-secondary:hover{background:var(--olive-lt)}
.cta-note{font-size:13px;color:var(--ink);margin-top:10px;display:block}

/* HERO RIGHT */
.hero-right{position:relative}
.hero-right img{width:100%;height:420px;object-fit:contain;object-position:center center;border-radius:18px;display:block;background:#EEF2E4}
.hero-float-badge{position:absolute;bottom:-18px;left:-18px;background:#fff;border:1.5px solid var(--cream-dk);border-radius:14px;padding:14px 20px;box-shadow:0 6px 24px rgba(0,0,0,.10)}
.hfb-top{font-size:10px;color:#9A9890;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.hfb-main{font-size:16px;font-weight:800;color:var(--pink)}
.hfb-sub{font-size:12px;color:var(--ink)}

/* PROOF STRIP */
.proof-strip{background:#fff;border-top:1px solid var(--cream-dk);border-bottom:1px solid var(--cream-dk);padding:16px 48px;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.proof-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);font-weight:500}
.proof-check{width:18px;height:18px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.proof-check::after{content:"✓";color:#fff;font-size:10px;font-weight:800}

/* SECTIONS */
.section{max-width:880px;margin:0 auto;padding:64px 48px}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);margin-bottom:10px}
.section h2{font-size:clamp(22px,2.8vw,32px);color:var(--forest);margin-bottom:24px;line-height:1.25;font-weight:800}
hr.divider{max-width:880px;margin:0 auto;padding:0 48px;border:none;border-top:1px solid var(--cream-dk)}

/* LEAD TESTIMONIAL */
.lead-t{background:var(--pink-lt);border:2px solid var(--pink);border-radius:18px;padding:32px 36px}
.lead-t-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.t-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--olive-lt);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--forest);border:2px solid var(--cream-dk)}
.t-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.t-name{font-size:14px;font-weight:700;color:var(--forest)}
.t-meta{font-size:12px;color:var(--ink)}
.t-stars{color:#F5A623;font-size:13px;letter-spacing:2px;margin-bottom:12px}
.lead-t blockquote{font-size:16px;line-height:1.7;color:var(--charcoal);font-style:italic}
.lead-t blockquote strong{font-style:normal;color:var(--forest)}

/* PROBLEM */
.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.problem-card{background:#fff;border:1px solid var(--cream-dk);border-radius:14px;padding:22px 20px 18px;border-top:3px solid var(--pink)}
.problem-quote{font-size:32px;color:var(--pink-mid);line-height:1;font-family:Georgia,serif;margin-bottom:8px}
.problem-card p{font-size:14px;line-height:1.6;color:#4A4A42;font-style:italic}
.problem-bridge{background:var(--cream);border-left:4px solid var(--olive);border-radius:0 12px 12px 0;padding:18px 22px;font-size:15px;line-height:1.7;color:#4A4A42}

/* FOTO GRID */
.foto-grid-wrap{max-width:880px;margin:0 auto;padding:0 48px}
.foto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.foto-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:14px;display:block}

/* PILLARS */
.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pillar-card{background:#fff;border:1px solid var(--cream-dk);border-radius:14px;padding:24px 22px;display:flex;gap:16px;align-items:flex-start}
.pillar-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--olive-lt);display:flex;align-items:center;justify-content:center}
.pillar-icon.pink-icon{background:var(--pink-lt)}
.pillar-title{font-size:15px;font-weight:700;color:var(--forest);margin-bottom:4px}
.pillar-desc{font-size:13px;color:var(--ink);line-height:1.55}
.pillar-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.pillar-pill{background:var(--olive-lt);border-radius:100px;padding:2px 10px;font-size:11px;color:var(--forest);font-weight:600}
.pillar-pill.pink{background:var(--pink-lt);color:var(--pink)}

/* TIER HEADERS */
.tier-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;margin-top:32px}
.tier-badge-shared{background:var(--olive-lt);border:1.5px solid var(--olive);border-radius:100px;padding:5px 16px;font-size:11px;font-weight:700;color:var(--forest);letter-spacing:.06em;text-transform:uppercase}
.tier-badge-premium{background:var(--pink-lt);border:1.5px solid var(--pink-mid);border-radius:100px;padding:5px 16px;font-size:11px;font-weight:700;color:var(--pink);letter-spacing:.06em;text-transform:uppercase}
.tier-line{flex:1;height:1px;background:var(--cream-dk)}

/* KURSE */
.kurs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kurs-card{background:#fff;border:1px solid var(--cream-dk);border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
.kurs-card.premium-card{border-color:var(--pink-mid)}
.kurs-icon{width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--olive-lt);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--forest)}
.kurs-icon.pink{background:var(--pink-lt);color:var(--pink)}
.kurs-title{font-size:14px;font-weight:700;color:var(--charcoal);margin-bottom:3px}
.kurs-desc{font-size:12px;color:var(--ink);line-height:1.5}

/* SPRECHSTUNDE */
.sp-card{background:var(--pink-lt);border:2px solid var(--pink);border-radius:14px;padding:24px 26px;display:flex;gap:20px;align-items:flex-start;margin-top:12px}
.sp-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:var(--pink);display:flex;align-items:center;justify-content:center}
.sp-icon svg{display:block}
.sp-title{font-size:16px;font-weight:700;color:var(--forest);margin-bottom:6px}
.sp-desc{font-size:14px;color:var(--ink);line-height:1.65}
.sp-img{margin-top:20px;border-radius:14px;overflow:hidden}
.sp-img img{width:100%;height:220px;object-fit:cover;object-position:center top;display:block}

/* KRANKHEITS-BILDER */
.krank-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.krank-card{border-radius:14px;overflow:hidden;border:1px solid var(--cream-dk)}
.krank-card img{width:100%;height:180px;object-fit:cover;display:block}
.krank-label{padding:10px 14px;background:#fff;font-size:13px;font-weight:600;color:var(--forest)}

/* FOR WHOM */
.for-whom-box{background:linear-gradient(135deg,var(--olive-lt) 0%,#E8F4E0 100%);border-radius:16px;padding:36px 40px}
.for-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.for-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--charcoal);line-height:1.6}
.for-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--forest);margin-top:8px}

/* TESTIMONIALS */
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.t-card{background:#fff;border:1px solid var(--cream-dk);border-radius:14px;padding:22px 22px 18px}
.t-card blockquote{font-size:14px;line-height:1.65;color:var(--charcoal);font-style:italic}
.t-card blockquote strong{font-style:normal;color:var(--forest)}
.t-footer{display:flex;align-items:center;gap:10px;margin-top:14px}
.t-footer .t-avatar{width:36px;height:36px;font-size:14px;overflow:hidden}
.t-footer .t-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.screenshot-t{border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.12);border:1px solid var(--cream-dk)}
.screenshot-t img{width:100%;height:auto;display:block}

/* HOLZ-SECTION */
.wood-wrap::before{content:"";position:absolute;inset:0;background:rgba(180,140,90,.45);pointer-events:none}
.wood-inner{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:56px 48px}
.wood-inner .section-eyebrow{color:var(--pink)}
.wood-inner h2{color:var(--forest)}

/* EVA */
.eva-section{background:var(--cream);border-top:3px solid var(--olive-lt);border-bottom:3px solid var(--olive-lt)}
.eva-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;max-width:880px;margin:0 auto;padding:64px 48px}
.eva-photo{width:260px;height:300px;border-radius:20px;overflow:hidden;position:relative}
.eva-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.eva-name{font-size:24px;font-weight:800;color:var(--forest);margin-bottom:4px}
.eva-title{font-size:14px;color:var(--pink);font-weight:600;margin-bottom:16px}
.eva-bio{font-size:15px;color:var(--ink);line-height:1.75}
.eva-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.eva-stat{background:#fff;border-radius:12px;padding:12px 18px;border:1px solid var(--cream-dk);text-align:center}
.eva-stat strong{display:block;font-size:20px;font-weight:800;color:var(--forest)}
.eva-stat span{font-size:12px;color:var(--ink)}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pricing-card{background:#fff;border:1.5px solid var(--cream-dk);border-radius:18px;padding:32px 28px;position:relative;display:flex;flex-direction:column}
.pricing-card.featured{border-color:var(--pink);border-width:2px}
.pricing-best{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;border-radius:100px;padding:4px 18px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.plan-tier{font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#9A9890;margin-bottom:6px}
.plan-name{font-size:18px;font-weight:800;color:var(--charcoal);margin-bottom:4px}
.plan-price{font-size:44px;font-weight:800;color:var(--charcoal);line-height:1;margin-bottom:4px}
.plan-price span{font-size:15px;font-weight:400;color:#9A9890}
.plan-tagline{font-size:14px;color:var(--ink);margin-bottom:20px;line-height:1.5}
.plan-divider{border:none;border-top:1px solid var(--cream-dk);margin:16px 0}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}
.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--charcoal);line-height:1.55}
.pf-yes{color:var(--forest);font-weight:800;min-width:16px;margin-top:1px}
.pf-no{color:#C8C4BC;min-width:16px;margin-top:1px}
.pf-dim{color:#C8C4BC;text-decoration:line-through;font-size:13px}
.pf-plus{color:var(--pink);font-weight:800;min-width:16px;margin-top:1px}
.plan-cta-pink{display:block;text-align:center;margin-top:24px;background:var(--pink);color:#fff;border:none;border-radius:10px;padding:15px 20px;font-size:15px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.plan-cta-pink:hover{background:#c0124a;transform:translateY(-1px)}
.plan-cta-green{display:block;text-align:center;margin-top:24px;background:var(--olive-lt);color:var(--forest);border:1.5px solid var(--olive);border-radius:10px;padding:15px 20px;font-size:15px;font-weight:600;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
.plan-cta-green:hover{background:#C8DEC0}
.plan-cancel{display:block;text-align:center;font-size:12px;color:#9A9890;margin-top:8px}
.jahres-strip{background:var(--olive-lt);border:1.5px solid var(--olive);border-radius:12px;padding:16px 20px;margin-top:42px}
.jahres-row{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.jahres-title{font-size:13px;font-weight:700;color:var(--forest)}
.jahres-desc{font-size:12px;color:var(--ink);margin-top:2px}
.jahres-price .jp-num{font-size:22px;font-weight:800;color:var(--forest);text-align:center}
.jahres-price .jp-note{font-size:11px;color:var(--ink);text-align:center}
.jahres-cta{display:block;text-align:center;margin-top:12px;background:var(--olive);color:#fff;border:none;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
.jahres-cta:hover{background:var(--olive-deep)}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--cream-dk);border-radius:12px;overflow:hidden} details.faq-item{} details.faq-item summary{list-style:none} details.faq-item summary::-webkit-details-marker{display:none}
.faq-q{padding:18px 22px;font-size:15px;font-weight:700;color:var(--forest);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}
.faq-q::after{content:"+";font-size:22px;color:var(--pink);font-weight:300;flex-shrink:0}
details.faq-item[open] .faq-q::after{content:"−"}
.faq-a{display:block;padding:0 22px 18px;font-size:14px;line-height:1.75;color:var(--ink)}
.faq-a{display:block}

/* FINAL CTA */
.final-section{background:var(--forest);color:#fff;text-align:center;padding:80px 48px;position:relative;overflow:hidden}
.final-section h2{font-size:clamp(24px,3vw,38px);line-height:1.2;margin-bottom:14px;font-weight:800}
.final-section p{font-size:17px;color:rgba(255,255,255,.75);margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}
.final-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.final-note{font-size:13px;color:rgba(255,255,255,.45)}
.btn-white-outline{display:inline-block;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;font-family:"Open Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
.btn-white-outline:hover{background:rgba(255,255,255,.1)}

footer{background:#fff;border-top:1px solid var(--cream-dk);text-align:center;padding:24px;font-size:13px;color:#9A9890}
footer a{color:#9A9890;text-decoration:none}
footer a:hover{color:var(--pink)}

@media(max-width:800px){
  .foto-grid{grid-template-columns:1fr 1fr}
  .foto-grid-wrap{padding:0 16px}
  /* NAV */
  nav{padding:10px 16px}
  .nav-logo img{height:32px}
  .nav-cta{padding:8px 14px;font-size:12px}
  /* TOPBAR */
  .topbar{font-size:11px;padding:7px 14px}
  /* HERO */
  .hero{display:flex;flex-direction:column;padding:28px 16px 56px;gap:0}
  .hero-top{order:1}
  .hero-right{order:2}
  .hero-bottom{order:3;padding-top:16px}
  .hero-right{display:block;order:2;position:relative;width:100%;padding-bottom:30px;margin:0}
  .hero-right img{width:100%;height:260px;object-fit:cover;object-position:center 20%;border-radius:14px;display:block}
  .hero-float-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:90%;text-align:center;padding:10px 14px;box-sizing:border-box}
  .hfb-main{font-size:13px}
  .hfb-sub{font-size:11px}
  .hero h1{font-size:24px;line-height:1.2}
  .hero-eyebrow{font-size:11px}
  .hero-sub{font-size:14px;margin-bottom:24px}
  .btn-primary{padding:13px 28px;font-size:15px}
  /* PROOF STRIP */
  .proof-strip{padding:12px 16px;gap:8px;flex-direction:column;align-items:flex-start}
  .proof-item{font-size:13px}
  /* SECTIONS */
  .section{padding:36px 20px}
  .section[style*="padding-bottom:56px"]{padding-left:8px;padding-right:8px;padding-bottom:0px}
  .wood-inner{padding:36px 20px}
  /* LEAD TESTIMONIAL */
  .lead-t{padding:22px 20px}
  .lead-t blockquote{font-size:14px}
  /* PROBLEM */
  .problem-cards{grid-template-columns:1fr}
  /* HÜHNER STRIP */
  /* PILLARS */
  .pillars-grid{grid-template-columns:1fr}
  /* Community pillar */
  .pillar-card[style*="grid-column:1/-1"]{flex-direction:column;align-items:flex-start}
  .pillar-card[style*="grid-column:1/-1"] .pillar-icon{margin:0 auto 10px auto}
  .pillar-card[style*="grid-column:1/-1"] > div:last-child{width:100%}
  /* KURSE */
  .kurs-grid{grid-template-columns:1fr}
  .kurs-card{flex-direction:column;align-items:center}
  .kurs-card > div{width:100%;text-align:left}
  .kurs-icon{margin:0 auto 10px auto;width:44px;height:44px;min-width:44px;font-size:20px;display:flex;align-items:center;justify-content:center}
  .kurs-title{font-size:14px}
  .kurs-desc{font-size:13px;line-height:1.6}
  /* SPRECHSTUNDE */
  .sp-card{flex-direction:column;padding:20px 18px}
  .sp-title{font-size:14px}
  .sp-desc{font-size:13px;line-height:1.6}
  .sp-icon{margin:0 auto 12px auto}
  /* BEISPIELTHEMEN */
  div[style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr !important}
  /* TESTIMONIALS */
  .testimonial-grid{grid-template-columns:1fr}
  /* FOR WHOM */
  .for-whom-box{padding:24px 20px}
  .for-list li{font-size:14px}
  /* EVA */
  .eva-section .eva-grid{grid-template-columns:1fr;padding:36px 20px;gap:24px}
  .eva-photo{width:100%;height:220px}
  .eva-stats{grid-template-columns:1fr 1fr !important}
  .eva-stat{padding:10px 12px}
  .eva-stat strong{font-size:16px}
  .eva-name{font-size:20px}
  /* PRICING */
  .pricing-grid{grid-template-columns:1fr;padding:0}
  .pricing-section{padding-left:20px !important;padding-right:20px !important}
  .pricing-card{margin-bottom:12px;border-radius:14px}
  .plan-price{font-size:36px}
  .plan-features li{font-size:13px}
  .jahres-row{flex-direction:column;align-items:center;text-align:center}
  /* FAQ */
  .faq-q{font-size:13px;padding:14px 16px}
  .faq-a{padding:0 16px 14px;font-size:13px}
  /* FINAL */
  .final-section{padding:44px 20px}
  .final-section h2{font-size:22px}
  .final-btns{flex-direction:column;align-items:center}
  /* WOOD */
  .wood-inner [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  /* PRESS LOGOS */
  .press-logos-grid{grid-template-columns:1fr 1fr !important}
  .press-logos-grid img{height:28px !important}
  .press-logos-grid > div{padding:6px 8px}
}
@media(max-width:480px){
  .hero h1{font-size:20px}
  .proof-strip{gap:6px}
  .eva-stats{grid-template-columns:1fr 1fr !important}
  .pricing-grid{grid-template-columns:1fr;padding:0}
  .testimonial-grid{grid-template-columns:1fr}
  .kurs-grid{grid-template-columns:1fr}
  .kurs-card{flex-direction:column;align-items:center}
  .kurs-card > div{width:100%;text-align:left}
  .kurs-icon{margin:0 auto 10px auto;width:44px;height:44px;min-width:44px;font-size:20px;display:flex;align-items:center;justify-content:center}
  .kurs-title{font-size:14px}
  .kurs-desc{font-size:13px;line-height:1.6}
}
@media(max-width:480px){
  .hero h1{font-size:22px}
  .proof-item{font-size:13px}
  .section-eyebrow{font-size:10px}
}

@media(max-width:800px){
  .press-logos-grid{grid-template-columns:1fr 1fr !important}
  .press-logos-grid > div{padding:3px 6px}
  .press-logos-grid img{height:18px !important}
}

.hero-top{grid-column:1}
.hero-bottom{grid-column:1}
.hero-right{grid-column:2;grid-row:1/3}

/* ============================================================
   WEBSITE-ERWEITERUNG — Mehrseiten-Navigation & Praxis-Layout
   Ergänzt das Landingpage-System um echte Website-Bausteine.
   ============================================================ */

/* --- Hauptnavigation (überschreibt die Landingpage-Nav) --- */
nav.site-nav{background:#fff;border-bottom:1px solid var(--cream-dk);padding:0;display:block;box-shadow:0 1px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.nav-inner{max-width:1120px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo img{height:46px;width:auto;display:block}
.nav-menu{display:flex;align-items:center;gap:4px;list-style:none}
.nav-menu a{display:block;padding:9px 14px;font-size:14.5px;font-weight:600;color:var(--forest);text-decoration:none;border-radius:8px;transition:background .18s,color .18s}
.nav-menu a:hover{background:var(--olive-lt)}
.nav-menu a.active{background:var(--olive-lt);color:var(--forest)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-shop{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--forest);text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .18s}
.nav-shop:hover{background:var(--olive-lt)}
.nav-login{font-size:13.5px;color:var(--ink);text-decoration:none;font-weight:600}
.nav-login:hover{color:var(--forest)}
.nav-webinar{font-size:13.5px;color:var(--pink);text-decoration:none;font-weight:700;white-space:nowrap}
.nav-webinar:hover{text-decoration:underline}
.nav-burger{display:none;background:none;border:1.5px solid var(--cream-dk);border-radius:8px;padding:8px 10px;cursor:pointer;line-height:0}
.nav-burger span{display:block;width:20px;height:2px;background:var(--forest);margin:4px 0;border-radius:2px}

/* --- Seiten-Kopf (Unterseiten) --- */
.page-head{background:linear-gradient(160deg,var(--cream) 0%,#E8EFE0 100%);border-bottom:3px solid var(--olive-lt);padding:52px 48px 48px}
.page-head-inner{max-width:880px;margin:0 auto}
.page-head h1{font-size:clamp(26px,3.2vw,40px);color:var(--forest);font-weight:800;line-height:1.18;margin-bottom:14px}
.page-head p{font-size:16.5px;color:var(--ink);line-height:1.7;max-width:640px}

/* --- Leistungs-Kacheln (Startseite) --- */
.leistungen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.leistung-card{background:#fff;border:1px solid var(--cream-dk);border-radius:16px;padding:30px 28px;text-decoration:none;display:block;transition:transform .18s,box-shadow .18s,border-color .18s;border-top:3px solid var(--olive)}
.leistung-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.09);border-color:var(--olive)}
.leistung-card.is-angebot{border-top-color:var(--pink)}
.leistung-icon{width:46px;height:46px;border-radius:12px;background:var(--olive-lt);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.leistung-card.is-angebot .leistung-icon{background:var(--pink-lt)}
.leistung-card h3{font-size:17px;font-weight:800;color:var(--forest);margin-bottom:7px}
.leistung-card p{font-size:13.5px;color:var(--ink);line-height:1.6;margin-bottom:12px}
.leistung-more{font-size:12.5px;font-weight:700;color:var(--pink);letter-spacing:.02em}
.leistung-tag{display:inline-block;background:var(--olive-lt);color:var(--forest);border-radius:100px;padding:2px 10px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}
.leistung-card.is-angebot .leistung-tag{background:var(--pink-lt);color:var(--pink)}

/* --- Listen mit Häkchen --- */
.check-list{list-style:none;display:grid;gap:10px}
.check-list li{position:relative;padding-left:28px;font-size:15px;color:#4A4A42;line-height:1.65}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:var(--forest);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* --- Labor-/Check-Kacheln mit Indikation --- */
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.check-card{background:#fff;border:1px solid var(--cream-dk);border-radius:14px;padding:24px 22px;border-left:4px solid var(--olive)}
.check-card h3{font-size:16px;font-weight:800;color:var(--forest);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.check-preis{font-size:13px;font-weight:700;color:var(--pink);white-space:nowrap}
.check-card p{font-size:13.5px;color:var(--ink);line-height:1.6;margin-bottom:10px}
.check-indikation{background:var(--cream);border-radius:9px;padding:11px 14px;font-size:12.5px;color:#4A4A42;line-height:1.6}
.check-indikation strong{color:var(--forest);display:block;margin-bottom:3px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}

/* --- Club-Hinweis-Box --- */
.club-box{background:var(--pink-lt);border:2px solid var(--pink-mid);border-radius:16px;padding:26px 28px}
.club-box h3{font-size:17px;font-weight:800;color:var(--forest);margin-bottom:10px}
.club-box p{font-size:14.5px;color:#4A4A42;line-height:1.7}

/* --- Webinar-Banner --- */
.webinar-band{background:var(--forest);color:#fff;padding:40px 48px}
.webinar-inner{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.webinar-band .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A8D8B8;margin-bottom:8px}
.webinar-band h2{font-size:clamp(20px,2.4vw,27px);font-weight:800;margin-bottom:10px;line-height:1.25;color:#fff}
.webinar-band p{font-size:15px;line-height:1.7;color:#D8E8DC;max-width:520px}
.btn-white{display:inline-block;background:#fff;color:var(--forest);border-radius:10px;padding:15px 32px;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .15s}
.btn-white:hover{transform:translateY(-2px)}

/* --- Footer --- */
.site-footer{background:var(--olive-deep);color:#D6DCD2;padding:52px 48px 32px;margin-top:0}
.footer-inner{max-width:1120px;margin:0 auto}
.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.footer-col h4{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.footer-col ul{list-style:none;display:grid;gap:8px}
.footer-col a{color:#D6DCD2;text-decoration:none;font-size:14px}
.footer-col a:hover{color:#fff;text-decoration:underline}
.footer-brand p{font-size:14px;line-height:1.7;color:#C2C9BE;max-width:300px}
.footer-brand img{height:42px;margin-bottom:14px;filter:brightness(0) invert(1)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#B4BBAE}
.footer-bottom a{color:#B4BBAE;text-decoration:none}
.footer-bottom a:hover{color:#fff}

/* --- Responsive --- */
@media(max-width:1000px){
  .nav-inner{padding:12px 20px}
  .nav-menu a{padding:8px 10px;font-size:13.5px}
}
@media(max-width:900px){
  .nav-burger{display:block}
  .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;border-bottom:1px solid var(--cream-dk);box-shadow:0 8px 20px rgba(0,0,0,.08)}
  .nav-menu.open{display:flex}
  .nav-menu a{padding:13px 12px;font-size:15.5px;border-bottom:1px solid var(--cream-dk);border-radius:0}
  .nav-right .nav-login,.nav-right .nav-webinar{display:none}
  nav.site-nav{position:sticky}
  .leistungen-grid{grid-template-columns:1fr 1fr}
  .check-grid{grid-template-columns:1fr}
  .webinar-inner{grid-template-columns:1fr;text-align:left}
  .footer-cols{grid-template-columns:1fr 1fr}
  .page-head{padding:36px 20px 32px}
}
@media(max-width:560px){
  .leistungen-grid{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr}
  .nav-inner{padding:10px 16px;gap:10px}
  .nav-logo img{height:38px}
  .nav-cta{padding:10px 16px;font-size:13px}
  .nav-shop span{display:none}
  .webinar-band{padding:32px 20px}
  .site-footer{padding:36px 20px 24px}
}

/* --- Hero der Startseite etwas breiter als die Landingpage-Variante --- */
.hero{max-width:1000px;grid-template-columns:1.08fr .92fr;gap:48px}
.hero h1{font-size:clamp(28px,3.6vw,42px)}
.proof-strip{padding:16px 32px}
.section{max-width:976px}
hr.divider{max-width:940px}
@media(max-width:900px){ .hero{max-width:100%;grid-template-columns:1fr} }

@media(max-width:800px){ .mitglied-wege{grid-template-columns:1fr !important} }

/* ============================================================
   WARM-PASS (Eva, 24.08.): weg vom kuehlen Weiss-Pink-Standard.
   Serifen-Headlines, Creme-Grund, warmes Dunkel, Pink nur noch
   fuer die Haupt-CTAs. Ueberschreibt bewusst Regeln von oben.
   ============================================================ */

body{background:var(--cream)}
h1,h2,.hero h1,.page-head h1{font-family:"Lora",Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.hero h1{font-weight:600}
.page-head h1,.section h2,.webinar-band h2{font-weight:600}

/* Topbar: warmes Dunkelbraun statt Waldgruen */
.topbar{background:#4C463E;color:#EFE9DE}
.topbar strong{color:#E8DFC9}

/* Nav: cremig statt klinisch weiss */
nav.site-nav{background:var(--white);border-bottom-color:#E5DCC9}
.nav-menu a{color:#3D4A3C}
.nav-menu a:hover,.nav-menu a.active{background:#EDE5D2}

/* Hero & Seitenkoepfe: waermerer Verlauf, kein Gruenstich */
.hero-wrap{background:linear-gradient(165deg,#F7F2E7 0%,#EFE6D2 100%);border-bottom-color:#E5DCC9}
.page-head{background:linear-gradient(165deg,#F7F2E7 0%,#EFE6D2 100%);border-bottom-color:#E5DCC9}
.hero-right img{background:#EDE6D6}
.hero-eyebrow{background:var(--white);border-color:#C9BC96;color:#6B5E45}
.hero-dot{background:#B08A3E}

/* Eyebrows: warmes Oliv statt Pink */
.section-eyebrow{color:var(--olive)}
.webinar-band .eyebrow{color:#CFE0C2}

/* Karten: weich auf Creme, keine bunten Oberkanten */
.leistung-card{border-top:1px solid var(--cream-dk);border-color:#E7DFCE;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.leistung-card.is-angebot{border-top:1px solid #E7DFCE}
.leistung-card:hover{border-color:#C9BC96;box-shadow:0 12px 30px rgba(76,70,62,.13)}
.leistung-icon{background:#F0EAD9}
.leistung-card.is-angebot .leistung-icon{background:#F0EAD9}
.leistung-tag{background:#EDE5D2;color:#6B5E45}
.leistung-card.is-angebot .leistung-tag{background:var(--olive-lt);color:var(--forest)}
.pillar-card,.check-card,.kurs-card,.problem-card{border-color:#E7DFCE;box-shadow:0 2px 10px rgba(76,70,62,.04)}
.check-card{border-left-color:var(--olive)}
.check-indikation{background:#F5EFE1}
.problem-bridge{background:#F0EAD9;border-left-color:#B08A3E}
.pillar-icon{background:#F0EAD9}
.pillar-icon.pink-icon{background:var(--olive-lt)}

/* Club-Einladung: warm statt rosa Kasten */
.club-box{background:#EFE8D6;border:1px solid #DDD2B8;border-radius:16px}
.club-box h3{font-family:"Lora",Georgia,serif;font-weight:600}

/* Sprechstunden-Karten warm */
.sp-card{background:var(--white);border-color:#DDD2B8}
.sp-icon{background:var(--forest)}

/* Fusszeile: warmes Dunkelbraun passend zur Topbar */
.site-footer{background:#3E3931;color:#D8D2C6}
.footer-brand p{color:#C6BFB1}
.footer-bottom{color:#A79F90;border-top-color:rgba(255,255,255,.13)}
.footer-bottom a{color:#A79F90}

/* Proof-Strip cremig */
.proof-strip{background:var(--white);border-color:#E5DCC9}
.proof-check{background:var(--olive)}

/* Webinar-Band bleibt Waldgruen — der eine kraeftige Farbmoment pro Seite */

/* ============================================================
   BLOG-LOOK-PASS (Eva, 24.08.): die Palette ihrer echten Seiten —
   Beige #F7F2EC + Salbei #E3EDE3 + Oliv-Buttons #6F8320 + graue
   Headlines statt Schwarz. Dazu Tierarzt-Emblem + EKG-Trenner.
   ============================================================ */
:root{
  --beige:#F7F2EC; --beige-dk:#EDE4D6;
  --sage:#E3EDE3; --sage-dk:#CBDCC8;
  --grau:#575750; --oliv-btn:#6F8320; --oliv-btn-dk:#5A6B18;
}
body{background:var(--beige)}

/* Headlines: Evas warmes Grau, kein Schwarz, kein hartes Gruen */
.hero h1,.page-head h1,.section h2,h2{color:var(--grau)}
.hero h1 em{color:var(--pink)}
.leistung-card h3,.pillar-title,.check-card h3,.sp-title,.club-box h3{color:#4A4A42}

/* Flaechen: Beige als Grund, Salbei als zweites Band */
.hero-wrap{background:var(--beige);border-bottom:3px solid var(--sage)}
.page-head{background:var(--beige);border-bottom:3px solid var(--sage)}
.hero-right img{background:var(--sage)}
nav.site-nav{border-bottom-color:var(--beige-dk)}
.nav-menu a{color:#4A4A42}
.nav-menu a:hover,.nav-menu a.active{background:var(--sage)}
.proof-strip{background:#fff;border-color:var(--beige-dk)}

/* Buttons: Oliv wie auf Evas Seiten — Pink nur fuer die Mitglieder-CTAs */
.btn-secondary{background:var(--oliv-btn);border-color:var(--oliv-btn);color:#fff;font-weight:700}
.btn-secondary:hover{background:var(--oliv-btn-dk);border-color:var(--oliv-btn-dk)}
.leistung-more{color:var(--oliv-btn)}
.hero-eyebrow{border-color:var(--oliv-btn);color:#4A4A42;background:#fff}
.hero-dot{background:var(--oliv-btn)}
.section-eyebrow{color:var(--oliv-btn)}

/* Webinar-Band: Salbei statt dunklem Wald — freundlicher */
.webinar-band{background:var(--sage);color:#3D4A3C;border-top:1px solid var(--sage-dk);border-bottom:1px solid var(--sage-dk)}
.webinar-band h2{color:#3D4A3C}
.webinar-band p{color:#4A5A48}
.webinar-band .eyebrow{color:var(--oliv-btn)}
.btn-white{background:var(--oliv-btn);color:#fff}
.btn-white:hover{background:var(--oliv-btn-dk)}

/* Einladungs-Kasten: helles Salbei */
.club-box{background:var(--sage);border-color:var(--sage-dk)}
.club-box p{color:#41503F}

/* Karten weiss auf Beige */
.leistung-card,.pillar-card,.check-card,.kurs-card,.problem-card,.sp-card{border-color:var(--beige-dk)}
.leistung-icon,.pillar-icon,.leistung-card.is-angebot .leistung-icon{background:var(--sage)}
.leistung-tag{background:var(--sage);color:#3D4A3C}
.leistung-card.is-angebot .leistung-tag{background:var(--sage);color:#3D4A3C}
.check-indikation{background:var(--beige)}
.problem-bridge{background:var(--sage);border-left-color:var(--oliv-btn)}
.check-card{border-left-color:var(--oliv-btn)}
.check-list li::before{background:var(--oliv-btn)}
.proof-check{background:var(--oliv-btn)}

/* Labor-Karten mit Produktbild */
.check-card.has-img{display:grid;grid-template-columns:1fr 132px;gap:16px;align-items:start}
.check-card.has-img .check-img{width:132px;height:132px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--beige-dk);padding:6px}
.check-card.has-img h3,.check-card.has-img p,.check-card.has-img .check-indikation,.check-card.has-img .btn-secondary{grid-column:1}
.check-card.has-img .check-img{grid-column:2;grid-row:1/span 3}
@media(max-width:560px){ .check-card.has-img{grid-template-columns:1fr} .check-card.has-img .check-img{grid-column:1;grid-row:auto;margin:0 auto} }

/* Tierarzt-Emblem (Aeskulapstab ueber V) als Wasserzeichen im Seitenkopf */
.page-head-inner{position:relative}
.page-head-inner::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:148px;height:148px;opacity:.5;pointer-events:none;mix-blend-mode:multiply;filter:saturate(1.9) hue-rotate(-6deg);background:url("emblem-minz.png") center/contain no-repeat}
@media(max-width:800px){ .page-head-inner::after{display:none} }

/* EKG-Trenner — greift die Herzlinie aus dem Logo auf */
hr.divider{border:none;height:34px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 34' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M0 17 H84 L94 17 102 4 112 30 120 17 H220' fill='none' stroke='%23A9BF9A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/220px 34px no-repeat}

/* ============================================================
   CP-PASS (Eva, 24.08., Vorbild carolinepreuss.de):
   Foto-Hero, Polaroid-Story, Zahlen-Band, Line-Art-Icons,
   Sticky-Webinar-Leiste. Farben bleiben unsere.
   ============================================================ */

/* --- Foto-Hero: Bild vollflaechig, Text darauf --- */
.hero-photo{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-bottom:3px solid var(--sage)}
.hero-photo .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,38,32,.28) 0%,rgba(42,38,32,.55) 70%,rgba(42,38,32,.68) 100%)}
.hero-photo-inner{position:relative;z-index:2;max-width:760px;padding:96px 24px 88px}
.hero-kicker{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EFE6D2;margin-bottom:18px}
.hero-photo h1{font-family:"Lora",Georgia,serif;font-weight:600;font-size:clamp(30px,4.4vw,52px);line-height:1.16;color:#FFFDF8;margin-bottom:16px}
.hero-photo h1 em{font-style:italic;color:#F5D9A8}
.hero-photo .hero-sub{font-size:17px;color:#F1EBDF;line-height:1.7;max-width:560px;margin:0 auto 30px}
.hero-photo .cta-note{color:#E4DCCB}
@media(max-width:800px){ .hero-photo{min-height:440px} .hero-photo-inner{padding:64px 20px 56px} }

/* --- Logoband direkt unterm Hero --- */
.press-band{background:#fff;border-bottom:1px solid var(--beige-dk);padding:22px 32px}
.press-band-inner{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.press-band .pb-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9A9488}
.press-band img{height:26px;width:auto;opacity:.62;filter:grayscale(1)}
@media(max-width:560px){ .press-band-inner{gap:18px} .press-band img{height:18px} }

/* --- Line-Art-Icons (ersetzen die Emojis) --- */
.leistung-icon svg,.pillar-icon svg{width:26px;height:26px;stroke:var(--oliv-btn);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.leistung-icon,.pillar-icon{background:var(--sage)}

/* --- Zahlen-Band --- */
.stats-band{position:relative;overflow:hidden;padding:64px 24px;border-top:1px solid var(--sage-dk);border-bottom:1px solid var(--sage-dk);background:var(--sage)}
.stats-inner{position:relative;max-width:940px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.stat-num{font-family:"Lora",Georgia,serif;font-weight:700;font-size:clamp(34px,4.4vw,52px);color:var(--forest);line-height:1.05;margin-bottom:8px}
.stat-label{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4A5A48;line-height:1.5}
@media(max-width:640px){ .stats-inner{grid-template-columns:1fr;gap:28px} }

/* --- Dunkle Story-Sektion mit Polaroids --- */
.story-band{background:#3E3931;color:#EDE7DA;padding:76px 32px}
.story-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.story-fotos{position:relative;min-height:380px}
.polaroid{position:absolute;background:#fff;padding:10px 10px 34px;box-shadow:0 14px 40px rgba(0,0,0,.35);border-radius:4px}
.polaroid img{display:block;width:100%;height:100%;object-fit:cover}
.polaroid.p1{width:62%;top:0;left:0;transform:rotate(-4deg)}
.polaroid.p1 img{aspect-ratio:3/4}
.polaroid.p2{width:52%;bottom:-8px;right:0;transform:rotate(3.5deg)}
.polaroid.p2 img{aspect-ratio:4/5}
.story-band .section-eyebrow{color:#C9D6A8}
.story-band h2{color:#FFFDF8;font-family:"Lora",Georgia,serif;font-weight:600;font-size:clamp(24px,3vw,34px);margin-bottom:18px}
.story-band p{font-size:15.5px;line-height:1.8;color:#DDD6C6;margin-bottom:14px}
.story-band p strong{color:#FFFDF8}
@media(max-width:800px){ .story-inner{grid-template-columns:1fr;gap:40px} .story-fotos{min-height:0;height:340px;max-width:420px;margin:0 auto;width:100%} }

/* --- Sticky-Webinar-Leiste unten --- */
.webinar-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#3E3931;color:#F1EBDF;padding:12px 48px 12px 20px;display:none;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.webinar-bar.show{display:flex}
.webinar-bar .wb-text{font-size:14px;line-height:1.45}
.webinar-bar .wb-text strong{color:#fff}
.webinar-bar .wb-cta{background:var(--pink);color:#fff;border-radius:100px;padding:10px 22px;font-size:13.5px;font-weight:800;text-decoration:none;white-space:nowrap}
.webinar-bar .wb-cta:hover{background:#c0124a}
.webinar-bar .wb-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#B8B0A0;font-size:20px;cursor:pointer;line-height:1;padding:6px}
.webinar-bar .wb-close:hover{color:#fff}
@media(max-width:560px){ .webinar-bar{padding:10px 44px 10px 14px;gap:10px} .webinar-bar .wb-text{font-size:12.5px} }

/* Foto-Hero: Text links, Eva rechts sichtbar (wie auf Evas HueFue-Seite) */
.hero-photo{justify-content:flex-start;text-align:left}
.hero-photo .hero-bg{object-position:76% 22%}
.hero-photo::after{background:linear-gradient(90deg,rgba(42,38,32,.72) 0%,rgba(42,38,32,.45) 52%,rgba(42,38,32,.08) 100%)}
.hero-photo-inner{max-width:1120px;width:100%;margin:0 auto;padding:88px 48px 80px}
.hero-photo h1{max-width:560px;font-size:clamp(28px,3.8vw,46px)}
.hero-photo .hero-sub{margin:0 0 30px;max-width:480px}
@media(max-width:800px){
  .hero-photo{text-align:center;justify-content:center}
  .hero-photo::after{background:linear-gradient(180deg,rgba(42,38,32,.34) 0%,rgba(42,38,32,.6) 100%)}
  .hero-photo-inner{padding:64px 20px 56px}
  .hero-photo h1,.hero-photo .hero-sub{max-width:100%}
}

/* CP-Pass Feinschliff: 4 Zahlen, Angebots-Karten ohne Preis, Testimonials, 0-Euro-Sektion */
.hero-photo .hero-bg{object-position:55% 38%}
.stats-inner{grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:800px){ .stats-inner{grid-template-columns:1fr 1fr;gap:26px} }
@media(max-width:480px){ .stats-inner{grid-template-columns:1fr} }

.angebot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.angebot-card{background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:30px 28px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.angebot-label{display:inline-block;background:var(--sage);color:#3D4A3C;border-radius:100px;padding:4px 14px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
.angebot-card h3{font-family:"Lora",Georgia,serif;font-weight:600;font-size:22px;color:#4A4A42;margin-bottom:10px}
.angebot-card p{font-size:14.5px;color:var(--ink);line-height:1.7;margin-bottom:18px}
@media(max-width:800px){ .angebot-grid{grid-template-columns:1fr} }

.t-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.t-card{background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:24px 24px 20px;box-shadow:0 2px 10px rgba(76,70,62,.04)}
.t-card blockquote{font-size:14.5px;line-height:1.7;color:#4A4A42;font-style:italic;margin-bottom:14px}
.t-who{display:flex;align-items:center;gap:10px}
.t-ini{width:38px;height:38px;border-radius:50%;background:var(--sage);color:#3D4A3C;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.t-nm{font-size:13.5px;font-weight:700;color:#4A4A42}
.t-sub{font-size:12px;color:var(--ink)}
@media(max-width:640px){ .t-grid{grid-template-columns:1fr} }

.gratis-band{background:var(--sage);border-top:1px solid var(--sage-dk);border-bottom:1px solid var(--sage-dk);padding:64px 32px}
.gratis-inner{max-width:940px;margin:0 auto}
.gratis-haupt{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:#fff;border-radius:18px;padding:32px 34px;border:1px solid var(--sage-dk);margin-bottom:16px}
.gratis-haupt h3{font-family:"Lora",Georgia,serif;font-weight:600;font-size:clamp(20px,2.4vw,27px);color:#4A4A42;margin-bottom:10px}
.gratis-haupt p{font-size:15px;color:var(--ink);line-height:1.7;max-width:540px}
.gratis-null{display:inline-block;background:var(--sage);border-radius:100px;padding:4px 14px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3D4A3C;margin-bottom:12px}
.gratis-neben{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gratis-mini{background:#fff;border:1px solid var(--sage-dk);border-radius:14px;padding:20px 22px;text-decoration:none;display:flex;gap:14px;align-items:center;transition:transform .15s,box-shadow .15s}
.gratis-mini:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(61,74,60,.14)}
.gratis-mini .gm-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--sage);display:flex;align-items:center;justify-content:center}
.gratis-mini .gm-icon svg{width:22px;height:22px;stroke:var(--oliv-btn);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gratis-mini .gm-t{font-size:14.5px;font-weight:700;color:#4A4A42}
.gratis-mini .gm-s{font-size:12.5px;color:var(--ink)}
@media(max-width:800px){ .gratis-haupt{grid-template-columns:1fr} .gratis-neben{grid-template-columns:1fr} }
.hero-photo .hero-bg{object-position:38% 52%}
.hero-photo .hero-bg{object-position:38% 42%}
.t-ini{overflow:hidden}
.t-ini img{width:100%;height:100%;object-fit:cover;display:block}
/* Hero: Gesicht ganz nach rechts, Text links frei */
.hero-photo .hero-bg{object-position:12% 42%}
/* Hero-Bild nach rechts schieben: Portrait fuellt die Breite, object-position greift seitlich nicht */
.hero-photo .hero-bg{object-position:center 42%;transform:translateX(15%) scale(1.32);transform-origin:center 42%}
@media(max-width:800px){ .hero-photo .hero-bg{transform:none;object-position:center 30%} }
/* Mockups in der 0-Euro-Sektion */
.gratis-haupt{grid-template-columns:1.05fr .95fr;align-items:center}
.gratis-mock{width:100%;height:auto;display:block;border-radius:10px}
.gratis-mini{flex-direction:column;align-items:stretch;gap:12px;padding:18px 18px 20px}
.gm-mock{width:100%;height:170px;object-fit:contain;display:block;border-radius:8px;background:#fff}
@media(max-width:800px){ .gratis-haupt{grid-template-columns:1fr} }
/* Footer-Logo: echtes Logo auf hellem Chip statt Invert-Filter */
.footer-brand img{filter:none;background:#FFFDF8;border-radius:10px;padding:6px 10px;height:46px}
/* Breites Hero-Original (1920x1080): keine Verschiebe-Tricks mehr noetig */
.hero-photo .hero-bg{transform:none;object-position:center 30%}
@media(max-width:800px){ .hero-photo .hero-bg{object-position:72% 30%} }

/* ============================================================
   FEINSCHLIFF (Eva, 24.08. mittags): Kacheln mit Fotos, HueFue-
   Breitkachel, Eyebrows pink, Footer beige, Abstaende kompakter
   ============================================================ */

/* Eyebrows: zurueck zu Pink (Evas Kicker-Farbe) */
.section-eyebrow{color:var(--pink)}
.story-band .section-eyebrow{color:#F5B8C8}

/* Leistungs-Kacheln mit Foto-Kopf */
.leistung-card{padding:0;overflow:hidden}
.leistung-card .lk-img{width:100%;height:150px;object-fit:cover;display:block}
.leistung-card .lk-img.contain{object-fit:contain;background:#fff;padding:10px}
.leistung-card .lk-body{padding:20px 22px 22px}
.leistung-card h3{margin-bottom:7px}

/* Huehnerfuehrerschein-Breitkachel unter den sechs Wegen */
.huefue-banner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--pink-lt);border:2px solid var(--pink-mid);border-radius:18px;padding:28px 32px;margin-top:16px;text-decoration:none}
.huefue-banner .hb-tag{display:inline-block;background:var(--pink);color:#fff;border-radius:100px;padding:4px 14px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.huefue-banner h3{font-family:"Lora",Georgia,serif;font-weight:600;font-size:clamp(20px,2.4vw,26px);color:#4A4A42;margin-bottom:8px}
.huefue-banner p{font-size:14.5px;color:var(--ink);line-height:1.65;max-width:560px;margin-bottom:14px}
.huefue-banner .hb-img{width:240px;height:auto;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18));transform:rotate(3deg)}
@media(max-width:800px){ .huefue-banner{grid-template-columns:1fr} .huefue-banner .hb-img{width:200px;margin:0 auto} }

/* Angebots-Karten mit Bild */
.angebot-card{padding:0;overflow:hidden}
.angebot-card .ak-img{width:100%;height:190px;object-fit:cover;display:block}
.angebot-card .ak-img.contain{object-fit:contain;background:var(--sage);padding:14px}
.angebot-card .ak-body{padding:24px 26px 26px}

/* Footer: beige statt dunkel */
.site-footer{background:var(--beige);color:#4A4A42;border-top:1px solid var(--beige-dk)}
.footer-col h4{color:var(--pink)}
.footer-col a{color:#4A4A42}
.footer-col a:hover{color:var(--forest)}
.footer-brand p{color:var(--ink)}
.footer-brand img{background:none;padding:0;border-radius:0}
.footer-bottom{border-top-color:var(--beige-dk);color:var(--ink)}
.footer-bottom a{color:var(--ink)}
.footer-bottom a:hover{color:var(--forest)}

/* Story-Band: kompaktere Raender */
.story-band{padding:52px 32px}

/* Bekannt-aus-Logos etwas groesser */
.press-band img{height:32px}
@media(max-width:560px){ .press-band img{height:22px} }

/* Sticky-Bar bleibt dunkel als Kontrast zum hellen Footer */
/* Community-Mosaik: volle Breite, sanft beschnitten */
.mosaik-band{overflow:hidden;max-height:340px;border-bottom:3px solid var(--sage)}
.mosaik-band img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:800px){ .mosaik-band{max-height:220px} }
.leistung-card .lk-img.pos-right{object-position:right center}
/* Shop-Kachel: zwei Produkte nebeneinander */
.lk-duo{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:150px;background:#fff;padding:10px 8px;align-items:center}
.lk-duo img{width:100%;height:100%;object-fit:contain;display:block}
/* Logo: weisser JPEG-Hintergrund verschwindet auf hellem Grund per Multiply */
.footer-brand img{mix-blend-mode:multiply}
.nav-logo img{mix-blend-mode:multiply}

/* Footer: dunkles Waldgruen — geerdet, aber warm (kein Schwarz) */
.site-footer{background:#3D4A3C;color:#D9E0D2;border-top:none}
.footer-col h4{color:#C9D6A8}
.footer-col a{color:#D9E0D2}
.footer-col a:hover{color:#fff}
.footer-brand p{color:#C2CBBC}
.footer-brand img{mix-blend-mode:normal;background:#FFFDF8;border-radius:12px;padding:8px 14px;height:48px}
.footer-bottom{border-top-color:rgba(255,255,255,.15);color:#AEB8A8}
.footer-bottom a{color:#AEB8A8}
.footer-bottom a:hover{color:#fff}

/* Einheitliches Waldgruen fuer alle dunklen Flaechen: Topbar, Story, Sticky-Leiste, Footer */
.topbar{background:#3D4A3C;color:#D9E0D2}
.topbar strong{color:#C9D6A8}
.story-band{background:#3D4A3C}
.story-band p{color:#D9E0D2}
.story-band p strong{color:#fff}
.story-band .section-eyebrow{color:#C9D6A8}
.webinar-bar{background:#3D4A3C;color:#D9E0D2}
.webinar-bar .wb-text strong{color:#fff}
.webinar-bar .wb-close{color:#AEB8A8}
/* Tools-Seite: Bild-Text-Reihen */
.tool-rows{display:grid;gap:18px}
.tool-row{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.tool-row img{width:100%;height:100%;max-height:190px;object-fit:cover;border-radius:12px;display:block}
.tool-row h3{font-size:18px;font-weight:800;color:#4A4A42;margin-bottom:8px}
.tool-row p{font-size:14.5px;color:var(--ink);line-height:1.7;padding-right:10px}
@media(max-width:700px){ .tool-row{grid-template-columns:1fr} .tool-row img{max-height:170px} .tool-row p{padding:0 4px 6px} }
@media(max-width:800px){ .tm-intro{grid-template-columns:1fr !important} }

/* Buttons: sattes Waldgruen statt gelblichem Oliv */
.btn-secondary{background:#0D5C3A;border-color:#0D5C3A}
.btn-secondary:hover{background:#0A4A2E;border-color:#0A4A2E}
.btn-white{background:#0D5C3A}
.btn-white:hover{background:#0A4A2E}
.leistung-more{color:#0D5C3A}
.check-list li::before{background:#0D5C3A}
.proof-check{background:#0D5C3A}
/* Mobile: CTA einzeilig halten */
@media(max-width:560px){
  .nav-cta{white-space:nowrap;font-size:12.5px;padding:10px 13px}
  .nav-inner{gap:8px}
  .nav-shop{padding:8px 6px}
}
/* Sticky-Leiste am Handy kompakt: nur der Haken + Button */
@media(max-width:560px){
  .webinar-bar{padding:9px 38px 9px 12px;gap:8px;flex-wrap:nowrap;justify-content:space-between}
  .webinar-bar .wb-long{display:none}
  .webinar-bar .wb-text{font-size:12px;line-height:1.3}
  .webinar-bar .wb-cta{padding:9px 14px;font-size:12px}
  .webinar-bar .wb-close{right:8px}
}
/* Webinar-Mockup ist quadratisch und freigestellt — Höhe begrenzen */
.gratis-mock{max-height:300px;object-fit:contain;margin:0 auto}

/* --- Webinar-Seite --- */
.webinar-head{padding-bottom:56px}
.webinar-kicker{display:inline-flex;background:var(--pink);color:#fff;border:none;margin-bottom:16px}
.webinar-head h1{max-width:760px}
.webinar-head > .page-head-inner > p{font-size:17.5px;color:#4A4A42;max-width:640px}
.wb-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;margin-top:8px}
.wb-mock{width:100%;height:auto;display:block}
.wb-datenschutz{font-size:12.5px;color:var(--ink);line-height:1.6;margin-top:34px;padding-top:18px;border-top:1px solid var(--beige-dk);max-width:760px}
.wb-datenschutz a{color:var(--forest)}
/* WebinarJam-Button im Seitenstil */
button.wj-embed-button{display:inline-block;background:var(--pink);color:#fff;border:none;border-radius:10px;padding:16px 40px;font-size:17px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;line-height:1.3;white-space:normal;word-break:break-word;transition:background .2s,transform .15s}
button.wj-embed-button:hover{background:#c0124a;transform:translateY(-2px)}
@media(max-width:800px){ .wb-grid{grid-template-columns:1fr;gap:24px} .webinar-head{padding-bottom:36px} }
.webinar-kicker{display:inline-block;width:auto;padding:6px 16px;border-radius:100px;font-size:11.5px;letter-spacing:.1em}
.webinar-head .page-head-inner::after{display:none}
/* Webinar: Chat-Screenshots als Beleg */
.wb-testis{display:grid;gap:14px;max-width:560px}
.wb-testis img{width:100%;height:auto;display:block;border:1px solid var(--beige-dk);border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(76,70,62,.05)}
/* Webinar-Kicker: Salbei statt Pink — Pink bleibt den Buttons vorbehalten */
.webinar-kicker{background:var(--sage);color:#3D4A3C;border:1px solid var(--sage-dk)}

/* Webinar-Stimmen: kompakte Collage statt großer Screenshots */
.wb-collage{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}
.wb-karte{background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:0 22px 20px;text-align:center;box-shadow:0 4px 18px rgba(76,70,62,.08)}
.wb-karte-foto{width:120px;height:120px;object-fit:cover;object-position:center 22%;border-radius:50%;display:block;margin:-28px auto 16px;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.wb-karte p{font-size:13px;line-height:1.65;color:#4A4A42}
.wb-karte p strong{color:#2A2A24}
.wb-karte-name{margin-top:14px;padding-top:12px;border-top:2px solid var(--olive);font-size:13.5px;font-weight:700;color:#4A4A42;display:inline-block}
.wb-chats{position:relative;display:grid;gap:12px}
.wb-chat{max-width:290px;height:auto;display:block;border:1px solid var(--beige-dk);border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(76,70,62,.10)}
.wb-chat.c1{transform:rotate(-1.5deg)}
.wb-chat.c2{transform:rotate(1.8deg);margin-left:auto;max-width:250px}
.wb-chat.c3{transform:rotate(-1deg);margin-left:36px;max-width:260px}
.wb-zitat{background:#fff;border:1px solid var(--beige-dk);border-left:3px solid var(--olive);border-radius:10px;padding:14px 18px;font-size:13.5px;line-height:1.6;color:#4A4A42;font-style:italic;max-width:330px;margin-left:auto;transform:rotate(.8deg);box-shadow:0 3px 12px rgba(76,70,62,.08)}
.wb-zitat span{display:block;margin-top:8px;font-style:normal;font-weight:700;font-size:13px}
@media(max-width:800px){
  .wb-collage{grid-template-columns:1fr;gap:34px}
  .wb-karte{max-width:340px;margin:28px auto 0}
  .wb-chat,.wb-chat.c2,.wb-chat.c3{max-width:100%;margin-left:0;transform:none}
  .wb-zitat{max-width:100%;margin-left:0;transform:none}
}
/* Judith + Katrin in der linken Spalte */
.wb-links{display:grid;gap:16px}
.wb-links .wb-zitat{max-width:100%;margin:0;transform:rotate(-.6deg)}
/* Mockups sind jetzt freigestellt — kein Kasten mehr nötig */
.gm-mock{background:none}
@media(max-width:800px){ .wb-links .wb-zitat{transform:none} }

/* Webinar: Über-mich wie im Original — Foto links, Text rechts, hell */
.wb-eva-grid{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;margin-bottom:24px}
.wb-eva-grid img{width:100%;height:auto;display:block;border-radius:6px}
.wb-eva-grid h2{margin-bottom:16px}
.wb-eva p{font-size:15px;line-height:1.75;color:#4A4A42;margin-bottom:14px}
.wb-eva-schluss{max-width:860px}
.wb-gruss{margin-top:18px}
.wb-gruss span{font-family:"Lora",Georgia,serif;font-style:italic;font-size:19px;color:var(--forest)}
.wb-eva-schluss .btn-primary,.wb-eva-schluss button.wj-embed-button{margin-top:14px}
@media(max-width:700px){ .wb-eva-grid{grid-template-columns:1fr;gap:20px} .wb-eva-grid img{max-width:280px} }

/* Webinar: Über-mich auf dem grünen Band, Foto links im Textfluss */
.wb-eva.story-band{padding:64px 32px}
.wb-eva-inner{max-width:940px;margin:0 auto}
.wb-eva-inner h2{color:#FFFDF8;font-family:"Lora",Georgia,serif;font-weight:600;font-size:clamp(24px,3vw,34px);margin-bottom:22px}
.wb-eva-foto{float:left;width:270px;margin:4px 30px 16px 0;border-radius:8px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.wb-eva-inner p{font-size:15.5px;line-height:1.8;color:#DDD6C6;margin-bottom:15px}
.wb-eva-inner p strong{color:#FFFDF8}
.wb-eva-inner em{color:#EDE7DA}
.wb-eva-inner .wb-gruss{margin-top:20px;color:#DDD6C6}
.wb-eva-inner .wb-gruss span{font-family:"Lora",Georgia,serif;font-style:italic;font-size:20px;color:#C9D6A8}
.wb-eva-cta{clear:both;padding-top:22px}
.wb-eva-cta .cta-note{color:#C2CBBC}
@media(max-width:700px){
  .wb-eva-foto{float:none;width:100%;max-width:260px;margin:0 auto 20px}
  .wb-eva.story-band{padding:44px 20px}
}
/* Webinar-Hook + Untertitel */
.wb-untertitel{font-size:19px !important;font-weight:700;color:#4A4A42 !important;max-width:700px;margin-bottom:12px}
.gratis-sub{display:block;font-family:"Open Sans",sans-serif;font-size:15px;font-weight:600;color:var(--ink);margin-top:8px;line-height:1.5}

/* --- Webinar-Hero: Text links, Bild rechts, auf einer Höhe --- */
.webinar-head{padding:44px 32px 40px}
.wb-hero{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1.02fr;gap:44px;align-items:center}
.wb-hero-text .webinar-kicker{margin-bottom:14px}
.wb-hero-text h1{font-size:clamp(30px,3.8vw,46px);line-height:1.12;margin-bottom:10px}
.wb-untertitel{font-size:18.5px !important;font-weight:600;color:#4A4A42 !important;line-height:1.45;margin-bottom:14px}
.wb-subline{font-size:16px;color:var(--ink);line-height:1.7;margin-bottom:20px}
.wb-bullets-titel{font-size:14.5px;font-weight:700;color:#4A4A42;margin-bottom:10px}
.wb-bullets{margin-bottom:22px}
.wb-bullets li{font-size:14.5px}
.wb-hero-bild{width:100%;height:auto;display:block}
@media(max-width:900px){
  .wb-hero{grid-template-columns:1fr;gap:24px}
  .wb-hero-bild{max-width:460px;margin:0 auto}
  .webinar-head{padding:32px 20px}
}

/* --- Termin-Hinweis im Hero --- */
.wb-termin{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--sage-dk);border-radius:100px;padding:9px 18px;font-size:13.5px;color:#4A4A42;margin-bottom:18px}
.wb-termin strong{color:var(--forest)}
.wb-termin-punkt{width:8px;height:8px;border-radius:50%;background:var(--pink);flex:none;animation:pulse 2s infinite}

/* --- Für wen ist das --- */
.wb-fuerwen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.wb-fw-karte{background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:22px 20px;text-align:center;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.wb-fw-karte span{font-size:30px;display:block;margin-bottom:10px}
.wb-fw-karte p{font-size:15px;color:#4A4A42;line-height:1.6;font-weight:600}
@media(max-width:700px){ .wb-fuerwen-grid{grid-template-columns:1fr} }

/* --- Die 5 Fehler --- */
.wb-fehler{list-style:none;display:grid;gap:12px;max-width:760px}
.wb-fehler li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:20px 22px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.wb-fehler li > span{width:38px;height:38px;border-radius:50%;background:var(--sage);color:var(--forest);font-family:"Lora",Georgia,serif;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wb-fehler li > div{font-size:14.5px;line-height:1.7;color:var(--ink)}
.wb-fehler li strong{display:block;font-size:16px;color:#4A4A42;margin-bottom:5px}
.wb-fehler-offen{border-color:var(--pink-mid) !important;background:var(--pink-lt) !important}
.wb-fehler-offen > span{background:var(--pink) !important;color:#fff !important}
/* Für wen — als Aussagen statt Kacheln (Muster CP) */
.wb-fuerwen-liste{display:grid;gap:14px;max-width:760px;margin-top:6px}
.wb-fuerwen-liste p{background:#fff;border:1px solid var(--beige-dk);border-left:3px solid var(--olive);border-radius:12px;padding:18px 22px;font-size:15.5px;line-height:1.7;color:#4A4A42;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.wb-fehler-offen{border-color:var(--beige-dk) !important;background:#fff !important}
.wb-fehler-offen > span{background:var(--sage) !important;color:var(--forest) !important}
/* Geschenke-Sektion (Muster CP: nummeriert, mit Wert) */
.wb-geschenke{display:grid;gap:14px;max-width:800px}
.wb-geschenk{display:grid;grid-template-columns:56px 1fr;gap:18px;background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:22px 24px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.wb-geschenk-nr{font-family:"Lora",Georgia,serif;font-size:26px;font-weight:700;color:var(--sage-dk);line-height:1}
.wb-geschenk h3{font-size:16.5px;font-weight:800;color:#4A4A42;margin-bottom:6px}
.wb-geschenk p{font-size:14.5px;line-height:1.7;color:var(--ink);margin-bottom:10px}
.wb-geschenk-wert{display:inline-block;background:var(--sage);color:#3D4A3C;border-radius:100px;padding:3px 12px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:600px){ .wb-geschenk{grid-template-columns:1fr;gap:8px} }

/* --- Webinar-Hero im Startseiten-Stil: Foto + dunkler Verlauf --- */
.webinar-hero{min-height:0;display:block;padding:0}
.webinar-hero .hero-bg{object-position:center 42%;filter:saturate(.85)}
.webinar-hero::after{background:linear-gradient(100deg,rgba(35,42,33,.93) 0%,rgba(35,42,33,.86) 46%,rgba(35,42,33,.62) 100%)}
.webinar-hero .wb-hero{position:relative;z-index:2;padding:52px 32px 48px}
.webinar-hero .hero-kicker{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#EFE9DE;margin-bottom:16px}
.webinar-hero h1{color:#FFFDF8;font-size:clamp(30px,3.9vw,48px);line-height:1.12;margin-bottom:10px}
.webinar-hero .wb-untertitel{color:#F1E8D8 !important;font-weight:600;font-size:18.5px !important}
.webinar-hero .wb-subline{color:#D6D0C2;font-size:16px}
.webinar-hero .wb-termin{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#EFE9DE}
.webinar-hero .wb-termin strong{color:#fff}
.webinar-hero .cta-note{color:#C6BFB1}
.webinar-hero .wb-hero-bild{filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
@media(max-width:900px){ .webinar-hero .wb-hero{padding:36px 20px 34px} }

/* Was dich erwartet */
.wb-erfaehrst .wb-bullets{max-width:700px}
.wb-erfaehrst .wb-bullets li{font-size:15.5px}

/* Für-wen-Kacheln mit den längeren Texten */
.wb-fw-karte p{font-size:14.5px;font-weight:500;line-height:1.65;text-align:left}
.wb-fw-karte span{font-size:26px;margin-bottom:12px}
.wb-fw-karte{padding:24px 22px}

/* Problem-Kasten deutlicher */
.wb-problem{background:var(--sage);border:1px solid var(--sage-dk);border-left:4px solid var(--olive);border-radius:14px;padding:24px 26px;font-size:15.5px;line-height:1.8;color:#3D4A3C}

/* --- Die 5 Fehler: Karte + Bild, abwechselnd (Muster CP) --- */
.wb-fehler-liste{display:grid;gap:34px;max-width:1120px;margin:0 auto}
.wb-fehler-block{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.wb-fehler-block img{width:100%;height:100%;max-height:330px;object-fit:cover;display:block;border-radius:4px}
.wb-fehler-karte{background:#fff;padding:38px 40px;box-shadow:0 6px 26px rgba(76,70,62,.10);position:relative;z-index:2}
.wb-fehler-block.links .wb-fehler-karte{margin-right:-52px}
.wb-fehler-block.rechts .wb-fehler-karte{order:2;margin-left:-52px}
.wb-fehler-block.rechts img{order:1}
.wb-fehler-nr{font-family:"Lora",Georgia,serif;font-size:52px;font-weight:700;color:var(--sage-dk);line-height:1;margin-bottom:14px}
.wb-fehler-karte h3{font-size:18px;font-weight:800;color:#4A4A42;text-transform:uppercase;letter-spacing:.02em;line-height:1.35;margin-bottom:14px}
.wb-fehler-karte p{font-size:14.5px;line-height:1.75;color:var(--ink);margin-bottom:12px}
.wb-fehler-loesung{color:#4A4A42 !important;margin-bottom:0 !important}
@media(max-width:820px){
  .wb-fehler-block{grid-template-columns:1fr}
  .wb-fehler-block img{max-height:220px;order:1 !important}
  .wb-fehler-karte,.wb-fehler-block.rechts .wb-fehler-karte{order:2 !important;margin:-30px 16px 0 !important;padding:28px 26px}
}

/* Webinar-Hero: Textspalte breiter, Bild begrenzt, mehr Luft zwischen den Zeilen */
.webinar-head{padding:56px 32px 52px}
.wb-hero{grid-template-columns:1.15fr .85fr;gap:52px}
.wb-hero-text h1{margin-bottom:14px}
.wb-untertitel{margin-bottom:18px;max-width:100%}
.wb-subline{margin-bottom:26px;max-width:520px}
.wb-hero .wb-termin{margin-bottom:24px}
.wb-hero-bild{max-width:520px;margin-left:auto}
@media(max-width:1100px){ .wb-hero{gap:36px} }
/* Fehler-Blöcke: runde Ecken wie überall sonst */
.wb-fehler-block img{border-radius:16px}
.wb-fehler-karte{border-radius:16px}

/* Hero-Feinschliff: Breite zurück, außen enger, innen luftiger */
.webinar-head{padding:30px 32px 28px}
.wb-hero{grid-template-columns:1fr 1.02fr;gap:46px}
.wb-hero-text .webinar-kicker{margin-bottom:22px}
.wb-hero-text h1{margin-bottom:18px}
.wb-untertitel{margin-bottom:24px}
.wb-subline{margin-bottom:32px;max-width:460px}
.wb-hero .wb-termin{margin-bottom:30px}
.wb-hero .cta-note{margin-top:14px}
.wb-hero-bild{max-width:100%}
@media(max-width:900px){ .webinar-head{padding:26px 20px 24px} }

/* Termin-Box mit Countdown und „Mehr Termine" */
.wb-termin-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}
.wb-termin{margin-bottom:0 !important}
.wb-mehr-termine{background:none;border:none;padding:0;font-family:"Open Sans",sans-serif;font-size:13.5px;font-weight:700;color:var(--forest);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.wb-mehr-termine:hover{color:var(--pink)}
/* Termin-Box auf dem grünen Band */
.wb-eva-cta .wb-termin{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#EFE9DE}
.wb-eva-cta .wb-termin strong{color:#fff}
.wb-eva-cta .wb-mehr-termine{color:#C9D6A8}
.wb-eva-cta .wb-mehr-termine:hover{color:#fff}
/* Fehler-Bilder sind quadratisch — Höhe angleichen */
.wb-fehler-block img{max-height:360px}
/* Über-mich: Foto + Text, am Handy untereinander */
.um-grid{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start}
@media(max-width:700px){
  .um-grid{grid-template-columns:1fr;gap:22px}
  .um-grid img{max-width:280px;margin:0 auto}
}

/* --- Telemedizin: Akutfall-Block --- */
.tm-akut-sektion{padding-top:34px}
.tm-akut-kopf{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.tm-akut-kopf h2{margin-bottom:0}
.tm-akut-punkt{width:15px;height:15px;border-radius:50%;background:var(--pink);flex:none;animation:pulse-glow 2s infinite}
.tm-akut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tm-akut-fall{background:#fff;border:1px solid var(--beige-dk);border-left:4px solid var(--olive);border-radius:16px;padding:22px 22px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.tm-akut-fall.tm-akut-rot{border-left-color:var(--pink);background:var(--pink-lt);border-color:var(--pink-mid)}
.tm-akut-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep);margin-bottom:10px}
.tm-akut-rot .tm-akut-label{color:var(--pink)}
.tm-akut-fall p{font-size:14.5px;line-height:1.75;color:#4A4A42}
@media(max-width:880px){ .tm-akut-grid{grid-template-columns:1fr} }

/* Telemedizin: Hinweis zu Einzelterminen */
.tm-hinweis{background:var(--sage);border:1px solid var(--sage-dk);border-radius:16px;padding:26px 28px;margin-top:26px}
.tm-hinweis h3{font-family:"Lora",Georgia,serif;font-weight:600;font-size:19px;color:#3D4A3C;margin-bottom:12px}
.tm-hinweis p{font-size:15px;line-height:1.8;color:#41503F;margin-bottom:12px}
.tm-hinweis p:last-child{margin-bottom:0}


/* --- Wissen-Kacheln: gleiche Hoehe, buendige Fusszeile (Eva, 26.08.) --- */
.leistungen-grid{align-items:stretch}
.leistungen-grid > .leistung-card{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}
.lk-body{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:26px 26px 24px}
.lk-body > p{flex:1 0 auto}
.lk-body .leistung-more,.lk-body .hoer-links{margin-top:auto}
.lk-icon{width:44px;height:44px;border-radius:12px;background:var(--sage);display:flex;
  align-items:center;justify-content:center;margin-bottom:14px;flex:0 0 auto}
.lk-icon svg{width:23px;height:23px;display:block}
.lk-icon.is-doppelt{gap:5px}
.lk-icon.is-doppelt svg{width:17px;height:17px}
.hoer-links{display:flex;gap:6px;flex-direction:column;align-items:flex-start}
.hoer-links a{font-size:12.5px;font-weight:700;color:var(--pink);letter-spacing:.02em;text-decoration:none}
.hoer-links a:hover{text-decoration:underline}

/* --- Mockup im Webinar-Band + Ausgang aus "Krankes Huhn" (Eva, 26.08.) --- */
.webinar-inner{grid-template-columns:1fr 320px}
.wb-mockup{width:100%;max-width:320px;height:auto;display:block;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.14))}
.weiter-box{margin-top:22px;background:#fff;border:1px solid var(--beige-dk);border-left:4px solid var(--pink);
  border-radius:14px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.weiter-box h3{font-size:16.5px;font-weight:800;color:var(--forest);margin-bottom:6px}
.weiter-box p{font-size:14px;color:var(--ink);line-height:1.65;margin:0}
.weiter-box .btn-primary{white-space:nowrap;font-size:14.5px;padding:12px 26px}
@media(max-width:800px){
  .webinar-inner{grid-template-columns:1fr}
  .wb-mockup{max-width:260px;margin-top:20px}
  .weiter-box{grid-template-columns:1fr}
  .weiter-box .btn-primary{justify-self:start}
}

/* --- Wissen-Kacheln mit Bild (Eva, 26.08.) --- */
.leistungen-grid .lk-img{width:100%;height:132px;object-fit:cover;display:block}
.leistungen-grid .lk-img.contain{object-fit:contain;background:#fff;padding:24px 20px}
.hoer-links a img{height:34px;width:auto;display:block}
.hoer-links{gap:8px}
.leistungen-grid .lk-img{object-position:center 32%}
.hoer-links a img{height:40px}
.leistungen-grid .lk-img.hahn{object-position:52% 38%}
.leistungen-grid .lk-img.cover-podcast{object-position:22% 62%}

/* --- Kachelbilder: einheitliche Hoehe, Podcast-Cover vollstaendig (Eva, 26.08.) --- */
.leistungen-grid .lk-img{height:168px}
.leistungen-grid .lk-img.cover-podcast{object-fit:contain;background:#3D4A3C;object-position:center}
.leistungen-grid .lk-img.yt-thumb{object-fit:cover;object-position:center}

/* --- YouTube-Kachel: Thumbnail + Logo-Badge (Eva, 26.08.) --- */
.yt-wrap{position:relative;flex:0 0 auto}
.yt-badge{position:absolute;left:11px;bottom:11px;height:26px;width:auto;
  background:#fff;padding:5px 8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.28)}

/* YouTube-Wortmarke unten in der Kachel, analog zu den Podcast-Badges */
.hoer-links img{height:42px;width:auto;display:block}

/* Stallbuch-Mockup hat viel Rand -> optisch angleichen (Eva, 26.08.) */
.gratis-mini .gm-mock{height:200px}


/* Hühnerführerschein-Kasten mit Ausweis-Bild */
.hf-box{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:center;text-align:left}
.hf-box img{width:100%;max-width:200px;height:auto;display:block;border-radius:10px;
  filter:drop-shadow(0 8px 20px rgba(61,74,60,.22))}
@media(max-width:800px){
  .hf-box{grid-template-columns:1fr}
  .hf-box img{max-width:170px;margin-top:8px}
}
.leistungen-grid .lk-body h3,.leistungen-grid .lk-body .lk-titel{min-height:2.6em;display:flex;align-items:flex-start}

/* --- Einheitliche Inhaltskante: ueberall 880px Inhalt (Eva, 26.08.) --- */
.section{max-width:976px}
hr.divider{max-width:976px}
/* Abschnitte, die direkt aneinanderstossen, brauchen oben trotzdem Luft */

@media(max-width:1000px){
  .section{max-width:100%}
}

/* --- Sichtbare Handlungsaufrufe in Kacheln und Downloads (Eva, 26.08.) --- */

.yt-fuss{flex-direction:row;align-items:center;gap:12px}
.yt-fuss img{height:42px}

/* Download-Kacheln: gleiche Bildhoehe, Link unten buendig (Eva, 26.08.) */
.gratis-mini{align-items:stretch}
.gratis-mini > div{display:flex;flex-direction:column;flex:1 1 auto}
.gratis-mini .gm-s{flex:1 0 auto}
.gratis-mini .leistung-more{margin-top:14px;align-self:flex-start}
.hoer-links a{display:flex;align-items:center;gap:12px}

/* YouTube-PNG hat riesige Leerraender (Marke = nur 30% der Bildhoehe).
   Container schneidet sie weg; Bild wird verkleinert, nicht hochskaliert -> bleibt scharf. */
.yt-mark{display:block;width:118px;height:26px;overflow:hidden;flex:0 0 auto}
.yt-mark img{width:162px;height:87px;max-width:none;display:block;margin:-33px 0 0 -22px}
.yt-fuss img{height:auto}

/* Kachel-Titel sind H2 (Hierarchie), sehen aber aus wie zuvor */
.leistungen-grid .lk-body .lk-titel{font-family:"Open Sans",system-ui,sans-serif;
  font-size:17px;font-weight:800;color:var(--forest);margin-bottom:7px;letter-spacing:0;line-height:1.3}
/* Mobil: Fusszeilen-Links besser treffbar */
@media(max-width:560px){ .site-footer a{display:inline-block;padding:7px 0} }
.cta-fuss{margin-top:12px;font-size:12.5px;color:#6B6B60;letter-spacing:.01em}
.hf-box img{align-self:center}

/* --- Tools-Seite: Zugang sofort klar, Autorin sichtbar (Eva, 26.08.) --- */
.zugang-hinweis{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  background:var(--sage);border:1px solid var(--sage-dk);border-radius:14px;
  padding:20px 24px;margin-bottom:34px}
.zugang-hinweis div{font-size:14.5px;color:#3D4A3C;line-height:1.6}
.zugang-hinweis strong{display:block;font-size:15.5px;margin-bottom:3px}
.zugang-hinweis .btn-primary{white-space:nowrap;font-size:14.5px;padding:12px 26px}
.tool-tag{display:inline-block;background:var(--sage);color:#3D4A3C;border-radius:6px;
  padding:3px 11px;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;margin-bottom:9px}
.inline-link{color:var(--pink);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.autor-zeile{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;
  background:#F7F4EE;border-left:3px solid var(--olive);border-radius:0 10px 10px 0;
  padding:16px 20px}
.autor-zeile img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block}
.autor-zeile p{font-size:13.5px;color:#5B5B52;line-height:1.65;margin:0}
.autor-zeile b{color:#3D4A3C}
@media(max-width:560px){
  .autor-zeile{grid-template-columns:52px 1fr;gap:14px}
  .autor-zeile img{width:52px;height:52px}
}
@media(max-width:700px){
  .zugang-hinweis{grid-template-columns:1fr}
  .zugang-hinweis .btn-primary{justify-self:start}
  .autor-zeile{grid-template-columns:1fr;text-align:left}
}
.tool-btn{display:inline-block;margin-top:14px;background:var(--oliv-btn,#6F8320);color:#fff;
  text-decoration:none;font-size:14px;font-weight:700;padding:11px 22px;border-radius:10px;
  transition:transform .15s,box-shadow .15s}
.tool-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(111,131,32,.3)}
.tool-grenze{margin-top:12px;font-size:13px;color:#6B6B60;line-height:1.6;
  background:#F7F4EE;border-left:3px solid var(--beige-dk);border-radius:0 8px 8px 0;padding:11px 14px}
.frag-beispiele{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.frag-beispiele span{background:#fff;border:1px solid var(--beige-dk);border-radius:14px 14px 14px 4px;
  padding:8px 13px;font-size:12.5px;color:#5B5B52;line-height:1.45}
/* Gallina-Avatar: freigestellt, deshalb nicht beschneiden sondern zeigen */
.tool-row img.ist-gallina{object-fit:cover;object-position:center}

/* --- Gallina-Kachel: eigenes Layout, Bild fuellt die Hoehe (Eva, 26.08.) --- */
.tool-row.ist-gallina-row{grid-template-columns:340px 1fr;align-items:stretch;padding:0;overflow:hidden}
.tool-row.ist-gallina-row > img.ist-gallina{width:100%;height:100%;max-height:none;
  object-fit:cover;object-position:72% center;border-radius:0}
.tool-row.ist-gallina-row > div{padding:22px 24px 24px 0}
.ist-gallina-row .frag-beispiele{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.ist-gallina-row .frag-beispiele span{position:relative;background:#F4F7F1;border:1px solid #DCE6D6;
  border-radius:13px 13px 13px 3px;padding:8px 12px;font-size:12px;color:#4A5A48;line-height:1.4}
.ist-gallina-row .frag-beispiele span::after{content:"";position:absolute;left:-1px;bottom:-5px;
  width:9px;height:9px;background:#F4F7F1;border-left:1px solid #DCE6D6;border-bottom:1px solid #DCE6D6;
  border-radius:0 0 0 3px;transform:skewX(-18deg)}
@media(max-width:820px){
  .tool-row.ist-gallina-row{grid-template-columns:1fr}
  .tool-row.ist-gallina-row > img.ist-gallina{max-height:230px}
  .tool-row.ist-gallina-row > div{padding:0 20px 22px}
  .ist-gallina-row .frag-beispiele{grid-template-columns:1fr}
}

/* --- Bildrahmen an die 16:9-Motive anpassen: nichts mehr abschneiden (Eva, 26.08.) --- */
.tool-row img{height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#F7F4EE}

/* Gallina: Bild oben ueber die volle Breite, Inhalt darunter (Eva, 26.08.) */
.tool-row.ist-gallina-row{grid-template-columns:1fr;align-items:start;gap:18px;padding:18px}
.tool-row.ist-gallina-row > img.ist-gallina{width:100%;height:auto;max-height:none;
  aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:12px;
  border:1px solid var(--beige-dk)}
.tool-row.ist-gallina-row > div{padding:0 4px 4px}
.ist-gallina-row .frag-beispiele{grid-template-columns:1fr 1fr 1fr;gap:8px}
@media(max-width:820px){
  .ist-gallina-row .frag-beispiele{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ist-gallina-row .frag-beispiele{grid-template-columns:1fr}
}

/* --- Labor-Kacheln: Produktfoto oben statt Briefmarke rechts (Eva, 26.08.) --- */
.check-card.has-img{display:flex;flex-direction:column;padding:0;overflow:hidden;
  border-left:1px solid var(--beige-dk)}
.check-card.has-img .check-img{width:100%;height:290px;object-fit:contain;
  background:#FBF9F5;border:none;border-bottom:1px solid var(--beige-dk);
  border-radius:0;padding:14px;display:block}
.check-card.has-img .ck-body{display:flex;flex-direction:column;flex:1 1 auto;padding:20px 22px 22px}
.check-card.has-img .ck-body > p{flex:1 0 auto}
.check-card.has-img .btn-secondary{margin-top:auto;align-self:flex-start}
@media(max-width:700px){ .check-card.has-img .check-img{height:230px} }

/* --- Labor: Warum-Band, Ablauf-Reihe, Bewertungen (Eva, 26.08.) --- */
.warum-band{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:center;
  background:var(--sage);border:1px solid var(--sage-dk);border-radius:16px;padding:28px 30px}
.warum-band h2{margin-bottom:10px}
.warum-band p{font-size:15px;color:#3D4A3C;line-height:1.7}
.wb-punkte{list-style:none;display:grid;gap:9px}
.wb-punkte li{position:relative;padding-left:26px;font-size:14px;color:#3D4A3C;font-weight:600;line-height:1.5}
.wb-punkte li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;
  background:#92a62c;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

.ablauf-reihe{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.ablauf-reihe li{background:#fff;border:1px solid var(--beige-dk);border-radius:12px;padding:16px 14px;
  display:flex;flex-direction:column;gap:9px}
.ablauf-reihe span{width:26px;height:26px;border-radius:50%;background:var(--oliv-btn);color:#fff;
  font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ablauf-reihe b{display:block;font-size:13.5px;color:#4A4A42;margin-bottom:3px;line-height:1.35}
.ablauf-reihe div{font-size:12.5px;color:var(--ink);line-height:1.5}
.ablauf-fuss{margin-top:14px;font-size:13px;color:#6B6B60;line-height:1.6}

.bewert-kopf{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;margin-bottom:20px}
.bewert-score{text-align:right;white-space:nowrap}
.bs-sterne{color:#E8B004;font-size:19px;letter-spacing:2px;line-height:1}
.bs-zahl{font-size:15px;color:#4A4A42;margin-top:5px}
.bs-zahl strong{font-size:21px;font-weight:800}
.bs-anzahl{font-size:12px;color:#6B6B60;margin-top:2px}
.bewert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bewert{background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:20px 22px;margin:0;
  display:flex;flex-direction:column}
.bewert p{font-size:14px;color:#4A4A42;line-height:1.65;flex:1 0 auto;margin:0 0 12px}
.bewert cite{font-style:normal;font-size:12.5px;font-weight:700;color:var(--forest)}

.bewert-fuss{margin-top:14px;font-size:12.5px;color:#6B6B60;line-height:1.6}
@media(max-width:900px){
  .warum-band{grid-template-columns:1fr;gap:22px}
  .ablauf-reihe{grid-template-columns:repeat(2,1fr)}
  .bewert-grid{grid-template-columns:1fr 1fr}
  .bewert-kopf{grid-template-columns:1fr}
  .bewert-score{text-align:left}
}
@media(max-width:600px){
  .ablauf-reihe{grid-template-columns:1fr}
  .bewert-grid{grid-template-columns:1fr}
}

/* Bilder auf der Laborseite (Eva, 26.08.) */
.wb-rechts{display:grid;gap:16px}
.wb-rechts img{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block}
.beweis-band{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:center;
  background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:18px;margin-bottom:26px}
.beweis-band img{width:100%;height:180px;object-fit:cover;border-radius:12px;display:block}
.beweis-band div{font-size:14.5px;color:var(--ink);line-height:1.7}
.beweis-band strong{display:block;color:var(--forest);font-size:16px;margin-bottom:6px}
@media(max-width:800px){ .beweis-band{grid-template-columns:1fr} }
/* Breites Laborbild unter dem Seitenkopf (Eva, 26.08.) */
.labor-band{max-width:976px;margin:0 auto;padding:26px 48px 0}
.labor-band img{width:100%;height:300px;object-fit:cover;border-radius:16px;display:block}
.lb-text{margin-top:10px;font-size:13px;color:#6B6B60;line-height:1.6;text-align:center}
@media(max-width:800px){
  .labor-band{padding:20px 20px 0}
  .labor-band img{height:200px}
}
/* Bewertungen: Check-Zuordnung + Kundenfotos (Eva, 26.08.) */
.bewert cite span{display:inline-block;margin-left:7px;background:var(--sage);color:#3D4A3C;
  border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bewert.hat-bild{padding:0;overflow:hidden}
.bewert.hat-bild img{width:100%;height:170px;object-fit:cover;display:block}
.bewert.hat-bild > div{display:flex;flex-direction:column;flex:1 1 auto;padding:18px 22px 20px}
.bewert.hat-bild p{flex:1 0 auto}

/* --- Laborseite: Feinschliff (Eva, 26.08.) --- */
/* Produktbilder: Karte weiss wie der Bildhintergrund, Box groesser, weniger Rand */
.check-card.has-img{background:#fff}
.check-card.has-img .check-img{height:250px;padding:0;background:#fff;border-bottom:1px solid var(--beige-dk)}
@media(max-width:700px){ .check-card.has-img .check-img{height:210px} }

/* "Sinnvoll bei" paarweise auf gleicher Hoehe */
.check-card.has-img .ck-body > p{flex:0 0 auto;min-height:5.1em}
.check-card.has-img .check-indikation{margin-top:auto}
.check-card.has-img .btn-secondary{margin-top:16px}

/* Abstaende: Untersuchungen bekommen Luft, Erfahrungen ruecken naeher */
.check-grid{gap:16px;margin-top:20px}
.bewert-kopf{margin-top:8px}
.bewert-text-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.bewert-grid{grid-template-columns:1fr 1fr;gap:14px}
.bewert-text-grid .bewert{padding:18px 20px}
.bewert-text-grid .bewert p{font-size:13.5px}
.bewert-fuss{margin-top:18px;padding-bottom:8px}
.beweis-band strong{margin-bottom:8px}
.bb-hinweis{display:block;margin-top:10px;font-size:13px;color:#6B6B60;line-height:1.65}
@media(max-width:900px){
  .bewert-text-grid{grid-template-columns:1fr 1fr}
  .bewert-grid{grid-template-columns:1fr}
}
@media(max-width:600px){ .bewert-text-grid{grid-template-columns:1fr} }
/* Kachel-Innenleben in feste Zeilen, damit "Sinnvoll bei" paarweise fluchtet */
.check-card.has-img .ck-body{display:grid;grid-template-rows:auto auto 1fr auto;gap:0}
.check-card.has-img .ck-body h3{min-height:2.6em;align-content:start;margin-bottom:8px}
.check-card.has-img .ck-body > p{min-height:5.4em;margin-bottom:12px}
.check-card.has-img .check-indikation{align-self:start}
.check-card.has-img .btn-secondary{margin-top:16px;justify-self:start}

/* Luft nach unten, weniger Leere vor den Erfahrungen */
.section:last-of-type{padding-bottom:76px}
.bewert-kopf{margin-top:0}
.check-grid{margin-bottom:0}
/* Indikationskasten unten buendig (Texte sind unterschiedlich lang) */
.check-card.has-img .check-indikation{align-self:end}
/* Luft zwischen letztem Abschnitt und Footer */
.section.ist-schluss{padding-bottom:80px}
/* Weniger Leere zwischen den Checks und den Erfahrungen */


/* --- Einheitlicher Abschnitts-Rhythmus (Eva, 26.08.) ---
   Jeder Abschnitt traegt seinen Abstand unten. Abschnitte mit
   padding-top:0 docken direkt an -> jeder Uebergang ist gleich gross. */
.section{padding-bottom:64px}
.section[style*="padding-top:0"]{padding-top:0 !important}
.section.ist-schluss{padding-bottom:80px}
/* Farbige Vollbreite-Baender in den Rhythmus einfuegen:
   der Abschnitt davor gibt seinen Abstand ab, das Band traegt ihn symmetrisch */
.section:has(+ .webinar-band){padding-bottom:0}
.webinar-band{padding-top:64px;padding-bottom:64px}
/* Abstand innerhalb eines Abschnitts: Beweisband zur naechsten Ueberschrift */
.beweis-band{margin-bottom:56px}
/* Abschluss der Laborseite */
.labor-abschluss{display:grid;grid-template-columns:1fr 240px;gap:32px;align-items:center;
  background:var(--sage);border:1px solid var(--sage-dk);border-radius:16px;padding:30px 32px}
.labor-abschluss h3{font-size:19px;font-weight:800;color:var(--forest);margin-bottom:10px}
.labor-abschluss p{font-size:15px;color:#3D4A3C;line-height:1.7;margin-bottom:18px}
.labor-abschluss img{width:100%;height:auto;border-radius:12px;display:block;background:#fff}
.labor-abschluss .cta-fuss{margin-top:12px}
@media(max-width:800px){
  .labor-abschluss{grid-template-columns:1fr}
  .labor-abschluss img{max-width:200px}
}
/* "Und dann?" — zwei Ausgaenge nach dem Befund */
.danach-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.danach{background:#fff;border:1px solid var(--beige-dk);border-radius:14px;padding:22px 24px}
.dn-kopf{display:inline-block;border-radius:6px;padding:4px 11px;font-size:11px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;margin-bottom:11px}
.dn-gruen{background:#E6F0DF;color:#3D6B2B}
.dn-rot{background:#FBE6EC;color:#A8194A}
.danach p{font-size:14.5px;color:var(--ink);line-height:1.7;margin:0}
@media(max-width:800px){ .danach-grid{grid-template-columns:1fr} }

.bewert cite::before{content:none}
/* H1 im Seitenkopf: mehr Luft zwischen den Zeilen bei mehrzeiligen Titeln */
.page-head h1{line-height:1.32}

/* --- Über mich: NDR-Film und Qualifikationen (Eva, 26.08.) --- */
.film-intro{font-size:16px;color:var(--ink);line-height:1.7;max-width:680px;margin-bottom:20px}
.film-rahmen{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;
  background:#3D4A3C;box-shadow:0 8px 26px rgba(76,70,62,.16)}
.film-rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-quelle{margin-top:10px;font-size:12.5px;color:#6B6B60}
.quali-grid{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start;margin-top:18px}
.quali{display:grid;grid-template-columns:150px 1fr;gap:12px 20px;margin:0}
.quali dt{font-size:12px;font-weight:800;color:var(--forest);letter-spacing:.05em;
  text-transform:uppercase;padding-top:2px}
.quali dd{margin:0;font-size:14.5px;color:var(--ink);line-height:1.65}
.quali-grid > img{width:100%;height:auto;border-radius:14px;display:block}
@media(max-width:800px){
  .quali-grid{grid-template-columns:1fr}
  .quali{grid-template-columns:1fr;gap:3px 0}
  .quali dd{margin-bottom:10px}
  .quali-grid > img{max-width:220px}
}
/* Buchband auf der Über-mich-Seite */
.buch-band{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;
  background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:28px 30px}
.buch-band img{width:100%;height:auto;border-radius:10px;display:block;
  box-shadow:0 10px 26px rgba(76,70,62,.18)}
.buch-band h2{margin-bottom:12px}
.buch-band p{font-size:15px;color:var(--ink);line-height:1.7}
.buch-daten{margin:16px 0 18px;font-size:12.5px;color:#6B6B60;letter-spacing:.01em}
@media(max-width:800px){
  .buch-band{grid-template-columns:1fr;gap:22px}
  .buch-band img{max-width:190px}
}
/* Publikationsliste */
.pub-intro{font-size:15px;color:var(--ink);line-height:1.7;max-width:700px;margin-bottom:20px}
.pub-liste{list-style:none;counter-reset:pub;display:grid;gap:12px;margin:0}
.pub-liste li{counter-increment:pub;position:relative;background:#fff;border:1px solid var(--beige-dk);
  border-left:3px solid var(--olive);border-radius:0 12px 12px 0;padding:16px 20px 16px 52px}
.pub-liste li::before{content:counter(pub);position:absolute;left:18px;top:16px;width:22px;height:22px;
  border-radius:50%;background:var(--sage);color:#3D4A3C;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.pub-titel{font-size:14.5px;font-weight:700;color:#4A4A42;line-height:1.5;margin-bottom:4px}
.pub-quelle{font-size:13px;color:#6B6B60;line-height:1.5}
/* NDR-Film: Vorschaubild, Vimeo laedt erst bei Klick */
.film-rahmen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:62px;
  border:0;background:none;padding:0;cursor:pointer;transition:transform .18s}
.film-play svg{width:100%;height:100%;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.film-rahmen:hover .film-play{transform:translate(-50%,-50%) scale(1.08)}
/* Arbeitsgrundsätze: Strichzeichnungen statt Emoji */
.pillar-icon svg{width:24px;height:24px;display:block;color:var(--oliv-btn);stroke:currentColor}
/* Buchcover im Hochformat */
.buch-band img{aspect-ratio:3/4;object-fit:cover;object-position:center}
/* Publikationen: ohne Farbstreifen, anklickbar */
.pub-liste li{border-left:1px solid var(--beige-dk);border-radius:12px;padding:0;
  transition:border-color .18s,box-shadow .18s}
.pub-liste li::before{display:none}
.pub-liste li:hover{border-color:var(--olive);box-shadow:0 4px 14px rgba(76,70,62,.08)}
.pub-liste a{display:block;padding:16px 20px;text-decoration:none}
.pub-liste .pub-titel,.pub-liste .pub-quelle{display:block}
.pub-liste a::after{content:"DOI ↗";float:right;margin-left:14px;font-size:11px;font-weight:700;
  color:var(--pink);letter-spacing:.04em;white-space:nowrap}
/* Presse-Logos: weisser Hintergrund verschwindet auf dem Cremegrund */
.press-logos-grid img{mix-blend-mode:multiply}
/* Publikationen: Titel als normaler Link, kein Fachjargon */
.pub-liste a::after{content:none}
.pub-liste .pub-titel{text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--beige-dk);text-decoration-thickness:1px}
.pub-liste a:hover .pub-titel{text-decoration-color:var(--olive)}
/* Buchcover vollständig zeigen, nichts abschneiden */


/* --- Zu Gast: Interviews --- */
.gast-liste{list-style:none;display:grid;gap:10px;margin:18px 0 0}
.gast-liste li{background:#fff;border:1px solid var(--beige-dk);border-radius:12px;
  transition:border-color .18s,box-shadow .18s}
.gast-liste li:hover{border-color:var(--olive);box-shadow:0 4px 14px rgba(76,70,62,.08)}
.gast-liste a{display:block;padding:16px 20px;text-decoration:none}
.gl-titel{display:block;font-size:14.5px;font-weight:700;color:#4A4A42;line-height:1.5;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--beige-dk);
  text-decoration-thickness:1px;margin-bottom:3px}
.gast-liste a:hover .gl-titel{text-decoration-color:var(--olive)}
.gl-quelle{display:block;font-size:13px;color:#6B6B60}

/* --- Kanäle am Seitenende --- */
.kanaele{text-align:center;border-top:1px solid var(--beige-dk);padding-top:30px}
.kn-text{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);margin-bottom:18px}
.kn-reihe{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.kn-reihe a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#6B6B60;background:#fff;border:1px solid var(--beige-dk);transition:color .18s,border-color .18s,transform .18s}
.kn-reihe a:hover{color:var(--forest);border-color:var(--olive);transform:translateY(-2px)}
.kn-reihe svg{width:22px;height:22px;display:block}

/* Buchcover: echtes Hochformat, leichter Schatten wie ein Buch im Regal */
.buch-band img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:4px;
  box-shadow:0 12px 30px rgba(76,70,62,.24)}
.buch-band{grid-template-columns:210px 1fr}
@media(max-width:800px){ .buch-band{grid-template-columns:1fr} }
/* Presse-Logos als Beleg unter den Interviews */
.presse-band{margin-top:26px;border-top:1px solid var(--beige-dk);padding-top:22px}
.pb-text{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);text-align:center;margin-bottom:16px}
/* Presse-Logos beschriften — nicht jeder erkennt jedes Blatt am Logo */
.press-logos-grid > div{text-align:center}
.pl-name{margin-top:9px;font-size:11.5px;font-weight:700;color:#5B5B52;line-height:1.35;letter-spacing:.01em}
.pl-name span{display:block;font-weight:400;font-size:10.5px;color:#8A8A7E;margin-top:1px}
.press-logos-grid img{height:30px !important}
.pb-titel{font-family:"Lora",Georgia,serif;font-size:21px;font-weight:600;color:var(--grau,#4A4A42);
  text-align:center;margin-bottom:6px}
.pb-text{font-weight:400;letter-spacing:.01em;text-transform:none;font-size:13.5px;color:#6B6B60}

/* Mehr Luft zwischen den Abschnitten — die Seiten wirkten gedrängt */
.section{padding-bottom:82px}
.section.ist-schluss{padding-bottom:92px}
.webinar-band{padding-top:82px;padding-bottom:82px}
.beweis-band{margin-bottom:64px}
/* Presse-Block: Linie und Kanal-Leiste brauchen mehr Luft */
.presse-band{margin-top:44px;padding-top:38px;padding-bottom:16px}
.press-logos-grid{margin-bottom:8px}
.kanaele{padding-top:52px;margin-top:16px}
.kn-text{margin-bottom:24px}
.press-logos-grid{margin-bottom:22px}
.kanaele{padding-top:60px;margin-top:24px}
.pb-hinweis{margin-top:20px;text-align:center;font-size:13.5px;color:#6B6B60;line-height:1.6}
.pb-hinweis a{color:#4A4A42;font-weight:700;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--beige-dk);text-decoration-thickness:1px}
.pb-hinweis a:hover{text-decoration-color:var(--olive)}
.pb-hinweis span{color:#9A9A8E;font-size:12.5px}

/* Presse-/Fachbeiträge-Logoreihe */
.pl-reihe{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:34px 46px;max-width:820px;margin:26px auto 0}
.pl-item{display:flex;align-items:center;justify-content:center;height:54px}
.pl-item img{width:auto;max-width:215px;object-fit:contain;
  filter:grayscale(.32);opacity:.86}
@media(max-width:700px){
  .pl-reihe{gap:26px 30px;max-width:100%}
  .pl-item img{max-width:130px}
  .pl-item{height:38px}
}

/* Beobachtungs-/Warnzeichen — kein Häkchen, das hier nichts "erledigt" meint */
.warn-list{list-style:none;display:grid;gap:10px}
.warn-list li{position:relative;padding-left:28px;font-size:15px;color:#4A4A42;line-height:1.65}
.warn-list li::before{content:"!";position:absolute;left:0;top:1px;width:19px;height:19px;
  border-radius:50%;background:#A8453C;color:#fff;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center}

/* Erwartungsklärung — ruhig, ohne Warnton */
.klarheit{margin-top:28px;background:var(--white);border:1px solid var(--cream-dk);
  border-radius:14px;padding:26px 28px}
.kl-titel{font-size:15px;font-weight:800;color:var(--forest);margin-bottom:14px}
.klarheit ul{list-style:none;display:grid;gap:12px}
.klarheit li{position:relative;padding-left:22px;font-size:15px;color:#4A4A42;line-height:1.7}
.klarheit li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;
  border-radius:50%;background:var(--olive)}

/* Telemedizin: Textspalte + Bild */
.tele-intro{display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:start;margin-top:22px}
.tele-intro p{font-size:16px;color:#4A4A42;line-height:1.75;margin-bottom:14px}
.tele-intro img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;
  border:1px solid var(--beige-dk)}

/* Telemedizin: die drei Wege als Kacheln */
.wege-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.weg-karte{background:var(--white);border:1px solid var(--beige-dk);border-radius:14px;
  overflow:hidden;display:flex;flex-direction:column}
.weg-karte img{width:100%;height:158px;object-fit:cover;display:block}
.wk-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.wk-body h3{font-size:16px;font-weight:800;color:var(--forest);margin-bottom:9px;line-height:1.35}
.wk-body p{font-size:14.5px;color:#4A4A42;line-height:1.65;margin-bottom:16px;flex:1}
.wk-body .tool-btn{align-self:flex-start}

@media(max-width:820px){
  .tele-intro{grid-template-columns:1fr;gap:22px}
  .tele-intro img{max-width:340px}
  .wege-grid{grid-template-columns:1fr;gap:14px}
  .weg-karte img{height:180px}
}

/* Telemedizin: Triage-Block */
.tm-akut-vor{font-size:16px;color:#4A4A42;line-height:1.75;max-width:700px;margin:0 0 20px}
.tm-zeichen{margin-top:20px;padding-top:22px;border-top:1px solid var(--beige-dk)}
.tm-zeichen-titel{font-size:15px;font-weight:800;color:var(--forest);margin-bottom:14px}
.tm-zeichen-fuss{font-size:15px;color:#4A4A42;line-height:1.7;margin-top:16px;max-width:700px}

/* Vorsorge-Band: der ruhige Gegenpol zum Akutfall */
.vorsorge-band{padding-bottom:82px}
.vorsorge-inner{background:var(--sage,#E3EDE3);border-radius:16px;padding:38px 40px}
.vorsorge-inner h2{margin-bottom:16px}
.vorsorge-inner p{font-size:16px;color:#3F4A3F;line-height:1.75;margin-bottom:14px;max-width:720px}
.vorsorge-inner p:last-child{margin-bottom:0}
@media(max-width:700px){.vorsorge-inner{padding:28px 22px}}

/* Club-Kacheln: vier statt drei, ein Button für alle */
.club-vor{font-size:16px;color:#4A4A42;line-height:1.75;max-width:660px;margin:0 0 6px}
.wege-grid.vier{grid-template-columns:repeat(2,1fr);gap:16px}
.wege-grid.vier .weg-karte img{height:225px}
.wege-grid.vier .wk-body{padding:19px 20px 21px}
.wege-grid.vier .wk-body h3{font-size:16px;margin-bottom:8px}
.wege-grid.vier .wk-body p{font-size:14.5px;margin-bottom:0}
.club-cta{margin-top:26px}

@media(max-width:560px){.wege-grid.vier{grid-template-columns:1fr}}

/* Signalpunkt vor „Wie dringend ist es?" — leuchtet statt nur zu blinken */
@keyframes pulse-glow{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(232,24,90,.45)}
  50%{opacity:.55;box-shadow:0 0 0 7px rgba(232,24,90,0)}
}
@media(prefers-reduced-motion:reduce){
  .tm-akut-punkt,.hero-dot{animation:none}
}

/* Dritte Triage-Kachel: die Lage, nicht der Schweregrad */
.tm-akut-fall.tm-akut-blau{border-left-color:var(--forest);background:var(--cream,#FBF8F4)}
.tm-akut-blau .tm-akut-label{color:var(--forest)}
.tm-akut-fall p{font-size:14px}

/* Triage-Kacheln: Symbol, gleiche Höhe, Button unten bündig */
.tm-akut-fall{display:flex;flex-direction:column}
.tm-ikon{width:30px;height:30px;margin-bottom:12px;color:var(--olive-deep)}
.tm-ikon svg{width:100%;height:100%;display:block}
.tm-akut-rot .tm-ikon{color:var(--pink)}
.tm-akut-blau .tm-ikon{color:var(--forest)}
.tm-akut-fall p:last-of-type{flex:1}
.tm-btn{align-self:center;margin-top:16px;display:inline-block;background:var(--olive);
  color:#fff;border-radius:9px;padding:11px 20px;font-size:14px;font-weight:700;
  text-decoration:none;transition:background .2s}
.tm-btn:hover{background:var(--olive-deep)}

/* Notfall-Hinweis über die volle Breite */
.tm-notfall{display:flex;gap:16px;align-items:flex-start;background:var(--pink-lt);
  border:1px solid var(--pink-mid);border-left:4px solid var(--pink);border-radius:16px;
  padding:22px 24px;margin-bottom:26px}
.tm-notfall .tm-ikon{color:var(--pink);margin-bottom:0;flex:none}
.tm-notfall p{font-size:14.5px;line-height:1.75;color:#4A4A42}
.tm-akut-grid.zwei{grid-template-columns:1fr 1fr;margin-top:22px}

/* „Was du jetzt tun kannst" */
.jetzt-kasten{background:var(--white);border:1px solid var(--beige-dk);border-radius:16px;padding:30px 32px}
.jetzt-titel{font-size:17px;font-weight:800;color:var(--forest);margin-bottom:18px}
.jetzt-liste{list-style:none;counter-reset:j;display:grid;gap:14px;margin:0}
.jetzt-liste li{position:relative;padding-left:40px;font-size:15px;color:#4A4A42;line-height:1.7}
.jetzt-liste li::before{counter-increment:j;content:counter(j);position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:50%;background:var(--olive);color:#fff;
  font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.jetzt-fuss{margin-top:18px;padding-top:16px;border-top:1px solid var(--beige-dk);
  font-size:14.5px;color:#4A4A42;line-height:1.7}
@media(max-width:760px){
  .tm-akut-grid.zwei{grid-template-columns:1fr}
  .jetzt-kasten{padding:24px 22px}
  .tm-notfall{flex-direction:column;gap:10px}
}
.mehr-link{font-size:14px;font-weight:700;color:var(--olive-deep);text-decoration:none;
  border-bottom:1.5px solid var(--sage-dk);padding-bottom:1px}
.mehr-link:hover{color:var(--pink);border-color:var(--pink)}
/* Scroll-Ziel nicht unter die Kopfleiste rutschen lassen */
#gallina{scroll-margin-top:96px}
.tm-bild{width:100%;height:230px;object-fit:cover;object-position:center 42%;
  border-radius:14px;display:block;margin:26px 0 4px}
@media(max-width:700px){.tm-bild{height:170px}}
/* Beispielbild in einer Triage-Kachel */
.tm-akut-fall.hat-bild{padding-top:0;overflow:hidden}
.tm-kachelbild{width:calc(100% + 44px);margin:0 -22px 18px;height:150px;
  object-fit:cover;display:block}
.tm-akut-blau .tm-kachelbild{object-position:center 58%}

/* ── Triage-Kacheln: Überschriften wie in den Club-Kacheln, größere Symbole ── */
.tm-akut-fall .tm-akut-label{
  font-size:16px;font-weight:800;letter-spacing:0;text-transform:none;
  color:var(--forest);margin-bottom:10px;line-height:1.35}
.tm-notfall .tm-akut-label{
  font-size:16px;font-weight:800;letter-spacing:0;text-transform:none;
  color:var(--pink);margin-bottom:8px}
.tm-akut-fall .tm-ikon,.tm-notfall .tm-ikon{width:38px;height:38px;margin-bottom:13px}
/* Farbige Randstreifen raus, beide Kacheln weiß */
.tm-akut-fall{border-left:1px solid var(--beige-dk);background:var(--white)}
.tm-akut-fall.tm-akut-blau{border-left:1px solid var(--beige-dk);background:var(--white)}
.tm-akut-fall .tm-ikon{color:var(--olive-deep)}
.tm-akut-blau .tm-ikon{color:var(--forest)}
/* Mehr Bild zeigen */
.tm-kachelbild{height:195px}
@media(max-width:700px){.tm-kachelbild{height:165px}}
/* Verweis mitten im Fließtext */
.im-text{color:inherit;text-decoration:none;border-bottom:1.5px solid var(--sage-dk);
  transition:border-color .2s,color .2s}
.im-text:hover{color:var(--olive-deep);border-color:var(--olive)}

/* ── Oberer Block: mehr Luft, weniger Gedränge ── */
.tm-akut-sektion{padding-top:44px}
.tm-akut-kopf{margin-bottom:24px}
.tm-akut-vor{margin:0 0 30px;max-width:720px}
.tm-notfall{padding:26px 28px;margin-bottom:0}
.tm-bild{margin:34px 0 32px;height:250px}
/* Trennlinie entfällt — das Bild trennt schon */
.tm-zeichen{margin-top:0;padding-top:0;border-top:none}
.tm-zeichen-titel{font-size:16px;margin-bottom:18px}
.warn-list{gap:15px}
.warn-list li{line-height:1.7;padding-left:31px}
.warn-list li::before{top:2px;width:21px;height:21px;font-size:13px}
@media(max-width:700px){
  .tm-bild{height:180px;margin:26px 0 24px}
  .tm-akut-sektion{padding-top:34px}
}

/* ── Mobil: Tippziele auf mindestens 44 px bringen (Google-Empfehlung) ── */
@media(max-width:760px){
  .site-footer a{display:block;padding:12px 0;line-height:1.5}
  .site-footer li{margin:0}
  .nav-cta,.nav-shop,.nav-login{min-height:44px;display:inline-flex;align-items:center}
  .nav-burger{min-width:44px;min-height:44px}
}

/* ══════════════════ Blogartikel ══════════════════ */
.artikel-seite{max-width:760px;margin:0 auto;padding-top:44px}
.artikel-kopf h1{font-size:clamp(27px,3.6vw,40px);line-height:1.22;color:var(--forest);
  margin-bottom:14px;font-weight:800}
.artikel-datum{font-size:13.5px;color:#8A8578;letter-spacing:.02em}
.artikel-titelbild{width:100%;max-height:420px;object-fit:cover;border-radius:16px;
  margin:28px 0 8px;display:block}

.artikel-inhalt{font-size:17px;line-height:1.8;color:#3D3A34}
.artikel-inhalt > *{margin-top:20px}
.artikel-inhalt h2{font-size:clamp(21px,2.4vw,27px);line-height:1.3;color:var(--forest);
  font-weight:800;margin-top:46px;margin-bottom:-4px}
.artikel-inhalt h3{font-size:19px;line-height:1.35;color:var(--forest);
  font-weight:800;margin-top:34px;margin-bottom:-6px}
.artikel-inhalt p{margin-bottom:0}
.artikel-inhalt strong{color:#2F2C27}
.artikel-inhalt a{color:var(--olive-deep);text-decoration:none;
  border-bottom:1.5px solid var(--sage-dk);transition:border-color .2s,color .2s}
.artikel-inhalt a:hover{color:var(--pink);border-color:var(--pink)}
.artikel-inhalt ul,.artikel-inhalt ol{padding-left:0;list-style:none;display:grid;gap:11px}
.artikel-inhalt li{position:relative;padding-left:28px}
.artikel-inhalt ul li::before{content:"";position:absolute;left:4px;top:12px;
  width:7px;height:7px;border-radius:50%;background:var(--olive)}
.artikel-inhalt ol{counter-reset:ai}
.artikel-inhalt ol li::before{counter-increment:ai;content:counter(ai) ".";position:absolute;
  left:0;top:0;font-weight:800;color:var(--olive-deep)}
.artikel-bild{margin:34px 0}
.artikel-bild img{width:100%;border-radius:14px;display:block}
.artikel-bild figcaption{font-size:13.5px;color:#8A8578;margin-top:9px;line-height:1.5}
.artikel-bild.kompakt{max-width:360px;margin-left:auto;margin-right:auto;text-align:center}
.artikel-inhalt blockquote{border-left:3px solid var(--olive);padding-left:20px;
  font-style:italic;color:#4A4A42}

/* Autorenzeile am Artikelende */
.artikel-autor{display:grid;grid-template-columns:140px 1fr;gap:26px;align-items:center;
  margin-top:58px;background:var(--sage,#E3EDE3);border-radius:16px;padding:30px 32px}
.artikel-autor img{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center 18%}
.aa-name{font-size:16px;font-weight:800;color:var(--forest);margin-bottom:8px}
.artikel-autor p{font-size:15px;line-height:1.7;color:#4A4A42;margin-bottom:16px}

@media(max-width:700px){
  .artikel-seite{padding-top:32px}
  .artikel-inhalt{font-size:16.5px}
  .artikel-titelbild{max-height:260px;border-radius:12px}
  .artikel-autor{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center;padding:26px 22px}
  .artikel-autor img{width:120px;height:120px}
}

.aa-fuss{margin-top:12px;font-size:13.5px;color:#8A8578}
/* Autorenkasten: Fließtext linksbündig, nur mobil zentriert */
.artikel-autor{text-align:left}
.artikel-autor p,.aa-name,.aa-fuss{text-align:left}
@media(max-width:700px){
  .artikel-autor,.artikel-autor p,.aa-name,.aa-fuss{text-align:center}
}

/* Autorenkasten: Button und Konditionen mittig unter dem Text */
.artikel-autor .tm-btn{align-self:center;margin:4px auto 0;display:block;width:fit-content}
.artikel-autor .aa-fuss,.aa-fuss{text-align:center}

/* ══════════════ Webinar-Einladung (Pop-up auf Unterseiten) ══════════════ */
.wp-huelle{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;
  justify-content:center;padding:20px;background:rgba(48,44,38,.55);
  opacity:0;transition:opacity .25s}
.wp-huelle.ist-da{opacity:1}
.wp-kasten{position:relative;display:grid;grid-template-columns:1fr 250px;gap:28px;
  align-items:center;max-width:720px;width:100%;background:var(--white);
  border-radius:18px;padding:34px 36px;box-shadow:0 18px 50px rgba(48,44,38,.22);
  transform:translateY(12px);transition:transform .25s}
.wp-huelle.ist-da .wp-kasten{transform:none}
.wp-zu{position:absolute;top:10px;right:14px;background:none;border:none;
  font-size:26px;line-height:1;color:#9A9488;cursor:pointer;padding:6px}
.wp-zu:hover{color:var(--forest)}
.wp-kicker{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--pink);margin-bottom:9px}
.wp-kasten h3{font-size:clamp(21px,2.6vw,27px);line-height:1.25;color:var(--forest);
  font-weight:800;margin-bottom:12px}
.wp-text p{font-size:15px;line-height:1.7;color:#4A4A42;margin-bottom:20px}
.wp-cta{background:var(--pink);color:#fff;border:none;border-radius:10px;
  padding:14px 30px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;
  transition:background .2s,transform .15s}
.wp-cta:hover{background:#c0124a;transform:translateY(-1px)}
.wp-fuss{margin-top:11px;font-size:13px;color:#8A8578}
.wp-bild{width:100%;border-radius:12px;display:block}
@media(max-width:640px){
  .wp-kasten{grid-template-columns:1fr;gap:18px;padding:28px 22px;max-width:420px}
  .wp-bild{max-width:190px;margin:0 auto;order:-1}
  .wp-text{text-align:center}
  .wp-cta{width:100%}
}

/* ══════════════ Artikel-Übersicht ══════════════ */
.ba-suche{max-width:520px;margin:0 auto 34px}
#baSuche{width:100%;font-family:inherit;font-size:16px;padding:14px 18px;
  border:1.5px solid var(--beige-dk);border-radius:12px;background:var(--white);color:var(--ink)}
#baSuche:focus{outline:none;border-color:var(--olive)}
.ba-treffer{margin-top:9px;font-size:14px;color:#8A8578;text-align:center;min-height:20px}
.ba-gitter{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ba-karte{background:var(--white);border:1px solid var(--beige-dk);border-radius:14px;
  overflow:hidden;text-decoration:none;display:flex;flex-direction:column;
  transition:transform .16s,box-shadow .16s}
.ba-karte:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(76,70,62,.09)}
.ba-karte img{width:100%;height:150px;object-fit:cover;display:block}
.ba-body{padding:17px 19px 20px;display:flex;flex-direction:column;flex:1}
.ba-datum{font-size:12.5px;color:#9A9488;margin-bottom:7px}
.ba-body h3{font-size:16px;line-height:1.35;color:var(--forest);font-weight:800;margin-bottom:8px}
.ba-body p{font-size:14px;line-height:1.6;color:#4A4A42;margin:0}
@media(max-width:900px){.ba-gitter{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:560px){.ba-gitter{grid-template-columns:1fr}.ba-karte img{height:170px}}

/* ── Gratis-Downloads: Stallbuch und Checkliste ───────────────────────── */
.lm-head{padding-bottom:0}
.lm-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;
  max-width:1080px;margin:0 auto;padding:6px 24px 54px}
.lm-kicker{color:#E8185A}
.lm-hero-text h1{margin:6px 0 14px}
.lm-untertitel{font-size:1.16rem;font-weight:600;color:#3D3A34;margin:0 0 12px;line-height:1.5}
.lm-subline{color:#5C574E;margin:0 0 26px;line-height:1.65}
.lm-hero-bild img{width:100%;max-width:430px;height:auto;display:block;margin:0 auto;
  filter:drop-shadow(0 18px 34px rgba(60,50,35,.16))}
.lm-form{background:#FFFDF9;border:1px solid #E7DFD2;border-radius:14px;padding:24px 24px 20px;
  box-shadow:0 6px 20px rgba(90,75,50,.06);max-width:430px}
.lm-label{display:block;font-size:.86rem;font-weight:600;color:#4A453C;margin:0 0 5px}
.lm-input{width:100%;box-sizing:border-box;padding:11px 13px;margin:0 0 15px;
  border:1px solid #DCD3C4;border-radius:9px;background:#fff;font:inherit;font-size:1rem;color:#2F2C27}
.lm-input:focus{outline:none;border-color:#6F8320;box-shadow:0 0 0 3px rgba(111,131,32,.14)}
.lm-btn{width:100%;margin-top:4px;cursor:pointer;border:none;font-size:1.02rem}
.lm-status{margin:12px 0 0;font-size:.94rem;line-height:1.5;min-height:0}
.lm-status.ok{color:#6F8320;font-weight:600}
.lm-status.fehler{color:#E8185A}
.lm-klein{margin:13px 0 0;font-size:.79rem;color:#7A736A;line-height:1.5}
.lm-fliess{max-width:760px;line-height:1.7;color:#443F37;margin:0 0 16px}
.lm-liste{max-width:760px}
.lm-signatur{font-weight:600;color:#3D3A34;margin-top:14px}
@media(max-width:860px){
  .lm-hero{grid-template-columns:1fr;gap:30px;padding-bottom:38px}
  .lm-hero-bild{order:-1}
  .lm-hero-bild img{max-width:290px}
  .lm-form{max-width:none}
}
.lm-gross{font-size:1.06rem;font-weight:600;color:#3D3A34}
.lm-abschluss{margin:0 0 14px;line-height:1.65}
.lm-zurueck{display:inline-block}
.lm-klein a{color:#6F8320;text-decoration:underline}

/* Kleingedrucktes: rechtlich nötig, optisch zurückhaltend */
.lm-form .lm-klein{margin:11px 0 0;font-size:.68rem;line-height:1.45;color:#9A938A}
.lm-form .lm-klein a{color:#9A938A}
/* Mockup auf dem Desktop deutlich größer */
.lm-hero{grid-template-columns:1fr 1fr}
.lm-hero-bild img{max-width:none;width:100%}
@media(min-width:861px){ .lm-hero-bild img{transform:none} }

/* Stallbuch im Gebrauch — Video neben Text */
.lm-video-reihe{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;margin:26px 0 0;max-width:760px}
.lm-video{width:100%;border-radius:12px;display:block;background:#000;
  box-shadow:0 10px 26px rgba(60,50,35,.16)}
.lm-video-text .lm-fliess:last-child{margin-bottom:0}
@media(max-width:700px){
  .lm-video-reihe{grid-template-columns:1fr;gap:18px}
  .lm-video{max-width:300px;margin:0 auto}
}

/* Pflichten-Liste auf der Stallbuchseite */
.lm-pflichten{max-width:760px;margin:18px 0 20px;padding:0;list-style:none;counter-reset:pflicht}
.lm-pflichten li{counter-increment:pflicht;position:relative;padding:0 0 15px 46px;line-height:1.62;color:#443F37}
.lm-pflichten li::before{content:"#" counter(pflicht);position:absolute;left:0;top:1px;
  font-weight:700;font-size:.86rem;color:#6F8320;letter-spacing:-.3px}
.lm-pflichten li:last-child{padding-bottom:4px}
.lm-pflichten strong{display:block;margin-bottom:2px;color:#2F2C27}

/* Freigestelltes Mockup — Schatten statt Fläche, damit es frei auf der Seite steht */
.lm-hero-bild{position:relative;padding:0}
.lm-hero-bild img{filter:drop-shadow(0 16px 32px rgba(60,50,35,.20))}

/* Datenschutz-Volltext am Seitenende */
.lm-datenschutz{max-width:760px}
.lm-datenschutz h3{font-size:.98rem;margin:0 0 7px;color:#5C574E}
.lm-datenschutz p{font-size:.8rem;line-height:1.6;color:#8A837A;margin:0}
.lm-datenschutz a{color:#8A837A;text-decoration:underline}
.lm-form .lm-klein a{text-decoration:underline}
.lm-winzig{margin:12px 0 0;font-size:.72rem;line-height:1.5;text-align:center;color:#9A938A}
.lm-winzig a{color:#A9A299;text-decoration:underline}
.lm-winzig a:hover{color:#6F8320}
.lm-mittebtn{margin:22px 0 0}
.lm-mittebtn .btn-primary{display:inline-block}
.lm-schluss .btn-primary{display:inline-block;margin:4px 0 14px}
.lm-schluss .lm-signatur{margin-top:0}

/* Kompaktere Darstellung — die Seite soll überflogen werden können */
.lm-pflicht-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px;margin:18px 0 24px;max-width:780px}
.lm-pflicht-gitter div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #E7DFD2;
  border-radius:9px;padding:12px 14px}
.lm-pflicht-gitter span{flex:0 0 25px;height:25px;border-radius:50%;background:#6F8320;color:#fff;
  font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.lm-pflicht-gitter b{font-size:.92rem;line-height:1.35;color:#3D3A34;font-weight:600}
.lm-zweispaltig{grid-template-columns:1fr 1fr;column-gap:34px;max-width:820px}
.lm-kernsatz{max-width:720px;font-size:1.2rem;font-weight:600;line-height:1.5;color:#3D3A34;
  border-left:3px solid #6F8320;padding-left:17px;margin:4px 0 20px}
@media(max-width:640px){ .lm-zweispaltig{grid-template-columns:1fr} }

/* Wiedererkennungs-Fragen */
.lm-fragen{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:11px;margin:4px 0 24px;max-width:820px}
.lm-fragen div{background:#fff;border:1px solid #E7DFD2;border-left:3px solid #92a62c;border-radius:8px;
  padding:13px 16px;font-size:.98rem;line-height:1.45;color:#3D3A34;font-style:italic}
/* Was drinsteht */
.lm-bereiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:18px 0 4px;max-width:900px}
.lm-bereiche div{background:#fff;border:1px solid #E7DFD2;border-radius:10px;padding:15px 17px}
.lm-bereiche b{display:block;font-size:1rem;color:#3D3A34;margin-bottom:5px}
.lm-bereiche p{margin:0;font-size:.9rem;line-height:1.5;color:#6A645B}
/* Pflicht als ruhiger Nachsatz, nicht als Drohung */
.lm-pflicht-kasten{max-width:820px;background:#EFF3E8;border-radius:11px;padding:19px 22px}
.lm-pflicht-kasten b{display:block;margin-bottom:6px;color:#3D3A34}
.lm-pflicht-kasten p{margin:0;line-height:1.62;color:#4A4740}
.lm-video-titel{font-size:1.15rem;margin:0 0 9px;color:#3D3A34}

/* ── Mobil zuletzt, damit es die Desktop-Regeln überschreibt ───────────── */
@media(max-width:860px){
  .lm-hero{grid-template-columns:1fr;gap:26px;padding-bottom:34px}
  .lm-hero-bild{order:-1}
  .lm-hero-bild img{max-width:300px;margin:0 auto;display:block}
  .lm-form{max-width:none}
  .lm-hero-text h1{font-size:2rem;line-height:1.15}
  .lm-untertitel{font-size:1.06rem}
  .lm-fragen,.lm-bereiche,.lm-pflicht-gitter{grid-template-columns:1fr}
  .lm-zweispaltig{grid-template-columns:1fr}
  .lm-video-reihe{grid-template-columns:1fr;gap:18px}
  .lm-video{max-width:300px;margin:0 auto}
  .lm-kernsatz{font-size:1.08rem}
}
.lm-foto-reihe{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;margin:16px 0 26px;max-width:820px}
.lm-foto{width:100%;border-radius:12px;display:block;box-shadow:0 12px 28px rgba(60,50,35,.18)}
@media(max-width:860px){
  .lm-foto-reihe{grid-template-columns:1fr;gap:16px}
  .lm-foto{max-width:320px;margin:0 auto}
}

/* Absenderin dort, wo die Aussage Autorität braucht */
.lm-autor{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.lm-autor img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 22%;
  border:2px solid #fff;box-shadow:0 2px 8px rgba(60,50,35,.16)}
.lm-autor b{display:block;font-size:.92rem;color:#3D3A34;line-height:1.3}
.lm-autor span{font-size:.82rem;color:#7A736A}
/* Was nach dem Klick passiert + sozialer Beweis */
.lm-nachher{margin:11px 0 0;font-size:.84rem;color:#5C574E;text-align:center}
.lm-beweis{margin:9px 0 0;padding-top:11px;border-top:1px solid #EFE9DF;
  font-size:.85rem;color:#5C574E;text-align:center}
.lm-beweis strong{color:#3D3A34}
.lm-autor b a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(111,131,32,.4)}
.lm-autor b a:hover{color:#6F8320;border-bottom-color:#6F8320}

/* Fußnoten: Beleg da, aber nicht im Weg */
a.fn{font-size:.62em;vertical-align:super;line-height:0;margin-left:1px;padding:0 2px;
  color:#9A938A;text-decoration:none;font-weight:600}
a.fn:hover{color:#6F8320}
.lm-fussnoten{max-width:820px}
.lm-fussnoten ol{margin:0;padding-left:20px}
.lm-fussnoten li{font-size:.8rem;line-height:1.6;color:#8A837A;margin-bottom:7px}
.lm-fussnoten a{color:#6F8320;text-decoration:underline}
.lm-fussnoten em{font-style:italic}
.fn-zurueck{margin-right:5px;text-decoration:none;color:#B5AEA4}
.wb-uhr{display:inline-block;margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.35);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.wb-uhr strong{font-weight:700}
@media(max-width:900px){ .wb-uhr{display:none} }

/* Hero mit großem Bild und einem Knopf statt Formular */
.lm-hero-weit{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);gap:40px;max-width:1240px}
.lm-hero-weit .lm-hero-bild img{max-width:none;width:112%;margin-left:-6%}
@media(max-width:1100px){ .lm-hero-weit .lm-hero-bild img{width:100%;margin-left:0} }
.lm-grossbtn{display:inline-block;border:none;cursor:pointer;font-size:1.05rem;padding:15px 34px}
.lm-marken{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 24px}
.lm-marken div{display:flex;align-items:center;gap:7px;font-size:.87rem;color:#5C574E}
.lm-marken span{color:#6F8320;font-weight:700}
/* Formular-Fenster */
.lm-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(38,34,28,.55);padding:20px}
.lm-overlay[hidden]{display:none}
.lm-overlay-karte{position:relative;background:#FFFDF9;border-radius:16px;padding:30px 32px 26px;
  width:100%;max-width:430px;box-shadow:0 24px 60px rgba(30,25,18,.3)}
.lm-overlay-karte h2{margin:0 0 4px;font-size:1.35rem}
.lm-ov-sub{margin:0 0 20px;color:#6A645B;font-size:.94rem}
.lm-overlay-karte .lm-form{border:none;background:none;box-shadow:none;padding:0;max-width:none}
.lm-overlay-zu{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.2rem;
  color:#9A938A;cursor:pointer;line-height:1;padding:6px}
.lm-overlay-zu:hover{color:#3D3A34}
@media(max-width:860px){ .lm-hero-weit{grid-template-columns:1fr} }
/* Bild in ganzer Höhe, im Raster der Seite */
.lm-band{max-width:1100px;margin:30px auto 30px;padding:0 24px}
.lm-band img{width:100%;height:auto;display:block;border-radius:14px;
  box-shadow:0 14px 34px rgba(60,50,35,.16)}
/* Einwilligung wie bei einem klassischen Anmeldeformular */
.lm-einwilligung{display:flex;gap:9px;align-items:flex-start;margin:4px 0 16px;cursor:pointer}
.lm-einwilligung input{margin:2px 0 0;width:16px;height:16px;accent-color:#6F8320;flex:0 0 auto;cursor:pointer}
.lm-einwilligung span{font-size:.83rem;line-height:1.45;color:#5C574E}

/* Danke-Seiten */
.lm-danke{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;
  max-width:1120px;margin:0 auto;padding:10px 24px 50px}
.lm-danke-bild img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 30px rgba(60,50,35,.18))}
.lm-danke-text h1{margin:6px 0 12px;font-size:2.1rem;line-height:1.2}
.lm-schritte{list-style:none;counter-reset:sch;margin:22px 0 24px;padding:0;max-width:520px}
.lm-schritte li{counter-increment:sch;position:relative;padding:0 0 15px 42px}
.lm-schritte li::before{content:counter(sch);position:absolute;left:0;top:0;width:26px;height:26px;
  border-radius:50%;background:#6F8320;color:#fff;font-size:.82rem;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.lm-schritte b{display:block;color:#2F2C27;margin-bottom:2px}
.lm-schritte span{font-size:.92rem;line-height:1.5;color:#5C574E}
.lm-danke-hinweis{background:#FDF8EF;border:1px solid #E7DFD2;border-radius:10px;padding:15px 18px;max-width:560px}
.lm-danke-hinweis b{display:block;margin-bottom:4px;color:#3D3A34}
.lm-danke-hinweis p{margin:0;font-size:.9rem;line-height:1.55;color:#5C574E}
.lm-danke-hinweis a{color:#6F8320;text-decoration:underline}
@media(max-width:860px){
  .lm-danke{grid-template-columns:1fr;gap:24px}
  .lm-danke-bild{order:-1;max-width:280px;margin:0 auto}
  .lm-danke-text h1{font-size:1.7rem}
}
.lm-danke-vortrag{padding-top:34px}
.lm-termin{margin:14px 0 16px;font-size:.96rem;color:#3D3A34;font-variant-numeric:tabular-nums}
.lm-termin strong{color:#2F2C27}

/* ── Login-Seite: zwei Türen (Kurse/Ablefy und Club/Skool) ── */
.login-tueren{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:880px;margin:0 auto}
.login-tuer{background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:34px 30px 28px;
  box-shadow:0 2px 10px rgba(76,70,62,.05);display:flex;flex-direction:column;align-items:flex-start}
.login-tuer .lt-icon{font-size:34px;margin-bottom:10px}
.login-tuer h2{font-size:22px;margin-bottom:12px}
.login-tuer .lt-wer{font-size:15px;line-height:1.7;margin-bottom:10px}
.login-tuer .lt-was{font-size:14.5px;line-height:1.7;color:#6B6B60;margin-bottom:18px}
/* Login ist kein Kauf — Buttons in Oliv statt Pink (Eva, 31.08.2026) */
.login-tuer .lt-btn{margin-top:auto;background:var(--oliv-btn)}
.login-tuer .lt-btn:hover{background:var(--oliv-btn-dk)}
.login-tuer .lt-hilfe{font-size:13px;color:#6B6B60;margin-top:12px;line-height:1.6}
.login-tuer .lt-hilfe a, .login-fuss a{color:var(--pink);text-decoration:underline}
.login-fuss{max-width:880px;margin:26px auto 0;font-size:14px;color:#6B6B60;text-align:center}
@media(max-width:700px){ .login-tueren{grid-template-columns:1fr} }

/* ── Kurs-Salespages (khwt.html, hgh.html) — stille Seiten ──────────────
   Bewaehrter Verkaufstext von den alten Wix-Seiten, Optik der neuen Website. */
.kurs-hero{background:linear-gradient(160deg,var(--beige) 0%,var(--sage) 100%);border-bottom:3px solid var(--sage-dk);padding:56px 24px 50px}
.kurs-hero-inner{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.kurs-hero h1{font-size:clamp(28px,3.6vw,44px);line-height:1.15;margin:10px 0 16px}
.kurs-hero .kurs-sub{font-size:18px;font-weight:700;color:#4A4A42;line-height:1.55;margin-bottom:12px}
.kurs-hero .kurs-fliess{font-size:15.5px;color:var(--grau);line-height:1.7;margin-bottom:22px}
.kurs-hero-bild img{width:100%;max-height:480px;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px rgba(76,70,62,.18)}
.kurs-marken{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:20px;font-size:13.5px;color:#4A4A42}
.kurs-marken div{display:flex;gap:7px;align-items:flex-start;max-width:230px;line-height:1.45}
.kurs-marken span{color:var(--oliv-btn);font-weight:800}
.kurs-presse{background:#fff;border-bottom:1px solid var(--beige-dk);padding:22px 24px}
.kurs-presse-inner{max-width:960px;margin:0 auto;text-align:center}
.kurs-presse .kp-titel{font-size:12px;letter-spacing:.14em;color:#9A968E;font-weight:800;margin-bottom:14px}
.kurs-presse .kp-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px}
.kurs-presse img{height:34px;width:auto;filter:grayscale(1);opacity:.75}
.kurs-zitat{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--beige-dk);border-left:5px solid var(--oliv-btn);border-radius:14px;padding:26px 30px;box-shadow:0 2px 10px rgba(76,70,62,.05)}
.kurs-zitat p{font-size:15.5px;line-height:1.75;color:var(--grau);font-style:italic}
.kurs-zitat .kz-wer{margin-top:14px;font-style:normal;font-weight:800;font-size:14px;color:#4A4A42}
.kurs-zitat .kz-wer span{display:block;font-weight:400;color:#8B877F;font-size:13px}
.kurs-zitat-mit-foto{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:start}
.kurs-zitat-mit-foto img{width:110px;height:110px;object-fit:cover;border-radius:50%}
.kurs-problem{max-width:760px;margin:0 auto}
.kurs-problem ul{list-style:none;margin:18px 0;display:grid;gap:10px}
.kurs-problem li{background:#fff;border:1px solid var(--beige-dk);border-radius:10px;padding:13px 18px;font-size:15px;line-height:1.6;color:var(--grau)}
.kurs-problem li::before{content:"✗";color:#B3542E;font-weight:800;margin-right:10px}
.kurs-check li::before{content:"✓";color:var(--oliv-btn)}
.kurs-denk{font-family:"Lora",Georgia,serif;font-size:19px;color:#4A4A42;font-style:italic;text-align:center;margin:26px auto;max-width:640px;line-height:1.6}
.kurs-feature{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:20px 24px;box-shadow:0 2px 10px rgba(76,70,62,.05);margin-bottom:18px;max-width:880px;margin-left:auto;margin-right:auto}
.kurs-feature img{width:100%;border-radius:10px}
.kurs-feature h3{font-size:17px;font-weight:800;color:#4A4A42;margin-bottom:8px}
.kurs-feature p{font-size:14.5px;line-height:1.7;color:var(--grau)}
.kurs-feature.ohne-bild{grid-template-columns:1fr}
.kurs-phasen{max-width:880px;margin:0 auto;display:grid;gap:18px}
.kurs-phase{background:#fff;border:1px solid var(--beige-dk);border-radius:16px;padding:24px 28px}
.kurs-phase .kp-nr{display:inline-block;background:var(--sage);color:#3D4A3C;border-radius:8px;font-weight:800;font-size:13px;padding:4px 12px;margin-bottom:10px}
.kurs-phase h3{font-size:18px;font-weight:800;color:#4A4A42;margin-bottom:10px}
.kurs-phase ul{list-style:none;display:grid;gap:7px}
.kurs-phase li{font-size:14.5px;line-height:1.6;color:var(--grau)}
.kurs-phase li::before{content:"→";color:var(--oliv-btn);font-weight:800;margin-right:9px}
.kurs-eva{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;max-width:880px;margin:0 auto}
.kurs-eva img{width:100%;border-radius:16px;box-shadow:0 8px 24px rgba(76,70,62,.15)}
.kurs-eva h2{margin-bottom:4px}
.kurs-eva .ke-rolle{font-size:14px;color:#8B877F;margin-bottom:14px}
.kurs-eva p{font-size:15px;line-height:1.75;color:var(--grau);margin-bottom:10px}
.kurs-eva .ke-motto{font-weight:800;color:#4A4A42;letter-spacing:.03em}
.kurs-preis{max-width:640px;margin:0 auto;background:#fff;border:2px solid var(--oliv-btn);border-radius:18px;padding:34px 34px 30px;box-shadow:0 10px 30px rgba(76,70,62,.12);text-align:center}
.kurs-preis .kp-kurs{font-size:12px;letter-spacing:.14em;color:#9A968E;font-weight:800}
.kurs-preis h3{font-size:24px;color:#4A4A42;margin:8px 0 18px;font-family:"Lora",Georgia,serif}
.kurs-preis .kp-zahlen{display:flex;justify-content:center;gap:36px;margin-bottom:20px}
.kurs-preis .kp-zahlen b{display:block;font-size:34px;color:var(--grau)}
.kurs-preis .kp-zahlen span{font-size:13px;color:#8B877F}
.kurs-preis ul{list-style:none;text-align:left;display:grid;gap:8px;margin:0 auto 24px;max-width:440px}
.kurs-preis li{font-size:14.5px;line-height:1.55;color:var(--grau)}
.kurs-preis li::before{content:"✓";color:var(--oliv-btn);font-weight:800;margin-right:9px}
.kurs-preis .kp-zahlarten{margin-top:18px}
.kurs-preis .kp-zahlarten img{max-height:30px;width:auto}
.kurs-preis .kp-zahlarten div{font-size:11.5px;color:#9A968E;margin-bottom:6px}
.kurs-cta-band{text-align:center;margin:8px 0 0}
.kurs-cta-band .btn-primary{margin-bottom:10px}
.kurs-cta-band p{font-size:13.5px;color:#8B877F}
.kurs-schluss{background:var(--sage);border-top:3px solid var(--sage-dk);padding:52px 24px;text-align:center}
.kurs-schluss h2{margin-bottom:14px}
.kurs-schluss p{max-width:640px;margin:0 auto 22px;font-size:15.5px;line-height:1.7;color:var(--grau)}
@media(max-width:840px){
  .kurs-hero-inner,.kurs-eva{grid-template-columns:1fr}
  .kurs-feature{grid-template-columns:1fr}
  .kurs-feature img{max-width:340px}
  .kurs-zitat-mit-foto{grid-template-columns:1fr}
  .kurs-preis .kp-zahlen{gap:22px}
}
