@supports (display:grid) {
  .site-grid > [class*=" container-"], .site-grid > [class^="container-"] {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    grid-gap: 0;
    max-width: none;
    width: 100%;
   /*padding-left: 20px;*/
  }
}

/*body{background: #388CB0;}*/

div.site-grid{
  grid-gap: 0 0 !important;
}
.container-header
{
  background-image: unset;
  background: #fff;
}
.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child
{
  background-color: #e7eae1;
  margin-top: 0;
  border-radius: 0 0px 20px 0px;
}
/*Logo-mobile*/
.container-search {
    display: none;
}


.container-header nav
{
  /*margin-bottom: 120px;*/
  margin-top: 0;
  height:150px;
}

. .mod-menu {
  color: #809769;
  list-style: none;
  font-weight: bold;
  text-transform: uppercase;
}

 .container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {
    opacity: 0 !important;    
  }

.container-header {
  background: url(/images/body/hg_top.jpg) repeat-x bottom;
  z-index:9000;
}

.container-header .navbar-toggler {
  border: 1px solid #444;
  color: #444;
  cursor: pointer;
}

.mod-preview-info
{
  display: none;
}

.navbar-toggler {
  background-color: transparent;
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item {
  text-decoration: none;
}

.metismenu.mod-menu .metismenu-item
{
  font-size: 1.2em;
  color: #5961a4;
}
.metismenu.mod-menu .level-2  
{
  font-size: 0.9em !important; 
  font-weight: normal;
  border-left: 2px solid #efefef; 
  border-bottom: 2px solid #efefef;
}
.metismenu-item .level-2
{
  border-bottom: 2px solid #809769;
}

.metismenu.mod-menu .metismenu-item>ul 
{
  top: 61%;
  z-index: 6000;
}
 .mm-collapse 
{
  border-bottom: 10px solid #809769;
}
.tab-link a
{
  font-size: 0.7em;
}


.h3, h3
{
  color: #809769;
  font-size: 1em;
}

.h1, h1 {
  	color: #809769;
	text-transform: uppercase;
  	margin-bottom: 0.75em;
  	font-size: 1.3em;
  	line-height: 1.2;
  	font-weight: normal;
}

.h2 h2 
{ 
  	color: #809769;
    margin-bottom: 0.75em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: normal;
}
 
  .h4, h4 {
  	color: #809769;
  	font-size: 0.9em;
    text-transform: uppercase;
    font-weight: normal;
}
.h3, h3
{
  color: #809769;
  font-size: 1em;
}


.blog h2
{
  	color: #809769;
    margin-bottom: 0.75em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: normal;
  	text-transform: uppercase;
}

div.grid-child.container-nav color: #809769;
      margin-bottom: 0.75em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: normal;
{
  max-height: 150px;
}

.container-header .container-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1em;
}

div#slider-container127 {
   /* border-radius: 0 0 40px 0;*/
}

.grid-child.container-component
{
  width: 100%;
}


.sidebar-right.card {
    margin: 0 0 3% 3% !important;
    border-radius: 0 0px 20px 0px;
} 


.card-header
{
  background-color: #809769;
  color: #fff;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: normal;
}

.footer .grid-child {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   align-items: unset;
  justify-content: space-between;
  padding: 2.5rem .5em;
}
  

.footer
{
  background-color: #809769;
  background-image: none;
}

.footer .kontakt h3
{	
  color: #5961a4; 
  background-color: #e7eae1;
}

.footer .anfahrt h3
{
  color: #5961a4; 
  background-color: #e7eae1; /*#e7eae1;*/
}

nav.footer.no-card {margin-top: 3%;}

.footer.card.kontakt
{
  border-radius: 0 0 20px 0;
  border-color: #dfe3e7;
  background: #DCE6D1;
}

.footer.card.anfahrt
{
  border-radius: 0 0 20px 0;
  border-color: #dfe3e7;
  background: #DCE6D1;  
}

.footer .kontakt p
{
  color: #666; 
}


/*overlay-Bild*/

#mod-custom125
{
  	z-index: 2000;
 	height:100%;
  	display: block;
  	overflow: hidden;
	position: absolute;
	width: 100%;
   	background-image: url("https://joom4.fischen-erding.de/images/maske1320_3.png") ;
  	background-repeat: no-repeat;
    left:0;
    /*border-radius: 0 0 40px 0;*/
}
/*Fisch*/
#mod-custom129
{ 
    float: right;
    height: 23px;
    width: 1320px;
    /*right: -1000px;*/
    text-align: right;

}
 
li.metismenu-item.item-187.level-1
  { bottom: -40px;}

/***********************************Content************************************************/
.container-component {
      grid-area: comp;
      background: #e7eae1;
      border-radius:0 0px 20px 0px;
      padding: 20px;      
}
  .container-bottom-a > *, .container-bottom-b > *, .container-top-a > *, .container-top-b > * {

    flex: 0;
    margin: .5em 0;
  }

/***********************************mobile************************************************/



@media (max-width: 375px)
  
