@font-face {
            font-family: "Vecna";
            src: url("../configs/Vecna.ttf");
        }
        body {
            font-family: "Vecna", sans-serif;
            background-color: #8b5a00
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #CD8500;
        }
        #header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
            border: none;
            background-color: #8b5a00;
            padding-top : 21px;
        }
        #footer {
            position: fixed;
            bottom: 0;
            left: 0px;
            width: calc(100% - 40px);
            height: 30px;
            background-color: #8b5a00;
            border: none;
            font-family: "Vecna", sans-serif;
            font-size: 18px;
            padding-left: 40px;
        }
        #content-iframe {
            position: fixed;
            top: 100px;
            bottom: 40px;
            left: 10px; 
            right: 10px; 
            width: calc(100% - 20px); 
            height: calc(100% - 140px);
            border: none;
            z-index: -1;
        }
        button {
            font-family: "Vecna", sans-serif;
            font-size: 24px;
            background-color: #8B2323;
            border: none;
            margin-top: 4px;

        }
        button:hover {
          background-color: #8B5742;
          color: #fff;
        }
        table {
            background-color: transparent;
            border-collapse: collapse;
            width: calc(100% + 30px);
            top: 10px;
            margin-left: -30px;
        }
        th, td {
            border: 1px transparent;
            padding: 0px;
        }
        th:nth-child(1) {
            text-align: left;
        }
        th:nth-child(2), td:nth-child(2), th:nth-child(3), td:nth-child(3) {
            text-align: right;
            padding-right: 20px;
        }
        #header th:nth-child(1) {
            font-size: 56px;
        }

        #header th:nth-child(1) span {
            display: inline-block;
            vertical-align: middle;
            margin-top: -25px;
        }

        .flag-button {
          width: 30px;
          height: 20px;
          border: none;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }
        #DE_Button {
          background-image: url("DE.png");
        }
        #EN_Button {
          background-image: url("EN.png");
        }
        .hover-button {
          position: relative;
          display: inline-block;
          white-space: nowrap;
        }
        .tooltip {
          visibility: hidden;
          position: absolute;
          top: 100%;
          right: 0;
          background-color: #CD6600;
          padding: 5px;
          border-radius: 4px;
          opacity: 0;
          transition: opacity 0.3s ease-in-out;
          z-index: 999; 
          text-align: center;
        }
        .hover-button:hover .tooltip {
          visibility: visible;
          opacity: 1;
        }
/* Handy-Optimierung */
@media screen and (max-width: 992px) {
        .desktop-menu {
            display: none;
        }
        #header th:nth-child(1) {
            font-size: 28px;
        }
        #header {
            height: 60px;
        }
        #content-iframe {
            top: 90px;
            bottom: 40px;
            width: calc(100% - 20px); 
            height: calc(100% - 130px);
        }
}
/* PC-Optimierung */
@media screen and (min-width: 993px) {
  .handy-menu {
    display: none;
  }
}