.mppl-material-page{--mppl-orange:#fd5b04;--mppl-border:rgba(0,0,0,.10);font-family:inherit;color:inherit}.mppl-material-hero,.mppl-section-title{max-width:980px;margin:0 auto 34px;text-align:center}.mppl-material-hero{padding:44px 18px 26px}.mppl-material-hero h1,.mppl-section-title h2{margin:0 0 14px;line-height:1.05}.mppl-material-hero p,.mppl-section-title p{max-width:820px;margin-left:auto;margin-right:auto;opacity:.82}.mppl-eyebrow{margin:0 0 10px!important;color:var(--mppl-orange);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.mppl-matrix-section,.mppl-table-section,.mppl-details-section{padding:34px 18px}.mppl-matrix-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:18px}.mppl-matrix-card,.mppl-material-detail-card{border:1px solid var(--mppl-border);background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(0,0,0,.07)}.mppl-matrix-card{padding:18px;border-radius:22px}.mppl-matrix-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.mppl-matrix-head h3{margin:0;font-size:22px}.mppl-matrix-head span,.mppl-material-tag{display:inline-flex;border-radius:999px;padding:5px 9px;background:rgba(253,91,4,.10);color:var(--mppl-orange);font-size:12px;font-weight:800}.mppl-radar{width:100%;height:auto;display:block}.mppl-grid-poly{fill:none;stroke:rgba(0,0,0,.15);stroke-width:1}.mppl-grid-poly.outer{stroke:rgba(0,0,0,.70);stroke-width:2.2}.mppl-axis-line{stroke:rgba(0,0,0,.18);stroke-width:1}.mppl-axis-label{font-size:9px;fill:currentColor;opacity:.82;font-weight:700}.mppl-value-poly{fill:rgba(253,91,4,.20);stroke:var(--mppl-orange);stroke-width:3;stroke-linejoin:round}.mppl-center-dot{fill:var(--mppl-orange)}.mppl-radar-name{fill:currentColor;font-weight:900;font-size:20px}.mppl-table-wrap{max-width:1180px;margin:0 auto;overflow-x:auto;border:1px solid var(--mppl-border);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.06)}.mppl-material-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px}.mppl-material-table th,.mppl-material-table td{padding:13px 14px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:middle}.mppl-material-table th{background:#111;color:#fff;font-weight:800}.mppl-dots{white-space:nowrap;letter-spacing:1px}.mppl-dots span{color:rgba(0,0,0,.18)}.mppl-dots span.filled{color:var(--mppl-orange)}.mppl-material-detail-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:22px}.mppl-material-detail-card{padding:24px;border-radius:26px}.mppl-detail-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.mppl-detail-top h3{margin:8px 0 6px;font-size:30px}.mppl-subtitle{margin:0;font-weight:700;opacity:.78}.mppl-short{font-size:16px;line-height:1.65;margin:0 0 18px}.mppl-temp-badge{flex:0 0 auto;padding:12px 14px;border-radius:18px;background:#111;color:#fff;text-align:center}.mppl-temp-badge span{display:block;font-size:11px;opacity:.75}.mppl-temp-badge strong{display:block;font-size:16px;margin-top:3px}.mppl-care-image{margin:18px 0;border-radius:20px;overflow:hidden;border:1px solid var(--mppl-border);background:#f7f7f7}.mppl-care-image img{display:block;width:100%;height:auto}.mppl-care-placeholder{margin:18px 0;min-height:140px;border-radius:20px;border:1px dashed rgba(253,91,4,.45);background:linear-gradient(135deg,rgba(253,91,4,.08),rgba(253,91,4,.02));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mppl-care-placeholder span{color:var(--mppl-orange);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mppl-care-placeholder strong{font-size:24px;margin:4px 0}.mppl-care-placeholder small{opacity:.65}.mppl-info-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mppl-info-columns h4{margin:0 0 10px;color:var(--mppl-orange)}.mppl-info-columns ul{margin:0;padding-left:18px}.mppl-info-columns li{margin-bottom:8px;line-height:1.45}@media(max-width:1180px){.mppl-matrix-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media(max-width:760px){.mppl-matrix-grid,.mppl-info-columns{grid-template-columns:1fr}.mppl-detail-top{flex-direction:column}.mppl-temp-badge{width:100%}}body.dark-mode .mppl-matrix-card,body.dark-mode .mppl-material-detail-card,body.dark-mode .mppl-table-wrap{background:rgba(20,20,20,.86);border-color:rgba(255,255,255,.12)}body.dark-mode .mppl-material-table th{background:rgba(255,255,255,.08)}body.dark-mode .mppl-material-table td{border-color:rgba(255,255,255,.10)}body.dark-mode .mppl-grid-poly{stroke:rgba(255,255,255,.18)}body.dark-mode .mppl-grid-poly.outer{stroke:rgba(255,255,255,.72)}body.dark-mode .mppl-axis-line{stroke:rgba(255,255,255,.18)}body.dark-mode .mppl-dots span{color:rgba(255,255,255,.20)}body.dark-mode .mppl-dots span.filled{color:var(--mppl-orange)}

/* v1.1 – Darkmode-Kontrast und größere Matrixkarten */
.mppl-matrix-grid {
  max-width: 1320px;
  grid-template-columns: repeat(5, minmax(210px, 1fr));
  gap: 22px;
}

.mppl-matrix-card {
  min-height: 260px;
  padding: 22px;
}

.mppl-radar {
  min-height: 210px;
}

.mppl-axis-label {
  font-size: 10.5px;
  font-weight: 800;
}

.mppl-radar-name {
  font-size: 22px;
}

.mppl-table-wrap {
  background: #ffffff;
}

.mppl-material-table {
  color: #111111;
  background: #ffffff;
}

.mppl-material-table td {
  color: #111111;
  background: #ffffff;
}

.mppl-material-table tbody tr:nth-child(even) td {
  background: #f8f8f9;
}

/* Mehr mögliche Darkmode-Klassen abfangen */
body.dark-mode .mppl-material-page,
body.theme-dark .mppl-material-page,
html.dark .mppl-material-page,
body[data-theme="dark"] .mppl-material-page {
  color: #f5f5f5;
}

body.dark-mode .mppl-matrix-card,
body.theme-dark .mppl-matrix-card,
html.dark .mppl-matrix-card,
body[data-theme="dark"] .mppl-matrix-card,
body.dark-mode .mppl-material-detail-card,
body.theme-dark .mppl-material-detail-card,
html.dark .mppl-material-detail-card,
body[data-theme="dark"] .mppl-material-detail-card {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.18);
  color: #f7f7f7;
}

