* {
  box-sizing: border-box;
  margin: 0; padding: 0;
}

/*--------- FIX: that weird mobile browser glitch ---------*/
.mobilefix {
     inline-size: 100%;      /* statt 100vw */
      block-size: 100vh;     /* alter Fallback */
  min-block-size: 100svh;    /* sicher mit sichtbarer Leiste */
  max-block-size: 100lvh;    /* wenn Leiste weg ist */
  overflow: clip;            /* meist besser als hidden */
  /*display: flex;
  flex-direction: column-reverse;*/
} /* 1st: fallback */
@supports (height: 100dvh) {
  .app-container {
        block-size: 100dvh;
    min-block-size: 100dvh;
    max-block-size: 100dvh;
  }
} /* 2nd: modern appproach */
.mobilefix { overflow: hidden; }
.workspace { min-block-size: 0; }
/*---------------------------------------------------------*/