.textarea {
    padding: 0;
}

    .textarea h1 a {
        text-decoration: none;
    }

    .textarea .container-addnav-box {
        overflow: hidden;
        margin: 0 0 16px;
    }

    .textarea .addnav-box {       
        position: relative;
    }

.PriceListPage .textarea .container-addnav-box,
.PriceCategory .textarea .container-addnav-box,
.PricelistKosmetisk .textarea .container-addnav-box,
.PricelistKosmetisk2 .textarea .container-addnav-box {
    margin-bottom: 34px;
}

@media only screen and (max-width: 767px) {
    .textarea {
        padding: 0;
    }

        .textarea .addnav-box {
            display: none;
        }

    .open .addnav-box {
        display: block;
    }

    .EmployeesPage .textarea .container-addnav-box {
        margin-bottom: 0;
    }

    .textarea .container-addnav-box {
        margin-bottom: 11px;
    }
}



@media only screen and (max-width: 1024px) {
    .textarea .addnav-box:after {
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {


    .textarea .addnav-box {
        background: #b0c4cf;
    }

    .textarea .addnav-box:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background: #b0c4cf;
    }
}

.textarea .addnav-title {
    line-height: 30px;
    margin-bottom: 10px;
}

    .textarea .addnav-title a {
        position: relative;
        padding-right: 20px;
    }

        .textarea .addnav-title a:after {
            content: ">";
            position: absolute;
            top: 1px;
            right: 4px;
            font-size: 13px;
            line-height: normal;
        }

@media only screen and (max-width: 767px) {
    .textarea .addnav-title {
        display: block;
        padding: 0 5px 0 0;
        font-size: 18px;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .textarea .addnav-title a:after {
            top: 3px;
        }

    .textarea .addnav-opener {
        width: 33px;
        height: 20px;
        transition: all .2s linear;
        cursor: pointer;
        position: relative;
        flex-shrink: 0;
    }

        .textarea .addnav-opener span {
            opacity: 0;
        }

        .textarea .addnav-opener:after,
        .textarea .addnav-opener:before {
            content: "";
            background-color: #0c304c;
            border-radius: 4px;
            position: absolute;
            top: 5px;
            left: 0;
            right: 0;
            height: 4px;
            transition: all .4s linear;
        }

        .textarea .addnav-opener:after {
            top: auto;
            bottom: 4px;
        }

    .open .addnav-opener:after,
    .open .addnav-opener:before {
        transform: rotate(45deg);
        top: 8px;
        left: 0;
        right: 0;
        opacity: 1;
    }

    .open .addnav-opener:after {
        transform: rotate(-45deg);
    }
}

.textarea .addnav-title-empty {
    margin-bottom: 0;
}

.addnav-title .upper {
    display: none;
}



@media only screen and (max-width: 767px) {
    .full-section.addnav-none {
        margin-top: -11px;
        margin-bottom: 0;
    }

    .addnav-holder {
        border: 1px solid #a9bdc9;
    }

    /* removes the generated drop-down menu */
    .addnav-none .addnav-holder {
        display: none;
    }

    .addnav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 14px;
    }
}

.textarea .addnav {
    list-style: none;
    margin: 0;
    font-size: 0;
    line-height: 0;
    padding: 0px 40px 0px 0;
    overflow: hidden;
    
}

@media only screen and (max-width: 767px) {
    .textarea .addnav {
        height: auto !important;
        padding: 15px 10px;
        margin-bottom: 0px;
    }
}

.textarea .addnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.textarea .addnav .hasdrop a:before {
    content: "\003E";
    position: absolute;
    top: 4px;
    right: 14px;
}

.textarea .addnav > li {
    display: inline-block;
    vertical-align: top;
    
    margin: 0 13px 0 0;
}

@media only screen and (max-width: 767px) {
    .textarea .addnav > li {
        display: block;
        width: 100%;
        margin: 0;
    }
}

.textarea .addnav li {
    position: relative;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom:12px;
}

@media only screen and (max-width: 767px) {
    .textarea .addnav li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

        .textarea .addnav li:nth-child(odd) {
            background-color: rgba(60, 77, 102, 0.1);
        }
}

.textarea .addnav li a.back-link {
    padding-left:30px;
}

.textarea .addnav li a.back-link:before {
    content: "\003C";
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 20px;
    line-height: 16px;
}

@media only screen and (max-width: 767px) {
    .textarea .addnav li a.back-link {
        padding: 5px 5px 5px 30px;
    }

        .textarea .addnav li a.back-link:before {
            top: 5px;
        }
}

.textarea .addnav li.drop-active ul {
    max-height: 4000px;
}

.textarea .addnav li.have-children > a:after {
    content: "\003E";
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 20px;
    line-height: 16px;
}

@media only screen and (max-width: 767px) {
    .textarea .addnav li.have-children > a:after {
        top: 5px;
    }
}

.textarea .addnav li ul {
    max-height: 0;
    overflow: hidden;
}

    .textarea .addnav li ul a {
        padding: 5px 30px 4px 50px;
    }

.textarea .addnav li.active > a {
    background: #0077bf;
    color: #ffffff;
}

/*    .textarea .addnav li.active > a:after {
        visibility: hidden;
        opacity: 0;
    }

.textarea .addnav > li:first-child > a:after, 
.textarea .addnav > li:first-child + li > a:after {
    visibility: hidden;
    opacity: 0;
}*/



.textarea .addnav a {
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 15px;
    border: solid 1px #0077bf;
    border-radius: 15px;
}

.textarea .addnav li.have-children a {
    padding-right:30px;
}


@media only screen and (max-width: 767px) {
    .textarea .addnav a {
        display: block;
        padding: 5px 10px;
        border: none;
        border-radius: 0;
    }
}

.textarea .addnav a:hover {
    background: #0077bf;
    border-color: #0077bf;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/*    .textarea .addnav a:hover:after {
        visibility: hidden;
        opacity: 0;
    }

.textarea .addnav a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    right: 0;
    border-top: 5px solid #8d9da6;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}*/

@media only screen and (max-width: 767px) {
    .textarea .addnav a:after {
        display: none;
    }

    .textarea .addnav a:hover {
        background: #d0dce2;
        color: #0c304c;
    }
}

.textarea .drop-menu {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    right: 28px;
    background: #b0c4cf;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    max-height: 0;
    display: none;
}

    .textarea .drop-menu li {
        float: none;
        width: auto;
        padding: 0;
        display: block;
    }

    .textarea .drop-menu a {
        position: relative;
    }

        .textarea .drop-menu a:after {
            content: "";
            position: absolute;
            top: 0;
            left: 26px;
            right: 0;
            border-top: 1px solid #8d9da6;
            opacity: 1 !important;
            visibility: visible !important;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

.textarea .foldout-section {
    position:relative;
}

.textarea .open-close-holder {
    font-size: 15px;
    line-height: 23px;
    padding: 35px 0 0;
    margin: 0 0 40px;
    position: relative;
}

    .textarea .open-close-holder p {
        font-size: 16px;
    }

    .textarea .open-close-holder ul {
        list-style-position: inside;
    }

    .textarea .open-close-holder:after {
        content: "";
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1915px;
        background: #e7edf1;
        bottom: -100000px;
        z-index: -1;
    }

    .textarea .open-close-holder a {
        color: #0077bf;
    }

        .textarea .open-close-holder a:hover {
            text-decoration: underline;
        }

    .textarea .open-close-holder .opener-first {
        font-size: 25px;
        display: block;
        padding: 7px 50px 8px 6px;
        position: relative;
        text-decoration: none !important;
        color: #0c304c;
    }

        .textarea .open-close-holder .opener-first h1 {
            margin: 0 0 5px;
        }

    .textarea .open-close-holder .opener,
    .textarea .open-close-holder .opener-forced-active {
        font-size: 25px;
        display: block;
        padding: 7px 50px 8px 18px;
        position: relative;
        background: #d5e1e7;
        text-decoration: none !important;
        color: #0c304c;
    }

    .textarea .open-close-holder .opener-forced-active {
        background: none;
        padding-left:6px;
    }

@media only screen and (max-width: 767px) {
    .textarea .open-close-holder .opener {
        padding-left: 12px;
    }
}

.textarea .open-close-holder .active .opener {
}

/*.textarea .open-close-holder .open-close:first-of-type {
    border-top: solid 1px #eee;
}*/
/*
    .textarea .open-close-holder .open-close:first-of-type .opener {
        padding-left: 6px;
    }*/

.textarea .open-close-holder a.opener:hover {
    color: #0077bf;
}


.textarea .open-close-holder .opener h2,
.textarea .open-close-holder .opener-forced-active h2 {
    margin: 0 0 5px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .textarea .open-close-holder .opener,
    .textarea .open-close-holder .opener-first,
    .textarea .open-close-holder .opener-forced-active {
        font-size: 20px;
        font-size: 18px;
    }
}

.textarea .open-close-holder a.opener:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 19px;
    height: 19px;
    margin: -14px 0 0;
    border: 3px solid #223546;
    border-right: none;
    border-bottom: none;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: border 0.4s linear;
    transition: border 0.4s linear;
}

.textarea .open-close-holder .open-close-link-holder {
    margin: 0 0 11px;
}

    .textarea .open-close-holder .open-close-link-holder .open-close-link {
        margin: 0;
    }

        .textarea .open-close-holder .open-close-link-holder .open-close-link a.opener:after {
            border-color: #fff;
        }

.textarea .open-close-holder .open-close-link a {
    background-color: #3c4d66;
    color: #fff;
}

.textarea .open-close-holder .open-close-link-holder .open-close-link a:hover {
    background-color: #fff;
}

    .textarea .open-close-holder .open-close-link-holder .open-close-link a:hover:after {
        border-color: #3c4d66;
    }

.textarea .open-close-holder .open-close-link a.opener:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: -10px 0 0;
}

