/* Fotokammerl 6.4 · Kundenportal: volle Bildschirmbreite (wie das Fotokammerl seit 5.36)
   Keine feste Höchstbreite von 1240 px mehr; ab 1700 px stehen Nachrichten und Dokumente nebeneinander.
   Unter 1300 CSS-Pixeln (Laptop, Tablet, Handy) bleibt alles wie bisher. Nur Bildschirm, nicht im Ausdruck. */

@media (min-width:1300px){
  html body{--fk-gutter:clamp(28px,2vw,64px)}
  html body .testbar-inner,
  html body .header-inner,
  html body .page{width:calc(100% - 2 * var(--fk-gutter)) !important;max-width:none !important}
}

@media (min-width:1700px){
  /* Seite als Raster: alles über die ganze Breite, Nachrichten links neben den Dokumenten */
  html body:not(.portal-locked) .page{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-items:start}
  html body:not(.portal-locked) .page > *{grid-column:1/-1;min-width:0}
  html body:not(.portal-locked) .page > #fw-customer-suite{grid-column:1}
  html body:not(.portal-locked) .page > #unterlagen{grid-column:2}
  /* Dokumente bzw. Nachrichten für diesen Auftrag ausgeblendet: der andere Bereich nimmt die ganze Breite */
  html body:not(.portal-locked) .page:has(> #unterlagen[hidden]) > #fw-customer-suite,
  html body:not(.portal-locked) .page:has(> #fw-customer-suite[hidden]) > #unterlagen{grid-column:1/-1}
  /* Leistungen/Vorbereitung und Zahlung/Bilder/Kontakt gleich breit */
  html body:not(.portal-locked) .page > .content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
  /* Fließtext bleibt gut lesbar */
  html body .page .card-subtitle,
  html body .page .payment-message,
  html body .page .fg-card > p{max-width:95ch}
}