/* */
  :root {
    --taste:#67C556;
    --taste-text: black;
    --tastehover: green;
    --zelle: white;
    --zelle-text: black;
    --taste-warn:#ff7800;
    --taste-warn-hover: red;
    --text-warn: #ff7800;
    --tawarn: #ff7800;
    --hvtawarn: red;
    --tanorm: #67C556;
    --hvtanorm: green;
    --boxaussen: #02627D;
    --hintergrund: #0393BC;
    --hintergrund-muster:white;
    --eingabe: white;
    --menuefarbe: #357629;
    --menueaktiv: white;
    --menuehover: #25541D;
    --menuetext: white;
    --menueaktivtext: #357629;
    --text: white;
    --text-table: black;
    --titel: white;
  }
/*--------------------------------*/
  .linktaste { background:var(--taste); color:var(--taste-text); font-weight: normal; padding:2px 30px 2px 30px; border:0; text-decoration: none; }
  .linktaste:hover {background-color: var(--tastehover)}
  .taste { background:var(--taste); color:var(--taste-text); font-size:1em; font-weight:normal; padding:3px 30px 2px 30px; border: 0; text-decoration: none; }
  .taste:hover {background-color: var(--tastehover);}
  .taste-warn { background:var(--taste-warn); color:var(--taste-text); font-size:1em; font-weight:normal; padding:3px 30px 2px 30px; border: 0; text-decoration: none; }
  .taste-warn:hover {background-color: var(--taste-warn-hover);}

  #erste_spalte { width:400px;}
  .firma-table { text-align: center; margin:20px 0px 20px 0px; font-size:1em;}
  .firma-table td { background-color:var(--taste); width:200px; padding:1px 0px 1px 0px; }
  .firma-table a { background:var(--taste); color:var(--taste-text); font-weight: normal; padding:1px 20px 1px 20px; border: 0; text-decoration: none; }
  .firma-table a:hover {background-color:var(--tastehover);}

  .listen {color:var(--text-table); margin:20px 0px 20px 0px; font-size:1em;}
  .listen th {color:var(--text); text-align:left; font-weight:normal; font-size:.8em;}
  .listen td { background-color:var(--zelle); color:var(--zelle-text); padding: 1px 2px 1px 2px; vertical-align:top; }  
  .listen a { background:var(--taste); color:var(--taste-text); font-weight: normal; padding:1px 10px 1px 10px; border: 0; text-decoration: none; }
  .listen a:hover {background-color: var(--tastehover);}
  .listen button {background-color:var(--taste); color:var(--taste-text); font-size:1em; font-weight:normal; padding:1px 20px 1px 20px; border:0; }
  .listen button:hover {background-color:var(--tastehover);}
  #taste-zelle { background:var(--taste); text-align:center;}
  #falscheip { color:red; font-weight:bold; }
  
  .eing-table { color:var(--text-table); margin:20px 0px 20px 0px; font-size:1em;}
  .eing-table th {color:var(--text); text-align:left; font-size:1em; font-weight: normal;}
  .eing-table td { background-color:var(--zelle); color:var(--zelle-text); padding:2px 2px 2px 2px; vertical-align:top; width:520px;}  
  .eing-table input {background-color:var(--eingabe); border:none; font-size:1em; margin-top:2px; width:440px; }
  .eing-table button {background-color:var(--taste); color:var(--taste-text); font-size:1em; font-weight:normal; padding:1px 20px 1px 20px; border:0; }
  .eing-table button:hover {background-color:var(--tastehover);}
  .eing-table select {background-color:var(--taste); color:var(--taste-text); font-size:1em; font-weight:normal; padding:1px 20px 1px 20px; border:0; }
  .eing-table select:hover {background-color:var(--tastehover);}
  #prefix {width:50px;}
  #taste-zelle100 { width:80px; background:var(--taste); text-align:center;}


  ul.menue { list-style-type:none; margin:0; padding:0; overflow:hidden; font-size:1.2em; text-align:center; }
  li.menue { float:left; background-color:var(--menuefarbe); margin:0px 4px 0px 4px; }
  li.menue:hover { background-color:var(--menuehover);}
  a.menue { text-decoration:none; color:var(--menuetext); padding:2px 30px 2px 30px;}
  li.menuewahl { float:left; background-color:var(--menueaktiv); margin:0px 4px 0px 4px; }
  a.menuewahl { text-decoration:none; color:var(--menueaktivtext); padding:2px 30px 2px 30px;}

  .boxAussen { background-color:var(--boxaussen); width:1800px; padding:10px; margin:10px; opacity:0.95;}
  .boxAussen Links { float:left; width: 500px; border:5px solid black; }
  .boxAussen Rechts { margin-left:510px; width: 500px; border:1px solid black; }
  .boxAussenUser { background-color:var(--boxaussen); width:1200px; padding:10px; margin:10px; opacity:0.95;}
  .divLinks { float:left; width: 500px; border:1px solid black;}
  .divRechts {margin-left:510px; width: 500px; border:1px solid black;}

  .boxAnmeldung { background-color: var(--boxaussen); position:absolute; width:300px; left:50%; top:50%; margin-left:-150px; margin-top:-100px; padding: 20px 20px 20px 35px; }
  .boxAnmeldung input {background-color:var(--eingabe); border:none; font-size:1em; margin-top:2px; width:280px;}
  .boxAnmeldung button { background:var(--taste); color:var(--taste-text); font-size:1em; font-weight:normal; padding:3px 30px 2px 30px; border: 0; width:285px; }
  .BoxAnmeldung button:hover {background-color: var(--tastehover);}

  #text-warnung { color:var(--text-warn); font-weight:bold; }

  body {
    background:

      radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 18px, var(--hintergrund-muster) 20px, rgba(96, 16, 48, 0) 21px) 0px 20px,
      radial-gradient(at 100% 100%,      rgba(96, 16, 48, 0) 18px, var(--hintergrund-muster) 20px, rgba(96, 16, 48, 0) 21px),
      var(--hintergrund);
      background-size: 40px 40px;


    color:var(--text); font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em;   
  }

  h6 {font-size:1em; color:var(--titel); margin:5px 0px 5px 0px;}
  h5 {font-size:1.25em; color:var(--titel); margin:5px 0px 5px 0px;}
  h4 {font-size:1.5em; color:var(--titel); margin:5px 0px 5px 0px;}
  h3 {font-size:1.75em; color:var(--titel); margin:5px 0px 5px 0px;}
  h2 {font-size:2em; color:var(--titel); margin:5px 0px 5px 0px;}
  h1 {font-size:2.25em; color:var(--titel); margin:5px 0px 5px 0px;}
  .before::before, .after::after { content:"\A"; white-space: pre; }