html {
   scroll-behavior:          smooth;
}
body {
   margin:                   0px auto;
   width:                    94%; /* 80% */
   padding-left:             0em;
   padding-right:            0em;
   text-align:               left;
   font-size:                1.0em;
   font-family:              verdana;
   color:                    dimgray;          /* schriftfarbe im text */
   background-color:         white;
}
h3 {
   font-family:              verdana;
   font-size:                1.1em;
   color:                    maroon;
   text-align:               center;
   text-decoration:          none;
}
h4 {
   font-family:              verdana;
   font-size:                0.9em;
   color:                    maroon;
   text-align:               center;
   text-decoration:          none;
}
hr {
   border-top:               2px solid maroon;
}
pre {
   font-size:                0.99em;
   font-family:              courier new;
   line-height:              150%;
}
iframe {
   border:                   none;  /* 2px solid maroon; none; */
}
xxxkbd {
   border:                   1px solid #aaa;
   border-radius:            2px;
   background:               #f9f9f9 linear-gradient(to bottom, #eee, #f9f9f9, #eee) repeat scroll 0 0;
   box-shadow:               1px 2px 2px #ddd;
   font-family:              verdana; /* inherit; */
   font-size:                0.9em;
   padding:                  0 0.5em;
}
xxxkbd a:hover {
   color:                    red;
}
/* eingabe-felder in allen formularen */
/* ---------------------------------- */
.input {
   border:                   0.3px groove silver;
   border-radius:            2px;
   background-color:         white;
   font-size:                0.993em;
   font-family:              courier new;
   margin-top:               0.9em;
}
.input:disabled {
   margin-top:               0.9em;
   background:               whitesmoke;
   color:                    black;
}
.input:[textarea] {
   margin-bottom:            0.1em;
   background:               whitesmoke;
   color:                    blue;
}
xxxinput[value]:disabled {
   background:               whitesmoke;
   color:                    black;
}
/* --- */
.button99 {
   border:                   2px solid black;
   border-radius:            20px;
   background-color:         silver;
   font-size:                1.0em;
   color:                    white;
   text-decoration:          none;
   padding-left:             1.0em;
   padding-right:            1.0em;
   text-shadow:              0.1px 0.1px 0.2px gold;   /* r u transpar */
}
.button99:hover {
   background-color:         white;
   color:                    dimgray;
   border-radius:            20px;
}
.button {
   border:                   1px solid black;
   border-radius:            3px;
   background-color:         whitesmoke;
   font-size:                0.8em;
   color:                    black;
   text-decoration:          none;
   padding:                  0.15em 0.8em 0.15em 0.8em;
   text-shadow:              0.1px 0.1px 0.2px gold;   /* r u transpar */
}
.button:hover {
   background-color:         silver;
   color:                    black;
}
a {
   text-shadow:              0.1px 0.1px 0.2px black;
   color:                    dimgray;
   text-decoration:          underline;
}
a:hover {
   text-shadow:              0px 0px 0px maroon;
   color:                    white;
   background-color:         silver;
   text-decoration:          none;
   border-radius:            3px;
   opacity:                  0.9;
}
.benutzerrechts {
   letter-spacing:           0.01em;
   font-size:                0.9em;
   color:                    maroon;
   float:                    right;
}
.bildanz {
   width:                    100%;
   margin:                   0em auto;
   text-align:               center;
}
.bildflex { 
   display:                  flex; 
   justify-content:          center; 
   align-items:              center;
   width:                    100%;
   height:                   100%;
}
.bild-fit {
   width:                    100%;
   margin:                   0em auto;
   text-align:               center;
}
.bild-fit img {
   bild-fit:                 cover;
   width:                    100%;
   height:                   100%;
   text-align:               center;
}