html {
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
  min-width: 640px;
  max-width: 1280px;
  width: 99vw;
  height: 96vh;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  overflow-x: scroll;
  }

html a:hover {background: #FB8C00;}  
html a  {
  text-decoration: none;
  /* text-decoration-color: #0000ff; 
  text-decoration-thickness: 2px; 
  text-underline-offset: 2px;*/
}


/* ==============================TITEL / KOPF =====================*/
header {
  min-width: 640px;
  max-width: 1280px;
   height: 96px;
   line-height: 32px;
   text-align: left;
  overflow: hidden;
  background: #EEEEEE;
  font-size: 18px;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 0px;
  margin: 0px;
  border-bottom: 16px solid transparent;
   white-space: nowrap;
  scroll-behavior: smooth;
  }


z1a, z1b,z1c, z1d, z1e, z1f, z1g, z2a, z2b, z2c, z2d, z2e, z2f, z2g, zte, zx
{
  font-size: 16px;
  line-height: 10px;
  font-weight: normal;
  background: #FFFFFF;
  white-space: nowrap;
  border: 2px solid #cfd8dc;
  border-radius: 5px;
  padding: 0px 8px 0px 8px;
  margin: 0px 5px 0px 5px;
  text-align: left;
  scroll-behavior: smooth;
 }
zte {background: #eeeeee;}


.i1 iframe, .i2 iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* linkes Fenster */
.i1  {
    flex: 4;                /* nimmt gleich viel Platz wie rechts */
    min-width: 0;           /* verhindert Überlauf durch Scrollbalken */
    overflow: none;         /* Scrollen nur innerhalb dieses Fensters */
    background: #eeeeee;    /* hellblau zur Orientierung */
    padding: 5px;
  border-right: 8px solid #ffffff;
  }

  /* rechtes Fenster */
.i2  {
    flex: 12;                /* 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;
   }




.frame-layout-0 {
  margin: 0px;
  padding: 0px;
  min-width: 640px;  
  max-width: 1280px;
  border: 0rem solid black; 
  display: flex;         /*aktiviert Flexbox */
  height: calc(100vh - 130px);  /* Rest des Viewports */
  overflow-y: hidden;
   overflow-x: scroll;   
           }

.frame-type-news_pi1 header h2 {
  font-size: 22rem !important;
  color: #004080 !important;
}

