/* RenditeRitter – projektweite Mobile-Härtung (öffentliche Seiten, Admin ausgenommen) */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  body{font-size:14px}
  img,svg,video,canvas{max-width:100%;height:auto}
  table{max-width:100%}
  input,select,textarea,button{max-width:100%;font-size:16px}
  h1{font-size:clamp(26px,8vw,34px);line-height:1.12;overflow-wrap:anywhere}
  h2{font-size:clamp(21px,6.4vw,27px);line-height:1.18;overflow-wrap:anywhere}
  h3{font-size:clamp(17px,5.2vw,22px);line-height:1.22;overflow-wrap:anywhere}
  p,li,small,label,a,span,strong{overflow-wrap:anywhere}

  .wrapper,.content,.sidebar,.rr-shell,.rr-main,.section-card,.chart-card,.compare-card,.result-card,.rr-card{min-width:0!important;max-width:100%!important}
  .content{padding:14px!important}
  .sidebar{width:100%!important;padding:18px!important;height:auto!important;min-height:0!important;position:static!important}
  .section-card,.chart-card,.compare-card,.result-card{padding:18px!important;border-radius:20px!important}
  .result-grid,.compare-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .big-value,.compare-card .big,.payout-grid .big,.result-box p{font-size:clamp(27px,9vw,40px)!important;overflow-wrap:anywhere}
  .compare-item{gap:10px;align-items:flex-start}.compare-item>*{min-width:0}

  /* Aktionsleisten und nebeneinander stehende Buttons auf schmalen Displays */
  .vm-actions,.rr-result-main-actions,.rr-next-actions,.rr-modal-actions,.rr-consult-modal-actions,
  .anfrage-actions,.modal-actions,.form-actions,.button-row,.action-row,.actions{
    grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:wrap!important;width:100%!important
  }
  .vm-actions>*,.rr-result-main-actions>*,.rr-next-actions>*,.rr-modal-actions>*,.rr-consult-modal-actions>*,
  .anfrage-actions>*,.modal-actions>*,.form-actions>*,.button-row>*,.action-row>*,.actions>*{width:100%!important;max-width:100%!important}

  /* Tabellen bleiben nutzbar, ohne die ganze Seite breiter zu machen. */
  .table-wrap,.table-responsive,.rr-table-wrap,.comparison-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* Modale: niemals höher/breiter als der sichtbare Handybereich. */
  [class*="modal-box"],[class*="modal-card"],[class*="modal-content"],.rr-advisor-finder-box{
    max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:10px auto!important;overflow-y:auto!important;min-height:0!important
  }
  .rr-advisor-finder-modal,.anfrage-modal,.etf-modal{padding:10px!important}

  /* Anfrage / Ansprechpartner */
  #AnfrageModal .anfrage-adviser-card{grid-template-columns:70px minmax(0,1fr)!important;min-height:0!important;height:auto!important}
  #AnfrageModal .anfrage-adviser-card img{width:70px!important;height:84px!important;max-width:70px!important}
  #AnfrageModal .anfrage-adviser-details{height:auto!important;min-width:0!important}
  #AnfrageModal .anfrage-adviser-description{grid-column:1/-1!important;min-width:0!important;max-width:100%!important}
  .rr-finder-grid,.rr-finder-address{grid-template-columns:minmax(0,1fr)!important}
  .rr-finder-person{grid-template-columns:58px minmax(0,1fr)!important}.rr-finder-person button{grid-column:1/-1!important;width:100%!important}

  /* Beratermodus-Leiste */
  .rr-active-lead-inner,.rr-active-lead-global .rr-active-lead-inner{padding:10px 12px!important}
  .rr-lead-info,.rr-active-lead-global .rr-lead-info{gap:6px 10px!important;font-size:12px!important}
  .rr-lead-actions-row,.rr-active-lead-global .rr-lead-actions-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .rr-lead-actions,.rr-active-lead-global .rr-lead-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin-left:0!important;gap:7px!important}
  .rr-lead-actions>*,.rr-active-lead-global .rr-lead-actions>*{width:100%!important;justify-content:center!important;white-space:normal!important}
  .rr-lead-deactivate,.rr-active-lead-global .rr-lead-deactivate{width:100%!important;justify-content:center!important;white-space:normal!important}
  .rr-lead-status-wrap,.rr-active-lead-global .rr-lead-status-wrap{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  .rr-lead-status-wrap select,.rr-active-lead-global .rr-lead-status-wrap select{width:100%!important}
}

