@import "tailwindcss";
@import "@fortawesome/fontawesome-free/css/all.min.css";

.login-container {
  /* Positioniere den Container, um den gesamten Viewport abzudecken */
  position: fixed;
  width: 100%;
  height: 100%;

  /* Füge das Hintergrundbild hinzu */
  background-image: url('/assets/img/InternormKantine.jpg');

  /* Stelle sicher, dass das Bild den gesamten Container ausfüllt */
  background-size: cover;

  /* Zentriere das Bild horizontal und vertikal */
  background-position: center;

  /* Verhindere, dass sich das Bild wiederholt */
  background-repeat: no-repeat;

  /* Setze ein Overlay (optional), um den Text lesbarer zu machen */
   /* background-color: rgba(0, 0, 0, 0.5); Semi-transparentes Schwarz */
  background-blend-mode: overlay;

  /* Zentriere die Login-Karte */
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-container{
  /* Positioniere den Container, um den gesamten Viewport abzudecken */
  position: fixed;
  width: 100%;
  height: 100%;

  /* Füge das Hintergrundbild hinzu */
  background-image: url('/assets/img/InputKegel.png');

  /* Stelle sicher, dass das Bild den gesamten Container ausfüllt */
  background-size: cover;

  /* Zentriere das Bild horizontal und vertikal */
  background-position: center;

  /* Verhindere, dass sich das Bild wiederholt */
  background-repeat: no-repeat;

  /* Setze ein Overlay (optional), um den Text lesbarer zu machen */
   /* background-color: rgba(0, 0, 0, 0.5); Semi-transparentes Schwarz */
  background-blend-mode: overlay;

  /* Zentriere die Login-Karte */
  display: flex;
  justify-content: center;
  align-items: center;
}

.kegel-container {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  height: 75vh;
  margin: 2rem auto;
  padding: 1rem;
  font-family: "Libre Baskerville", serif;
}
/* Definiert den Bereich, der scrollen soll */
.scrollable-content {
  flex: 2; /* Nimmt den verfügbaren Platz ein */
  overflow-y: auto; /* Erlaubt vertikales Scrollen in diesem Block */
}

.save-button {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.1rem;
  min-width: 250px;
}

.save-button:hover {
  background-color: #0056b3;
}

.form-group {
  display: flex;
  flex-direction: column;

}
.form-group label {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.3em;
  color: rgb(3, 3, 3);
}

.form-group input {
  padding: 0.75rem;
  border: 1px solid #020202;
  border-radius: 4px;
  font-size: 1rem;
}

.error-message {
  color: red;
}

