/* meerjungfrauen-uf katalog.css 1.0.0 (21.10.2026): product cards, catalog filters, product page, comparison,
 * starter pack. Tokens (--mjf-*) and base components come from marke.css (dependency mjf-marke). */

.mjf-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mjf-katalog [hidden],.mjf-pd [hidden],.mjf-vergleich [hidden],.mjf-paket [hidden],.mjf-produkte [hidden],.mjf-kaufleiste[hidden],.mjf-pk[hidden]{display:none!important}
/* Inside the content area marke.css styles p, ul, li, h2-h4, a and tables (.mjf-inhalt x, 0,1,1). The module roots
   reset what their components lay out themselves (same specificity, later file); component rules with margins
   or font sizes on these elements use two classes. */
:is(.mjf-pk,.mjf-katalog,.mjf-produkte,.mjf-vergleich,.mjf-paket,.mjf-pd) :is(p,ul,ol,li,dl,dd,h2,h3,h4){margin:0}
:is(.mjf-pk,.mjf-katalog,.mjf-produkte,.mjf-vergleich,.mjf-paket,.mjf-pd) :is(ul,ol){padding:0;list-style:none}
:is(.mjf-katalog,.mjf-produkte,.mjf-vergleich,.mjf-paket,.mjf-pd) a.mjf-knopf,.mjf-pk a{text-decoration:none}
.mjf-icon{flex:none;vertical-align:middle}
.mjf-link{font:inherit;color:var(--mjf-beere);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}

