/**
 * @copyright (C) 2022 Roland Laich
 *
 * @author Roland Laich <mail@laich.info>
 *
 * @link www.laich.info
 * 
 * -----------------------------------------
 * 
 * CSS für stickymenu.js
 * Vorlage zum einfügen in user.css
 * Ggf. Selektoren anpassen an HTML-Struktur und body.sticky-menu an die existierenden HTML-Elemente un deren Höhe(n)
*/

/***************  Sticky ***************/
/*
 body.sticky-menu {
  margin-top: 104px;
}
*/
.container-nav.sticky-menu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.container-nav.sticky-menu.animated {
  animation-duration: 0.5s;
  animation-name: stickyMenu;
}

@keyframes stickyMenu {
  from {
    margin-top: -2%;
  	opacity: 50%;
  }
  to {
    margin-top: 0%;
  	opacity: 100%;
  }
}