html { font-family: sans-serif; background: #178FBA; padding: 1em;}
body { max-width: 1160px; margin: 0 auto; background: #5BC5EB; border-radius: 6px;}
h1 { font-family: serif; color: #377ba8; margin: 1rem 0; color: white;}
hr { border: none; border-top: 1px solid white; !important}
nav { background: #45BDE8; display: flex; align-items: center; padding: 0 0.5rem; border-radius: 6px; }
nav h1 { flex: auto; margin: 0; color: white;}
nav h1 a { text-decoration: none; padding: 0.25rem 0.5rem; }
nav ul  { display: flex; list-style: none; margin: 0; padding: 0; }
nav ul li a, nav ul li span, header .action { display: block; padding: 0.5rem; color: white;}
.content { padding: 0 1rem 1rem; }
.content > header { display: flex; align-items: flex-end; }
.content > header h1 { flex: auto; margin: 1rem 0 0.25rem 0; }
.flash { margin: 1em 0; padding: 1em; background: #cae6f6; border: 1px solid #377ba8; }
.post > header { display: flex; align-items: flex-end; font-size: 0.85em;}
.post > header > div:first-of-type { flex: auto; }
.post > header h1 { font-size: 1.5em; margin-bottom: 0; }
.post .about { color: black; font-style: italic; }
.post .body { white-space: pre-line; color: black; margin-bottom: 0; }
.content:last-child { margin-bottom: 0; }
.content form { margin: 1em 0 0; display: flex; flex-direction: column; }
.content label { font-weight: bold; margin-bottom: 0.5em; }
.content input, .content textarea { margin-bottom: 1em; border-radius: 4px;  }
.content textarea { min-height: 12em; resize: vertical; }
input.danger { background-color: #cc2f2e; }
input.accept {background-color: #36E77B}
input[type=submit] { align-self: start; min-width: 10em; }


.col-container {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #A6A6A6;
    color: black;
}

.action_2{
    color: black;
    padding: 0.5rem;
}

.column {
  width: 33%;
  display: table-cell;
  word-break: break-word;
}
.titl{
    text-align: center;
    padding: 0px;
}

.post{
    background: #EEEEEE;
    border-radius: 4px;
    margin:0.6em 0.5em;
    padding:0.1vh;
}
.post > p{
       margin-block-start: 0.5em;
       margin-block-end: 0;
       word-wrap: break-word;
}
.low_prio{
    color:#00F279;
}
.med_prio{
    color: #FF972E;
}
.high_prio{
    color: #F20000;
}

select {
    margin-bottom: 0.6em;

}
      .toggle-btn {
      margin-right: 10px;
        top: 10px;
        left: 10px;
        background-color: transparent;
        color: white;
        border: none;
        padding: 5px;
        cursor: pointer;
        z-index: 10;
      }
      .sidebar a {
        display: block;
        padding: 15px 20px;
        color: white;
        text-decoration: none;
      }


      .sidebar{
        display:block;
        position: absolute;
        width: 150px;
        background-color: transparent;
        color: white;
        height: 5vh;
        transition: transform 0.3s ease;
        transform: translateX(-100%);
      }
.radio_label {text-decoration: underline; }