.min-100 {
  min-height: 100%;
  height: 100%;
}

.navbar-container {
  background: rgba(255,255,255,0.95);
  position: fixed;
  z-index: 1000;
  width: 100vw;
  right: calc(-100% + 320px);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.4s ease-out;
  padding: 40px;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  .navbar-container {
    width: 100vw;
    right: calc(-100% + 320px);
    /*right: calc(-50%);*/
  }
}

@media (max-width: 992px) {
  .navbar-container {
    width: 100vw;
    /*-webkit-transition: all 0.2s ease-out;*/
    /*-moz-transition: all 0.2s ease-out;*/
    /*-ms-transition: all 0.2s ease-out;*/
    /*-o-transition: all 0.2s ease-out;*/
    /*transition: all 0.2s ease-out;*/
  }
}

@media (max-width: 768px) {
  .navbar-container {
    width: 100vw;
    font-size: 0.9rem;
  }
}

@media (max-width: 576px) {
  .navbar-container {
    width: 100vw;
    right: calc(0%);
    font-size: 1.3rem;
    padding: 10px;
  }
}

.navbar-container.hidden {
  right: -100vw;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

#mainNav {
  z-index: 2000;
  padding: 0rem 0rem !important;
}

.navbar {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#mainNav .navbar-toggler {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 100%;
  padding: 25px;
  color: #FFFFFF;
  border: none;
  /*border: 0px solid #64a19d;*/
}

#mainNav .navbar-toggler.active {
  /*font-size: 100%;*/
  /*padding: 25px;*/
  color: #000000;
  /*border: 0px solid #64a19d;*/
}

body {
}

@media (max-width: 576px) {
  #mainNav .navbar-toggler {
    padding: 5px;
  }
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  color: rgb(0,0,0);
  font-size: 22px;
  font-weight: 500;
  padding: .9rem 0;
  text-shadow: none !important;
}

@media (max-width: 576px) {
  #mainNav .navbar-brand {
    font-size: 16px;
  }
}

#mainNav.navbar-light .navbar-brand {
  color: #000000;
}

#mainNav .navbar-nav .nav-item:hover {
  color: rgba(0,0,0,0.8);
  outline: none;
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

#mainNav:not(.navbar-shrink) .navbar-brand {
  opacity: 0.0;
}

.nav-link {
  padding: 0.1rem 0.1rem !important;
  padding-left: 0rem !important;
}

@media (max-width: 992px) {
  .nav-link {
    padding-left: 1rem !important;
  }
}

@media (max-width: 768px) {
  .nav-link {
    padding-left: 3rem !important;
  }
}

@media (max-width: 576px) {
  .nav-link {
    padding-left: 1rem !important;
  }
}

.nav-item.language-link {
  margin-top: 1rem;
  padding-top: 1rem!important;
  border-top: dashed rgb(0,0,0) 1px;
}

#mainNav {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#mainNav .navbar-brand {
  padding: .5rem 0;
}

#mainNav .nav-link {
  -webkit-transition: none;
  transition: none;
  padding: 1rem 0.5rem;
  color: rgba(0,0,0,0.5);
}

#mainNav .nav-link:hover {
  color: rgba(0,0,0,0.75);
}

#mainNav .nav-link:active {
  color: rgb(0,0,0);
}

#mainNav.navbar-shrink {
}

#mainNav.navbar-shrink .navbar-brand {
  padding-left: 25px;
}

#mainNav.navbar-shrink .nav-link {
  color: #161616;
  padding: 1.5rem 1.5rem 1.25rem;
  border-bottom: 0.25rem solid transparent;
}

#mainNav.navbar-shrink .nav-link:hover {
  color: #64a19d;
}

#mainNav.navbar-shrink .nav-link:active {
  color: rgb(0,0,0);
}

#mainNav.navbar-shrink .nav-link.active {
  color: rgb(0,0,0);
  outline: none;
  border-bottom: 0.25rem solid #64a19d;
}

.navbar-nav a {
  color: rgb(0,0,0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-nav a:focus, .navbar-nav a:hover, .navbar-nav a.active:hover {
  text-decoration: none;
  color: #b50c27;
}

.navbar-nav a.active {
  color: #b50c27;
}

a {
  color: rgb(114,8,25);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#intro-holder a {
  color: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#intro-holder a {
  color: rgb(114,8,25);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:focus, a:hover, .content-holder .mit-link a:hover, .content-holder .mit-link a:focus {
  text-decoration: none;
  color: #b50c27;
}

body.impressum {
  overflow: auto;
}

body.impressum a {
  color: #b50c27;
}

.arrow-image {
  max-width: 31px;
}

.arrow-link {
  position: absolute;
  bottom: 20px;
  display: none;
}

@media (max-width: 768px) {
  .arrow-link {
    position: absolute;
    bottom: 30px;
  }
}

@media (max-width: 735px) {
  #arrow-link-home {
    position: relative !important;
    bottom: auto;
    margin-bottom: 25%;
  }
}