body.dark-mode .mppl-matrix-head h3,
body.theme-dark .mppl-matrix-head h3,
html.dark .mppl-matrix-head h3,
body[data-theme="dark"] .mppl-matrix-head h3,
body.dark-mode .mppl-section-title h2,
body.theme-dark .mppl-section-title h2,
html.dark .mppl-section-title h2,
body[data-theme="dark"] .mppl-section-title h2,
body.dark-mode .mppl-material-hero h1,
body.theme-dark .mppl-material-hero h1,
html.dark .mppl-material-hero h1,
body[data-theme="dark"] .mppl-material-hero h1 {
  color: #ffffff;
}

body.dark-mode .mppl-section-title p,
body.theme-dark .mppl-section-title p,
html.dark .mppl-section-title p,
body[data-theme="dark"] .mppl-section-title p,
body.dark-mode .mppl-material-hero p,
body.theme-dark .mppl-material-hero p,
html.dark .mppl-material-hero p,
body[data-theme="dark"] .mppl-material-hero p {
  color: rgba(255,255,255,.82);
  opacity: 1;
}

body.dark-mode .mppl-axis-label,
body.theme-dark .mppl-axis-label,
html.dark .mppl-axis-label,
body[data-theme="dark"] .mppl-axis-label {
  fill: #ffffff;
  opacity: .95;
}

body.dark-mode .mppl-radar-name,
body.theme-dark .mppl-radar-name,
html.dark .mppl-radar-name,
body[data-theme="dark"] .mppl-radar-name {
  fill: #ffffff;
}

body.dark-mode .mppl-grid-poly,
body.theme-dark .mppl-grid-poly,
html.dark .mppl-grid-poly,
body[data-theme="dark"] .mppl-grid-poly {
  stroke: rgba(255,255,255,.38);
}

