/* Retter-Portal v1.2.91 – öffentliche Startseite über die verfügbare Breite führen.
   Nur die ausgeloggte Startseite ist betroffen. */
.rp90-site{
  padding-left:clamp(12px,1.35vw,24px)!important;
  padding-right:clamp(12px,1.35vw,24px)!important;
}

/* Navigation, sämtliche Inhaltsbereiche und Footer nutzen dieselbe Außenkante. */
.rp90-site > .rp90-nav,
.rp90-site > main,
.rp90-site > .portal-footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Der Abschlussbereich liegt innerhalb von main und folgt ebenfalls der vollen Breite. */
.rp90-site .rp90-cta{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Footer über dieselbe Breite wie alle anderen Startseiten-Karten. */
.rp90-site > .portal-footer{
  box-sizing:border-box!important;
  margin-top:18px!important;
}

/* Auf sehr großen Monitoren darf der Inhalt die Fläche sinnvoll nutzen,
   während Fließtexte weiterhin angenehm lesbar bleiben. */
@media (min-width:1700px){
  .rp90-site .rp90-hero{
    grid-template-columns:minmax(0,1.28fr) minmax(410px,.72fr)!important;
  }
  .rp90-site .rp90-hero-copy,
  .rp90-site .rp90-product-copy,
  .rp90-site .rp90-security-copy{
    max-width:980px!important;
  }
  .rp90-site .rp90-section-head > p{
    max-width:720px!important;
    justify-self:end!important;
  }
}

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

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