/************************
******SMARTPHONE*********
************************/
    .grey-fon {
        display: none;
        background-color: #000;
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        height: 500px;
        z-index: 30;
    }


    /*NAVI*/
    #nav-wraper {
        height: 0;
    }

    nav {
        min-height: 50px;
    }

    nav.navbar.navbar-default {
        background-color: #f0f0f0;
    }

    nav .navbar-nav {
        margin-top: 0;
    }

    .navbar-header.mobil {
        height: 50px;
        width: 100%;
    }

    .navbar-header.mobil a {
        height: 50px;
        width: 84%;
    }

    #showLeft {
        width: 30px;
        background-image: url(../img/icons/topics_icon.svg);
        background-repeat: no-repeat;
        margin: 10px;
    }

    #showRight {
    }

    .navbar-text {
        margin-top: 2px;
    }

    .navbar-default .navbar-toggle {
        border-color: #f0f0f0;
    }

    .container-fluid {
        margin-left: 5px;
        margin-top: 0px;
    }

    .navbar-text.mobil {
        margin-top: 12px;
        font-family: "Conti StagSans Medium";
        margin-left: 15px;
    }

    .navbar-collapse {
        padding-left: 15px;
    }

    nav li.mobil {
        display: inline;
    }

    nav .navbar-nav li a {
        font-size: 15px;
        border: none;
        height: 30px;
        margin-top: 6px;
        padding: 5px 25px 5px 60px;
        display: inline;
        float: left;
        background-position: 20px 4px;
        background-repeat: no-repeat;
    }

    nav .navbar-nav li[sec] a
    {
        padding-left: 22px;
        font-weight: bold;
    }

    .navbar-nav > li a:hover {
        background-color: #fff;
    }

    .nav-mobile-icon {
        display: inline;
        padding-left: 40px;
    }

    .nav-mobile-icon.home,
    nav .navbar-nav li.active .nav-mobile-icon.home {
        background-image: url('../img/icons/home_mobile.svg');
        margin-left: 0;
        float: left;
    }

    .nav-mobile-icon > img {
        width: 20px;
        margin-right: 15px;
    }

    .nav-mobile-icon.manu > img {
        margin-left: 5px;
        margin-right: 19px;
        width: 11px;
    }

    .navbar-nav > li {
        text-align: left;
        height: 40px;
    }

    /*
    nav .navbar-nav li.menu-item-cvt a,
    nav .navbar-nav li.menu-item-truck a,
    nav .navbar-nav li.menu-item-plt a,
    nav .navbar-nav li.menu-item-filter-cvt a,
    nav .navbar-nav li.menu-item-filter-truck a,
    nav .navbar-nav li.menu-item-filter-plt a,
    nav .navbar-nav li.menu-item-filter-b a,
    nav .navbar-nav li.menu-item-filter-m a,
    nav .navbar-nav li.menu-item-filter-r a
    {
        background-position: 13px 5px;
        width: 250px;
    }
    */

    span.nav-anzahl {
        top: 8px;
        right: 20px;
        position: relative;
        float: left;
    }

    .conti-suche.mobil {
        position: absolute;
        right: 8px;
        top: 198px;
        z-index: 10;
        width: 43%;
    }

    .conti-suche > form {
        width: 100%;
    }

    .suche-input-field {
        padding: 5px 33px 4px 7px;
        width: 100%;
    }

    .suche-button {
        right: 0;
    }

    /*NAVI SLIDE LEFT*/
    .close-menu .menu-border {
        height: 40px;
        border: none;
        padding-left: 25px;
    }

    .close-menu img {
        margin-right: 7px;
    }

    .menu-border {
        height: 45px;
    }

    li.menu-item-tr {
        height: 5px;
    }

    li.menu-item-tr .menu-border {
        border-bottom: 2px solid #f0f0f0;
        height: 5px;
    }

    .menu-border.feedback, .menu-border.feedback > a {
        background-color: #f0f0f0 !important;
    }

    #menu-primary-menu-links li.current-menu-item .menu-border {
        border-bottom: 2px solid #ffa500;
    }

    #menu-primary-menu-links > li .menu-border:hover {
        border-bottom: 2px solid #f0f0f0;
    }

    .menu-border > img {
        height: 13px;
        width: 10px;
    }

    .close-menu .menu-border > img {
        margin-top: -4px;
    }

    .navbar-nav > li.menu-item-home a {
        background-position: 23px 0px;
        color: #000;
        font-size: 15px;
        background-size: 27px;
    }

    /*
    _:-ms-lang(x), nav .navbar-nav li.menu-item-home a {
        background-position: -14px 6px;/*IE* /
        background-size: 90px;/*IE* /
    }*/
    nav .navbar-nav li.menu-item-home a {
        background-image: url("../img/icons/home_mobile.svg");
    }

    nav .navbar-nav li.menu-item-ed a {
        background-image: url("../img/icons/category-icon-editorial.svg");
    }

    nav .navbar-nav li.menu-item-ma a {
        background-image: url("../img/icons/category-icon-manufacturing.svg");
    }

    nav .navbar-nav li.menu-item-mc a {
        background-image: url("../img/icons/category-icon-marcomm.svg");
    }

    nav .navbar-nav li.menu-item-pe a {
        background-image: url("../img/icons/category-icon-people.svg");
    }

    nav .navbar-nav li.menu-item-pr a {
        background-image: url("../img/icons/category-icon-products.svg");
        background-size: 26px;
    }

    nav .navbar-nav li.menu-item-rd a {
        background-image: url("../img/icons/category-icon-research.svg");
    }

    nav .navbar-nav li.menu-item-sa a {
        background-image: url("../img/icons/category-icon-sales.svg");
        background-size: 29px;
    }

    nav .navbar-nav li.menu-item-st a {
        background-image: url("../img/icons/category-icon-strategy.svg");
    }

    nav .navbar-nav li.menu-item-co a {
        background-image: url("../img/icons/category-icon-company.svg");
    }

    nav .navbar-nav li.menu-item-fi a {
        background-image: url("../img/icons/category-icon-finance.svg");
        background-size: 26px;
    }


    .navbar-nav > li.close-menu,
    .navbar-nav > li.my-news {
        display: inherit;
    }

    .close-menu {
        border-bottom: 1px solid #ccc;
        box-shadow: 0 2px 5px 0 #ccc;
        cursor: pointer;
        height: 50px;
        padding-top: 10px;
        width: 100%;
    }

    .close-menu:hover {
        background-color: #f0f0f0;
    }

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

    .cbp-spmenu {
        background: #fff;
        position: fixed;
    }

    .cbp-spmenu-left {
        left: -310px;
    }

    .cbp-spmenu-vertical {
        width: 310px;
        height: 100%;
        top: 0;
        z-index: 200;
        overflow: auto;
    }

    .cbp-spmenu-open {
        box-shadow: 1px 1px 9px #999 !important;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .cbp-spmenu.menu-sticky {
        position: fixed;
        background-color: #fff;
        width: 0px;
        border-bottom: none;
    }

    /*.switch{
        margin-right:40px;
    }*/
    /*NAVI SLIDE RIGHT*/
    #cbp-spmenu-s2 {
        display: inline;
    }

    #closeRightNormal {
        display: none;
    }

    nav.navbar-nav.settings {
        margin: 0;
    }

    nav .navbar-nav.settings li {
        margin-top: 25px;
        border-bottom: 1px solid #f0f0f0;
    }

    #cbp-spmenu-s2.cbp-spmenu-right {
        right: -310px;
        top: 0;
    }

    #cbp-spmenu-s2.cbp-spmenu-vertical {
        width: 310px;
        height: 100%;
        top: 0;
        overflow: auto;
        box-shadow: 1px 1px 9px #999;
    }

    #cbp-spmenu-s2.cbp-spmenu-right.cbp-spmenu-open {
        right: 0;
    }

    .settings-kategorie {
        margin-left: 55px;
    }

    nav .navbar-nav.settings li.close-menu {
        margin-top: 0;
        border-bottom: none;
    }

    .close-settings.normal {
        display: none;
    }