@media only screen and (min-width:1170px) {
    .cd-logo {
        top: 26px;
        left: 4em
    }
}

.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 3px;
    right: 5%
}

    .cd-header-buttons li {
        display: inline-block
    }

@media only screen and (max-width:1169px) {
    .nav-on-left .cd-header-buttons {
        right: auto;
        left: 5%
    }

        .nav-on-left .cd-header-buttons li {
            float: right
        }
}

@media only screen and (min-width:1170px) {
    .cd-header-buttons {
        top: 18px;
        right: 4em
    }
}

.cd-search-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3
}

    .cd-search-trigger::before, .cd-search-trigger::after {
        content: '';
        position: absolute;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .cd-search-trigger::before {
        top: 11px;
        left: 11px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 3px solid #2e3233
    }

    .cd-search-trigger::after {
        height: 3px;
        width: 8px;
        background: #2e3233;
        bottom: 14px;
        right: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .cd-search-trigger span {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0
    }

        .cd-search-trigger span::before, .cd-search-trigger span::after {
            content: '';
            position: absolute;
            display: inline-block;
            height: 3px;
            width: 22px;
            top: 50%;
            margin-top: -2px;
            left: 50%;
            margin-left: -11px;
            background: #2e3233;
            opacity: 0;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: opacity .3s,-webkit-transform .3s;
            -moz-transition: opacity .3s,-moz-transform .3s;
            transition: opacity .3s,transform .3s
        }

        .cd-search-trigger span::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .cd-search-trigger span::after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
        opacity: 0
    }

    .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
        opacity: 1
    }

    .cd-search-trigger.search-is-visible span::before {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .cd-search-trigger.search-is-visible span::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
        position: absolute;
        display: inline-block;
        height: 3px;
        width: 24px;
        background: #2e3233
    }

    .cd-nav-trigger span {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -2px;
        -webkit-transition: background .3s .3s;
        -moz-transition: background .3s .3s;
        transition: background .3s .3s
    }

        .cd-nav-trigger span::before, .cd-nav-trigger span::after {
            content: '';
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            right: 0;
            -webkit-transform-origin: 0% 50%;
            -moz-transform-origin: 0% 50%;
            -ms-transform-origin: 0% 50%;
            -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
            -webkit-transition: -webkit-transform .3s .3s;
            -moz-transition: -moz-transform .3s .3s;
            transition: transform .3s .3s
        }

        .cd-nav-trigger span::before {
            top: -6px
        }

        .cd-nav-trigger span::after {
            top: 6px
        }

    .cd-nav-trigger.nav-is-visible span {
        background: transparent
    }

        .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
            background: #2e3233
        }

        .cd-nav-trigger.nav-is-visible span::before {
            -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
            transform: translateX(4px) translateY(-3px) rotate(45deg)
        }

        .cd-nav-trigger.nav-is-visible span::after {
            -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
            transform: translateX(4px) translateY(2px) rotate(-45deg)
        }

@media only screen and (min-width:1170px) {
    .cd-nav-trigger {
        display: none
    }
}

.cd-primary-nav, .cd-primary-nav ul {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    background: #2e3233;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

    .cd-primary-nav a, .cd-primary-nav ul a {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform,opacity;
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        -moz-transition: -moz-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s
    }

    .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

@media only screen and (max-width:1169px) {
    .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
        right: auto;
        left: 0
    }
}

.cd-primary-nav .see-all a {
    color: var(--blau)
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
    height: 80px;
    line-height: 80px
}

    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        overflow: hidden;
        text-overflow: ellipsis
    }

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
    padding-left: 90px
}

    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: absolute;
        display: block;
        height: 40px;
        width: auto;
        left: 20px;
        top: 50%;
        margin-top: -20px
    }

.cd-primary-nav .cd-nav-icons .cd-nav-item {
    padding-left: 75px
}

    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        color: #707070;
        font-size: 1rem;
        display: none
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 40px 40px
    }

@media only screen and (max-width:1169px) {
    .cd-primary-nav {
        visibility: hidden;
        -webkit-transition: visibility 0s .3s;
        -moz-transition: visibility 0s .3s;
        transition: visibility 0s .3s
    }

        .cd-primary-nav.nav-is-visible {
            visibility: visible;
            -webkit-transition: visibility 0s 0s;
            -moz-transition: visibility 0s 0s;
            transition: visibility 0s 0s
        }
}

