* {
  font-family: "Roboto", sans-serif !important;
}

nav {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}

.navbar-brand img {
  width: 100px;
}

header {
  background-size: cover !important;
  margin-bottom: 50px;
  word-wrap: break-word;
}

header,
.jumbotron {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), var(--primary)), url("/img/hero.jpg") center center no-repeat;
}

header > div {
  padding: 15vh 10vw !important;
}

.splide__slide img {
  width: 100%;
  height: auto;
}

.header-content {
  background-color: white;
  padding: 5vh 5vw;
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px);
}

main section {
  margin-bottom: 2rem;
}

article {
  margin-bottom: 1.5rem;
}

h2 {
  font-size: calc(1.325rem + 1.9vw);
}

h2 i {
  margin-right: 1rem;
}

footer {
  color: lightgrey;
}

footer a {
  color: lightgrey !important;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

footer small > a {
  display: block;
}

footer hr {
  color: darkgray;
}

.infos .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.infos .card:not(last-of-type) {
  margin-bottom: 1rem;
}

.text-primary {
  color: var(--primary) !important;
}

.jumbotron {
  height: 25vh;
  width: 100%;
  background-size: cover !important;
}

.kontakt-logo {
  height: 125px;
  padding: 20px;
  object-fit: contain;
}

.list-group-item a {
  display: block;
  text-decoration: none;
}

.list-group-item i {
  margin-right: 0.5rem;
}

#termine .list-group p {
  margin-bottom: 0.5rem;
}

.gallery img {
  padding-bottom: 4px;
}

.form-floating textarea {
  height: 100px !important;
}

@media screen and (max-width: 992px) {
  .form-floating textarea {
    height: 200px !important;
  }

  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-select ~ label {
    opacity: 0.075;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
}