@media only screen and (max-width: 767px) {



    .textarea .open-close-holder a.opener:after {
        width: 14px;
        height: 14px;
        margin: -10px 0 0;
    }
}

.textarea .open-close-holder .open-close {
    overflow: hidden;
    margin: 0 0 11px;
}

.foldout-section.hasBgColor + .open-close {
    padding-top:50px;
}

    .textarea .open-close-holder .open-close p {
        margin: 0;
        font-size: 16px;
    }

    .textarea .open-close-holder .open-close.active a.opener {
        background: none;
    }

        .textarea .open-close-holder .open-close.active a.opener:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin: -5px 0 0;
            border-color: #b0c4cf;
        }

    .textarea .open-close-holder .open-close.active .slide {
        display: block;
    }

        .textarea .open-close-holder .open-close.active .slide a {
            text-decoration: underline;
        }

            .textarea .open-close-holder .open-close.active .slide a:hover {
                text-decoration: none;
                color: #0077bf;
            }

.textarea .open-close-holder .slide {
    overflow: hidden;
    padding: 9px 30px 10px 20px;
    display: none;
}

.textarea .open-close-holder .opener-forced-active + .no-slide {
    padding: 9px 30px 10px 6px;
}

.textarea .open-close-holder .no-slide {
    padding: 9px 50px 10px 6px;
}


@media only screen and (max-width: 767px) {
    .textarea .open-close-holder .slide {
        padding: 0 0 0 12px;
    }

    .textarea .open-close-holder .no-slide {
        padding: 0 0 0px 6px;
        margin-bottom:40px;
    }
    .textarea .open-close-holder .no-slide.forced-active {
        margin-bottom: 0px;
    }

    .foldout-section.hasBgColor + .open-close {
        padding-top: 15px;
    }

    .textarea .open-close-holder .open-close {
        overflow: initial;
    }
}

.textarea .open-close-holder .slide img,
.textarea .open-close-holder .no-slide img {
    float: left;
    margin: 7px 18px 10px 0;
}

.textarea .open-close-holder p {
    margin: 0 0 23px;
}


.textarea .open-close-holder .slide .gallery-box-custom img,
.textarea .open-close-holder .no-slide .gallery-box-custom img {
    float: unset;
    margin: 0;
}

.textarea .open-close-holder .open-close .gallery-box-custom p {
    font-size: unset;
    margin: unset;
}