/* ===== Scope + Theme Vars (nur innerhalb des Wizards) ==================== */
.mb2-wrap{
  --fk-bg:#ffffff;
  --fk-fg:#0f172a;
  --fk-muted:#475569;
  --fk-border:#e2e8f0;
  --fk-accent:#0ea5e9;
  --fk-accent-600:#0284c7;
  --fk-success:#16a34a;
  --fk-card:#f8fafc;
  --fk-shadow:0 10px 30px rgba(2,8,23,.15);
  --fk-radius:16px;
  --fk-radius-sm:10px;
  --fk-radius-lg:22px;
  --fk-font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.mb2-wrap *{ box-sizing:border-box !important; }

/* ===== Trigger/Open + Close ============================================= */
/* NUR Button-Trigger */
.mb2-wrap button.mb2-open{
  padding:12px 18px !important; border-radius:999px !important;
  border:1px solid var(--fk-accent) !important; background:var(--fk-accent) !important; color:#fff !important;
  font-family:var(--fk-font) !important; font-weight:600 !important; cursor:pointer !important;
  box-shadow:0 6px 18px rgba(2,132,199,.25) !important; transition:transform .06s ease, box-shadow .2s ease !important;
}
.mb2-wrap button.mb2-open:hover{ transform:translateY(-1px) !important; }
.mb2-wrap button.mb2-open:active{ transform:translateY(0) scale(.98) !important; }

/* Fallback: falls IMG selbst .mb2-open trägt (ohne animierten Border) */
.mb2-wrap img.mb2-open{
  display:block !important;
  width:30% !important;
  height:auto !important;
  margin:0 auto 12px !important;
  border-radius:8px !important; 
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
}

/* Empfohlen: Wrapper als Trigger mit „laufendem“ Farb-Rand */
@property --mb2-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
@keyframes mb2-border-flow { to { --mb2-angle: 1turn; } }

.mb2-wrap .mb2-trigger.mb2-open{
  position:relative !important;
  width:30% !important;
  margin:0 auto 12px !important;
  border-radius:8px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;

  /* Trick: transparenter Rand + 2 Hintergründe.
     1) Weiß (oder Seitenhintergrund) füllt Inhalt (padding-box),
     2) conic-gradient liegt im Rand (border-box) und animiert über Winkel-Var. */
  border:4px solid transparent !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from var(--mb2-angle),
      #0ea5e9, #9333ea, #f59e0b, #0ea5e9) border-box !important;
  animation: mb2-border-flow 3s linear infinite !important;
  background-clip: padding-box, border-box !important;
  overflow:hidden !important; /* für saubere Ecken */
}
.mb2-wrap .mb2-trigger > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  /*border-radius:8px !important;*/
}

/* leichte Hover-Reaktion */
.mb2-wrap .mb2-trigger.mb2-open:hover{ transform: translateY(-1px); transition: transform .15s ease; }
.mb2-wrap .mb2-trigger.mb2-open:active{ transform: translateY(0); }

/* Motion-Respect */
@media (prefers-reduced-motion: reduce){
  .mb2-wrap .mb2-trigger.mb2-open{ animation: none !important; }
}