@media only screen and (min-width:1170px) {
    .cd-primary-nav {
        position: static;
        padding: 0 150px 0 0;
        height: auto;
        width: auto;
        float: right;
        overflow: visible;
        background: 0 0
    }

        .cd-primary-nav::after {
            clear: both;
            content: "";
            display: table
        }

        .cd-primary-nav.moves-out > li > a {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }

        .cd-primary-nav ul {
            position: static;
            height: auto;
            width: auto;
            background: 0 0;
            overflow: visible;
            z-index: 3
        }

            .cd-primary-nav ul.is-hidden {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            .cd-primary-nav ul.moves-out > li > a {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
                opacity: 1
            }

        .cd-primary-nav > li {
            float: left;
            margin-left: 3em
        }

        .cd-primary-nav .go-back, .cd-primary-nav .see-all {
            display: none
        }

        .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
            position: absolute;
            top: 80px;
            width: 100vw;
            background: #fff;
            padding: 80px 64px 130px;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: opacity .3s 0s,visibility 0s 0s;
            -moz-transition: opacity .3s 0s,visibility 0s 0s;
            transition: opacity .3s 0s,visibility 0s 0s
        }

            .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity .3s 0s,visibility 0s .3s;
                -moz-transition: opacity .3s 0s,visibility 0s .3s;
                transition: opacity .3s 0s,visibility 0s .3s
            }

            .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                height: 80px;
                width: 100%;
                overflow: hidden;
                margin: 0;
                padding: 0
            }

                .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    font-size: 2.2rem;
                    font-weight: 700;
                    text-align: center;
                    line-height: 80px;
                    border-top: 1px solid #e2e3df;
                    border-bottom: none;
                    margin: 0;
                    padding: 0;
                    -webkit-transition: color .2s,background .2s,border .2s;
                    -moz-transition: color .2s,background .2s,border .2s;
                    transition: color .2s,background .2s,border .2s
                }

                    .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
                        background: #2e3233;
                        border-color: var(--secondary);
                        color: #fff
                    }

            .cd-primary-nav .cd-secondary-nav > li {
                height: 340px;
                width: 23%;
                float: left;
                margin-right: 2.66%;
                border-right: 1px solid #e2e3df;
                overflow: hidden;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch
            }

                .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
                    margin-right: 0;
                    border-right: none
                }

                .cd-primary-nav .cd-secondary-nav > li > a {
                    color: var(--blau);
                    font-weight: 700;
                    font-size: 1.6rem;
                    margin-bottom: .6em
                }

            .cd-primary-nav .cd-secondary-nav a {
                height: 26px;
                line-height: 26px;
                padding: 0 18% 0 0;
                color: var(--secondary);
                border-bottom: none;
                font-size: 1.4rem
            }

                .cd-primary-nav .cd-secondary-nav a:hover {
                    color: var(--blau)
                }

            .cd-primary-nav .cd-secondary-nav ul {
                -webkit-transform: translateZ(0);
                -moz-transform: translateZ(0);
                -ms-transform: translateZ(0);
                -o-transform: translateZ(0);
                transform: translateZ(0)
            }

                .cd-primary-nav .cd-secondary-nav ul ul {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%
                }

                    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
                        -webkit-transform: translateX(100%);
                        -moz-transform: translateX(100%);
                        -ms-transform: translateX(100%);
                        -o-transform: translateX(100%);
                        transform: translateX(100%)
                    }

                    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
                        display: block
                    }

                        .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
                            color: transparent
                        }

                    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
                        display: block
                    }

            .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
                -webkit-transform: translateX(-100%);
                -moz-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                -o-transform: translateX(-100%);
                transform: translateX(-100%)
            }

            .cd-primary-nav .cd-nav-gallery li {
                width: 22%;
                float: left;
                margin: 0 4% 40px 0
            }

                .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
                    margin-right: 0
                }

            .cd-primary-nav .cd-nav-gallery .cd-nav-item {
                border-bottom: none;
                padding: 0;
                height: auto;
                line-height: 1.2
            }

                .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
                    position: static;
                    margin-top: 0;
                    height: auto;
                    width: 100%;
                    margin-bottom: .6em
                }

                .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
                    color: var(--blau);
                    font-weight: 700;
                    padding: 0 .4em
                }

            .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
                background: #f6f6f5
            }

            .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
                color: var(--blau);
                font-weight: 500;
                font-size: 1.4rem;
            }

            .cd-primary-nav .cd-nav-icons .cd-nav-item p {
                display: block
            }

            .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
                left: 25px
            }
}

