/* messkom Produktanfrage: Zubehör-Tab als ruhige Übersicht und Kasten im Anfrageformular (CI: Work Sans, #354F5D, #627781, #FF9339). */
.mpa-zubehoer{--mpa-or:#ff9339;--mpa-ink:#354f5d;--mpa-text:#627781;--mpa-linie:#e6e9eb;--mpa-hell:#f5f5f5;color:var(--mpa-text);font-family:"Work Sans",Arial,sans-serif;font-size:14px;line-height:1.6;position:relative}
.mpa-zubehoer .mpa-titel{font-size:17px;font-weight:700;color:var(--mpa-ink);margin:0 0 12px;padding:0;text-transform:none;letter-spacing:normal}
.mpa-zubehoer .mpa-einleitung{margin:0 0 16px;max-width:820px}
.mpa-zubehoer .mpa-service{display:flex;flex-direction:column;gap:2px;max-width:820px;border-left:4px solid var(--mpa-ink);background:var(--mpa-hell);border-radius:6px;padding:12px 16px;margin:0 0 26px}
.mpa-zubehoer .mpa-service strong{color:var(--mpa-ink)}
/* Tabelle */
.mpa-zubehoer .mpa-kopf,.mpa-zubehoer .mpa-zeile{display:grid;grid-template-columns:72px minmax(0,1fr) 200px 120px;gap:0 16px;align-items:center}
.mpa-zubehoer .mpa-kopf{background:var(--mpa-ink);color:#fff;font-weight:600;font-size:13px;padding:9px 12px;border-radius:4px 4px 0 0}
.mpa-zubehoer .mpa-gruppe-titel{background:#edf0f3;color:var(--mpa-ink);font-weight:700;font-size:14px;padding:8px 12px}
.mpa-zubehoer .mpa-zeile{padding:10px 12px;border-bottom:1px solid var(--mpa-linie);background:#fff;transition:background .2s}
.mpa-zubehoer .mpa-gruppe .mpa-zeile:nth-child(odd){background:#fafbfb}
.mpa-zubehoer .mpa-zeile.mpa-gewaehlt{background:#fff8f1}
.mpa-zubehoer .mpa-bild{width:64px;height:48px;object-fit:contain;display:block;background:#fff;border-radius:3px}
.mpa-zubehoer .mpa-c-artikel{display:flex;flex-direction:column;gap:1px}
.mpa-zubehoer .mpa-name{font-weight:600;color:var(--mpa-ink);font-size:14px}
.mpa-zubehoer .mpa-text{font-size:13px}
.mpa-zubehoer .mpa-nr{font-size:12.5px;color:var(--mpa-ink);font-family:ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.mpa-zubehoer .mpa-vormerken{display:inline-flex;align-items:center;gap:7px;margin:0;font-weight:400;font-size:13px;color:var(--mpa-text);cursor:pointer;white-space:nowrap}
.mpa-zubehoer .mpa-vormerken input{width:16px;height:16px;margin:0;accent-color:var(--mpa-or);cursor:pointer}
.mpa-zubehoer .mpa-gewaehlt .mpa-vormerken{color:var(--mpa-ink);font-weight:600}
.mpa-zubehoer .mpa-extra{grid-column:2 / -1;display:none;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:8px 0 2px}
.mpa-zubehoer .mpa-gewaehlt .mpa-extra{display:flex;animation:mpa-auf .25s ease both}
.mpa-zubehoer .mpa-feld{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.mpa-zubehoer .mpa-feld label{margin:0;font-weight:400;color:var(--mpa-text)}
.mpa-zubehoer .mpa-menge-feld{width:64px;padding:4px 6px;border:1px solid #cfd6da;border-radius:4px;font:14px "Work Sans",Arial,sans-serif;color:var(--mpa-ink)}
.mpa-zubehoer .mpa-variante{font:13px "Work Sans",Arial,sans-serif;padding:4px 6px;border:1px solid #cfd6da;border-radius:4px;color:var(--mpa-ink);max-width:220px}
.mpa-zubehoer .mpa-gruppe-empfehlung .mpa-zeile{background:#fafbfb}
/* Leiste, nur wenn etwas vorgemerkt ist */
.mpa-zubehoer .mpa-leiste{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--mpa-linie);box-shadow:0 -3px 10px rgba(0,0,0,.05);padding:12px 14px;margin-top:14px}
.mpa-zubehoer .mpa-leiste[hidden]{display:none}
.mpa-zubehoer .mpa-leiste-text{color:var(--mpa-ink);font-size:14px}
.mpa-zubehoer .mpa-leiste-knoepfe{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mpa-knopf{background:#ff9339;color:#fff;border:1px solid #ff9339;border-radius:4px;padding:9px 16px;font:600 14px "Work Sans",Arial,sans-serif;cursor:pointer;line-height:1.2}
.mpa-knopf:hover{background:#f07f20;border-color:#f07f20}
.mpa-zubehoer .mpa-link-knopf{background:none;border:0;box-shadow:none;padding:0;margin:0;color:var(--mpa-text);font:13px "Work Sans",Arial,sans-serif;text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:normal;min-height:0;width:auto}
.mpa-zubehoer .mpa-link-knopf:hover{color:var(--mpa-ink);background:none}
@keyframes mpa-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:700px){
	.mpa-zubehoer .mpa-kopf{display:none}
	.mpa-zubehoer .mpa-zeile{grid-template-columns:56px minmax(0,1fr);gap:4px 12px;align-items:start;padding:12px 10px}
	.mpa-zubehoer .mpa-c-bild{grid-row:1 / span 3}
	.mpa-zubehoer .mpa-bild{width:56px;height:42px}
	.mpa-zubehoer .mpa-c-nr,.mpa-zubehoer .mpa-c-anfrage,.mpa-zubehoer .mpa-extra{grid-column:2}
	.mpa-zubehoer .mpa-extra{padding-top:4px}
	.mpa-zubehoer .mpa-leiste-knoepfe{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.mpa-zubehoer .mpa-gewaehlt .mpa-extra{animation:none}}
/* Kasten im Formular */
.mpa-anfrage{font-family:"Work Sans",Arial,sans-serif;border-left:4px solid #ff9339;background:#f5f5f5;border-radius:6px;padding:14px 18px;margin:0 0 20px;color:#627781;font-size:14px}
.mpa-anfrage[hidden]{display:none}
.mpa-anfrage-kopf{font-weight:700;color:#354f5d;margin:0 0 6px}
.mpa-anfrage-liste{list-style:none;margin:0 0 8px;padding:0}
.mpa-anfrage-liste li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid #e6e9eb;margin:0}
.mpa-anfrage-liste li::before{content:none}
.mpa-anfrage .mpa-weg{background:none;border:0;box-shadow:none;color:#627781;font-size:20px;line-height:1;cursor:pointer;padding:0 6px;margin:0;min-height:0;width:auto;text-transform:none}
.mpa-anfrage .mpa-weg:hover{color:#ff9339;background:none}
.mpa-anfrage .mpa-link{background:none;border:0;box-shadow:none;padding:0;margin:0;min-height:0;width:auto;color:#ff9339;font:600 14px "Work Sans",Arial,sans-serif;cursor:pointer;text-decoration:underline;text-transform:none;letter-spacing:normal}
.mpa-anfrage .mpa-link:hover{background:none;color:#f07f20}
/* Anfrageformular: Newsletter-Häkchen mit Themen, darunter Datenschutz (Klassen setzt includes/Formular.php).
   Selektoren mit form.fm-form.mpa-form, weil Form Maker Farbe, Schrift und Abstände sonst überschreibt. */
form.fm-form.mpa-form .mpa-newsletter{margin:18px 0 4px}
form.fm-form.mpa-form .mpa-newsletter .wdform-element-section{background:#f5f5f5;border-left:4px solid #ff9339;border-radius:6px;padding:14px 18px;box-sizing:border-box}
form.fm-form.mpa-form .mpa-newsletter .wd-choice:first-of-type label{font-weight:700;color:#354f5d}
form.fm-form.mpa-form .mpa-newsletter .mnk-themen-titel{margin:12px 0 6px 30px;font-size:13px;font-weight:700;color:#354f5d;animation:mpa-auf .25s ease both}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema{margin-left:30px;animation:mpa-auf .3s ease both}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(4){animation-delay:.03s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(5){animation-delay:.06s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(6){animation-delay:.09s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(7){animation-delay:.12s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(8){animation-delay:.15s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(9){animation-delay:.18s}
form.fm-form.mpa-form .mpa-newsletter .mnk-thema:nth-of-type(10){animation-delay:.21s}
form.fm-form.mpa-form .mpa-newsletter .mnk-themen-titel[hidden],form.fm-form.mpa-form .mpa-newsletter .mnk-themen-fehler[hidden]{display:none}
form.fm-form.mpa-form .mpa-newsletter .mnk-themen-fehler{margin:10px 0 0 30px;padding:8px 10px;border-radius:6px;background:#fdecea;color:#b3261e;font-size:13px;font-weight:600}
@keyframes mpa-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
form.fm-form.mpa-form .mpa-datenschutz{margin-top:22px;padding-top:16px;border-top:1px solid #dde2e5}
form.fm-form.mpa-form .mpa-datenschutz .wdform-label-section .wdform-label{font-weight:700;color:#354f5d;font-size:17px}
form.fm-form.mpa-form .mpa-datenschutz-text .wdform-field{padding-left:42px;padding-right:10px}
form.fm-form.mpa-form .mpa-datenschutz-text .wdform-field p{font-size:13px;line-height:1.55;color:#627781;margin:0 0 10px}
@media (prefers-reduced-motion:reduce){form.fm-form.mpa-form .mpa-newsletter .mnk-thema,form.fm-form.mpa-form .mpa-newsletter .mnk-themen-titel{animation:none}}
@media (max-width:640px){
	form.fm-form.mpa-form .mpa-newsletter .wdform-element-section{padding:12px 10px 12px 12px}
	form.fm-form.mpa-form .mpa-newsletter .mnk-thema{margin-left:14px}
	form.fm-form.mpa-form .mpa-newsletter .mnk-themen-titel,form.fm-form.mpa-form .mpa-newsletter .mnk-themen-fehler{margin-left:14px}
	form.fm-form.mpa-form .mpa-newsletter label{hyphens:manual;-webkit-hyphens:manual}
	form.fm-form.mpa-form .mpa-datenschutz-text .wdform-field{padding-left:10px}
}