/* MW Produktinfos & Versand */
.mw-pi{
  --mw-pi-accent:#0b4a8f;--mw-pi-accent-soft:#eaf2fb;--mw-pi-text:#1d2733;--mw-pi-body:#3a4553;--mw-pi-muted:#6b7480;
  --mw-pi-line:#e3e8ef;--mw-pi-card:#fff;--mw-pi-soft:#f4f6f9;--mw-pi-radius:14px;--mw-pi-facts-cols:2;
  --mw-pi-ok:#2e7d4f;--mw-pi-no:#b3261e;
  color:var(--mw-pi-text);
}
.mw-pi,.mw-pi *{box-sizing:border-box}

/* ---------- Kurzinfos ---------- */
.mw-pi ul.mw-pi__facts{
  display:grid!important;grid-template-columns:repeat(var(--mw-pi-facts-cols),minmax(0,1fr));gap:10px;
  margin:0 0 14px!important;padding:0!important;list-style:none!important;
}
.mw-pi li.mw-pi__fact{
  display:flex;align-items:flex-start;gap:12px;margin:0!important;padding:14px!important;list-style:none!important;
  border:1px solid var(--mw-pi-line);border-radius:calc(var(--mw-pi-radius) * .85);background:var(--mw-pi-card);
}
.mw-pi li.mw-pi__fact::before,.mw-pi li.mw-pi__fact::marker{content:none!important}
.mw-pi .mw-pi__fact-icon{
  flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:var(--mw-pi-accent-soft);color:var(--mw-pi-accent);
}
.mw-pi .mw-pi__fact-icon svg{width:19px;height:19px}
.mw-pi .mw-pi__fact-icon i{font-size:17px}
.mw-pi .mw-pi__fact-text{display:flex;flex-direction:column;min-width:0}
.mw-pi .mw-pi__fact-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--mw-pi-text)}
.mw-pi .mw-pi__fact-sub{margin-top:2px;font-size:13px;line-height:1.4;color:var(--mw-pi-muted)}

