/* TEXT */

.text-bg-light{
	background-color: var(--sm-surface)!important;
}


.zitat {
	font-weight: 700;
	font-size: 55px ;
}

.eyebrow {
	font-family: "JetBrains Mono", monospace; 
	font-size: .8rem;
	font-weight: 600; 
	letter-spacing: .06em; 
	text-transform: uppercase; 
	color: var(--sm-primary); 
}

small {
	font-size: 1.2rem;
}

/* BREADCRUMBS */

.breadcrumb { 
	font-family: "JetBrains Mono", monospace; 
	font-size: .8rem;
	font-weight: 600; 
	letter-spacing: .06em; 
	text-transform: uppercase; 
}

li.breadcrumb-item.active{
		color: var(--sm-primary); 
}

body > main > section > div > div > div:nth-child(1) > nav > ol > li:nth-child(1) > a{
		color: var(--sm-text); 
}
body > main > section > div > div > div:nth-child(1) > nav > ol > li:nth-child(1) > a:hover{
		color: var(--sm-primary); 
}

/* BUTTONS */

.btn-primary {
  --bs-btn-bg: var(--sm-primary);
  --bs-btn-border-color: var(--sm-primary);
  --bs-btn-hover-bg: var(--sm-primary-dark);
  --bs-btn-hover-border-color: var(--sm-primary-dark);
  --bs-btn-active-bg: var(--sm-primary-dark);
  --bs-btn-active-border-color: var(--sm-primary-dark);
}

.btn-link {
	text-decoration: none;
	color: var(--sm-primary);
}

/* BADGES */

.badge {
	font-size: 16px;
	font-weight: 400;
	margin: 8px;
	
}

.text-bg-secondary{
	background-color: var(--sm-text)!important;
}

.btn-outline-white {
	color: var(--sm-soft-blue);
	border-color: var(--sm-soft-blue);
}

/* NAVBAR */

.brand-logo { width: auto; height: 26px; }
.navbar-brand { font-family: "Sora", sans-serif; }

.nav-link { 
	color: var(--sm-navy); font-weight: 500; 
}
.nav-link:hover, .nav-link:focus { 
	color: var(--sm-primary); 
}

.active {
	color: var(--sm-primary)!important;	
}

.drop-active {
	background-color: var(--sm-surface);
	color: var(--sm-primary);
}

/* Dropdown auf Desktop per Hover öffnen */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu,.navbar .dropdown:focus-within > .dropdown-menu {
    display: block;
  }
}




/* FOOTER */

.footer-logo {width: auto; height: 22px}

.site-footer { border-top: 1px solid rgb(255 255 255 / 8%); }
.site-footer a { color: #fff; text-decoration: none; }