body {
  margin: 0;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  background:#3670C7;
  color:white;  
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Vollbildhöhe */
  position: relative; /* Positionierung für den Hintergrundtext */
  }
main {
  flex: 1; /* Füllt den verbleibenden Platz aus */
  position: relative; /* Positionierung relativ zum Hauptinhalt */
  overflow-y: auto; /* Vertikale Scrollleiste anzeigen, wenn der Inhalt zu groß wird */
  color:white;
}
  .container{
  width:90%;
}
  .background-text {
  font-size: calc(7vw + 1rem);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.1);
  letter-spacing: 2px;
  white-space: pre-wrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  text-align:center;
}
  /* Stil für das Eingabefeld */
  .customInputfield {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid white;
    background:transparent;
    outline: none; /* Entfernt den Rahmen beim Fokussieren */
    color:white;
  }
  /* Stil für den Plus-Button */
  .btn-plus {
    border: none;
    background-color: transparent;
    color: white;
  }
  /* color placeholder */
  ::placeholder {
    color:white;
  }
  /* color checkbox */
  input[type=checkbox]{
    accent-color:#3065B3;
  }
  .list-group-mine {
    padding:10px;
    background:#E4E4E4;
    color:black;
  
  }
  footer {
  background-color: #343A40; /* Hintergrundfarbe des Footers */
  color: white; /* Schriftfarbe des Footers */
  padding: 0 0;
  width: 100%;
  text-align: center;
}