/* ---------- Akkordeon ---------- */
.mw-pi .mw-pi__acc{border:1px solid var(--mw-pi-line);border-radius:var(--mw-pi-radius);background:var(--mw-pi-card);overflow:hidden}
.mw-pi .mw-pi__item{margin:0!important;padding:0!important;border:0!important}
.mw-pi .mw-pi__item + .mw-pi__item{border-top:1px solid var(--mw-pi-line)!important}
.mw-pi summary.mw-pi__summary{
  display:flex;align-items:center;gap:12px;margin:0!important;padding:16px 18px!important;
  list-style:none;cursor:pointer;background:transparent;color:var(--mw-pi-text);
  font-size:15px;font-weight:600;line-height:1.35;
  outline:none!important;border:0!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease;
}
.mw-pi summary.mw-pi__summary::-webkit-details-marker{display:none}
.mw-pi summary.mw-pi__summary::marker{content:none}
.mw-pi summary.mw-pi__summary:hover{background:#fafbfc;color:var(--mw-pi-accent)}
/* Fokus nur bei Tastatur – kein schwarzer Rahmen beim Klicken */
.mw-pi summary.mw-pi__summary:focus{outline:none!important}
.mw-pi summary.mw-pi__summary:focus-visible{box-shadow:inset 0 0 0 2px var(--mw-pi-accent)!important}
.mw-pi .mw-pi__summary-icon{flex:0 0 20px;display:flex;color:var(--mw-pi-accent)}
.mw-pi .mw-pi__summary-icon svg{width:20px;height:20px}
.mw-pi .mw-pi__summary-icon i{font-size:17px}
.mw-pi .mw-pi__summary-text{flex:1 1 auto;min-width:0}
.mw-pi .mw-pi__chev{
  flex:0 0 28px;width:28px;height:28px;margin-left:auto;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--mw-pi-soft);color:var(--mw-pi-text);
  transition:transform .25s ease,background-color .2s ease,color .2s ease;
}
.mw-pi .mw-pi__chev svg{width:12px;height:12px}
.mw-pi .mw-pi__item[open] > .mw-pi__summary{color:var(--mw-pi-accent)}
.mw-pi .mw-pi__item[open] > .mw-pi__summary .mw-pi__chev{transform:rotate(180deg);background:var(--mw-pi-accent);color:#fff}

/* Inhalt */
.mw-pi .mw-pi__body{padding:0 18px 18px 50px;font-size:14.5px;line-height:1.65;color:var(--mw-pi-body)}
.mw-pi .mw-pi__item[open] > .mw-pi__body{animation:mwPiIn .25s ease}
@keyframes mwPiIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mw-pi .mw-pi__body > *:first-child{margin-top:0}
.mw-pi .mw-pi__body > *:last-child{margin-bottom:0}
.mw-pi .mw-pi__body p{margin:0 0 10px}
.mw-pi .mw-pi__body h2,.mw-pi .mw-pi__body h3,.mw-pi .mw-pi__body h4{margin:16px 0 6px;color:var(--mw-pi-text);font-size:15.5px;font-weight:600;line-height:1.35}
.mw-pi .mw-pi__body a{color:var(--mw-pi-accent);text-decoration:underline;text-underline-offset:2px}
.mw-pi .mw-pi__body img{max-width:100%;height:auto;border-radius:10px}
.mw-pi .mw-pi__body ul{margin:0 0 10px!important;padding:0!important;list-style:none!important}
.mw-pi .mw-pi__body ul li{position:relative;margin:0 0 6px!important;padding-left:20px!important;list-style:none!important}
.mw-pi .mw-pi__body ul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--mw-pi-accent);opacity:.55}
.mw-pi .mw-pi__body ol{margin:0 0 10px;padding-left:1.3em}
.mw-pi .mw-pi__body ul li.mw-pi__ok::before,
.mw-pi .mw-pi__body ul li.mw-pi__no::before{left:0;top:.3em;width:14px;height:14px;border-radius:0;opacity:1}
.mw-pi .mw-pi__body ul li.mw-pi__ok::before{
  background:var(--mw-pi-ok);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mw-pi .mw-pi__body ul li.mw-pi__no::before{
  background:var(--mw-pi-no);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 5l10 10M15 5L5 15'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 5l10 10M15 5L5 15'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Hinweisbox (Zitat-Format im Editor) */
.mw-pi .mw-pi__body blockquote{
  margin:12px 0 0!important;padding:10px 12px!important;border:0!important;border-radius:8px;
  background:var(--mw-pi-soft);font-size:13.5px;font-style:normal;color:var(--mw-pi-body);quotes:none;
}
.mw-pi .mw-pi__body blockquote::before,.mw-pi .mw-pi__body blockquote::after{content:none!important}
.mw-pi .mw-pi__body blockquote p{margin:0}
/* Pillen (z. B. Zahlungsarten) */
.mw-pi .mw-pi__pill{
  display:inline-block;margin:0 4px 6px 0;padding:6px 12px;border:1px solid var(--mw-pi-line);border-radius:999px;
  background:var(--mw-pi-soft);color:var(--mw-pi-text);font-size:13px;font-weight:600;line-height:1.2;
}

/* Beschreibung: etwas mehr Platz, normale Textfarbe */
.mw-pi .mw-pi__item--desc .mw-pi__body{color:var(--mw-pi-text)}

/* Zusätzliche Informationen (Attribute) */
.mw-pi .mw-pi__attrs{margin-top:14px}
.mw-pi .mw-pi__attrs table{width:100%;margin:0!important;border:1px solid var(--mw-pi-line)!important;border-radius:10px;border-collapse:separate!important;border-spacing:0;overflow:hidden}
.mw-pi .mw-pi__attrs th,.mw-pi .mw-pi__attrs td{padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--mw-pi-line)!important;background:none!important;font-size:13.5px;text-align:left;vertical-align:top}
.mw-pi .mw-pi__attrs tr:last-child th,.mw-pi .mw-pi__attrs tr:last-child td{border-bottom:0!important}
.mw-pi .mw-pi__attrs th{width:40%;color:var(--mw-pi-muted);font-weight:500}
.mw-pi .mw-pi__attrs td p{margin:0}

/* ---------- Kontakt ---------- */
.mw-pi .mw-pi__contact{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 16px;
  border-radius:calc(var(--mw-pi-radius) * .85);background:var(--mw-pi-accent-soft);
}
.mw-pi .mw-pi__contact-text strong{display:block;font-size:14.5px;color:var(--mw-pi-accent)}
.mw-pi .mw-pi__contact-text span{display:block;font-size:13px;color:var(--mw-pi-muted)}
.mw-pi a.mw-pi__contact-btn{
  flex:0 0 auto;display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px!important;
  border-radius:999px!important;background:var(--mw-pi-accent)!important;color:#fff!important;
  font-size:13.5px;font-weight:600;line-height:1.2;text-decoration:none!important;transition:filter .15s ease;
}
.mw-pi a.mw-pi__contact-btn:hover{filter:brightness(1.12)}
.mw-pi a.mw-pi__contact-btn svg{width:15px;height:15px}

@media (max-width:520px){
  .mw-pi li.mw-pi__fact{flex-direction:column;gap:8px;padding:12px!important}
  .mw-pi .mw-pi__body{padding:0 16px 16px 16px}
  .mw-pi .mw-pi__contact{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.mw-pi .mw-pi__item[open] > .mw-pi__body{animation:none}}