/* Größenrechner 1.0.0 (meerjungfrauen-uf, agent C) - tokens and base components from marke.css. */
.mjf-gr [hidden],.mjf-gm [hidden]{display:none!important}
.mjf-gr a .mjf-anzeige,.mjf-gm a .mjf-anzeige{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0}
.mjf-gr{max-width:var(--mjf-max,1180px);margin:0 auto 32px;color:var(--mjf-tiefsee)}
.mjf-gr-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@media (min-width:980px){.mjf-gr-raster{grid-template-columns:460px minmax(0,1fr)}.mjf-gr-form{position:sticky;top:16px}}

/* form with measuring figure */
.mjf-gr-form{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:18px;background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:var(--mjf-radius-gross,18px);box-shadow:var(--mjf-schatten);position:relative;overflow:hidden;overflow:clip}
.mjf-gr-form::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--mjf-mauve),var(--mjf-beere) 60%,var(--mjf-lagune))}
.mjf-gr-figur{position:sticky;top:12px;align-self:start}
.mjf-gr-figur__svg{display:block;width:100%;height:auto}
.mjf-gr-boden{stroke:var(--mjf-linie);stroke-width:2}
.mjf-gr-koerper{fill:var(--mjf-meer-hell);stroke:var(--mjf-meer-tief);stroke-width:1.5;stroke-linejoin:round}
.mjf-gr-koerper .mjf-gr-anzug{fill:var(--mjf-mauve-hell);stroke:var(--mjf-mauve)}
.mjf-gr-mass{fill:none;stroke:var(--mjf-leise);stroke-width:1.6;stroke-dasharray:4 3;transition:stroke .15s,stroke-width .15s}
.mjf-gr-mass .mjf-gr-spitze{fill:var(--mjf-leise);stroke:none}
.mjf-gr-mass.ist-aktiv{stroke:var(--mjf-beere);stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(142,47,126,.55));animation:mjf-gr-puls 1.4s ease-in-out infinite}
.mjf-gr-mass.ist-aktiv .mjf-gr-spitze{fill:var(--mjf-beere)}
@keyframes mjf-gr-puls{50%{stroke-width:4.5}}
.mjf-gr-nr circle{fill:var(--mjf-weiss);stroke:var(--mjf-leise);stroke-width:1.5}
.mjf-gr-nr text{font:700 14px/1 Hind,system-ui,sans-serif;fill:var(--mjf-text-2)}
.mjf-gr-nr.ist-aktiv circle{fill:var(--mjf-beere);stroke:var(--mjf-beere)}
.mjf-gr-nr.ist-aktiv text{fill:#fff}
.mjf-gr-felder{min-width:0}
.mjf-gr-form__titel{margin:4px 0 2px;font-size:20px;font-weight:700}
.mjf-gr-form__unter{margin:0 0 12px;font-size:14.5px;color:var(--mjf-text-2)}
.mjf-gr-feld{display:grid;gap:3px;margin:0 0 10px;padding:8px 10px;border-radius:12px;border:2px solid transparent;transition:background-color .15s,border-color .15s}
.mjf-gr-feld.ist-aktiv{background:var(--mjf-mauve-hell);border-color:var(--mjf-mauve)}
.mjf-gr-feld label{display:block;font-weight:600;font-size:15.5px;line-height:1.35}
.mjf-gr-feld__nr{display:inline-grid;place-items:center;margin-right:4px;vertical-align:1px;width:22px;height:22px;border-radius:50%;background:var(--mjf-meer-hell);color:var(--mjf-text-2);font-size:12px;font-weight:700}
.mjf-gr-feld.ist-aktiv .mjf-gr-feld__nr{background:var(--mjf-beere);color:#fff}
.mjf-gr-feld__opt{font-weight:400;font-size:13px;color:var(--mjf-leise)}
.mjf-gr-feld__eingabe{display:flex;align-items:center;gap:8px}
.mjf-gr-feld__eingabe input{width:7em;min-height:44px;padding:6px 10px;font:inherit;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;border:2px solid var(--mjf-linie);border-radius:10px;background:var(--mjf-weiss);color:var(--mjf-tiefsee)}
.mjf-gr-feld__eingabe input:focus{outline:3px solid var(--mjf-beere);outline-offset:1px;border-color:var(--mjf-beere)}
.mjf-gr-feld__tipp{font-size:13px;color:var(--mjf-leise);line-height:1.35}
.mjf-gr-senden{margin:6px 0 0}
@media (max-width:420px){.mjf-gr-form{grid-template-columns:104px minmax(0,1fr);padding:14px 12px;gap:10px}.mjf-gr-feld{padding:6px}.mjf-gr-feld__eingabe input{width:6em}}

/* result */
.mjf-gr-ausgabe{min-width:0}
.mjf-gr-start{padding:18px;border-radius:var(--mjf-radius-gross,18px);background:var(--mjf-mauve-hell);font-size:16px}
.mjf-gr-start p{margin:0}
.mjf-gr-ergebnis{outline:none}
.mjf-gr-ergebnis h2{margin:0 0 6px;font-size:clamp(22px,3vw,28px)}
.mjf-gr-regel{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--mjf-lagune-hell);color:#0B6B5E;font-size:14.5px}
.mjf-gr-regel .mjf-gr-leise{color:#0B6B5E}
.mjf-gr-tabelle{width:100%;border-collapse:collapse;font-size:15px}
.mjf-gr-tabelle th,.mjf-gr-tabelle td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mjf-linie)}
.mjf-gr-tabelle thead th{font-size:13px;font-weight:600;color:var(--mjf-text-2);background:var(--mjf-grund)}
.mjf-gr-tabelle tbody th{font-weight:700}
.mjf-gr-tabelle tr.ist-treffer td,.mjf-gr-tabelle tr.ist-treffer th{background:rgba(221,245,241,.55)}
.mjf-gr-tabelle td b{font-size:16.5px}
.mjf-gr-notiz{display:block;font-size:12.5px;font-weight:400;color:var(--mjf-leise)}
.mjf-gr-oder{font-weight:600;font-size:14px;color:var(--mjf-warn-text)}
.mjf-gr-leise{color:var(--mjf-leise);font-weight:400}
.mjf-gr-ja{color:#0B6B5E}
.mjf-gr-sicher{display:inline-block;padding:3px 8px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.35}
.mjf-gr-sicher--hoch{background:var(--mjf-lagune-hell);color:#0B6B5E}
.mjf-gr-sicher--gut{background:var(--mjf-lagune-hell);color:#0B6B5E}
.mjf-gr-sicher--mittel{background:var(--mjf-gold-hell);color:#6E4C05}
.mjf-gr-sicher--niedrig{background:var(--mjf-warn-grund);color:var(--mjf-warn-text)}
.mjf-gr-tabelle a{font-size:13.5px}
@media (max-width:640px){
  .mjf-gr .mjf-tabelle-wrap{overflow:visible;border:0}
  .mjf-gr-tabelle thead{position:absolute;left:-9999px}
  .mjf-gr-tabelle,.mjf-gr-tabelle tbody,.mjf-gr-tabelle tr,.mjf-gr-tabelle th,.mjf-gr-tabelle td{display:block;width:100%}
  .mjf-gr-tabelle tr{margin:0 0 10px;border:1px solid var(--mjf-linie);border-radius:12px;overflow:hidden;background:var(--mjf-weiss)}
  .mjf-gr-tabelle tbody th{background:var(--mjf-grund)!important;border-bottom:1px solid var(--mjf-linie)}
  .mjf-gr-tabelle td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;border-bottom:0;padding:6px 12px}
  .mjf-gr-tabelle td::before{content:attr(data-label);font-size:12.5px;color:var(--mjf-leise);padding-top:2px}
  .mjf-gr-tabelle td:last-child{padding-bottom:10px}
}
.mjf-gr-zwischen{margin:24px 0 10px;font-size:20px}
.mjf-gr-karten{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:640px){.mjf-gr-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mjf-gr-karte{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px;background:var(--mjf-weiss);border:1px solid var(--mjf-linie);border-radius:14px}
.mjf-gr-karte img,.mjf-gr-karte__ohnebild{width:88px;height:88px;object-fit:contain;border-radius:10px;border:1px solid var(--mjf-linie);background:var(--mjf-weiss)}
.mjf-gr-karte__ohnebild{background:var(--mjf-meer-hell)}
.mjf-gr-karte p{margin:0}
.mjf-gr-karte__name{font-weight:600;font-size:15px;line-height:1.3}
.mjf-gr-karte__name a{color:var(--mjf-tiefsee);text-decoration:none}
.mjf-gr-karte__name a:hover{color:var(--mjf-beere);text-decoration:underline}
.mjf-gr-karte__groesse{display:inline-block;margin:4px 0!important;padding:3px 8px;border-radius:8px;background:var(--mjf-lagune-hell);color:#0B6B5E;font-size:13.5px;font-weight:600}
.mjf-gr-karte__groesse.ist-knapp{background:var(--mjf-warn-grund);color:var(--mjf-warn-text)}
.mjf-gr-karte__preis{font-size:14px;color:var(--mjf-text-2)}
.mjf-gr-karte__preis b{font-size:17px;color:var(--mjf-tiefsee);font-variant-numeric:tabular-nums}
.mjf-gr-karte .mjf-stand{font-size:12.5px;color:var(--mjf-leise)}
.mjf-gr-karte__shop{display:inline-flex;align-items:center;min-height:36px;font-weight:600;font-size:14.5px}
.mjf-gr-finder{margin:12px 0 0;font-size:15px}
.mjf-gr-mehr{margin:18px 0 0;border:1px solid var(--mjf-linie);border-radius:12px;background:var(--mjf-weiss)}
.mjf-gr-mehr>summary{display:flex;align-items:center;min-height:50px;padding:10px 16px;font-weight:700;cursor:pointer;list-style:none}
.mjf-gr-mehr>summary::-webkit-details-marker{display:none}
.mjf-gr-mehr>summary::after{content:"";margin-left:auto;width:10px;height:10px;border-right:2px solid var(--mjf-beere);border-bottom:2px solid var(--mjf-beere);transform:rotate(45deg) translateY(-3px)}
.mjf-gr-mehr[open]>summary::after{transform:rotate(-135deg)}
.mjf-gr-mehr>summary:focus-visible{outline:3px solid var(--mjf-beere);outline-offset:2px}
.mjf-gr-mehr ul{margin:0 16px 14px;padding-left:18px;font-size:14.5px}
.mjf-gr-mehr li{margin:6px 0}
.mjf-gr-volltabelle{padding:0 16px 8px}
.mjf-gr-volltabelle h4{margin:12px 0 6px;font-size:16px}
.mjf-gr-volltabelle .mjf-tabelle{width:100%;font-size:14px;font-variant-numeric:tabular-nums}
.mjf-gr-volltabelle p{font-size:13px;margin:6px 0 10px}

/* mini calculator (product page) */
.mjf-gm{margin:14px 0;padding:14px 16px;border-radius:14px;background:var(--mjf-lagune-hell);color:var(--mjf-tiefsee)}
.mjf-gm__titel{margin:0 0 6px;font-weight:700;font-size:16.5px}
.mjf-gm__form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.mjf-gm__form label{font-weight:600;font-size:15px}
.mjf-gm__eingabe{display:inline-flex;align-items:center;gap:6px}
.mjf-gm__eingabe input{width:5.5em;min-height:44px;padding:6px 10px;font:inherit;font-size:18px;font-weight:600;border:2px solid rgba(19,156,138,.4);border-radius:10px;background:var(--mjf-weiss)}
.mjf-gm__ergebnis{margin:8px 0 0;font-size:15px}
.mjf-gm__ergebnis:empty{display:none}
.mjf-gm__ergebnis a{font-weight:600}
.mjf-gm__varianten{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.mjf-gm__varianten li{padding:5px 10px;border-radius:8px;background:var(--mjf-weiss);border:1px solid rgba(19,156,138,.3);font-size:14px}
.mjf-gm__varianten li span{color:var(--mjf-leise)}
.mjf-gm__varianten li.ist-treffer{border:2px solid #0B6B5E;font-weight:600}
.mjf-gm__varianten li.ist-knapp{border:2px dashed var(--mjf-warn-text)}
.mjf-gm__mehr{margin:10px 0 0;font-size:14px}
@media (prefers-reduced-motion:reduce){.mjf-gr-mass.ist-aktiv{animation:none}.mjf-gr-mass,.mjf-gr-feld{transition:none}}
@media print{.mjf-gr-form{position:static}.mjf-gr-figur{display:none}}