{
    @supports (display:grid) {
    .site-grid > [class*=" container-"], .site-grid > [class^="container-"] {
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
      max-width: 100%;
      width: 100%;
   	 }
	}
 	.container-header .container-nav {
       justify-content: center;
      }
  
     .container-sidebar-right .sidebar-right:first-child {
  		margin-top: 1em;
	}
 .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0.2em;
  	} 
  
    .container-header {
        background-image: none;
      }
    .menu-logo
      {
        width: 30%;
       /*display: none;*/
      }
  
    .metismenu.mod-menu .metismenu-item
      {
       font-size: 1.0em !important;
       padding: 0.5em 0.5em;
       line-height: 2em;
       width: 250px;       
      }

    li.metismenu-item.item-187.level-1
    	{ display: none;}

    .container-header {
      background: none;
      height:auto;
      justify-content: left;
      display: grid;
 	 }
  
  
 .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
    
    left: 100px;
    z-index:200;
	width: 250px;
  }
  
/*Logo-mobile*/
  div#mod-custom134.mod-custom.custom
  {
     position: absolute;
   	 width:50%;
  } 
  
   .container-search {
      display: flex;
      }
  
    div#navbar1.collapse.navbar-collapse
 	 {
    	background-color:#e7eae1;
		border: 2px solid #809769;
    }
  
    .metismenu.mod-menu .metismenu-item > ul {
    top: 10px;
    z-index: 0;
     
    }
  
  .sidebar-right.card {
    margin: 3% 0 3% 0;   
	}
  
    .container-header nav
    {
      /*margin-bottom: 120px;*/
      margin-top: 0;
      height:30px;
    }
 	 #mod-custom129 {
      float: right;
      height: 23px;
      width: auto;
      right: auto;
    }
     .kontakt {
      position: relative;
	}
  #mod-custom125
  {
    display:none;
  }
 .tab-img {
    height: auto;
    max-width: 100%;
    min-width: 100px;
}
/*********************JEVENT***********************/  
  .cal_table {
  border: 1px solid #000000;
  border-collapse: collapse;
  font-size: small;
}
  
    .footer.card.anfahrt {
      border-radius: 0 0 20px 0;
      border-color: #dfe3e7;
      margin-top: 2.3em;
	}
  
  .h2, h2 
  {
     color: #809769;
      margin-bottom: 0.75em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: normal;
  }
  
  .h4, h4 {
  color: #809769;
  font-size: 0.9em;
}
  
.h3, h3
{
  color: #809769;
  font-size: 1em;
}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width:375.1px) and (max-width: 992.1px)
  
{
  
  @supports (display:grid) {
  .site-grid > [class*=" container-"], .site-grid > [class^="container-"] {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    max-width: none;
    width: 100%;
 	 }
  }  
  .container-sidebar-right .sidebar-right:first-child {
  		margin-top: 1em;
	}
  
  .container-header .container-nav {
     justify-content: center;
  }
  
 	.container-header {
  	  background-image: none;
	}
  
  .menu-logo
  {
    width: 30%;
    
  }
     div#mod-custom134.mod-custom.custom{
      position: absolute;
  } 
  .container-search {
  	 display: flex;
   }
  
   .container-header .container-nav .container-search, .container-header .container-nav nav {
    	margin-top: 0 !important;
  	}
    
  .container-header nav    
    {
      /*margin-bottom: 120px;*/
      margin-top: 0;
      height:20px !important;
  	}
  .metismenu.mod-menu .metismenu-item
    {
      font-size: 1.1em;
      padding: 0.5em 0.5em;
    }

  li.metismenu-item.item-187.level-1
  	{ display: none;}
  
  .container-header {
      background: none;
      height:auto;
      justify-content: left;
      display: grid;
	}
  
  div#navbar1.collapse.navbar-collapse
   {
    background-color:#e7eae1;
    width: 200px;
	border: 2px solid #809769;
    }
  
  
  .metismenu.mod-menu .metismenu-item > ul {
    top: 30px;
    z-index: 2000;
    
    }
  /*Logo-mobile*/
  div#mod-custom134.mod-custom.custom
  {
     position: absolute;
   	 min-width: 12px !important;
  } 
  .sidebar-right.card {
    	margin: 3% 0 3% 0;
   
	} 
  
   #mod-custom129 {
      float: right;
      height: 23px;
      width: auto;
      right: auto;
	}
  
  .kontakt {
      position: relative;
	}
  #mod-custom125
  {
    display:none;
  }

 .tab-img {
      height: auto;
      max-width: 100%;
      min-width:  100px;
	}
  
  .footer.card.anfahrt {
      border-radius: 0 0 20px 0;
      border-color: #dfe3e7;
      margin-top: 2.3em;
	}
  
  /****************************JEVENT***********************/
  
  .cal_table {
      border: 1px solid #000000;
      border-collapse: collapse;
      font-size: x-small;
	}
  
  .h2, h2 
  {
     	color: #809769;
      	margin-bottom: 0.75em;
      	font-size: 1.1em;
      	line-height: 1.2;
      	font-weight: normal;
  }
  
  
  .h3, h3
  {
      color: #809769;
      font-size: 1em;
  }
  .h4, h4 {
      color: #809769;
      font-size: 0.9em;
      text-transform: uppercase;
      font-weight: normal;
	}

}

@media (min-width: 1200px) 
{
  .h2, h2 

    {
    color: #809769;
      margin-bottom: 0.75em;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: normal;
  }
  
  .h4, h4 {
  	color: #809769;
  	font-size: 0.9em;
    text-transform: uppercase;
    font-weight: normal;
}
.h3, h3
{
  color: #809769;
  font-size: 1em;
}

}