/* ---------- product cards ---------- */
.mjf-pk-raster{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}
@media (min-width:640px){.mjf-pk-raster{gap:16px;grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}.mjf-pk-raster--klein{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
.mjf-pk{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.mjf-pk:hover{border-color:var(--mjf-mauve);box-shadow:var(--mjf-schatten)}
.mjf-pk:has(.mjf-pk__name a:focus-visible){outline:3px solid var(--mjf-beere);outline-offset:2px}
.mjf-pk__bild{position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--mjf-weiss);border-bottom:1px solid var(--mjf-linie)}
.mjf-pk__img{width:86%;height:86%;object-fit:contain}
.mjf-bild-leer{display:block;background:var(--mjf-meer-hell) radial-gradient(circle at 50% 100%,transparent 9px,rgba(79,110,120,.09) 10px,transparent 11px) 0 0/22px 13px}
.mjf-pk__band{position:absolute;left:8px;top:8px;z-index:2;background:var(--mjf-gold-hell);color:var(--mjf-gold-text);font-size:12.5px;font-weight:700;line-height:1.2;border-radius:7px;padding:4px 8px}
.mjf-pk__aktionen{position:absolute;right:6px;top:6px;z-index:2;display:flex;gap:2px}
.mjf-aktion{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--mjf-text-2);cursor:pointer;font:inherit}
.mjf-aktion .mjf-icon{width:34px;height:34px;padding:7px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 0 0 1px var(--mjf-linie);transition:color .15s,background .15s}
.mjf-aktion:hover .mjf-icon{color:var(--mjf-beere)}
.mjf-aktion[aria-pressed="true"] .mjf-icon{color:#fff;background:var(--mjf-beere);box-shadow:none}
.mjf-aktion--merk[aria-pressed="true"] .mjf-icon{fill:currentColor}
.mjf-aktion:focus-visible{outline:3px solid var(--mjf-beere);outline-offset:0}
.mjf-pk__text{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 12px 14px}
.mjf-pk .mjf-pk__marke{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mjf-text-2)}
.mjf-pk .mjf-pk__name{font-size:16px;font-weight:600;line-height:1.3;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.mjf-pk__name a{color:var(--mjf-tiefsee);text-decoration:none;outline:0}
.mjf-pk__name a::after{content:"";position:absolute;inset:0;z-index:1}
.mjf-pk:hover .mjf-pk__name a{color:var(--mjf-beere)}
.mjf-pk__chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.mjf-pk__chips>li{margin:0}
.mjf-pk__chips .mjf-chip{display:inline-block;margin:0;font-size:12px;font-weight:600;line-height:1.2;padding:4px 8px;border-radius:999px;background:var(--mjf-grund);border:1px solid var(--mjf-linie);color:var(--mjf-text-2);white-space:nowrap}
.mjf-pk__chips .mjf-chip--lagune{background:var(--mjf-lagune-hell);border-color:transparent;color:var(--mjf-lagune-text)}
.mjf-farbpunkte{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.mjf-fp{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,48,58,.16)}
.mjf-fp--pink{background:#E2559A}.mjf-fp--lila{background:#8F63C2}.mjf-fp--blau{background:#3474D0}.mjf-fp--gruen{background:#3A9A57}.mjf-fp--tuerkis{background:#17ADA0}.mjf-fp--gold{background:#D69E1D}.mjf-fp--silber{background:#C3CCD0}.mjf-fp--schwarz{background:#22282B}
.mjf-fp--regenbogen{background:conic-gradient(#E2559A,#F2B33D,#3A9A57,#3474D0,#8F63C2,#E2559A)}
.mjf-fp--bunt{background:linear-gradient(135deg,#E2559A 0 33%,#17ADA0 33% 66%,#F2B33D 66%)}
.mjf-pk__grund,.mjf-pk__groesse{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.35;border-radius:8px;padding:6px 8px}
.mjf-pk__grund{color:var(--mjf-lagune-text);background:var(--mjf-lagune-hell)}
.mjf-pk__grund .mjf-icon{width:16px;height:16px;margin-top:1px}
.mjf-pk__groesse{font-weight:600;color:var(--mjf-beere-dunkel);background:var(--mjf-mauve-hell)}
.mjf-pk__preis{margin-top:auto;padding-top:4px}
.mjf-pk__ab{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin:0;line-height:1.3}
.mjf-pk__ab b{font-size:20px;font-weight:700;color:var(--mjf-tiefsee);font-variant-numeric:tabular-nums}
.mjf-pk__ab-wort,.mjf-pk__bei{font-size:13.5px;color:var(--mjf-text-2)}
.mjf-pk__shop{position:relative;z-index:2;font-weight:600;color:var(--mjf-beere)}
.mjf-stand{font-size:12.5px;line-height:1.4;color:var(--mjf-text-2);font-variant-numeric:tabular-nums}
.mjf-pk.mjf-pk--klein .mjf-pk__name{font-size:15px}
.mjf-pk--klein .mjf-pk__chips{display:none}
:is(.mjf-katalog,.mjf-produkte,.mjf-vergleich,.mjf-paket) .mjf-katalog__hinweis,.mjf-pd .mjf-angebote__hinweis{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--mjf-text-2);max-width:80ch}

/* ---------- catalog ---------- */
.mjf-katalog{margin:22px 0 32px}
.mjf-katalog .mjf-katalog__titel,.mjf-produkte .mjf-produkte__titel{margin:0 0 12px}
.mjf-katalog .mjf-blick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.mjf-blick>div{background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius);padding:10px 14px}
.mjf-blick dt{font-size:13px;color:var(--mjf-text-2)}
.mjf-blick dd{margin:2px 0 0;font-size:15px;font-variant-numeric:tabular-nums}
.mjf-blick dd b{font-size:22px;line-height:1.2}
.mjf-katalog__layout{display:grid;gap:20px}
.mjf-filter{background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross);padding:6px 16px 14px}
.mjf-filter__kopf{display:none}
.mjf-filter__titel{margin:0;font-weight:700;font-size:18px}
.mjf-filter__gruppe{margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--mjf-linie);min-width:0}
.mjf-filter__gruppe:last-child{border-bottom:0}
.mjf-filter__gruppe legend{float:left;width:100%;margin:0 0 6px;padding:0;font-weight:600;font-size:15px}
.mjf-filter__gruppe legend+*{clear:left}
.mjf-filter .mjf-filter__hilfe{margin:6px 0 2px;font-size:12.5px;line-height:1.4;color:var(--mjf-text-2)}
.mjf-wahl{display:flex;align-items:center;gap:10px;min-height:38px;font-size:15px;cursor:pointer;color:var(--mjf-tiefsee)}
.mjf-wahl input{width:20px;height:20px;margin:0;accent-color:var(--mjf-beere);flex:none}
.mjf-wahl__text{flex:1;line-height:1.3}
.mjf-wahl__text small{color:var(--mjf-text-2);font-weight:400}
.mjf-wahl__n{font-size:12.5px;color:var(--mjf-text-2);font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.mjf-wahl--leer{opacity:.5}
.mjf-wahl--klein{min-height:32px;font-size:13.5px}
.mjf-wahl:has(input:focus-visible),.mjf-farbe:has(input:focus-visible){outline:3px solid var(--mjf-beere);outline-offset:2px;border-radius:8px}
.mjf-regler{display:flex;align-items:center;gap:10px}
.mjf-regler input[type=range]{flex:1;min-width:0;height:28px;accent-color:var(--mjf-beere)}
.mjf-regler input[type=range][data-leer]{filter:grayscale(1);opacity:.6}
.mjf-regler__zahl{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--mjf-text-2)}
.mjf-regler__zahl input{width:68px;min-height:40px;padding:6px 8px;font:inherit;font-size:15px;color:var(--mjf-tiefsee);border:1px solid var(--mjf-linie);border-radius:8px;background:#fff;font-variant-numeric:tabular-nums}
.mjf-regler__wert{min-width:72px;text-align:right;font-weight:600;font-size:14px}
.mjf-farbwahl{display:flex;flex-wrap:wrap;gap:6px}
.mjf-farbe{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px 4px 6px;border:1px solid var(--mjf-linie);border-radius:999px;background:#fff;font-size:13.5px;cursor:pointer}
.mjf-farbe input{position:absolute;opacity:0;width:1px;height:1px}
.mjf-farbe .mjf-fp{width:20px;height:20px}
.mjf-farbe .mjf-wahl__n{min-width:0}
.mjf-farbe:has(input:checked){border-color:var(--mjf-beere);background:var(--mjf-mauve-hell);box-shadow:inset 0 0 0 1px var(--mjf-beere)}
.mjf-farbe:has(input:checked) .mjf-farbe__name{font-weight:600;color:var(--mjf-beere-dunkel)}
.mjf-filter__fuss{display:grid;gap:8px;padding-top:12px}
.mjf-filter__reset{font-size:14px;text-align:center;color:var(--mjf-beere)}
.mjf-leiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px}
.mjf-trefferzahl{margin:0;font-size:15px;color:var(--mjf-text-2)}
.mjf-trefferzahl b{font-size:18px;color:var(--mjf-tiefsee)}
.mjf-sortierung{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--mjf-text-2)}
.mjf-sortierung select{min-height:40px;padding:6px 30px 6px 10px;font:inherit;font-size:15px;color:var(--mjf-tiefsee);border:1px solid var(--mjf-linie);border-radius:10px;background:#fff}
.mjf-filter-schalter{display:inline-flex;align-items:center;gap:8px}
.mjf-filter-schalter__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--mjf-beere);color:#fff;font-size:12.5px;font-weight:700}
.mjf-katalog .mjf-aktiv{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mjf-aktiv button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 8px 4px 12px;font:inherit;font-size:14px;font-weight:500;color:var(--mjf-beere-dunkel);background:var(--mjf-mauve-hell);border:1px solid var(--mjf-mauve);border-radius:999px;cursor:pointer}
.mjf-aktiv button .mjf-icon{width:18px;height:18px}
.mjf-aktiv button:hover{border-color:var(--mjf-beere)}
.mjf-aktiv .mjf-aktiv__alle{background:none;border-color:transparent;color:var(--mjf-beere);text-decoration:underline;padding-left:6px}
.mjf-katalog .mjf-leer,.mjf-vergleich .mjf-leer{margin:12px 0}
.mjf-leer p{max-width:60ch}
[data-mjf-vorschlaege]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mjf-mehr{display:flex;margin:20px auto 0}
@media (min-width:900px){
  .mjf-katalog__layout{grid-template-columns:262px minmax(0,1fr);align-items:start;gap:24px}
  .mjf-katalog__layout--ohne{grid-template-columns:minmax(0,1fr)}
  .mjf-filter-schalter{display:none!important}
  .mjf-js .mjf-filter__fuss [data-mjf-filter-anwenden]{display:none}
}
@media (max-width:899px){
  .mjf-katalog__layout{grid-template-columns:minmax(0,1fr)}
  .mjf-js .mjf-filter{position:fixed;top:0;right:0;bottom:0;z-index:1000;width:min(420px,100%);display:flex;flex-direction:column;padding:0;border:0;border-radius:0;box-shadow:-12px 0 32px rgba(20,48,58,.18);transform:translateX(105%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
  .mjf-js.mjf-filter-offen .mjf-filter{transform:none;visibility:visible;transition:transform .25s ease}
  .mjf-js .mjf-filter__kopf{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 18px;border-bottom:1px solid var(--mjf-linie)}
  .mjf-js .mjf-filter__inhalt{flex:1;overflow:auto;padding:0 18px;overscroll-behavior:contain}
  .mjf-js .mjf-filter__fuss{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--mjf-linie);background:var(--mjf-weiss)}
  .mjf-js.mjf-filter-offen::before{content:"";position:fixed;inset:0;z-index:999;background:rgba(20,40,50,.45)}
  .mjf-filter__zu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--mjf-tiefsee);cursor:pointer}
  .mjf-leiste{position:sticky;top:var(--mjf-kopf-hoehe,0px);z-index:5;margin:0 calc(var(--mjf-rand) * -1) 10px;padding:8px var(--mjf-rand);background:rgba(255,255,255,.96);border-bottom:1px solid var(--mjf-linie)}
  .mjf-sortierung span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
html.mjf-ohne-scroll{overflow:hidden}

/* ---------- product page ---------- */
.mjf-pd{max-width:var(--mjf-max);margin:0 auto;padding:10px var(--mjf-rand) 56px}
.mjf-brotkrumen{margin:6px 0 16px;font-size:14px;color:var(--mjf-text-2)}
.mjf-brotkrumen ol{display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;list-style:none}
.mjf-brotkrumen li:not(:last-child)::after{content:"›";margin:0 8px;color:var(--mjf-leise)}
.mjf-brotkrumen a{color:var(--mjf-text-2)}
.mjf-pd__kopf{display:grid;gap:22px}
.mjf-pd__hauptbild{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross)}
.mjf-pd__hauptbild img{width:84%;height:84%;object-fit:contain}
.mjf-pd__thumbs{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none;overflow-x:auto}
.mjf-pd__thumbs a{display:grid;place-items:center;width:68px;height:68px;border:1.5px solid var(--mjf-linie);border-radius:10px;background:#fff}
.mjf-pd__thumbs a[aria-current]{border-color:var(--mjf-beere)}
.mjf-pd__thumbs img{width:56px;height:56px;object-fit:contain}
.mjf-pd__marke{margin:0;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mjf-text-2)}
.mjf-pd .mjf-pd__titel{margin:4px 0 10px;font-size:clamp(26px,3.4vw,36px);line-height:1.15;text-wrap:balance}
.mjf-pd .mjf-pd__chips{margin-bottom:8px}
.mjf-pd__chips .mjf-chip{font-size:13px;padding:5px 9px}
.mjf-pd__info .mjf-farbpunkte .mjf-fp{width:18px;height:18px}
.mjf-pd .mjf-pd__kurz{margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--mjf-text-2);max-width:62ch}
.mjf-kauf{display:grid;gap:16px;margin-top:18px;padding:16px;background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross);box-shadow:var(--mjf-schatten)}
.mjf-kauf__preis{display:grid;gap:4px;padding:14px 16px;background:var(--mjf-lagune-hell);border-radius:var(--mjf-radius)}
.mjf-kauf__label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--mjf-lagune-text)}
.mjf-kauf__label .mjf-icon{width:18px;height:18px}
.mjf-kauf__wert{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:2px 0 0}
.mjf-kauf__wert b{font-size:34px;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--mjf-tiefsee)}
.mjf-kauf__wert span{font-size:16px;color:var(--mjf-text-2)}
.mjf-kauf__preis .mjf-stand{color:var(--mjf-lagune-text)}
.mjf-kauf__knopf{margin-top:8px}
.mjf-kauf__alle{justify-self:start;margin-top:4px;font-size:14.5px;font-weight:600;color:var(--mjf-lagune-text)}
.mjf-pd .mjf-groessen__titel{margin:0 0 8px;font-weight:600}
.mjf-groessen__liste{display:flex;flex-wrap:wrap;gap:8px}
.mjf-groesse{display:flex;flex-direction:column;justify-content:center;min-width:92px;min-height:48px;padding:7px 12px;line-height:1.25;color:var(--mjf-tiefsee);text-decoration:none;background:#fff;border:1.5px solid var(--mjf-linie);border-radius:10px;cursor:pointer}
.mjf-groesse b{font-size:16px}
.mjf-groesse span{font-size:12.5px;color:var(--mjf-text-2);font-variant-numeric:tabular-nums}
.mjf-groesse .mjf-groesse__preis{font-weight:600;color:var(--mjf-lagune-text)}
.mjf-groesse:hover{border-color:var(--mjf-mauve)}
.mjf-groesse[aria-pressed="true"]{border-color:var(--mjf-beere);background:var(--mjf-mauve-hell);box-shadow:inset 0 0 0 1px var(--mjf-beere)}
.mjf-groesse:focus-visible{outline:3px solid var(--mjf-beere);outline-offset:2px}
.mjf-groesse--alle{min-width:72px}
.mjf-groessen__eine{margin:0;font-size:15px}
.mjf-passt{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--mjf-linie)}
.mjf-passt__label{font-weight:600}
.mjf-passt__zeile{display:flex;flex-wrap:wrap;gap:8px}
.mjf-passt__feld{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;background:#fff;border:1.5px solid var(--mjf-linie);border-radius:10px;color:var(--mjf-text-2)}
.mjf-passt__feld:focus-within{border-color:var(--mjf-beere)}
.mjf-passt__feld input{width:10ch;border:0;outline:0;font:inherit;font-size:17px;color:var(--mjf-tiefsee);background:none;font-variant-numeric:tabular-nums}
.mjf-passt__ergebnis{margin:0;font-size:15px;line-height:1.45;border-radius:10px}
.mjf-passt__ergebnis:not(:empty){padding:10px 12px;background:var(--mjf-grund)}
.mjf-passt__ergebnis--passt:not(:empty),.mjf-passt__ergebnis--grenze:not(:empty){background:var(--mjf-lagune-hell);color:var(--mjf-lagune-text)}
.mjf-passt__ergebnis--knapp:not(:empty){background:var(--mjf-warn-grund);color:var(--mjf-warn-text)}
.mjf-passt__ergebnis--ausserhalb:not(:empty){background:var(--mjf-fehler-grund);color:var(--mjf-fehler-text)}
.mjf-pd__aktionen{display:flex;flex-wrap:wrap;gap:8px}
.mjf-pd__aktionen .mjf-aktion{width:auto;height:44px;padding:0 14px 0 6px;border:1px solid var(--mjf-linie);border-radius:999px;background:#fff;color:var(--mjf-tiefsee);font-size:15px}
.mjf-pd__aktionen .mjf-aktion .mjf-icon{width:30px;height:30px;padding:5px;box-shadow:none;background:none}
.mjf-pd__aktionen .mjf-aktion[aria-pressed="true"]{border-color:var(--mjf-beere);background:var(--mjf-mauve-hell);color:var(--mjf-beere-dunkel)}
.mjf-pd__aktionen .mjf-aktion[aria-pressed="true"] .mjf-icon{background:none;color:var(--mjf-beere)}
.mjf-paket .mjf-paket__weg-titel--einzeln{margin:12px 0 0}
@media (max-width:899px){.mjf-pd__hauptbild{aspect-ratio:4/3}.mjf-pd__hauptbild img{width:auto;max-width:84%}}
.mjf-katalog .mjf-blick dd b{font-variant-numeric:tabular-nums}
@media (max-width:640px){.mjf-katalog .mjf-blick{gap:8px;margin-bottom:14px}.mjf-blick>div{padding:8px 12px}.mjf-blick dt{font-size:12.5px}.mjf-blick dd{font-size:14px}.mjf-blick dd b{font-size:18px}}
@media (max-width:640px){.mjf-vgl th,.mjf-vgl td{min-width:136px;padding:8px 10px;font-size:14px}.mjf-vgl th[scope=row],.mjf-vgl thead td{min-width:86px;width:86px}.mjf-vgl__kopf img{width:84px;height:84px}}
@media (min-width:900px){
  .mjf-pd__kopf{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:40px;align-items:start}
  .mjf-pd__galerie{position:sticky;top:calc(var(--mjf-kopf-hoehe,0px) + 16px)}
  .mjf-kauf{padding:20px}
}
.mjf-angebote{margin-top:40px;scroll-margin-top:calc(var(--mjf-kopf-hoehe,0px) + 16px)}
.mjf-angebote h2,.mjf-pd__mehr h2{margin:0 0 4px}
.mjf-pd .mjf-angebote__kopf{margin:0 0 12px;color:var(--mjf-text-2)}
.mjf-angebote .mjf-tabelle-wrap{position:relative;overflow-x:auto}
.mjf-angebote__tabelle{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross);overflow:hidden;font-variant-numeric:tabular-nums}
.mjf-angebote__tabelle th,.mjf-angebote__tabelle td{padding:12px 14px;text-align:left;vertical-align:middle;border-top:1px solid var(--mjf-linie)}
.mjf-angebote__tabelle thead th{border-top:0;font-size:13px;font-weight:600;color:var(--mjf-text-2);background:var(--mjf-grund)}
.mjf-angebote__tabelle .n{text-align:right;white-space:nowrap}
.mjf-angebot__shop{font-weight:400}
.mjf-angebot__shop b{font-size:16px;font-weight:600}
.mjf-angebot__shop small{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--mjf-text-2)}
.mjf-angebot__badge{display:none!important;margin-left:8px;vertical-align:2px}
.mjf-angebot--best .mjf-angebot__badge{display:inline-block!important;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--mjf-lagune);color:#fff;border:0}
.mjf-angebot--best>*{background:var(--mjf-lagune-hell)}
.mjf-angebot__gesamt b{font-size:17px}
.mjf-angebot__knopf{text-align:right;white-space:nowrap}
.mjf-angebot__ohne{color:var(--mjf-text-2)}
.mjf-angebot--amazon>*{background:var(--mjf-grund)}
@media (max-width:699px){
  .mjf-angebote__tabelle{border:0;background:none;border-radius:0}
  .mjf-angebote__tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mjf-angebote__tabelle tbody{display:grid;gap:10px}
  .mjf-angebote__tabelle tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:12px 14px;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius)}
  .mjf-angebote__tabelle tr.mjf-angebot--best{background:var(--mjf-lagune-hell);border-color:var(--mjf-lagune)}
  .mjf-angebote__tabelle tr.mjf-angebot--amazon{background:var(--mjf-grund)}
  .mjf-angebote__tabelle th,.mjf-angebote__tabelle td{display:block;padding:0;border:0;background:none!important;text-align:left}
  .mjf-angebote__tabelle .mjf-angebot__shop,.mjf-angebote__tabelle .mjf-angebot__knopf,.mjf-angebote__tabelle .mjf-angebote__gr,.mjf-angebote__tabelle [colspan]{grid-column:1/-1}
  .mjf-angebote__tabelle td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--mjf-text-2)}
  .mjf-angebote__tabelle td.mjf-angebote__gr{font-size:14px}
  .mjf-angebote__tabelle td.mjf-angebote__gr::before{display:inline;margin-right:6px}
  .mjf-angebote__tabelle .n{text-align:left}
  .mjf-angebot__knopf .mjf-knopf{display:flex;width:100%;justify-content:center}
}
.mjf-pd__raster{display:grid;gap:18px;margin-top:40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.mjf-pd__block{padding:18px 20px;background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross)}
.mjf-pd__block h2{margin:0 0 10px;font-size:20px}
.mjf-pd__block p{margin:10px 0 0}
.mjf-pd__merkmale{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mjf-pd__merkmale li{display:flex;gap:8px;align-items:flex-start}
.mjf-pd__merkmale .mjf-icon{color:var(--mjf-lagune);margin-top:3px}
.mjf-daten{margin:0}
.mjf-daten div{display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--mjf-linie)}
.mjf-daten div:first-child{border-top:0;padding-top:0}
.mjf-daten dt{color:var(--mjf-text-2)}
.mjf-daten dd{margin:0;overflow-wrap:anywhere}
.mjf-pd .mjf-pd__sicher ul{padding-left:20px;list-style:disc}
.mjf-pd__sicher li{margin:6px 0}
.mjf-pd__sicher a{font-weight:600}
.mjf-pd__block.mjf-box--warn{background:var(--mjf-warn-grund);border-color:#F1D9A8}
.mjf-pd__block.mjf-box--hinweis{background:var(--mjf-meer-hell);border-color:transparent}
.mjf-pd__mehr{margin-top:40px}
.mjf-pd__mehr h2{margin-bottom:14px}
.mjf-pd .mjf-pd__paket{margin:28px 0 0}
.mjf-pd .mjf-pd__alle{margin:14px 0 0}
.mjf-pd__alle a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.mjf-kaufleiste{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--mjf-rand) calc(10px + env(safe-area-inset-bottom));background:var(--mjf-weiss);border-top:1px solid var(--mjf-linie);box-shadow:0 -8px 24px rgba(20,48,58,.12);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility 0s .2s}
.mjf-kaufleiste.ist-sichtbar{transform:none;visibility:visible;transition:transform .2s ease}
.mjf-kaufleiste__text{margin:0;line-height:1.25;min-width:0}
.mjf-kaufleiste__text b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.mjf-kaufleiste__text span{font-size:13.5px;color:var(--mjf-text-2)}
@media (min-width:900px){.mjf-kaufleiste{display:none!important}}