/* Header separat härten: alle Funktionen bleiben sichtbar, aber ohne horizontales Überlaufen. */
@media (max-width: 640px){
  .rr-topbar-inner{width:calc(100% - 16px)!important;max-width:none!important;min-width:0!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:5px!important}
  .rr-brand{min-width:0!important;gap:5px!important}.rr-brand-head,.rr-brand img.rr-brand-head{width:36px!important;height:36px!important;min-width:36px!important;object-fit:contain!important}
  .rr-brand-text{font-size:15px!important;min-width:0!important}
  .rr-nav{min-width:0!important;gap:4px!important}.rr-nav-cta,.rr-nav .rr-cta{padding:8px 8px!important;font-size:10px!important;white-space:nowrap!important}
  .rr-header-actions{min-width:0!important;padding-left:4px!important;gap:3px!important}.rr-header-icon-btn{width:31px!important;height:31px!important;min-width:31px!important}
}
@media (max-width: 430px){
  .rr-brand-text{display:none!important}.rr-brand-head,.rr-brand img.rr-brand-head{width:34px!important;height:34px!important;min-width:34px!important}
  .rr-nav-cta,.rr-nav .rr-cta{font-size:9.5px!important;padding:8px 7px!important}.rr-cta-arrow{display:none!important}
  .rr-header-icon-btn{width:30px!important;height:30px!important;min-width:30px!important}
}
@media (max-width: 360px){
  .rr-topbar-inner{width:calc(100% - 10px)!important}.rr-nav-cta,.rr-nav .rr-cta{font-size:9px!important;padding:7px 5px!important}
  .rr-header-icon-btn{width:28px!important;height:28px!important;min-width:28px!important}.rr-header-actions{gap:2px!important}
}


/* =========================================================
   RenditeRitter Mobile 2026-10-06 – Ergebnis + Phasenmodale
   Nur mobile Darstellung. Desktop bleibt unverändert.
   ========================================================= */
