html { scroll-behavior: smooth; }
/* blau: #1E87F0 */
/* rot: #E3000A; */

html,body,input,textarea,select,tr,td{font-family:Tahoma,Arial;color:#555555;font-size:1em;}
body{margin:0px !important;background-color:#CECECE;}
div{box-sizing:border-box;}
#alles{width:100%;max-width:1000px;min-width:350px;margin:auto auto;background-color:#ffffff;}

a{color:#1E87F0;};
a:hover{text-decoration:none;}
.button,input[type=submit],input[type=button]{cursor:pointer;border:0px;text-decoration:none;display:inline-block;background-color:#1E87F0;color:white;font-weight:bold;padding:10px;margin:10px 10px 10px 0px;}
input[type=text],input[type=password]{padding:10px;}

.fehler,.hinweis{padding:10px;color:black;word-break: break-word;color:white;}
.fehler{background-color:#E3000A;}
.hinweis{background-color:green;}

.intern{display:none;}

.button_rot{background-color:#E3000A;}
/* alignments: */
.clear,.c{clear:both }
.l{float:left;}
.r{float:right;}
.tr{text-align:right;}
.tl{text-align:left;}

#verdunklung{display:none;position:fixed;top:0px;left:0px;height:100%;z-index:900;width:100%;background-color:#000000;opacity:0.5;}

header{position:sticky;z-index:800;background-color:#FFFFFF;border:2px solid #1E87F0;width:calc(100% - 24px);top:0px;padding:10px;display:flex;justify-content: space-between;align-items:center;}
#logo{height:40px;}
header h1{font-size:2em;}

#navibutton div{
  width: 35px;
  height: 5px;
  background-color:#1E87F0;;
  border:1px solid white;
  margin: 6px 0;
}

#navi{z-index:1000;display:none;position:fixed;top:0px;left:0px;padding:10px;background-color:#ffffff;height:100%;overflow-y:scroll;width:230px;}
#navi::-webkit-scrollbar{display: none;}
#navi a{display:block;color:#1E87F0;text-decoration:none;padding:10px;font-size:20px;}
#navi a:hover{text-decoration:underline;}
#navibutton{font-size:30px;cursor:pointer;font-weight:bold;color:#fff;}
#navibutton_close{float:right;color:white !important;}

.faq_head{background-color:#91c1f1;cursor:pointer;user-select:none;}
.faq_text{display:none;}
.faq_head,.faq_text{border:1px solid black;padding:10px;}

main{padding:10px;}

/* #content{padding:0px 0px 10px 10px;max-width:99%;overflow-x:hidden;} */

table.sorttable th{top:103px;}

footer
{
  margin-top:50px;
  background-color:#1E87F0;
  color:white;
  padding:10px;
}
footer a{color:white;}


@media(max-width: 800px)
{
  header{
    position:relative;
  }
  table.sorttable th{top:0px;}
}