:root {
  --holst-navy: #0b477d;
  --holst-cyan: #39b7df;
  --holst-accent: #6e7ffc;
}

.small-logo {
  max-width: 260px !important;
  max-height: 76px !important;
}

.logo {
  max-width: 300px !important;
  max-height: 130px !important;
}

#homepage-hero h1 {
  color: var(--holst-navy);
  font-weight: 600;
  letter-spacing: -0.02em;
}

#homepage-hero {
  position: relative;
}

#homepage-hero::before {
  background: linear-gradient(180deg, var(--holst-cyan), var(--holst-accent));
  border-radius: 999px;
  content: "";
  height: 72px;
  left: -34px;
  opacity: 0.12;
  position: absolute;
  top: 9px;
  width: 12px;
}

#homepage-hero a[href*="bigbluebutton.org"] {
  display: none !important;
}

.homepage-card {
  border: 1px solid rgba(11, 71, 125, 0.08) !important;
  border-radius: 12px !important;
}

.homepage-card-icon-circle {
  background: linear-gradient(135deg, var(--holst-cyan), var(--holst-accent)) !important;
}

#footer a[href*="docs.bigbluebutton.org"] {
  display: none !important;
}

#footer .text-muted {
  display: none !important;
}

#footer-container::before {
  color: var(--holst-navy);
  content: "Holst Online-Training";
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .small-logo {
    max-width: 190px !important;
    max-height: 62px !important;
  }
}