:root {
  --bs-primary: #23947f;
  --bs-blue: #23947f;
  --bs-link-color-rgb: 35, 148, 127;
  --bs-link-color: #23947f;

  --bs-font-sans-serif: Roboto, "Helvetica Neue";
}

html,
body {
  height: 100%;
}

main {
  min-height: calc(100% - 56px); /* Höhe des Footers berücksichtigen */
}

.header {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.tab-content {
  padding-bottom: 5rem;
}

.header .nav-link {
  text-transform: uppercase;
  font-weight: bold;
}

.feature-image {
  background-color: #f6f6f6;
  padding: 3% 8% 3% 8%;
}

.page-intro {
  height: 600px;
  background-color: #000;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: 72% 45%;
}

.section-intro {
  height: 600px;
  background-color: #000;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 65% auto;
  background-position: 72% 45%;
}

.page-title-header {
  color: #23947f;
  font-weight: bold;
}

.page-title {
  padding: 8% 0% 8% 9%;
}

.feature {
  border-bottom: #314d4a solid 0.1rem;
}

.quotes {
  border-top: #314d4a solid 1rem;
  border-bottom: #314d4a solid 1rem;
  font-size: 1.2rem;
}