
  <style>
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;      
      background-color: blue !important;
      overflow-x: hidden;
    }

    .topnav {
      overflow: hidden;
      /*background-color: #333;*/
      background-color: #a67a02;
    }

    .topnav a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      padding-top: 23px;
      padding-bottom: 23px;
      text-decoration: none;
      font-size: 16px;
      vertical-align: center;
    }

    .topnav a:hover {
      background-color: #EBCE90;
      color: black;
    }

    .topnav a.active {
      background-color: #4CAF50;
      color: white;
    }

    .topnav .icon {
      display: none;
    }

    .cancel {
      text-decoration: line-through;
    }

    .marked {
      color: red;
    }

    iframe {
      max-width: 100%;
      min-height: 250px;
    }
    th {
      background-color: #A67A05;
    }
    td {
      font-size: 13px;
    }
    tbody>tr:nth-of-type(even) {
      background-color: #EBCF96 !important;
    }
    tbody>tr:nth-of-type(odd) {
      background-color: #baa577 !important;
    }

    .imgcenter {
       margin-left: auto;
       margin-right: auto;
       display: block;
    }
    #page-container {
      position: relative;
      min-height: 100vh;
    }

    #content-wrap {
      padding-bottom: 2.5rem;    /* Footer height */
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.5rem;            /* Footer height */
      border-top: 1px solid black;
      text-align: center;
      background-color: #A67A01;
      color: rgba(0,0,0,0.75);
    }

    @media screen and (max-width: 1200px) {
      .topnav a{
        font-size: 10pt;
        padding-top: 25px;
      }
    }

    @media screen and (max-width: 1000px) {
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        float: right;
        display: block;
      }
    }
    @media screen and (max-width: 1000px) {
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
    }
    @media screen and (min-width: 1000px) {
      #myTopnav{
        height: 68px;
      }
    }
    @media screen and (max-width: 768px) {
      .control-label { /*contact.html Formular*/
        padding-top: 0px !important;
      }
    }
    @media screen and (max-width: 630px) {
      #footer{
        font-size: 6pt;
      }
    }
  </style>
