/* Retter-Portal v1.2.92 – ausgewogene, FWPortal-inspirierte Inhaltsbreite.
   Ausschließlich die öffentliche Startseite ist betroffen. */
.rp90-site{
  --rp92-shell-max:1600px;
  --rp92-inner-max:1460px;
  padding-left:clamp(14px,2.6vw,52px)!important;
  padding-right:clamp(14px,2.6vw,52px)!important;
}

/* Die Startseite bleibt großzügig, bekommt auf breiten Monitoren aber wieder
   eine klare, mittig ausgerichtete Inhaltsachse. */
.rp90-site > .rp90-nav,
.rp90-site > main,
.rp90-site > .portal-footer{
  width:100%!important;
  max-width:var(--rp92-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.rp90-site > main{
  display:block!important;
}

.rp90-site > main > :is(.rp90-hero,.rp90-value-strip,.rp90-section,.rp90-cta){
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Hero: nicht gequetscht, aber optisch sauber in der Seitenmitte gebündelt. */
@media (min-width:1101px){
  .rp90-site .rp90-hero{
    grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr)!important;
    gap:clamp(36px,3.2vw,58px)!important;
    padding-left:clamp(44px,4.2vw,72px)!important;
    padding-right:clamp(44px,4.2vw,72px)!important;
  }
  .rp90-site .rp90-hero-copy{
    max-width:900px!important;
  }
  .rp90-site .rp90-access{
    width:100%!important;
    max-width:460px!important;
    justify-self:end!important;
  }

  /* Sektionen besitzen außen dieselben Kanten; die eigentlichen Inhalte
     laufen innen auf einer ruhigeren, professionellen Breite. */
  .rp90-site .rp90-section{
    padding-left:clamp(42px,4vw,66px)!important;
    padding-right:clamp(42px,4vw,66px)!important;
  }
  .rp90-site .rp90-section > :is(.rp90-section-head,.rp90-module-grid,.rp90-steps){
    width:100%!important;
    max-width:var(--rp92-inner-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .rp90-site .rp90-product,
  .rp90-site .rp90-security{
    grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr)!important;
    gap:clamp(38px,4vw,68px)!important;
  }
  .rp90-site .rp90-product-copy,
  .rp90-site .rp90-security-copy{
    max-width:680px!important;
  }
  .rp90-site .rp90-value-strip,
  .rp90-site .rp90-cta{
    max-width:1520px!important;
  }
}

/* Große Monitore nutzen die Fläche, ohne dass Inhalte an den Bildschirmrand
   wandern oder wieder schmal zusammengedrückt wirken. */
@media (min-width:1800px){
  .rp90-site{
    --rp92-shell-max:1660px;
    --rp92-inner-max:1500px;
  }
}

/* Tablet und Smartphone behalten ihre bisherige optimierte Breite. */
@media (max-width:1100px){
  .rp90-site{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .rp90-site > .rp90-nav,
  .rp90-site > main,
  .rp90-site > .portal-footer{
    max-width:100%!important;
  }
}

@media (max-width:600px){
  .rp90-site{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}