/* Customized CSS */
/* Kefa-Regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kefa-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Kefa-Regular-3.ttf') format('OpenType'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* allison-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allison';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allison-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

   
html, body * {
    font-family: 'Kefa-Regular' !important;
    padding: 0 !important;
}
body {
    color: #312a33 !important;
}
.container-fluid {
    padding: 0 !important;
}
.container {
  max-width: 960px !important;
}
header {
   padding: 0;
}
.bg-green {
  background: #183d2e;
}
.text-green {
  color: #183d2e;
}
.navbar {
  border-bottom: 5px solid white;
}
a.nav-link {
  
  line-height: 1.1rem !important;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: white !important;
}
a.nav-link:hover, a.nav-link.active {
  color: #707173  !important;
}
.navbar-toggler-icon {
  filter: invert(100%);
}
figcaption span {
  font-family: 'Allison' !important;
  font-size: 9rem;
  font-weight: 500;
}
figcaption div {
  bottom: 8%;
  font-size: 1.6rem;
}
#top_logo {
  top: 6%;
  left: 10%;
}
article table tr {
  font-size: 1.1rem;
  border-color: rgba(255, 255, 255, .2) !important;
}
figcaption.produkttipp {
  position: absolute !important;
  min-height: 178px;
  bottom: -15%;
  left: 55%;
  background: linear-gradient(to right, rgb(200, 156, 67), #F5CB86, rgb(200, 156, 67));
}
figcaption.produkttipp span {
  font-size: 3.8rem;
}
figcaption.produkttipp div {
  font-size: 1.3rem;
  font-weight: 600;
  color: #312a33;
}
#fusspflege_block figcaption.produkttipp {
  bottom: 78% !important;
}

footer.container-fluid {
  background: url(../images/footer.jpg) no-repeat center;
  background-size: cover;
}
footer .table-sm
{
  width: 260px !important;
}
footer .table-sm td
{
  padding: 0rem .25rem !important;
}
footer address {
  width: 260px;
}
/* ----- Taste scroll-Top ----- */
.scrollup {
    position: fixed;
    bottom: 20px;
    right: 30px;
    background: rgba(0, 0, 0, .5) !important;
    color: rgb(255, 255, 255);
    cursor: pointer;
    z-index: 1540;
}
#ds_blok {
  background: rgba(0,0,0, .5);
}
.modal-body p, .modal-body ul li {
  font-size: .9rem !important;
  margin-bottom: .4rem !important;
}

@media screen and (max-width: 1400px){
  #fusspflege_block figcaption.produkttipp {
    bottom: 70% !important;
  }  
}

@media screen and (max-width: 992px){
  #offcanvasDarkNavbar {
    background-color: #183d2e !important;
  }
  #offcanvasDarkNavbar .nav-link {
    padding: 1.0rem !important;
    border: none !important;
  }
  figcaption span {
    font-size: 6rem;
  }
  figcaption div {
    bottom: 5%;
    font-size: 1.3rem;
  }
  #fusspflege_block figcaption.produkttipp {
    bottom: 50% !important;
  }
}

@media screen and (max-width: 780px){
  figcaption span {
    font-size: 5.2rem;
  }
  figcaption div {
    bottom: 5%;
    font-size: 1.2rem;
  }
  figcaption.produkttipp {
    bottom: -45%;
  }
  #fusspflege_block figcaption.produkttipp {
    bottom: 35% !important;
  }
  figcaption.produkttipp span {
    font-size: 3.0rem;
  }
  figcaption.produkttipp div {
    font-size: 1.0rem;
  }
}

@media screen and (max-width: 580px){
  figcaption span {
    font-size: 4.3rem;
  }
  figcaption div {
    bottom: 3%;
    font-size: .9rem;
  }
  figcaption.produkttipp {
    position: static !important;
    min-height: auto;
  }
  .trenn {
    display: none;
  }
  p.fs-5 {
    font-size: 1.0rem !important;
  }
  article table tr {
    font-size: 1.0rem;
  }
  article table tr td:first-child {
    max-width: 180px !important;
  }  
}

@media screen and (max-width: 420px) {
  figcaption span {
    font-size: 3.2rem;
  }
}