/* =====================================================================
   Ellenora – Design v2 „Clean“ (12.10.2026)
   Zielgruppe: Frauen 35–70, Schwerpunkt ältere Generation.
   Prinzipien: gut lesbare Grundschrift (Nunito Sans, 18 px, hoher Kontrast),
   elegante Serifen nur für Überschriften, warme helle Neutraltöne,
   große Tippflächen, klare Buttons ohne Versalien.
   Alles ist auf html.v2 begrenzt – ohne Klasse bleibt das alte Design aktiv.
   ===================================================================== */
@font-face{font-family:"Cormorant V2";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/fonts/cormorant-var.woff2") format("woff2")}
@font-face{font-family:"Cormorant V2";font-style:italic;font-weight:300 700;font-display:swap;src:url("/assets/fonts/cormorant-italic-var.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("/assets/fonts/nunitosans-var.woff2") format("woff2")}

html.v2{
  --ink:#2b2522; --ink2:#4b433d; --muted:#6a5f57;
  --paper:#fff; --off:#faf7f2; --sand:#f3ece3; --linen:#ebe2d6; --taupe:#d8cbbb;
  --blush:#f6ecea; --blush2:#e7c9c9; --rose:#94545f; --rose2:#d49aa4;
  --sage:#e7ece2; --sage2:#c9d5c1; --green:#3d6b45; --green-bg:#edf3ea;
  --sale:#9b4357; --gold:#b38b2d; --black:#2b2522;
  --pink:var(--blush); --pink2:var(--rose2); --sky:var(--blush);
  --border:rgba(43,37,34,.12); --border-s:rgba(43,37,34,.2);
  --r-s:12px; --r-m:18px; --r-l:26px;
  --sh:0 22px 48px -30px rgba(60,45,35,.38); --sh-s:0 8px 22px -14px rgba(60,45,35,.3);
  --sect:clamp(60px,8vw,112px);
  --f:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fh:"Cormorant V2","Cormorant",Georgia,"Times New Roman",serif;
}
html.v2 body{font-family:var(--f);font-size:18px;line-height:1.65;color:var(--ink);background:var(--off);font-weight:400;-webkit-font-smoothing:antialiased}
html.v2 strong,html.v2 b{font-weight:700}
html.v2 h1,html.v2 h2{font-family:var(--fh);font-weight:500;letter-spacing:-.005em;line-height:1.06;color:var(--ink)}
html.v2 h1{font-size:clamp(40px,5.4vw,70px)}
html.v2 h2{font-size:clamp(34px,3.6vw,52px)}
html.v2 h3{font-family:var(--f);font-size:clamp(19px,1.5vw,21px);font-weight:700;line-height:1.3;letter-spacing:0}
html.v2 p{line-height:1.65}
html.v2 .eyebrow{font-family:var(--f);font-size:13.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
html.v2 .lede{font-size:clamp(18px,1.3vw,20px);color:var(--ink2);line-height:1.6}
html.v2 .sect-head{margin-bottom:clamp(28px,3.4vw,48px)}
html.v2 .sect-head h2{margin-top:12px}
html.v2 .sect-head-c{flex-direction:column;align-items:center;text-align:center}
html.v2 .sect-head-c .lede{max-width:60ch;margin-inline:auto}
html.v2 :focus-visible{outline:3px solid var(--rose2);outline-offset:3px}

/* ---------- Buttons: groß, klar, ohne Versalien ---------- */
html.v2 .btn{font-family:var(--f);font-size:17px;font-weight:700;letter-spacing:.01em;text-transform:none;padding:15px 28px;min-height:54px;border-radius:999px}
html.v2 .btn-cta{background:var(--ink);color:#fff;box-shadow:0 14px 28px -16px rgba(43,37,34,.7)}
html.v2 .btn-cta:hover{background:#1b1715;filter:none}
html.v2 .btn-ghost{background:var(--sand);color:var(--ink)}
html.v2 .btn-lg{min-height:60px;font-size:18px;padding:17px 30px}
html.v2 .btn-sm{min-height:42px;font-size:15px;padding:9px 18px}
html.v2 .btn-oos{background:#ece5dd;color:#857a70;box-shadow:none}
html.v2 .linkline{font-size:16.5px;font-weight:700;opacity:1;text-decoration-thickness:1.5px;text-underline-offset:5px;color:var(--ink)}
html.v2 .pill-sale{background:var(--green);font-size:14px;font-weight:700;border-radius:999px;padding:4px 11px}
html.v2 .price-big{font-family:var(--f);font-weight:800;letter-spacing:-.01em}
html.v2 .price-old{color:var(--sale);font-size:17px}

/* ---------- Farbwahl & Herzen ---------- */
html.v2 .size{border-width:1.5px;font-size:16px;font-weight:600}
html.v2 .size small{font-size:12.5px}
html.v2 .sizes-mini .size .sw{width:28px;height:28px}
html.v2 .hearts i,html.v2 .hearts i::before,html.v2 .hearts i::after{background:var(--rose2)}
html.v2 .stars::before{background:linear-gradient(90deg,var(--gold) var(--p,100%),#dcd5cb var(--p,100%));-webkit-background-clip:text;background-clip:text}
html.v2 .hero-stars,html.v2 .tb-star{color:var(--gold)}

/* ---------- Topbar & Header ---------- */
html.v2 .topbar{background:var(--linen);color:var(--ink);font-family:var(--f);font-size:14.5px;font-weight:700;letter-spacing:.01em}
html.v2 .site-head{background:rgba(250,247,242,.96)}
html.v2 .head-nav{font-family:var(--f);font-size:16px;font-weight:700;letter-spacing:.01em;text-transform:none}
html.v2 .head-nav a{opacity:1;color:var(--ink2)}
html.v2 .head-nav a:hover{color:var(--ink);border-color:var(--ink)}
html.v2 .mnav a{font-size:19px;font-weight:600;letter-spacing:0;padding:14px 0}
html.v2 .cart-count{background:var(--rose);font-family:var(--f);font-weight:800}

/* ---------- Hero ---------- */
html.v2 .hero{background:var(--off);padding-block:clamp(22px,3.4vw,52px) clamp(36px,5vw,72px)}
html.v2 .hero-copy h1{margin-top:12px;max-width:15ch}
html.v2 .hero-sub{display:block;margin-top:16px;font-size:clamp(18px,1.35vw,20.5px);color:var(--ink2);line-height:1.6;max-width:50ch}
html.v2 .hero-proof{margin-top:16px;font-size:16.5px;font-weight:700;color:var(--ink)}
html.v2 .hero-usps{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
html.v2 .hero-usps li{border:0;background:none;padding:0;font-size:17.5px;font-weight:600;color:var(--ink);gap:11px}
html.v2 .hero-usps li::before{content:"";flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d6b45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
html.v2 .hero-media{border-radius:var(--r-l);box-shadow:var(--sh)}
html.v2 .hero-tag{border-radius:16px;padding:10px 16px;background:rgba(255,255,255,.95)}
html.v2 .hero-quote b{font-family:var(--fh);font-size:18px;font-weight:600}
html.v2 .hero-quote span{font-size:14px;color:var(--ink2)}
@media(max-width:999px){
  html.v2 .hero{padding-top:18px}
  html.v2 .hero-copy h1{font-size:clamp(36px,10vw,44px)}
  html.v2 .hero-sub{font-size:17.5px;margin-top:12px}
  html.v2 .hero-usps{margin-top:14px;gap:8px}
  html.v2 .hero-usps li{font-size:17px;padding:0}
  html.v2 .hero-media .hero-img{aspect-ratio:16/10;max-height:none}
  html.v2 .hero-in{gap:18px}
}

/* ---------- Kaufkarte ---------- */
html.v2 .buycard,html.v2 .buy{border-radius:var(--r-l);border-color:var(--border);box-shadow:var(--sh)}
html.v2 .bc-title{font-family:var(--fh);font-size:clamp(28px,2.2vw,34px);font-weight:600;line-height:1.05}
html.v2 .bc-sub{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
html.v2 .bc-label{font-size:16.5px}
html.v2 .bc-label b{letter-spacing:0}
html.v2 .szt{border-radius:16px;font-size:18px;font-weight:700;padding:12px 4px 10px}
html.v2 .szt small{font-size:12.5px}
html.v2 .szt.active{background:var(--off)}
html.v2 .bc-terms{font-size:15.5px;color:var(--ink2)}
html.v2 .bc-terms li::before{color:var(--green)}
html.v2 .pays em{font-size:13px;font-weight:700;letter-spacing:.06em}
html.v2 .ship-cd{background:var(--green-bg);border-color:rgba(61,107,69,.22);border-radius:16px}
html.v2 .ship-cd-txt{font-size:16px}
@media(max-width:999px){
  html.v2 .buycard{padding:18px}
  html.v2 .szt{font-size:17px}
  html.v2 #kop-hero .btn-block[data-atc-buycard]{width:100%}
}
@media(max-width:480px){
  html.v2 .buycard .btn-lg,html.v2 .buy .btn-lg{font-size:17px;letter-spacing:.01em;padding:16px 16px}
}

/* ---------- Vertrauen ---------- */
html.v2 .trust{background:var(--paper);border-color:var(--border)}
html.v2 .trust-in{gap:18px 20px;padding-block:24px}
html.v2 .trust-in>div{gap:14px;font-size:15.5px;line-height:1.35}
html.v2 .trust-in b{font-size:17px;font-weight:800}
html.v2 .trust-ic{width:46px;height:46px;flex:0 0 46px;background:var(--linen);color:var(--ink)}
@media(max-width:599px){html.v2 .trust-in{grid-template-columns:1fr;gap:14px}}
@media(min-width:600px) and (max-width:859px){html.v2 .trust-in{grid-template-columns:repeat(2,1fr)}}

/* ---------- Welcher Schutz passt zu dir? ---------- */
html.v2 .needs{background:var(--off);padding-block:var(--sect)}
html.v2 .needs-grid{display:grid;gap:18px;grid-template-columns:1fr}
html.v2 .need{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-s)}
html.v2 .need figure{background:var(--sand)}
html.v2 .need img{width:100%;aspect-ratio:4/3;object-fit:cover}
html.v2 .need-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
html.v2 .need-body h3{font-family:var(--fh);font-size:30px;font-weight:600;line-height:1.05}
html.v2 .need-body p{color:var(--ink2);font-size:17px;flex:1}
html.v2 .need-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
html.v2 .need-size{display:inline-flex;align-items:center;gap:2px;padding:9px 16px 9px 16px;border:1.5px solid var(--border-s);border-radius:999px;background:#fff;text-decoration:none;font-weight:800;font-size:16px;color:var(--ink);transition:border-color .15s,background .15s}
html.v2 .need-size:hover{border-color:var(--ink);background:var(--off)}
html.v2 .need-size .hearts{margin-left:8px}
html.v2 .need-size small{margin-left:8px;font-size:12.5px;font-weight:700;color:var(--sale)}
html.v2 .need-size.is-oos{opacity:.75}
@media(min-width:640px){html.v2 .needs-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){html.v2 .needs-grid{grid-template-columns:repeat(4,1fr)}html.v2 .need img{aspect-ratio:1}}

/* ---------- Produktkarten ---------- */
html.v2 .products{background:var(--paper);padding-block:var(--sect)}
html.v2 .pgrid{gap:16px}
html.v2 .pcard{border-radius:var(--r-m);border-color:var(--border);box-shadow:none}
html.v2 .pcard:hover{box-shadow:var(--sh)}
html.v2 .pc-badge{background:var(--green);font-size:14px;font-weight:800;border-radius:999px;padding:5px 11px;top:12px;left:12px}
html.v2 .pc-badge-oos{background:#5c524a}
html.v2 .pc-body{padding:16px 16px 18px;gap:8px}
html.v2 .pc-body h3{font-family:var(--fh);font-size:clamp(23px,1.8vw,27px);font-weight:600;line-height:1.08}
html.v2 .pc-tag{font-size:15px;color:var(--ink2);min-height:0}
html.v2 .pc-abs{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--muted);margin:0}
html.v2 .pc-abs .hearts{margin-left:8px}
html.v2 .pc-rating{font-size:14.5px}
html.v2 .pc-price .price-big{font-size:25px}
html.v2 .pcard .btn{margin-top:10px;font-size:16px;padding:13px 12px;min-height:50px;letter-spacing:0}
html.v2 .prova-row{background:var(--blush);border-radius:var(--r-l)}
html.v2 .prova-copy h3,html.v2 .final-copy h2{font-family:var(--fh);font-weight:600}
html.v2 .prova-copy h3{font-size:clamp(28px,2.4vw,36px);line-height:1.08}
html.v2 .prova-copy p{font-size:17.5px}
html.v2 .bag-row{background:var(--off)}
@media(max-width:759px){
  html.v2 .pgrid{gap:12px}
  html.v2 .pc-body{padding:13px 12px 14px}
  html.v2 .pc-body h3{font-size:21px}
  html.v2 .pgrid-4 .pcard .btn{font-size:15px;padding:12px 8px;min-height:48px;letter-spacing:0}
  html.v2 .pc-abs{font-size:13px}
  html.v2 .pc-abs .hearts{margin-left:5px;gap:1px}
  html.v2 .pc-price .price-big{font-size:22px}
  html.v2 .pc-price .price-old{font-size:15px}
  html.v2 .sizes-mini .size .sw{width:26px;height:26px}
}
@media(max-width:479px){html.v2 .pcard .btn{font-size:15px;letter-spacing:0;padding:12px 8px}}

/* ---------- So einfach geht's ---------- */
html.v2 .how{background:var(--sand);padding-block:var(--sect)}
html.v2 .step figure{border-radius:var(--r-l)}
html.v2 .step-no{font-family:var(--f);font-size:15px;font-weight:800;letter-spacing:.04em;padding:6px 13px}
html.v2 .step h3{font-size:22px;margin:4px 0 6px}
html.v2 .step p{font-size:17px;color:var(--ink2)}
html.v2 .how-more{text-align:center;margin-top:28px}

/* ---------- Bewertungen ---------- */
html.v2 .proof{background:var(--blush);padding-block:var(--sect)}
html.v2 .proof .sect-head{flex-direction:column;align-items:center;text-align:center}
html.v2 .proof-meta{font-size:16.5px;color:var(--ink)}
html.v2 .proof-meta .stars{font-size:20px}
html.v2 .q{border-radius:var(--r-m);padding:24px 24px 22px;border:0;box-shadow:var(--sh-s)}
html.v2 .q p{font-size:17.5px;line-height:1.6;color:var(--ink)}
html.v2 .q footer b{font-size:16px}
html.v2 .tp-more{font-family:var(--f);font-size:16px;font-weight:800;letter-spacing:0;text-transform:none;padding:13px 30px;background:#fff;border:1.5px solid var(--ink)}
html.v2 .reviews-note{font-size:14.5px}

/* ---------- Vorteile ---------- */
html.v2 .bene{background:var(--paper);padding-block:var(--sect)}
html.v2 .bene-grid{gap:16px}
html.v2 .bene-item{background:var(--off);border:0;border-radius:var(--r-m);padding:24px 24px 22px}
html.v2 .bene-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--linen);color:var(--ink);margin-bottom:14px}
html.v2 .bene-item h3{font-size:21px;margin-bottom:6px}
html.v2 .bene-item p{font-size:17px;color:var(--ink2)}

/* ---------- Vergleich ---------- */
html.v2 .vs{background:var(--off);padding-block:var(--sect)}
html.v2 .vs-col{border-radius:var(--r-l)}
html.v2 .vs-col h3{font-family:var(--fh);font-size:30px;font-weight:600}
html.v2 .vs-col ul{font-size:17.5px;gap:12px}
html.v2 .vs-us{background:var(--paper);border:2px solid var(--sage2);box-shadow:var(--sh-s)}
html.v2 .vs-them{background:transparent;border:1px solid var(--border)}

/* ---------- Größenleitfaden ---------- */
html.v2 .sizeguide{background:var(--paper);padding-block:var(--sect)}
html.v2 .sg-card{background:var(--off);border:0;border-radius:var(--r-m);padding:22px 22px 20px;gap:10px}
html.v2 .sg-card:hover{box-shadow:var(--sh)}
html.v2 .sg-card-head b{font-family:var(--fh);font-size:30px;font-weight:600}
html.v2 .sg-card p{font-size:16.5px}
html.v2 .sg-dim{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:0}
html.v2 .sg-row p{font-size:16.5px}
html.v2 .sg-name b{font-family:var(--fh);font-size:24px;font-weight:600}
html.v2 .sg-intro,html.v2 .sg-note{font-size:17px}

/* ---------- FAQ ---------- */
html.v2 .faqs{background:var(--paper);padding-block:var(--sect)}
html.v2 .faq-item{border-radius:var(--r-m);background:var(--off);border-color:transparent;padding:0 22px}
html.v2 .faq-item summary{font-family:var(--f);font-size:18.5px;font-weight:700;padding:19px 0}
html.v2 .faq-a{font-size:17.5px;line-height:1.65}
html.v2 .faq-more{font-size:17px;font-weight:700}

/* ---------- Einzelbinden & Abschluss ---------- */
html.v2 .final{background:var(--off);padding-block:var(--sect)}
html.v2 .final-in{background:var(--blush);border-radius:var(--r-l)}
html.v2 .final-copy p{font-size:17.5px}

/* ---------- Über uns ---------- */
html.v2 .about{background:var(--paper);padding-block:var(--sect)}
html.v2 .about-copy p{font-size:17.5px}
html.v2 .founder-q{border-left-color:var(--rose2);background:var(--off)}
html.v2 .founder-q p{font-family:var(--fh);font-size:23px;font-weight:500;line-height:1.35}

/* ---------- Persönliche Hilfe ---------- */
html.v2 .help{background:var(--sand);padding-block:clamp(48px,6vw,80px)}
html.v2 .help-in{display:grid;gap:22px;align-items:center}
html.v2 .help-copy h2{margin:10px 0 10px}
html.v2 .help-copy p{font-size:18px;color:var(--ink2);max-width:48ch}
html.v2 .help-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
html.v2 .help-mail{font-size:18px;font-weight:800;color:var(--ink);text-underline-offset:5px}
@media(min-width:900px){html.v2 .help-in{grid-template-columns:1.3fr .7fr}html.v2 .help-actions{align-items:flex-end}}

/* ---------- Footer ---------- */
html.v2 .site-foot{background:#2b2522;color:#f4efe8}
html.v2 .foot-brand p,html.v2 .foot-newsletter p,html.v2 .foot-legal{color:rgba(244,239,232,.85);font-size:16px}
html.v2 .foot-motto{font-family:var(--f);font-size:13.5px;font-weight:800;letter-spacing:.16em}
html.v2 .foot-social a{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:none}
html.v2 .site-foot nav h3{font-family:var(--f);font-size:13.5px;font-weight:800;letter-spacing:.14em;color:rgba(244,239,232,.65)}
html.v2 .site-foot nav a{font-size:17px;line-height:1.5}
html.v2 .foot-newsletter h3{font-family:var(--fh);font-size:30px;font-weight:500}
html.v2 .foot-base{font-size:14.5px}
html.v2 .nl-btn{font-size:16px;min-height:50px}
html.v2 .nl-in{font-size:17px;padding:14px 16px}
html.v2 .nl-consent{font-size:14.5px}

/* ---------- Warenkorb ---------- */
html.v2 .drawer-head h2{font-family:var(--fh);font-size:30px;font-weight:600}
html.v2 .ship-meter-text{font-size:16px}
html.v2 .ci{grid-template-columns:72px 1fr auto}
html.v2 .ci img{width:72px;height:72px;border-radius:12px}
html.v2 .ci-name{font-size:17px;font-weight:700}
html.v2 .ci-label{font-size:15px}
html.v2 .ci-qty button{width:36px;height:36px;border-radius:10px;font-size:18px}
html.v2 .ci-line{font-size:17px;font-weight:800}
html.v2 .ci-remove{font-size:14.5px}
html.v2 .drawer-total{font-size:21px;font-weight:800}
html.v2 .drawer-trust{font-size:14.5px}
html.v2 .stickybar b{font-size:21px;font-weight:800}
html.v2 .stickybar-name{font-size:14px}
html.v2 .stickybar .btn{font-size:16.5px}

/* ---------- Produktseite ---------- */
html.v2 .crumbs{font-size:15px}
html.v2 .buy h1{font-family:var(--fh);font-weight:600;font-size:clamp(34px,3.2vw,48px);line-height:1.05}
html.v2 .buy-proof{font-size:16px}
html.v2 .buy-tag{font-size:18px}
html.v2 .buy-facts{font-size:16.5px}
html.v2 .buy-usps{font-size:16px}
html.v2 .buy-usps-x details p{font-size:15.5px}
html.v2 .stock{font-size:15.5px}
html.v2 .pdp-desc{font-size:18px}
html.v2 .pg-main,html.v2 .pg-thumb{border-color:var(--border)}
html.v2 .pg-thumb{width:78px;height:78px}

/* ---------- Inhaltsseiten & Kasse ---------- */
html.v2 .page h1{font-weight:500}
html.v2 .page p,html.v2 .page li{font-size:18px}
html.v2 .checkout h1{font-weight:500}
html.v2 .ko-form h2,html.v2 .ko-summary h2{font-family:var(--fh);font-size:30px;font-weight:600}
html.v2 .frow label{font-size:16px;font-weight:700}
html.v2 .frow input,html.v2 .frow textarea,html.v2 .contact-form select,html.v2 .contact-form textarea{font-size:18px;padding:14px 15px;border-radius:14px}
html.v2 .choice{border-radius:16px;padding:16px 18px}
html.v2 .choice strong{font-size:17.5px;font-weight:700}
html.v2 .choice small{font-size:15px}
html.v2 .ko-summary .ko-row{font-size:16.5px}
html.v2 .ko-line{font-size:17px}
html.v2 .ko-total{font-size:23px;font-weight:800}
html.v2 .ko-trust,html.v2 .ko-note{font-size:15px}
html.v2 .ko-newsletter{font-size:15px}

/* ---------- Cookie-Hinweis ---------- */
html.v2 .cbn-in{font-size:16px}
html.v2 .cbn-in b{font-family:var(--fh);font-size:24px;font-weight:600}

/* ---------- Feinschliff ---------- */
html.v2 .bc-title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media(max-width:999px){html.v2 .topbar{font-size:12.5px;font-weight:600;letter-spacing:0;padding-block:7px 8px}}
@media(max-width:359px){html.v2 .topbar{font-size:11.5px}}
html.v2 .drawer-head h2{font-weight:500}
html.v2 .ci-line{white-space:nowrap}
html.v2 .ko-form h2,html.v2 .ko-summary h2{font-weight:500}
@media(max-width:999px){
  html.v2 .bc-top{grid-template-columns:84px minmax(0,1fr)}
  html.v2 .bc-title{font-size:25px;hyphens:manual;-webkit-hyphens:manual}
}
@media(max-width:369px){html.v2 .bc-title{font-size:22px}}
@media(min-width:1000px){html.v2 .hero-in{grid-template-rows:auto 1fr}html.v2 .hero-media{align-self:start;margin-top:8px}}

/* =====================================================================
   Kompakte Startseite (12.10.2026)
   ===================================================================== */
html.v2 .hero-v2 .hero-usps{margin-top:16px}
/* Welcher Schutz passt zu dir? – auf dem Handy als kompakte Zeilen */
@media(max-width:639px){
  html.v2 .needs-grid{gap:12px}
  html.v2 .need{flex-direction:row;align-items:stretch;border-radius:var(--r-m)}
  html.v2 .need figure{flex:0 0 104px}
  html.v2 .need img{width:104px;height:100%;aspect-ratio:auto;min-height:132px;object-fit:cover}
  html.v2 .need-body{padding:14px 14px 14px 16px;gap:6px}
  html.v2 .need-body h3{font-size:24px}
  html.v2 .need-body p{font-size:16px;line-height:1.45}
  html.v2 .need-sizes{gap:6px;margin-top:2px}
  html.v2 .need-size{padding:6px 12px;font-size:15px}
  html.v2 .need-size .hearts{margin-left:6px}
}
@media(min-width:640px){html.v2 .need img{aspect-ratio:4/3}html.v2 .need-body p{flex:0}}
html.v2 .needs .sect-head{margin-bottom:24px}

/* So einfach geht's – drei kompakte Schritte */
html.v2 .how-v2{padding-block:clamp(48px,6vw,88px)}
html.v2 .steps-v2{list-style:none;padding:0;margin:0;display:grid;gap:12px}
html.v2 .steps-v2 li{display:flex;gap:16px;align-items:center;background:#fff;border-radius:var(--r-m);padding:12px;box-shadow:var(--sh-s)}
html.v2 .steps-v2 figure{flex:0 0 92px;border-radius:14px;overflow:hidden;background:var(--sand)}
html.v2 .steps-v2 img{width:92px;height:92px;object-fit:cover}
html.v2 .steps-v2 b{display:block;font-size:19px;font-weight:800;margin-bottom:2px}
html.v2 .steps-v2 span{display:block;font-size:16.5px;line-height:1.5;color:var(--ink2)}
@media(min-width:900px){
  html.v2 .steps-v2{grid-template-columns:repeat(3,1fr);gap:18px}
  html.v2 .steps-v2 li{flex-direction:column;align-items:flex-start;padding:14px 14px 20px}
  html.v2 .steps-v2 figure{flex:none;width:100%}
  html.v2 .steps-v2 img{width:100%;height:auto;aspect-ratio:4/3}
  html.v2 .steps-v2 li>div{padding:0 6px}
}

/* Vergleich kompakt */
html.v2 .vs{padding-block:clamp(48px,6vw,88px)}
html.v2 .vs-col{padding:22px 22px 20px}
html.v2 .vs-col h3{font-size:26px}
html.v2 .vs-col ul{margin-top:10px;gap:9px;font-size:17px}

/* Einzeln & Zubehör als Liste */
html.v2 .minis{background:var(--paper);padding-block:clamp(48px,6vw,88px)}
html.v2 .mini-list{display:grid;gap:10px;grid-template-columns:1fr}
html.v2 .mini-item{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;background:var(--off);border-radius:var(--r-m);text-decoration:none;color:var(--ink);transition:box-shadow .15s}
html.v2 .mini-item:hover{box-shadow:var(--sh-s)}
html.v2 .mini-item img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--sand);flex:0 0 72px}
html.v2 .mini-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
html.v2 .mini-txt b{font-family:var(--fh);font-size:23px;font-weight:600;line-height:1.1}
html.v2 .mini-txt small{display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--muted)}
html.v2 .mini-txt small .hearts{margin-left:8px}
html.v2 .mini-price{font-weight:800;font-size:17px;white-space:nowrap}
html.v2 .mini-price::after{content:"›";margin-left:10px;font-size:22px;color:var(--muted)}
html.v2 .mini-price small{font-size:13px;color:var(--sale)}
@media(min-width:760px){html.v2 .mini-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){html.v2 .mini-list{grid-template-columns:repeat(3,1fr)}}

/* Bewertungen & FAQ etwas kompakter */
html.v2 .proof{padding-block:clamp(48px,6vw,88px)}
html.v2 .faqs{padding-block:clamp(48px,6vw,88px)}
html.v2 .faq-help{margin-top:12px;font-size:17px;color:var(--ink2);max-width:36ch}
html.v2 .faq-help a{font-weight:800;color:var(--ink)}
html.v2 .faq-more{margin-top:14px}
html.v2 .products{padding-block:clamp(48px,6vw,88px)}
html.v2 .needs{padding-block:clamp(48px,6vw,88px)}

/* Footer auf dem Handy kompakter */
@media(max-width:759px){
  html.v2 .site-foot{padding-block:40px 24px}
  html.v2 .foot-grid{grid-template-columns:1fr 1fr;gap:26px 18px}
  html.v2 .foot-brand{grid-column:1/-1}
  html.v2 .foot-brand p:not(.foot-motto){display:none}
  html.v2 .site-foot nav{gap:6px}
  html.v2 .site-foot nav a{font-size:16px}
  html.v2 .site-foot nav[aria-label="Über Ellenora"]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  html.v2 .site-foot nav[aria-label="Über Ellenora"] h3{grid-column:1/-1}
  html.v2 .foot-newsletter{margin-top:26px;padding-top:20px}
}
@media(min-width:900px){html.v2 .steps-v2 img{aspect-ratio:16/9}}
@media(min-width:640px){html.v2 .need img{aspect-ratio:3/2}}

/* ---------- Startseite 14.10.2026 (Wunsch Inhaberin) ---------- */
/* Hero-Überschrift als Label-Zeilen (wie Instagram „Classic“): jede Zeile weiß auf dunklem Kasten, leicht schräg */
html.v2 .hero-copy h1.h1-box{max-width:none;margin-top:16px;line-height:1.34;transform:rotate(-1.6deg);transform-origin:left center;padding:.08em 0 .12em;font-size:clamp(40px,4.6vw,64px)} /* „Weiche Stoffbinden,“ auch am Desktop in einer Zeile */
html.v2 .h1-box mark{background:var(--ink);color:#fff;padding:.02em .3em .09em;border-radius:.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 10px 24px -14px rgba(43,37,34,.55)}
@media(max-width:800px){html.v2 .hero-copy h1.h1-box{margin-left:.05em;max-width:none;font-size:clamp(28px,9.2vw,44px)}} /* „Weiche Stoffbinden,“ passt auf dem Smartphone in eine Zeile */
/* Kaufkarte: die drei Häkchen untereinander */
html.v2 .bc-terms{display:grid;grid-template-columns:1fr;gap:6px}
/* Unsicher bei der Größe? – kompakte Sektion, öffnet den Leitfaden als Dialog */
html.v2 .sizeq{background:var(--off);padding-block:clamp(40px,5vw,72px)}
html.v2 .sizeq-card{max-width:760px;margin:0 auto;text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-l);padding:clamp(26px,4vw,44px) clamp(20px,4vw,48px);box-shadow:var(--sh-s)}
html.v2 .sizeq-card h2{margin:10px 0 8px;font-size:clamp(30px,3.6vw,44px)}
html.v2 .sizeq-card .lede{max-width:48ch;margin:0 auto}
html.v2 .sizeq-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
@media(max-width:559px){html.v2 .sizeq-acts{flex-direction:column}html.v2 .sizeq-acts .btn{width:100%}}
/* Mix & Match als eigene Sektion */
html.v2 .mmsec{background:var(--paper);padding-block:clamp(36px,4.5vw,64px)}
html.v2 .mmsec .mm-teaser{margin-top:0}
/* Größenleitfaden: Hinweise nach Situation (wie vorher auf der Startseite) + Empfehlungs-Hinweis + Link zur ganzen Seite */
html.v2 .sg-hints{background:var(--sage);border-radius:var(--r-m);padding:18px 20px 16px;margin-bottom:18px}
html.v2 .sg-hints-h{margin:0 0 6px;font-family:var(--fh);font-size:26px;font-weight:600;line-height:1.1;color:var(--ink)}
html.v2 .sg-hint-list{list-style:none;margin:0;padding:0}
html.v2 .sg-hint-list li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid rgba(43,37,34,.1)}
html.v2 .sg-hint-list li:last-child{border-bottom:0;padding-bottom:4px}
html.v2 .sg-hint-list b{font-size:17.5px;font-weight:700}
html.v2 .sg-hint-list span{font-size:16px;line-height:1.5;color:var(--ink2)}
html.v2 .sg-hint-list .need-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
html.v2 .sg-hint-list .need-size{padding:6px 12px;font-size:15px}
html.v2 .sg-hints-note{margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(43,37,34,.1);font-size:15.5px;line-height:1.55;color:var(--ink2)}
html.v2 .sg-hints-note a{color:var(--ink);font-weight:700}
html.v2 .sg-full{margin:18px 0 0}
html.v2 .sg-dialog{margin:auto}

/* ---------- Menü „Unsere Produkte“ (14.10.2026) ---------- */
html.v2 .nav-dd{position:relative;display:inline-flex}
html.v2 .nav-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-bottom:1px solid transparent;padding:6px 0;margin:0;font:inherit;font-weight:700;color:var(--ink2);cursor:pointer;letter-spacing:.01em}
html.v2 .nav-dd-btn:hover,html.v2 .nav-dd.is-open .nav-dd-btn{color:var(--ink);border-color:var(--ink)}
html.v2 .nav-dd .dd-chev{transition:transform .18s}
html.v2 .nav-dd.is-open .dd-chev,html.v2 .nav-dd:hover .dd-chev{transform:rotate(180deg)}
html.v2 .nav-dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:250px;margin-top:10px;padding:10px;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-m);box-shadow:var(--sh);display:none;flex-direction:column;z-index:60}
html.v2 .nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
html.v2 .nav-dd:hover .nav-dd-menu,html.v2 .nav-dd.is-open .nav-dd-menu,html.v2 .nav-dd:focus-within .nav-dd-menu{display:flex}
html.v2 .nav-dd-menu a{display:block;padding:11px 14px;border-radius:10px;border-bottom:0;color:var(--ink);white-space:nowrap}
html.v2 .nav-dd-menu a:hover{background:var(--off);border-color:transparent}
html.v2 .mnav-dd{border-bottom:1px solid var(--border)}
html.v2 .mnav-dd summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:19px;font-weight:600;cursor:pointer;list-style:none}
html.v2 .mnav-dd summary::-webkit-details-marker{display:none}
html.v2 .mnav-dd .dd-chev{width:18px;height:18px;transition:transform .18s;color:var(--ink2)}
html.v2 .mnav-dd[open] .dd-chev{transform:rotate(180deg)}
html.v2 .mnav-sub{display:flex;flex-direction:column;padding:0 0 6px 18px}
html.v2 .mnav-sub a{font-size:17.5px;font-weight:500;padding:11px 0;border-bottom:1px solid rgba(43,37,34,.07)}
html.v2 .mnav-sub a:last-child{border-bottom:0}