@font-face {
  font-family: 'fitpoint';
  src: url('tcm.ttf')  format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'digital-7';
  src: url('digital-7.ttf')  format('truetype'); /* IE9 Compat Modes */
}


body {
  font-family: "fitpoint";
  background-image: url("../img/startseite-bg.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: 100px 35px;
padding-right: 0 !important;
}

.modal-open {
  overflow: inherit;
}

.navi {
  width: 100%;
  background-color: white;
  height: 100%;
  position: fixed;
  max-width: 220px;
}

nav.navbar {
padding-top: 100px;
padding-left: 25%;
}

.navbar-brand {

}

a.nav-link {
  padding: 0px;
}

.navbar-collapse {

}

.navbar-nav .nav-item {

transition: 0.5s;
}

.navbar-nav .nav-item.active {
color: grey;
}

.navbar-nav .nav-item:hover {

}

.navbar-nav .nav-item.active:hover {

}

 .navbar-light .navbar-nav .nav-link {
  color: #bbbec0;
    text-transform: uppercase;
      font-size: 1.5rem;
}

.navbar-light .navbar-nav .active>.nav-link {
  color: #686869;
}

.navbar-light .navbar-nav .nav-link:hover {

}

.logo_header {
  width: 100%;
    background-color: white;
    display: flex;
    justify-content: flex-end;
}



/* Main */

.content {
  margin-left: 175px;
    padding: 25px;
    position: relative;
}

.inhalt {
  margin-top: 40px;
  background-color: #fffffff0;
  padding: 15px;
  padding-bottom: 30px;
}

.inhalt.claim {
    background-color: none;
}

.inhalt.startseite {
  padding-bottom: 0px;
}

.row {
  margin-top: 10px;
}

h1, h2, h3, h4, h5 {
    color: #bbbec0;
}

.inhalt.startseite h5 {
  color: white;
}

.topab {
margin-top: 35px;
}

.card a {
  color: black;
}

.card a:hover {
  text-decoration: none;
}

.card-title {
  color: black;
}

.card-img, .card-img-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

form {
  margin-top: 50px;
}

form button.btn-primary {
  background-color: #c1342d;
  margin: 0 auto;
  border: none;
  display: block;
}

form button.btn-primary:hover {
  background-color: #fdb813;
}

/* Footer */
.footer {
  margin-top: 40px;
  background-color: #ffffffe6;
  padding: 15px;
  display: flex;
justify-content: space-between;
}

.claimer_img {
      width: 100%;
}

.inhalt.startseite .row {
  display: flex;
justify-content: center;
}
/* Responsive */

@media screen and (max-width: 1450px) {

  .inhalt {
    max-width: 700px;
  } 
}


@media screen and (max-width: 992px) {

  body{
    background-size: contain;
    background-position: bottom;
  }

.logo_header a{
      z-index: 1;
}

.inhalt.startseite {
  padding-top: 1px;
}

.logo_header a img{
      height: 85px !important;
}



.navbar-collapse {
      margin-top: 30px;
}

  .content {
    margin-left: 0px;
      padding: 0px;
  }

  nav.navbar {
padding-top: 25px;
padding-left: 30px;
  }
.navi {
  height: auto;
    z-index: 1;
        max-width: fit-content;
}

.navi .collapsed

}