body.dark-mode .mppl-grid-poly.outer,
body.theme-dark .mppl-grid-poly.outer,
html.dark .mppl-grid-poly.outer,
body[data-theme="dark"] .mppl-grid-poly.outer {
  stroke: rgba(255,255,255,.85);
}

body.dark-mode .mppl-axis-line,
body.theme-dark .mppl-axis-line,
html.dark .mppl-axis-line,
body[data-theme="dark"] .mppl-axis-line {
  stroke: rgba(255,255,255,.38);
}

body.dark-mode .mppl-value-poly,
body.theme-dark .mppl-value-poly,
html.dark .mppl-value-poly,
body[data-theme="dark"] .mppl-value-poly {
  fill: rgba(253,91,4,.26);
  stroke: #ff7a22;
}

/* Tabelle im Darkmode explizit hell und lesbar halten */
body.dark-mode .mppl-table-wrap,
body.theme-dark .mppl-table-wrap,
html.dark .mppl-table-wrap,
body[data-theme="dark"] .mppl-table-wrap {
  background: #ffffff;
  border-color: rgba(255,255,255,.18);
}

body.dark-mode .mppl-material-table,
body.theme-dark .mppl-material-table,
html.dark .mppl-material-table,
body[data-theme="dark"] .mppl-material-table {
  color: #111111;
  background: #ffffff;
}

body.dark-mode .mppl-material-table th,
body.theme-dark .mppl-material-table th,
html.dark .mppl-material-table th,
body[data-theme="dark"] .mppl-material-table th {
  background: #111111;
  color: #ffffff;
}

body.dark-mode .mppl-material-table td,
body.theme-dark .mppl-material-table td,
html.dark .mppl-material-table td,
body[data-theme="dark"] .mppl-material-table td {
  color: #111111;
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
}

body.dark-mode .mppl-material-table tbody tr:nth-child(even) td,
body.theme-dark .mppl-material-table tbody tr:nth-child(even) td,
html.dark .mppl-material-table tbody tr:nth-child(even) td,
body[data-theme="dark"] .mppl-material-table tbody tr:nth-child(even) td {
  background: #f4f4f5;
}

body.dark-mode .mppl-dots span,
body.theme-dark .mppl-dots span,
html.dark .mppl-dots span,
body[data-theme="dark"] .mppl-dots span {
  color: #cfcfcf;
}

body.dark-mode .mppl-dots span.filled,
body.theme-dark .mppl-dots span.filled,
html.dark .mppl-dots span.filled,
body[data-theme="dark"] .mppl-dots span.filled {
  color: #fd5b04;
}

/* Größere Matrix auf mittelgroßen Bildschirmen */
@media (max-width: 1380px) {
  .mppl-matrix-grid {
    max-width: 1120px;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
  }

  .mppl-matrix-card {
    min-height: 285px;
  }

  .mppl-radar {
    min-height: 230px;
  }
}

