/* Navigation */

/* mobil nicht anzeigen */
@media (max-width:992px) {
    #page-header-top {
        display: none;
    }
}


@media (min-width:992px) and (max-width:1200px) {
    .wappen  { width: 95px; height: 130px; }
    
}


/* Logo nach rechts */
@media (min-width:992px) and (max-width:1200px) {
    
.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl {
   
    
}

/* max Logo Höhe */
.navbar-transition .navbar-brand {
    height: 70px;
    display: none;
}
.navbar-mainnavigation .navbar-brand {
    height: 70px;
    display: none;
}

}



/* Position Navigation TOP  */

@media (min-width:992px) and (max-width:1200px) {
    
    /* Überschrift */
    .fixed-top-1 {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1031;
    /* height: 100px; */
    /* border: 20px solid red; */
    }

    /* Navigations Links */
    .fixed-top-2, .navbar-mainnavigation.navbar-fixed-top.fixed-top-2 {
    position: fixed;
    top: 50px;
    padding-top: 20px;
    /* right: 0; */
    /* left: 0; */
    /* z-index: 1030; */
    /* background: black; */
    background-color: #000 !important;
    /* color:  white; */
    transition: all 0s;
    /* margin-right: 220px; */
    /* border: 10px solid green; */
    }

  
}


/* farben Navigation top */
@media (min-width:992px) and (max-width:1200px) {
    
    .bp-page-header {
        background: black;
    }
    .page-header-top {
        background: #ed1c24;
        padding-top: 20px;
        /* color: white; */
        /* border: 4px solid blue; */
    }
    .page-header-top h1 {
        color: white;
        height: 1.1rem;
        font-size: 1.33rem;
        font-weight: 600;
    }
    .page-header-top h2 {
        color: white;
        height: 1.0rem;
        font-size: .84rem;
        font-weight: 600;
    }
    
    
}



@media (min-width:992px) and (max-width:1200px) {
   
}

@media (min-width: 1200px) {
    

}






/* Position des Wappen */
@media (min-width:992px) and (max-width:1200px) {
    .header-top-logo {
    position: fixed;
    top: 0px;
    left: calc(50vw - 150px + (780px)/2);
    z-index: 1034;
    height: 100px;
    padding-top: 25px;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .header-top-logo {
    position: fixed;
    top: 0px;
    left: calc(50vw - 150px + (960px)/2);
    z-index: 1034;
    height: 100px;
    }
}


/* farben der link desktop */ 
@media (min-width:992px) and (max-width:1200px) {
    .navbar-light .navbar-nav .nav-link, 
    .navbar-default .navbar-nav .nav-link, 
    .navbar-default-transition .navbar-nav .nav-link, 
    .navbar-default-transition.navbar-transition .navbar-nav .nav-link {
    color: #FfF;
    text-transform: uppercase;
}
.navbar-mainnavigation>.navbar-nav .nav-link, .navbar-mainnavigation>.container>.collapse>.navbar-nav .nav-link, .navbar-mainnavigation>.container-fluid>.collapse>.navbar-nav .nav-link, .navbar-mainnavigation>.container-sm>.collapse>.navbar-nav .nav-link, .navbar-mainnavigation>.container-md>.collapse>.navbar-nav .nav-link, .navbar-mainnavigation>.container-lg>.collapse>.navbar-nav .nav-link, .navbar-mainnavigation>.container-xl>.collapse>.navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-light .navbar-nav .show>.nav-link, .navbar-default .navbar-nav .show>.nav-link, .navbar-default-transition .navbar-nav .show>.nav-link, .navbar-default-transition.navbar-transition .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-default .navbar-nav .active>.nav-link, .navbar-default-transition .navbar-nav .active>.nav-link, .navbar-default-transition.navbar-transition .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-default .navbar-nav .nav-link.show, .navbar-default-transition .navbar-nav .nav-link.show, .navbar-default-transition.navbar-transition .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active, .navbar-default-transition .navbar-nav .nav-link.active, .navbar-default-transition.navbar-transition .navbar-nav .nav-link.active {
    color: #ed1c24;
    font-weight: 600;
}
.nav-link { font-weight: 600;}
.nav-link :hover {
    color: #ed1c24;
    transition: all 0s;
}
.nav-link {
   
    
}



}



/* page top anpasen */
@media (min-width: 1200px) {
    
    .body-bg-top {
    padding-top: 90px;
}


}


/* Text feuerwehr */

@media (min-width:992px) and (max-width:1200px) {

    .page-header-top .header-top-text {
        /* background:green; */
        max-width: calc( 900px - 130px); /* abzüglich Wappen */
        text-align: right;
    }

    /* Navigantion menü inner */
    /* Navigations Links */
   .navbar-mainnavigation.navbar-fixed-top .container {
        /* border: 4px solid yellow; */
        max-width: calc( 920px - 190px); /* abzüglich Wappen */
        padding-right: calc(75px);
    }


}



/* Striche Navigation weg */
@media (min-width:992px) and (max-width:1200px) {
    
    .navbar-mainnavigation .navbar-nav>li>.nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: transparent;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    }

    /* Dropdown menu */
    .dropdown-menu {
    /*display: block;*/
    width: 100%;
    padding: 0.2rem 0.2rem;
    clear: both;
    transition: all 0.5s;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0,0,0,.7);
    border: 0;
    width: auto;
    left: -10px;
    }

        .dropdown-menu.show {
           transition-duration: 1s;
    }
    
    
    .dropdown-item {
    /*display: block;*/
    width: 100%;
   
    clear: both;
    font-weight: 500;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color:transparent;
    border: 0;
    /*transition: all 0.5s;*/
}
 .dropdown-item:hover {
/*    display: block;*/
    width: 100%;
    clear: both;
    font-weight: 500;
    color: #ed1c24;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0,0,0,.2);
    border: 0;
    /*transition: all 0.5s;*/
}




}