html, body {
    height: 100%;
	width: 100%; /* Stellt sicher, dass die Breite ebenfalls 100% beträgt */
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff; 
}

.container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
	width: 100vw;
    text-align: center;
    padding: 20px; /* Optional: Innenabstand für bessere Darstellung auf kleinen Bildschirmen */
    box-sizing: border-box;
}

.logo {
    max-width: 200px;
    margin-bottom: 20px;
}

.logo_scanner {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 96px;
}

h1 {
    color: #30E1E3;
    font-size: 2rem;
    margin-bottom: 20px;
    word-wrap: break-word; /* Erzwingt den Umbruch bei langen Texten */
}

form {
    width: 100%;
    max-width: 400px; /* Optional: Maximale Breite des Formulars */
    display: flex;
    flex-direction: column;
    align-items: center;
}

select {
    width: 80%;
    padding: 10px;
    font-size: 1.1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 20px; /* Abstand nach unten für bessere Trennung */
}

button {
    width: 60%;
	border-radius: 4px;
	color: #1b6cb7;
	font-size: 1.2rem;
    font-weight: bolder;
	padding: 10px;
	border: solid #1b6cb7 4px;
	text-decoration: none;
	background: #ffffff;
    transition: background-color 0.3s ease;
}

button:hover {
	color: #ffffff;
	background: #1b6cb7;
	border: solid #1b6cb7 4px;
}

p {
    margin-top: 20px;
    font-size: 1rem;
    word-wrap: break-word; /* Erzwingt den Umbruch bei langen Texten */
}

a {
    color: black; /* Setzt die Textfarbe von Links auf Schwarz */
    text-decoration: none; /* Entfernt die Unterstreichung */
    transition: text-decoration 0.3s ease;
	word-wrap: break-word; /* Erzwingt den Umbruch bei langen Texten */
}

a:hover {
    text-decoration: underline; /* Unterstreicht den Link nur beim Hover */
}

/* Zusätzliche Verbesserungen für kleinere Bildschirme */
@media (max-width: 600px) {
    h1 {
        font-size: 1.5rem;
    }

    button, select {
        font-size: 0.8rem;
    }
}