/* Eigene Styles */
body {
    background-color: #acbeee;
    font-family: 'Set Fire to the Rain', sans-serif;
}

/* Hintergrundbild für den Container mit ID "main" */
#main {
  background-image: url('../images/smartphone_mockup.jpg'); /* Passe den Pfad zum Bild an */
  background-size: cover;
  background-position: center;  
}
.btn:hover{
	background-color: unset;
	border-color: black;
	color: unset;
}


.btn-info {
	background-color: #26c6d9;
	border-color: #26c6d9;
	color: black;
}

.btn-info:hover{
	background-color: #26c6d9;
	border-color: black;
	color: black;
}

.btn-info .disabled {
	background-color: gray !important;
	border-color: gray !important;
	color: black;
}


.btn-danger {
	background-color: #d980f6;
	border-color: #d980f6;
	color: black;
}

.btn-danger .disabled {
	background-color: gray !important;
	border-color: gray !important;
	color: black;
}


.btn-danger:hover{
	background-color: #d980f6;
	border-color: black;
	color: black;
}


.form-label {

	margin-bottom: 0.3rem;
	color: black;
}

.top-nav {
	background: #f8f9fa;
	padding: 10px 15px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.top-nav .nav-link {
	color: #000;
	min-width: 80px;
	
}
.top-nav .nav-link:hover {
	color: #007bff;
}

#errorMessage{
	font-size: 0.7em;
}

.form-label {margin-bottom: 0px; margin-top: 0.4em; }