html {
  scroll-padding-top: var(--header-offset);
  scroll-behavior: smooth;              /* optional, schönes Smooth-Scrollen */
}

main :target {
  scroll-margin-top: var(--header-offset);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a {
  color: #406bb2;
  text-decoration: none;
}

a:hover {
  color: #3b8af2;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}

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