.praxis-bg-gold {
  background-color: #bf9959;
}

.praxis-bg-gray {
  background-color: #666666;
}

.praxis-border-gold {
  border-color: #bf9959;
}

.praxis-bg-lightgray {
  background-color: #ededed;
}

.praxis-font-gold {
  color: #bf9959;
}

.praxis-font-gray {
  color: #666666;
}

@media (max-width: 767px) {
  .navitem-popup {
    padding-top: 18px;
    font-size: 22px;
  }
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #bf9959;
  --bs-btn-border-color: #bf9959;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bf9959;
  --bs-btn-hover-border-color: #bf9959;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bf9959;
  --bs-btn-active-border-color: #bf9959;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bf9959;
  --bs-btn-disabled-border-color: #bf9959;
}

:root {
  --bs-primary: #bf9959;
  --bs-link-color: #bf9959;
  --bs-link-hover-color: #22334b;
}

.form-control:focus {
  border-color: #bf9959;
  box-shadow: 0 0 0 .25rem rgba(191, 153, 89, .25);
}

#AboutMe, #Therapie, #Kontakt, #Beratung, #OnlineBeratung {
  scroll-margin-top: 100px;
}

@media (max-width: 992px) {
  #logo_schriftzug, #ZitatJederWeg {
    max-width: 95%;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  #logo_schriftzug, #ZitatJederWeg {
    max-width: 75%;
    margin-bottom: 40px;
  }
}

ul.gold li:before {
  color: var(--bs-primary);
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

ul.gold {
  list-style: none;
}

.page-background {
  background-color: #f6f6f6;
}

.box-white {
  border-radius: 18px;
  background-color: #ffffff;
  padding: 17px 15px 17px 15px;
}