html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

ul {
  list-style-type: circle;
  font-size: 1.25em;
  line-height: 1.8em;
}

.list--impressum li {
  margin-bottom: 10px;
}

@media (max-width: 360px) {
  header {
    min-height: 287px;
  }
}

main {
  flex: 1 0 auto;
  margin-bottom: 100px;
}

.footer-dark {
  flex-shrink: 0;
}

.orange-litscher.h1-mobile {
  font-size: 2.5em;
}

.kolonne-inhalte {
  font-size: 1em;
  top: 50px;
  margin-bottom: 100px!important;
}

@media (max-width: 575px) {
  .kolonne-inhalte {
    font-size: 0.95em;
    top: 50px;
    margin-bottom: 100px!important;
  }
}

.text-abschnitte {
  font-size: 1.25em;
  line-height: 1.8em;
}

.carousel-control-prev, .carousel-control-next {
  display: none;
}

.slider-textfeld {
  position: absolute;
  /*float: left;*/
  margin-left: 0;
  bottom: 0;
  max-width: 274px;
  height: auto;
  background-color: rgba(0,0,0,0.50);
}

@media (min-width: 575px) {
  .slider-textfeld {
    max-width: 320px;
    bottom: 15%!important;
  }
}

@media (min-width: 768px) {
  .slider-textfeld {
    max-width: 420px;
  }
}

@media (min-width: 992px) {
  .slider-textfeld {
    max-width: 580px;
  }
}

@media (min-width: 1200px) {
  .slider-textfeld {
    max-width: 715px;
  }
}

.slider-paragraph {
  color: white;
  padding: 15px;
  padding-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
}

@media (min-width: 576px) {
  .slider-paragraph {
    font-size: 1em;
  }
}

@media (min-width: 768px) {
  .slider-paragraph {
    font-size: 1.5em;
  }
}

@media (min-width: 992px) {
  .slider-paragraph {
    padding: 30px;
    font-size: 2em;
  }
}

@media (min-width: 1200px) {
  .slider-paragraph {
    font-size: 2.5em;
  }
}

.navbar-light .navbar-brand {
  width: 200px;
  padding-top: 30px;
  /*padding-left: 15px;*/
  padding-bottom: 30px;
}

@media (max-width: 575px) {
  .navbar-light .navbar-brand {
    width: 140px;
    padding-top: 20px;
    /*padding-left: 15px;*/
    padding-bottom: 20px;
  }
}

.navbar-light .navbar-toggler {
  border: none;
  outline: none;
}

@media (min-width: 300px) {
  .navi-icon-tel, .navi-icon-mail {
    position: relative;
    /*margin-top: -35px!important;*/
    width: 30px;
    /*float: right;*/
  }
}

@media (min-width: 992px) {
  .navi-icon-tel, .navi-icon-mail {
    /*position: absolute;*/
    /*margin-top: -35px!important;*/
    width: 40px;
    /*float: right;*/
  }
}

#navcol-1 {
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 120px;*/
  background-color: white;
  /*width: 260px;*/
  /*float: right;*/
  /*overflow: visible;*/
  /*z-index: 999!important;*/
  /*padding-bottom: 50px;*/
  padding-left: 10px;
}

.nav.navbar-nav {
  text-align: right;
  padding-right: 50px;
  font-size: 1.4em;
  line-height: 2em;
}

@media (min-width: 300px) {
  .nav-item.last-nav {
    padding-bottom: 35px;
    min-height: 20px;
  }
}

@media (min-width: 992px) {
  .nav-item.last-nav {
    padding-bottom: 0;
    min-height: 20px;
  }
}

a.nav-link.active, a.nav-link:hover, .orange-litscher {
  color: #F18A00!important;
}

.titel-footer {
  font-size: 1.5em!important;
  padding-top: 15px;
}

.fa {
  margin-top: 9px;
  font-size: 1.5em;
}

.fa.fa-linkedin {
  margin-left: 30px;
}

.link-footer, .link-footer:hover {
  color: inherit;
  font-size: 1em!important;
  display: block;
}

.container.container-footer {
  width: 100%!important;
  min-width: 100%;
  line-height: 2em;
  font-size: 1.3em;
}

@media (max-width: 575px) {
  .container.container-footer {
    width: 100%!important;
    min-width: 100%;
    line-height: 2em;
    font-size: 1.2em;
  }
}

.text-footer {
  font-size: 1.3em!important;
}

.einzelzeile {
  line-height: 2em;
  font-size: 1em!important;
}

@media (min-width: 300px) {
  #carousel-1 {
    margin-top: 88px;
  }
}

@media (min-width: 576px) {
  #carousel-1 {
    margin-top: 125px!important;
  }
}

@media (min-width: 992px) {
  #carousel-1 {
    margin-top: 125px!important;
  }
}

.slider-bild-mobil {
  width: 135%!important;
}

@media (max-width: 575px) {
  .slider-bild-guido {
    margin-left: -100px;
    overflow: visible!important;
  }
}

@media (min-width: 576px) {
  .slider-bild-mobil {
    width: 100%!important;
  }
}

.weisse-farbe {
  color: white!important;
}

.inhalt-unterseiten {
  margin-top: 50px;
}

.inhalt-unterseiten--shop {
  margin-bottom: 13rem;
}

.heading-unterseitenpunkte {
  width: 100%;
  padding-left: 25px;
}

@media (min-width: 1200px) {
  .heading-unterseitenpunkte {
    width: 320px;
  }
}

.inhalt-paragraph, .mehr-lesen-link {
  padding-left: 25px;
  line-height: 1.5em;
}

.mehr-lesen-link {
  color: #999;
}

.mehr-lesen-link:hover {
  color: #333;
  text-decoration: none;
}

.oberster-inhalt-unterseiten {
  margin-top: 100px;
}

.modal-body {
  padding-bottom: 50px;
}

.modal-header {
  border-bottom: none;
}

.close {
  font-size: 5em!important;
  font-weight: 300;
  margin-right: 10px!important;
  color: #F18A00!important;
  opacity: 1!important;
}

.liste-modalbox {
  margin-left: 5px;
}

.slider-paragraph.slider-paragraph-ueber-uns {
  display: none;
}

.social-links, .social-links:hover {
  color: white;
}

@media (min-width: 300px) {
  .main-404-seite {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .main-404-seite {
    margin-top: 100px;
  }
}

.ueberschrift-label {
  color: rgba(0,0,0,0.54);
}

label {
  width: 100%;
  color: #f18a00;
}

input::placeholder {
  color: rgba(0,0,0,0.23)!important;
}

.link-neutral, .link-neutral:hover {
  color: inherit;
  text-decoration: none;
}

.form-control {
  border-radius: 0px;
  border-color: rgba(128,128,128,0.18);
}

.form-control-file {
  color: rgba(0,0,0,0.23)!important;
  border: 1px solid rgba(128,128,128,0.18);
}

.btn--bestellung {
  margin-left: 25px;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 0.7rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: #fff !important;
  background-color: #343a40;
  text-decoration: none !important;
}

.btn--bestellung:hover {
  background-color: #23272b;
  border-color: #1d2124;
}