.has-children > a, .go-back a {
    position: relative
}

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #464c4e;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .has-children > a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .has-children > a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

@media only screen and (min-width:1170px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #c9cbc4
    }

    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
        background: var(--blau)
    }
}

.has-children > a {
    padding-right: 40px
}

    .has-children > a::before, .has-children > a::after {
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -moz-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        -o-transform-origin: 9px 50%;
        transform-origin: 9px 50%
    }

.cd-primary-nav .go-back a {
    padding-left: 40px
}

    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%
    }

@media only screen and (min-width:1170px) {
    .has-children > a::before, .has-children > a::after {
        right: 15%
    }

    .cd-primary-nav > .has-children > a {
        padding-right: 30px !important
    }

        .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
            width: 9px;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            background: #c9cbc4;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: width .3s,-webkit-transform .3s;
            -moz-transition: width .3s,-moz-transform .3s;
            transition: width .3s,transform .3s
        }

        .cd-primary-nav > .has-children > a::before {
            right: 12px
        }

        .cd-primary-nav > .has-children > a::after {
            right: 7px
        }

        .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
            width: 14px
        }

        .cd-primary-nav > .has-children > a.selected::before {
            -webkit-transform: translateX(5px) rotate(-45deg);
            -moz-transform: translateX(5px) rotate(-45deg);
            -ms-transform: translateX(5px) rotate(-45deg);
            -o-transform: translateX(5px) rotate(-45deg);
            transform: translateX(5px) rotate(-45deg)
        }

        .cd-primary-nav > .has-children > a.selected::after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
        display: none
    }

    .cd-primary-nav .go-back a {
        padding-left: 20px
    }

        .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
            left: 1px
        }
}

.cd-search {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s
}

    .cd-search form {
        height: 100%;
        width: 100%
    }

    .cd-search input {
        border-radius: 0;
        border: none;
        background: #fff;
        height: 100%;
        width: 100%;
        padding: 0 5%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none
    }

        .cd-search input::-webkit-input-placeholder {
            color: #c9cbc4
        }

        .cd-search input::-moz-placeholder {
            color: #c9cbc4
        }

        .cd-search input:-moz-placeholder {
            color: #c9cbc4
        }

        .cd-search input:-ms-input-placeholder {
            color: #c9cbc4
        }

        .cd-search input:focus {
            outline: none
        }

    .cd-search.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s 0s,visibility 0s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s;
        transition: opacity .3s 0s,visibility 0s 0s
    }

.nav-is-fixed .cd-search {
    position: fixed
}

@media only screen and (min-width:1170px) {
    .cd-search {
        height: 120px;
        top: 80px
    }

        .cd-search input {
            padding: 0 2em;
            font-size: 3.2rem;
            font-weight: 300
        }
}

.cd-overlay {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(105,170,111,.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;
    transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s
}

    .cd-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
        transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s
    }

@media only screen and (max-width:1169px) {
    .cd-overlay.is-visible {
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    .nav-on-left .cd-overlay.is-visible {
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
        transform: translateX(300px)
    }

        .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }
}

.cd-overlay {
    height: 100vh;
}

.cd-primary-nav > li > a {
    line-height: 42px;
    height: 42px;
    color: var(--secondary);
    font-size: 1rem;
    padding: 0 1.25rem;
    text-decoration: none;
}

    .cd-primary-nav > li > a:hover {
        color: var(--blau);
        background: #ffcb82;
        text-decoration: none;
    }

.cd-primary-nav .cd-secondary-nav a {
    font-size: 0.95rem;
    width: 95%;
    padding: 0;
    padding: 0 10px 0 18px;
    text-decoration: none;
    font-variant-ligatures: no-contextual;
}

.cd-primary-nav .cd-secondary-nav .has-children li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: 1px;
    background: var(--primary);
    margin-top: 8px;
}

.cd-primary-nav .menu--support .cd-secondary-nav .has-children li::before {
    bottom: 8px;
    margin-top: 0;
}

.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    background: #fff;
}

.cd-primary-nav .cd-secondary-nav a:hover {
    color: var(--link-hover);
}