@media (max-width: 900px) {
  .mppl-matrix-grid {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
}

@media (max-width: 620px) {
  .mppl-matrix-grid {
    grid-template-columns: 1fr;
  }

  .mppl-matrix-card {
    min-height: 300px;
  }

  .mppl-radar {
    min-height: 245px;
  }

  .mppl-axis-label {
    font-size: 11px;
  }
}


/* v1.2 – Materialkarten bleiben auch im Darkmode helle Infokarten mit dunklem Text */
.mppl-material-detail-card,
.mppl-material-detail-card * {
  color: #111111;
}

.mppl-material-detail-card {
  background: #ffffff;
  border-color: rgba(0,0,0,.10);
}

.mppl-material-detail-card .mppl-subtitle,
.mppl-material-detail-card .mppl-short,
.mppl-material-detail-card li {
  color: #333333;
  opacity: 1;
}

.mppl-material-detail-card .mppl-info-columns h4,
.mppl-material-detail-card .mppl-material-tag,
.mppl-material-detail-card .mppl-care-placeholder span {
  color: #fd5b04;
}

.mppl-material-detail-card .mppl-temp-badge,
.mppl-material-detail-card .mppl-temp-badge * {
  color: #ffffff;
}

.mppl-material-detail-card .mppl-care-placeholder {
  color: #111111;
  background: linear-gradient(135deg, rgba(253,91,4,.08), rgba(253,91,4,.02));
}

.mppl-material-detail-card .mppl-care-placeholder strong {
  color: #111111;
}

.mppl-material-detail-card .mppl-care-placeholder small {
  color: #555555;
  opacity: 1;
}

body.dark-mode .mppl-material-detail-card,
body.theme-dark .mppl-material-detail-card,
html.dark .mppl-material-detail-card,
body[data-theme="dark"] .mppl-material-detail-card {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(0,0,0,.10) !important;
}

body.dark-mode .mppl-material-detail-card *,
body.theme-dark .mppl-material-detail-card *,
html.dark .mppl-material-detail-card *,
body[data-theme="dark"] .mppl-material-detail-card * {
  color: #111111 !important;
}

body.dark-mode .mppl-material-detail-card .mppl-subtitle,
body.theme-dark .mppl-material-detail-card .mppl-subtitle,
html.dark .mppl-material-detail-card .mppl-subtitle,
body[data-theme="dark"] .mppl-material-detail-card .mppl-subtitle,
body.dark-mode .mppl-material-detail-card .mppl-short,
body.theme-dark .mppl-material-detail-card .mppl-short,
html.dark .mppl-material-detail-card .mppl-short,
body[data-theme="dark"] .mppl-material-detail-card .mppl-short,
body.dark-mode .mppl-material-detail-card li,
body.theme-dark .mppl-material-detail-card li,
html.dark .mppl-material-detail-card li,
body[data-theme="dark"] .mppl-material-detail-card li {
  color: #333333 !important;
  opacity: 1 !important;
}

body.dark-mode .mppl-material-detail-card .mppl-info-columns h4,
body.theme-dark .mppl-material-detail-card .mppl-info-columns h4,
html.dark .mppl-material-detail-card .mppl-info-columns h4,
body[data-theme="dark"] .mppl-material-detail-card .mppl-info-columns h4,
body.dark-mode .mppl-material-detail-card .mppl-material-tag,
body.theme-dark .mppl-material-detail-card .mppl-material-tag,
html.dark .mppl-material-detail-card .mppl-material-tag,
body[data-theme="dark"] .mppl-material-detail-card .mppl-material-tag,
body.dark-mode .mppl-material-detail-card .mppl-care-placeholder span,
body.theme-dark .mppl-material-detail-card .mppl-care-placeholder span,
html.dark .mppl-material-detail-card .mppl-care-placeholder span,
body[data-theme="dark"] .mppl-material-detail-card .mppl-care-placeholder span {
  color: #fd5b04 !important;
}

body.dark-mode .mppl-material-detail-card .mppl-temp-badge,
body.theme-dark .mppl-material-detail-card .mppl-temp-badge,
html.dark .mppl-material-detail-card .mppl-temp-badge,
body[data-theme="dark"] .mppl-material-detail-card .mppl-temp-badge {
  background: #111111 !important;
}

body.dark-mode .mppl-material-detail-card .mppl-temp-badge *,
body.theme-dark .mppl-material-detail-card .mppl-temp-badge *,
html.dark .mppl-material-detail-card .mppl-temp-badge *,
body[data-theme="dark"] .mppl-material-detail-card .mppl-temp-badge * {
  color: #ffffff !important;
}

body.dark-mode .mppl-material-detail-card .mppl-care-placeholder,
body.theme-dark .mppl-material-detail-card .mppl-care-placeholder,
html.dark .mppl-material-detail-card .mppl-care-placeholder,
body[data-theme="dark"] .mppl-material-detail-card .mppl-care-placeholder {
  background: linear-gradient(135deg, rgba(253,91,4,.08), rgba(253,91,4,.02)) !important;
  border-color: rgba(253,91,4,.45) !important;
}

body.dark-mode .mppl-material-detail-card .mppl-care-placeholder small,
body.theme-dark .mppl-material-detail-card .mppl-care-placeholder small,
html.dark .mppl-material-detail-card .mppl-care-placeholder small,
body[data-theme="dark"] .mppl-material-detail-card .mppl-care-placeholder small {
  color: #555555 !important;
}


/* v1.3 – Matrix-Karten als 2D-Karussell und dunkler Text in beiden Modi */
.mppl-matrix-carousel{
  position:relative;
  max-width:1380px;
  margin:0 auto;
  padding:20px 70px 60px;
}
.mppl-matrix-track{
  position:relative;
  height:440px;
}
.mppl-matrix-card,
.mppl-matrix-card *{
  color:#111111;
}
.mppl-matrix-card{
  position:absolute;
  top:0;
  left:50%;
  width:min(520px, 82vw);
  min-height:360px;
  padding:24px;
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:26px;
  box-shadow:0 20px 55px rgba(0,0,0,.10);
  opacity:0;
  pointer-events:none;
  transform:translateX(-50%) scale(.72);
  transition:transform .45s ease, opacity .45s ease, box-shadow .45s ease;
}
.mppl-matrix-card .mppl-matrix-head h3{ color:#111111 !important; font-size:34px; }
.mppl-matrix-card .mppl-matrix-head span{ color:#fd5b04 !important; }
.mppl-matrix-card .mppl-axis-label{ fill:#222222 !important; opacity:1 !important; font-size:12px; font-weight:800; }
.mppl-matrix-card .mppl-radar-name{ fill:#111111 !important; font-size:24px; font-weight:900; }
.mppl-matrix-card .mppl-grid-poly{ stroke:rgba(0,0,0,.22) !important; }
.mppl-matrix-card .mppl-grid-poly.outer{ stroke:rgba(0,0,0,.85) !important; }
.mppl-matrix-card .mppl-axis-line{ stroke:rgba(0,0,0,.25) !important; }
.mppl-matrix-card .mppl-value-poly{ fill:rgba(253,91,4,.18) !important; stroke:#fd5b04 !important; }
.mppl-matrix-card .mppl-radar{ min-height:280px; }

.mppl-matrix-card.is-active{
  opacity:1; pointer-events:auto; z-index:5;
  transform:translateX(-50%) scale(1);
  box-shadow:0 28px 80px rgba(0,0,0,.18);
}
.mppl-matrix-card.is-prev{
  opacity:.85; z-index:4;
  transform:translateX(calc(-50% - 330px)) scale(.86);
}
.mppl-matrix-card.is-next{
  opacity:.85; z-index:4;
  transform:translateX(calc(-50% + 330px)) scale(.86);
}
.mppl-matrix-card.is-prev2{
  opacity:.45; z-index:3;
  transform:translateX(calc(-50% - 560px)) scale(.72);
}
.mppl-matrix-card.is-next2{
  opacity:.45; z-index:3;
  transform:translateX(calc(-50% + 560px)) scale(.72);
}
.mppl-matrix-card.is-hidden{ opacity:0; }

.mppl-carousel-btn{
  position:absolute;
  top:50%;
  width:48px; height:48px;
  border:none; border-radius:999px;
  background:#111111; color:#ffffff;
  font-size:32px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transform:translateY(-50%);
  z-index:10;
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}
.mppl-carousel-btn:hover{ background:#fd5b04; }
.mppl-carousel-btn.prev{ left:8px; }
.mppl-carousel-btn.next{ right:8px; }

.mppl-carousel-dots{
  display:flex; justify-content:center; gap:10px; margin-top:12px;
}
.mppl-carousel-dot{
  width:12px; height:12px; border-radius:999px; border:none;
  background:rgba(255,255,255,.28); cursor:pointer; transition:all .2s ease;
}
.mppl-carousel-dot.is-active{ background:#fd5b04; transform:scale(1.15); }

/* Matrixkarten auch im Darkmode hell mit dunkler Typo halten */
body.dark-mode .mppl-matrix-card,
body.theme-dark .mppl-matrix-card,
html.dark .mppl-matrix-card,
body[data-theme="dark"] .mppl-matrix-card{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:rgba(0,0,0,.10) !important;
}
body.dark-mode .mppl-matrix-card *,
body.theme-dark .mppl-matrix-card *,
html.dark .mppl-matrix-card *,
body[data-theme="dark"] .mppl-matrix-card *{
  color:#111111 !important;
}
body.dark-mode .mppl-matrix-card .mppl-axis-label,
body.theme-dark .mppl-matrix-card .mppl-axis-label,
html.dark .mppl-matrix-card .mppl-axis-label,
body[data-theme="dark"] .mppl-matrix-card .mppl-axis-label{
  fill:#222222 !important;
}
body.dark-mode .mppl-matrix-card .mppl-radar-name,
body.theme-dark .mppl-matrix-card .mppl-radar-name,
html.dark .mppl-matrix-card .mppl-radar-name,
body[data-theme="dark"] .mppl-matrix-card .mppl-radar-name{
  fill:#111111 !important;
}
body.dark-mode .mppl-matrix-card .mppl-matrix-head span,
body.theme-dark .mppl-matrix-card .mppl-matrix-head span,
html.dark .mppl-matrix-card .mppl-matrix-head span,
body[data-theme="dark"] .mppl-matrix-card .mppl-matrix-head span{
  color:#fd5b04 !important;
}

.mppl-material-hint{
  margin-top:8px;
  font-size:14px;
  line-height:1.45;
  color:inherit;
}
.mppl-material-hint span{ opacity:.85; }
.mppl-material-hint a{
  color:#fd5b04;
  font-weight:700;
  text-decoration:none;
}
.mppl-material-hint a:hover{ text-decoration:underline; }

@media (max-width: 1380px){
  .mppl-matrix-track{ height:420px; }
  .mppl-matrix-card{ width:min(460px,84vw); }
  .mppl-matrix-card.is-prev{ transform:translateX(calc(-50% - 240px)) scale(.80); }
  .mppl-matrix-card.is-next{ transform:translateX(calc(-50% + 240px)) scale(.80); }
  .mppl-matrix-card.is-prev2{ transform:translateX(calc(-50% - 410px)) scale(.66); }
  .mppl-matrix-card.is-next2{ transform:translateX(calc(-50% + 410px)) scale(.66); }
}
@media (max-width: 980px){
  .mppl-matrix-carousel{ padding:14px 54px 48px; }
  .mppl-matrix-track{ height:400px; }
  .mppl-matrix-card{ width:min(540px,100%); }
  .mppl-matrix-card.is-prev,
  .mppl-matrix-card.is-next,
  .mppl-matrix-card.is-prev2,
  .mppl-matrix-card.is-next2{ opacity:0; pointer-events:none; }
}
@media (max-width: 680px){
  .mppl-matrix-track{ height:370px; }
  .mppl-matrix-card{ min-height:320px; padding:18px; }
  .mppl-matrix-card .mppl-matrix-head h3{ font-size:28px; }
  .mppl-matrix-card .mppl-radar{ min-height:240px; }
  .mppl-carousel-btn{ width:42px; height:42px; font-size:28px; }
}


/* v1.4 – Materialhinweis direkt neben der Label-Überschrift anzeigen */
.mppl-material-label-with-hint {
  display: flex !important;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.mppl-material-hint {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: inherit;
}

.mppl-material-hint-inline {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 0 !important;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 500;
  opacity: .95;
}

.mppl-material-hint-inline span {
  opacity: .78;
}

.mppl-material-hint-inline a {
  color: #fd5b04 !important;
  font-weight: 800;
  text-decoration: none;
}

.mppl-material-hint-inline a:hover {
  text-decoration: underline;
}

@media (max-width: 620px) {
  .mppl-material-label-with-hint {
    display: block !important;
  }

  .mppl-material-hint-inline {
    display: block;
    margin-left: 0;
    margin-top: 4px !important;
    font-size: 12px;
  }
}


/* v1.5 – Materialwunsch als Dropdown */
.mppl-material-select {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  padding: 0 14px;
  font: inherit;
  appearance: auto;
}

.mppl-material-select:invalid {
  color: rgba(255,255,255,.55);
}

body:not(.dark-mode) .mppl-material-select:invalid {
  color: rgba(0,0,0,.55);
}

.mppl-material-select option {
  color: #111111;
  background: #ffffff;
}


/* v1.6 – Dropdown-Erkennung strikt auf Materialwunsch begrenzt */
.mppl-material-select {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  padding: 0 14px;
  font: inherit;
  appearance: auto;
}

.mppl-material-select option {
  color: #111111;
  background: #ffffff;
}