body {
	background-color: #0a0f1c;
	/* dunkles Blau */
	color: white;
	font-family: "Segoe UI", sans-serif;
}

.navbar {
	background-color: #0b1831;
	/* etwas dunkleres Blau */
	box-shadow: 0 0 10px #00bfff;
}

.navbar-brand img {
	height: 40px;
}

h1,
p {
	color: white;
}

.intro-text {
	text-align: left;
}

.neon {
	text-shadow: 0 0 5px #00bfff, 0 0 10px #00bfff, 0 0 20px #00bfff;
}

.card-neon {
	background-color: #0a0f1c;
	border: 2px solid #00bfff;
	border-radius: 10px;
	box-shadow: 0 0 10px #00bfff;
	transition: transform 0.2s ease;
	padding: 15px;
	height: 100%;
}

.card-neon:hover {
	transform: scale(1.02);
}

.card-neon img {
	border-radius: 5px;
	margin-bottom: 15px;
}

.card-neon h2 {
	color: #00bfff;
	font-size: 1.5rem;
}

.card-neon p {
	color: #ffffffcc;
}

.card-neon .btn-primary {
	background-color: #00bfff;
	border: none;
	box-shadow: 0 0 10px #00bfff;
}

footer a.btn-outline-primary {
	border-color: #00bfff;
	color: #00bfff;
	box-shadow: 0 0 10px #00bfff;
	transition: all 0.2s ease-in-out;
}

footer a.btn-outline-primary:hover {
	background-color: #00bfff;
	color: #0a0f1c;
}

footer a.text-white-50:hover {
	color: #00bfff;
}
.neon-link {
	color: #00bfff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	text-shadow: 0 0 5px #00bfff;
}

.neon-link:hover {
	color: #ffffff;
	text-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
}

.neon-icon {
	color: #00bfff;
	text-shadow: 0 0 5px #00bfff;
	transition: all 0.3s ease-in-out;
}

.neon-icon:hover {
	color: #ffffff;
	text-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
}
/* Scrollbar-Styling für WebKit-Browser (Chrome, Edge, Safari) */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #0a0f1c;
}

::-webkit-scrollbar-thumb {
	background: #00bfff;
	border-radius: 10px;
	box-shadow: 0 0 10px #00bfff;
}

::-webkit-scrollbar-thumb:hover {
	background: #ffffff;
	box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
}

/* Für Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #00bfff #0a0f1c;
}