/* V6 02.11.2026 (Florian): Portal passt sich der Bildschirmbreite an. Ab 1800 / 2100 / 2400 px Fensterbreite werden die Seitenbereiche
   10 / 20 / 30 % groesser (zoom), Kronos zusaetzlich breiter. Laptop/MacBook (unter 1800 px) bleibt unveraendert. Nur Bildschirm, nicht Druck.
   Gezoomt werden nur die Layout-Bereiche direkt unter <body>. Fenster, Menues und Lisa, die per JS an <body> gehaengt werden, bleiben
   ungezoomt, sonst stimmen Mauspositionen nicht. --kz traegt den Zoomfaktor: alle vh/vw-Angaben im Portal sind als calc(100vh / var(--kz, 1))
   geschrieben, weil zoom auch vh/vw vergroessert. JS, das Pixel aus Mauspositionen rechnet, teilt durch element.currentCSSZoom. */
@media screen and (min-width: 1800px) {
  body > header.site, body > .app, body > footer.site, body > footer, body > .subbar,
  body > .ktop, body > .khead, body > .knav, body > .kpage, body > .khero, body > main, body > form, body > .kfoot { zoom: 1.1; --kz: 1.1; }
}
@media screen and (min-width: 2100px) {
  body > header.site, body > .app, body > footer.site, body > footer, body > .subbar,
  body > .ktop, body > .khead, body > .knav, body > .kpage, body > .khero, body > main, body > form, body > .kfoot { zoom: 1.2; --kz: 1.2; }
  body > :is(.ktop, .khead, .knav, .kpage, .khero, main, .kfoot) .wrap { max-width: 1300px; }
}
@media screen and (min-width: 2400px) {
  body > header.site, body > .app, body > footer.site, body > footer, body > .subbar,
  body > .ktop, body > .khead, body > .knav, body > .kpage, body > .khero, body > main, body > form, body > .kfoot { zoom: 1.3; --kz: 1.3; }
  body > :is(.ktop, .khead, .knav, .kpage, .khero, main, .kfoot) .wrap { max-width: 1360px; }
}