@media (min-width: 768px) and (max-width: 991px) {
  .navbar-expand-md .navbar-collapse:not(.show) {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .navbar-expand-md .navbar-toggler {
    display: block !important;
  }
}

/* Body */
body {
  background-color: #f9ebcf; 
}


@media screen and (max-width: 576px) {
  body.wrapper-fluid .site-grid {
    grid-gap: 0 0.5em;
  }
} 


p {
  font-size: 1.2rem;
}

h2 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}


/* TopBar */
.container-topbar {
  background-color: red;
  padding: 20px;
}

/*Header */
.container-header {
  background-color: #335347;
  background-color: #244035;
  background-image: none;
  margin-bottom: 60px;
  z-index: 99999;
  position: sticky !important;
  top: 0;
}

/* horizontales Menu 
.container-header .mod-menu {
   justify-content: center;
   color: #ffffff;
   background-color: #22262a;
   padding: 0;
}*/


.container-header nav {
  margin-top: 0em !important;
}
.container-header .container-nav{
  padding-bottom: 0em !important;
} 


/* Hamburger Menu */
.container-header .navbar-toggler {  
  padding: 6px 10px;
  margin: 15px;
}

.navbar-toggler:after {
  content: "Menü";
  margin-left:0.5em;
}

/* Banner */
.container-banner {
 /* height: 80vh; */
  margin-top: -66px;
}

/* box-kontakt */
.box-kontakt {
  border: none;
  background: none;
}

/* Footer */
.footer-top {
  height: 30px;
  width: 100%;
  margin: 15px 0 -1px 0;
  background-color: #ddd0b6;
  clip-path: polygon(0px 0px, 50% 100%, 100% 0, 100% 100%, 0 100%);
}

.footer {
  margin-top: 0;
  background-color: white;
  background-image: none;
  background-color: #ddd0b6;
  /*background: rgb(249,235,207); */
  /*background: linear-gradient(180deg, rgba(249,235,207,1) 0%, rgba(136,113,64,1) 76%); */
  color: #112855;
}

/*
#logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  height: 152px;
  border: 3px solid #a57c27;
  background-color: white;
  background-image: url("https://www.imkerei-willensen.de/images/symbole/Logo_w.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9999;
  border-radius: 2px;
} */

/* Lageplan */
#map112 {
  height: 400px;
  margin-top: -10px;
  border: 1px solid #c4942f;
}

/* Droppics */
#colorbox.droppics {
  z-index: 9999999 !important;
}

.droppicsgallerydefault .wimg {
  margin: 2px !important;
}

#droppics_modal {
  z-index:99999;
}

/* Kontaktformular */
.contact-form legend, .com-contact__container h3, dl.contact-position dt {
  display: none;
}

.sidebar-right {
  border:none;
  background-color: #f9ebcf; 
}

/* mnuhome */
.mnu_home::before { 
  font-family: "Font Awesome 5 Free";
  color: white;
  content: "\f015";
  font-size: 30px !important;
  top: 0px !important;
  position: relative !important;
  display: inline-block !important;
  line-height: 45px !important;
  height: 45px !important;
  font-weight: 900;
} 
.mnu_home {
  font:0/0 a !important;  
}

.verkaufsstelle {
  border: 1px solid #c4942f;
  padding: 40px 10px;
  background-color: white;
}

.verkaufsstelle:hover {
  background-color: wheat;
}

.img-zm:hover {
 transform: scale(1.04);
/* transition: transform 0.3s ease 0s;*/
 transition: transform calc(.25s * 3) ease; 
}

#djslider-loader114 {
  /*height: 90vh; */
  /*max-height: 90vh; */
  border: 1px solid gray;
  margin-bottom: 20px;
}

.slide-desc-bg-default {
  opacity: 0.6 !important;
}


/* Animation biene  */
img.biene {
  position: relative;
  animation: biene 10s infinite ease;
}

@keyframes biene{
    0% {  transform: scale(1) rotate(0deg); left:-400px;   }
    60% {  transform: scale(1) rotate(0deg); left:100%;   }
    61% {  transform: scale(1) rotate(0deg) rotateY(180deg); left:100%;   }
    100%  {  transform: scale(1) rotate(0deg) rotateY(180deg); left:-400px; }
}

/* Slideshow */
#mod-custom121 {
  height: 70vh;
  overflow: hidden;
  margin-top: -20px;
  background-attachment: fixed;
}

@media (max-height: 740px) {
  #mod-custom121 {
    height: 100vh;
   }
}

/*
.slideshow {
  overflow: hidden;
  width: 100%;
  height: 100%;
} */


.slideshow-image {
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  animation-name: kenburns;
  animation-timing-function: linear;
 /* animation-iteration-count: infinite; */
  animation-duration: 16s;
  animation-fill-mode: forwards;
  opacity: 1;
  transform: scale(1.3);
  background-image: url("https://www.imkerei-willensen.de/images/diashow/Bienenstand_1920x864.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


@keyframes 
kenburns {  
   0% { transform: scale(1.3);}
 100% { transform: scale(1);}
}




/* table */
table.daten {
  margin: 10px 0 10px 0; 
  border:solid 2px black;
  background-color:white;
}

table.daten td {
  padding:6px;
  border:solid 1px gray;
}

table.daten tr:hover { 
  background-color: #afccda;
}

table.kalender td {
  padding:2px;  
  border:solid 1px black;
}

table.kalender p {
  padding:0;
  margin:0;
}

table.kalender,
table.schuldaten {
  width:100%;
  margin: 10px 0 10px 0;
  border:solid 2px black; 
  background-color:white;
}

table.schuldaten td {
  padding:2px; 
  border:solid 1px black;
}

table.schuldaten tr:hover,
table.kalender tr:hover {
 background-color: #afccda;
}

.container-topbar {
  background-color: red;
  padding: 10px;
}