body{
  margin:0;
  font-family:system-ui;
  background:#0b0c10;
  color:#fff;

   height: 100vh;
    display: flex;
    flex-direction: column;
}

header{
  padding:15px;
  border-bottom:1px solid #333;
  display: flex;
  flex-direction: row;
    justify-content: space-between;

}



.container{
  max-width:900px;
  margin:auto;
  padding:20px;

    flex: 1;              /* nimmt den verfügbaren Platz ein */
    overflow-y: auto;     /* nur dieser Bereich scrollt */
}

footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    flex-shrink: 0;       /* verhindert, dass der Footer schrumpft */

    a {
        color: white;
    }
}



.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:15px;
}

.card{
  background:#151823;
  padding:15px;
  border-radius:10px;
  cursor:pointer;
}

.card:hover{
  border:1px solid #c7a76c;
}

.chapter{
  margin-top:40px;
}

.chapter h2{
  color:#c7a76c;
}

.back{
  cursor:pointer;
  margin-bottom:15px;
  color:#aaa;
  display:none;
}

.back-impressum{
  cursor:pointer;
  margin-bottom:15px;
  color:#aaa;
  
  a {
    color: #aaa;
    text-decoration: none;
  }
}

.toc-item{
  cursor:pointer;
  color:#aaa;
  margin:5px 0;
}

.toc-item:hover{
  color:#fff;
}