html {
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   /*font-family: system-ui, "Gill Sans", sans-serif;*/
}
h1 {
   color: #A6A6A6;
   font-size: 1.6em;
}
h1 a {
   text-decoration: none;
}
h2 {
   color: #5990BA;
   font-size: 1.4em;
}
h2 {
   font-size: 1.2em;
}
div, p {
   font-size: 1em;
}
a {
   color: #5990BA;
}
a:hover {
   color: black;
}
h2 {
   margin-top: 0;
   margin-bottom: 0;
}
.title {
   text-align: center;
}
h3.title {
   color: #5990BA;
   margin-top: 0;
   font-weight: normal;
}
label {
   padding-left: 3px;
}
.cursor {
   padding: 10px 20px 0;
   text-decoration: underline;
   cursor: pointer;
}
summary {
   cursor: pointer;
   color: #5990BA;
   font-weight: bold;
   margin-top: 10px;
}
li {
   padding: 3px 0px;
}
input, textarea, select {
   font-size: 1em;
   padding: 5px 10px;
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
input.long {
   width: 200px;
}
input.long2 {
   width: 220px;
}
input.long3 {
   width: 300px;
}
textarea.long2 {
   width: 100%;
   max-width: 500px;
}
input.small {
   width: 5em;
   text-align: center;
}
input.date {
   width: 10em;
   text-align: center;
}
input.iban {
   width: 15em;
}
div#ende {
   text-align: center;
   margin: 20px;
}
div#neueabwesenheit, div#neueabwesenheit table {
   text-align: center;
   margin: 20px auto;
}
div#neueabwesenheit table td {
   padding: 2px 5px;
   height: 2em;
   background-color: gold;
   margin: 5px;
}
div#neueabwesenheit table th {
   font-weight: 100;
   padding: 0px;
}
div#neueabwesenheit select {
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   /* font-family: system-ui, "Gill Sans", sans-serif; */
   width: 200px;
   font-size: 1em;
   color: black;
   background-color: gold;
   border: none;
   outline: 0px;
   cursor: pointer;
   text-decoration: none;
   box-shadow: none;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
div#neueabwesenheit select.bereich {
   width: 120px;
}
div#neueabwesenheit select.eau {
   width: 75px;
}
div#neueabwesenheit input.date {
   background-color: white;
}
input[type=text], input[type=password], input[type=date], input[type=email], textarea {
   padding: 3px 5px;
   margin: 2px 0;
   box-sizing: border-box;
   border: 1px solid #ccc;
   -webkit-transition: 0.25s;
   transition: 0.25s;
   outline: none;
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   /*  font-family: system-ui, "Gill Sans", sans-serif; */
}
select {
   padding: 3px 3px;
   margin: 2px 0;
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.big {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
    font-size: 1em;
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    color: #5990BA;
}
input[type=text]:focus, textarea:focus {
   border: 2px solid #5990BA;
}
button.submit {
   font-size: 1em;
}
input[type=button], input[type=submit], input[type=reset], button.submit {
   background-color: #5990BA;
   border: none;
   color: white;
   padding: 10px 22px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button.submit:hover {
   background-color: #000;
}
.indikator {
   font-weight: normal;
   padding: 5px 0px;
   margin: 0px;
   color: #aaa;
   display: inline-block;
   width: 1.5em;
   text-align: center;
}
.kostenstellen {
    font-size: 0.8em; 
    line-height: 2em;
}
#stammblatt .kostenstellen li {
    list-style-type: none;
}

*:required {
   background-color: gold;
}
#stammblatt, #abrechnungspositionen {
   border: 1px solid white;
   margin: 10px 20px;
}
#abrechnungspositionen {
   margin: 5px 20px;
}
#stammblatt ul, #abrechnungspositionen ul {
   margin-left: 1em;
   padding-left: 0;
}
#stammblatt ul ul, #abrechnungspositionen ul ul {
   margin-left: 1em;
   padding-left: 1em;
}
#stammblatt ul li, #abrechnungspositionen ul li {
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
}
#stammblatt ul li li, #abrechnungspositionen ul li li {
   list-style-type: square;
}
#stammblatt details details, #abrechnungspositionen details details {
   background-color: white;
   margin-left: 1em;
}
#abrechnungspositionen label {
   display: inline-block;
   padding-bottom: 5px;
}
#abwesenheitIframe {
   margin: 20px 0px;
   min-width: 100%;
   max-width: 100%;
   width: 100%;
   height: 50%;
   overflow: hidden;
   border: none;
}
div#uebersicht {
   margin: 40px 10px;
}
div#uebersicht a {
   color: white;
   background-color: #5990BA;
   border: none;
   padding: 5px 12px;
   text-decoration: none;
   margin: 3px 2px;
   cursor: pointer;
    display: inline-block;
    width: 200px;
}
div#uebersicht a:hover {
   background-color: black;
}
div#neueabwesenheitliste, div#neueabwesenheitliste table {
   text-align: center;
   margin: 20px auto;
}
div#mitarbeiterliste, div#mitarbeiterliste table {
   text-align: left;
   margin: 20px auto;
   border-spacing: 0 0.5em;
}
div#mitarbeiterliste table th {
   text-align: left;
   padding: 5px 10px;
}
div#mitarbeiterliste table tr:hover {
   background-color: #EFEFEF;
}
div#mitarbeiterliste table td {
   padding: 5px 10px;
}
div#neueabwesenheitliste a {
   color: white;
   background-color: #5990BA;
   border: none;
   padding: 5px 12px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
}
div#mitarbeiterliste a {
   color: white;
   background-color: #5990BA;
   border: none;
   padding: 5px 12px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
}
div#mitarbeiterliste a:hover, div#neueabwesenheitliste a:hover {
   background-color: black;
}
div#footer {
   margin: 20px auto 10px;
   font-size: 0.9em;
   text-align: center;
}
div#footer a {
   padding: 0 10px;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}