*         {margin:0}
   body      {background-color:#eeeeee}
   a:link    {text-decoration:none; color:#000000}
   a:visited {text-decoration:none; color:#000000}
   td        {background-color:#ccffcc; font:normal 15px Arial; text-align:left; border:1px solid #bbbbbb;}
   tr        {border:1px solid #bbbbbb;}
   img       {max-width:100%;}
   .nr       {width:40px; text-align:right;}
   .ab       {background-color:#ccffcc; font:normal 15px Arial; text-align:left;}
   .kopf1    {border:0px; background-color:#eeeeee; position:fixed; top:0px; left:0; right:0; width:calc(96vw); height:20px; margin:auto; z-index:1;}
   .kopf2    {border:0px; background-color:#eeeeee; position:fixed; top:67px; left:0; right:0; width:calc(96vw - 6px); height:5px; margin:auto; z-index:1;}
   .tabelle  {border:0px solid #bbbbbb; position:absolute; top:20px; left:0; right:0; margin:auto; width:96vw;}
   .theader  {font:bold 0.98em Arial; display: inline;}
   .poshead  {width:3.75em; text-align:center;}
   .icon     {height:18px;}
 
   /* ---------- Tabellenkopf --------- */

   #kopf     {position:sticky; width=100%; height:2.5em; display:flex; align-items:center;}
   #info     {position:absolute; display:flex; left:0px;}
   #such     {position:absolute; display:flex; left:2.5em;}
   #such_flt {position:absolute; display:flex; left:6.5em; font:normal 0.8em Arial; color:#aa0000; border:solid 1px #aaaaaa; border-radius:3px; padding:3px;}
   #such_flt:empty {border:none;}
   #kopftxt  {position:absolute; display:flex; left:50%; transform:translateX(-50%); font:italic bold 2.1em Arial; color:green;}
   #ton      {position:absolute; display:flex; right:2.5em; }
   #back     {position:absolute; display:flex; right:0px; }
   thead     {position:sticky; top:20px; z-index:2; }

   /* ---------- Info-Dialogbox --------- */
   #dialog   {position:fixed; top:70px; left:50%; transform:translateX(-50%); width:50%; height:600px; border-width:1px; border-radius:10px; border-color:grey; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5);}
   .wrap     {height:18px;}
   .doku_hd  {font:italic bold 2em Arial; color:green; text-align:center;}
   #tab      {width:95%; margin-left:auto; margin-right:auto; border:none; border-width:0px; border-spacing:20px;}
   .doku_sym {width:4.4em; background-color:#ffffff; border:none;}
   .doku_txt {font:normal 0.9em Arial; background-color:#ffffff; border:none;}

   /* ---------- Balken in Tabelle --------- */
   .td_top   {position:relative; top:0px;}
   .balken   {position:absolute; top:-9px;}
   .wert     {position:relative; left:5px; top:-18px;}

   /* ---------- Suche ---------- */
   #such_box  {position:absolute; left:50%; transform:translateX(-50%); height:300px; border-width:1px; border-radius:10px; border-color:grey; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5);}
   #such_box  {position:fixed; top:30px; width:20em; }
   #such_tit  {position:absolute; top:20px; left:50%; transform:translateX(-50%); font:italic bold 2em Arial; color:green; text-align:center;}
   #such_bot  {position:absolute; top:20px; right:20px;}
   #such_txt  {position:absolute; top:72px; left:5%; font:normal 1em Arial;}
   #such_beg  {position:absolute; top:70px; left:8em; width:11.2em; font:normal 1em Arial;}
   #such_los  {position:absolute; bottom:15px; right:5%; font:normal 0.8em Arial;}

   #such_cps  {position:absolute; bottom:17px; left:6em; font:normal 0.8em Arial;} 
   #such_chk  {position:relative; top:2px; left:0px;} 
   #such_lbl  {position:relative; top:0px; left:2px;}

   #such_res  {position:absolute; bottom:15px; left:5%; font:normal 0.8em Arial;}
   #such_ok   {position:absolute; top:70px; left:19.5em; padding:2px; border:solid 1px #555555; border-radius:3px; background-color:#eeeeee;}
   #such_fnd  {position:absolute; bottom:4em; left:2em; font:normal 0.9em Arial;}

   #such_fnt  {position:absolute; top:7.5em; left:5%; width:22em; height:9em; font:normal 0.9em Arial; border:solid 1px #aaaaaa; border-radius:5px;  background-color:#eeeeee;}
   #such_von  {position:absolute; left:10em; top:0.8em; color:#aaaaaa;}
   #such_bis  {position:absolute; left:14.5em; top:0.8em; color:#aaaaaa;}
   #such_dis  {position:absolute; left:2em; top:2em; display:flex;}
   #such_geh  {position:absolute; left:2em; top:4em; display:flex;}
   #such_hoe  {position:absolute; left:2em; top:6em; display:flex;}
   #such_dvn  {position:absolute; left:8em; width:3em;}
   #such_gvn  {position:absolute; left:8em; width:3em;}
   #such_hvn  {position:absolute; left:8em; width:3em;}
   #such_dbs  {position:absolute; left:12.5em; width:3em;}
   #such_gbs  {position:absolute; left:12.5em; width:3em;}
   #such_hbs  {position:absolute; left:12.5em; width:3em;}
   #such_dtx  {position:absolute; left:14.7em;}
   #such_gtx  {position:absolute; left:14.7em;}
   #such_htx  {position:absolute; left:14.7em;}
   .such_par  {text-align:center;}


   /* ---------- Meldung ---------- */
   #mld_box   {border-width:1px; border-radius:10px; border-color:grey; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5);}
   #mld_box   {position:absolute; top:50px; left:50%; transform:translateX(-50%); width:250px; height:100px;}
   #mld_titel {position:absolute; top:15px; left:15px; font:bold 1em Arial;}
   #mld_text  {position:absolute; top:50px; left:15px; font:normal 0.9em Arial;}
   #mld_ok    {position:absolute; bottom:10px; right:10px; width:50px; height:25px; font:bold 0.7em Arial; background-color:#2169e6; color:#ffffff; border-radius:5px; border-color:#aaaaaa;}

   /* ---------- Smartphone -------- */
   
   @media (pointer:coarse) and (orientation:landscape)
   {
   #dialog   {position:fixed; top:5px; left:50%; transform:translateX(-50%); max-width:96vw; height:330px; border-width:1px; border-radius:10px; border-color:grey; box-shadow:10px 10px 10px 0px;}
   .wrap     {height:5px;}
   .doku_hd  {font:italic bold 2em Arial; color:green; text-align:center;}
   #tab      {width:100%; margin-left:auto; margin-right:auto; border:none; border-width:0px; border-spacing:5px;}
   .doku_txt {padding-left:10px; font:normal 0.7em Arial; background-color:#ffffff; border:none;}
   #such_box {position:fixed; top:30px; width:33vw; height:280px;}
   #such_fnd {position:absolute; bottom:3.6em;}
   }
   
   @media (pointer:coarse) and (orientation:portrait)
   {
   #tabelle  {max-width:96vw;}
   #dialog   {position:fixed; top:70px; left:50%; transform:translateX(-50%); width:80%; height:93%; border-width:1px; border-radius:10px; border-color:grey; box-shadow:10px 10px 10px 0px;}
   .doku_sym {vertical-align:top; background-color:#ffffff; border:none;}
   .doku_txt {vertical-align:top; font:normal 2.0em Arial; background-color:#fafafa; border:none;}
   #such_box {position:fixed; top:30px; width:45vw; height:350px; left:50%; transform:translateX(-50%);}
   #such_fnt {position:absolute; top:7.5em; left:5%; width:90%; height:9em; font:normal 1.1em Arial; border:solid 1px #aaaaaa; border-radius:5px;  background-color:#eeeeee;}
   #such_dvn {position:absolute; left:10em; width:3em;}
   #such_gvn {position:absolute; left:10em; width:3em;}
   #such_hvn {position:absolute; left:10em; width:3em;}
   #such_dbs {position:absolute; left:15.5em; width:3em;}
   #such_gbs {position:absolute; left:15.5em; width:3em;}
   #such_hbs {position:absolute; left:15.5em; width:3em;}
   }