:root
{
  --clr-dunkel: #48625e;
  --clr-mittel: #beccd0;
  --clr-mittel1: #c8d5d8; /* 1 Nuance heller */
  --clr-mittel2: #d3dde0; /* 2 Nuancen heller */
  --clr-mittel3: #dde6e9; /* 3 Nuancen heller */
  --clr-hell:   #f2f7f9;
  --clr-Eingabefeld: #fff;
}




.container { display: flex;  display: -webkit-flex;  flex-direction: column;  min-height: 100vh; flex-grow:1; }
.header { background-color:var(--clr-dunkel); color:#fff; padding:5px 30px 5px 30px; }
.header, .header a { color:#fff; }
.content { flex-grow: 1; margin:0;}
.inner_content { margin:30px; }
.footer { background-color:#beccd0; padding:30px; }




.minimal_margin { margin:0; } /* siehe override in @media */
@media only screen and (max-width:800px)
{
  .header { padding:2px 5px 2px 5px; }
  .inner_content { margin:30px 0 0 0; }
  .footer { display:none; }
  .hide_on_mobile { display:none; }
  .minimal_margin { margin:0 0 0 5px; } /* Text ohne Tabellen soll nicht direkt am Rand picken; bei Tabellen haben die TD eh immer ein padding... */
}




body { background-color:var(--clr-hell);
       margin:0px; }
body, input, button, select, textarea { font-family:Arial, Helvetica, Sans-serif;
              font-size:15px; }




input[type=text], input[type=password], div.dataTables_wrapper div.dataTables_filter input, textarea
      { background-color:var(--clr-Eingabefeld);
        border:0;
        border-bottom:1px solid #000;
        margin:5px 0 5px 0;
        padding:2px 0 2px 4px;
        border-radius:0; }
div.dataTables_wrapper div.dataTables_filter input { margin:0 10px 0 10px; }
select { background-color:var(--clr-Eingabefeld); margin:5px 0 5px 0; }

h1 { font-size:25px; color:#000; display:inline-block; margin:0 0 25px 0; }

button, input[type=submit] { padding:3px 15px 3px 15px; background-color:var(--clr-dunkel); color:#fff; border:0; margin:0 15px 0 0; }
button:hover, input[type=submit]:hover { background-color:#000; }
button.delete, input[type=submit].delete { background-color:#955; }
button.delete:hover, input[type=submit].delete:hover { background-color:#000; }

input[type=radio], input[type=checkbox] { margin:0; }
/*input[type=checkbox] { border:4px solid #f00; } -- funzt ned */

input[type=file] { background-color:var(--clr-dunkel); padding:1px; color:#fff; }





.tar { text-align:right; }
.vat { vertical-align:top; }
.vab, tr.vab>td { vertical-align:bottom; }
.halbzeile_bottom { margin-bottom:8px; }
tr.b>td { font-weight:bold; }


.box { background-color:#fff; padding:1px 8px 1px 8px; }




table.datatable { border-collapse:collapse; }

table.datatable tr th, table.datatable tr td, div.datatable { padding:1px 8px 1px 8px; }
@media only screen and (max-width: 800px)
{
  table.datatable tr th, table.datatable tr td, div.datatable { padding:1px 4px 1px 4px; }
}

table.datatable tr th { text-align:left; }
table.datatable > tr:nth-child(even) > td, table.datatable > tbody > tr:nth-child(even) > td, div.datatable { background-color:var(--clr-mittel3); }
table.datatable > tr:nth-child(odd) > td, table.datatable > tbody > tr:nth-child(odd) > td { background-color:var(--clr-mittel1); }

table.datatable tr.empty td { background-color:transparent; height:18px; }
table.datatable > tbody > tr > td.transp,
table.datatable > tbody > tr.transp > td { background-color:transparent; }
table.datatable > tbody > tr > td.tac { text-align:center; }

table.nobr td { white-space:nowrap; }




.bad_box { border:2px solid #b00; color:#b00; background-color:#ecc; display:inline-block; font-weight:bold; padding:5px 8px 5px 8px; }
.schlecht, .nein { color:#b00; font-weight:bold; }
.gut, .ja { color:#0b0; font-weight:bold; }
.naja, .jain { color:#aa0; font-weight:bold; }
.Anmerkung { font-size:13px; color:#666; font-style:italic; }
.klein { font-size:13px; }
.Fussnoten_Stern { color:#f00; }



/* PM_Gewerk_Status */
.Status1 { color:#b00; } /* gesperrt */
.Status2 { color:#0b0; } /* Eingabe */
.Status3 { color:#aa0; } /* wqs */
.Status4 { color:#d0f; } /* in qs */
.Status5 { color:#000; } /* abgeschlossen */
.Status1, .Status2, .Status3, .Status4, .Status5 { font-weight:bold; }

/* PM_Freigabetyp (Produkte) */
.Freigabetyp1 { color:#0b0; } /* Eingabe */
.Freigabetyp2 { color:#fff; background-color:#0b0; padding:0 3px 1px 3px; } /* freigegeben */
.Freigabetyp3 { color:#fff; background-color:#b00; padding:0 3px 1px 3px; } /* abgelehnt */
.Freigabetyp4 { color:#fff; background-color:#aa0; padding:0 3px 1px 3px; } /* erfüllt nicht alle Standardkriterien, trotzdem Freigabe */
.Freigabetyp5 { color:#b00; } /* Informationen fehlen */
.Freigabetyp1, .Freigabetyp2, .Freigabetyp3, .Freigabetyp4, .Freigabetyp5 { font-weight:bold; }
.Freigabetyp1, .Freigabetyp5 { padding:0 0 1px 0; }

a { color:var(--clr-dunkel); text-decoration: underline; }