@import url("fonts.css");

:root {
  /* Font Families */
  --bs-font-sans-serif: "Lato", system-ui, -apple-system, sans-serif;
  --bs-font-monospace: "Poppins", SFMono-Regular, Menlo, Monaco, monospace;

  /* Body / Base */
  --bs-body-font-family: "Lato", system-ui, -apple-system, sans-serif;

  /* Headings */
  --bs-heading-font-family: "Poppins", system-ui, -apple-system, sans-serif;
}

/* Headings direkt überschreiben */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:
    "Poppins",
    system-ui,
    -apple-system,
    sans-serif;
}

/* Body / Base Font */
body {
  font-family:
    "Lato",
    system-ui,
    -apple-system,
    sans-serif;
}
.form-label {
  font-size: 0.675rem;
  font-weight: 500;

  color: #668582;
  margin-bottom: 0.375rem;
}
.form-label.required::after {
  content: " *";
}

/* Primary/Secondary Button Override */
.btn {
  padding: 6px 12px;
  font-size: 14px;
  --bs-btn-hover-bg: #434e53; /* ~20% heller */
  --bs-btn-hover-border-color: #434e53;
  --bs-btn-hover-color: #ffffff;
}
.btn:hover {
}
.btn-primary {
  --bs-btn-bg: #183c4f;
  --bs-btn-border-color: #183c4f;
  --bs-btn-color: #ffffff;

  --bs-btn-active-bg: #122e3d; /* ~10% dunkler */
  --bs-btn-active-border-color: #122e3d;
  --bs-btn-active-color: #ffffff;

  --bs-btn-disabled-bg: #183c4f;
  --bs-btn-disabled-border-color: #183c4f;
}
.btn-secondary {
  --bs-btn-bg: #75c4bc;
  --bs-btn-border-color: #75c4bc;
  --bs-btn-color: #ffffff;

  --bs-btn-active-bg: #4a9991;
  --bs-btn-active-border-color: #4a9991;
  --bs-btn-active-color: #092c33;
}
/*
.site-footer {
transform: translateY(100%); transition: transform 0.3s ease;
}

@media (min-width: 768px) {
  .site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
  }

  main#content {
    padding-bottom: 60px;
  }
}
*/
.style1 {
  font-size: 1.7rem;
}
.style2 {
  padding-top: 12px;
}
.style3 {
  padding: 6px 4px 2px;
}
.icon-link {
  text-decoration: none;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.team-icon-link {
  color: #183c4f;
  text-decoration: none;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.icon-link:hover {
  transform: scale(1.15);
}
.team-icon-link:hover {
  transform: scale(1.15);
}
.link-bg-dark {
  color: #505050;
}
.link-bg-dark:hover {
  color: #75c4bc;
}
.style4 {
  margin-top: 86px;
  margin-bottom: 0px;
  padding-top: 24px;
  padding-bottom: 0px;
  min-height: calc(70vh - 80px);
}
.style6 {
  color: #183c4f;
}
@media (min-width: 576px) {
  .style5 {
    margin-top: 1.5rem;
  }
}
.style7 {
}
.style5 {
  margin-top: 0px;
}
.style8 {
  margin-bottom: 400px;
}