:root {
  --killertec-navy: #080032;
  --killertec-purple: #6267ec;
}

html {
  scroll-padding-top: 5rem;
}

.hero-killertec {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)),
    url("../img/Bilder/BG_Main-1920.webp");
  background-position: center;
  background-size: cover;
}

.hero-killertec h1,
.hero-killertec .fs-sm {
  color: #fff;
}

.navbar-brand img,
.footer .navbar-brand img {
  height: auto;
  max-width: min(250px, 52vw);
}

.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
}

picture > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--killertec-purple);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html,
  body {
    scroll-behavior: auto !important;
  }

  .card-hover {
    transition: none;
  }
}