.cd-primary-nav > li > a.selected {
    color: var(--blau-akzent);
}

.scroll .cd-primary-nav > li > a.selected {
    color: var(--blau);
}

.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    border-top: 1px solid #84aecc;
    height: 60px;
}

    .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
        height: 100%;
        line-height: inherit;
        width: auto;
        border-top: 0;
        position: static;
        font-size: 0.9rem;
        color: var(--blau);
        font-weight: 500;
        text-decoration: none;
    }

        .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
            background: none;
            color: var(--link-hover);
        }

.cd-primary-nav > li > a.selected {
    box-shadow: inset 0 -2px 0 var(--blau-akzent);
}

.cd-primary-nav ul {
    list-style: none;
    padding: 5px 0 0 0px;
}

.cd-primary-nav .menu--products .cd-secondary-nav::before, .cd-primary-nav .menu--applications .cd-secondary-nav::before, .cd-primary-nav .menu--support .cd-secondary-nav::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--blau-hell);
    width: 24.5%;
}

.cd-primary-nav .menu--applications .cd-secondary-nav::before {
    width: 65%;
}

.cd-primary-nav .menu--support .cd-secondary-nav .link-with-text p {
    width: 90%;
    color: #949daf;
    letter-spacing: -1px;
}

/* Apllication Areas Grid */
.cd-primary-nav .menu--applications > ul {
    display: grid;
    grid-template-columns: 68.2% 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .application-areas {
    width: 100%;
    grid-row: 1 / 4;
    grid-column: 1;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .research-papers {
    grid-row: 3;
    grid-column: 2;
    width: 100%;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .application-notes {
    grid-row: 1;
    grid-column: 2;
    width: 100%;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .user-stories {
    grid-row: 2;
    grid-column: 2;
    width: 100%;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul {
    display: flex;
    margin: 0;
    width: 95%;
    gap: 0;
}

    .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li {
        transition: 0.15s ease all
    }

        .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) {
            flex: 0 1 auto;
            list-style: none;
            display: flex;
            width: calc(100% / 3);
        }

            .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back)::before {
                display: none;
            }

            .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a {
                width: auto;
                display: flex;
                height: auto;
                align-items: center;
                padding: 0;
            }

                .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a span {
                    display: inline-block;
                    margin-left: 10px;
                    color: var(--blau);
                    align-items: center;
                }

                .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a .navi-img-holder {
                    display: inline-flex;
                    width: 60px;
                    height: 60px;
                    justify-content: center;
                    align-items: center
                }

                .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a img {
                    max-width: 50px;
                    height: auto;
                    max-height: 36px;
                    transition: 0.3s ease all;
                }

            .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back):hover {
                background: rgba(255,255,255,0.3);
            }

                .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back):hover a span {
                    color: var(--blau-akzent);
                }

.cd-primary-nav .menu--company .cd-nav-icons {
    display: flex;
}

    .cd-primary-nav .menu--company .cd-nav-icons li {
        flex: 1 1 auto;
    }

    .cd-primary-nav .menu--company .cd-nav-icons .cd-nav-item {
        border-bottom: none;
        height: auto;
        line-height: 1.2;
        padding: 0;
        position: relative;
        text-align: center;
    }

    .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a.cd-nav-item {
        height: auto;
        text-align: center;
    }

    .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a .navi-img-holder {
        display: inline-flex;
        width: 90px;
        height: 70px;
        justify-content: center;
        align-items: center
    }

        .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a .navi-img-holder img {
            width: auto;
            height: 100%;
            max-width: 90px;
            max-height: 50px;
        }

.cd-nav {
    z-index: 50;
}

.cd-overlay {
    background: rgb(0 0 0 / 20%);
}

.scroll .menu {
    transition: 0.5s ease all;
    transform: translateY(-150px);
    z-index: 3;
    right: 0;
    position: fixed;
    width: 100%;
    opacity: 0;
}

    .scroll .menu.scrollUp {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 12;
        transform: translateY(0);
        padding-bottom: 0;
        justify-content: center;
        border-bottom: 1px solid var(--blau);
        background: #fff;
        opacity: 1;
    }

.nav-logo {
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin-left: 20px;
}

.scroll .menu.scrollUp .nav-logo {
    visibility: visible;
    width: 220px;
    height: 60px;
    padding: 1px 25px;
}

.scroll .menu.scrollUp .cd-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.scroll .menu.scrollUp .cd-primary-nav .cd-secondary-nav, .scroll .menu.scrollUp .cd-primary-nav .cd-secondary-nav, .scroll .menu.scrollUp .cd-primary-nav .cd-nav-gallery, .scroll .menu.scrollUp .cd-primary-nav .cd-nav-icons {
    width: 1380px;
    top: 45px;
}

.cd-primary-nav > .has-children > a.active {
    color: var(--blau-akzent);
}

.cd-primary-nav > .has-children > a::after, .cd-primary-nav > .has-children > a::before {
    background: var(--blau);
}

.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    background: var(--blau-akzent);
}

