:root {
  --kjh-brand: #374f2f;
  --kjh-primary: #374f2f;
  --bs-brand: #374f2f;
  --kjh-secondary: #dec887;
  --bs-secondary: #dec887;
  --kjh-accent: #8f857d;
  --kjh-black: #0c080a;
  --kjh-white: #f5f5f5;
  --bs-font-sans-serif: "Bookman Old Style" !important;
  --kjh-font-sans-serif: "Bookman Old Style" !important;
  --bs-body-font-family: "Bookman Old Style" !important;
  --kjh-body-font-family: "Bookman Old Style" !important;
  --kjh-text-font-family: "Century Gothic" !important;
  --kjh-body-font-size: 1rem;
}


@font-face {
  font-family: 'Bookman Old Style';
  src: url('../webfonts/BookmanOldStyle.woff2') format('woff2'),
      url('../webfonts/BookmanOldStyle.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('../webfonts/CenturyGothic.woff2') format('woff2'),
      url('../webfonts/CenturyGothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  color: var(--kjh-primary) !important;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
  color: var(--kjh-primary) !important;

}


.btn {
  font-family: var(--kjh-text-font-family) !important;
  font-size: var(--kjh-body-font-size) !important;
}
.kjh-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--kjh-primary);
  --bs-btn-border-color: var(--kjh-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--kjh-accent);
  --bs-btn-hover-border-color: #c34e2e;
  --bs-btn-focus-shadow-rgb: 246, 122, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--kjh-primary);
  --bs-btn-active-border-color: #b74a2c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f4623a;
  --bs-btn-disabled-border-color: #f4623a;
}



h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: var(--kjh-body-font-family) !important;
}




.download-icon {
  --bs-text-opacity: 1;
  color: var(--kjh-primary);
}

hr {
  margin: 1rem 0;
  color: var(--kjh-primary) !important;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

hr.kjh-divider {
  height: 0.2rem;
  max-width: 8.25rem;
  margin: 1.5rem auto;
  background-color: var(--kjh-primary);
  opacity: 1;
}


.bos {
  font-family: var(--kjh-body-font-family) !important;
}

.cg {
  font-family: var(--kjh-text-font-family) !important;
}

.fixed-height-card {
  overflow-y: auto; /* Add a scrollbar for overflow */
  height: 35.5rem; /* Restrict the height of the body */
}

.kjh-bg-gray {
  background-color: rgba(195, 199, 202, 1) !important;
}

.kjh-marke {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/gruppenfoto.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.kjh-marke h1, .kjh-marke .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  .kjh-marke {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  .kjh-marke p {
    font-size: 1.15rem;
  }
  .kjh-marke h1, .kjh-marke .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .kjh-marke h1, .kjh-marke .h1 {
    font-size: 3.5rem;
  }
}


.kjh-bg-dark {
  --kjh-bg-opacity: 1;
  background-color: rgba(var(--kjh-dark-rgb), var(--kjh-bg-opacity)) !important;
}


#portfolio .container-fluid .portfolio-box .portfolio-box-caption, #portfolio .container-sm .portfolio-box .portfolio-box-caption, #portfolio .container-md .portfolio-box .portfolio-box-caption, #portfolio .container-lg .portfolio-box .portfolio-box-caption, #portfolio .container-xl .portfolio-box .portfolio-box-caption, #portfolio .container-xxl .portfolio-box .portfolio-box-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: var(--kjh-primary) !important;
  transition: opacity 0.25s ease;
  text-align: center;
  font-family: var(--kjh-text-font-family) !important;
}