/* ── Sanfte Seitenübergänge (moderne Browser, kein Flackern) ──
   Ignoriert von älteren Browsern – keine Fallback-Probleme. */
@view-transition {
  navigation: auto;
}
/* Kritische Fonts INLINE – verhindert Render-Blocking */
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/nunito-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/nunito-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/playfair-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:'Nunito';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/nunito-300.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/nunito-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/playfair-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('/fonts/playfair-500-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Mobile Optimierungen */
  html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
  * { -webkit-tap-highlight-color: rgba(121,183,178,.15); }
  /* iOS Auto-Zoom verhindern: Inputs min. 16px Schriftgröße */
  input, select, textarea {
    font-size: 16px !important;
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--r);
  }
  /* iOS Safari Form-Felder */
  input[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; }
  input[type="radio"]    { -webkit-appearance: radio;    appearance: radio; }
  /* Touch-Targets min. 44px */
  button, a, .nav-cta, .bp, .bg, .od-cta-p, .od-cta-s { touch-action: manipulation; }
  /* Smooth Scrolling auf iOS */
  .article-body, .page, body { -webkit-overflow-scrolling: touch; }
  /* Mobile: horizontale Overflow-Sicherung */
  body { overflow-x: hidden; max-width: 100vw; }
  img, video { max-width: 100%; height: auto; }
  /* Mobile-spezifische Anpassungen */
  @media (max-width: 480px) {
    /* Touch-Targets in der Nav */
    .nl-btn, .dd-btn { min-height: 44px; padding: .7rem 1rem; }
    /* Burger-Menu Größe */
    .burger { min-width: 44px; min-height: 44px; }
    /* Video-Control-Buttons */
    #btn-video-stop, #btn-video-mute { min-width: 44px !important; min-height: 44px !important; }
    /* CTAs */
    .bp, .bg, .od-cta-p, .od-cta-s, .btn-hero-p, .btn-hero-g { min-height: 48px; }
    /* Formular */
    input, select, textarea { min-height: 48px; padding: .7rem 1rem; }
    /* Artikel-Body */
    .article-body { padding-left: 1.2rem !important; padding-right: 1.2rem !important; }
    .recipe-variants { grid-template-columns: 1fr !important; }
  }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
 --gd:#4e6b4c;--gm:#79b7b2;--gl:#b6cf8d;--gp:#eef5e7;--gps:#f7fbf6;
 --sand:#f3eee3;--ww:#fdfcf9;--td:#243632;--tm:#48625d;--ts:#7b918c;
 --acc:#79b7b2;--r:14px;
 --sh:0 4px 24px rgba(78,107,76,.10);--shl:0 12px 48px rgba(78,107,76,.16);
}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;background:var(--ww);color:var(--td);line-height:1.65;padding-top:var(--nav-h)}
.topbar{
 background:var(--gd);color:#fff;text-align:center;
 font-size:.78rem;font-weight:600;padding:.4rem 1rem;
 letter-spacing:.04em;position:fixed;top:0;left:0;right:0;z-index:300;
}
.topbar a{color:#b8e6a8;text-decoration:none}
@media(max-width:540px){.topbar{font-size:.65rem;padding:.35rem .5rem}}
#nav{
 position:fixed;left:0;right:0;z-index:290;
 background:rgba(253,253,249,.97);backdrop-filter:blur(10px);
 border-bottom:1px solid #e0ead9;
 box-shadow:0 2px 12px rgba(45,90,39,.07);
 transition:box-shadow .2s;
}
.nav-inner{
 display:flex;align-items:center;justify-content:space-between;
 gap:.5rem;padding:0 4vw;height:56px;
}
.logo-link{display:inline-flex;align-items:center;text-decoration:none;gap:.6rem;flex-shrink:0}
.logo-link object{height:40px;width:180px;pointer-events:none;display:block}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links>li{position:relative}
.nl-btn{
 display:block;padding:.4rem .6rem;font-family:'Nunito',sans-serif;
 font-size:.78rem;font-weight:700;color:var(--td);text-decoration:none;
 background:none;border:none;cursor:pointer;border-radius:8px;
 transition:background .15s,color .15s;white-space:nowrap;line-height:1;
}
.nl-btn:hover,.nl-btn.active{background:var(--gp);color:var(--gd)}
.has-drop .nl-btn::after{content:' ▾';font-size:.6rem;opacity:.7}
.dropdown{
 display:none;position:absolute;top:calc(100% + 6px);right:0;
 background:#fff;border:1px solid #e2ead9;border-radius:var(--r);
 box-shadow:var(--shl);min-width:170px;padding:.4rem 0;z-index:400;
}
.has-drop:hover .dropdown,
.has-drop.open .dropdown,
.has-drop:focus-within .dropdown{display:block}
.dd-btn{
 display:block;width:100%;padding:.5rem 1rem;font-size:.8rem;font-weight:600;
 color:var(--td);background:none;border:none;cursor:pointer;
 font-family:'Nunito',sans-serif;text-align:left;transition:background .12s;
}
.dd-btn:hover{background:var(--gp);color:var(--gd)}
.nav-cta{
 background:var(--acc);color:#fff;border:none;border-radius:50px;
 padding:.48rem 1.1rem;font-family:'Nunito',sans-serif;font-weight:700;
 font-size:.78rem;cursor:pointer;white-space:nowrap;flex-shrink:0;
 transition:background .2s,transform .15s;text-decoration:none;display:inline-block;
}
.nav-cta:hover{background:#c96a28;transform:translateY(-1px)}
.burger{
 display:none;flex-direction:column;gap:5px;width:36px;height:36px;
 background:none;border:none;cursor:pointer;padding:5px;flex-shrink:0;
}
.burger span{display:block;height:2.5px;background:var(--gd);border-radius:2px;transition:all .28s}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mob-drawer{
 display:none;position:fixed;left:0;right:0;bottom:0;
 background:#fff;z-index:280;overflow-y:auto;
 border-top:1px solid #e2ead9;
 padding:1rem 5vw calc(env(safe-area-inset-bottom,0px) + 4rem);
 box-shadow:0 -8px 32px rgba(45,90,39,.12);
}
.mob-drawer.open{display:block}
.mob-item{
 display:block;width:100%;text-align:left;padding:.85rem 0;
 font-size:.92rem;font-weight:700;color:var(--td);text-decoration:none;
 background:none;border:none;border-bottom:1px solid #eef3ec;
 cursor:pointer;font-family:'Nunito',sans-serif;
}
.mob-sub{padding-left:1.2rem;font-size:.84rem;font-weight:600;color:var(--ts)}
.mob-cta{
 display:block;margin-top:1.2rem;width:100%;background:var(--acc);color:#fff;
 border:none;border-radius:50px;padding:.9rem 1.5rem;font-weight:700;
 font-size:.9rem;text-align:center;cursor:pointer;font-family:'Nunito',sans-serif;
}
@media(max-width:900px){.nav-links,.nav-cta{display:none!important}.burger{display:flex}}
@media(min-width:901px){.mob-drawer{display:none!important}}
.page{display:none}.page.active{display:block}
.wrap{max-width:1180px;margin:0 auto}
.sec{padding:4.5rem 5vw}
.sec-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gm);margin-bottom:.6rem}
h2.sh{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--gd);line-height:1.25;margin-bottom:.9rem}
h2.sh em{font-style:italic;color:var(--gm)}
.lead{font-size:.97rem;color:var(--tm);max-width:620px;margin-bottom:2rem;line-height:1.7}
.bp{background:var(--acc);color:#fff;border:none;border-radius:50px;padding:.8rem 1.8rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s}
.bp:hover{background:#c96a28;transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,123,57,.35)}
.bg{background:transparent;color:var(--gd);border:2px solid var(--gm);border-radius:50px;padding:.75rem 1.5rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s}
.bg:hover{background:var(--gp)}
.bgw{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:50px;padding:.75rem 1.5rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.86rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s}
.bgw:hover{background:rgba(255,255,255,.12);border-color:#fff}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin-top:1.8rem}
.card{background:#fff;border:1px solid #d6ebcf;border-radius:var(--r);padding:1.3rem;display:flex;gap:.9rem;align-items:flex-start;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s;overflow:hidden}
.card:hover{transform:translateY(-3px);box-shadow:var(--shl)}
.c-icon{font-size:1.7rem;flex-shrink:0;margin-top:.05rem}
.card h3{font-size:.9rem;font-weight:700;margin-bottom:.28rem;color:var(--gd);overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.card p{font-size:.8rem;color:var(--ts);line-height:1.55;overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-top:1.8rem}
.step{text-align:center;padding:1.6rem 1rem;background:var(--gp);border-radius:var(--r)}
.step-n{width:40px;height:40px;background:var(--gd);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.92rem;margin:0 auto .8rem}
.step h3{font-family:'Playfair Display',serif;font-size:.92rem;color:var(--gd);margin-bottom:.35rem}
.step p{font-size:.78rem;color:var(--tm);line-height:1.5}
.trust-bar{background:var(--sand);border-top:1px solid #e8e0d0;border-bottom:1px solid #e8e0d0;padding:1.2rem 5vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}
.ti{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--tm)}
.ti span:first-child{font-size:1.1rem}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin-top:1.8rem}
.pc{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px rgba(78,107,76,.1);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;border:2px solid transparent}
.pc:hover{transform:translateY(-5px);box-shadow:0 8px 32px rgba(78,107,76,.18);border-color:#79b7b2!important}
.pc.feat{
  border:2px solid #79b7b2;
  box-shadow: 0 0 0 3px rgba(121,183,178,.18), 0 4px 20px rgba(78,107,76,.13);
}
.ph{background:linear-gradient(135deg,#79b7b2,#4a8c8a);color:#fff;padding:1.5rem 1.4rem 1.2rem}
.ph.acc-bg{background:linear-gradient(135deg,#79b7b2,#4a8c8a)}
.ph.mid-bg{background:linear-gradient(135deg,#79b7b2,#4a8c8a)}
.ptag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.22);border-radius:50px;padding:.2rem .65rem;display:inline-block;margin-bottom:.6rem}
.ph h3{font-family:'Playfair Display',serif;font-size:1.2rem;margin-bottom:.12rem;font-weight:700}
.pamount{font-size:2.2rem;font-weight:800;margin:.3rem 0 .06rem;line-height:1}
.pper{font-size:.78rem;opacity:.8}
.pb{padding:1.3rem 1.4rem;flex:1;display:flex;flex-direction:column}
.pf{list-style:none;margin-bottom:1.2rem;flex:1}
.pf li{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem;margin-bottom:.5rem;color:var(--tm);line-height:1.5}
.pf li::before{content:'✓';color:var(--gm);font-weight:700;flex-shrink:0;margin-top:.1rem}
.pcta{display:block;text-align:center;background:var(--gd);color:#fff;border-radius:50px;padding:.8rem 1rem;font-weight:700;font-size:.86rem;text-decoration:none;border:none;cursor:pointer;font-family:'Nunito',sans-serif;transition:background .2s,transform .15s;width:100%}
.pcta:hover{background:#79b7b2;transform:translateY(-1px)}
.pcta.acc{background:var(--gd)}.pcta.acc:hover{background:#79b7b2}
.tw{margin-top:1.4rem;border-radius:var(--r);box-shadow:var(--sh);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}
.tw table{margin:0}
.tw::-webkit-scrollbar{height:6px}
.tw::-webkit-scrollbar-track{background:transparent}
.tw::-webkit-scrollbar-thumb{background:var(--gm);border-radius:3px}
table{width:100%;border-collapse:collapse;font-size:.82rem}
th{background:var(--gd);color:#fff;padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.76rem;letter-spacing:.03em}
td{padding:.68rem 1rem;border-bottom:1px solid #e8f0e4;color:var(--tm);vertical-align:top}
tr:nth-child(even) td{background:var(--gps)}
tr:last-child td{border-bottom:none}
.ty{color:var(--gm)!important;font-weight:700!important;text-align:center!important;font-size:1rem}
.tn{color:#bbb!important;font-weight:400!important;text-align:center!important;font-size:1rem}
/* Alle Spalten ab der 2. zentrieren – konsistent in allen Vergleichstabellen */
.tw th:not(:first-child),
.tw td:not(:first-child){text-align:center}

/* Mobile-Optimierung Vergleichstabellen */
@media (max-width: 720px) {
  .tw table { font-size: .76rem; min-width: 480px; }
  .tw th { padding: .65rem .55rem; font-size: .68rem; }
  .tw td { padding: .6rem .55rem; }
  .tw td:first-child, .tw th:first-child {
    position: sticky; left: 0; z-index: 2;
    background: #fff; min-width: 130px; max-width: 150px;
    box-shadow: 2px 0 4px rgba(0,0,0,.04);
  }
  .tw tr:nth-child(even) td:first-child { background: var(--gps); }
  .tw thead th:first-child { background: var(--gd); }
  /* Scroll-Hinweis entfernt – Scrollleiste reicht als Indikator */
}
@media (max-width: 480px) {
  .tw table { font-size: .72rem; }
  .tw th, .tw td { padding: .55rem .45rem; }
  .tw td:first-child, .tw th:first-child { min-width: 115px; max-width: 135px; }
}
.faq-wrap{max-width:740px}
.fi{border-bottom:1px solid #dde8d5;padding:.9rem 0}
.fq{font-weight:700;font-size:.88rem;color:var(--gd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none}
.fq::after{content:'+';font-size:1.2rem;color:var(--gm);flex-shrink:0;transition:transform .22s}
.fi.open .fq::after{transform:rotate(45deg)}
.fa{font-size:.84rem;color:var(--tm);max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;line-height:1.65}
.fi.open .fa{max-height:400px;padding-top:.6rem}
.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}}
.about-photo{border-radius:calc(var(--r)*2);overflow:hidden;box-shadow:var(--shl);aspect-ratio:4/5}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.tl{display:flex;flex-direction:column;gap:.65rem;margin-top:1.4rem}
.tli{display:flex;gap:.85rem;padding:.7rem;background:var(--gp);border-radius:var(--r);align-items:flex-start}
.tly{font-size:.68rem;font-weight:700;color:var(--gm);white-space:nowrap;min-width:60px;padding-top:.18rem;letter-spacing:.03em}
.tli h4{font-size:.84rem;font-weight:700;color:var(--gd);margin-bottom:.1rem}
.tli p{font-size:.75rem;color:var(--ts);line-height:1.5}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin-top:1.4rem}
.sp{display:flex;align-items:flex-start;gap:.55rem;padding:.72rem;background:var(--gp);border-radius:var(--r)}
.sp h4{font-size:.82rem;font-weight:700;color:var(--gd);margin-bottom:.08rem}
.sp p{font-size:.74rem;color:var(--ts)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:1.8rem}
.bc{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.bc:hover{transform:translateY(-3px);box-shadow:var(--shl)}
.bt{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.8rem}
.bb{padding:1.1rem}
.blog-tag{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gm);margin-bottom:.32rem;display:block}
.bc h3{font-family:'Playfair Display',serif;font-size:.93rem;color:var(--gd);margin-bottom:.3rem;line-height:1.3}
.bc p{font-size:.77rem;color:var(--ts);margin-bottom:.65rem;line-height:1.55}
.blog-read{font-size:.75rem;font-weight:700;color:var(--gm);text-decoration:none;background:none;border:none;cursor:pointer;font-family:'Nunito',sans-serif;padding:0}
.app-dark{background:#0d1a0c;padding:4.5rem 5vw;overflow:hidden}
.iph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:780px;margin:2rem auto 0;align-items:end}
.iph-grid>div{text-align:center}
.iph-grid img{width:100%;max-width:200px;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.6);display:block;margin:0 auto}
.iph-cap{margin-top:.85rem}
.iph-cap strong{display:block;color:#fff;font-size:.84rem;margin-bottom:.15rem}
.iph-cap p{color:rgba(255,255,255,.58);font-size:.74rem;line-height:1.5}
@media(max-width:560px){.iph-grid{grid-template-columns:1fr}.iph-grid>div:nth-child(2){transform:none!important}}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:2.5rem;align-items:start}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}}
.ci{display:flex;align-items:center;gap:.9rem;background:var(--gp);border-radius:var(--r);padding:.85rem 1.1rem;text-decoration:none;color:var(--td);margin-bottom:.7rem;transition:box-shadow .2s}
.ci:hover{box-shadow:var(--shl)}
.ci-icon{font-size:1.4rem;flex-shrink:0}
.ci strong{display:block;color:var(--gd);font-size:.88rem}
.ci span{font-size:.76rem;color:var(--ts)}
.form-card{background:#fff;border:1px solid #dde8d5;border-radius:calc(var(--r)*1.5);padding:2rem;box-shadow:var(--shl)}
.ft{font-family:'Playfair Display',serif;font-size:1.35rem;color:var(--gd);margin-bottom:.28rem}
.fs{font-size:.81rem;color:var(--ts);margin-bottom:1.5rem}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:480px){.fg{grid-template-columns:1fr}}
label{display:block;font-size:.74rem;font-weight:700;color:var(--tm);margin-bottom:.28rem;letter-spacing:.04em}
input,select,textarea{width:100%;border:1.5px solid #d0ddc8;border-radius:8px;padding:.65rem .85rem;font-family:'Nunito',sans-serif;font-size:.86rem;color:var(--td);background:var(--gps);transition:border-color .2s;outline:none;margin-bottom:.9rem}
input:focus,select:focus,textarea:focus{border-color:var(--gm);background:#fff}
textarea{resize:vertical;min-height:80px}
.fsub{width:100%;background:var(--acc);color:#fff;border:none;border-radius:50px;padding:.88rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s;margin-top:.3rem}
.fsub:hover{background:#c96a28;transform:translateY(-2px)}
.ferr{display:none;color:#c0392b;font-size:.7rem;font-weight:600;margin-top:-.65rem;margin-bottom:.65rem}
.fnote{font-size:.7rem;color:var(--ts);text-align:center;margin-top:.65rem}
.cta-band{background:linear-gradient(135deg,var(--gd) 0%,#3b7a32 100%);color:#fff;text-align:center;padding:4.5rem 5vw}
.cta-band h2{color:#fff;font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.75rem}
.cta-band p{opacity:.88;max-width:520px;margin:0 auto 2rem;font-size:.95rem}
.cta-btns{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}
.ib{background:var(--gp);border-left:4px solid var(--gm);border-radius:var(--r);padding:1rem 1.2rem;margin-top:1.2rem}
.ib p{font-size:.84rem;color:var(--tm)}
.pair{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.pair-b{background:var(--sand);border-radius:var(--r);padding:.85rem 1.1rem;flex:1;min-width:180px}
.pair-b p{font-size:.81rem;color:var(--tm)}
.legal{max-width:740px;line-height:1.75}
.legal h2{font-family:'Playfair Display',serif;color:var(--gd);font-size:1.35rem;margin:2.2rem 0 .6rem;padding-bottom:.4rem;border-bottom:2px solid var(--gp)}
.legal h3{font-family:'Playfair Display',serif;color:var(--gd);font-size:1.05rem;margin:1.4rem 0 .42rem}
.legal h4{font-family:'Nunito',sans-serif;color:var(--td);font-size:.9rem;font-weight:700;margin:1rem 0 .3rem}
.legal p{color:var(--tm);margin-bottom:.7rem;font-size:.88rem;line-height:1.7}
.legal ul{color:var(--tm);font-size:.88rem;line-height:1.7;padding-left:1.4rem;margin-bottom:.8rem}
.legal ul li{margin-bottom:.4rem}
.legal a{color:var(--gm);text-decoration:underline}
.legal a{color:var(--gm)}
.legal-note{margin-top:1.5rem;padding:.8rem 1rem;background:var(--gp);border-radius:var(--r);font-size:.78rem;color:var(--ts)}
.ph-green{background:linear-gradient(145deg,var(--gd) 0%,#3b7a32 55%,#4a8c3f 100%);color:#fff;padding:4rem 5vw 3rem;position:relative;overflow:hidden}
.ph-green::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}
.ph-dark{background:linear-gradient(145deg,#0d1a0c 0%,#1a3d16 55%,#2d5a27 100%);color:#fff;padding:4rem 5vw 3rem;position:relative;overflow:hidden}
.ph-pale{background:var(--gp);padding:3.5rem 5vw 2.5rem}
.ph-pale .sec-label{color:var(--gm)}
.ph-pale h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.7rem);color:var(--gd);margin-bottom:.9rem;line-height:1.2;font-weight:700}
.ph-pale .lead{color:var(--tm)}
.ph-h{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:.9rem;line-height:1.2;font-weight:700}
.ph-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:.3rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem}
.stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.6rem}
.stat span{font-family:'Playfair Display',serif;font-size:2rem;color:var(--gd);font-weight:700;display:block}
.stat p{font-size:.72rem;color:var(--ts);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
footer{background:var(--td);color:rgba(255,255,255,.7);padding:3rem 5vw 1.5rem}
.fg-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
@media(max-width:800px){.fg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.fg-grid{grid-template-columns:1fr}}
.fb p{font-size:.76rem;margin-top:.7rem;line-height:1.6;color:rgba(255,255,255,.45)}
.fsoc{display:flex;gap:.55rem;margin-top:.7rem}
.fsoc a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;text-decoration:none;transition:background .2s}
.fsoc a:hover{background:rgba(255,255,255,.22)}
.fc h4{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:.85rem}
.fc a,.fc button{display:block;font-size:.79rem;color:rgba(255,255,255,.58);text-decoration:none;margin-bottom:.36rem;background:none;border:none;cursor:pointer;font-family:'Nunito',sans-serif;text-align:left;padding:0;transition:color .15s}
.fc a:hover,.fc button:hover{color:#fff}
.f-bot{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;font-size:.71rem;color:rgba(255,255,255,.33)}
.f-bot a,.f-bot button{color:rgba(255,255,255,.45);text-decoration:none;background:none;border:none;cursor:pointer;font-size:.71rem;font-family:'Nunito',sans-serif;padding:0;transition:color .15s}
.f-bot a:hover,.f-bot button:hover{color:#fff}
.fbl{display:flex;gap:1rem}
.mob-cta-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--acc);color:#fff;text-align:center;padding:.82rem 1rem;font-weight:700;font-size:.8rem;z-index:150;box-sizing:border-box;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 -4px 16px rgba(224,123,57,.3);border:none;cursor:pointer;font-family:'Nunito',sans-serif}
@media(max-width:600px){.mob-cta-bar{display:block}}
.fu{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.fu.vis{opacity:1;transform:none}
.nbadge{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.38rem .9rem;margin-top:1rem}
.nbadge img{height:18px;width:auto;display:block}
.nbadge span{font-size:.7rem;color:rgba(255,255,255,.85);font-weight:600}

/* ── Sicherheit: <a> statt <button> für Navigation (Multi-Page-Umbau) ── */
.nl-btn, .dd-btn, .nav-cta, .mob-item, .mob-cta, .mob-cta-bar, .logo-link,
.fbl a, .fc a, .article-back, .bp-read {
  text-decoration: none;
  display: inline-block;
}
.nl-btn, .mob-item, .dd-btn { display: block; }
#home-hero {
 background: linear-gradient(145deg, #3a5238 0%, #4e6b4c 50%, #5c7d5a 100%);
 color: #fff;
 padding: 0;
 position: relative;
 overflow: hidden;
 min-height: 88vh;
 display: flex;
 align-items: stretch;
}
#home-hero::before {
 content: '';
 position: absolute; inset: 0;
 background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.025'%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3C/g%3E%3C/svg%3E") repeat;
 pointer-events: none;
}
.hero-inner {
 position: relative; z-index: 1;
 display: grid;
 grid-template-columns: 1fr 1fr;
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 4.5rem 5vw;
 gap: 3rem;
 align-items: center;
}
.hero-text { display: flex; flex-direction: column; }
.hero-eyebrow {
 display: inline-flex; align-items: center; gap: .4rem;
 background: rgba(182,207,141,.18);
 border: 1px solid rgba(182,207,141,.35);
 border-radius: 50px; padding: .3rem .9rem;
 font-size: .72rem; font-weight: 700;
 letter-spacing: .09em; text-transform: uppercase;
 color: #c8dfa8; margin-bottom: 1.2rem; width: fit-content;
}
#home-hero h1 {
 font-family: 'Playfair Display', serif;
 font-size: clamp(2rem, 4.5vw, 3.2rem);
 line-height: 1.18; font-weight: 700;
 margin-bottom: .6rem;
}
#home-hero h1 em { font-style: normal; color: #b6cf8d; }
.hero-claim {
 font-family: 'Playfair Display', serif;
 font-size: clamp(1.1rem, 2vw, 1.45rem);
 font-weight: 500; font-style: italic;
 color: rgba(255,255,255,.75);
 margin-bottom: 1.3rem;
}
.hero-sub {
 font-size: .97rem; line-height: 1.7;
 color: rgba(255,255,255,.82);
 max-width: 440px; margin-bottom: 2rem; font-weight: 300;
}
.hero-cta-row { display: flex; flex-wrap: wrap; gap: .8rem; }
.btn-hero-p {
 background: var(--acc); color: #fff;
 border: none; border-radius: 50px;
 padding: .9rem 2rem; font-family: 'Nunito', sans-serif;
 font-weight: 700; font-size: .92rem; cursor: pointer;
 text-decoration: none; transition: all .2s;
 display: inline-flex; align-items: center; gap: .4rem;
 letter-spacing: .02em;
}
.btn-hero-p:hover { background: #5fa09a; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(121,183,178,.4); }
.btn-hero-g {
 background: transparent; color: #fff;
 border: 1.5px solid rgba(255,255,255,.45);
 border-radius: 50px; padding: .88rem 1.8rem;
 font-family: 'Nunito', sans-serif; font-weight: 700;
 font-size: .9rem; cursor: pointer; text-decoration: none;
 display: inline-flex; align-items: center; gap: .4rem;
 transition: all .2s;
}
.btn-hero-g:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.hero-video-wrap {
 position: relative;
 display: flex; align-items: center; justify-content: center;
}
.video-phone {
 position: relative;
 width: 100%; max-width: 320px;
 margin: 0 auto;
}
.video-phone-frame {
 position: relative;
 border-radius: 36px;
 overflow: hidden;
 box-shadow:
 0 0 0 8px rgba(255,255,255,.12),
 0 0 0 10px rgba(255,255,255,.06),
 0 32px 80px rgba(0,0,0,.5);
 aspect-ratio: 9/16;
 background: #000;
}
.video-phone-frame iframe {
 width: 100%; height: 100%;
 border: none; display: block;
 pointer-events: none;
}
.video-glow {
 position: absolute; inset: -20px;
 background: radial-gradient(ellipse at center, rgba(121,183,178,.25) 0%, transparent 70%);
 border-radius: 50%; z-index: -1;
 filter: blur(20px);
}
.float-badge {
 position: absolute;
 background: #fff; border-radius: 12px;
 padding: .5rem .85rem;
 box-shadow: 0 8px 24px rgba(0,0,0,.18);
 display: flex; align-items: center; gap: .45rem;
 font-size: .76rem; font-weight: 700; color: var(--td);
 white-space: nowrap; animation: float 3s ease-in-out infinite;
}
.float-badge span:first-child { font-size: 1.05rem; }
.float-badge.left { left: -30px; top: 25%; animation-delay: 0s; }
.float-badge.right { right: -20px; bottom: 28%; animation-delay: 1.5s; }
@keyframes float {
 0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-6px); }
}
@media (max-width: 820px) {
 .hero-inner { grid-template-columns: 1fr; min-height: auto; padding: 3rem 5vw; }
 .hero-video-wrap { display: none; }
 #home-hero { min-height: auto; }
}
#home-trust {
 background: var(--sand);
 border-top: 1px solid #e4ddd0;
 border-bottom: 1px solid #e4ddd0;
 padding: 1rem 5vw;
 display: flex; flex-wrap: wrap;
 align-items: center; justify-content: center; gap: 1.8rem;
}
.ti2 {
 display: flex; align-items: center; gap: .45rem;
 font-size: .79rem; font-weight: 700; color: var(--tm);
}
.ti2 span:first-child { font-size: 1.05rem; }
#home-digital {
 background: var(--gps);
 padding: 5rem 5vw;
}
.digital-inner {
 display: grid; grid-template-columns: 1fr 1fr;
 gap: 4rem; align-items: center;
 max-width: 1100px; margin: 0 auto;
}
.digital-phones {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: flex-end;
  /* Gesamthöhe fixieren damit nix gezogen wird */
  height: 420px;
}
.dph {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 56px rgba(0,0,0,.22);
  flex-shrink: 0;
  position: relative;
}
/* Seitenverhältnis iPhone: 9:19.5 ≈ 1:2.167 */
.dph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.dph:nth-child(1) {
  width: 155px;
  height: 340px;
  transform: translateY(20px) rotate(-4deg);
  z-index: 1;
}
.dph:nth-child(2) {
  width: 175px;
  height: 385px;
  z-index: 2;
}
.dph:nth-child(3) {
  width: 155px;
  height: 340px;
  transform: translateY(20px) rotate(4deg);
  z-index: 1;
}
.digital-bullets { list-style: none; margin-top: 1.4rem; }
.digital-bullets li {
 display: flex; align-items: flex-start; gap: .65rem;
 font-size: .9rem; color: var(--tm); margin-bottom: .75rem; line-height: 1.6;
}
.dbullet-icon {
 width: 24px; height: 24px; border-radius: 50%;
 background: var(--gm); color: #fff;
 display: flex; align-items: center; justify-content: center;
 font-size: .65rem; flex-shrink: 0; margin-top: .18rem;
 font-weight: 900;
}
@media (max-width: 760px) {
 .digital-inner { grid-template-columns: 1fr; gap: 2rem; }
 .digital-phones { display: none; }
}
#home-offers {
 padding: 5rem 5vw;
 background: #fff;
}
.offers-grid {
 display: grid; grid-template-columns: 1fr 1fr;
 gap: 1.5rem; max-width: 900px; margin: 2rem auto 0;
}
.offer-tile {
 border-radius: calc(var(--r) * 1.5);
 overflow: hidden;
 box-shadow: var(--shl);
 display: flex; flex-direction: column;
 transition: transform .22s, box-shadow .22s;
}
.offer-tile:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(78,107,76,.18); }
.offer-tile-head {
 padding: 2rem 1.8rem 1.5rem;
 color: #fff;
}
.offer-tile-head.green-bg { background: linear-gradient(135deg, var(--gd), #3a5238); }
.offer-tile-head.teal-bg { background: linear-gradient(135deg, #5aa3a0, var(--gm)); }
.offer-tile-icon { font-size: 2.2rem; margin-bottom: .7rem; display: block; }
.offer-tile h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; margin-bottom: .6rem; line-height: 1.3; }
.offer-tile p { font-size: .85rem; opacity: .88; line-height: 1.65; }
.offer-tile-foot {
 background: var(--gps); padding: 1.3rem 1.8rem;
 flex: 1; display: flex; flex-direction: column; justify-content: flex-end;
}
.offer-btn {
 display: block; text-align: center; border: none; border-radius: 50px;
 padding: .8rem 1.2rem; font-family: 'Nunito', sans-serif;
 font-weight: 700; font-size: .86rem; cursor: pointer;
 text-decoration: none; transition: all .2s; margin-top: auto;
}
.offer-btn.green { background: var(--gd); color: #fff; }
.offer-btn.green:hover { background: #3a5238; }
.offer-btn.teal { background: var(--gm); color: #fff; }
.offer-btn.teal:hover { background: #5aa3a0; }
@media (max-width: 640px) { .offers-grid { grid-template-columns: 1fr; } }
#home-contact-cta {
 background: var(--sand);
 padding: 4rem 5vw;
 text-align: center;
}
#home-contact-cta h2 {
 font-family: 'Playfair Display', serif;
 font-size: clamp(1.5rem, 3vw, 2rem);
 color: var(--gd); margin-bottom: .7rem;
}
#home-contact-cta p { color: var(--tm); max-width: 500px; margin: 0 auto 1.8rem; font-size: .95rem; }
#home-health {
 background: linear-gradient(135deg, #243632 0%, #2f4a3c 100%);
 color: #fff;
 padding: 5rem 5vw;
 position: relative; overflow: hidden;
}
#home-health::before {
 content: '';
 position: absolute; inset: 0;
 background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.025'%3E%3Ccircle cx='50' cy='50' r='35'/%3E%3C/g%3E%3C/svg%3E") repeat;
 pointer-events: none;
}
.health-inner {
 position: relative; z-index: 1;
 display: grid; grid-template-columns: 1fr 1.6fr;
 gap: 3rem; align-items: start;
 max-width: 1100px; margin: 0 auto;
}
.health-risk-box {
 background: rgba(255,255,255,.07);
 border: 1px solid rgba(255,255,255,.13);
 border-radius: calc(var(--r) * 1.5);
 padding: 1.6rem;
 backdrop-filter: blur(6px);
}
.health-risk-icon { font-size: 2.5rem; margin-bottom: .8rem; display: block; }
.health-risk-box h3 {
 font-family: 'Playfair Display', serif;
 font-size: 1.15rem; color: #b6cf8d; margin-bottom: .7rem;
}
.health-risk-box p { font-size: .86rem; color: rgba(255,255,255,.72); line-height: 1.7; }
.health-more-risks {
 display: flex; flex-direction: column; gap: .45rem; margin-top: 1.1rem;
}
.risk-acc {
 background: rgba(255,255,255,.06);
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 8px; overflow: hidden;
 transition: border-color .2s, background .2s;
}
.risk-acc.open {
 border-color: rgba(182,207,141,.4);
 background: rgba(182,207,141,.07);
}
.risk-acc-btn {
 width: 100%; background: none; border: none; cursor: pointer;
 padding: .52rem .85rem;
 display: flex; align-items: center; justify-content: space-between; gap: .6rem;
 font-family: 'Nunito', sans-serif;
 font-size: .77rem; font-weight: 700;
 color: rgba(255,255,255,.65); text-align: left;
 transition: color .18s;
}
.risk-acc.open .risk-acc-btn { color: #b6cf8d; }
.risk-acc-btn:hover { color: rgba(255,255,255,.95); }
.risk-acc-left { display: flex; align-items: center; gap: .5rem; }
.risk-acc-arrow {
 font-size: .62rem; color: rgba(255,255,255,.28);
 transition: transform .25s, color .2s; flex-shrink: 0;
}
.risk-acc.open .risk-acc-arrow { transform: rotate(180deg); color: #b6cf8d; }
.risk-acc-body {
 max-height: 0; overflow: hidden;
 transition: max-height .35s ease, padding .25s;
 padding: 0 .85rem;
}
.risk-acc.open .risk-acc-body { max-height: 220px; padding: 0 .85rem .72rem; }
.risk-acc-body p {
 font-size: .78rem; color: rgba(255,255,255,.58);
 line-height: 1.65; border-top: 1px solid rgba(255,255,255,.07);
 padding-top: .5rem; margin: 0;
}
.health-text .sec-label { color: var(--gl); }
.health-text h2 {
 font-family: 'Playfair Display', serif;
 font-size: clamp(1.55rem, 3vw, 2.1rem);
 color: #fff; margin-bottom: .5rem; line-height: 1.3;
}
.health-text .sub {
 font-size: .9rem; color: var(--gm); font-style: italic;
 margin-bottom: 1.2rem; font-family: 'Playfair Display', serif;
}
.health-text p { font-size: .9rem; color: rgba(255,255,255,.78); line-height: 1.75; margin-bottom: 1.1rem; }
.health-text .closing {
 font-family: 'Playfair Display', serif;
 font-size: 1.05rem; color: #b6cf8d; font-style: italic;
}
@media (max-width: 700px) { .health-inner { grid-template-columns: 1fr; } }
#home-goals {
 background: var(--gps);
 padding: 5rem 5vw;
}
.goals-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 1.3rem; margin-top: 2rem;
}
.goal-card {
 background: #fff;
 border-radius: calc(var(--r) * 1.3);
 overflow: hidden;
 box-shadow: var(--sh);
 transition: transform .22s, box-shadow .22s;
 display: flex; flex-direction: column;
}
.goal-card:hover { transform: translateY(-3px); box-shadow: var(--shl); }
.goal-card-head {
 padding: 1.5rem 1.6rem 1rem;
 border-bottom: 1px solid var(--gp);
}
.goal-icon { font-size: 2rem; margin-bottom: .6rem; display: block; }
.goal-card h3 {
 font-family: 'Playfair Display', serif;
 font-size: 1.02rem; color: var(--gd); line-height: 1.35; margin-bottom: 0;
}
.goal-card-body {
 padding: 1rem 1.6rem 1.4rem; flex: 1; display: flex; flex-direction: column;
}
.goal-card-body p { font-size: .83rem; color: var(--ts); line-height: 1.65; margin-bottom: 1rem; flex: 1; }
.goal-btn {
 display: inline-flex; align-items: center; gap: .35rem;
 border: none; background: none; cursor: pointer;
 font-family: 'Nunito', sans-serif; font-weight: 700;
 font-size: .78rem; color: var(--gm); padding: 0;
 text-decoration: none; transition: color .15s;
}
.goal-btn:hover { color: var(--gd); }
.goals-extra-cta {
 text-align: center; margin-top: 2.5rem;
 padding: 2rem; background: var(--gp); border-radius: calc(var(--r) * 1.5);
}
.goals-extra-cta p { font-size: .92rem; color: var(--tm); margin-bottom: 1.1rem; font-weight: 600; }
@media (max-width: 600px) { .goals-grid { grid-template-columns: 1fr; } }

.goal-card { background:#fff;border-radius:calc(var(--r)*1.3);overflow:hidden;box-shadow:var(--sh);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column; }
.goal-card:hover{transform:translateY(-3px);box-shadow:var(--shl)}
.goal-card-head{padding:1.5rem 1.6rem 1rem;border-bottom:1px solid var(--gp)}
.goal-icon{font-size:2rem;margin-bottom:.6rem;display:block}
.goal-card h3{font-family:'Playfair Display',serif;font-size:1rem;color:var(--gd);line-height:1.35}
.goal-card-body{padding:1rem 1.6rem 1.4rem;flex:1;display:flex;flex-direction:column}
.goal-card-body p{font-size:.83rem;color:var(--ts);line-height:1.65;margin-bottom:1rem;flex:1}
.goal-btn{display:inline-flex;align-items:center;gap:.35rem;border:none;background:none;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.78rem;color:var(--gm);padding:0;text-decoration:none;transition:color .15s}
.goal-btn:hover{color:var(--gd)}
.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:2rem}
@media(max-width:600px){.goals-grid{grid-template-columns:1fr}}
.goals-extra-cta{text-align:center;margin-top:2.5rem;padding:2rem;background:var(--gp);border-radius:calc(var(--r)*1.5)}
.goals-extra-cta p{font-size:.92rem;color:var(--tm);margin-bottom:1.1rem;font-weight:600}

.offer-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1060px;margin:2rem auto 0}
@media(max-width:720px){.offer-deep-grid{grid-template-columns:1fr}}
.offer-deep{border-radius:calc(var(--r)*1.5);overflow:hidden;box-shadow:var(--shl);display:flex;flex-direction:column;transition:transform .22s}
.offer-deep:hover{transform:translateY(-4px)}
.od-head{padding:2rem 1.8rem 1.5rem;color:#fff}
.od-head.green{background:linear-gradient(145deg,var(--gd),#3a5238)}
.od-head.teal{background:linear-gradient(145deg,#4a9a96,var(--gm))}
.od-icon{font-size:2.4rem;margin-bottom:.7rem;display:block}
.od-tag{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.2);border-radius:50px;padding:.2rem .65rem;display:inline-block;margin-bottom:.55rem}
.od-head h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:.5rem;line-height:1.3}
.od-head p{font-size:.84rem;opacity:.88;line-height:1.65}
.od-body{padding:1.5rem 1.8rem;background:var(--gps);flex:1;display:flex;flex-direction:column}
.od-features{list-style:none;margin-bottom:1.3rem;flex:1}
.od-features li{
  display:grid;
  grid-template-columns:1rem auto 1fr;
  column-gap:.4rem;
  row-gap:.15rem;
  align-items:start;
  font-size:.84rem;color:var(--tm);
  margin-bottom:.7rem;line-height:1.55;
}
.od-features li::before{
  content:'✓';color:var(--gm);font-weight:700;
  font-size:.78rem;padding-top:.18rem;
}
.od-features li .fl{
  font-weight:700;color:var(--gd);
  white-space:nowrap;padding-top:0;
}
.od-features li .fl::after{content:' –'}
.od-features li .fd{color:var(--tm)}
/* Mobile: Label oben, Beschreibung darunter (zweizeilig) */
@media (max-width: 720px) {
  .od-features li{
    grid-template-columns:1rem 1fr;
  }
  .od-features li .fl{
    grid-column:2;
    white-space:normal;
  }
  .od-features li .fd{
    grid-column:2;
    padding-left:0;
  }
  .od-features li .fl::after{content:''}
}
.od-price{display:flex;align-items:baseline;gap:.4rem;margin-bottom:1.2rem;padding:.75rem 1rem;background:var(--gp);border-radius:var(--r)}
.od-price-label{font-size:.75rem;color:var(--ts);font-weight:600}
.od-price-val{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--gd);font-weight:700}
.od-cta-row{display:flex;flex-direction:column;gap:.6rem}
.od-cta-p{display:block;text-align:center;background:var(--gd);color:#fff;border:none;border-radius:50px;padding:.82rem 1.2rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;transition:background .2s;width:100%}
.od-cta-p.teal{background:var(--gm)}.od-cta-p.teal:hover{background:#4a9a96}
.od-cta-p:hover{background:#3a5238}
.od-cta-s{display:block;text-align:center;background:none;border:1.5px solid var(--gm);color:var(--gd);border-radius:50px;padding:.75rem 1.2rem;font-family:'Nunito',sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;width:100%}
.od-cta-s:hover{background:var(--gp)}

.blog-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;max-width:860px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.blog-preview-grid{grid-template-columns:1fr}}
.bp-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s;cursor:pointer}
.bp-card:hover{transform:translateY(-3px);box-shadow:var(--shl)}
.bp-thumb{height:160px;overflow:hidden;position:relative}
.bp-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s}
.bp-card:hover .bp-thumb img{transform:scale(1.04)}
.bp-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.8rem}
.bp-body{padding:1.1rem 1.2rem}
.bp-tag{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gm);margin-bottom:.3rem;display:block}
.bp-card h3{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--gd);margin-bottom:.4rem;line-height:1.35}
.bp-card p{font-size:.78rem;color:var(--ts);line-height:1.55;margin-bottom:.65rem}
.bp-read{font-size:.76rem;font-weight:700;color:var(--gm);background:none;border:none;cursor:pointer;font-family:'Nunito',sans-serif;padding:0}
.blog-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}
.blog-dot{width:8px;height:8px;border-radius:50%;background:#cddfc9;border:none;cursor:pointer;padding:0;transition:background .2s}
.blog-dot.active{background:var(--gm)}

.home-faq-list{max-width:720px;margin:1.8rem auto 0;padding:0 .5rem}
.home-fi{border-bottom:1px solid #dde8d5;padding:1rem .25rem}
.home-fq{font-weight:700;font-size:.9rem;color:var(--gd);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none;padding:.3rem .3rem}
.home-fq::after{content:'+';font-size:1.2rem;color:var(--gm);flex-shrink:0;transition:transform .22s}
.home-fi.open .home-fq::after{transform:rotate(45deg)}
.home-fa{font-size:.85rem;color:var(--tm);max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;line-height:1.7;padding:0 .3rem}
.home-fi.open .home-fa{max-height:300px;padding:.6rem .3rem .3rem}
/* Mobile: zusätzliche Abstände links/rechts */
@media (max-width: 600px) {
  .home-faq-list{padding:0 .8rem}
  .home-fi{padding:1.1rem .5rem}
  .home-fq{padding:.4rem .5rem;font-size:.92rem;line-height:1.45}
  .home-fa{padding:0 .5rem}
  .home-fi.open .home-fa{padding:.7rem .5rem .4rem;max-height:400px}
}

#journey-sec .sec-label { color: var(--gm); }
 .journey-wrap { max-width: 860px; margin: 0 auto; }
 .journey-line {
 position: relative;
 }
 .journey-line::before {
 content: '';
 position: absolute;
 left: 28px;
 top: 0; bottom: 0;
 width: 2px;
 background: linear-gradient(to bottom, var(--gm), var(--gl));
 opacity: .35;
 border-radius: 2px;
 }
 .jstep {
 display: grid;
 grid-template-columns: 60px 1fr auto;
 gap: 1.4rem;
 align-items: start;
 padding: 1.8rem 0;
 position: relative;
 }
 .jstep:last-child { padding-bottom: 0; }
 .jstep-num {
 width: 56px; height: 56px;
 background: var(--gd);
 color: #fff;
 border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 font-family: 'Playfair Display', serif;
 font-size: 1.25rem; font-weight: 700;
 flex-shrink: 0;
 box-shadow: 0 4px 16px rgba(78,107,76,.25);
 position: relative; z-index: 1;
 transition: transform .25s, box-shadow .25s;
 }
 .jstep:hover .jstep-num {
 transform: scale(1.1);
 box-shadow: 0 8px 24px rgba(78,107,76,.35);
 }
 .jstep-text { padding-top: .5rem; }
 .jstep-label {
 font-size: .68rem; font-weight: 700;
 letter-spacing: .09em; text-transform: uppercase;
 color: var(--gm); margin-bottom: .25rem;
 }
 .jstep-text h3 {
 font-family: 'Playfair Display', serif;
 font-size: 1.12rem; color: var(--gd);
 margin-bottom: .45rem; line-height: 1.3;
 }
 .jstep-text p {
 font-size: .86rem; color: var(--tm);
 line-height: 1.7; max-width: 440px;
 }
 .jstep-tag {
 display: inline-block; margin-top: .6rem;
 font-size: .7rem; font-weight: 700;
 background: var(--gp); color: var(--gm);
 border: 1px solid #c5dfc0; border-radius: 50px;
 padding: .22rem .7rem;
 }
 .jstep-visual {
 width: 110px; flex-shrink: 0;
 display: flex; align-items: center; justify-content: center;
 }
 .jstep-visual svg {
 width: 100%; height: auto;
 opacity: .9;
 transition: transform .3s ease;
 }
 .jstep:hover .jstep-visual svg { transform: scale(1.05); }
 .jstep.optional .jstep-num {
 background: var(--gm);
 font-size: .85rem;
 }
 @media (max-width: 640px) {
 .jstep { grid-template-columns: 48px 1fr; }
 .jstep-visual { display: none; }
 .jstep-num { width: 46px; height: 46px; font-size: 1rem; }
 .journey-line::before { left: 23px; }
 }

.digi-flow { max-width: 820px; margin: 0 auto; }
 .digi-flow-steps {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
 gap: 0;
 position: relative;
 margin-top: 2.2rem;
 }
 .digi-flow-steps::before {
 content: '';
 position: absolute;
 top: 36px;
 left: calc(100% / 10);
 right: calc(100% / 10);
 height: 2px;
 background: linear-gradient(to right, var(--gm), var(--gl));
 opacity: .35;
 z-index: 0;
 }
 .dflow-step {
 display: flex; flex-direction: column; align-items: center;
 text-align: center; padding: 0 .6rem 1.5rem;
 position: relative; z-index: 1;
 }
 .dflow-icon {
 width: 72px; height: 72px;
 border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 font-size: 1.8rem;
 margin-bottom: .9rem;
 box-shadow: 0 4px 16px rgba(78,107,76,.15);
 transition: transform .22s;
 }
 .dflow-step:hover .dflow-icon { transform: translateY(-4px); }
 .dflow-step h4 {
 font-family: 'Playfair Display', serif;
 font-size: .88rem; color: var(--gd);
 margin-bottom: .3rem; line-height: 1.3;
 }
 .dflow-step p { font-size: .75rem; color: var(--ts); line-height: 1.5; }
 .digi-explain {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.3rem;
 margin-top: 2.5rem;
 }
 .digi-explain-box {
 background: #fff;
 border-radius: calc(var(--r) * 1.3);
 padding: 1.5rem;
 border: 1px solid #ddebd8;
 box-shadow: var(--sh);
 }
 .digi-explain-box h4 {
 font-family: 'Playfair Display', serif;
 font-size: 1rem; color: var(--gd); margin-bottom: .6rem;
 display: flex; align-items: center; gap: .5rem;
 }
 .digi-explain-box p { font-size: .84rem; color: var(--tm); line-height: 1.7; }
 .digi-explain-box ul {
 list-style: none; margin-top: .7rem;
 }
 .digi-explain-box ul li {
 font-size: .82rem; color: var(--tm);
 padding: .28rem 0; display: flex; align-items: flex-start; gap: .5rem;
 border-bottom: 1px solid #f0f5ec;
 }
 .digi-explain-box ul li:last-child { border-bottom: none; }
 .digi-explain-box ul li::before {
 content: '✓'; color: var(--gm); font-weight: 700; flex-shrink: 0;
 margin-top: .05rem;
 }
 @media (max-width: 640px) {
 .digi-explain { grid-template-columns: 1fr; }
 .digi-flow-steps { grid-template-columns: 1fr 1fr; }
 .digi-flow-steps::before { display: none; }
 }
 .digi-prices {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1.3rem;
 margin-top: 2rem;
 }
 @media (max-width: 720px) { .digi-prices { grid-template-columns: 1fr; } }
 /* ── Pakete-Karten: einheitliches Design ── */
 .dp-card {
   background: #fff;
   border-radius: 18px;
   overflow: hidden;
   box-shadow: 0 2px 16px rgba(78,107,76,.1);
   display: flex; flex-direction: column;
   transition: transform .22s, box-shadow .22s, border-color .22s;
   border: 2px solid transparent;
 }
 .dp-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 32px rgba(78,107,76,.18);
   border-color: #79b7b2;
 }
 .dp-head {
   padding: 1.5rem 1.4rem 1.2rem;
   color: #fff;
   background: linear-gradient(135deg, #79b7b2, #4a8c8a);
 }
 /* Alle drei Köpfe gleiche Teal-Farbe */
 .dp-head.c1, .dp-head.c2, .dp-head.c3 {
   background: linear-gradient(135deg, #79b7b2, #4a8c8a);
 }
 .dp-badge {
   font-size: .62rem; font-weight: 700; letter-spacing: .1em;
   text-transform: uppercase; background: rgba(255,255,255,.22);
   border-radius: 50px; padding: .2rem .65rem;
   display: inline-block; margin-bottom: .6rem;
 }
 .dp-head h3 {
   font-family: 'Playfair Display', serif;
   font-size: 1.2rem; margin-bottom: .55rem; font-weight: 700;
 }
 .dp-price { display: flex; align-items: baseline; gap: .25rem; }
 .dp-amount { font-size: 2.2rem; font-weight: 800; line-height: 1; }
 .dp-per { font-size: .78rem; opacity: .8; margin-top: .2rem; }
 .dp-monthly { font-size: .78rem; opacity: .8; display: block; margin-top: .15rem; }
 .dp-body { padding: 1.3rem 1.4rem; flex: 1; display: flex; flex-direction: column; }
 .dp-features { list-style: none; margin-bottom: 1.2rem; flex: 1; }
 .dp-features li {
   display: flex; align-items: flex-start; gap: .45rem;
   font-size: .82rem; color: var(--tm);
   padding: .38rem 0; border-bottom: 1px solid #eef5ec;
   line-height: 1.5;
 }
 .dp-features li:last-child { border-bottom: none; }
 .dp-features li::before { content: '✓'; color: var(--gm); font-weight: 700; flex-shrink: 0; margin-top: .1rem; }
 .dp-features li.extra::before { content: '✓'; color: var(--gm); }
 /* Button – einheitlich dunkelgrün für alle */
 .dp-cta {
   display: block; text-align: center; border: none;
   border-radius: 50px; padding: .8rem 1rem;
   font-family: 'Nunito', sans-serif; font-weight: 700;
   font-size: .86rem; cursor: pointer; width: 100%;
   transition: background .2s, transform .15s;
   text-decoration: none;
   background: var(--gd); color: #fff;
 }
 .dp-cta:hover { background: #79b7b2; transform: translateY(-1px); }
 .dp-cta.dark { background: var(--gd); color: #fff; }
 .dp-cta.dark:hover { background: #79b7b2; }
 .dp-cta.teal { background: var(--gd); color: #fff; }
 .dp-cta.teal:hover { background: #79b7b2; }
 .dig-compare th { background: var(--gd); }
 .dig-compare th:first-child { border-radius: var(--r) 0 0 0; }
 .dig-compare th:last-child { border-radius: 0 var(--r) 0 0; }

.blog-hero-label { color: var(--gm); }
 .bc { cursor: pointer; }
 .bc .bt img { width:100%;height:100%;object-fit:cover;display:block; }
 .bt { height:180px;overflow:hidden;position:relative; }
 .bt-placeholder { width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem; }
 .blog-meta { display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;flex-wrap:wrap; }
 .blog-date { font-size:.66rem;color:var(--ts);font-weight:600; }
 .blog-readtime { font-size:.66rem;color:var(--ts); }
 .bc h3 { font-size:1rem; }
 #blog-article { display:none; }
 #blog-article.active { display:block; }
 .article-hero {
 background: linear-gradient(145deg, var(--gd), #3a5238);
 color:#fff; padding:4rem 5vw 3rem; position:relative; overflow:hidden;
 }
 .article-hero::before {
 content:'';position:absolute;inset:0;
 background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/svg%3E") repeat;
 pointer-events:none;
 }
 .article-back {
 display:inline-flex;align-items:center;gap:.4rem;
 background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
 border-radius:50px;padding:.3rem .9rem;font-size:.75rem;font-weight:700;
 color:#fff;cursor:pointer;margin-bottom:1.2rem;
 font-family:'Nunito',sans-serif;transition:background .2s;
 border:none;
 }
 .article-back:hover { background:rgba(255,255,255,.2); }
 .article-tag-row { display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem;flex-wrap:wrap; }
 .article-tag {
 background:rgba(182,207,141,.2);border:1px solid rgba(182,207,141,.35);
 border-radius:50px;padding:.22rem .75rem;
 font-size:.68rem;font-weight:700;letter-spacing:.07em;
 text-transform:uppercase;color:#c8dfa8;
 }
 .article-date { font-size:.72rem;color:rgba(255,255,255,.6); }
 .article-readtime { font-size:.72rem;color:rgba(255,255,255,.5); }
 .article-hero h1 {
 font-family:'Playfair Display',serif;
 font-size:clamp(1.7rem,3.5vw,2.6rem);
 line-height:1.22;margin-bottom:.8rem;font-weight:700;
 }
 .article-hero h1 em { font-style:italic;color:#b6cf8d; }
 .article-intro {
 font-size:1rem;color:rgba(255,255,255,.82);
 max-width:640px;line-height:1.7;font-weight:300;
 }
 .article-body {
 max-width:760px;margin:0 auto;padding:3.5rem 5vw 4rem;
 }
 .article-img {
 width:100%;border-radius:calc(var(--r)*1.4);
 overflow:hidden;margin:2rem 0;box-shadow:var(--shl);
 background:var(--gp);
 }
 .article-img img { width:100%;height:auto;display:block; }
 .article-img-placeholder {
 width:100%;height:260px;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,var(--gp),var(--gps));
 font-size:3.5rem;flex-direction:column;gap:.6rem;
 }
 .article-img-caption {
 font-size:.72rem;color:var(--ts);text-align:center;
 padding:.5rem 1rem .8rem;font-style:italic;
 }
 /* ═══════════════════════════════════════════════════════════════
    KI-KENNZEICHNUNG (EU AI Act Art. 50, gültig ab 2. August 2026)
    ═══════════════════════════════════════════════════════════════
    Für ALLE Bilder, die mit KI (z.B. GPT Image, Midjourney, DALL-E)
    erzeugt wurden. Bilder VOR dem 2.8.2026 erzeugt = keine Pflicht,
    aber hier freiwillig ergänzt (zukunftssicher + Vertrauensbonus).
    NEUE KI-Bilder ab 2.8.2026 MÜSSEN so gekennzeichnet werden.

    Verwendung bei neuen Artikel-Bildern:
      <p class="article-img-caption">Bildunterschrift</p>
      <span class="ai-badge"><span class="ai-tag">AI</span>Vollständig KI-generiertes Bild</span>

    Verwendung bei neuen Blog-Übersicht-Thumbnails (in .bt Div nach <picture>):
      <span class="ai-badge-overlay" title="Vollständig KI-generiertes Bild">
        <span class="ai-tag">AI</span>generiert</span>

    NIEMALS auf echte Fotos anwenden (z.B. foto-aenni.jpg)!

    Offizielle EU-Icons zum Ersetzen dieses Text-Labels (optional):
    https://digital-strategy.ec.europa.eu/en/policies/eu-icons-labelling-ai-generated-content
    ═══════════════════════════════════════════════════════════════ */
 .ai-badge {
 display:inline-flex;align-items:center;gap:.35rem;
 font-size:.66rem;font-weight:700;color:var(--ts);
 background:var(--gps);border:1px solid #e2ede0;
 border-radius:50px;padding:.22rem .65rem;
 margin-top:.35rem;letter-spacing:.02em;
 }
 .ai-badge .ai-tag {
 background:var(--gd);color:#fff;border-radius:4px;
 padding:.05rem .32rem;font-size:.62rem;font-weight:800;
 letter-spacing:.03em;
 }
 .blog-card-thumb { position:relative; }
 .ai-badge-overlay {
 position:absolute;bottom:.5rem;right:.5rem;
 display:inline-flex;align-items:center;gap:.3rem;
 font-size:.6rem;font-weight:700;color:#fff;
 background:rgba(36,54,50,.72);backdrop-filter:blur(2px);
 border-radius:50px;padding:.2rem .55rem;
 }
 .ai-badge-overlay .ai-tag {
 background:rgba(255,255,255,.25);border-radius:4px;
 padding:.03rem .3rem;font-size:.58rem;font-weight:800;
 }
 .article-body h2 {
 font-family:'Playfair Display',serif;
 font-size:clamp(1.3rem,2.5vw,1.7rem);
 color:var(--gd);margin:2.2rem 0 .8rem;line-height:1.3;
 }
 .article-body h3 {
 font-family:'Playfair Display',serif;
 font-size:1.1rem;color:var(--gd);margin:1.6rem 0 .5rem;
 }
 .article-body p {
 font-size:.95rem;color:var(--tm);line-height:1.8;margin-bottom:1rem;
 }
 .article-body strong { color:var(--gd); }
 .recipe-box {
 background:var(--gps);border:1px solid #d4e8cc;
 border-radius:calc(var(--r)*1.3);padding:1.5rem 1.8rem;
 margin:1.4rem 0;position:relative;overflow:hidden;
 }
 .recipe-box::before {
 content:'';position:absolute;left:0;top:0;bottom:0;
 width:4px;background:var(--gm);border-radius:2px;
 }
 .recipe-label {
 font-size:.65rem;font-weight:700;letter-spacing:.09em;
 text-transform:uppercase;color:var(--gm);margin-bottom:.5rem;display:block;
 }
 .recipe-box h4 {
 font-family:'Playfair Display',serif;font-size:1.05rem;
 color:var(--gd);margin-bottom:.7rem;
 }
 .recipe-box ol,.recipe-box ul { padding-left:1.2rem;margin-bottom:.8rem; }
 .recipe-box li { font-size:.87rem;color:var(--tm);margin-bottom:.35rem;line-height:1.6; }
 .nw-tag {
 display:inline-flex;align-items:center;gap:.3rem;
 background:#fff;border:1px solid #ddebd6;border-radius:50px;
 padding:.22rem .75rem;font-size:.73rem;font-weight:700;color:var(--gd);
 margin:.2rem .2rem 0 0;
 }
 .recipe-variants { display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.4rem 0; }
 @media(max-width:560px){ .recipe-variants { grid-template-columns:1fr; } }
 .recipe-variant-tag {
 display:inline-block;font-size:.63rem;font-weight:700;
 letter-spacing:.07em;text-transform:uppercase;
 border-radius:50px;padding:.18rem .6rem;margin-bottom:.5rem;
 }
 .tag-blitz { background:#fff3cd;color:#856404; }
 .tag-entspannt { background:var(--gp);color:var(--gd); }
 .highlight-box {
 background:linear-gradient(135deg,var(--gd),#3a5238);
 color:#fff;border-radius:calc(var(--r)*1.3);
 padding:1.5rem 1.8rem;margin:2rem 0;
 }
 .highlight-box p { color:rgba(255,255,255,.88);margin:0;font-size:.92rem;line-height:1.7; }
 .highlight-box strong { color:#b6cf8d; }
 .article-cta {
 background:var(--gp);border-radius:calc(var(--r)*1.5);
 padding:2rem 1.8rem;text-align:center;margin-top:2.5rem;
 }
 .article-cta h3 {
 font-family:'Playfair Display',serif;color:var(--gd);
 font-size:1.2rem;margin-bottom:.6rem;
 }
 .article-cta p { font-size:.88rem;color:var(--tm);margin-bottom:1.2rem; }
 .author-box {
 display:flex;align-items:center;gap:1.2rem;
 background:var(--sand);border-radius:var(--r);
 padding:1.1rem 1.3rem;margin-top:2.5rem;
 }
 .author-avatar {
 width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;
 background:var(--gp);
 }
 .author-avatar img { width:100%;height:100%;object-fit:cover;object-position:top; }
 .author-box strong { display:block;font-size:.88rem;color:var(--gd);margin-bottom:.18rem; }
 .author-box p { font-size:.77rem;color:var(--ts);margin:0;line-height:1.5; }
 .breadcrumb {
 font-size:.72rem;color:var(--ts);margin-bottom:1.5rem;
 display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;
 }
 .breadcrumb span { color:var(--ts); }
 .breadcrumb button {
 color:var(--gm);font-weight:700;background:none;border:none;
 cursor:pointer;font-family:'Nunito',sans-serif;font-size:.72rem;padding:0;
 }

/* ── Multi-Page: ehemalige Buttons sind jetzt <a>-Links ── */
a.bc, a.goal-card, a.bp, a.bgw, a.bs, a.blog-cta, a.dp-cta, a.pcta,
a.fsub, a.mob-cta-bar, a.nav-cta {
  text-decoration: none;
  color: inherit;
}
a.bc, a.goal-card { display: block; cursor: pointer; }
a.bp, a.bgw, a.bs { display: inline-block; }