.cd-main-content {
    background: none;
    min-height: inherit;
    z-index: inherit;
}

.nav--ps {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 40px;
    background: var(--blau-hell);
    justify-content: flex-end;
}

    .nav--ps > div {
        display: flex;
        padding-left: 1rem;
        align-items: center
    }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: var(--link-hover);
    right: 3%;
}

.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: var(--blau);
}

.cd-primary-nav .cd-secondary-nav > li > a {
    color: var(--blau);
    font-weight: 500;
    padding-left: 31px;
    font-size: 1.4rem;
}

    .cd-primary-nav .cd-secondary-nav > li > a:hover {
        text-decoration: none;
        color: var(--blau-akzent);
    }

.cd-primary-nav .cd-secondary-nav > li.driver-examples > a, .cd-primary-nav .cd-secondary-nav > li.families > a {
    padding-left: 0;
}



.list--search {
    position: relative;
    font-size: 0.85rem;
}

.cd-primary-nav .cd-secondary-nav .list--menu-category a {
    margin-left: 0;
    background: var(--hellgrau);
    pointer-events: none;
}

.cd-primary-nav .cd-secondary-nav .has-children li.list--menu-category::before {
    display: none;
}

.cd-primary-nav .menu--applications .cd-secondary-nav .has-children li::before {
    background: var(--blau-akzent);
}

.cd-primary-nav .cd-secondary-nav .nav--search {
    flex: none;
    width: 75%;
}

.nav--search > div {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    text-align: center;
}

    .nav--search > div:before {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        left: -5000px;
        height: 100%;
        width: 15000px;
        z-index: -1;
        background: inherit;
    }

    .nav--search > div span {
        position: relative;
        display: inline-block;
        margin: 0 10px;
    }

.clean-slide {
    position: relative;
    display: inline-block;
    width: 324px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: var(--secondary);
    background: #efefef;
    border: 0;
    outline: 0;
    text-indent: 60px;
    transition: all .3s ease-in-out;
}

    .clean-slide::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .clean-slide + label {
        display: inline-block;
        position: absolute;
        transform: translateX(0);
        top: 0;
        left: 0;
        bottom: 0;
        padding: 13px 15px;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        color: #1a589b;
        text-align: left;
        transition: all .3s ease-in-out, color .3s ease-out;
        overflow: hidden;
        line-height: 18px;
        letter-spacing: 0.5px;
    }

        .clean-slide + label:after {
            content: "";
            position: absolute;
            top: 0;
            right: 100%;
            bottom: 0;
            width: 100%;
            background: var(--blau);
            z-index: -1;
            transform: translate(0);
            transition: all .3s ease-in-out;
        }

    .clean-slide:focus,
    .clean-slide:active {
        color: var(--secondary);
        text-indent: 0;
        background: #d7ebff;
        outline: 0;
    }

        .clean-slide:focus::-webkit-input-placeholder,
        .clean-slide:active::-webkit-input-placeholder {
            color: var(--blau);
        }

        .clean-slide:focus + label,
        .clean-slide:active + label {
            color: #fff;
            transform: translateX(-100%);
        }

            .clean-slide:focus + label:after,
            .clean-slide:active + label:after {
                transform: translate(100%);
            }

