@charset "UTF-8";
/* devanagari */
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   src: url(pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
   unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   src: url(pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   src: url(pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body {
   margin: auto !important;
   padding: 0 !important;
   height: 100% !important;
   width: 100% !important;
   max-width: 900px;
   text-align: center;
   font-size: 1em;
   font-family: Poppins, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   background-color: #ddf1fd;
}
* {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
#login {
   width: 100%;
   max-width: 220px;
   margin: 40px auto;
   text-align: center;
}
#login label {
   display: block;
   margin: 0px;
   padding: 5px;
}
#login input {
   width: 90%;
   background-color: #ddd;
   margin: 0px 0px 20px;
   text-align: center;
}
#login input:hover {
   background-color: white;
   cursor: pointer;
}
#naviblock {
   -moz-column-width: 250px;
   -webkit-column-width: 250px;
   column-width: 250px;
   -moz-column-gap: 0px;
   -webkit-column-gap: 0px;
   column-gap: 0px;
   text-align: center;
}
#naviblock ul {
   margin: 0px;
   padding: 0px;
}
#naviblock li {
   list-style: none;
   background-color: white;
   display: inline-block;
   margin: 7px;
   padding: 0px;
}
#naviblock li a {
   color: black;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   padding: 5px;
   width: 200px;
   margin: 5px;
}
#naviblock li:hover {
   background-color: #ddf1fd;
}


#schablone {
    width: 100%;
    max-width: 920px; 
    margin: 10px auto;
    padding: 0px;
}
#schablone form {
    margin: 0px;
    padding: 0px;
}
#schablone table {
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    max-width: 920px; 
}
#schablone table tr {
    margin: 0px;
    padding: 0px;
}
#schablone table label {
    display: block;
    padding: 0px;
    margin: 17px 10px 0;
    font-size: 0.9em;
    font-weight: bold;
}
#schablone table input, #schablone table textarea, #schablone table select {
    max-width: 98%;
    padding: 5px 1%;
    margin: 0px 0px;
}
#schablone table .small {
    max-width: 240px;
}
#schablone table select {
    background-color: white !important;
}
div.hinweis {
    color: red;
    font-weight: bold;
}

#protokolltabelle, #benutzertabelle, #sortable {
   background-color: white;
   margin: 10px auto !important;
   padding: 10px;
   text-align: left;
}
#protokolltabelle td, #protokolltabelle th, #benutzertabelle td, #benutzertabelle th, #sortable td, #sortable th {
   padding: 5px 10px;
   text-align: left;
}
#protokolltabelle th, #benutzertabelle th, #sortable th {
   font-size: 0.9em;
}
#protokolltabelle th.center, #benutzertabelle th.center, #sortable th.center {
   text-align: center;
}
#protokolltabelle td, #benutzertabelle td, #sortable td {
   font-size: 1.0em;
}
#protokolltabelle td.center, #benutzertabelle td.center, #sortable td.center {
   text-align: center !important;
}
#benutzertabelle a, #sortable a {
   color: black;
}
#benutzertabelle a:hover, #sortable a:hover {
   text-decoration: none;
}
.pointer, #sortable thead th:hover {
   cursor: pointer;
}
div.fehlermeldung, div.fehlermeldung a {
   margin: 30px;
   color: #F00004;
   font-weight: bold;
}
input, textarea, select {
   width: 100%;
   border: 1px solid #C9C8C8;
   padding: 5px 5px;
   margin: 10px 0 0;
   font-size: 1em;
}
input#submit {
   text-align: center;
   width: 200px;
   margin: 20px;
   background-color: #ddf1fd;
}
a.button {
   text-align: center;
   width: 200px;
   margin: 10px;
   padding: 5px 10px;
   display: inline-block;
   background-color: #ddf1fd;
    color: black;
    text-decoration: none;
}
a.button:hover {
   cursor: pointer;
   color: white !important;
   background-color: red;
}
input#benutzername, input#passwort {
   width: 90%;
   background-color: #ddf1fd;
}
select#typ {
   background-color: #ddf1fd;
}
input[type="checkbox"] {
   background-color: #ddf1fd !important;
   accent-color: #ddf1fd;
   color: white;
   font-size: 2em;
   border: 1px solid #ddf1fd;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 0.55em;
   height: 0.55em;
}
input#submit:hover {
   cursor: pointer;
   background-color: red;
   color: white;
}
.button-td, .button-a {
   transition: all 100ms ease-in;
   cursor: pointer;
}
img {
   max-width: 400px;
}
button {
   padding: 8px 14px;
   text-align: center;
   color: #fff;
   font-size: 1em;
   border-radius: 3px;
   margin: 3px 5px;
   min-width: 220px;
   -webkit-appearance: none;
   cursor: pointer;
}
h1 {
   text-align: center;
}
p.hinweis {
   color: red;
   text-align: center;
   font-size: 0.9em;
}
p.footer, #header {
   padding: 5px;
   margin: 10px 20px;
   text-align: center;
   font-size: 0.9em;
}
#header img {
   width: 334px;
}
#header p, #header h1 {
   padding: 0px;
   margin: 0px;
}
#header h1 {
   padding: 10px 0;
}
p.footer {
   margin: 20px 20px;
}
p.footer a {
   color: #333333;
   font-weight: bold;
   display: inline-block;
   margin-top: 5px;
}
p a.dokument {
   color: #333333;
   display: inline-block;
   margin: 5px 15px 10px 0px;
   font-size: 0.9em;
}
p.error {
   padding: 0 10px;
   color: #E41216;
   font-size: 13px;
   line-height: 1.1;
   text-align: center;
   text-decoration: none;
   border-radius: 3px;
   font-weight: bold;
}
table {
   border-spacing: 0 !important;
   border-collapse: collapse !important;
   table-layout: fixed !important;
   margin: 0 auto !important;
}
table table table {
   table-layout: auto;
}
table.searchresult {
   background: #ffffff !important;
   border-color: #555555 !important;
   padding: 10px 15px;
   margin-bottom: 30px;
   border-radius: 7px;
   font-size: 0.9em;
}
table.searchresult a {
   color: #0b8280;
}
table.searchresult td {
   padding: 5px 15px;
   border-bottom: 1px dashed #455;
}
table.searchresult th {
   padding: 5px 0;
}