.mb2-wrap .mb2-close{
  border:0 !important; background:transparent !important; font-size:22px !important; cursor:pointer !important;
  width:36px !important; height:36px !important; border-radius:50% !important; color:#475569 !important;
}
.mb2-wrap .mb2-close:hover{ background:#f1f5f9 !important; }

/* ===== Overlay + Modal =================================================== */
.mb2-wrap .mb2-modal{
  position:fixed !important; inset:0 !important; background:rgba(0,0,0,.45) !important; z-index:99999 !important;
  display:none; overflow:auto;
}
.mb2-wrap .mb2-modal-inner{
  background:#fff !important; width:min(960px, 92vw) !important; margin:4vh auto !important;
  max-height:92vh !important; display:flex !important; flex-direction:column !important;
  border-radius:var(--fk-radius-lg) !important; box-shadow:var(--fk-shadow) !important; border:1px solid var(--fk-border) !important;
}
.mb2-wrap .mb2-modal-header{
  position:sticky !important; top:0 !important; z-index:2 !important; background:#fff !important;
  padding:18px 22px !important; border-bottom:1px solid var(--fk-border) !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
.mb2-wrap .mb2-modal-header h3{
  margin:0 !important; font-family:var(--fk-font) !important; font-size:20px !important; font-weight:700 !important; color:var(--fk-fg) !important;
}
.mb2-wrap .mb2-modal-body{
  flex:1 1 auto !important; overflow:auto !important; padding:18px 5px 5px !important;
  font-family:var(--fk-font) !important; color:var(--fk-fg) !important;
}
body.mb2-no-scroll{ overflow:hidden !important; }

/* ===== Progress =========================================================== */
.mb2-wrap .mb2-progress{
  width:100% !important; height:8px !important; background:#f1f5f9 !important; border-radius:999px !important;
  overflow:hidden !important; margin:6px 0 18px !important;
}
.mb2-wrap .mb2-progress-bar{
  height:100% !important; width:0% !important; display:block !important;
  background:linear-gradient(90deg, var(--fk-accent), var(--fk-accent-600)) !important;
  border-radius:999px !important; transition:width .25s ease !important;
}

/* ===== Steps / Cards / Notes ============================================ */
.mb2-wrap .mb2-wizard .mb2-step{
  background:var(--fk-card) !important;
  border:1px solid var(--fk-border) !important;
  border-radius:var(--fk-radius) !important;
  padding:8px !important;
  margin:24px 0 22px !important;
}
.mb2-wrap .mb2-wizard .mb2-step p{
  margin:0 0 12px !important;
  font-size:16px !important;
  color:var(--fk-fg) !important;
}
.mb2-wrap .mb2-note{
  background:#fff7ed !important;
  color:#7c2d12 !important;
  border:1px solid #fed7aa !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  margin-top:10px !important;
  font-size:14px !important;
}

/* ===== Inputs / Selects / Radios ======================================== */
.mb2-wrap input[type="radio"], .mb2-wrap input[type="checkbox"]{ accent-color:var(--fk-accent) !important; transform:translateY(1px); }
.mb2-wrap input[type="number"], .mb2-wrap select{
  background:#fff !important; border:1px solid var(--fk-border) !important; border-radius:10px !important;
  padding:10px 12px !important; min-width:180px !important; outline:none !important; font-family:var(--fk-font) !important;
}
.mb2-wrap select.mb2-substrate-select{ width:100% !important; max-width:520px !important; }
.mb2-wrap .mb2-form label{ display:block !important; margin:8px 0 !important; }

/* Buttons mit leichtem Schatten unten */
.mb2-wrap .button,
.mb2-wrap .button-primary,
.mb2-wrap .mb2-next,
.mb2-wrap .mb2-prev,
.mb2-wrap .mb2-continue,
.mb2-wrap .mb2-add-to-cart{
  font-family:var(--fk-font) !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  border:1px solid var(--fk-border) !important;
  background:#fff !important;
  color:#0f172a !important;
  cursor:pointer !important;
  box-shadow:0 2px 4px rgba(0,0,0,.08) !important;
}
.mb2-wrap .button-primary,
.mb2-wrap .mb2-continue.button-primary,
.mb2-wrap .mb2-next.button-primary,
.mb2-wrap .mb2-actions .mb2-add-to-cart{
  background:var(--fk-accent) !important;
  border-color:var(--fk-accent) !important;
  color:#fff !important;
  font-weight:600 !important;
  box-shadow:0 2px 5px rgba(14,165,233,.25) !important;
}
.mb2-wrap .mb2-step-actions,
.mb2-wrap .mb2-wizard-nav{ display:flex !important; gap:10px !important; align-items:center !important; margin-top:24px; }

/* Footer/Actions fixieren (falls vorhanden) */
.mb2-wrap .mb2-actions{
  position:sticky !important; bottom:0 !important; background:#fff !important;
  padding:12px 18px !important; border-top:1px solid var(--fk-border) !important; text-align:right !important;
}

/* Abstand zwischen Radio-Optionen im Wizard */
.mb2-wrap .mb2-step label {
  display:block !important;
  margin:8px 0 !important;
  font-size:15px !important;
  color:var(--fk-fg) !important;
}

/* ===== Variant-Listen (Fuge/Silikon) ===================================== */
.mb2-wrap .mb2-variant-list{
  display:grid !important; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)) !important;
  gap:12px !important; margin:10px 0 6px !important;
}
.mb2-wrap .mb2-variant-list .mb2-variant{
  background:#fff !important; border:1px solid var(--fk-border) !important; border-radius:12px !important;
  padding:12px !important; display:flex !important; gap:10px !important; align-items:center !important; cursor:pointer !important;
  transition:box-shadow .15s ease, transform .05s ease !important;
}
.mb2-wrap .mb2-variant:hover{ box-shadow:0 6px 16px rgba(2,8,23,.08) !important; }
.mb2-wrap .mb2-variant.selected{ outline:2px solid var(--fk-accent) !important; box-shadow:0 8px 20px rgba(2,132,199,.15) !important; }
.mb2-wrap .mb2-variant .swatch{ width:22px !important; height:22px !important; border-radius:6px !important; border:1px solid var(--fk-border) !important; flex:0 0 auto !important; }
.mb2-wrap .mb2-variant .label{ font-size:14px !important; color:var(--fk-fg) !important; font-weight:600 !important; }
.mb2-wrap .mb2-variant .price{ margin-left:auto !important; font-size:14px !important; color:var(--fk-muted) !important; }

