header z1e {background: lime;}
header z2a {background: lime;}

/* linkes Fenster */
.i1  {
    flex: 5;                /* nimmt gleich viel Platz wie rechts */
    min-width: 0;           /* verhindert Überlauf durch Scrollbalken */
    overflow: none;         /* Scrollen nur innerhalb dieses Fensters */
    background: #e0f7fa;    /* hellblau zur Orientierung */
    padding: 5px;
    #border: .25rem solid lime;
   
  }

  /* rechtes Fenster */
.i2  {
    flex: 11;                /* ebenfalls gleich breit */
    min-width: 0;           /* wichtig für saubere Breitenberechnung */
    overflow: none;         /* Scrollen nur innerhalb dieses Fensters */
    background: #f1f8e9;    /* hellgrün zur Orientierung */
    padding: 10px;
    #border: .25rem solid yellow;;
  }