/* Installierte App: Kopfzeile rückt in die Fensterleiste (Chrome/Edge), Safari-App am Mac braucht Luft oben. */
@layer seiten {
  @media (display-mode: window-controls-overlay) {
    header.kopf { position: fixed; top: env(titlebar-area-y, 0); left: env(titlebar-area-x, 0); width: env(titlebar-area-width, 100%); height: env(titlebar-area-height, 2.6rem); -webkit-app-region: drag; app-region: drag; padding: 0 .8rem; }
    header.kopf a, header.kopf button, header.kopf select, header.kopf input, header.kopf form { -webkit-app-region: no-drag; app-region: no-drag; }
    main { padding-top: calc(env(titlebar-area-height, 2.6rem) + .6rem); }
  }
  @supports (-webkit-backdrop-filter: none) and (not (-webkit-app-region: drag)) {
    @media (display-mode: standalone) and (pointer: fine) { header.kopf { padding-top: calc(.45rem + var(--d-oben) + 2.4rem); } }
  }
}