/* Campaign 2: clear offer with early brand context. Legacy inner pages keep styles.css. */
.landing-page { --gutter:clamp(20px,4.7vw,72px); }
.landing { overflow:clip; }
.landing p+p { margin-top:10px; }
.landing h2 { font-size:clamp(34px,4.2vw,55px); line-height:1.08; letter-spacing:-1.8px; }
.landing-eyebrow { font-size:11px; line-height:1.5; letter-spacing:1.4px; color:var(--muted); }
.landing-eyebrow span { margin:0 7px; color:var(--lime); }
.landing-eyebrow+h2 { margin-top:14px; }
.landing-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"intro photo" "formula photo" "offer photo" "note photo"; column-gap:clamp(35px,6vw,90px); padding-block:46px 48px; align-items:start; }
.landing-intro { grid-area:intro; }
.landing-intro h1 { font-size:clamp(48px,5.25vw,72px); line-height:1.01; font-weight:600; letter-spacing:-3.5px; margin:23px 0 18px; }
.landing-intro h1 span { color:var(--lime); }
.landing-occasion { font-size:18px; line-height:1.5; max-width:390px; color:#d8dbd0; }
.landing-hero-image { grid-area:photo; margin:0; height:100%; min-height:650px; position:relative; align-self:stretch; overflow:hidden; background:var(--bg); }
.landing-hero-image img { width:100%; height:100%; object-fit:cover; object-position:50% 58%; display:block; }
.landing-hero-image::after { content:""; position:absolute; inset:-1px; pointer-events:none; background:radial-gradient(ellipse 90% 92% at 50% 52%, rgba(16,17,16,0) 58%, rgba(16,17,16,.10) 72%, rgba(16,17,16,.35) 84%, rgba(16,17,16,.78) 94%, var(--bg) 100%); }
.landing-formula-teaser { grid-area:formula; margin-top:23px; max-width:510px; font-size:15px; line-height:1.55; color:#c6cabb; }
.landing-formula-teaser strong { color:var(--paper); font-weight:600; }
.landing-formula-teaser sup a, .landing-occasion sup a { color:var(--lime); padding:0 2px; text-decoration:underline; }
.landing-offer { grid-area:offer; margin-top:23px; }
.landing-pack { font-size:14px; line-height:1.5; color:#c6cabb; }
.landing-pack strong { color:var(--paper); font-weight:600; }
.landing-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 15px; margin:8px 0 15px; }
.landing-price>strong { font-weight:600; font-size:36px; line-height:1.15; letter-spacing:-1px; }
.landing-price>span { font-size:13px; color:#c2c7b8; }
.landing .landing-buy { display:flex; width:100%; justify-content:space-between; min-height:54px; gap:12px; padding:15px 20px; font-size:15px; line-height:1.4; font-weight:600; text-transform:none; letter-spacing:0; }
.landing-buy>span { font-size:22px; line-height:1; }
.landing .landing-shipping { font-size:12px; line-height:1.65; color:#bdc3b1; margin-top:10px; }
.landing .landing-origin { font-size:12px; line-height:1.5; margin-top:8px; color:#d8ddcd; }
.landing-origin span { color:var(--lime); margin-right:5px; }
.landing-hero-trust { display:flex; flex-wrap:wrap; gap:5px 15px; margin-top:8px; color:#d8ddcd; font-size:12px; line-height:1.5; }
.landing-hero-trust span { white-space:nowrap; }

/* Hero-Kaufvertrauen bewusst kontrastreicher als sekundäre Seitentexte. */
[data-hero-offer] .landing-shipping,
[data-hero-offer] .landing-hero-trust,
[data-hero-offer] .landing-purchase-meta-mobile {
  color:var(--paper);
}
[data-hero-offer] .landing-hero-trust span {
  color:var(--paper);
}

.landing-purchase-meta-mobile,
.landing-formula-mobile { display:none; }

.landing-formula-action { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; padding-top:22px; border-top:1px solid #b9bfad; }
.landing-formula-action>div { display:flex; flex-direction:column; gap:3px; color:#4e5844; font-size:13px; }
.landing-formula-action>div strong { color:#1c2316; font-size:17px; font-weight:600; }
.landing-formula-action .landing-buy { width:auto; min-width:330px; }

.landing-hero-note { grid-area:note; margin-top:18px; }
.landing-claim { font-size:12px; color:#b6bda9; line-height:1.55; }
.landing-detail-link { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; font-size:13px; line-height:1.45; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.landing-hero-note .landing-detail-link { margin-top:6px; }
.landing-detail-link:hover { color:var(--lime); }
.landing-section { padding-block:65px; }
.landing-section-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:30px; }
.landing-section-heading>p { font-size:15px; line-height:1.65; color:var(--muted); }
.landing-formula { background:var(--paper); color:var(--bg); }
.landing-formula .landing-eyebrow,.landing-formula .landing-section-heading>p { color:#566046; }
.landing-ingredients { display:grid; grid-template-columns:1fr 1fr; border:1px solid #c2c7b7; }
.landing-ingredient { padding:24px; display:flex; flex-direction:column; gap:20px; }
.landing-ingredient:last-child { border-left:1px solid #c2c7b7; }
.landing-amount { display:block; font-size:40px; line-height:1; letter-spacing:-1.5px; margin-bottom:13px; }
.landing-amount small { font-size:17px; letter-spacing:0; }
.landing-ingredient h3 { font-size:19px; line-height:1.25; letter-spacing:-.3px; }
.landing-ingredient p { font-size:14px; line-height:1.6; color:#505a45; }
.landing-ingredient-label { display:block; margin-bottom:15px; font-size:10px; letter-spacing:1.2px; color:#536039; }
.landing-micros { background:#e3e8d6; grid-column:1/-1; display:grid; grid-template-columns:1fr 1.4fr; align-items:center; gap:30px; border-bottom:1px solid #c2c7b7; }
.landing-micros .landing-ingredient-label { margin-bottom:9px; }
.landing-micro-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid #c2c7b7; }
.landing-micro-benefit { padding:22px 24px; min-width:0; }
.landing-micro-benefit:first-child { padding-left:0; }
.landing-micro-benefit:last-child { padding-right:0; }
.landing-micro-benefit+.landing-micro-benefit { border-left:1px solid #c2c7b7; }
.landing-micro-benefit h4 { font-size:16px; line-height:1.3; margin-bottom:9px; }
.landing-micro-benefit p { font-size:13px; line-height:1.65; color:#505a45; }
.landing-details { border:0; border-bottom:1px solid var(--line); }
.landing-details summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:58px; padding:17px 0; font-size:15px; line-height:1.4; cursor:pointer; list-style:none; }
.landing-details summary::-webkit-details-marker { display:none; }
.landing-details summary>span { flex:0 0 auto; font-size:23px; font-weight:400; line-height:1; color:var(--lime); transition:transform .15s; }
.landing-details[open]>summary>span { transform:rotate(45deg); }
.landing-details .details-body { padding:0 0 22px; max-width:none; font-size:14px; line-height:1.7; }
.landing-details .details-body p { color:#b9c0ad; }
.landing-details .details-body a { text-decoration:underline; text-underline-offset:3px; }
.landing .table-scroll { max-width:100%; overflow-x:auto; }
.landing table { width:100%; min-width:0; font-size:13px; line-height:1.5; }
.landing th,.landing td { padding:10px 8px; }
.landing th:first-child { width:52%; }
.landing td { white-space:nowrap; }
.landing-nutrients { margin-top:14px; border-color:#b9bfad; }
.landing-nutrients summary>span { color:#4c6119; }
.landing-nutrients .details-body p { color:#535c48; }
.landing-nutrients table,.landing-nutrients caption,.landing-nutrients th,.landing-nutrients td { color:#1c2316; border-color:#c5cabd; }
.landing-health-note { font-size:12px; line-height:1.6; color:#59634d; margin-top:16px; }
.landing-routine { border-bottom:1px solid var(--line); }
.landing-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.landing-steps li { display:flex; align-items:start; gap:18px; }
.landing-steps li>span { display:flex; align-items:center; justify-content:center; flex:0 0 40px; height:40px; font-size:12px; color:var(--lime); border:1px solid #58643a; }
.landing-steps h3 { font-size:20px; line-height:1.3; margin-bottom:8px; }
.landing-steps p { font-size:14px; color:var(--muted); line-height:1.6; }
.landing-routine-value { max-width:800px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); color:#c7d0b8; font-size:15px; line-height:1.7; }
.landing-routine-value strong { font-weight:500; color:var(--paper); }
.landing-routine-note { max-width:800px; font-size:12px; color:#aeb8a0; line-height:1.65; margin-top:12px; }
.landing-routine-note strong { font-weight:500; color:#d6ddc9; }
.landing-product { background:#151713; }
.landing-product-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"image intro" "image copy"; gap:28px 65px; align-items:start; }
.landing-product-intro { grid-area:intro; }
.landing-product-intro h2 { font-size:clamp(48px,5.25vw,72px); line-height:1.01; font-weight:600; letter-spacing:-3.5px; margin-top:23px; }
.landing-product-intro h2 span { color:var(--lime); }
.landing-product-image { grid-area:image; margin:0; align-self:start; overflow:hidden; min-height:640px; height:640px; display:flex; align-items:center; justify-content:center; }
.landing-product-image img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.landing-product-copy { grid-area:copy; min-width:0; }
.landing-product-description { font-size:18px; color:#d9dfcc; line-height:1.45; letter-spacing:.02em; }
.landing-product-description strong { font-size:inherit; font-weight:600; color:var(--paper); }
.landing-product-note { margin-top:8px; font-size:13px; line-height:1.6; color:#bcc4ad; }
.landing-product-note strong { color:var(--paper); font-weight:600; }
.landing-product-copy>.landing-pack { margin-top:20px; }
.landing-purchase-trust { display:flex; flex-wrap:wrap; gap:6px 20px; margin-top:13px; }
.landing-purchase-trust span { font-size:12px; line-height:1.5; color:#d9dfcc; }
.landing-purchase-trust span::before { content:'✓'; color:var(--lime); margin-right:6px; }
.landing .landing-service-links { display:flex; flex-wrap:wrap; gap:0 20px; margin:6px 0 6px; font-size:12px; color:#b9c2ab; }
.landing-service-links a { display:flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:3px; }
.landing .landing-contact { margin-top:17px; font-size:12px; line-height:1.65; color:#b9c2ab; }
.landing-contact a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; color:var(--paper); }
.landing-faq .landing-section-heading { align-items:center; }
.landing-faq-list { border-top:1px solid var(--line); }
.landing-attitude { background:#22281b; }
.landing-attitude-heading { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:45px; }
.landing-attitude h2 { font-size:clamp(34px,3.9vw,52px); }
.landing-attitude-copy p { color:#c7d0b8; font-size:15px; line-height:1.7; }
.landing-attitude-copy .landing-attitude-lead { color:var(--paper); font-size:20px; line-height:1.4; }
.landing-moments-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:36px 0 14px; }
.landing-moments-heading>span { font-size:10px; letter-spacing:1.5px; color:#aebc98; }
.landing-moment-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #566044; }
.landing-moment { padding:24px 26px; min-width:0; }
.landing-moment:first-child { padding-left:0; }
.landing-moment:last-child { padding-right:0; }
.landing-moment+.landing-moment { border-left:1px solid #566044; }
.landing-moment .landing-moment-label { color:var(--lime); font-size:10px; letter-spacing:1.7px; margin-bottom:13px; }
.landing-moment h3 { font-size:24px; line-height:1.2; letter-spacing:-.5px; font-weight:500; margin-bottom:10px; }
.landing-moment p { font-size:14px; line-height:1.6; color:#c7d0b8; max-width:260px; }
.landing-moment-morning { background:rgba(198,255,0,.035); }



.landing-attitude-actions { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:25px; }
.landing-attitude-actions>div { flex:0 1 450px; }
.landing-attitude-actions .landing-shipping { font-size:11px; }
.landing-page .site-footer { padding-block:38px 26px; }
.landing-page .footer-top { padding-bottom:24px; }
.landing-page .footer-bottom { padding-top:20px; }
.landing-page .footer-links a,.landing-page .footer-link-button { display:inline-flex; align-items:center; min-height:44px; }
.landing-page .mobile-product-bar { display:none; }
.consent-slot { display:none !important; }
/* Consent bleibt sichtbar, bis aktiv eine Auswahl getroffen wurde. */
.consent-banner {
  position:fixed;
  z-index:120;
  left:18px;
  right:18px;
  bottom:18px;
  margin:0;
  border:1px solid #6d7e50;
  border-top-color:#8ba05f;
  border-radius:3px;
  background:#242a1f;
  box-shadow:0 -12px 36px #0007, 0 18px 70px #0008;
}
.consent-banner::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:var(--lime);
  opacity:.78;
  pointer-events:none;
}
.consent-inner { width:min(1180px,100%); display:flex; justify-content:space-between; align-items:center; gap:26px; padding:17px 20px 16px; }
.consent-inner>div:first-child { flex:1; }
.consent-inner strong { display:block; font-size:15px; line-height:1.3; margin:0 0 4px; color:var(--paper); }
.consent-inner p { font-size:12.5px; line-height:1.48; max-width:720px; color:#d0d7c6; }
.consent-inner a { font-size:11.5px; min-height:26px; display:inline-flex; align-items:center; margin-top:2px; color:#dce5cc; text-decoration:underline; text-underline-offset:3px; }
.consent-actions { display:flex; gap:10px; flex:0 0 auto; }
.consent-actions .button { display:flex; align-items:center; justify-content:center; width:auto; min-width:138px; min-height:46px; padding:11px 17px; border:1px solid #a5b68b; font-size:12.5px; line-height:1.25; font-weight:650; text-transform:none; transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease; }
.consent-actions .button-consent-secondary { background:#1b2017; color:var(--paper); }
.consent-actions .button-consent-secondary:hover,.consent-actions .button-consent-secondary:focus-visible { background:#303b22; color:var(--paper); border-color:#c3ceae; }
.consent-actions [data-consent-allow] { background:var(--lime); border-color:var(--lime); color:#11130f; font-weight:700; box-shadow:0 4px 16px rgba(213,239,75,.15); }
.consent-actions [data-consent-allow]:hover,.consent-actions [data-consent-allow]:focus-visible { background:#e2f66d; border-color:#e2f66d; color:#0d0f0c; transform:translateY(-1px); box-shadow:0 6px 20px rgba(213,239,75,.22); }
@media(max-width:1000px) {
  .landing-hero { column-gap:30px; }
  .landing-intro h1 { font-size:48px; letter-spacing:-2.8px; }
  .landing-product-intro h2 { font-size:48px; letter-spacing:-2.8px; }
  .landing-hero-image { min-height:680px; }
  .landing-product-grid { column-gap:35px; }
  .landing-ingredient { padding:20px; }
  .landing-micro-benefit { padding:20px; }
  .landing-moment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-moment:nth-child(2) { padding-right:0; }
  .landing-moment:nth-child(3) { border-left:0; border-top:1px solid #566044; padding-left:0; }
  .landing-moment:nth-child(4) { border-top:1px solid #566044; }
  .consent-inner { align-items:start; }
  .consent-actions { flex-direction:column; }
  .consent-actions .button { width:100%; }
}
@media(max-width:800px) {
  .landing-hero { grid-template-columns:1fr; grid-template-areas:"intro" "photo" "offer" "formula" "note"; padding-block:18px 26px; }
  .landing-intro h1 { font-size:clamp(34px,7.4vw,48px); margin:10px 0 8px; letter-spacing:-1.6px; }
  .landing-product-intro h2 { font-size:clamp(34px,7.4vw,48px); margin-top:10px; letter-spacing:-1.6px; }
  .landing-intro h1 span br { display:none; }
  .landing-occasion { font-size:15px; line-height:1.4; max-width:none; }
  .landing-hero-image { height:auto; min-height:0; margin:10px auto 0; width:min(100%, 315px); overflow:hidden; }
  .landing-hero-image picture { display:block; }
  .landing-hero-image img { width:100%; height:auto; object-fit:contain; object-position:50% 50%; }
  .landing-hero-image::after { content:""; position:absolute; inset:-1px; pointer-events:none; background:radial-gradient(ellipse 88% 88% at 50% 48%, rgba(16,17,16,0) 58%, rgba(16,17,16,.16) 74%, rgba(16,17,16,.46) 86%, var(--bg) 100%); }
  .landing-offer { margin-top:10px; }
  .landing-price { margin:4px 0 10px; }
  .landing-price>strong { font-size:31px; }
  .landing-formula-teaser { max-width:none; margin-top:15px; padding-top:14px; border-top:1px solid var(--line); font-size:14px; line-height:1.5; }
  .landing-formula-teaser p+p { margin-top:7px; }
  .landing-formula-desktop,
  .landing-purchase-meta-desktop,
  .landing-hero-note { display:none; }
  .landing-formula-mobile { display:block; }
  .landing-purchase-meta-mobile {
    display:block;
    margin:7px 0 0;
    color:#d8ddcd;
    font-size:10.5px;
    line-height:1.4;
  }
  .landing-hero-micro-static {
    border-top:1px solid var(--line);
    padding-top:14px;
  }
  .landing-hero-micro-summary-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:2px;
    margin:0;
    font-size:12.5px;
    line-height:1.32;
    font-weight:400;
    color:#d8ddcd;
  }
  .landing-hero-micro-summary-copy strong {
    color:var(--paper);
    font-weight:600;
  }
  .landing-hero-micro-summary-copy > span {
    color:#d8ddcd;
  }
  .landing-hero-mobile-claim {
    margin-top:10px;
    color:#b6bda9;
    font-size:11px;
    line-height:1.45;
  }
  .landing-hero-note { margin-top:13px; }
  .landing-formula-action { display:none; }
  .landing-section { padding-block:40px; }
  .landing h2 { font-size:36px; letter-spacing:-1.2px; }
  .landing-section-heading { gap:18px; margin-bottom:24px; }
  .landing-section-heading>p { font-size:13px; }
  .landing-ingredients { grid-template-columns:1fr; }
  .landing-ingredient { padding:20px; gap:8px; }
  .landing-ingredient:last-child { border-left:0; border-top:1px solid #c2c7b7; }
  .landing-ingredient>div { display:flex; align-items:center; gap:22px; }
  .landing-amount { font-size:30px; flex:0 0 100px; margin:0; }
  .landing-amount small { font-size:14px; }
  .landing-ingredient h3 { font-size:17px; }
  .landing-ingredient:not(.landing-micros)>p { margin-left:122px; font-size:13px; }
  .landing-micros { display:flex; align-items:stretch; }
  .landing-micros>div { display:block; }
  .landing-ingredient-label { margin-bottom:8px; }
  .landing-steps { grid-template-columns:1fr; gap:23px; }
  .landing-steps h3 { font-size:18px; margin-bottom:5px; }
  .landing-product-grid { grid-template-columns:1fr; grid-template-areas:"intro" "image" "copy"; gap:22px; }
  .landing-product-image { min-height:0; height:340px; background:#080907; display:flex; align-items:center; justify-content:center; }
  .landing-product-image img { height:100%; width:auto; max-width:100%; object-fit:contain; margin:0 auto; }
  .landing-product-description { font-size:16px; }
  .landing-product-note { font-size:12px; }
  .landing-faq .landing-section-heading { flex-direction:column; align-items:start; gap:12px; }
  .landing-details summary { min-height:60px; }
  .landing-attitude-heading { grid-template-columns:1fr; gap:20px; }
  .landing-attitude-copy { max-width:600px; }
  .landing-attitude-actions { flex-direction:column; align-items:start; gap:8px; }
  .landing-attitude-actions>div { flex:auto; width:100%; max-width:450px; }
  .landing-moment { padding:20px 16px; }
  .landing-moment h3 { font-size:21px; }
  .landing-page { padding-bottom:76px; }
  .landing-page .mobile-product-bar.is-visible { display:flex; position:fixed; inset:auto 0 0; z-index:40; min-height:68px; padding:10px 20px max(10px,env(safe-area-inset-bottom)); gap:14px; background:#12170ff5; border-top:1px solid #56633c; box-shadow:0 -8px 24px #0003; }
  .landing-page .mobile-product-bar>div { min-width:0; flex:1; }
  .landing-page .mobile-product-bar strong { font-size:12px; }
  .landing-page .mobile-product-bar span { font-size:11px; }
  .landing-page .mobile-product-bar .button-small { padding:12px 14px; min-height:44px; font-size:12px; white-space:nowrap; }
}
@media(max-width:600px) {
  .landing-page .site-header { height:64px; }
  .landing-page .header-logo { width:82px; }
  .landing-page .main-nav.is-open { top:64px; }
  .landing-eyebrow { font-size:10px; letter-spacing:.8px; }
  .landing-eyebrow span { margin:0 4px; }
  .landing-hero { padding-top:12px; }
  .landing-intro h1 { font-size:34px; line-height:1.02; margin:8px 0 7px; }
  .landing-product-intro h2 { font-size:34px; line-height:1.02; margin-top:8px; }
  .landing-occasion { font-size:14px; line-height:1.38; max-width:none; }
  .landing-hero-image { margin-top:8px; width:min(100%, 280px); }
  .landing-pack { font-size:13px; }
  .landing-formula-teaser { font-size:13px; line-height:1.45; margin-top:13px; padding-top:12px; }
  .landing-formula-teaser p+p { font-size:12px; }
  .landing-purchase-meta-mobile { font-size:10px; }
  .landing .landing-shipping { font-size:11px; line-height:1.45; margin-top:7px; }
  .landing-price>span { font-size:12px; }
  .landing-offer { margin-top:8px; }
  .landing-price { margin:3px 0 8px; }
  .landing-price>strong { font-size:30px; }
  .landing .landing-buy { min-height:48px; padding:12px 16px; font-size:14px; }
  .landing-hero-trust { margin-top:6px; font-size:11px; }
  .landing-hero-trust { gap:4px 12px; }
  .landing-formula-action { flex-direction:column; align-items:stretch; gap:14px; }
  .landing-formula-action .landing-buy { width:100%; min-width:0; }
  .landing-section-heading { flex-direction:column; align-items:start; gap:12px; }
  .landing-section-heading>p br { display:none; }
  .landing-ingredient { padding:18px 16px; }
  .landing-ingredient>div { gap:14px; }
  .landing-amount { flex-basis:85px; }
  .landing-ingredient:not(.landing-micros)>p { margin-left:99px; }
  .landing-micros p { font-size:13px; }
  .landing-micro-benefits { margin-top:24px; padding-top:22px; }
  .landing-micro-benefits>h3 { font-size:21px; margin-bottom:14px; }
  .landing-micro-benefit-grid { grid-template-columns:1fr; }
  .landing-micro-benefit { padding:16px 0; }
  .landing-micro-benefit+.landing-micro-benefit { border-left:0; border-top:1px solid #c2c7b7; }
  .landing-micro-benefit h4 { font-size:15px; margin-bottom:6px; }
  .landing-details summary { font-size:14px; gap:14px; }
  .landing-details .details-body { font-size:14px; }
  .landing table { font-size:12px; }
  .landing th,.landing td { padding:9px 5px; }
  .landing-product-image { height:300px; }
  .landing-attitude h2 { font-size:34px; }
  .landing-attitude-copy .landing-attitude-lead { font-size:18px; }
  .landing-attitude-copy p { font-size:14px; }
  .landing-moments-heading { margin-top:26px; }
  .landing-moments-heading>span { font-size:9px; letter-spacing:1px; }
  .landing-moment-grid { grid-template-columns:1fr; }
  .landing-moment:nth-child(n) { padding:18px 0; border-left:0; }
  .landing-moment { display:grid; grid-template-columns:82px minmax(0,1fr); gap:6px 14px; padding:18px 0; }
  .landing-moment+.landing-moment { border-left:0; border-top:1px solid #566044; }
  .landing-moment .landing-moment-label { grid-row:1/3; margin:4px 0 0; font-size:9px; }
  .landing-moment h3 { font-size:20px; margin:0; }
  .landing-moment h3 br { display:none; }
  .landing-moment p:not(.landing-moment-label) { grid-column:2; font-size:13px; max-width:none; }
  .landing-routine-value { font-size:14px; }
  .landing-page .footer-top { gap:24px; }
  .landing-page .footer-links { gap:0 18px; }
  .consent-banner { left:8px; right:8px; bottom:8px; }
  .consent-inner { display:block; padding:15px 14px 14px; }
  .consent-inner strong { font-size:14.5px; }
  .consent-inner p { font-size:12px; }
  .consent-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
  .consent-actions .button { min-width:0; min-height:46px; padding:10px 6px; font-size:12px; }
}
@media(max-width:359px) {
  .landing-intro h1 { font-size:31px; }
  .landing-product-intro h2 { font-size:31px; }
  .landing-occasion { font-size:13px; }
  .landing-hero-image { margin-top:8px; width:min(100%, 250px); }
  .landing-moment { grid-template-columns:72px minmax(0,1fr); gap:6px 12px; }
}
@media(prefers-reduced-motion:reduce) { .landing-details summary>span { transition:none; } }


/* Desktop hero: large visual without stretching the text rows. */
@media (min-width:1201px) {
  .landing-hero.wrap {
    position:relative;
    width:auto;
    max-width:none;
    margin-left:max(var(--gutter), calc((100vw - var(--max))/2));
    margin-right:0;
    grid-template-columns:minmax(0,560px) minmax(0,1fr);
    grid-template-areas:
      "intro ."
      "formula ."
      "offer ."
      "note .";
    column-gap:clamp(28px,2.2vw,42px);
    min-height:760px;
    padding-block:46px 48px;
  }

  .landing-hero-image {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:calc(100% - 602px);
    height:auto;
    min-height:0;
    margin:0;
  }

  .landing-intro h1 {
    font-size:clamp(48px,4.8vw,68px);
    letter-spacing:-3px;
  }

  .landing-product-intro h2 {
    font-size:clamp(48px,4.8vw,68px);
    letter-spacing:-3px;
  }

  .landing-occasion {
    max-width:460px;
  }

  .landing-hero-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 58%;
  }
}


@media (min-width:1201px) {
  .landing-hero-image::after {
    background:
      linear-gradient(
        90deg,
        var(--bg) 0%,
        rgba(16,17,16,.96) 4%,
        rgba(16,17,16,.78) 9%,
        rgba(16,17,16,.42) 15%,
        rgba(16,17,16,.14) 21%,
        rgba(16,17,16,0) 28%
      ),
      radial-gradient(
        ellipse 92% 92% at 54% 52%,
        rgba(16,17,16,0) 56%,
        rgba(16,17,16,.10) 70%,
        rgba(16,17,16,.34) 84%,
        rgba(16,17,16,.76) 94%,
        var(--bg) 100%
      );
  }
}

.landing-detail-heading {
  margin:16px 0 7px;
  font-size:13px;
  line-height:1.4;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--paper);
}
.landing-details .details-body .landing-detail-heading:first-child {
  margin-top:2px;
}


/* Responsive overrides for the new three-card moments section. */
@media(max-width:1000px) and (min-width:801px) {
  .landing-moment-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .landing-moment-grid-three .landing-moment:nth-child(n) { padding:22px 18px; border-top:0; }
  .landing-moment-grid-three .landing-moment:first-child { padding-left:0; }
  .landing-moment-grid-three .landing-moment:last-child { padding-right:0; }
  .landing-moment-grid-three .landing-moment + .landing-moment { border-left:1px solid #566044; }
}
@media(max-width:800px) {
  .landing-moment-grid-three { grid-template-columns:1fr; margin-top:26px; }
  .landing-moment-grid-three .landing-moment:nth-child(n) { display:block; padding:22px 0; border-left:0; }
  .landing-moment-grid-three .landing-moment + .landing-moment { border-top:1px solid #566044; }
  .landing-moment-grid-three .landing-moment h3 { font-size:21px; margin-bottom:12px; }
  .landing-moment-grid-three .landing-moment h3 br { display:none; }
  .landing-moment-grid-three .landing-moment p:not(.landing-moment-label) { margin-left:0; max-width:680px; }
}


/* 01 / DEINE MOMENTE: dark card treatment matching the earlier campaign design. */
.landing-moments-showcase { background:var(--bg); }
.landing-moments-kicker { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:38px; }
.landing-moments-kicker>span { font-size:10px; line-height:1.5; letter-spacing:1.5px; color:#aebc98; }
.landing-moments-intro { max-width:900px; margin-bottom:40px; }
.landing-moments-intro h2 { font-size:clamp(38px,4.35vw,58px); line-height:1.08; letter-spacing:-2px; font-weight:500; }
.landing-moments-intro p { max-width:760px; margin-top:18px; font-size:15px; line-height:1.7; color:#c7d0b8; }
.landing-moment-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.landing-moment-card { min-width:0; min-height:300px; padding:28px 24px 30px; background:#1b2018; border-top:2px solid #566044; }
.landing-moment-card-morning { border-top-color:var(--lime); background:#1c2218; }
.landing-moment-card h3 { margin:0 0 20px; font-size:clamp(21px,1.65vw,27px); line-height:1.18; letter-spacing:-.6px; font-weight:500; }
.landing-moment-card p { max-width:360px; margin:0; font-size:14px; line-height:1.65; color:#c7d0b8; }
.landing-moment-card p+p { margin-top:16px; }
.landing-moment-card strong { color:var(--paper); font-weight:600; }

@media(max-width:1000px) {
  .landing-moment-cards { grid-template-columns:1fr 1fr; }
  .landing-moment-card:last-child { grid-column:1/-1; min-height:0; }
}
@media(max-width:800px) {
  .landing-moments-kicker { margin-bottom:25px; }
  .landing-moments-intro { margin-bottom:26px; }
  .landing-moments-intro h2 { font-size:36px; letter-spacing:-1.2px; }
  .landing-moment-cards { grid-template-columns:1fr; gap:12px; }
  .landing-moment-card:last-child { grid-column:auto; }
  .landing-moment-card { min-height:0; padding:24px 20px 26px; }
}
@media(max-width:600px) {
  .landing-moments-kicker>span { font-size:9px; letter-spacing:1px; }
  .landing-moments-intro h2 { font-size:32px; }
  .landing-moments-intro p { font-size:14px; }
  .landing-moment-card h3 { font-size:22px; }
  .landing-moment-card p { font-size:13px; }
}


/* 05 / Wissenschaftlicher Hintergrund */
.landing-science { background:#151713; }
.landing-science-heading { align-items:end; }

.landing-science-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  border:0;
}

.landing-science-card {
  min-width:0;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  color:var(--paper);
  border:1px solid var(--line);
  min-height:0;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}

.landing-science-card h3 {
  margin:0;
  padding:0;
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.08;
  letter-spacing:-.45px;
}

.landing-science-arrow {
  position:static;
  flex:0 0 auto;
  margin-left:2px;
  color:var(--lime);
  font-size:16px;
  line-height:1;
}

.landing-science-card:hover {
  background:#1b1e18;
  color:var(--paper);
  border-color:rgba(210,255,46,.45);
}

@media(max-width:1000px) and (min-width:601px) {
  .landing-page .main-nav { gap:14px; font-size:12px; }
  .landing-page .header-inner { gap:14px; }
  .landing-page .header-cta { padding-inline:12px; }
}

@media(max-width:800px) {
  .landing-science {
    padding-block:30px 32px;
  }

  .landing-science .landing-section-heading {
    display:block;
    width:100%;
    margin-bottom:16px;
    text-align:left;
  }

  .landing-science .landing-section-heading>div {
    width:100%;
    margin:0;
  }

  .landing-science .landing-eyebrow,
  .landing-science h2 {
    text-align:left;
    margin-left:0;
    margin-right:0;
  }

  .landing-science .landing-eyebrow {
    font-size:9px;
    letter-spacing:.8px;
  }

  .landing-science .landing-eyebrow+h2 {
    margin-top:7px;
  }

  .landing-science h2 {
    font-size:36px;
    line-height:1.04;
    letter-spacing:-.9px;
  }

  .landing-science h2 br {
    display:block;
  }

  .landing-science-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }

  .landing-science-card {
    min-height:68px;
    padding:10px 8px;
    gap:5px;
    align-items:center;
    justify-content:flex-start;
    background:#11130f;
  }

  .landing-science-card h3 {
    flex:0 1 auto;
    min-width:0;
    font-size:13px;
    line-height:1.08;
    letter-spacing:-.15px;
    font-weight:700;
  }

  .landing-science-card h3 br {
    display:block;
  }

  .landing-science-arrow {
    flex:0 0 auto;
    font-size:13px;
    margin-left:1px;
  }
}

@media(max-width:420px) {
  .landing-science {
    padding-block:27px 29px;
  }

  .landing-science h2 {
    font-size:36px;
  }

  .landing-science-grid {
    gap:4px;
  }

  .landing-science-card {
    min-height:62px;
    padding:9px 6px;
    gap:3px;
  }

  .landing-science-card h3 {
    font-size:12px;
    line-height:1.08;
  }

  .landing-science-arrow {
    font-size:12px;
  }
}

/* Compact micronutrient accordion in 04 / Unsere Formel */
.landing-micro-benefits { margin-top:28px; border-top:1px solid #b9bfad; border-bottom:1px solid #b9bfad; }
.landing-micro-benefits>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 0; list-style:none; cursor:pointer; color:#1c2316; font-size:24px; line-height:1.25; letter-spacing:-.5px; font-weight:600; }
.landing-micro-benefits>summary::-webkit-details-marker { display:none; }
.landing-micro-benefits>summary>span { flex:0 0 auto; color:#4c6119; font-size:25px; font-weight:400; line-height:1; transition:transform .15s; }
.landing-micro-benefits[open]>summary>span { transform:rotate(45deg); }
.landing-micro-benefits .landing-micro-benefit-grid { border-top:1px solid #c2c7b7; border-bottom:0; }

/* Study detail pages: show the actual studies immediately below the header. */
.knowledge-section-first { padding-top:48px; border-top:0; }
@media(max-width:650px) {
  .knowledge-section-first { padding-top:28px; }
  .landing-micro-benefits>summary { font-size:20px; padding:18px 0; }
}


/* Expandable micronutrient card inside 04 / Unsere Formel */
.landing-micros-expand {
  display:block;
  padding:0;
}
.landing-micros-expand>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px;
  list-style:none;
  cursor:pointer;
}
.landing-micros-expand>summary::-webkit-details-marker { display:none; }
.landing-micros-expand>summary>div { min-width:0; }
.landing-micros-expand .landing-ingredient-label { margin-bottom:9px; }
.landing-micros-expand .landing-micro-highlight {
  margin-top:8px;
  color:#4f5943;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
.landing-micros-toggle {
  flex:0 0 auto;
  color:#4c6119;
  font-size:26px;
  line-height:1;
  font-weight:400;
  transition:transform .15s;
}
.landing-micros-expand[open] .landing-micros-toggle { transform:rotate(45deg); }
.landing-micros-panel {
  margin:0 24px;
  border-top:1px solid #c2c7b7;
  border-bottom:0;
}
.landing-micros-panel .landing-micro-benefit:first-child { padding-left:0; }
.landing-micros-panel .landing-micro-benefit:last-child { padding-right:0; }

@media(max-width:800px) {
  .landing-micros-expand>summary {
    padding:18px 16px;
    gap:12px;
  }
  .landing-micros-expand .landing-micro-highlight {
    margin-top:6px;
    font-size:12px;
    line-height:1.35;
  }
  .landing-micros-toggle { font-size:21px; }
  .landing-micros-panel {
    margin:0 16px;
    grid-template-columns:1fr;
  }
  .landing-micros-panel .landing-micro-benefit {
    padding:14px 0;
  }
  .landing-micros-panel .landing-micro-benefit+.landing-micro-benefit {
    border-left:0;
    border-top:1px solid #c2c7b7;
  }
}


/* Study subpages: compact three-field navigation */
.study-bottom-section {
  padding-block:72px;
}
.study-bottom-links {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.study-bottom-link {
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:26px 24px;
  border-right:1px solid var(--line);
  color:var(--paper);
  transition:background .2s,color .2s;
}
.study-bottom-link:last-child {
  border-right:0;
}
.study-bottom-link strong {
  font-size:15px;
  line-height:1.35;
  font-weight:500;
}
.study-bottom-link>span {
  flex:0 0 auto;
  color:var(--lime);
  font-size:18px;
  line-height:1;
}
.study-bottom-link:hover {
  background:#171a15;
  color:var(--lime);
}
.study-bottom-back {
  justify-content:flex-start;
}

@media(max-width:700px) {
  .study-bottom-section {
    padding-block:44px;
  }
  .study-bottom-links {
    grid-template-columns:1fr;
  }
  .study-bottom-link {
    min-height:0;
    padding:19px 4px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .study-bottom-link:last-child {
    border-bottom:0;
  }
}


/* Hero subline: bold and single-line on desktop */
.landing-hero-subline-strong {
  font-weight:700;
}
@media(min-width:801px) {
  .landing-hero-subline-strong {
    white-space:nowrap;
  }
}


/* 04 / Unsere Formel: stronger ingredient presentation */
.landing-ingredient-key {
  justify-content:center;
  min-height:150px;
}
.landing-amount-number {
  display:inline-block;
  min-width:3ch;
  font-variant-numeric:tabular-nums;
}
.landing-micro-vitamins {
  margin-top:7px;
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  color:#3f4933;
  letter-spacing:.1px;
}

@media(max-width:800px) {
  .landing-ingredient-key {
    min-height:86px;
    justify-content:center;
  }
  .landing-ingredient-key .landing-amount {
    font-size:34px;
  }
  .landing-micro-vitamins {
    margin-top:5px;
    font-size:12px;
  }
}


/* NRV values below micronutrient list */
.landing-micro-nrv {
  margin-top:2px;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:500;
  color:#68705d !important;
  letter-spacing:.15px;
}
@media(max-width:800px) {
  .landing-micro-nrv {
    margin-top:2px;
    font-size:10.5px !important;
  }
}


/* 04 / Unsere Formel: full-width micronutrient values on desktop */
@media(min-width:801px) {
  .landing-micros-expand>summary {
    position:relative;
    align-items:flex-start;
  }
  .landing-micros-expand>summary>div {
    width:100%;
    padding-right:52px;
  }
  .landing-micros-toggle {
    position:absolute;
    top:50%;
    right:24px;
    transform:translateY(-50%);
  }
  .landing-micros-expand[open] .landing-micros-toggle {
    transform:translateY(-50%) rotate(45deg);
  }
  .landing-micro-nutrient-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    width:100%;
    margin-top:16px;
    border-top:1px solid rgba(83,96,57,.28);
  }
  .landing-micro-nutrient {
    min-width:0;
    padding:15px 18px 2px 0;
  }
  .landing-micro-nutrient strong {
    display:block;
    font-size:19px;
    line-height:1.15;
    font-weight:600;
    color:#3f4933;
    white-space:nowrap;
  }
  .landing-micro-nutrient span {
    display:block;
    margin-top:5px;
    font-size:11px;
    line-height:1.2;
    font-weight:600;
    color:#111;
    letter-spacing:.15px;
    white-space:nowrap;
  }
  .landing-micro-nutrients-mobile {
    display:none;
  }
}

@media(max-width:800px) {
  .landing-micro-nutrient-grid {
    display:none;
  }
  .landing-micro-nutrients-mobile {
    display:block;
  }
}

/* 04 / Unsere Formel: nutrient colors */
.landing-micro-nrv {
  color:#111 !important;
}


/* 04 / Unsere Formel: full-width micronutrient values on mobile */
@media(max-width:800px) {
  .landing-micro-nutrient-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    width:100%;
    margin-top:14px;
    border-top:1px solid rgba(83,96,57,.28);
  }

  .landing-micro-nutrient {
    min-width:0;
    padding:12px 4px 0;
    text-align:center;
  }

  .landing-micro-nutrient:first-child {
    padding-left:0;
  }

  .landing-micro-nutrient:last-child {
    padding-right:0;
  }

  .landing-micro-nutrient strong {
    display:block;
    font-size:12px;
    line-height:1.15;
    font-weight:600;
    color:#3f4933;
    white-space:nowrap;
  }

  .landing-micro-nutrient span {
    display:block;
    margin-top:4px;
    font-size:9.5px;
    line-height:1.15;
    font-weight:600;
    color:#111;
    white-space:nowrap;
  }

  .landing-micro-nutrients-mobile {
    display:none;
  }
}


/* 2026-09-27: tighter moments cards, larger section labels, wider micronutrient presentation */
.landing-section .landing-eyebrow {
  font-size:13px;
  letter-spacing:1.6px;
}
.landing-moments-intro {
  margin-bottom:28px;
}
@media(min-width:1001px) {
  .landing-moment-card {
    min-height:230px;
    padding:24px 22px 24px;
  }
  .landing-moment-card h3 {
    margin-bottom:14px;
  }
}

/* Let the micronutrient row use the full card width and give the nutrient names more visual weight. */
.landing-micros-expand>summary {
  position:relative;
}
.landing-micros-expand>summary>div {
  width:100%;
  min-width:0;
}
.landing-micros-toggle {
  position:absolute;
  top:24px;
  right:24px;
}
.landing-micros-expand>summary .landing-ingredient-label,
.landing-micros-expand>summary h3 {
  padding-right:46px;
}

@media(min-width:801px) {
  .landing-micros-expand>summary>div {
    padding-right:0;
  }
  .landing-micros-toggle {
    top:24px;
    right:24px;
    transform:none;
  }
  .landing-micros-expand[open] .landing-micros-toggle {
    transform:rotate(45deg);
  }
  .landing-micro-nutrient-grid {
    width:100%;
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .landing-micro-nutrient {
    padding:17px 14px 4px 0;
  }
  .landing-micro-nutrient:last-child {
    padding-right:0;
  }
  .landing-micro-nutrient strong {
    font-size:clamp(22px,1.9vw,27px);
    line-height:1.08;
  }
  .landing-micro-nutrient span {
    margin-top:7px;
    font-size:12px;
  }
}

@media(max-width:800px) {
  .landing-section .landing-eyebrow {
    font-size:11px;
    letter-spacing:1px;
  }
  .landing-micros-expand>summary>div {
    width:100%;
  }
  .landing-micros-toggle {
    top:18px;
    right:16px;
  }
  .landing-micro-nutrient-grid {
    width:100%;
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .landing-micro-nutrient {
    padding:13px 2px 1px;
  }
  .landing-micro-nutrient strong {
    font-size:clamp(13px,3.7vw,16px);
    line-height:1.08;
  }
  .landing-micro-nutrient span {
    margin-top:5px;
    font-size:10px;
  }
}

/* 2026-09-29: subtle lime outline for study tiles on mobile */
@media(max-width:800px) {
  .landing-science-card {
    border-color:rgba(210,255,46,.28);
  }
}

/* Bundle choice: compact upsell while keeping one dose as the default entry point. */
.landing-bundle-selector {
  border:0;
  padding:0;
  margin:0 0 14px;
  min-width:0;
}
.landing-bundle-selector legend {
  width:100%;
  margin:0 0 8px;
  padding:0;
  color:#d8ddcd;
  font-size:11px;
  line-height:1.4;
  letter-spacing:1px;
  text-transform:uppercase;
}
.landing-bundle-options {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.landing-bundle-option {
  display:block;
  min-width:0;
  cursor:pointer;
}
.landing-bundle-card {
  position:relative;
  display:flex;
  min-height:96px;
  height:100%;
  flex-direction:column;
  padding:9px 11px 8px;
  border:1px solid #454d3d;
  background:#121410;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.landing-bundle-option:hover .landing-bundle-card {
  border-color:#77845d;
}
.landing-bundle-option-saving .landing-bundle-card {
  border-color:#71813e;
}
.landing-bundle-option input:focus-visible + .landing-bundle-card {
  outline:2px solid var(--lime);
  outline-offset:3px;
}
.landing-bundle-option input:checked + .landing-bundle-card {
  border-color:var(--lime);
  background:#171b12;
  box-shadow:inset 0 0 0 1px var(--lime);
}
.landing-bundle-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.landing-bundle-head strong {
  color:var(--paper);
  font-size:15px;
  line-height:1.25;
  font-weight:600;
}
.landing-bundle-dot {
  position:relative;
  flex:0 0 15px;
  width:15px;
  height:15px;
  border:1px solid #89927d;
  border-radius:50%;
}
.landing-bundle-option input:checked + .landing-bundle-card .landing-bundle-dot {
  border-color:var(--lime);
}
.landing-bundle-option input:checked + .landing-bundle-card .landing-bundle-dot::after {
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:var(--lime);
}
.landing-bundle-meta {
  margin-top:3px;
  color:#aeb6a5;
  font-size:11px;
  line-height:1.35;
}
.landing-bundle-price {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
  padding-top:5px;
}
.landing-bundle-price>strong,
.landing-bundle-price-discount>span>strong {
  color:var(--paper);
  font-size:20px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.35px;
}
.landing-bundle-price small {
  color:#aeb6a5;
  font-size:9.5px;
  line-height:1.25;
  text-align:right;
}
.landing-unit-price {
  display:block;
  padding-top:5px;
  color:#aeb6a5;
  font-size:10.5px;
  line-height:1.3;
  font-weight:400;
}
.withdrawal-footer-link { color:#c5eaa9 !important; text-decoration:underline; text-underline-offset:3px; }
.withdrawal-card { max-width:680px; margin:26px 0 40px; padding:25px; background:#1a1e1a; border:1px solid #434b3d; border-radius:16px; }
.withdrawal-card label { display:block; margin:15px 0 7px; font-weight:600; }
.withdrawal-card input:not([type="hidden"]) { display:block; width:100%; min-height:46px; padding:11px 13px; border:1px solid #747e6d; border-radius:7px; background:#101310; color:#f8f8f4; font:inherit; }
.withdrawal-card input:not([type="hidden"]):focus-visible { outline:2px solid #c5f3a5; outline-offset:2px; }
.withdrawal-card button { margin-top:23px; cursor:pointer; }
.withdrawal-card .withdrawal-notice { margin-top:15px; font-size:.9rem; color:#c2cabc; }
.withdrawal-card .withdrawal-error { color:#ffd8c8; border-left:3px solid #ed8d70; padding-left:12px; }
.withdrawal-card .withdrawal-success { color:#c5f3a5; }
.withdrawal-card .withdrawal-data { background:#101310; border-radius:8px; padding:12px 18px; overflow-wrap:anywhere; }
.withdrawal-card .withdrawal-data dt { color:#aab7a5; font-size:.86rem; margin-top:9px; }
.withdrawal-card .withdrawal-data dd { margin:2px 0 9px; }
@media(max-width:600px) { .withdrawal-card {padding:18px;} .landing-unit-price {font-size:10px;} }
.landing-bundle-price-discount>span {
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}
.landing-bundle-price del {
  color:#929a89;
  font-size:10px;
  line-height:1;
}
.landing-bundle-badge {
  position:absolute;
  top:-1px;
  right:34px;
  padding:5px 9px 4px;
  background:var(--lime);
  color:#171911;
  font-size:12px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.7px;
}
.landing-product-copy>.landing-bundle-selector {
  margin-top:20px;
}
@media(max-width:600px) {
  .landing-bundle-selector { margin-bottom:10px; }
  .landing-bundle-selector legend { margin-bottom:6px; font-size:9.5px; }
  .landing-bundle-options { gap:7px; }
  .landing-bundle-card { min-height:92px; padding:8px 9px 7px; }
  .landing-bundle-head strong { font-size:13px; }
  .landing-bundle-meta { margin-top:2px; font-size:9.5px; }
  .landing-bundle-price { display:block; padding-top:4px; }
  .landing-bundle-price>strong,
  .landing-bundle-price-discount>span>strong { font-size:18px; }
  .landing-bundle-price small { display:block; margin-top:2px; text-align:left; font-size:8.5px; }
  .landing-bundle-price-discount>span { gap:5px; }
  .landing-bundle-price del { font-size:9px; }
  .landing-bundle-badge { right:29px; padding:4px 7px 3px; font-size:11px; }
}

/* 2026-10-02 hero/order/why-NXT-MORN refinement */
.landing-hero-subline-strong {
  text-transform:none;
  letter-spacing:0;
}
.landing-subline-separator {
  display:inline-block;
  margin:0 .45em;
  color:var(--muted);
  font-weight:400;
}
.landing-claim-star {
  display:inline;
  margin-left:.08em;
  color:var(--lime);
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* The complete visual, including the mandatory claim note, is one hero column. */
.landing-hero-visual {
  grid-area:photo;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-self:stretch;
}
.landing-hero-visual .landing-hero-image {
  grid-area:auto;
  flex:1 1 auto;
}
.landing-hero-visual .landing-hero-note {
  grid-area:auto;
  margin-top:14px;
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
}
.landing-hero-visual .landing-claim {
  max-width:100%;
  font-size:12px;
  line-height:1.55;
  color:#b6bda9;
}

/* Purchase first, formula explanation second. */
.landing-hero {
  grid-template-areas:
    "intro photo"
    "offer photo"
    "formula photo";
}
.landing-offer { grid-area:offer; }
.landing-formula-teaser { grid-area:formula; }

/* 01 / WARUM NXT MORN? */
.landing-why-heading {
  margin-bottom:0;
  padding-bottom:20px;
  border-bottom:1px solid #b9bfad;
}
.landing-chemist-proof {
  padding:22px 0 38px;
  max-width:900px;
}
.landing-chemist-proof h3 {
  margin:0;
  font-size:clamp(28px,3vw,44px);
  line-height:1.2;
  letter-spacing:-1.2px;
  font-weight:500;
}
.landing-chemist-proof p {
  max-width:820px;
  margin-top:20px;
  font-size:17px;
  line-height:1.65;
  color:#505a45;
}
.landing-chemist-proof .landing-seo-copy {
  max-width:820px;
  margin-top:14px;
  font-size:15px;
}

/* Replace the old absolute desktop image layout so the claim can sit directly below it. */
@media(min-width:1201px) {
  .landing-hero.wrap {
    position:relative;
    width:auto;
    max-width:none;
    margin-left:max(var(--gutter), calc((100vw - var(--max))/2));
    margin-right:0;
    display:grid;
    grid-template-columns:minmax(0,560px) minmax(0,1fr);
    grid-template-areas:
      "intro photo"
      "offer photo"
      "formula photo";
    column-gap:clamp(28px,2.2vw,42px);
    min-height:0;
    padding-block:46px 48px;
    align-items:start;
  }
  .landing-hero-visual {
    min-height:760px;
  }
  .landing-hero-visual .landing-hero-image {
    position:relative;
    inset:auto;
    width:100%;
    height:710px;
    min-height:710px;
    margin:0;
  }
  .landing-hero-visual .landing-hero-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 58%;
  }
  .landing-hero-visual .landing-hero-image::after {
    display:block;
    background:
      linear-gradient(90deg,var(--bg) 0%,rgba(16,17,16,.96) 4%,rgba(16,17,16,.78) 9%,rgba(16,17,16,.42) 15%,rgba(16,17,16,.14) 21%,rgba(16,17,16,0) 28%),
      radial-gradient(ellipse 92% 92% at 54% 52%,rgba(16,17,16,0) 56%,rgba(16,17,16,.10) 70%,rgba(16,17,16,.34) 84%,rgba(16,17,16,.76) 94%,var(--bg) 100%);
  }
}

@media(max-width:1200px) and (min-width:801px) {
  .landing-hero {
    grid-template-areas:
      "intro photo"
      "offer photo"
      "formula photo";
  }
  .landing-hero-visual .landing-hero-image {
    min-height:620px;
  }
}

@media(max-width:800px) {
  .landing-hero {
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "photo"
      "offer"
      "formula";
    padding-block:18px 26px;
  }
  .landing-offer {
    margin-top:18px;
  }
  .landing-formula-teaser {
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid var(--line);
  }
  .landing-hero-visual {
    width:100%;
    margin-top:14px;
  }
  .landing-hero-visual .landing-hero-image {
    position:relative;
    width:82%;
    max-width:440px;
    height:auto;
    min-height:0;
    margin:0 auto;
    overflow:hidden;
    background:var(--bg);
  }
  .landing-hero-visual .landing-hero-image picture {
    display:block;
  }
  .landing-hero-visual .landing-hero-image img {
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    object-position:50% 50%;
  }
  .landing-hero-visual .landing-hero-image::after {
    display:block;
    content:"";
    position:absolute;
    inset:-1px;
    pointer-events:none;
    background:
      linear-gradient(90deg,var(--bg) 0%,rgba(16,17,16,.62) 3%,rgba(16,17,16,.18) 9%,rgba(16,17,16,0) 16%,rgba(16,17,16,0) 84%,rgba(16,17,16,.18) 91%,rgba(16,17,16,.62) 97%,var(--bg) 100%),
      radial-gradient(ellipse 94% 94% at 50% 49%,rgba(16,17,16,0) 58%,rgba(16,17,16,.10) 70%,rgba(16,17,16,.38) 84%,rgba(16,17,16,.78) 94%,var(--bg) 100%);
  }
  .landing-hero-visual .landing-hero-note {
    display:block;
    margin:10px 0 0;
    padding:0 0 12px;
    border-bottom:1px solid var(--line);
  }
  .landing-hero-visual .landing-claim {
    padding:0 1px;
    font-size:11.5px;
    line-height:1.55;
  }
  .landing-why-heading {
    padding-bottom:18px;
  }
  .landing-chemist-proof {
    padding:18px 0 28px;
  }
  .landing-chemist-proof h3 {
    font-size:28px;
    line-height:1.2;
    letter-spacing:-.7px;
  }
  .landing-chemist-proof p {
    margin-top:16px;
    font-size:15px;
    line-height:1.62;
  }
}

@media(max-width:420px) {
  .landing-subline-separator { margin:0 .26em; }
  .landing-hero-visual .landing-hero-image { width:78%; }
  .landing-hero-visual .landing-claim { font-size:11px; }
}

/* Mobile: claim note directly under hero image intentionally hidden; claim remains below ingredient teaser. */
@media(max-width:800px){
  .landing-hero-visual .landing-hero-note{display:none !important;}
}

/* Desktop: die komplette Verschlusskappe und die Kapseln im Hero sichtbar halten.
   Die Bildhöhe dient als Basis; die leichte Vergrößerung bewahrt die Nahaufnahme. */
@media (min-width:1201px) {
  .landing-hero-visual .landing-hero-image picture {
    display:block;
    width:100%;
    height:100%;
  }
  .landing-hero-visual .landing-hero-image img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transform:scale(1.48);
    transform-origin:center;
  }
}

/* Produktbild: weicher Übergang an beiden Seiten statt harter Bildkanten. */
.landing-product-image {
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
}


/* 31.10.2026 – Editorial redesign, landing page only. */
.landing-hero,
.landing-hero.wrap { grid-template-areas:"intro photo" "offer photo"; }
.landing-intro .landing-new-hero-title {
  font-size:clamp(37px,4.1vw,58px);
  line-height:1.05;
  letter-spacing:-2.3px;
  margin:23px 0 16px;
  max-width:570px;
}
.landing-new-hero-title .landing-hero-white,
.landing-new-hero-title .landing-hero-yellow {
  display:block;
}
.landing-new-hero-title .landing-hero-white { color:var(--paper); }
.landing-new-hero-title .landing-hero-yellow { color:var(--lime); }
.landing-new-hero-subtitle {
  color:#e2e6d9;
  font-size:clamp(15px,1.4vw,18px);
  font-weight:500;
  line-height:1.5;
  max-width:520px;
  display:flex;
  align-items:center;
  gap:14px;
  letter-spacing:.01em;
}
.landing-new-hero-subtitle::before {
  content:"";
  display:block;
  flex:0 0 3px;
  width:3px;
  height:28px;
  border-radius:2px;
  background:var(--lime);
}
.landing-new-formula-heading {
  max-width:1060px;
  font-size:clamp(33px,3.7vw,52px) !important;
  line-height:1.12 !important;
  letter-spacing:-1.5px !important;
}
.landing-new-formula-copy .landing-new-formula-statement {
  margin-top:22px;
  color:#1d2814;
  font-size:clamp(18px,2vw,22px);
  line-height:1.45;
}
.landing-new-formula-copy .landing-new-formula-statement strong { font-weight:650; }
.landing-formula .landing-new-formula-footnote {
  margin:16px 0 0;
  max-width:820px;
  color:#515b49;
  font-size:12.5px;
  line-height:1.62;
}
.landing-micros-static {
  display:block;
  padding:24px 25px 26px;
  border-left:0;
  border-bottom:0;
}
.landing-micros-static .landing-ingredient-label {
  margin-bottom:8px;
  font-size:11px;
}
.landing-micros-static .landing-micro-nutrient-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  width:100%;
  border-top:1px solid rgba(83,96,57,.28);
  margin-top:12px;
}
.landing-micros-static .landing-micro-nutrient { padding:16px 5px 0 0; }
.landing-micros-static .landing-micro-nutrient strong {
  color:#3f4933;
  font-size:clamp(19px,1.8vw,25px);
  font-weight:600;
}
.landing-micros-static .landing-micro-nutrient span {
  display:block;
  margin-top:6px;
  font-size:12px;
  line-height:1.25;
  color:#141811;
  font-weight:600;
}
.landing-nutrients summary strong { font-size:18px; font-weight:700; }
.landing-moments-footnote {
  margin-top:20px;
  font-size:12px;
  line-height:1.6;
  color:#abb5a0;
}
@media (min-width:1201px) {
  .landing-hero.wrap { grid-template-areas:"intro photo" "offer photo"; }
}
@media (max-width:1200px) and (min-width:801px) {
  .landing-hero { grid-template-areas:"intro photo" "offer photo"; }
  .landing-intro .landing-new-hero-title { font-size:clamp(36px,4vw,49px); }
}
@media (max-width:800px) {
  .landing-hero,.landing-hero.wrap {
    grid-template-areas:"intro" "photo" "offer";
  }
  .landing-intro .landing-new-hero-title {
    font-size:clamp(29px,7.7vw,39px);
    line-height:1.08;
    letter-spacing:-1.4px;
    margin:13px 0 10px;
  }
  .landing-new-hero-subtitle { font-size:14px; line-height:1.4; gap:11px; }
  .landing-new-hero-subtitle::before { height:25px; }
  .landing-new-formula-heading {
    font-size:clamp(29px,7.5vw,38px) !important;
    line-height:1.13 !important;
    letter-spacing:-1.1px !important;
  }
  .landing-new-formula-copy .landing-new-formula-statement { font-size:18px; }
  .landing-formula .landing-new-formula-footnote { font-size:11.5px; }
  .landing-micros-static { padding:19px 12px 20px; }
  .landing-micros-static .landing-micro-nutrient-grid { gap:0; }
  .landing-micros-static .landing-micro-nutrient { padding:11px 2px 0; text-align:center; }
  .landing-micros-static .landing-micro-nutrient strong { font-size:clamp(12px,3.55vw,16px); }
  .landing-micros-static .landing-micro-nutrient span { font-size:10px; }
  .landing-nutrients summary strong { font-size:16px; }
}


/* 31.10.2026 – v3: kompakter Mobile-Inhaltsstoffkasten und konsistente Editorial-Überschrift. */
.landing-new-formula-heading {
  font-size:clamp(34px,4.2vw,55px) !important;
  line-height:1.09 !important;
  letter-spacing:-1.8px !important;
  text-transform:none;
  max-width:none;
  font-weight:600;
}
.landing-new-formula-heading .serif-word {
  font-weight:400;
  font-style:italic;
  letter-spacing:-1px;
}
/* Desktop-Hero: Angebot näher an Claim, Bildunterkante entspricht dem Abschluss der Section. */
@media (min-width:801px) {
  .landing-hero,
  .landing-hero.wrap {
    grid-template-rows:auto 1fr;
    row-gap:0;
  }
  .landing-hero .landing-offer {
    margin-top:22px;
    align-self:start;
  }
}
@media (min-width:1201px) {
  .landing-hero.wrap {
    padding-bottom:0;
  }
  .landing-hero .landing-hero-visual { min-height:0; }
  .landing-hero .landing-hero-visual .landing-hero-image {
    height:710px;
    min-height:710px;
  }
  .landing-intro .landing-new-hero-title {
    font-size:clamp(41px,3.55vw,51px);
    letter-spacing:-2.4px;
  }
}
@media (min-width:801px) and (max-width:1200px) {
  .landing-intro .landing-new-hero-title {
    font-size:clamp(33px,3.65vw,44px);
    letter-spacing:-1.7px;
  }
}
@media (max-width:800px) {
  .landing-new-formula-heading {
    font-size:clamp(32px,7.6vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:-1.2px !important;
  }
  .landing-ingredients {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .landing-ingredient-key {
    min-width:0;
    padding:17px 14px 15px;
    gap:0;
  }
  .landing-ingredient-key:nth-child(2) {
    border-left:1px solid #c2c7b7;
  }
  .landing-ingredient-key>div {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:6px;
  }
  .landing-ingredient-key .landing-amount {
    flex:0 0 auto;
    font-size:clamp(31px,7.8vw,39px);
    line-height:1;
    margin:0;
  }
  .landing-ingredient-key .landing-amount small { font-size:14px; }
  .landing-ingredient-key h3 {
    font-size:clamp(15px,3.9vw,18px);
    line-height:1.2;
    overflow-wrap:anywhere;
  }
  .landing-micros-static { grid-column:1/-1; }
}
@media (max-width:350px) {
  .landing-ingredient-key { padding-inline:10px; }
  .landing-ingredient-key .landing-amount { font-size:31px; }
  .landing-ingredient-key h3 { font-size:14px; }
}
/* Hero desktop: beide Sätze jeweils in einer klaren Zeile. */
@media (min-width:1201px) {
  .landing-intro .landing-new-hero-title {
    font-size:clamp(39px,3vw,46px);
  }
  .landing-new-hero-title .landing-hero-white,
  .landing-new-hero-title .landing-hero-yellow { white-space:nowrap; }
}
@media (max-width:350px) {
  .landing-micros-static .landing-micro-nutrient strong { font-size:11px; }
  .landing-micros-static .landing-micro-nutrient span { font-size:8.5px; letter-spacing:-.2px; }
}


/* 31.10.2026 – v4: gezielter Desktop-Umbruch im Hero; stärkerer Marken-Unterclaim. */
@media (min-width:801px) {
  .landing-hero-desktop-break { display:block; }
  .landing-new-hero-title .landing-hero-white { white-space:nowrap; }
  .landing-new-hero-subtitle {
    display:block;
    position:relative;
    padding-left:18px;
    max-width:560px;
    font-size:clamp(18px,1.5vw,21px);
    line-height:1.45;
    letter-spacing:0;
  }
  .landing-new-hero-subtitle::before {
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    height:32px;
  }
}
.landing-new-hero-subtitle strong {
  font-weight:650;
  color:var(--paper);
  letter-spacing:.02em;
}
@media (max-width:800px) {
  .landing-hero-desktop-break { display:none; }
  .landing-new-hero-subtitle {
    display:block;
    position:relative;
    padding-left:14px;
    max-width:none;
    font-size:clamp(14px,3.7vw,16px);
    line-height:1.45;
  }
  .landing-new-hero-subtitle::before {
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    height:26px;
  }
}

/* 31.10.2026 – v5: Hero auf Desktop mit exakt zwei Zeilen.
   Weißer und gelber Satz stehen jeweils auf einer einzelnen Zeile.
   Für schmale Tablet/Desktopansichten Schriftgröße an Spaltenbreite anpassen. */
@media (min-width:801px) {
  .landing-new-hero-title .landing-hero-white,
  .landing-new-hero-title .landing-hero-yellow { white-space:nowrap; }
}
@media (min-width:801px) and (max-width:1200px) {
  .landing-intro .landing-new-hero-title { font-size:clamp(29px,3.5vw,42px); }
}
/* Kleine Desktop-Breiten: Footer darf die Seite nicht horizontal verbreitern. */
@media (min-width:801px) and (max-width:860px) {
  .landing-page .footer-top { flex-wrap:wrap; gap:16px; }
  .landing-page .footer-links { flex-wrap:wrap; gap:4px 16px; min-width:0; }
}


/* 31.10.2026 – v7: Abschnitt 01 in kurze, gut lesbare Aussagen gliedern. */
.landing-new-formula-copy .landing-formula-opening { margin-top:19px; }
.landing-new-formula-copy .landing-formula-opening strong { color:#27341f; font-weight:700; }
.landing-new-formula-copy .landing-formula-ingredients-line { margin-top:17px; margin-bottom:15px; color:#27341f; font-size:clamp(17px,1.7vw,21px); line-height:1.38; }
.landing-new-formula-copy .landing-formula-ingredients-line strong { font-weight:700; }
@media (max-width:800px) {
  .landing-new-formula-copy .landing-formula-ingredients-line { font-size:18px; line-height:1.45; margin-top:14px; margin-bottom:13px; }
}

/* 31.10.2026 – Abschnitt 03: helle Gestaltung wie Abschnitt 01; kompakte zweizeilige Headline. */
.landing-routine {
  background:var(--paper);
  color:var(--bg);
  border-bottom:1px solid #c2c7b7;
}
.landing-routine .landing-eyebrow { color:#566046; }
.landing-routine .landing-routine-heading .landing-routine-first-line {
  display:block;
  white-space:nowrap;
}
.landing-routine .landing-routine-heading .serif-word {
  display:block;
  font-weight:400;
  font-style:italic;
}
.landing-routine .landing-steps li>span {
  color:#4c6119;
  background:#e3e8d6;
  border-color:#b9bfad;
}
.landing-routine .landing-steps h3 { color:#171c14; }
.landing-routine .landing-routine-note { color:#58644f; }
@media (max-width:600px) {
  .landing-routine .landing-routine-heading {
    font-size:clamp(27px,8.25vw,35px);
    line-height:1.13;
    letter-spacing:-1.45px;
  }
  .landing-routine .landing-routine-heading .serif-word {
    font-size:1.08em;
    letter-spacing:-1.1px;
  }
}


/* 31.10.2026 – finales Update: Abschnitt 01 kürzer und mit zurückhaltender Claim-Zeile. */
.landing-new-formula-copy .landing-formula-opening {
  margin-top:18px;
  margin-bottom:0;
}
.landing-new-formula-copy .landing-formula-ingredients-line {
  margin-top:12px;
  margin-bottom:0;
  font-size:clamp(16px,1.7vw,19px);
  line-height:1.5;
  color:#475341;
  font-weight:400;
}
.landing-new-formula-copy .landing-formula-ingredients-line strong {
  color:#293921;
  font-weight:700;
}
.landing-new-formula-copy .landing-formula-benefits {
  margin-top:23px;
  color:#607c27;
  font-weight:700;
  font-size:clamp(13px,1.3vw,15px);
  line-height:1.55;
  letter-spacing:.055em;
}
.landing-new-formula-copy .landing-new-formula-statement {
  margin-top:18px;
}
@media (max-width:800px) {
  .landing-new-formula-copy .landing-formula-ingredients-line {
    margin-top:10px;
    font-size:16px;
    line-height:1.5;
  }
  .landing-new-formula-copy .landing-formula-benefits {
    margin-top:19px;
    font-size:12.5px;
    line-height:1.65;
    letter-spacing:.035em;
  }
  .landing-new-formula-copy .landing-new-formula-statement {
    margin-top:16px;
  }
}


/* 31.10.2026 – Konsistente Editorial-Überschriften auf der Startseite.
   Zeile 1: Sans Serif, normal (nicht kursiv).
   Zeile 2: kursive Serifenschrift, wie in den bereits gestalteten Bereichen 01–03. */
.landing .landing-editorial-heading > .landing-heading-main,
.landing .landing-editorial-heading > .landing-heading-italic {
  display:block;
}
.landing .landing-editorial-heading > .landing-heading-main {
  font-family:var(--sans);
  font-weight:400;
  font-style:normal;
}
.landing .landing-editorial-heading > .landing-heading-italic,
.landing .landing-new-hero-title > .landing-hero-yellow.serif-word {
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.035em;
}
.landing .landing-new-hero-title > .landing-hero-yellow.serif-word {
  color:var(--lime);
}
/* Gleiche Schriftgrößenhierarchie für Abschnitte 01–06; die
   längere erste Zeile in 03 bleibt mobil responsiv und ohne Umbruch. */
.landing .landing-editorial-heading {
  font-size:clamp(34px,4.2vw,55px);
  line-height:1.09;
  letter-spacing:-1.8px;
}
.landing .landing-new-formula-heading.landing-editorial-heading {
  font-size:clamp(34px,4.2vw,55px) !important;
  line-height:1.09 !important;
  letter-spacing:-1.8px !important;
}
.landing .landing-product-intro .landing-editorial-heading > .landing-heading-italic {
  color:var(--lime);
}
@media (max-width:800px) {
  .landing .landing-editorial-heading {
    font-size:clamp(30px,7.6vw,42px);
    line-height:1.12;
    letter-spacing:-1.2px;
  }
  .landing .landing-new-formula-heading.landing-editorial-heading {
    font-size:clamp(30px,7.6vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:-1.2px !important;
  }
}
@media (max-width:600px) {
  .landing .landing-routine .landing-routine-heading.landing-editorial-heading {
    font-size:clamp(26px,7.65vw,34px);
    letter-spacing:-1.45px;
  }
  .landing .landing-routine .landing-routine-heading .landing-heading-italic {
    font-size:1.08em;
  }
}
.landing .landing-product-intro .landing-editorial-heading > .landing-heading-main {
  color:var(--paper);
}
/* Sehr schmale Displays: erste Hero-Zeile bleibt als ein Satz lesbar. */
@media (max-width:375px) {
  .landing-intro .landing-new-hero-title {
    font-size:clamp(24.5px,7.7vw,29px);
  }
}


/* 31.10.2026 – Hero und Abschnitt 05: beide Zeilen wieder fett,
   ohne kursive Serifenschrift. Die Lime-Akzente bleiben erhalten. */
.landing .landing-new-hero-title > .landing-hero-white,
.landing .landing-new-hero-title > .landing-hero-yellow.serif-word,
.landing .landing-product-intro .landing-editorial-heading > .landing-heading-main,
.landing .landing-product-intro .landing-editorial-heading > .landing-heading-italic.serif-word {
  font-family:var(--sans);
  font-style:normal;
  font-weight:700;
  letter-spacing:-.035em;
}

/* Sehr schmale Smartphones: auch die fette Hero-Zeile bleibt einzeilig. */
@media (max-width:350px) {
  .landing-intro .landing-new-hero-title { font-size:clamp(23px,7.35vw,27px); }
}

/* 31.10.2026 – Einordnende Kurzzeile direkt im Hero, analog zu Abschnitt 01. */
.landing-intro .landing-new-hero-benefits {
  margin:11px 0 0;
  color:var(--lime);
  font-size:clamp(11.5px,1.07vw,14px);
  font-weight:700;
  letter-spacing:.045em;
  line-height:1.5;
  max-width:100%;
}
@media (max-width:800px) {
  .landing-intro .landing-new-hero-benefits {
    margin-top:10px;
    font-size:clamp(10.5px,2.85vw,12px);
    letter-spacing:.02em;
    line-height:1.45;
  }
}

/* 31.10.2026 – Abschnitt 01: separate Einleitung und eine gemeinsame Zutatenzeile. */
.landing-new-formula-copy .landing-formula-prefix {
  display:block;
}
.landing-new-formula-copy .landing-formula-names {
  display:block;
  margin-top:2px;
  white-space:nowrap;
  letter-spacing:-.012em;
}
@media (max-width:800px) {
  .landing-new-formula-copy .landing-formula-names {
    font-size:clamp(12.5px,4.15vw,19px);
  }
}


/* 31.10.2026 – Abschnitt 04: typografische Version mit Editorial-Headline,
   weiß gesetzten Schlagworten und harmonisch versetzter Anordnung. */
.landing .landing-moments-editorial {
  background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 52%,#151713 100%);
  color:var(--paper);
  padding-block:clamp(54px,6.3vw,94px) clamp(37px,4.7vw,65px);
}
.landing-moments-editorial .landing-eyebrow {
  color:#aebc98;
  margin:0 0 clamp(18px,2.7vw,32px);
}
.landing .landing-moments-editorial .landing-moments-new-title {
  margin:0;
  max-width:800px;
}
.landing-moments-new-title .landing-heading-main,
.landing-moments-new-title .landing-heading-italic {
  display:block;
}
.landing-moments-new-title .landing-heading-italic {
  color:var(--paper);
}
.landing-moments-editorial .landing-moments-keywords {
  margin:clamp(42px,4.8vw,68px) auto 0;
  max-width:720px;
  display:flex;
  flex-direction:column;
  gap:clamp(11px,1.6vw,21px);
}
.landing .landing-moments-keywords p {
  margin:0;
  color:var(--paper);
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(34px,4.7vw,62px);
  letter-spacing:-.035em;
  line-height:1.04;
  width:max-content;
  max-width:100%;
  text-align:left;
}
/* Stufenweise versetzt – bewusst keine extreme Links/Mitte/Rechts-Verteilung. */
.landing .landing-moments-keywords .landing-moment-left   { margin-left:4%; }
.landing .landing-moments-keywords .landing-moment-center { margin-left:22%; }
.landing .landing-moments-keywords .landing-moment-right  { margin-left:30%; }
@media (max-width:600px) {
  .landing .landing-moments-editorial { padding-block:53px 39px; }
  .landing-moments-editorial .landing-eyebrow { margin-bottom:20px; }
  .landing .landing-moments-editorial .landing-moments-new-title {
    max-width:100%;
  }
  .landing-moments-editorial .landing-moments-keywords {
    margin-top:38px;
    gap:12px;
    max-width:100%;
  }
  .landing .landing-moments-keywords p {
    font-size:clamp(24px,7.65vw,40px);
    line-height:1.06;
  }

}

/* Variante A: ruhiger Übergang von 04 zu 05. */
.landing .landing-product {
  background:#151713;
  border-top:1px solid rgba(180,196,145,.13);
  padding-top:clamp(48px,4.6vw,66px);
}
@media (max-width:600px) {
  .landing .landing-product { padding-top:42px; }
}


/* 31.10.2026 – Abschnitt 01: gekürzte Positionierung ohne Einleitungs-Absatz. */
.landing-new-formula-copy .landing-formula-ingredients-line {
  margin-top:clamp(20px,2.8vw,30px);
  margin-bottom:0;
}
.landing-new-formula-copy .landing-formula-benefits {
  margin-top:clamp(17px,2.1vw,23px);
}
.landing-new-formula-copy .landing-new-formula-statement {
  margin-top:clamp(16px,2.0vw,22px);
  font-size:clamp(17px,1.8vw,21px);
}
@media (max-width:800px) {
  .landing-new-formula-copy .landing-formula-ingredients-line { margin-top:21px; }
  .landing-new-formula-copy .landing-formula-benefits { margin-top:18px; }
  .landing-new-formula-copy .landing-new-formula-statement { margin-top:16px; }
}