@media (max-width:760px){
  /* GREIX-Ergebniskarte wie die übrigen Sparformen: 2x2 KPI-Raster,
     Marktinfo darunter, Aktion über volle Breite. */
  .rr-results-section .rr-greix-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"left" "values" "qm" "actions"!important;
    gap:14px!important;
    padding:18px!important;
  }
  .rr-results-section .rr-greix-row .alternative-left{grid-area:left!important;padding-right:0!important;width:100%!important}
  .rr-results-section .rr-greix-row .alternative-values{
    grid-area:values!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .rr-results-section .rr-greix-row .alternative-values>div{
    min-width:0!important;padding:14px 13px!important;text-align:left!important;
  }
  .rr-results-section .rr-greix-row .alternative-values strong{
    font-size:clamp(18px,5.7vw,23px)!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  .rr-results-section .rr-greix-row .alternative-values span{font-size:11px!important;line-height:1.25!important}
  .rr-results-section .rr-greix-row .rr-immo-qm-info{
    grid-area:qm!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    margin:0!important;padding:10px 12px!important;white-space:normal!important;font-size:11px!important;line-height:1.35!important;
  }
  .rr-results-section .rr-greix-row .rr-greix-actions{
    grid-area:actions!important;width:100%!important;justify-content:stretch!important;padding-top:14px!important;
  }
  .rr-results-section .rr-greix-row .rr-greix-actions .result-action-link{width:100%!important;flex:1 1 100%!important}

  /* Phasenmodale: Kopf auf dem Handy bewusst kompakt, damit deutlich mehr
     der eigentlichen Informationen im sichtbaren Scrollbereich liegt. */
  .vm-anspar-modal,.vm-ausz-modal{padding:0!important;align-items:stretch!important}
  .vm-anspar-modal .vm-anspar-box,.vm-ausz-box{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;
  }
  .vm-anspar-head,.vm-ausz-head{padding:14px 16px 13px!important;gap:10px!important;flex:0 0 auto!important}
  .vm-anspar-kicker,.vm-ausz-kicker{font-size:10px!important;line-height:1.15!important;margin-bottom:4px!important;letter-spacing:.055em!important}
  .vm-anspar-head h2,.vm-ausz-head h2{font-size:clamp(21px,6.2vw,27px)!important;line-height:1.08!important;letter-spacing:-.02em!important}
  .vm-anspar-head p,.vm-ausz-head p{font-size:12.5px!important;line-height:1.42!important;margin-top:7px!important;max-width:none!important}
  .vm-anspar-close,.vm-ausz-close{font-size:32px!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}
  .vm-anspar-body{padding:14px!important}
  .vm-ausz-body{padding:14px!important;gap:12px!important;display:block!important;overflow-y:auto!important}
  .vm-ausz-body>main{overflow:visible!important;padding-right:0!important}
  .vm-anspar-main{gap:14px!important}.vm-anspar-card,.vm-ausz-card{padding:16px!important;border-radius:18px!important}
  .vm-anspar-title,.vm-ausz-title{font-size:19px!important;line-height:1.15!important}
  .vm-anspar-sub,.vm-ausz-sub{font-size:12px!important;line-height:1.42!important;margin-bottom:14px!important}
  .vm-anspar-summary,.vm-ausz-summary{gap:10px!important}
  .vm-anspar-stat,.vm-ausz-stat,#SparformAuszahlungModal .sp-overview-card .vm-ausz-stat{padding:13px 14px!important;min-height:0!important;border-radius:15px!important}
  .vm-anspar-stat span,.vm-ausz-stat span{font-size:11px!important;margin-bottom:5px!important}
  .vm-anspar-stat strong,.vm-ausz-stat strong{font-size:20px!important;line-height:1.1!important}
  .vm-anspar-stat small,.vm-ausz-stat small{font-size:10.5px!important;line-height:1.35!important;margin-top:4px!important}

  /* Schnelldruck überall identisch: auf dem Handy nur der grüne Drucker
     in einer kompakten quadratischen Schaltfläche. */
  .vm-anspar-quickprint,.vm-ausz-quickprint{
    width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
    padding:0!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .vm-anspar-quickprint svg,.vm-ausz-quickprint svg{display:block!important;width:18px!important;height:18px!important;fill:#0ca94b!important;max-width:none!important}
  .vm-anspar-quickprint span,.vm-ausz-quickprint span{display:none!important}

  /* Jahresdetails kompakter. */
  .vm-anspar-years{gap:10px!important}.vm-anspar-year{border-radius:15px!important}
  .vm-anspar-year-head{padding:10px 12px!important}.vm-anspar-year-head strong{font-size:15px!important}
  .vm-anspar-year-cell{padding:10px 11px!important}.vm-anspar-year-cell span{font-size:9.5px!important}.vm-anspar-year-cell strong{font-size:12.5px!important}

  /* Auszahlungsplan: Desktop bleibt Tabelle. Mobil werden die Tabellenzeilen
     zu gut lesbaren Jahreskarten mit vier beschrifteten Werten. */
  .sp-plan-table{overflow:visible!important;margin-top:16px!important}
  .sp-plan-table .vm-ausz-table,.sp-plan-table .vm-ausz-table tbody,.sp-plan-table .vm-ausz-table tr,.sp-plan-table .vm-ausz-table td{display:block!important;width:100%!important;box-sizing:border-box!important}
  .sp-plan-table .vm-ausz-table thead{display:none!important}
  .sp-plan-table .vm-ausz-table tbody{display:grid!important;gap:10px!important}
  .sp-plan-table .vm-ausz-table tr{border:1px solid #dce5ef!important;border-radius:15px!important;background:#fff!important;padding:7px 12px!important;overflow:hidden!important}
  .sp-plan-table .vm-ausz-table td{display:grid!important;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;align-items:center!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #edf2f7!important;text-align:right!important;font-size:13px!important;color:#0b285f!important}
  .sp-plan-table .vm-ausz-table td:last-child{border-bottom:0!important}
  .sp-plan-table .vm-ausz-table td::before{font-size:10.5px!important;font-weight:800!important;color:#64748b!important;text-align:left!important}
  .sp-plan-table .vm-ausz-table td:nth-child(1)::before{content:"Jahr"}
  .sp-plan-table .vm-ausz-table td:nth-child(2)::before{content:"Auszahlung"}
  .sp-plan-table .vm-ausz-table td:nth-child(3)::before{content:"Rendite"}
  .sp-plan-table .vm-ausz-table td:nth-child(4)::before{content:"Restkapital"}

  /* Seitennavigation des Auszahlungsmodals mobil kompakt oberhalb des Inhalts. */
  .vm-ausz-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
  .vm-ausz-side button,.vm-ausz-side a{font-size:11px!important;line-height:1.2!important;padding:10px!important;min-height:0!important}
}
@media(max-width:380px){
  .rr-results-section .rr-greix-row .alternative-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   Mobile Feinschliff 2026-10-06 – alle Modale + kompakter Plan
   Reine Darstellung; Desktop und Rechenlogik bleiben unberührt.
   ========================================================= */
@media (max-width:760px){
  /* GREIX-KPIs exakt auf das mobile Niveau der normalen Ergebniskarten bringen. */
  .rr-results-section .rr-greix-row .alternative-values>div{padding:13px 12px!important}
  .rr-results-section .rr-greix-row .alternative-values strong{
    font-size:clamp(16px,4.9vw,20px)!important;line-height:1.12!important;
  }
  .rr-results-section .rr-greix-row .alternative-values span{
    font-size:10.5px!important;line-height:1.22!important;
  }

  /* Auszahlungsplan mobil wie eine kompakte, saubere Anspar-Tabelle.
     Keine breiten Einzelkarten mehr; Desktop-Tabelle bleibt unverändert. */
  .sp-plan-table{width:100%!important;max-width:100%!important;overflow:hidden!important;margin-top:14px!important}
  .sp-plan-table .vm-ausz-table{display:table!important;width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
  .sp-plan-table .vm-ausz-table thead{display:table-header-group!important}
  .sp-plan-table .vm-ausz-table tbody{display:table-row-group!important}
  .sp-plan-table .vm-ausz-table tr{display:table-row!important;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important}
  .sp-plan-table .vm-ausz-table th,.sp-plan-table .vm-ausz-table td{
    display:table-cell!important;width:auto!important;box-sizing:border-box!important;padding:8px 5px!important;
    border:0!important;border-bottom:1px solid #e6edf5!important;text-align:right!important;
    font-size:10.5px!important;line-height:1.22!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .sp-plan-table .vm-ausz-table th{font-size:9px!important;line-height:1.15!important;white-space:normal!important;text-transform:none!important}
  .sp-plan-table .vm-ausz-table th:first-child,.sp-plan-table .vm-ausz-table td:first-child{width:16%!important;text-align:left!important;padding-left:7px!important}
  .sp-plan-table .vm-ausz-table th:nth-child(2),.sp-plan-table .vm-ausz-table td:nth-child(2){width:29%!important}
  .sp-plan-table .vm-ausz-table th:nth-child(3),.sp-plan-table .vm-ausz-table td:nth-child(3){width:25%!important}
  .sp-plan-table .vm-ausz-table th:nth-child(4),.sp-plan-table .vm-ausz-table td:nth-child(4){width:30%!important;padding-right:7px!important}
  .sp-plan-table .vm-ausz-table td::before{content:none!important;display:none!important}

  /* Neue Vollbild-Logik projektweit für öffentliche Modale. Die jeweiligen
     Inhalte/Navigationen bleiben erhalten; nur der mobile Rahmen wird vereinheitlicht. */
  .anfrage-modal,.etf-modal,.rr-modal-backdrop,.rr-login-modal,.rr-av-modal,
  .vm-anspar-modal,.vm-ausz-modal,.av-procon-modal,.vorteile-v2{
    padding:0!important;align-items:stretch!important;justify-content:stretch!important;
  }
  .anfrage-modal-box,.etf-modal-content,.rr-modal-card,.rr-login-modal>div,
  .rr-av-modal-box,.vm-anspar-box,.vm-ausz-box{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;box-sizing:border-box!important;
  }
  .anfrage-modal-box,.etf-modal-content,.rr-modal-card,.rr-av-modal-box{
    overflow-y:auto!important;overflow-x:hidden!important;
  }

  /* Köpfe aller gängigen Modaltypen kompakter – analog zur gelungenen
     Anspar-/Auszahlungsdarstellung. */
  .anfrage-modal-header,.rr-modal-head,.rr-av-modal-head,.etf-modal-header{
    padding:14px 16px 13px!important;min-height:0!important;
  }
  .anfrage-modal-heading h2,.anfrage-modal-header h2,.rr-modal-title,.rr-av-modal-head h2,.etf-modal-header h2{
    font-size:clamp(20px,5.8vw,25px)!important;line-height:1.08!important;letter-spacing:-.02em!important;
  }
  .anfrage-modal-heading p,.anfrage-modal-header p,.rr-modal-subtitle,.rr-av-modal-head p,.etf-modal-header p{
    font-size:12px!important;line-height:1.4!important;margin-top:6px!important;
  }
  .rr-av-modal-kicker,.anfrage-modal-kicker{font-size:10px!important;line-height:1.15!important;letter-spacing:.055em!important}
  .rr-av-modal-close,.rr-modal-close,.anfrage-modal-close,.etf-modal-close{
    width:36px!important;height:36px!important;min-width:36px!important;font-size:30px!important;padding:0!important;
  }
  .rr-av-modal-body,.rr-modal-body,.anfrage-modal-body{padding:14px!important}
}

/* =========================================================
   Mobile Korrektur 2026-10-06 – Auszahlungsjahre, Rechenwege,
   Gesamtausdruck-Modal. Nur mobile Darstellung.
   ========================================================= */
.sp-plan-mobile-years{display:none}
@media (max-width:760px){
  /* Desktop-Auszahlungsplan mobil ausblenden; jedes Jahr erhält wie in der
     Ansparphase eine eigene kompakte Tabelle/Karte. */
  .sp-plan-table{display:none!important}
  .sp-plan-mobile-years{display:grid!important;gap:12px!important;margin-top:14px!important;width:100%!important;min-width:0!important}
  .sp-plan-mobile-year{width:100%!important;min-width:0!important;overflow:hidden!important;border:1px solid #dbe5ef!important;border-radius:15px!important;background:#fff!important}
  .sp-plan-mobile-year-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 13px!important;background:#0b3474!important;color:#fff!important}
  .sp-plan-mobile-year-head strong{font-size:15px!important;line-height:1.15!important}
  .sp-plan-mobile-year-head span{font-size:10.5px!important;line-height:1.2!important;opacity:.95!important}
  .sp-plan-mobile-year-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sp-plan-mobile-year-grid>div{min-width:0!important;padding:11px 12px!important;border-right:1px solid #e4ebf3!important;border-bottom:1px solid #e4ebf3!important}
  .sp-plan-mobile-year-grid>div:nth-child(2n){border-right:0!important}
  .sp-plan-mobile-year-grid>div:last-child{grid-column:1/-1!important;border-right:0!important;border-bottom:0!important}
  .sp-plan-mobile-year-grid span{display:block!important;font-size:9.5px!important;line-height:1.2!important;font-weight:800!important;text-transform:uppercase!important;color:#64748b!important;margin-bottom:5px!important}
  .sp-plan-mobile-year-grid strong{display:block!important;font-size:13px!important;line-height:1.2!important;color:#0b285f!important;overflow-wrap:anywhere!important}

  /* Rechenweg-Zeilen: lange Bezeichnungen dürfen niemals buchstabenweise
     zusammengedrückt werden. Auf schmalen Displays stehen Label und Wert sauber
     untereinander bzw. mit voller nutzbarer Breite. */
  .vm-ausz-breakdown{width:100%!important;min-width:0!important;overflow:hidden!important}
  .vm-ausz-breakdown-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 14px!important;align-items:center!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:11px 12px!important}
  .vm-ausz-breakdown-row>span{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:11px!important;line-height:1.3!important}
  .vm-ausz-breakdown-row>strong{display:block!important;width:auto!important;min-width:0!important;max-width:58vw!important;text-align:right!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:12px!important;line-height:1.25!important}
  .vm-ausz-breakdown-head{padding:12px!important}
  .vm-ausz-breakdown-head strong{font-size:13px!important}.vm-ausz-breakdown-head span{font-size:10.5px!important;line-height:1.35!important}

  /* Gesamtausdruck-Auswahl folgt derselben mobilen Vollbildlogik wie die neuen Modale. */
  .rr-print-choice-modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  .rr-print-choice-card{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
  .rr-print-choice-head{padding:14px 16px 12px!important}
  .rr-print-choice-close{right:14px!important;top:10px!important;font-size:30px!important}
  .rr-print-choice-kicker{font-size:10.5px!important;margin-bottom:5px!important}
  .rr-print-choice-card h2{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.08!important;margin:0 40px 7px 0!important}
  .rr-print-choice-intro{font-size:11.5px!important;line-height:1.4!important}
  .rr-print-choice-scroll{padding:14px!important;min-height:0!important;flex:1 1 auto!important}
  .rr-print-fixed{padding:12px 13px!important;margin-bottom:12px!important;border-radius:13px!important}
  .rr-print-fixed strong{font-size:12px!important}.rr-print-fixed span{font-size:10.5px!important;line-height:1.35!important}
  .rr-print-product-row{padding:11px 12px!important;border-radius:13px!important;gap:10px!important}
  .rr-print-product-name{font-size:12px!important}.rr-print-option span{font-size:10.5px!important;padding:8px 9px!important}
  .rr-print-choice-actions{padding:11px 14px!important;gap:8px!important}.rr-print-choice-actions button{padding:9px 11px!important;font-size:11px!important}
}

/* =========================================================
   Mobile Feinschliff 2026-10-06 – Ansprechpartner, Navigation,
   GREIX-Schrift und alle Auszahlungspläne. Desktop unverändert.
   ========================================================= */
@media (max-width:760px){
  /* Ansprechpartner-Auswahl folgt derselben ruhigen Vollbildlogik. */
  .rr-advisor-finder-modal{padding:0!important;overflow:hidden!important;backdrop-filter:none!important}
  .rr-advisor-finder-box{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;padding:16px!important;box-sizing:border-box!important;
    overflow-y:auto!important;overflow-x:hidden!important;
  }
  .rr-advisor-finder-close{right:14px!important;top:8px!important;font-size:31px!important;line-height:1!important}
  .rr-advisor-finder-kicker{font-size:10px!important;line-height:1.15!important;margin-bottom:5px!important}
  .rr-advisor-finder-box h2{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.08!important;margin:0 42px 7px 0!important}
  .rr-advisor-finder-intro{font-size:11.5px!important;line-height:1.4!important;margin-bottom:14px!important}
  .rr-advisor-finder-box label{font-size:11px!important;margin-bottom:10px!important}
  .rr-advisor-finder-box input{font-size:12px!important;padding:10px 11px!important;margin-top:5px!important}
  .rr-finder-results{margin-top:16px!important;padding-top:14px!important}
  .rr-finder-person{grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important;padding:11px!important}
  .rr-finder-person img{width:52px!important;height:52px!important}
  .rr-finder-person button{grid-column:1/-1!important;width:100%!important}

  /* Navigation in den Phasenmodals: volle Breite, untereinander und klar vom Inhalt getrennt. */
  .vm-ausz-side{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:9px!important;width:100%!important;margin:18px 0 0!important;padding:0!important}
  .vm-ausz-side button,.vm-ausz-side a{display:flex!important;width:100%!important;box-sizing:border-box!important;justify-content:flex-start!important;padding:11px 13px!important}

  /* GREIX-Zahlen bewusst exakt auf das kompakte Niveau der normalen mobilen Ergebniskarten. */
  .rr-results-section .rr-greix-row .alternative-values strong{font-size:16px!important;line-height:1.12!important}
  .rr-results-section .rr-greix-row .alternative-values span{font-size:10px!important;line-height:1.2!important}

  /* Alle Auszahlungspläne: Desktoptabelle weg, identische Jahresblöcke wie in der Ansparphase. */
  .vm-ausz-panel .vm-ausz-table-wrap{display:none!important}
  .sp-plan-mobile-years{display:grid!important;gap:12px!important;margin-top:14px!important;width:100%!important;min-width:0!important}
  .sp-plan-mobile-year-head{justify-content:flex-start!important}
  .sp-plan-mobile-year-head span{display:none!important}
  .sp-plan-mobile-year-grid>div:last-child{grid-column:1/-1!important}
}

/* =========================================================
   Mobile Modal-Logik 2026-10-06 – Vor-/Nachteile + Ansprechpartner
   Beide Modale folgen exakt dem kompakten Vollbildprinzip der Phasenmodale.
   Desktop bleibt unverändert.
   ========================================================= */
@media (max-width:760px){
  /* Vor- & Nachteile */
  .rr-procon-modal{
    padding:0!important;align-items:stretch!important;justify-content:stretch!important;
    overflow:hidden!important;backdrop-filter:none!important;
  }
  .rr-procon-shell{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .rr-procon-close{right:14px!important;top:8px!important;font-size:31px!important;line-height:1!important}
  .rr-procon-head{padding:14px 16px 12px!important;flex:0 0 auto!important}
  .rr-procon-kicker{font-size:10px!important;line-height:1.15!important;letter-spacing:.055em!important;margin-bottom:5px!important}
  .rr-procon-head h2{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.08!important;letter-spacing:-.02em!important;margin:0 42px 7px 0!important}
  .rr-procon-head p{font-size:11.5px!important;line-height:1.4!important;margin:0!important}
  .rr-procon-layout{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
  .rr-procon-content{order:1!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important}
  .rr-procon-nav{order:2!important;flex:0 0 auto!important;border-left:0!important;border-top:1px solid #e1e8f0!important;border-bottom:0!important;padding:11px 14px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;background:#fff!important}
  .rr-procon-nav button{width:100%!important;justify-content:flex-start!important;padding:10px 12px!important;font-size:11.5px!important;border-radius:11px!important}
  .rr-procon-section-title{font-size:16px!important;line-height:1.15!important;margin:0 0 10px!important}
  .rr-procon-list{gap:9px!important}
  .rr-procon-item{grid-template-columns:27px minmax(0,1fr)!important;gap:9px!important;padding:11px 12px!important;border-radius:13px!important}
  .rr-procon-icon{width:25px!important;height:25px!important;font-size:11px!important}
  .rr-procon-item strong{font-size:12px!important;line-height:1.25!important;margin:0 0 3px!important}
  .rr-procon-item p{font-size:10.5px!important;line-height:1.4!important}

  /* Ansprechpartner auswählen */
  .rr-advisor-finder-modal{
    padding:0!important;align-items:stretch!important;justify-content:stretch!important;
    overflow:hidden!important;backdrop-filter:none!important;
  }
  .rr-advisor-finder-modal.is-open{display:block!important}
  .rr-advisor-finder-box{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;padding:14px 16px!important;box-sizing:border-box!important;
    overflow-y:auto!important;overflow-x:hidden!important;
  }
  .rr-advisor-finder-close{right:14px!important;top:8px!important;font-size:31px!important;line-height:1!important}
  .rr-advisor-finder-kicker{font-size:10px!important;line-height:1.15!important;letter-spacing:.055em!important;margin-bottom:5px!important}
  .rr-advisor-finder-box h2{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.08!important;letter-spacing:-.02em!important;margin:0 42px 7px 0!important}
  .rr-advisor-finder-intro{font-size:11.5px!important;line-height:1.4!important;margin:0 0 14px!important}
  .rr-finder-grid,.rr-finder-address{grid-template-columns:1fr!important;gap:9px!important}
  .rr-advisor-finder-box label{font-size:10.5px!important;line-height:1.25!important;margin-bottom:8px!important}
  .rr-advisor-finder-box input{font-size:12px!important;line-height:1.25!important;padding:10px 11px!important;margin-top:5px!important;border-radius:10px!important}
  .rr-finder-search{width:100%!important;margin-top:8px!important;padding:11px 12px!important;font-size:11.5px!important;border-radius:11px!important}
  .rr-finder-message{font-size:10.5px!important;line-height:1.4!important;padding:11px!important;margin:8px 0 12px!important;border-radius:11px!important}
  .rr-finder-results{margin-top:14px!important;padding-top:13px!important}
  .rr-finder-results h3{font-size:15px!important;line-height:1.2!important;margin-bottom:4px!important}
  .rr-finder-results>p{font-size:10.5px!important;line-height:1.35!important;margin-bottom:10px!important}
  .rr-finder-person{grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border-radius:13px!important}
  .rr-finder-person img{width:48px!important;height:48px!important;border-radius:11px!important}
  .rr-finder-person strong{font-size:12px!important;line-height:1.25!important}
  .rr-finder-person small,.rr-finder-person p{font-size:10px!important;line-height:1.35!important}
  .rr-finder-person button{grid-column:1/-1!important;width:100%!important;margin-top:5px!important;padding:10px 12px!important;font-size:11px!important;border-radius:10px!important}
  .rr-finder-selected{padding:12px!important;border-radius:12px!important;font-size:11px!important;line-height:1.4!important}
  .rr-finder-selected button{width:100%!important;margin-top:10px!important;padding:10px 12px!important;font-size:11px!important}
}

/* =========================================================
   Mobile Auszahlungsnavigation 2026-10-06 – lesbare Karten
   Kicker, Titel und Erklärung bewusst untereinander.
   ========================================================= */
@media (max-width:760px){
  .vm-ausz-side{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    margin:18px 0 0!important;
  }
  .vm-ausz-side .vm-ausz-switch{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:13px 15px!important;
    text-align:left!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  .vm-ausz-side .vm-ausz-switch .eyebrow{
    display:block!important;
    width:100%!important;
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .vm-ausz-side .vm-ausz-switch strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .vm-ausz-side .vm-ausz-switch p{
    display:block!important;
    width:100%!important;
    margin:5px 0 0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}