/* Retter-Portal v1.2.94 – ausschließlich Tablet-Optimierung der öffentlichen Startseite.
   Desktop- und Smartphone-Darstellung bleiben unverändert. */

/* Große Tablets im Querformat: Hero bleibt zweispaltig, der rechte Bereich
   wird jedoch sauber untereinander aufgebaut, damit Login und Portalübersicht
   nicht mehr nebeneinander zusammengedrückt werden. */
@media (min-width:1101px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .rp90-site .rp90-hero{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
    gap:28px!important;
    padding:34px!important;
    align-items:start!important;
  }
  .rp90-site .rp90-hero-copy{
    max-width:none!important;
    padding-top:8px!important;
  }
  .rp90-site .rp90-hero h1{
    font-size:clamp(3.5rem,5.4vw,5.45rem)!important;
    line-height:.96!important;
  }
  .rp90-site .rp90-access{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    max-width:470px!important;
    justify-self:end!important;
  }
  .rp90-site .rp90-login-card,
  .rp90-site .rp90-access-summary{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .rp90-site .rp90-login-card{
    padding:22px!important;
  }
  .rp90-site .rp90-access-summary{
    padding:18px!important;
  }
  .rp90-site .rp90-login-form,
  .rp90-site .rp90-login-form label,
  .rp90-site .password-reveal{
    min-width:0!important;
    max-width:100%!important;
  }
  .rp90-site .password-reveal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .rp90-site .password-reveal input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .rp90-site .rp90-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .rp90-site .rp90-summary-grid article{
    min-width:0!important;
  }
  .rp90-site .rp90-summary-grid strong,
  .rp90-site .rp90-summary-grid small{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}

/* Mittlere Tablets: Hero und Loginbereich nutzen die volle Breite. Login und
   Portalübersicht dürfen nebeneinander stehen, erhalten aber stabile Spalten. */
@media (min-width:901px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  .rp90-site .rp90-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    padding:30px!important;
  }
  .rp90-site .rp90-access{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
  }
  .rp90-site .rp90-login-card,
  .rp90-site .rp90-access-summary{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .rp90-site .password-reveal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    min-width:0!important;
  }
  .rp90-site .password-reveal input{
    width:100%!important;
    min-width:0!important;
  }
  .rp90-site .rp90-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Gemeinsame Tablet-Sicherungen gegen abgeschnittene oder überlappende Inhalte. */
@media (min-width:901px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .rp90-site .rp90-nav,
  .rp90-site .rp90-hero,
  .rp90-site .rp90-value-strip,
  .rp90-site .rp90-section,
  .rp90-site .rp90-cta,
  .rp90-site .portal-footer{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .rp90-site .rp90-nav-actions{
    min-width:0!important;
    gap:7px!important;
  }
  .rp90-site .rp90-nav-actions > *{
    flex:0 0 auto!important;
  }
  .rp90-site .rp90-login-head{
    min-width:0!important;
  }
  .rp90-site .rp90-login-head > div{
    min-width:0!important;
  }
  .rp90-site .rp90-login-intro,
  .rp90-site .rp90-auth-switch,
  .rp90-site .rp90-summary-grid article,
  .rp90-site .rp90-assurance > div{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .rp90-site .rp90-auth-switch{
    align-items:center!important;
  }
}