* {font-family:arial,tahoma,verdana,helvetica; font-size:0.950em; }
/*      body {background-color:#BEBEBE; } */
      Table.DBAusgabe { font-family: sans-serif;  background: white;  border-width: 2;  border-color: white; margin: 0 auto;}
      Th.DBAusgabe { font-family: sans-serif; background: rgb(65, 100, 65); color:white; word-wrap: break-word;}
      Th.DBAusgabeRot { font-family: sans-serif; background: rgb(255, 0, 0); }
      Tr.DBAusgabe { font-family: sans-serif; background: rgb(194, 234, 197); }
      Caption.DBAusgabe { font-family: sans-serif; font:bold; background: #E0E0E0; color:red; }
      Td.DBFeldname { font-family: sans-serif; background: rgb(194, 234, 197); word-wrap: break-word;}
      Td.DBFeldinhalt { font-family: sans-serif; font: italic; background: rgb(194, 234, 197); word-wrap: break-word;}

      button.anmelden{font-family: sans-serif; color: rgb(255, 0, 0);}
      button.abmelden{font-family: sans-serif; background: rgb(194, 234, 197);}
      video[poster]{  height:100%; width:100%;}
      .Impressum{position:absolute; top:0px; right:0px; }

      html,body { 
        font-family: Arial, sans-serif; justify-content: center; font-size: 1.0em; background-color: #cfd6ce; 
            height: 100%; /* Sicherstellen, dass html und body die volle Höhe des Bildschirms einnehmen */
            margin: 0;    /* Standardmargen entfernen */
            padding: 0;   /* Standardabstände entfernen */
      }
      .unsichtbar{display:none; }
      textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    box-sizing: border-box;    width: 100%;}        }
     .d1{align:center;height:100vh; border:0px; } /* aspect-ratio: 46/100; */
      #logo{object-fit: contain;  width:100%; border:0px;}
      table { margin-left: auto; margin-right: auto; text-align: left;}
      img,p,h1,h2 { margin-left: auto; margin-right: auto; text-align: center;}
      @media only screen and ((max-width: 480px) or (max-height: 480px)) {
        button,input,textarea,select {margin: 2px; padding: 1px;}
        input[type=datetime] {  box-sizing: border-box;  border: 2px solid #8f8f9d;  border-radius: 8px;  font-size: 10px;  background-color: white;  background-image_weg: url('searchicon.png');  background-repeat: no-repeat;  padding: 6px 6px 6px 6px;}
        input[type=button] { box-sizing: border-box; border: 2px solid #8f8f9d; border-radius: 8px; font-size: 16px; background-color: #e9e9ed; background-image_weg: url('submiticon.png'); background-position: 0px 0px; background-repeat: no-repeat; padding: 4px 4px 4px 4px;}
        input[type=submit] { box-sizing: border-box; border: 2px solid #8f8f9d; border-radius: 8px; font-size: 16px; background-color: #e9e9ed; background-image_weg: url('submiticon.png'); background-position: 0px 0px; background-repeat: no-repeat; padding: 6px 6px 6px 6px;}
        input[type=password] { box-sizing: border-box; border: 2px solid #8f8f9d; border-radius: 8px; font-size: 16px; background-color: white; background-position: 10px 10px;  background-repeat: no-repeat; padding: 6px 6px 6px 6px;}
        input[type=text] { box-sizing: border-box; border: 2px solid #8f8f9d; border-radius: 8px; font-size: 16px; background-color: white; background-position: 10px 10px;  background-repeat: no-repeat; padding: 6px 6px 6px 6px;}
        select { box-sizing: border-box; border: 2px solid #8f8f9d; border-radius: 8px; font-size: 16px; background-color: #e9e9ed; background-image_weg: url('selecticon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 6px 6px 6px 6px;}      
      }
      /* The Modal (background) */
     .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
      /* Modal Content */
     .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
      /* The Close Button */
     .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
     .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}

      span.AktZuschauer{position:absolute; left:10px; top:10px; font-family:arial,tahoma,verdana,helvetica; font-size:0.950em; margin:2px; background-color: #ff0000; }