/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.10.2022, 14:20:26
    Author     : andre
*/

header, nav {
    position: relative;
}

header .container-fluid {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1)50%);
 }

 header .logo{
     margin: 10px 0 20px;
 }
 
.container-nav > .row > div,
.container-nav > .row > button {
   padding-left: 0;
   padding-right: 0;
}
 #menu-hauptmenue {
     position: relative;
     display: flex;
     flex-direction: row;
     font-family: 'Merriweather Sans';
     justify-content: space-between;
     font-size: 0.95em;
 }
 #menu-hauptmenue > li {
     display: block;
     width: 100%;
 }
 #menu-hauptmenue > li > a {
     display: flex;
     padding: 5px;
     min-height: 75px;
     font-weight: 700;
     width: 100%;
     flex-direction: column;
     justify-content: center;
     color: black; 
     text-shadow: -2px 0px 4px rgba(255, 255, 255, 1),2px 0px 4px rgba(255, 255, 255, 1),0px 2px 4px rgba(255, 255, 255, 1),0px -2px 4px rgba(255, 255, 255, 1);
 }
 #menu-hauptmenue li a:hover {
     color: rgba(0,0,0,0.5);
 }
 #menu-hauptmenue > li.active > a,
 #menu-hauptmenue > li.active .active a {
     color: #00a883;
 }
@media (min-width: 992px) {
    #menu-hauptmenue > .menu-item-has-children:hover ul {
        display: block;
        position: absolute;
        min-width: 100%;
        border-radius: 0;
        border: 0;
        background-color: rgba(255,255,255,1);
        padding-bottom: 0;
        -webkit-box-shadow: 6px 6px 10px 1px rgba(0,0,0,0.7);
        box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.4);
    }
    #menu-hauptmenue > .menu-item-has-children:hover ul a {
        background-color: rgba(255,255,255,1);
        white-space: normal;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 15px 0;
    }
    #menu-hauptmenue > .menu-item-has-children ul a:hover {
        color: rgba(0,0,0,0.5);
    }
}
 #menu-hauptmenue > li > ul {
     width: auto;
     z-index: 100;
 }
 
.hamburger {
    display: none;
    position: absolute;
    width: calc(100%/8);
    margin-left: 5px;
    top: -175px;
    z-index:99;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}
.hamburger img {
    display: block;
    width: 100%;
    height: auto;
}
.hamburger:focus-visible {
    outline: 2px solid #00a883;
    outline-offset: 2px;
}
.submenu-toggle {
    display: none;
}