/* SIDE NAVIGATION*/
#accordion {
    width: 100%;
    min-width: 260px;
    margin: 0;
    background: #FFF;
    padding: 0;
}

    #accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 15px;
        color: var(--secondary);
        font-size: 1rem;
        font-weight: 500;
        border-bottom: 5px solid #fff;
        position: relative;
        transition: all 0.4s ease;
        background: #000000;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #accordion li:last-child .link {
        border-bottom: 0;
    }

    #accordion li i {
        font-size: 1.2rem;
        color: var(--blau);
        transition: all 0.4s ease;
    }

        #accordion li i.fa-chevron-down {
            right: 12px;
            left: auto;
            font-size: 16px;
        }

    #accordion li.open .link {
        color: #fff;
        background: var(--software);
    }

    #accordion li.open i {
        color: #fff;
    }

        #accordion li.open i.fa-chevron-down {
            transform: rotate(180deg);
        }

    #accordion li.default .submenu {
        display: block;
    }
/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    font-size: 1rem;
    padding: 0;
    margin-bottom: 10px;
}

    .submenu li {
        display: flex;
        align-items: center;
    }

        .submenu li::before {
            content: '\f054';
            font-family: 'Font Awesome 5 Pro';
            color: var(--software);
            font-size: 12px;
            position: relative;
            left: 18px;
        }

    .submenu a {
        display: inline-block;
        text-decoration: none;
        color: var(--blau);
        padding: 5px 12px;
        padding-left: 36px;
        transition: all 0.25s ease;
        width: 100%
    }

        .submenu a:hover {
            color: var(--blau);
            text-decoration: underline;
        }

.link-with-text {
    position: relative;
}

@media only screen and (min-width: 1170px) {
    .cd-primary-nav {
        display: flex;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background: #fff;
    }

        .cd-primary-nav > li {
            list-style: none;
            margin-left: 0;
        }

        .cd-primary-nav .cd-secondary-nav {
            padding: 30px 25px 100px;
        }

        .cd-primary-nav li.home--mobile {
            display: none;
        }

        .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
            top: 42px;
        }

    .cd-secondary-nav {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        gap: 30px 0;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav {
        background: #fff url(../img/piktogramme/pci-card-icon-trans2.png) no-repeat;
        background-size: 30%;
        background-position: 105% bottom
    }

    .menu--products .cd-secondary-nav {
        justify-content: flex-start;
        gap: 30px 15px;
    }

    .cd-primary-nav .cd-secondary-nav > li {
        height: auto;
        width: 24%;
        float: none;
        border-right: 0;
        margin-right: 0;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
    }

        .cd-primary-nav .cd-secondary-nav > li:not(.go-back) {
            display: flex;
            flex-flow: column;
        }

        .cd-primary-nav .cd-secondary-nav > li > a {
            order: 0;
        }

    .cd-primary-nav .cd-secondary-nav .product__full-name {
        order: 1;
    }

    .cd-primary-nav .cd-secondary-nav ul {
        order: 2;
    }

        .cd-primary-nav .cd-secondary-nav ul ul {
            background: #fff;
        }

    .product__full-name {
        font-size: 1rem;
        position: static;
        margin-top: -12px;
        background: none !important;
        color: #949daf;
        letter-spacing: -1px;
        padding: 0;
        white-space: normal;
        display: inline-block;
        width: 95%;
    }

    .cd-primary-nav .cd-secondary-nav li.default::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--blau);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.default.has-children ul li::before {
        background: var(--blau-akzent);
    }

    .cd-primary-nav .cd-secondary-nav li.digitizer::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--digitizer);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.digitizer.has-children ul li::before {
        background: var(--digitizer);
    }

    .cd-primary-nav .cd-secondary-nav li.awgs::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--awg);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.awgs.has-children ul li::before {
        background: var(--awg);
    }

    .cd-primary-nav .cd-secondary-nav li.hybrid-systems::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--hybrid-systems);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.hybrid-systems.has-children ul li::before {
        background: var(--hybrid-systems);
    }

    .cd-primary-nav .cd-secondary-nav li.digital::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--digital);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.digital.has-children ul li::before {
        background: var(--digital);
    }

    .cd-primary-nav .cd-secondary-nav li.netbox::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--pc-systems);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.netbox.has-children ul li::before {
        background: var(--pc-systems);
    }

    .cd-primary-nav .cd-secondary-nav li.sbench::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--software);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.sbench.has-children ul li::before {
        background: var(--software);
    }

    .cd-primary-nav .cd-secondary-nav li.accessories::before {
        content: '';
        width: 18px;
        height: 18px;
        background: #AFC4C7;
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.accessories.has-children ul li::before {
        background: #AFC4C7;
    }

    .cd-primary-nav .cd-secondary-nav li.application-areas::before, .cd-primary-nav .cd-secondary-nav li.research-papers::before, .cd-primary-nav .cd-secondary-nav li.application-notes::before, .cd-primary-nav .cd-secondary-nav li.user-stories::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--applications);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 4px;
    }

    .cd-primary-nav .cd-secondary-nav li.application-areas.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.research-papers.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.application-notes.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.user-stories.has-children ul li::before {
        background: var(--applications);
    }


    .cd-primary-nav .menu--applications .go-back {
        display: none !important;
    }
}

