header za2 {background: lime;}
header za2 span.pf-r {border-color: red;}

header zb1 {background: lime;}
header zb1 span.pf-r {border-color: red;}

/*doli*/
#c127 {
  margin-top: 0rem;
  min-width: 640px;  
  max-width: 1280px;
  border-top: 0rem dashed red; 
    display: flex;          /* aktiviert Flexbox */
    height: 90vh;          /* volle Höhe des Viewports */
    overflow-x: scroll;                                              
           }

/* linkes Fenster */
.i1  {
    flex: 3;                /* 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: 13;                /* 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;;
  }


  .i1 iframe, .i2 iframe {
  width: 100%;
  height: 100%;
  border: none;
}