:root {
  --bs-primary-rgb: 228, 33, 48; /* rot */
  --bs-primary: rgb(var(--bs-primary-rgb)); /* rot */
  --bs-secondary-rgb: 91, 123, 187; /* blau */
  --bs-secondary: rgb(var(--bs-secondary-rgb)); /* blau */
}

.transition-primary {
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.transition-primary::before {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all .4s;
  z-index: -1;
}

.transition-primary:hover::before {
  background: var(--bs-primary);
  top: 0;
  border-radius: 0px;
}

.transition-primary * {
  transition: all .1s;
}

.transition-primary:hover * {
  color: #fff !important;
}

.cta {
  background-image: url('../gfx/hcs-immobilien-gmbh-co-kg-hockenheim-214337983-sebra@a.jpg');
  position: relative;
}

.cta .container {
  position: relative;
  z-index: 2;
}

.cta::before {
  content: '';
  background-color: #000;
  opacity: .5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.rounded-0 {
  border-radius: 0;
}

.navbar-mobile .mobile-nav-toggle {
  top: 27px;
}

.section-title h2 {
  background: rgba(var(--bs-secondary-rgb), .15);
  color: var(--bs-secondary);
}

address .fas {
  color: var(--bs-secondary);
}

#hero {
  background: url('../gfx/hcs-immobilien-gmbh-co-kg-hockenheim-295713811-1080x1920-ah_fotobox@a.jpg') top center;
  background-size: cover;
}

#footer .copyright {
  font-size: 1rem;
}

#footer address * {
  line-height: 2rem;
}

@media (min-width: 768px) {
  #header .logo img {
    max-height: 160px;
  }

  #hero {
    background: url('../gfx/hcs-immobilien-gmbh-co-kg-hockenheim-295713811-ah_fotobox@a.jpg') bottom center;
    background-size: cover;
  }

  #footer address * {
    font-size: 1rem;
  }
}