/*
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 : 11.10.2020, 15:18:02
    Author     : juergen
*/


@media (max-width: 768px) {
    .navbar-transition .nav-link-icon { opacity: 0; width: 0px; height: 0px; }
}

@media (min-width: 992px) {
    .navbar-mainnavigation>.container, .navbar-mainnavigation>.container-fluid, .navbar-mainnavigation>.container-sm, .navbar-mainnavigation>.container-md, .navbar-mainnavigation>.container-lg, .navbar-mainnavigation>.container-xl {

}


/* subnavigation links */

@media screen and (min-width: 768px) {

 .section-column.subcontent-wrap ul {
    list-style: none;
    margin-left: 0rem;
    padding-left: 0rem;
    }

    .section-column.subcontent-wrap li {
    list-style: none;
    margin-left: 0rem;
    padding-left: 0rem;
    border-bottom: none;
    font-size: 0.875rem;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    }


    .section-column.subcontent-wrap li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    color: inherit;
    border: 1px solid #e6e6e6;
    transition: all 0.15s ease-in-out;
    font-size: 0.875rem;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    list-style: none;
    border-bottom: none;
     
     
    }

    .section-column.subcontent-wrap li:last-child {
        border-bottom: 1px solid #e6e6e6;
    }

    .section-column.subcontent-wrap li a:hover{
        background: #eee;
        text-decoration: none;
    }

}

@media (min-width: 1200px) {
    
.navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link, .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover, .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus {
  
 transition: 1s;
}


.body-bg-top {
   
}

.navbar-mainnavigation .navbar-brand-image {
  
    transition: 1s;
}

}


/* subnav-wrap mobile Version */
@media (max-width: 992px) {
    
    .backendlayout-subnavigation_right .subnav-wrap, .backendlayout-subnavigation_left .subnav-wrap {
    display:block;
}

}

/* Navigation mobil */
@media (max-width:576px) {
    
    .navbar-nav {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.6rem;
    line-height: 1.2;
    
    /*font-family: 'Oswald', sans-serif;*/
    font-weight: 600;
    text-transform:uppercase;
    
    
}

.navbar-fixed-top 
.navbar-collapse , 
.navbar-fixed-bottom 
.navbar-collapse ::after {
    /*background-image: url(/fileadmin/user_upload/Bilder/bg_mainmenu.png);*/
    background-size: auto;
    
}
.nav-link-icon { display: none;}
.navbar-mainnavigation .nav-link-icon {
    display: none;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: calc(100vh);
    min-height: calc(100vh);
    
}

#nav-item-82 { 
    
    width: 100%; 
    text-align: left; 
        color: black; 
        font-size: 1.1rem; 
        border: 0px solid red;
        color: #0288D1;
        font-weight: 600;
        /*
        color: white;
        background-color: #0288D1;
        */

}
#nav-item-82 .nav-link-text { width: 100%; text-align: center; }
#nav-item-82 .nav-link-icon { display: none; }





.navbar-mainnavigation .dropdown-menu {


    position: static;
    margin-left: -10px;
    margin-right: -10px;
    border: none;
    background: transparent;
    border-left: 4px solid #0288D1;
    border-left: 8px solid transparent;
}

.navbar-mainnavigation .dropdown-menu {
    position: static;
    margin-left: -10px;
    margin-right: -10px;
    border: none;
    line-height: 1.2;
    background: transparent;
    border-left: 8px solid transparent;
}

.navbar-mainnavigation .navbar-nav>li>.nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw);
    width: 0px;
    height: 100%;
    background: #0288D1;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1.3rem;
    color: #2b2b2b;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);

        
}

/* Menü rein raus */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    
    max-height: calc(100vh);
    min-height: calc(100vh);
    
    margin-top: calc(-300vw);
    margin-left: calc(-100vw);

    
}
.navbar-fixed-top .navbar-collapse.show , .navbar-fixed-bottom .navbar-collapse.show {
    
    margin-top: 0;
    transition: .9s ease-in-out;
}



}




/* Go2Location Navigation */

@media (min-width: 992px) {
    
    .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link, .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover, .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus, .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus {
    color: #010101 !important;
}

    
}