@media only screen and (min-width: 1400px) {
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        width: 1380px;
    }
}

@media only screen and (max-width: 1399px) {
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        width: 96vw;
    }
}

@media only screen and (max-width: 1169px) {
    .cd-primary-nav {
        z-index: 70;
        width: 300px;
        transform: translateX(300px);
    }

    .cd-nav {
        z-index: 99;
    }

    .cd-primary-nav.nav-is-visible {
        margin-top: 0;
        padding-left: 0;
        list-style: none;
        width: 300px;
        transition: ease all 0.3s 0s;
        transform: translateX(0);
    }

    .cd-overlay {
        background: rgb(0 0 0 / 60%);
    }

    .cd-primary-nav > li > a {
        color: var(--secondary);
    }

    .scroll .cd-nav-trigger {
        box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    }

    .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
        background: #fff;
    }

    .digitizer .product__full-name {
        color: var(--digitizer);
    }

    .awgs .product__full-name {
        color: var(--awg);
    }

    .hybrid-systems .product__full-name {
        color: var(--hybrid-systems);
    }

    .digital .product__full-name {
        color: var(--digital);
    }

    .sbench .product__full-name {
        color: var(--software);
    }

    .accessories .product__full-name {
        color: #AFC4C7;
    }

    .product__full-name {
        position: relative;
        top: -4px;
        font-size: 0.9rem;
        letter-spacing: -1px;
    }

    .cd-primary-nav li.home--mobile {
        display: block;
    }

        .cd-primary-nav li.home--mobile a {
            border-bottom: 1px solid #ccc;
        }

            .cd-primary-nav li.home--mobile a span {
                display: inline-block;
                padding-left: 10px;
                margin-left: 10px;
                border-left: 1px solid #ccc;
            }

    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        width: 100%;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .go-back {
        order: 0;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .see-all {
        order: 10;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .digitizer {
        order: 2;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .awgs {
        order: 3;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .hybrid-systems {
        order: 4;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .digital {
        order: 5;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .sbench {
        order: 6;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .accessories {
        order: 7;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .families {
        order: 8;
    }

    .cd-primary-nav .menu--products .cd-secondary-nav .driver-examples {
        order: 9;
    }

    .cd-primary-nav .cd-secondary-nav li.default::before, .cd-primary-nav .cd-secondary-nav li.families::before, .cd-primary-nav .cd-secondary-nav li.driver-examples::before {
        content: '';
        width: 18px;
        height: 18px;
        background: #fff;
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.default.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.families.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.driver-examples.has-children ul li::before {
        background: #fff;
    }

    .cd-primary-nav .cd-secondary-nav li.digitizer::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--digitizer);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.digitizer.has-children ul li::before {
        background: var(--digitizer);
    }

    .cd-primary-nav .cd-secondary-nav li.awgs::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--awg);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.awgs.has-children ul li::before {
        background: var(--awg);
    }

    .cd-primary-nav .cd-secondary-nav li.hybrid-systems::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--hybrid-systems);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.hybrid-systems.has-children ul li::before {
        background: var(--hybrid-systems);
    }

    .cd-primary-nav .cd-secondary-nav li.digital::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--digital);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.digital.has-children ul li::before {
        background: var(--digital);
    }

    .cd-primary-nav .cd-secondary-nav li.netbox::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--pc-systems);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.netbox.has-children ul li::before {
        background: var(--pc-systems);
    }

    .cd-primary-nav .cd-secondary-nav li.sbench::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--software);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.sbench.has-children ul li::before {
        background: var(--software);
    }

    .cd-primary-nav .cd-secondary-nav li.accessories::before {
        content: '';
        width: 18px;
        height: 18px;
        background: #AFC4C7;
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.accessories.has-children ul li::before {
        background: #AFC4C7;
    }

    .cd-primary-nav .cd-secondary-nav li.application-areas::before, .cd-primary-nav .cd-secondary-nav li.research-papers::before, .cd-primary-nav .cd-secondary-nav li.application-notes::before, .cd-primary-nav .cd-secondary-nav li.user-stories::before {
        content: '';
        width: 18px;
        height: 18px;
        background: var(--applications);
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        margin-top: 10px;
    }

    .cd-primary-nav .cd-secondary-nav li.application-areas.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.research-papers.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.application-notes.has-children ul li::before, .cd-primary-nav .cd-secondary-nav li.user-stories.has-children ul li::before {
        background: var(--applications);
    }

    .cd-primary-nav a, .cd-primary-nav ul a {
        color: var(--blau);
        line-height: 40px;
    }

    .cd-primary-nav .menu--applications > ul {
        display: flex;
    }








    .cd-primary-nav .cd-secondary-nav {
        display: flex;
        flex-flow: column;
        padding: 0 15px;
    }

    .cd-primary-nav, .cd-primary-nav ul {
        background: var(--hellgrau);
    }

        .cd-primary-nav .menu--products .cd-secondary-nav::before, .cd-primary-nav .menu--applications .cd-secondary-nav::before, .cd-primary-nav .menu--support .cd-secondary-nav::before {
            display: none;
        }

    .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
        background: var(--blau)
    }

    .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
        position: relative;
        height: auto;
        margin-top: 40px;
        position: relative;
        left: -15px;
        width: calc(100% + 30px);
        order: 10;
    }

    .nav--ps {
        padding: 5px 0;
        background: var(--blau-hell);
        flex-flow: wrap;
        width: 100%;
    }

        .nav--ps > div {
            display: flex;
            padding-left: 1rem;
            align-items: center;
            flex: 1 1 100%;
            margin: 10px 0;
        }

    .cd-primary-nav .cd-secondary-nav a {
        padding-left: 30px;
        width: 100%;
        height: auto;
    }

    .cd-primary-nav ul a {
        display: flex;
        align-items: center
    }

    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
        left: 5px;
    }

    .cd-primary-nav .menu--company .go-back a::before, .cd-primary-nav .menu--company .go-back a::after {
        left: 20px;
    }

    .cd-secondary-nav .has-children > a::before, .cd-secondary-nav .has-children > a::after, .cd-secondary-nav .go-back a::before, .go-back a::after {
        right: 0;
    }

    .cd-primary-nav .cd-secondary-nav > li:not(.go-back) > a {
        font-size: 1rem;
        padding-left: 30px;
    }

    .cd-primary-nav ul ul {
        padding: 5px 15px 0 15px;
    }

    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        background: none;
    }

    .cd-primary-nav .cd-secondary-nav > li > a {
        font-size: 1rem;
    }

    .cd-primary-nav .cd-secondary-nav > li {
        border-bottom: 1px solid #fff;
    }

    .cd-primary-nav .cd-secondary-nav .has-children li::before {
        margin-top: 15px;
        margin-left: 10px;
    }

    .cd-primary-nav .cd-secondary-nav .has-children li.go-back::before {
        display: none;
    }

    .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul {
        width: 100%;
    }

        .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) {
            width: 100%;
        }

            .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a img {
                max-width: 30px;
                max-height: 30px;
            }

            .cd-primary-nav .menu--applications .cd-secondary-nav .application-areas ul li:not(.go-back) a .navi-img-holder {
                height: auto;
                width: 40px;
            }

    .cd-primary-nav .menu--applications a, .cd-primary-nav .menu--applications ul a {
    }

    .cd-primary-nav .menu--company .cd-nav-icons {
        display: flex;
        flex-flow: wrap;
    }

        .cd-primary-nav .menu--company .cd-nav-icons li {
            width: 100%;
        }

            .cd-primary-nav .menu--company .cd-nav-icons li.see-all {
                width: calc(100% + 30px);
                order: 10;
                left: 0;
            }

    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        font-size: 1.15rem;
        margin-bottom: 0;
    }

    .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a.cd-nav-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #fff;
        text-decoration: none;
    }

    .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a .navi-img-holder {
        width: 80px;
        height: 60px;
    }

        .cd-primary-nav .menu--company .cd-nav-icons li:not(.go-back) a .navi-img-holder img {
            max-height: 30px;
            max-width: 50px
        }

    /*.product__full-name {display: none;}*/
}