body{
    background-color: white;
}
.header-nav-logo {
    position: absolute;
    width: 275px;
    height: 57px;
    background-image: url(https://responzacdn.blob.core.windows.net/assets/bpst/702451da-3195-4a17-b923-d6cc077e1603Logo.png) !important;
    background-size: cover;
    top: 20px;
    left: 50px;
    margin-left: 0px;
    display: inline-block;
    background-repeat: no-repeat;
}
.header-nav-wrapper {
    z-index: 2;
    background-image: linear-gradient( white,white);
    width: 100%;
    display: -ms-flexbox;
    display: flex;
}
.header-nav-wrapper::after {
    content: "";
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/90f71552-2950-4387-adc0-bb2d508e0c85EU.png");
    position: absolute;
    right: 59px;
    top: 20px;
    background-size: contain;
    width: 295px;
    height: 57px;
    background-repeat: no-repeat;
}
.portal-item a{
    color:black;
}
.portal-item a:hover, .portal-item a.router-link-active {
    transition: all .5s ease;
    padding-bottom: 2px;
    border-bottom: 3px solid black;
    color: black;
}
.header-nav-pathbar i.fa.fa-chevron-right:before {
    content: "/";
    font-family: monospace;
    font-size: 17px;
}
.header-nav-pathbar a.router-link-active:hover{
    color:white;
}
.header-nav-pathbar a,.header-nav-pathbar a:hover{
    color:white;
}
.header-nav-pathbar {
    min-height:unset;
    font-weight: 700;
    background-color: #fff;
    padding: 8px 55px;
    color: black;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    background-color: #1f6733;
}
.header-nav-pathbar a{
    font-size:14px;
}
.header-nav-pathbar a.router-link-active{
    font-weight:bold;
}
.header-nav-pathbar span span:last-child a {
    color: white;
    text-decoration: none;
    cursor: default;
    border:none;
}

.header-nav-bar {
    display: inline;
    margin: 0 auto;
}
.header-nav-bar .form-group{
    width:500px;
    margin:0 auto;
}
.dropdown{
    width:100%;
}
.dropdown .input-group .form-control:first-child{
    border: 2px solid #9ba68a;
    border-radius: 7px;
}
.dropdown .input-group-btn:last-child > .btn {
    background-color: #9ba68a;
    color: white;
    border:0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.header-nav-portal-list{
    left:45px;
}
.row .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    background-color: white;
    margin-top: 0px;
}
#app > .row > .container-fluid > .row{
    padding: 0px 70px;
}
.frontpage-categories-container,.frontpage .portal-category-link{
    border: none;
    background-color: #eff1ec;
}
.portal-category-list-entry {
    text-align: center;
    margin: 30px 0px;
}
.portal-category-link{
    width:100%;
}
.nounderline, .nounderline:active, .nounderline:focus {
    text-decoration: none;
    color: #424343;
}
.nounderline:hover {
    color: #1f6733;
    text-decoration: none;
}
.frontpage .show-all-link{
    color:black;
}
.frontpage .show-all-link:hover{
    color: #1f6733;
}
.frontpage h2{
    font-size: 21px;
    font-weight: bold;
    /* color:#424343; */
}
.frontpage-categories-container h2{
    height:85px;
}
.frontpage-categories-container ul{
    list-style: disc;
    padding-left: 25px;
}
.frontpage-categories-container li::marker {
    color: #1f6733;
}
.category-sub-category-entry .category-sub-category-entry-line{
    border:none;
    padding:0px;
}
.category-sub-category-entry{
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 0px;
    margin: 20px 0px;
    padding: 5px 10px;
}
.row .portal-category-list-entry .portal-category-link:before {
    display: none;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry .portal-category-link:before {
    display:block;
    filter: brightness(0) saturate(48%) invert(69%) sepia(54%) saturate(327%) hue-rotate(74deg) brightness(73%) contrast(70%);
}
.article-container{
    width:85%;
    margin:0 auto;
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(1) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(2) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(3) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(4) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(5) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(6) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(7) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(8) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(9) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(10) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(11) .portal-category-link:before {
}
.row:has(a.router-link-active[href="/"]) + .row .portal-category-list-entry:nth-child(12) .portal-category-link:before {
}

.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(1) .portal-category-link:before {
    background-image: url("https://bpst.spitzeco.dk/Content/uploaded/editor_img/90146185-4318-4c6d-863c-ad5adde5fdc3handshake-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(2) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/exchange-alt-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(3) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/d61ea1cb-387a-444f-a04c-2c4671dff7bchand-holding-usd-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(4) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/d4b2a76d-f9cb-4ff2-9c84-cfd200422701business-time-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(5) .portal-category-link:before {
    background-image: url("https://bpst.spitzeco.dk/Content/uploaded/editor_img/8893c489-9a55-4eb7-82af-d6345f8ec9aftoolbox-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(6) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/668c4898-5a80-40c9-a4f0-c0f77511cb3anetwork-wired-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(7) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/5cfcfe1d-0821-4bd7-81b4-a7cb5f5f1f71spell-check-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(8) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/27aa7573-ea6b-4b6c-9722-fef4685fc6e0clipboard-check-solid.png");
}

/* 
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(1) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/abe6d07c-cc04-4c16-983e-404975465371balance-scale-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(2) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/b1db36bc-c5dc-48c1-a53d-72477a59ea27share-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(3) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/445679dc-14e2-47e1-90d9-7e49e51adb6dinfo-circle-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(4) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/27aa7573-ea6b-4b6c-9722-fef4685fc6e0clipboard-check-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(5) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/352a2802-d7ff-4c7a-bd5a-1a2365b709c5money-bill-wave-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(6) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/668c4898-5a80-40c9-a4f0-c0f77511cb3anetwork-wired-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(7) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/b6da8afe-d322-41a5-aaa4-f9a57985741amail-bulk-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(8) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/8be96c22-bec2-4bb9-ad5d-4db402e2eee9money-check-alt-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(9) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/d61ea1cb-387a-444f-a04c-2c4671dff7bchand-holding-usd-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(10) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/exchange-alt-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(11) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/d4b2a76d-f9cb-4ff2-9c84-cfd200422701business-time-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(12) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/cecb52d0-0276-4f4a-ab9c-ef85a63706fecheck-double-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(13) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/b77c221a-318a-401b-8bc0-1111dfcb8b0dindustry-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(14) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/78145687-3c3d-49f7-9114-b53173517b90file-invoice-dollar-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(15) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/6275fbd4-2c77-4e45-9651-e583fe186f24globe-europe-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(16) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/4155d9da-7d63-40e3-9e68-faacb4a92e3aquestion-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(17) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/5cfcfe1d-0821-4bd7-81b4-a7cb5f5f1f71spell-check-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(18) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/958e954d-15d4-423e-b41a-96110f2234a8piggy-bank-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(19) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/f6924163-6419-44cd-bd30-3586ba0e918ebezier-curve-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(20) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/6f272f94-c8d5-4ab7-b261-f0aa152710c2hand-paper-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(21) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/1f23ee2f-29e0-4923-87bf-947a806b39d4exclamation-triangle-solid.png");
}
.row:has(a.router-link-active[href="/portal/18"]) + .row .portal-category-list-entry:nth-child(22) .portal-category-link:before {
    background-image: url("https://responzacdn.blob.core.windows.net/assets/bpst/8ad94ce4-f79c-45d7-8b89-381c0c9f27a9facebook-brands.png");
} */
@media screen and (max-width: 768px) {
    .header-nav-portal-list {
        left: 10px;
    }
    .header-nav-pathbar {
        padding:8px 20px;
    }
    .header-nav-logo {
        left:20px;
    }
    .header-nav-bar .form-group {
        width: 100%;
    }
    .header-nav-wrapper::after {
        right:20px;
    }
    #app > .row > .container-fluid > .row {
        padding: 0px 10px;
    }
    .article-container {
        width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    .dropdown {
        width: 75%;
    }
}
@media screen and (max-width: 1400px) {
    .header-nav-logo {
        width: 207px;
        height: 43px;
    }
    .header-nav-wrapper::after {
        width: 222px;
        height: 43px;
    }
}
@media screen and (max-width: 1200px) {
    .header-nav-logo {
        top: 10px;
        width: 145px;
        height: 30px;
        background-size: 145px 30px;
        -webkit-background-size:145px 30px;
        -moz-background-size:145px 30px;
    }
    .header-nav-wrapper::after {
        top: 10px;
        width: 155px;
        height: 30px;
    }
}
@media (min-width: 1200px) {
    .col-xl-3 {
        width:20%;
    }

}
@media screen and (min-width: 1554px) {
    .frontpage-categories-container h2 {
        padding: 0 40px;
    }
}