/* ---------- comparison ---------- */
.mjf-vergleich__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}
.mjf-vergleich__titel{margin:0}
.mjf-vergleich__titel span{font-size:.7em;font-weight:500;color:var(--mjf-text-2)}
.mjf-vergleich__werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mjf-vergleich .mjf-vergleich__geteilt{margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mjf-vgl-wrap{position:relative;overflow-x:auto;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross)}
.mjf-vgl-wrap .mjf-vgl{width:100%;margin:0;background:#fff;border-collapse:separate;border-spacing:0;font-size:15px;font-variant-numeric:tabular-nums}
.mjf-vgl th,.mjf-vgl td{padding:10px 12px;border-bottom:0;text-align:left;vertical-align:top;border-top:1px solid var(--mjf-linie);min-width:168px}
.mjf-vgl thead th,.mjf-vgl thead td{border-top:0}
.mjf-vgl th[scope=row]{position:sticky;left:0;z-index:1;min-width:112px;width:112px;font-size:13.5px;font-weight:600;color:var(--mjf-text-2);background:#fff;box-shadow:1px 0 0 var(--mjf-linie)}
.mjf-vgl thead td{position:sticky;left:0;z-index:1;background:#fff;min-width:112px}
.mjf-vgl .mjf-vgl__kopf{position:relative;font-weight:600;font-size:15px;color:var(--mjf-tiefsee);background:#fff}
.mjf-vgl__kopf img{display:block;width:120px;height:120px;margin:0 auto 8px;object-fit:contain}
.mjf-vgl__kopf a{color:var(--mjf-tiefsee);line-height:1.3}
.mjf-vgl__marke{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mjf-text-2)}
.mjf-vgl__weg{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--mjf-text-2);cursor:pointer}
.mjf-vgl__weg:hover{color:var(--mjf-fehler-text)}
.mjf-vgl td small{display:block;font-size:12px;color:var(--mjf-text-2)}
.mjf-vgl td .mjf-farbpunkte{margin-right:6px}
.mjf-vgl__zeile--diff th[scope=row]{box-shadow:inset 3px 0 0 var(--mjf-gold),1px 0 0 var(--mjf-linie)}
.mjf-vgl__zeile--diff td{background:#FFFCF3}
.mjf-vgl__best{background:var(--mjf-lagune-hell)!important;color:var(--mjf-lagune-text)}
.mjf-vgl__details{display:block;margin-top:8px;font-size:14px}
.mjf-vgl--nur .mjf-vgl__zeile:not(.mjf-vgl__zeile--diff):not(.mjf-vgl__zeile--kauf){display:none}
.mjf-wahl--schalter{min-height:40px;padding:0 12px;border:1px solid var(--mjf-linie);border-radius:999px;background:#fff;font-size:14px}
.mjf-merkliste{margin-top:36px}

/* ---------- starter pack ---------- */
.mjf-paket{display:grid;gap:20px;margin:20px 0}
.mjf-paket__liste{padding:4px 18px 16px;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross)}
.mjf-paket__koerper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--mjf-linie)}
.mjf-paket__koerper label{font-weight:600}
.mjf-paket__koerper label span{display:block;font-weight:400;font-size:13.5px;color:var(--mjf-text-2)}
.mjf-paket__cm{display:inline-flex;align-items:center;gap:6px;color:var(--mjf-text-2)}
.mjf-paket__cm input{width:108px;min-height:44px;padding:6px 10px;font:inherit;font-size:16px;border:1.5px solid var(--mjf-linie);border-radius:10px}
.mjf-paket__teil{min-width:0;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--mjf-linie)}
.mjf-paket__titel{float:left;width:100%;padding:0;font-weight:600}
.mjf-paket__titel+*{clear:left}
.mjf-paket__titel small{font-weight:400;color:var(--mjf-text-2)}
.mjf-paket__zeile{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;margin-top:6px}
.mjf-paket__bild{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;background:#fff;border:1px solid var(--mjf-linie);border-radius:10px}
.mjf-paket__bild img{width:64px;height:64px;object-fit:contain}
.mjf-paket__wahl{display:grid;gap:6px;min-width:0}
.mjf-paket__wahl select{width:100%;min-height:44px;padding:8px 10px;font:inherit;font-size:15px;color:var(--mjf-tiefsee);border:1px solid var(--mjf-linie);border-radius:10px;background:#fff}
.mjf-paket__hinweis,.mjf-paket__keins{margin:0;font-size:13.5px;color:var(--mjf-text-2)}
.mjf-paket__angebot{margin:0;font-size:15px}
.mjf-paket__angebot a{font-weight:600}
.mjf-paket__angebot .mjf-stand{display:block}
.mjf-paket__warn{color:var(--mjf-warn-text)}
.mjf-paket__teil--aus .mjf-paket__zeile{opacity:.45}
.mjf-paket__summe{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-top:6px;padding-top:12px;border-top:2px solid var(--mjf-tiefsee)}
.mjf-paket__summe b{font-size:26px;font-variant-numeric:tabular-nums}
.mjf-paket__summe small{flex-basis:100%;font-size:13px;color:var(--mjf-text-2)}
.mjf-paket__bestellen{display:grid;gap:12px;align-content:start;padding:18px;background:#fff;border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross)}
.mjf-paket__h{margin:0;font-size:20px}
.mjf-paket .mjf-paket__weg ul,.mjf-paket .mjf-paket__einzeln{display:grid;gap:8px;margin:8px 0;padding:0;list-style:none}
.mjf-paket__weg-titel{margin:0}
.mjf-paket__weg--ein{padding:12px;background:var(--mjf-lagune-hell);border-radius:var(--mjf-radius)}
.mjf-paket__tipp p{margin:0}
@media (min-width:900px){.mjf-paket{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);align-items:start}.mjf-paket__bestellen{position:sticky;top:calc(var(--mjf-kopf-hoehe,0px) + 16px)}}

@media (prefers-reduced-motion:reduce){.mjf-pk,.mjf-filter,.mjf-kaufleiste,.mjf-aktion .mjf-icon{transition:none!important}.mjf-pk:hover{transform:none}}