@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

.container-header {
      background: 
        linear-gradient(rgba(237, 250, 255, 0.75), rgba(237, 250, 255, 0.75)),
        url('/images/Blumenmuster/Blumen.png');
      background-repeat: repeat;
      background-size: 350px auto;
      background-position: center top;
      background-attachment: fixed
}

.container-header .mod-menu {
   justify-content: center;
   color:#22262a;
      background: 
        linear-gradient(rgba(237, 250, 255, 0.75), rgba(237, 250, 255, 0.75)),
        url('/images/Blumenmuster/Blumen.png');
      background-repeat: repeat;
      background-size: 350px auto;
      background-position: center top;
      background-attachment: fixed
   padding: 0;
}



.grid-child.container-nav {
    justify-content: center !important;
}



.navbar-brand {
  text-align: center;
  width: 100%;}



.container-header .navbar-toggler {
color: #000;
}



.container-header .navbar-toggler {
color: #000;
justify-content: center;
}





  h2, .h2 {
    font-size: 1.3rem;}

.navbar {
	--navbar-toggler-focus-width: 0;
}



.eventgallery-tiles-list .eventgallery-lazyload-loaded  {

  max-width:200px;
  
 -webkit-box-shadow: -1px -10px 20px -1px rgba(125,123,125,1);
-moz-box-shadow: -1px -10px 20px -1px rgba(125,123,125,1);
box-shadow: -1px -10px 20px -1px rgba(125,123,125,1);
}



body {
  background: 
      linear-gradient(rgba(237, 250, 255, 0.75), rgba(237, 250, 255, 0.75)),
      url('/images/Blumenmuster/Blumen.png');
  background-repeat: repeat;
  background-size: 350px auto;
  background-position: center top;
  background-attachment: fixed
  }


/* aktiver Menüpunkt */
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal
  > li.metismenu-item.current.active > a {
  background-color: #C5E1FC !important;
  color: #000 !important;
}

/* Hover für normale Punkte */
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal
  > li.metismenu-item > a:hover {
  background-color: #C5E1FC !important;
  color: #333 !important;
}

/* JO_Countdown Sekunden + Trennpunkt ausblenden */
#jocountdown-125 .flip-clock-divider.seconds {
  display: none !important;
}

#jocountdown-125 .flip-clock-divider.seconds + ul.flip:last-child,
#jocountdown-125 .flip-clock-divider.seconds ~ ul.flip {
  display: none !important;
}