* {
  font-family: 'Roboto';
  color: #616060;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: 700;
  background-color: #616060;
  color: white;
  text-decoration: none;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link:focus, .nav-link:hover {
  color: white;
  background-color: #f07d00;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: white;
  text-decoration: underline;
}

.h1-tepe {
  font-size: 1.8rem;
  font-weight: 100;
  text-align: center;
}

@media (min-width: 1200px) {
  .h1-tepe {
    font-size: 2.8rem;
    font-weight: 100;
    text-align: center;
  }
}

.h2-tepe {
  color: #f07d00;
  font-size: 2rem;
}

@media (min-width: 992px) {
  .h2-tepe {
    color: #f07d00;
    font-size: 2.6rem;
  }
}

.breakable {
  display: inline-block;
}

.text-bold-orange {
  font-weight: 700;
  font-size: 3rem;
  color: #f07d00;
  line-height: 4rem;
}

@media (min-width: 1200px) {
  .text-bold-orange {
    font-weight: 700;
    font-size: 4.8rem;
    color: #f07d00;
    line-height: 5rem;
  }
}

.copy-einleitung {
  font-weight: 100;
  font-size: 1.4rem;
}

@media (min-width: 992px) {
  .copy-einleitung {
    font-weight: 100;
    font-size: 1.5rem;
  }
}

.copy {
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.6rem;
}

.copy-small {
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.4rem;
}

.text-white {
  color: #ffffff;
}

.text-bold {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.abstand-top {
  margin-top: 48px;
}

.abstand-bottom {
  margin-bottom: 48px;
}

.abstand-top-small {
  margin-top: 24px;
}

@media (min-width: 923px) {
  .abstand-top {
    margin-top: 120px;
  }
}

#team-box {
  min-height: 240px;
}

@media (min-width: 923px) {
  #team-box {
    min-height: 360px;
  }
}

/* Carousel-Item block lassen, Slider-Logik muss funktionieren */

.carousel-item {
  background-color: white;
}

/* Bild selbst */

.carousel .carousel-item img.w-100 {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 1600px);
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#scroll-track {
  display: flex;
  width: max-content;
  animation: scrollLeft 80s linear infinite;
}

@keyframes scrollLeft {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

#scroll-wrapper {
  width: 100vw;
  overflow: hidden;
  position: relative;
}

#scroll-track img {
  height: 70px;
  width: auto;
  margin-right: 6rem;
  flex-shrink: 0;
}

.button-breit {
  display: block;
  width: 100%;
}

.btn-warning {
  --bs-btn-color: white;
  --bs-btn-bg: #f07d00;
  --bs-btn-border-color: #f07d00;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #d66402;
  --bs-btn-hover-border-color: #d66402;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #f07d00;
  --bs-btn-active-border-color: #f07d00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #f07d00;
  --bs-btn-disabled-border-color: #f07d00;
}

.info-small {
  font-size: 18px;
  line-height: 1.4rem;
}

.font-weight-light {
  font-weight: 100;
}

.font-weight-bold {
  font-weight: 600;
}

.h3-tepe {
  font-weight: 700;
}

.text-center {
  text-align: center;
}

.element-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#box-link a {
  color: #f07d00;
  text-decoration: none;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2rem;
}

a:hover {
  --bs-link-color-rgb: #f07d00;
  text-decoration: underline!important;
}

.outer {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.fusszeile a {
  color: #ffffff;
  text-decoration: none;
}

.fusszeile a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.h4-tepe {
  font-size: 1.4rem;
  font-weight: 600;
}

.klassenname {
  font-size: 5rem;
  font-weight: 600;
}

.auto-box {
  padding: 12px;
}

.gespiegelt {
  transform: scaleX(-1);
}

@media (max-width: 767px) {
  .max-width-30 {
    max-width: 30%;
  }
}

@media (min-width: 768px) {
  .max-width-30 {
    max-width: 60%;
  }
}

.copy.text-bold.line-height {
  line-height: 1.4rem;
}

@media (max-width: 767px) {
  .max-width-50 {
    max-width: 45%;
  }
}

@media (min-width: 768px) {
  .max-width-50 {
    max-width: 85%;
  }
}

.border-shadow {
  border: white solid 8px;
  box-shadow: 8px 8px 6px rgba(0,0,0,0.6);
}

.text-right {
  text-align: right;
}

.rotate-right {
  transform: rotate(3deg);
}

.rotate-left {
  transform: rotate(-3deg);
}

.parallax-bg {
  background-image: url('../../assets/img/basics/bg-asphalt.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  background-color: #f0f0f0;
}

.copy span {
  font-weight: 600;
}

.text-orange {
  color: #f07d00;
}