﻿/*
.navbar-custom .navbar-text {
    color: white;
}
*/

.navbar-custom .navbar-nav>li>a {
    color: rgba(255, 255, 255, .7);
}

.navbar-custom .navbar-nav>li>a:hover,
.navbar-custom .navbar-nav>li>a:focus {
    color: #FFFFFF;
    background-color: transparent;
}

.navbar-custom .navbar-nav>.active>a,
.navbar-custom .navbar-nav>.active>a:hover,
.navbar-custom .navbar-nav>.active>a:focus {
    color: white;
}

.navbar-custom .navbar-toggle {
    border-color: transparent;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


/*.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: transparent;
}*/

.navbar-custom .navbar-nav>.dropdown>a:hover .caret,
.navbar-custom .navbar-nav>.dropdown>a:focus .caret,
.navbar-custom .navbar-nav>.open>a .caret,
.navbar-custom .navbar-nav>.open>a:hover .caret,
.navbar-custom .navbar-nav>.open>a:focus .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.navbar-custom .navbar-nav>.open>a,
.navbar-custom .navbar-nav>.open>a:hover,
.navbar-custom .navbar-nav>.open>a:focus {
    background-color: transparent;
}

.navbar-custom .navbar-nav>.dropdown>a .caret {
    border-top-color: rgba(255, 255, 255, .7);
    border-bottom-color: rgba(255, 255, 255, .7);
}

.navbar-custom {
    background: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
    background-color: rgba(54, 59, 60, 1);
}

@media only screen and (max-width: 767px) {
    /* nur Test */
    /*    .navbar-custom { 
    background-color: magenta;
    }*/
    .navbar-custom .navbar-collapse {
/*        background-color: rgba(246, 249, 250, 1);*/
/*        background-color: rgba(209,164,112,1);*/
/*        background-color: rgba(189,144,92,1);*/
        background-color: rgba(244, 225, 193, 1);
        
    }
    .navbar-custom .navbar-nav>li>a {
        color: black;
    }
    /*.navbar-custom .navbar-nav .open>.dropdown-toggle:active,
    .navbar-custom .navbar-nav .open>.dropdown-toggle:focus {
        color: black;
        background-color: green;
    }*/
    /*    .navbar-custom .navbar-nav .open .dropdown-menu>li>a {
        color: black;
        color: rgba(255, 255, 255, 0.7);
    }*/
    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-custom .navbar-nav>li>a:hover {
        color: black;
/*        background-color: rgba(200, 200, 200, 1);*/
/*        background-color: rgba(189,144,92,1);*/
          background-color: rgba(249, 237, 215, 1);
    }
    .navbar-custom .navbar-nav>.active>a,
    .navbar-custom .navbar-nav>.active>a:hover,
    .navbar-custom .navbar-nav>.active>a:focus {
        color: black;
    }
    .navbar-custom .navbar-nav>li>a:focus,
    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus {
        color: black;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav>.dropdown>a:hover .caret,
    .navbar-custom .navbar-nav>.dropdown>a:focus .caret,
    .navbar-custom .navbar-nav>.open>a .caret,
    .navbar-custom .navbar-nav>.open>a:hover .caret,
    .navbar-custom .navbar-nav>.open>a:focus .caret {
        border-top-color: black;
        border-bottom-color: black;
    }
    .navbar-custom .navbar-nav>.dropdown>a .caret {
        border-top-color: black;
        border-bottom-color: black;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1005px) {
    /* Tablet */
    /* nur Test */
    /*    .navbar-custom { */
    /*    background-color:  lime;*/
    /*    } */
}

@media only screen and (max-width: 511px) {
    /* iPhone Portrait */
    /* nur Test */
    /*.navbar-custom { 
    background-color:  yellow;
    }*/
}

@media only screen and (max-width: 372px) {
    /* alte Smartphones */
    /* nur Test */
    /*.navbar-custom { 
    background-color:  saddlebrown;
    }*/
}
