.navbar-brand {
	margin-right : 0;
}

.nav-link {
	font-family: var(--secondary-font-family);
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.6px;
color: var(--text-color);
}

.bg-light{
	background-color : var(--primary-color) !important;
}

#article-carousel{
	width: 640px;
	max-width: 100%;
}
.carousel {
  margin: 0 auto;
}
.carousel-inner {
background-color: var(--primary-color);
border-radius: 18px;
}
.carousel-item img{
	width : 100%;
	margin:auto;
	max-width: 100%;
}

.btn-dark {
	background-color: var(--grundfarbe-mittel);
	border-color: var(--grundfarbe-mittel);
}

.btn-dark:hover{
	color: var(--grundfarbe-mittel);
	background-color: white;
	border-color: var(--grundfarbe-mittel);
}

.btn-light {
	color: var(--secundary-color);
	background-color: var(--grundfarbe-hell);
	border-color: var(--secundary-color);
}
.btn-light:hover{
	color: var(--grundfarbe-hell);
	background-color: var(--grundfarbe-mittel);
}

.alert-primary{
	background-color : var(--primary-color) !important;
	border-color : var(--primary-color) !important;
	color: var(--text-color) !important;
}


.alert-shadow{
	padding: 1em;
	margin-bottom: 20px;
	border-radius: 17px;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}


.btn-secondary {
	background-color: var(--secundary-color);
	border-color: var(--secundary-color);
}