/* =========================
  Hauptfarben
   ========================= */
/* Regular */
@font-face {
  font-family: "Xolonium";
  src: url("../fonts/Xolonium-Regular.ttf") format("truetype"), url("../fonts/Xolonium-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
/* Bold */
@font-face {
  font-family: "Xolonium";
  src: url("../fonts/Xolonium-Bold.ttf") format("truetype"), url("../fonts/Xolonium-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
html, body {
  background-color: #000000;
  color: white;
  font-family: "Xolonium", sans-serif;
  font-size: 1.05rem;
}

.container {
  margin: 0 auto;
  background-color: #000000;
  max-width: 1440px;
  width: 100%;
  padding: 0;
  background-repeat: repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-image: url("../assets/image/Keller-Trasport_WEB_Background.png");
}

.bg-body-tertiary {
  background-color: transparent !important;
}

.navi-line {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(to right, #d89a00 0%, #ffd84a 50%, #d89a00 100%) 1;
  width: 100%;
  height: 2px;
}

#navbarNav {
  color: white;
}
#navbarNav a {
  color: white;
}
#navbarNav .nav-link.active {
  color: #ffd84a;
}

.navbar-nav, .but-nav {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}

.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.image-border {
  border-image: linear-gradient(to right, #d89a00 0%, #ffd84a 50%, #d89a00 100%) 1;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  width: 100%;
  max-width: none;
}

.bg-color-blend {
  border-top-left-radius: 25px;
  border-bottom-right-radius: 50px;
  padding: 1rem;
  background: linear-gradient(to right, #d89a00 0%, #ffd84a 50%, #d89a00 100%);
}

.bg_image {
  z-index: -1;
}

.line_img {
  height: 2px;
  width: 100%;
}

.overlay {
  top: 50%;
  transform: translateY(-50%);
}

#kontakt {
  overflow: hidden;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 50px;
  background: linear-gradient(to right, #d89a00 0%, #ffd84a 50%, #d89a00 100%);
}

#logo {
  transition: opacity 0.15s linear;
}

/*# sourceMappingURL=main.css.map */