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

.mw-primary-hover:hover {
  color: var(--mw-primary-hover) !important;
}

.mw-secondary {
  color: var(--mw-secondary) !important;
}

.mw-secondary-hover:hover {
  color: var(--mw-secondary-hover) !important;
}

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

.nav-link.active:hover {
  color: var(--mw-primary-hover) !important;
}

.nav-link:not(.active) {
  color: var(--mw-secondary) !important;
}

.nav-comp {
    height: 60px;
}

.w-fit {
  width: fit-content;
}

@media (min-width: 992px) {
  .mw-nav .nav-item + .nav-item {
    border-left: 1px solid var(--mw-secondary);
  }
}

br {
  margin-bottom: .25rem !important;
}

:root {
  --mw-primary: #ef7e00;
  --mw-primary-selected: #bc6300;
  --mw-primary-hover: #bc6300;
  --mw-secondary: #134391;
  --mw-secondary-selected: #0c2b5d;
  --mw-secondary-hover: #0c2b5d;
}

@font-face {
  font-family: spartan;
  src: url(/assets/font/Spartan-Regular.ttf);
}

@font-face {
  font-family: spartan-black;
  src: url(/assets/font/Spartan-Black.ttf);
}

@font-face {
  font-family: spartan-bold;
  src: url(/assets/font/Spartan-Bold.ttf);
}

@font-face {
  font-family: spartan-semibold;
  src: url(/assets/font/Spartan-SemiBold.ttf);
}

.font-bold {
  font-family: spartan-bold;
}

#qualitaetsentwicklung {
  background-image: url('/assets/mw_elbe.jpg');
  min-height: 85vh;
  background-size: cover;
  background-position: 65% 40%;
}

#profil-bg {
  background-image: url('/assets/mw_strand.jpg');
  min-height: 40vh;
  background-size: cover;
  background-position: center;
}

#angebote-bg {
  background-image: url('/assets/mw_steine.jpg');
  min-height: 40vh;
  background-size: cover;
  background-position: center;
}

#ueber {
  background-image: url('/assets/mw_holz.jpg');
  min-height: 30vh;
  max-height: 30vh;
  background-size: cover;
  background-position: center;
}

#netzwerk {
  background-image: url('/assets/mw_wasser.jpg');
  min-height: 35vh;
  background-size: cover;
  background-position: center;
}

#feedback {
  background-image: url('/assets/mw_kiesel.jpg');
  min-height: 35vh;
  background-size: cover;
  background-position: center;
}

h2.text-white, h3.text-white, h1.text-white {
text-shadow: #000 1px 0 10px;
}

.bubble {
  min-height: 260px;
  height: 120%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #002b7f;
  font-size: 1rem;
}

.bubble-1 {
  background-image: url('/assets/bubble-1.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.bubble-2 {
  background-image: url('/assets/bubble-2.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 100% !important;
}

.bubble-3 {
  background-image: url('/assets/bubble-3.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.quote {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  width: 100%;
}

.author {
  font-size: 0.95rem;
  font-weight: 400;
}

@media (max-width: 767.98px) {
  .bubble {
    padding: 2rem 0rem;
    font-size: 0.95rem;
  }

  .quote {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0rem;
    line-height: 1.25;
    width: 100%;
  }

  .author {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1;
    width: 90%;
  }
}

body {
  font-family: spartan;
}

h1, h2, h3 {
  font-family: spartan-bold;
}

.navbar-brand {
  margin-right: 0.5rem !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: inherit !important;
}

.active {
  font-family: spartan-bold;
}

.dropdown-item {
  color: var(--mw-secondary);
}

.dropdown-menu {
  background: #fffffff0;
}

.blur-on-scroll {
  transition: filter 1s ease-in;
}

.blur {
  filter: blur(15px) opacity(0);
}