.text-color-primary, .text-primary {
  color: #192D5A !important;
}

.btn-primary {
  --hover: #727CE0;
  background-color: #192D5A;
}

h6 {
  font-size: 3em;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 14px 0;
    margin-bottom: 14px;
  text-transform: uppercase;
}

.table > :not(caption) > * > * {
  background-color: transparent;
}

.overlay::before {
  background: #21252961;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
  color: #192D5A;
}

.bg-dark {
  background-color: #21252961 !important;
}

figure {
  margin: 0 0 0;
}

.portfolio-item {
  margin-bottom: 1rem;
  width: 100%; /* Passt sich der Browserbreite an */
  aspect-ratio: 1 / 1; /* Hält das Quadratverhältnis (1:1) */
  overflow: hidden; /* Schneidet Inhalte ab, falls nötig */
}

.portfolio-item span, .portfolio-item figure {
  height: 100%;
}

.portfolio-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Sorgt dafür, dass das Bild richtig skaliert */
}

:root {
  --primary: #98A8F8;
	}

/* @media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: #1d8e40;
  }
}

@media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul li:hover > a {
    color: #1d8e40;
  }
}
	
@media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul li:hover > a {
    color: #1d8e40;
  }
}

a {
  color: #1d8e40;
}

a:hover {
  color: #1d8e40;
}

.btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover {
  color: var(--primary-inverse);
  background-color: #1d8e40;
  border-color: #1d8e40;
}

.btn-outline.btn-primary {
  color: #1d8e40;
  border-color: #1d8e40;
}

.toggle-primary .toggle.active > .toggle-title {
  background-color: #1d8e40;
  border-color: #1d8e40;
}

label, .toggle-primary .toggle .toggle-title {
  color: #1d8e40;
  border-left-color: #1d8e40;
  border-right-color: #1d8e40;
}*/

html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
  background-color: rgba(25, 45, 90, 0.4) !important;
}

@media (min-width: 992px) {
  #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu {
    background: #192D5A;
    margin-top: 0;
  }
}

.bg-color-dark, .bg-dark {
  background-color: #192D5A !important;
}


/* :root {
  --border-radius: 4px;
  --border-radius2x: 8px;
  --default: #98A8F8;
}*/

section.section {
  background: #e1e1e1;
  border-top: 5px solid #e1e1e1;
  margin: 30px 0;
  padding: 50px 0;
}

.toggle-primary .toggle.active > .toggle-title {
  background-color: #192D5A;
  border-color: #192D5A;
  color: v#98A8F8;
}

.toggle-primary .toggle .toggle-title {
  color: #192D5A;
  border-left-color: #192D5A;
  border-right-color: #192D5A;
}

.btn-primary:hover:not(.bg-transparent) {
  background-color: #727CE0;
}