/** #########################################
 ** ##  Standard-Einstellungen: DIV, SPAN  ##
 ** ######################################### */
#content .opSmpl .rgnCntr-Spl1 {
  --FontSize:      1em;
  --navFontSize:   1.2em;
  --navHeight:     2em;
  --navBG:         #dddddd;
  --navFG:         #000000;
  --mainBG:        #fffafa;
  --mainFG:        #000000;
  --buttonBG:      #dddddd;
  --buttonHoverBG: #d0d0d0;
  --buttonFG:      #000000;
  --borderColor:   #000000;

  .navigation {
    padding: 0 0.2em;
    height: var(--navHeight);
    font-size: var(--FontSize);
    font-weight: 450;
    background: var(--navBG);
    color: var(--navFG);
  }

  .button {
    display: inline-block;
    margin: 0;
    padding: 0 0.375em;
    height: 100%;
    font-size: var(--navFontSize);
    font-weight: 500;
    text-align: center;
    text-decoration: underline;
    background: var(--buttonBG);
    color: var(--buttonFG);
    border: 1px solid var(--borderColor);
    border-radius: 0;
    cursor: pointer;
  }

  .button:hover {
    background: var(--buttonHoverBG);
  }

  .mainContent {
    padding: 0.5em 0.2em;
    font-size: var(--FontSize);
    background: var(--mainBG);
    color: var(--mainFG);
  }
}


#content .opSmpl .rgnCntr-Spl2 {
  --FontSize:    1em;
  --navFontSize: 1.25em;
  --navHeight:   2em;
  --navBG:       #dd0000;
  --navFG:       #fdfdfd;
  --mainBG:      #cccccc;
  --mainFG:      #000000;
  --BGyellow:    #ffff00;
  --FGblack:     #000000;
  --FGwhite:     #ffffff;

  .navigation {
    padding: 0.25em 0.2em;
    height: var(--navHeight);
    font-size: var(--navFontSize);
    font-weight: bold;
    background: var(--navBG);
    color: var(--navFG);
  }

  .mainContent {
    padding: 0.5em 0.2em;
    font-size: var(--FontSize);
    background: var(--mainBG);
    color: var(--mainFG);
  }

  .bg-yellow {
    background: var(--BGyellow);
  }
}