*,*::after,*::before { font-family:/*Verdana,*/Arial,sans-serif; }
h1,h2,h3,h4 { font-weight:bold }
html        { background-color:#f0f8ff; margin:0px;padding:0px }
body        { font-size:1.0em; line-height:1.3em; color:#000040; 
              margin:0px; padding: 0.3em 1em .5em 30px;
              background-image: linear-gradient(90deg, #80a0ff 24px, #f0f8ff 26px); }
p,ul,ol,li,td,th,address,blockquote
            { font-size: 1.0em; line-height:1.3em; color:#000040; background-color:#f0f8ff }
.Drag_n_Drop { background-color:#f0f8ff }
.Drag_Bar    { background-color:#80a0ff }
input,select,textarea
            { font-size: 1.0em; line-height:1.3em; color:#000040; background-color:#ffffff }
a:link      { color:#5050ff }
a:visited   { color:#4040aa }
a:active    { color:#5050ff }
button      { color:#ffffff; background-color:#80a0ff; text-align:center;
              font-size: 1.0em; /*font-family:"Times New Roman",serif;*/
              cursor:pointer }
input       { text-align:center }
h1          { font-size: 1.4em; padding-top:0.5em; margin-top:0px }
h2          { font-size: 1.25em; padding-top:0.5em; padding-bottom:0; margin-top:0px }
h3          { font-size: 1.1em; padding-top:0.5em; padding-bottom:0; margin-top:0px }
h4          { font-size: 1.0em }
.kleiner    { font-size: 0.8em }
hr          { height:1px;color:#5050ff }
.tabelle    { border:1px solid #5050ff; border-spacing:0px; border-collapse:collapse }
.tabelle td,.tabelle th { border:1px solid #5050ff; border-spacing:0px; border-collapse:collapse; padding:3px }
.src        { border:1px solid #5050ff; color:#000000; background-color:#e0e0ff;
              margin-left:10px; margin-right:10px; padding:10px; }

/* Skip-Link */
#skip-link { position: absolute; left: 0; top: 0; background: black; color: white; padding: 0.25em; transform: translateY(-100%); transition: 0.2s transform; z-index: 1001 } 
#skip-link:focus { transform: translateY(0); }