/* ===== Ergebnistabelle ==================================================== */
.mb2-wrap .mb2-result h4{ font-size:16px !important; margin:12px 0 8px !important; color:var(--fk-fg) !important; }
.mb2-wrap .mb2-bedarf{ margin:0 0 12px !important; padding-left:18px !important; }
.mb2-wrap .mb2-table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#fff !important; border:1px solid var(--fk-border) !important; border-radius:12px !important; overflow:hidden !important; }
.mb2-wrap .mb2-table th, .mb2-wrap .mb2-table td{ padding:10px 12px !important; border-bottom:1px solid var(--fk-border) !important; text-align:left !important; font-size:14px !important; }
.mb2-wrap .mb2-table thead th{ background:#f8fafc !important; font-weight:700 !important; color:#64748b !important; }
.mb2-wrap .mb2-table tfoot th{ text-align:right !important; }
.mb2-wrap .mb2-table tfoot td{ font-weight:700 !important; }
@media (max-width:640px){
  .mb2-wrap .mb2-modal-inner{ margin:2vh auto !important; max-height:96vh !important; width:96vw !important; }
  .mb2-wrap .mb2-table{ display:block !important; overflow-x:auto !important; }
}
/* Zebra-Streifen für Ergebnistabelle */
.mb2-wrap .mb2-table tbody tr:nth-child(odd){ background:#dddedf !important; }
.mb2-wrap .mb2-table tbody tr:nth-child(even){ background:#ffffff !important; }

/* ===== Verktøy-Karte ===================================================== */
.mb2-wrap .mb2-verktoy-card{
  display:grid !important; grid-template-columns:96px 1fr !important; gap:16px !important; align-items:start !important;
  padding:14px !important; background:#fff !important; border:1px solid var(--fk-border) !important; border-radius:12px !important;
  box-shadow:0 1px 0 rgba(0,0,0,.04) !important;
}
.mb2-wrap .mb2-verktoy-img{
  width:96px !important; height:96px !important; object-fit:cover !important; border-radius:10px !important; display:block !important;
  background:#f8fafc !important; border:1px solid var(--fk-border) !important;
}
.mb2-wrap .mb2-verktoy-content{ display:flex !important; flex-direction:column !important; gap:10px !important; }
.mb2-wrap .mb2-verktoy-head{ display:flex !important; align-items:center !important; gap:8px !important; }
.mb2-wrap .mb2-verktoy-title{ font-weight:700 !important; font-size:16px !important; line-height:1.25 !important; color:#1f2937 !important; }
.mb2-wrap .mb2-verktoy-badge{ background:#ecfeff !important; color:var(--fk-accent-600) !important; font-weight:700 !important; font-size:12px !important; padding:3px 8px !important; border-radius:999px !important; border:1px solid #bae6fd !important; }

/* Beschreibung – Box */
.mb2-wrap .mb2-verktoy-desc{
  background:#eaf4ff !important; border:1px solid #cfe3fb !important;
  padding:14px 16px !important; border-radius:10px !important; color:#1f2937 !important; font-size:14px !important; line-height:1.55 !important;
}
.mb2-wrap .mb2-verktoy-desc p{ margin:8px 0 !important; }
.mb2-wrap .mb2-verktoy-desc h4{ margin:4px 0 6px !important; font-size:16px !important; font-weight:700 !important; color:#0f172a !important; }
.mb2-wrap .mb2-verktoy-desc ul{ margin:6px 0 10px 1.25rem !important; padding:0 !important; }
.mb2-wrap .mb2-verktoy-desc li{ list-style:disc !important; margin:3px 0 !important; }
.mb2-wrap .mb2-verktoy-desc hr{ margin:12px 0 !important; border:0 !important; border-top:1px solid #cfe3fb !important; }

/* Tipps-Zeile */
.mb2-wrap .mb2-verktoy-desc .tip{
  display:flex !important; gap:8px !important; align-items:flex-start !important;
  margin:8px 0 !important; color:#374151 !important;
}
.mb2-wrap .mb2-verktoy-desc .tip::before{ content:"\1F4A1" !important; line-height:1 !important; flex:0 0 auto !important; }
.mb2-wrap .mb2-verktoy-desc a{ color:#b91c1c !important; text-decoration:none !important; }
.mb2-wrap .mb2-verktoy-desc a:hover{ text-decoration:underline !important; }
.mb2-wrap .mb2-verktoy-desc strong{ color:#0f172a !important; }

/* Preise + Checkbox */
.mb2-wrap .mb2-verktoy-price{ display:flex !important; align-items:baseline !important; gap:10px !important; margin-top:2px !important; }
.mb2-wrap .mb2-verktoy-price-before{ text-decoration:line-through !important; opacity:.6 !important; font-size:13px !important; }
.mb2-wrap .mb2-verktoy-price-after{ font-size:18px !important; font-weight:800 !important; color:#111827 !important; }
.mb2-wrap .mb2-verktoy-check{ display:flex !important; align-items:center !important; gap:8px !important; margin-top:6px !important; user-select:none !important; }

/* Buttons-Zeile im Verktøy-Step */
.mb2-wrap [data-step="verktoy_offer"] .mb2-step-actions{
  margin-top:14px !important; display:flex !important; justify-content:flex-end !important; gap:8px !important;
}

/* Mobile Tweaks */
@media (max-width:520px){
  .mb2-wrap .mb2-verktoy-card{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  .mb2-wrap .mb2-verktoy-img{
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  .mb2-wrap .mb2-verktoy-title{ font-size:15px !important; }
  .mb2-wrap .mb2-verktoy-price-after{ font-size:16px !important; }
}

/* Anti-Truncation im Verktøy-Block (gegen line-clamp von Themes) */
.mb2-wrap .mb2-verktoy-desc,
.mb2-wrap .mb2-verktoy-desc *{
  white-space:normal !important; overflow:visible !important; text-overflow:clip !important; display:block !important;
  -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important;
}

/* ===== Accessibility Focus =============================================== */
.mb2-wrap .button:focus,
.mb2-wrap .button-primary:focus,
.mb2-wrap input:focus,
.mb2-wrap select:focus{
  outline:3px solid rgba(14,165,233,.35) !important; outline-offset:1px !important;
}

/* Mobile: Tabelle als Karten mit Labels */
@media (max-width: 640px){
  .mb2-wrap .mb2-table thead { display: none !important; }

  .mb2-wrap .mb2-table tbody tr {
    display: block !important;
    padding: 12px !important;
    border-bottom: 1px solid var(--fk-border) !important;
    background: #fff !important;
    margin: 0 0 10px !important;
    border-radius: 10px !important;
  }

  .mb2-wrap .mb2-table tbody tr:nth-child(odd){ background: #f9fafb !important; }

  .mb2-wrap .mb2-table tbody td,
  .mb2-wrap .mb2-table tbody th {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 0 !important;
    padding: 6px 0 !important;
  }

  .mb2-wrap .mb2-table tbody td:nth-child(1),
  .mb2-wrap .mb2-table tbody th:nth-child(1){
    display: block !important;
    font-weight: 700 !important;
    padding: 4px 0 10px !important;
    font-size: 15px !important;
  }

  .mb2-wrap .mb2-table tbody td:nth-child(2)::before { content: "Antall" !important; color: var(--fk-muted) !important; }
  .mb2-wrap .mb2-table tbody td:nth-child(3)::before { content: "Enhetspris" !important; color: var(--fk-muted) !important; }
  .mb2-wrap .mb2-table tbody td:nth-child(4)::before { content: "Delsum" !important; color: var(--fk-muted) !important; }

  .mb2-wrap .mb2-table tbody td::before{
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-right: auto !important;
    font-family: var(--fk-font) !important;
  }

  .mb2-wrap .mb2-table tbody td{
    font-size: 14px !important;
    color: var(--fk-fg) !important;
    justify-content: flex-end !important;
  }

  .mb2-wrap .mb2-table tfoot th,
  .mb2-wrap .mb2-table tfoot td{ padding: 10px 12px !important; }
}

.mb2-usage{margin:10px 0 14px;padding:10px 12px;background:#f8fafc;border:1px solid var(--fk-border,#e5e7eb);border-radius:8px}
.mb2-usage-title{font-weight:600;margin-bottom:6px}
.mb2-usage-list{margin:0;padding-left:18px}
.mb2-usage-list li{margin:2px 0;list-style:disc}





/* === Bild-Trigger (wie zuvor) ========================================== */
@property --mb2-angle { syntax:'<angle>'; inherits:false; initial-value:0deg; }
@keyframes mb2-border-flow { to { --mb2-angle:1turn; } }

.mb2-wrap .mb2-trigger.mb2-open{
  position:relative !important;
  width:30% !important;
  min-width:280px !important;
  margin:0 auto 12px !important;
  border-radius:8px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
  border:4px solid transparent !important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    conic-gradient(from var(--mb2-angle), #0ea5e9, #9333ea, #f59e0b, #0ea5e9) border-box !important;
  background-clip: padding-box, border-box !important;
  animation: mb2-border-flow 3s linear infinite !important;
  overflow:hidden !important;
}
.mb2-wrap .mb2-trigger > img{
  display:block !important; width:100% !important; height:auto !important; border-radius:8px !important;
}
@media (max-width:768px){ .mb2-wrap .mb2-trigger.mb2-open{ width:100% !important; } }
@media (prefers-reduced-motion:reduce){ .mb2-wrap .mb2-trigger.mb2-open{ animation:none !important; } }

/* === CTA-Button unter dem Bild ========================================= */
.mb2-wrap .mb2-cta-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:6px auto 0 !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid var(--fk-accent) !important;
  background:var(--fk-accent) !important;
  color:#fff !important;
  font:600 15px/1 var(--fk-font) !important;
  cursor:pointer !important;
  box-shadow:0 6px 18px rgba(2,132,199,.25) !important;
  transition: transform .06s ease, box-shadow .2s ease !important;
}
.mb2-wrap .mb2-cta-btn::after{
  content:"➜";
  font-weight:700;
}
.mb2-wrap .mb2-cta-btn:hover{ transform:translateY(-1px) !important; }
.mb2-wrap .mb2-cta-btn:active{ transform:translateY(0) scale(.98) !important; }

/* Fallback: falls irgendwo noch <img class="mb2-open"> direkt verwendet wird */
.mb2-wrap img.mb2-open{
  display:block !important; width:30% !important; height:auto !important;
  margin:0 auto 12px !important; border-radius:8px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important; cursor:pointer !important;
}

/* Kurzer Erklärungstext direkt unter dem CTA */
.mb2-wrap .mb2-cta-note{
  max-width: 40ch !important;
  margin: 6px auto 14px !important;
  text-align: center !important;
  color: var(--fk-muted) !important;
  font: 500 13.5px/1.5 var(--fk-font) !important;
}
.mb2-wrap .mb2-cta-note::before{
  content: "💡 ";
}

/* Linie/Trenner unter dem Hinweistext */
.mb2-wrap .mb2-cta-note{
  margin: 6px auto 18px !important; /* etwas mehr Abstand nach unten */
}

.mb2-wrap .mb2-cta-note::after{
  content:"";
  display:block;
  width: clamp(200px, 40ch, 560px);  /* angenehm breit, responsiv */
  height: 2px;
  margin: 12px auto 0;               /* Abstand zum Text */
  background: var(--fk-border);      /* Grundfarbe der Linie */
  border-radius: 2px;
  box-shadow: 0 8px 14px rgba(2, 8, 23, .10); /* weicher Schatten nach unten */
}
/* 2-Spalten-Layout: links Bild, rechts Button + Texte */
.mb2-wrap .mb2-cta-row{
  display:grid !important;
  grid-template-columns: minmax(260px, 360px) 1fr !important;
  gap:18px !important;
  align-items:start !important;
  margin:8px 0 12px !important;
}

/* Bild füllt die linke Spalte – überschreibt frühere 30%-Breite nur hier */
.mb2-wrap .mb2-cta-media .mb2-trigger.mb2-open{
  width:100% !important;
  max-width:360px !important;
  margin:0 !important;
}
.mb2-wrap .mb2-cta-media .mb2-trigger > img{
  width:100% !important; height:auto !important;
}

/* rechte Spalte: Button oben, darunter Texte */
.mb2-wrap .mb2-cta-side .mb2-cta-btn{ margin:0 0 8px 0 !important; }
.mb2-wrap .mb2-cta-notes,
.mb2-wrap .mb2-cta-side{ max-width:60ch !important; }

/* Trenner in Textbreite */
.mb2-wrap .mb2-cta-side .mb2-cta-sep{
  width:100% !important; max-width:60ch !important; margin-left:0 !important;
}

/* Mobile: untereinander (Bild → Button → Texte, mittig) */
@media (max-width: 900px){
  .mb2-wrap .mb2-cta-row{ grid-template-columns: 1fr !important; }
  .mb2-wrap .mb2-cta-side .mb2-cta-btn{ margin:8px auto 8px !important; }
  .mb2-wrap .mb2-cta-side{ margin-left:auto !important; margin-right:auto !important; }
  .mb2-wrap .mb2-cta-note,
  .mb2-wrap .mb2-cta-note--secondary,
  .mb2-wrap .mb2-cta-note--muted{ text-align:center !important; }
  .mb2-wrap .mb2-cta-side .mb2-cta-sep{ margin-left:auto !important; margin-right:auto !important; }
}

/* Desktop: Tipps linksbündig in der rechten Spalte */
.mb2-wrap .mb2-cta-side,
.mb2-wrap .mb2-cta-side .mb2-cta-note,
.mb2-wrap .mb2-cta-side .mb2-cta-note--secondary,
.mb2-wrap .mb2-cta-side .mb2-cta-note--muted{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Mobile: wieder mittig (überschreibt das oben) */
@media (max-width: 900px){
  .mb2-wrap .mb2-cta-side,
  .mb2-wrap .mb2-cta-side .mb2-cta-note,
  .mb2-wrap .mb2-cta-side .mb2-cta-note--secondary,
  .mb2-wrap .mb2-cta-side .mb2-cta-note--muted{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}