.btn {
    border-radius: 5px;
    color: white;
    background-color: #9fc64b;
    height: 34px;
    line-height: 34px;
    border: unset;
    font-size: 13pt;
    text-shadow: none;
}



/*Checkbox anim*/
#SubmitOrder label .chb input[type="checkbox"]:checked + ins {
    animation-iteration-count: 1 !important;
}

#SubmitOrder label .chb input[type="checkbox"] + ins {
    animation-name: pulse;
    -webkit-animation-name: pulse; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-duration: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    left: 5px;
}

@keyframes pulse {

    0% {
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1); /* Standard syntax */
    }

    100% {
        -ms-transform: scale(2,2); /* IE 9 */
        -webkit-transform: scale(2,2); /* Safari */
        transform: scale(2,2); /* Standard syntax */
    }
}

/*end checkbox anim*/


.btn:hover > .btn-cnt {
    text-decoration: underline;
}

.btn-search {
    height: unset;
    line-height: unset;
}

.ui-button {
    height: 28px;
    line-height: 28px;
}

a.hyp.hyp-remove:before {
    content: "";
    vertical-align: middle;
    background: url(../../files/icons/clear.png) no-repeat scroll 0 0 transparent;
    height: 18px;
    width: 11px;
    display: inline-block;
}


.LastBreadcrumb {
    display: inline-block;
    padding-left: 7px;
    position: relative;
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 10pt;
    color: #003a63 !important;
}

.Show-Advies-inline {
    width: 45% !important;
    display: inline-block !important;
}

@media (max-width: 1000px) {

    .Show-Advies-inline {
        display: block !important;
        width: 60% !important;
    }
}

.advies-block {
    min-width: calc(150px);
    width: 100%;
    border: 1px solid;
    border-radius: 5px;
    border-color: #003A63;
    color: #003a63;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin: 12px;
    margin-top: 24px;
}

.product-tile .lbl-price {
    color: #003a63;
    font-size: 15pt;
}


.Highlight .firstLi {
    display: block;
}

.compat-object-fit {
    background-size: cover;
    background-position: center top;
}

    .compat-object-fit img {
        display: none !important;
    }

p {
    margin: 0px;
}

body {
    line-height: 15pt;
    font-size: 11pt;
}

#crumbpath .breadcrumbs.font-smaller {
    margin-left: 10px;
    margin-top: 98px;
}



.basket-loading {
    z-index: 20;
}

.at-icon-wrapper {
    background-color: #003a63 !important;
}

.top-action {
    margin-top: 6px;
}

.nav-list.nav-lvl-2 .wrapper .font-h4 {
    text-decoration: none;
}

.nav-item.selected .hyp-top-lvl span:after {
    background: #9fc64b;
    font-size: 11pt;
}

header.sticky-mode .logo {
    width: 204px;
    height: 60px;
}

    header.sticky-mode .logo a {
        bottom: 15px;
        position: absolute;
        width: 200px;
    }

        header.sticky-mode .logo a img {
            object-fit: cover;
            object-position: 10px 0px;
            width: 130px;
        }

header.sticky-mode .nav-item.nav-item-root .nav-item {
    font-size: 11pt;
    color: #003a63;
}

header.sticky-mode .nav-item-root.hover .hyp-top-lvl {
    color: #003a63 !important;
}

header.sticky-mode .nav-item .hyp-top-lvl {
    font-size: 11pt;
    color: #003a63;
}

header.sticky-mode .nav-list.nav-lvl-3 .nav-item a {
    color: #003a63;
    font-size: 11pt;
}

header.sticky-mode .wrapper .font-h4 {
    color: #9fc64b;
    font-size: 11pt;
}

header.sticky-mode nav .hyp-top-lvl {
    color: #003a63;
}

.standaardlayout {
    line-height: 15pt;
    font-size: 11pt;
    text-align: left !important;
}

.logo {
    margin-top: 8px;
}

/*content*/
#wr360content {
    width: 500px;
    height: 450px;
    margin-top: -40px;
}

.wr360_player {
    width: 100%;
    height: 100%;
}

#external-content {
    height: 365px;
    display: none;
}

    #external-content > iframe {
        width: 100%;
        height: 100%;
    }

label .chb ins {
    width: 8px;
    height: 8px;
    background-size: cover;
}

.betaalopties {
    position: absolute;
    right: 10px;
    margin-top: -9px;
}


.qty-control .tbx input, .qty-control .tar textarea {
    width: 100%;
}


.facet-selected li, .multiselect-mode .facet li {
    padding-left: 30px;
    margin-bottom: 5px;
}

label .chb input[type='checkbox'] {
    /*opacity:1;
    width:100%;
    height:100%;
    right:2px;
    bottom:1px;*/
}
/* styles for '...' */
.block-with-text {
    margin-bottom: 0px !important;
    text-align: left;
}

.site .content {
    margin-top: 43px;
}




.PersonaPage .flexi-row:before, .PersonaPage .flexi-row:after {
    clear: none;
}

.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 4.8em;
    /* fix problem when last visible word doesn't adjoin right side  */
    margin-right: -1em;
    padding-right: 1em;
    min-height: 2.5em;
}

.flexi-row.center.productswaaromvegro .block-with-text {
    min-height: 4.8em;
    font-size: 9pt;
}

.block-with-text:before {
    /* points in the end */
    background-image: -webkit-linear-gradient(top, rgba(255,0,0,0), #ffffff 100%);
    content: "";
    color: white;
    height: 1.6em;
    /* absolute position */
    position: absolute;
    display: block;
    /* set position to right bottom corner of block */
    right: 4px;
    bottom: 0px;
    z-index: 100;
    width: calc(97% - 4px);
    left: 0px;
}

.column .block-with-text:before {
    width: 93%;
    right: unset;
}

.HomePage .block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    width: 1em;
    /* set width and height */
    background: white;
}



.BuyButton {
    border: 0px;
    float: right;
}

    .BuyButton:hover, .productTile .readmore:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.productTile .buyblock .buyprice {
    float: left;
}

/*#. FullWidth*/
/*@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;*/
/*src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');*/
/* src: url('/content/fonts/ptsans.eot');
    src: local('PT Sans'), local('PTSans-Regular'), url('/content/fonts/ptsans.woff2') format('woff2');
}*/

/* pt-sans-regular - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/content/fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('PT Sans'), local('PTSans-Regular'), url('/content/fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/content/fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/content/fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/content/fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/content/fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/*#region Footer*/

footer {
    display: none;
}

.footerTotaal {
    position: relative;
    display: flex;
    height: 350px;
    top: 25px;
    color: #003a63;
    width: 100%;
    overflow: hidden;
}

    .footerTotaal a {
        color: #003a63;
    }

.footercontent th, .vegroSocial th {
    text-align: left;
}

.footercontent {
    display: inline-block;
    min-width: 100%;
    text-align: center;
}

.footerklantenservice {
    width: 150px;
}

.vegroSocial {
    display: inline-block;
    width: 400px;
}

    .vegroSocial img {
        height: 45px;
    }

.nieuwsbriefplaceholder .tbx.tbx-email-newsletter {
    border-bottom-style: none;
    width: 250px;
}

.newsletter-line {
    width: unset;
}

    .newsletter-line li {
        width: unset;
    }

.customfooter {
    background-color: transparent;
    /*padding-top: 40px;*/
    position: relative;
    height: unset;
}

    .customfooter .footerwaaromvegro {
        background-color: #9FC64B;
        text-align: center;
        font-size: 20px;
        color: white;
        display: inline-block;
        width: 100%;
        overflow: visible;
        margin-top: 40px;
    }

    .customfooter .footerTitel {
        margin-top: 15px;
        margin-bottom: -5px;
        font-size: 14pt;
    }

    .customfooter .footerwaaromvegro .items {
        background-color: #9FC64B;
        padding-bottom: 5px;
    }

    .customfooter .footerwaaromvegro .item {
        margin-top: 10px;
        font-size: 14px;
        display: inline-block;
        margin-left: 50px;
    }

        .customfooter .footerwaaromvegro .item img {
            display: inline-block;
            vertical-align: middle;
            margin: 10px;
            margin-top: 0px;
        }


        .customfooter .footerwaaromvegro .item:last-child:after {
            content: '';
        }

        .customfooter .footerwaaromvegro .item a {
            color: white;
        }

.footerkaart {
    display: inline-block;
}

    .footerkaart img {
        width: 200px;
        max-width: unset;
        padding-top: 20px;
    }


.footercontent .titel {
    font-size: 16px;
    text-align: left;
    margin-top: 30px;
    font-weight: bolder;
    color: #003a63;
    margin-left: unset;
}

.footercontent li {
    list-style: none;
    color: #003a63;
    font-size: 10pt;
}

    .footercontent li a {
        color: #003a63;
        font-size: 10pt;
    }

.footercontent ul {
    padding: 0px;
}

.footercontent div {
    vertical-align: top;
    display: inline-block;
    text-align: left;
}



.footernieuwsbrief .text {
    display: flex;
    width: 400px;
    margin-left: unset;
    font-size: 10pt;
}

.footernieuwsbrief .subtext {
    display: flex;
    width: 400px;
    margin-left: unset;
}


.footernieuwsbrief img {
    width: 35px;
    height: 35px;
}

.footernieuwsbrief .BuyButton {
    background-color: #003a63;
}

.footercontent .footerovervegro {
    width: 150px;
}

.footercontent .footerwinkels {
    width: 150px;
}


.footercontent div.footernieuwsbrief p {
    margin-top: -1px;
    font-size: 8pt;
}

.footercontent div.footernieuwsbrief {
    width: 400px;
    display: inline-block;
    color: #003a63;
    margin-left: 20px;
}

.footercontent .socialMedia img {
    height: 35px;
}

.socialMedia .titel {
    display: block;
}

.customfooter .footercopyright {
    background-color: #F3F3F3;
    text-align: center;
    font-size: 14px;
    color: white;
    height: 90px;
    display: block;
    width: 100%;
    color: #003965;
    margin-bottom: -30px;
}

.footercopyright a {
    color: #003a63;
}

.footercopyright .line1 {
    position: absolute;
    text-align: left;
    padding: 10px;
    left: 0px; /*calc(50% - 600px);*/
}

.footercopyright div {
    display: inline-block;
    padding: 10px;
    font-weight: bold;
}

.footercopyright img {
    height: 35px;
    margin-top: 20px;
}

.thuiswinkel {
    padding: 10px;
}

    .thuiswinkel img {
        padding-left: 15px;
    }

.betaalopties {
    padding: 10px;
}

.footercopyright .copyright:before {
    content: "\00a9 ";
}

.footercopyright .disclaimer {
    display: block;
    font-weight: normal;
    position: absolute;
    text-align: left;
    left: 10px; /*calc(50% - 590px);*/
    margin-top: 40px;
}

.nieuwsbriefplaceholder {
    height: 50px;
}

.footernieuwsbrief .subtext {
    margin-bottom: -20px;
}

.nieuwsbriefplaceholder .tbx.tbx-email-newsletter input {
    background-color: white;
    border: 1px solid #9fc64b;
    border-radius: 5px;
    font-family: 'PT Sans', sans-serif, Arial;
    color: black;
}

.nieuwsbriefplaceholder form .font-h4 {
    display: none;
}

.nieuwsbriefplaceholder form > div {
    display: none;
}



.btn:hover,
.btn.hover,
.btn:focus {
    /*background-color: #003a63;*/
}

.newsletter-line button {
    background-color: #003a63;
    padding-bottom: 7px;
    border-radius: 5px;
    color: white;
    margin-left: -10px;
}

.btn .btn-cnt {
    font-family: 'PT Sans', sans-serif, Arial;
}


.tbx input, .tar textarea, .tbx-main-search, .tbx-main-search.focused, .tbx-content-search.focused {
    background: #f5f9ed;
    /*border-color: #9fc64b;
    border: 1px solid #9fc64b;*/
    border-radius: 5px;
    font-family: 'PT Sans', sans-serif, Arial;
    color: black;
}


/*#endregion Footer*/
/*#region Header*/
.smallfont {
    margin: 2px;
    display: inline;
    font-size: 1.0em;
}

.normalfont {
    margin: 2px;
    display: inline;
    font-size: 1.5em;
}

.largefont {
    margin: 2px;
    display: inline;
    font-size: 2em;
}

.top-header {
    max-width: 100%;
}

.top-header, .middle-header {
    padding: 0px;
}


.top-info.phone-icon:before {
    background-size: cover;
}

.top-info.phone-icon.font-smaller {
    color: #003a63;
    font-weight: bold;
}

.bottom-header .nav-list-root {
    margin-left: 30px;
    margin-right: 20px;
    font-weight: bold;
}

.opener:after {
    right: 15px;
}

.nav-is-closed .bottom-header .center, .nav-is-closed .middle-header .nav-opener-wrapper {
    background: #003a63;
}

.nav-opener:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 60px;
    width: 64px;
    background-size: contain;
    margin-top: 9px;
}

@media (max-width: 992px) {
    .customheader {
        display: none;
    }

    .fontsizes {
        display: none;
    }
}

@media (min-width: 992px) {

    .fontsizes {
        position: absolute;
        z-index: 2100;
        top: 2.5vw;
        right: 140px;
        color: #002a50;
    }

    .customheader {
        background-color: #E0E1E3;
        text-align: right;
        position: absolute;
        display: block;
        width: 100%;
        top: -30px;
        color: #002a50;
    }


        .customheader .currentsite {
            color: #95BB34;
        }

        .customheader a {
            margin-left: 10px;
            margin-right: 10px;
        }

    header.sticky-mode .customheader, header.sticky-mode .fontsizes {
        display: none;
    }

    .top-header {
        position: absolute;
        padding-top: 7.5vw;
        width: 100%;
    }

    header.sticky-mode .top-header {
        position: relative;
    }
}

@media (min-width: 1251px) {
    .btn-search:before, .sticky-mode .btn-search:before, .sana-full-height-slider .sticky-mode .btn-search:before {
        background-image: url('../Vegro/Header en footer/Zoeken.png');
        background-size: contain;
        position: relative;
        top: -5px;
        right: -40px;
    }

    .over-summary .hyp:after {
        content: "WINKELWAGEN";
        background-size: contain;
        display: block;
        position: relative;
        left: -50px !important;
        bottom: 30px;
        color: #003966;
        vertical-align: text-bottom;
        font-size: 9px;
        font-family: 'PT Sans',Arial,Helvetica,sans-serif,sans-serif;
        font-weight: bold;
    }

    header.sticky-mode .over-summary .hyp:after {
        left: -2px !important;
    }

    /*Fix for hover over basket / login*/
    .over-summary {
        pointer-events: none;
    }

        .over-summary .hyp:before {
            background-image: url('../Vegro/Header en footer/Winkelwagen.png');
            background-size: contain;
            margin-top: 7px;
        }

    .sticky-mode .over-summary .hyp:before {
        margin-top: -10px !important;
    }

    header:not(.sticky-mode) .searchbox-open, header:not(.sticky-mode) .searchbox {
        width: 500px;
    }


        /*header:not(.sticky-mode) .searchbox-open {
    width: 320px;
}*/

        /*header:not(.sticky-mode) .tbx-main-search.tbx.focused {
    background-color: #ECF2D8;
}*/

        header:not(.sticky-mode) .searchbox-open .btn:active {
            background-color: transparent;
            border-color: #2d3e3e;
        }

    .searchbox-open .searchbox-icon:hover, .searchbox-open .searchbox-icon,
    .searchbox .btn:hover, .searchbox .btn.hover, .searchbox .btn:focus {
        background-color: transparent;
    }

    .btn-search .btn-cnt {
        display: none;
    }



    header:not(.sticky-mode).top-header {
        position: relative;
        height: 0px;
    }



        header:not(.sticky-mode) .top-header .top-action {
            position: absolute;
            right: 20px;
            background-color: white;
            border-radius: 5px;
        }

    .bottom-header .center {
        text-align: left;
        margin: 0px;
        max-width: 1000px;
        margin-left: 5px;
    }

    header:not(.sticky-mode) .middle-header {
        margin-top: 30px;
        margin-bottom: 0px;
        max-width: 100%;
        z-index: 2000;
    }

        header:not(.sticky-mode) .middle-header .basket {
            right: 0px;
            position: absolute;
        }

        header:not(.sticky-mode) .middle-header .logo {
            width: 20%;
            margin-left: 20px;
        }



    header:not(.sticky-mode) .bottom-header {
        margin-top: -20px;
        background-color: #003a63;
        position: absolute;
        width: 75%;
        right: 0px;
        border-radius: 5px;
    }

    header:not(.sticky-mode) .hyp-top-lvl {
        color: white;
    }


    header:not(.sticky-mode) .arrow-grey {
        color: #003158;
        font-weight: bold;
    }

        header:not(.sticky-mode) .arrow-grey:before,
        .arrow-black:before,
        .arrow-red:before {
            content: '';
            display: inline;
            position: absolute;
            top: 50%;
            left: 0;
            line-height: 0;
        }

    .flexi-row.personas .html-wrapper:after {
        content: "";
        z-index: -100;
        left: 0px;
        position: absolute;
        width: 100%;
        height: 270px;
        background: rgba(231,231,231,0); /* For browsers that do not support gradients */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, rgba(231,231,231,1)); /* Standard syntax (must be last) */
    }



    header:not(.sticky-mode) .arrow-grey.has-children:before {
        content: '> ';
        margin-left: -7px;
        color: #003158;
        font-weight: normal;
    }

    header:not(.sticky-mode) .nav-item-sub.hover {
        background: #E7E8EA;
    }



    header:not(.sticky-mode) .nav-is-hovered .hyp-top-lvl {
        color: white;
    }

    header:not(.sticky-mode) .nav-is-hovered .hover .hyp-top-lvl {
        color: #002a50;
    }

    header:not(.sticky-mode) .nav-item.selected .hyp-top-lvl span {
        color: #96BC35;
    }

        header:not(.sticky-mode) .nav-item.selected .hyp-top-lvl span:after {
            background: transparent;
        }
}



/*#endregion Header*/
/*#region DefaultContent*/
.center {
    max-width: 930px;
    padding: 0px;
}

h1 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 20pt;
    color: #9fc64b;
    font-weight: unset;
}

h2 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 18pt;
    color: #003a63;
    font-weight: unset;
}

h2a {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 18pt;
    font-weight: bold;
    color: #003a63;
}

h3 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 15pt;
    color: #003a63;
    font-weight: unset;
}

h4 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 15pt;
    font-weight: bold;
    color: #003a63;
}

h5 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 12pt;
    color: #003a63;
    font-weight: unset;
}

h6 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 12pt;
    font-style: italic;
    color: #003a63;
    font-weight: unset;
}

h7 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 11pt;
    color: #003a63;
    line-height: 15pt;
}

h8 /*platte tekst*/ {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 10pt;
    font-weight: unset;
}

.headerbutton img {
    max-width: 150px;
}

.headerbutton {
    position: absolute;
    top: 10px;
    width: 250px;
    margin-left: 0px;
    z-index: 1000;
}

.summup {
    min-height: 40px;
}

.summupimage {
    width: 30px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    margin-top: -5px;
}

.summuptext {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 11pt;
    color: #003a63;
    font-weight: unset;
    width: calc(100% - 50px);
    display: inline-block;
    line-height: 1.2em;
    text-align: left;
    margin-left: 10px;
    margin-top: -5px;
}

.link {
    color: #003965;
    font-size: 15px;
}


.flexi-row.center {
    text-align: center;
}


.buyblock {
    position: initial;
}


.NewsBlock {
    position: relative;
    height: 260px;
}

.quotetext {
    color: #003a63;
    font-size: 20px;
    line-height: 1.2em;
    font-style: italic;
    margin-top: 10px;
}

.quotename {
    font-size: 14px;
    color: #003a63;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

    .quotename:before {
        content: " - ";
    }

.NewsBlock .BuyButton {
    /*background-color: #003A63;*/
    bottom: 20px;
    position: absolute;
    width: 200px;
    left: calc(50% - 100px);
}



.newsdate {
    font-family: 'PT Sans', sans-serif, Arial;
    color: #003a63;
    font-size: 12pt;
    font-style: italic;
    margin-top: 1px;
    margin-bottom: 10px;
}


.newscontent {
    font-family: 'PT Sans', sans-serif, Arial;
    color: #003a63;
    font-size: 11pt;
    line-height: 15pt;
    margin-bottom: 20px;
    min-height: 7.5em;
    text-align: center;
}

.eventtitle { /*h7*/
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #003a63;
    margin-top: 5px;
}

.eventcontent { /*h6*/
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 12pt;
    font-style: italic;
    color: #003a63;
    font-weight: unset;
}

.productTile p {
    width: 100%;
    text-align: left;
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 9pt;
    line-height: 1.2em;
}

.productTile .readmore {
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #003A63;
}





.productTile .buyblock .buyprice {
    font-weight: bold;
    display: inline-block;
    line-height: 20pt;
    bottom: 0px;
    position: absolute;
}

.productTile .buyblock {
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 50px;
}

    .productTile .buyblock .rend-price {
        display: inline-grid;
    }


    .productTile .buyblock .BuyButton {
        bottom: 10px;
        right: 0px;
    }

    .productTile .buyblock .BuyButton {
        min-width: unset;
        width: auto;
        position: absolute;
        bottom: 0px;
    }

.HomePage .productTile .buyblock .BuyButton {
    right: 10px;
    font-size: 10pt;
}

.BuyButton {
    background-color: #9fc64b;
    border-radius: 5px;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
}

    .BuyButton:after {
        padding-left: 10px;
        content: "\279C";
        display: inline-block;
    }

.imgButton {
    padding: 7px;
    min-width: 100px;
    color: white;
    display: inline;
}

.socialBlock {
    float: left;
}

.socialButton {
    width: 40px;
    height: 40px;
}


.round {
    color: #9fc64b;
    padding: 7px;
    border-radius: 5px;
    color: white;
    display: inline;
}

.imgButton {
    padding: 7px;
    min-width: 100px;
    color: white;
    display: inline;
}

.socialBlock {
    float: left;
}

.socialButton {
    width: 40px;
    height: 40px;
}

.ThemaBlocks {
    /*height: 250px;*/ /* aangepast van 400 naar 250px ivm grote ruimtes */
    clear: both;
    display: block;
}

.ThemaWrapper {
    left: 0px;
    width: 100%;
    display: block;
    /*height: 300px;
    position: absolute;*/
    position: relative;
}

.test {
    background-color: red;
}


/*#endregion DefaultContent*/
/*#region DefaultContent fontsize size-small*/
.size-small h1 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 16pt;
    color: #9fc64b;
    font-weight: unset;
}

.size-small h2 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 14pt;
    color: #003a63;
    font-weight: unset;
}

.size-small h2a {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #003a63;
}

.size-small h3 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 11pt;
    color: #003a63;
    font-weight: unset;
}

.size-small h4 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #003a63;
}

.size-small h5 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 8pt;
    color: #003a63;
    font-weight: unset;
}

.size-small h6 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 8pt;
    font-style: italic;
    color: #003a63;
    font-weight: unset;
}

.size-small h7 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #003a63;
}

.size-small h8 /*platte tekst*/ {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 6pt;
    font-weight: unset;
}

.size-small nav .hyp-top-lvl {
    font-size: 13pt;
}

.size-small .HomePage .navigationblocks .subText {
    font-size: 6pt;
}

.size-small .productTile p {
    font-size: 8pt;
}

.size-small .productTile .buyblock .BuyButton {
    font-size: 9pt;
}



.size-small .products.rightBlock .BuyButton {
    font-size: 9pt;
}

.size-small .productTile .buyblock .buyprice {
    font-size: 9pt;
}

.size-small .productTile .readmore {
    font-size: 8px;
}

.size-small .summup {
    font-size: 11pt;
}

.size-small .summuptext {
    font-size: 8pt;
}

.size-small .newscontent {
    font-size: 12px;
}

.size-small .quotename {
    font-size: 14px;
}

.size-small .eventtitle {
    font-size: 12pt;
}

.size-small .eventcontent {
    font-size: 12pt;
}

.size-small .PersonaTitle .link {
    font-size: 7pt;
}

.size-small .PersonaArticle .article {
    font-size: 11px;
}

.size-small .PersonaFAQ .onderwerpText h4 {
    font-size: 4pt;
}

.size-small .PersonaMore .otherButton2 {
    font-size: 9px;
}

.size-small .PersonaFAQ .ButtonFAQ {
    font-size: 9px;
}

.size-small .PersonaFAQ .ButtonFAQ1 {
    font-size: 9px;
}

.size-small .rightBlock .ButtonWeb {
    font-size: 9px;
}

.size-small .ThemaBlocks .navigationTile.VegroHeader .adviesText {
    font-size: 9px;
}
/*#endregion DefaultContent fontsize size-small*/
/*#region DefaultContent fontsize size-large*/
.size-large h1 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 24pt;
    color: #9fc64b;
    font-weight: unset;
}

.size-large h2 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 22pt;
    color: #003a63;
    font-weight: unset;
}

.size-large h2a {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 22pt;
    font-weight: bold;
    color: #003a63;
}

.size-large h3 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 19pt;
    color: #003a63;
    font-weight: unset;
}

.size-large h4 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 19pt;
    font-weight: bold;
    color: #003a63;
}

.size-large h5 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 16pt;
    color: #003a63;
    font-weight: unset;
}

.size-large h6 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 16pt;
    font-style: italic;
    color: #003a63;
    font-weight: unset;
}

.size-large h7 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 16pt;
    font-weight: bold;
    color: #003a63;
}

.size-large h8 /*platte tekst*/ {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 14pt;
    font-weight: unset;
}

.size-large nav .hyp-top-lvl {
    font-size: 21pt;
}

.size-large .HomePage .navigationblocks .subText {
    font-size: 14pt;
}

.size-large .productTile p {
    font-size: 16px;
}

.size-large .productTile .buyblock .BuyButton {
    font-size: 17pt;
}

.size-large .products.rightBlock .BuyButton {
    font-size: 17pt;
}

.size-large .productTile .buyblock .buyprice {
    font-size: 17pt;
}

.size-large .productTile .readmore {
    font-size: 16px;
}

.size-large .summuptext {
    font-size: 16pt;
}

.size-large .newscontent {
    font-size: 16px;
}

.size-large .quotename {
    font-size: 18px;
}

.size-large .eventtitle {
    font-size: 16pt;
}

.size-large .eventcontent {
    font-size: 16pt;
}

.size-large .PersonaTitle .link {
    font-size: 11pt;
}

.size-large .PersonaArticle .article {
    font-size: 19px;
}

.size-large .PersonaFAQ .onderwerpText h4 {
    font-size: 12pt;
}

.size-large .PersonaMore .otherButton2 {
    font-size: 17px;
}

.size-large .PersonaFAQ .ButtonFAQ {
    font-size: 17px;
}

.size-large .PersonaFAQ .ButtonFAQ1 {
    font-size: 17px;
}

.size-large .rightBlock .ButtonWeb {
    font-size: 17px;
}

.size-large .ThemaBlocks .navigationTile.VegroHeader .adviesText {
    font-size: 17px;
}
/*#endregion DefaultContent fontsize size-large*/
/*#region HomePage*/
.HomePage .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.HomePage .center::after, .PersonaPage .center::after {
    clear: none;
}

.HomePage {
    width: 100%;
    color: #003A63;
    padding: 10px;
    display: block;
}

    .HomePage .centeredheader .titel {
        color: #003A63;
        text-transform: uppercase;
        margin-top: 20px;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 20pt;
    }

    .HomePage waaromvegro {
        margin-top: 10px;
    }

    .HomePage .productswaaromvegro h2 {
        color: #9fc64b;
    }

.navigationTile.NewsBlock h2 {
    color: #9fc64b;
}

.evenementBlock .navigationTile.NewsBlock h4, .nieuwsblokken .navigationTile.NewsBlock h4 {
    font-size: 12pt;
    margin-top: 10px;
}

.navigationTile.NewsBlock {
    float: left;
}

.HomePage .navigationblocks {
    margin-top: 10px;
}

    .HomePage .navigationblocks .subText {
        color: #003A63;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 10pt;
        font-weight: bold;
        margin-top: -5px;
    }

        .HomePage .navigationblocks .subText:hover {
            text-decoration: underline;
        }

.HomePage .nieuwsblokken h2 {
    color: #9fc64b;
    margin-bottom: 10px;
}

.HomePage .reviewBlock h2 {
    color: #9fc64b;
    margin-bottom: 10px;
}

.HomePage .evenementBlock h2 {
    color: #9fc64b;
    margin-bottom: 10px;
}



.HomePage .navigationblocks {
    margin-top: 10px;
}

    .HomePage .navigationblocks .subText {
        color: #003A63;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 10pt;
        font-weight: bold;
        margin-top: -5px;
    }

        .HomePage .navigationblocks .subText:hover {
            text-decoration: underline;
        }

@media screen and (min-width: 700px) {
    .homepagebanner .banner, .homepagebanner .banner .banner-full-width {
        height: 250px;
        margin-top: -20px;
    }

    .headerbutton {
        top: 10px;
    }

        .headerbutton img {
            max-width: 150px;
        }

    .HomePage .navigationblocks .navigationTile, .HomePage .personas .navigationTile {
        transition: box-shadow 0.2s
    }

        .HomePage .navigationblocks .navigationTile:hover, .HomePage .personas .navigationTile:hover {
            box-shadow: 0 0 10px #666666;
        }
}

.HomePage .VegroHeader {
    border: 1px solid #9fc64b;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-top;
    min-width: calc(150px);
    width: calc(205px);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 13px;
}

    .HomePage .VegroHeader h2 {
        color: #9fc64b;
        padding-bottom: 8px;
        padding-top: 10px;
    }

.HomePage .personas {
    margin-left: 1%;
    margin-top: 10px;
    font-size: 10pt;
}

.HomePage .PersonaBlock h2 {
    font-size: 13pt;
    font-weight: bold;
}

.HomePage .PersonaBlock {
    vertical-align: top;
    border: 0px solid grey;
    border-radius: 5px;
    padding-bottom: 15px;
    /*overflow: hidden;*/
    white-space: nowrap;
    display: inline-block;
    min-width: calc(70px);
    width: calc(18% - 16px);
}

.HomePage .navigationTile .img {
    width: auto;
    height: 80px;
}

.HomePage .navigationTile.productTile h3 {
    text-align: left;
}

.reviewBlock {
    margin-left: 20px;
}

.reviewBlock, .nieuwsblokken, .evenementBlock {
    float: left;
    width: calc(33% - 60px);
    margin-top: -20px;
}

.flexi-row.center.reviewBlock {
    margin-top: -25px;
}

    .flexi-row.center.reviewBlock .BuyButton {
        visibility: hidden;
    }

    .flexi-row.center.reviewBlock .html-wrapper.fr-view {
        /*padding:unset;*/
    }

    .flexi-row.center.reviewBlock .newscontent {
        max-height: 9.5em;
    }

        .flexi-row.center.reviewBlock .newscontent.block-with-text:before {
            background: unset;
        }

.nieuwsblokken {
    margin-left: 60px;
    margin-right: 60px;
}


.HomePage .NewsBlock {
    min-width: calc(150px);
    width: 100%; /*calc(33% - 60px);*/
    border: 1px solid;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin: 5px;
}

    .HomePage .NewsBlock h3 {
        padding-top: 0px;
        padding-bottom: 10px;
    }

.HomePage .flexi-row.center.evenementBlock .eventDate {
    height: 30px;
    width: 30px;
    padding-top: 3pt;
    padding-left: 2px;
    font-size: 8pt;
    line-height: 8pt;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.HomePage .flexi-row.center.evenementBlock .newstitle {
    display: inline-block;
    margin-top: -40px;
    margin-left: 46px;
    text-align: left;
    margin-bottom: 10px;
    vertical-align: top;
}

.HomePage .productTile {
    min-height: 300px;
    min-width: calc(150px);
    width: calc(33% - 60px);
    padding: 10px;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    margin-bottom: 32px;
    height: 250px;
}

.HomePage .productset .h3 {
    display: none;
}

.HomePage .productset {
    width: calc(72% - 30px);
    display: inline-block;
}

    .HomePage .productset .productTile h3 {
        display: inline-block;
        font-size: 12pt;
        font-weight: bold;
        min-height: 3.4em;
        max-height: 3.4em;
    }

/*.HomePage .productset .productTile {
        min-height: 300px;
        min-width: calc(150px);
        width: calc(33% - 30px);
        padding: 10px;
        display: inline-block;
        vertical-align: text-top;
        position: relative;
        
    }*/

.HomePage .productTile .buyblock {
    text-align: left;
}

/*#endregion HomePage*/
/*#region PersonaPage*/
.PersonaPage {
    color: #003a63;
    display: block;
    background-color: white;
    margin-top: -20px;
}

    .PersonaPage .center::after {
        clear: none;
    }

    .PersonaPage .PersonaBanner .banner, .PersonaPage .banner-full-width {
        height: 550px;
    }

    .PersonaPage .PersonaBanner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        padding-top: 30px;
    }

.banner-full-width {
    background-position: center center;
    background-size: cover;
}

.PersonaPage .PersonaBanner .banner-full-width {
    background-position: top;
    background-size: cover;
}
/*#region Article*/
.PersonaArticle .article {
    color: #003a63;
    font-size: 12pt;
    width: calc(58% - 50px);
    margin-left: 2%;
    margin-top: -30px;
    text-align: left;
    float: left;
    font-size: 11pt;
    line-height: 15pt;
    position: relative;
}

.PersonaArticle .ImagePersona, .PersonaArticle .fr-view img.fr-dii {
    width: 210px;
    float: left;
    margin-top: 10%;
    display: inline-block;
}

.PersonaArticle h4 {
    padding-top: 3%;
    width: 18%;
    float: right;
    padding-right: 25%;
    color: #003C63;
    font-weight: unset;
}

.PersonaTitle .leftBlock h1 {
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
}

.PersonaTitle .leftBlock h3 {
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10%;
    position: absolute;
}

.PersonaTitle #crumbpath {
    margin-left: 20px;
}

.flexi-row.center.PersonaTitle #crumbpath .breadcrumbs.font-smaller {
    margin-left: unset !important;
    margin-top: unset !important;
}

.PersonaTitle .breadcrumbs.font-smaller, .PersonaTitle .back-wrapper {
    margin-top: unset;
}


.PersonaTitle .leftBlock {
    position: absolute;
    width: 735px;
    height: 90px;
    margin-top: -80px;
    border-radius: 5px;
    background: white;
}

.flexi-row.center.PersonaSocialMedia {
    width: 560px;
    margin-top: -50px;
    margin-bottom: 25px;
}

.PersonaSocialMedia {
    text-align: right;
    padding-right: 20px;
}
/*#endregion Article*/
/*#region Products*/
.products.rightBlock {
    float: right;
    width: calc(20% - 2px);
    margin-top: 10px;
}

    .products.rightBlock h1 {
        text-align: left;
        text-transform: uppercase;
    }


    .products.rightBlock .h3 {
        color: #9fc64b;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 15pt;
    }

    .products.rightBlock .productset .productTile h3 {
        text-align: left;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 12pt;
        color: #003a63;
        /*text-transform: unset;*/
        font-weight: bold;
        text-transform: unset;
    }

.products .navigationTile.productTile {
    position: relative;
}

/*.products .navigationTile.productTile:before {
        content: "";
        width: 100px;
        margin-bottom: 20px;
        margin-left: calc(50% - 50px);
        display: block;
        border-top: 1px solid #cccccc;
    }*/


.products.rightBlock .BuyButton {
    position: relative;
    margin-left: 50px;
}

.products .buyblock {
    position: relative;
    margin-left: -45px;
    margin-bottom: 10px;
}

    .products .buyblock h4 {
        margin-left: -55px;
    }

.products .buyprice {
    margin-right: 25px;
}

.products.rightBlock .buyblock {
    position: relative;
    margin-left: 0px;
    margin-bottom: 10px;
    min-height: 40px;
    width: 100%;
}

    .products.rightBlock .buyblock h4 {
        margin-left: 0px;
    }

.products.rightBlock .buyprice {
    left: 0px;
    top: 0px;
}




.products.rightBlock p {
    float: left;
    width: 90%;
}



/*.rightBlock .summup{
margin-left:15px;
}*/
.rightBlock .ButtonWeb {
    background-color: #003a63;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    color: white;
    text-align: center;
    position: absolute;
    margin-top: 20px;
    margin-left: -100px;
}

.rightBlock .productset {
    border: 1px solid #003a63;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    width: 255px;
}

.rightBlock .productswaaromvegro {
    border: 1px solid #003a63;
    border-radius: 5px;
    min-height: unset;
    width: 255px;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
}

/*#endregion Products*/
/*#region More*/
.PersonaMore .otherTiles {
    width: calc(43% - 40px);
    float: left;
    margin-top: 3%;
    position: relative;
}


.PersonaMore .otherButton2 {
    background-color: #003a63;
    padding: 7px;
    border-radius: 5px;
    color: white;
    display: inline;
    position: relative;
    margin-top: 2px;
    float: left;
    left: 5px;
}
/*#endregion More*/
/*#region FAQ & Subjects*/
.PersonaFAQ .BuyButton.Expertise {
    bottom: 0px;
    left: 0;
    width: 300px;
    padding-left: 15px;
}

.PersonaFAQ .BuyButton.FAQoverzicht {
    bottom: 35px;
    left: 0;
    width: 300px;
    padding-left: 15px;
}

.PersonaFAQ .navigationTile.NewsBlock {
    text-align: left;
}

    .PersonaFAQ .navigationTile.NewsBlock .h2 {
        margin-bottom: 15px;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 18pt;
        color: #95bb32;
    }

    .PersonaFAQ .navigationTile.NewsBlock a.FAQvraag {
        line-height: 0.2;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 12pt;
        color: #003a63;
        font-weight: unset;
    }

    .PersonaFAQ .navigationTile.NewsBlock .faqquestiontitle {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: top;
    }

.flexi-row.center.PersonaFAQ {
    width: 30%;
}

    .flexi-row.center.PersonaFAQ .h3 {
        color: #9fc64b;
        font-size: 18pt;
        text-align: left;
        margin-bottom: -15px;
    }

    .flexi-row.center.PersonaFAQ.block {
        margin-left: 20px;
        float: left;
        width: 35%;
    }

.PersonaFAQ .navigationTile.NewsBlock {
    height: 310px;
}

.PersonaFAQ {
    clear: left;
    display: inline-block;
    padding-top: 20px;
    width: 720px;
}

.flexi-row.center.PersonaFAQ.block .BuyButton a:before {
    content: unset !important;
}

.flexi-row.center.PersonaFAQ.block .text:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    display: inline-block;
    padding-right: 5px;
}

.flexi-row.center.PersonaFAQ.block a, .flexi-row.center.PersonaFAQ.block .text {
    color: #003a63;
    font-size: 11pt;
    margin-bottom: 2px;
    display: flex;
}

.flexi-row.center.PersonaFAQ.block .BuyButton {
    left: 0px;
    color: white;
    background-color: #003a63;
    float: left;
    margin-top: -15px;
    width: calc(100% - 30px);
    text-align: left;
    padding-left: 15px;
}

/*.PersonaFAQ .navigationTile.NewsBlock {
        margin-top: 50%;
}*/

.PersonaFAQ .PersonaTiles {
    padding-left: 20px;
    position: relative;
    display: table-cell;
}

.PersonaFAQ .PersonaTiles1 {
    margin-left: 10px;
    position: relative;
    display: table-cell;
    padding-left: 20px;
}


.PersonaFAQ .PersonaTile {
    position: relative;
    width: 100%;
}

.PersonaFAQ .PersonaTiles h3 {
    text-align: left;
    text-transform: uppercase;
    color: #9fc64b;
}

.PersonaFAQ .adviesText h5 {
    text-align: left;
    line-height: 0.2;
}

.PersonaFAQ .ButtonFAQ {
    background-color: #003a63;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    color: white;
    width: 355px;
}

.PersonaFAQ .ButtonFAQ1 {
    background-color: #003a63;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    color: white;
    margin-top: 10px;
    width: 355px;
}



.PersonaFAQ .PersonaTiles1 h3 {
    color: #9fc64b;
    text-transform: uppercase;
    text-align: left;
}
/*
.PersonaFAQ .PersonaTile {
    margin-top: -3%;
}

.PersonaFAQ .onderwerpLink h5 {
    text-align: left;
}

.PersonaFAQ .onderwerpText h4 {
    font-size: 8pt;
    color: black;
    float: left;
    margin-top: -7%;
}

.PersonaFAQ .onderwerpText {
    margin-left: 13%;
    margin-top: -1%;
}

    .PersonaFAQ .onderwerpText img {
        float: left;
        margin-left: -15%;
    }
    */

.PersonaFAQ .onderwerpText {
    position: relative;
}

    .PersonaFAQ .onderwerpText .fr-fic.fr-dib {
        position: absolute;
    }

.PersonaFAQ .PersonaTile {
    position: relative;
    width: 95%;
    margin-left: 10px;
}

.flexi-row.center.PersonaFAQ {
    width: 30%;
}

.PersonaFAQ .onderwerpLink h5 {
    margin-left: 43px;
    position: relative;
    text-align: left;
}

.PersonaFAQ {
    display: inline-block;
}

    .PersonaFAQ .onderwerpText h4 {
        font-size: 8pt;
        color: black;
        float: left;
        margin-top: -10%;
        position: absolute;
        left: 44px;
        text-align: left;
    }
/*#endregion FAQ & Subjects*/
/*#region Thema*/
.ThemaBlocks .VegroHeader {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 25px;
    margin: 10px;
    display: inline-block;
    vertical-align: text-top;
    min-width: calc(145px);
    margin-top: 1%;
}

.ThemaBlocks .navigationTile.VegroHeader {
    height: 150px;
    position: relative;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

    .ThemaBlocks .navigationTile.VegroHeader .h3 {
        color: #95BB34;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 15pt;
        font-weight: unset;
    }

    .ThemaBlocks .navigationTile.VegroHeader .adviesTextl {
        color: black;
    }

    .ThemaBlocks .navigationTile.VegroHeader .adviesText:hover {
        text-decoration: underline;
    }

.PersonaBlock h1 {
    font-size: 14px;
    white-space: nowrap;
    text-transform: none;
}

.ThemaWrapper .h1 {
    text-align: center;
    text-transform: uppercase;
    color: #003a63;
    margin-top: 10px;
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 20pt;
}

.ThemaBlocks .navigationTile.VegroHeader .adviesText {
    color: #003a63;
    text-align: center;
}

.ThemaBlocks .navigationTile .img {
    margin: 10px;
    width: auto;
    height: 80px;
}

.ThemaBlocks .ThemaWrapper {
    text-align: center;
}

/* UITGEZET ivm grote ruimtes onder de themas

    .flexi-row.ThemaBlocks {
    margin-bottom: 8%;
}*/
/*#endregion Thema*/
/*#endregion PersonaPage*/
/*#region FAQ-detailpagina*/
#faqPage {
    margin-top: 100px; /*Dit kan kleiner, maar hoe?*/
}

.accordion .btn {
    background-color: #003a63;
}

.accordion .btn-show-hide.expanded:before {
    background: red;
}

.accordion h4 {
    margin-left: 8px;
}

.accordion .accordion-section {
    margin-bottom: 20px;
}
/*#endregion FAQ-detailpagina*/
/*#region AdviesOverzicht*/
#flexiPage.adviesPage {
    /*width:80%;
    float:right;*/
}

.flexi-row.center.banner {
    height: 120px;
}

    .flexi-row.center.banner .html-wrapper.fr-view img {
        height: 120px;
        width: 100%;
        margin-top: -30px;
        position: absolute;
        margin-left: unset;
        max-width: unset;
    }

.html-wrapper.fr-view {
    padding-left: 10px;
    padding-top: 5px;
}

    .html-wrapper.fr-view img {
        /*height: 220px;*/
    }

.flexi-row.center.leftMenu {
    float: left;
    text-align: left;
    width: 19%;
    margin-top: 35px;
    border: 1px solid #003a63;
    border-radius: 3px;
}

    .flexi-row.center.leftMenu ul {
        list-style-type: none;
        margin-left: -40px;
    }

    .flexi-row.center.leftMenu li a {
        color: #003a63;
        padding-left: 5px;
        padding-top: 1px;
    }

.adviesPage .flexi-row.center.leftMenu li {
    padding-right: 10px;
    display: inline-flex;
}

.flexi-row.center.leftMenu li:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
}

.flexi-row.center.leftMenu .html-wrapper.fr-view h4 {
    color: #9fc64b;
    padding-top: 10px;
    margin-bottom: -10px;
    font-size: 18pt;
    font-weight: unset;
}

.flexi-row.center.adviesTitel.Overz h1 {
    float: left;
    margin-left: 10px;
}

.flexi-row.center.adviesTitel .html-wrapper.fr-view p {
    float: left;
    font-size: 12pt;
    font-weight: unset;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
    color: #003a63;
}

.flexi-row.center.adviesFirstRow .html-wrapper.fr-view img, .flexi-row.center.adviesSecondRow .html-wrapper.fr-view img, .flexi-row.center.adviesThirdRow .html-wrapper.fr-view img {
    width: 357px;
    height: 223px;
}

.flexi-row.center.adviesTitel, .flexi-row.center.adviesFirstRow, .flexi-row.center.adviesSecondRow, .flexi-row.center.adviesThirdRow {
    margin-top: 20px;
    text-align: left;
    float: right;
    width: 80%;
}

    .flexi-row.center.adviesFirstRow h3, .flexi-row.center.adviesSecondRow h3, .flexi-row.center.adviesThirdRow h3 {
        margin-left: 5px;
        font-size: 11pt;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .flexi-row.center.adviesFirstRow p, .flexi-row.center.adviesSecondRow p, .flexi-row.center.adviesThirdRow p {
        margin-top: 20px;
        text-align: left;
        color: #003a63;
        padding-right: 10px;
        padding-left: 5px;
        overflow: hidden;
        max-height: 5.0em;
        line-height: 14pt;
        font-size: 11pt;
    }

    .flexi-row.center.adviesFirstRow li a, .flexi-row.center.adviesSecondRow li a, .flexi-row.center.adviesThirdRow li a, .flexi-row.center.overzichtArtikel li a {
        color: #9fc64b;
    }

    .flexi-row.center.adviesFirstRow ul, .flexi-row.center.adviesSecondRow ul, .flexi-row.center.adviesThirdRow ul, .flexi-row.center.overzichtArtikel ul {
        list-style-type: none;
        margin-left: -35px;
    }

    .flexi-row.center.adviesFirstRow li:before, .flexi-row.center.adviesSecondRow li:before, .flexi-row.center.adviesThirdRow li:before, .flexi-row.center.overzichtArtikel li:before {
        content: "\203A \0020";
        color: #003a63;
        font-weight: bold;
        font-size: 14pt;
    }
/*OVerzichts artikel*/
.flexi-row.center.overzichtArtikel {
    border-top: 2px solid #ededed;
    float: right;
    width: 80%;
    text-align: left;
    padding-top: 10px;
    margin-top: 20px;
}

    .flexi-row.center.overzichtArtikel .h3 {
        text-transform: uppercase;
        font-size: 12pt;
        color: #003a63;
    }

    .flexi-row.center.overzichtArtikel img {
        float: right;
        max-width: 300px;
        margin-top: 20px;
    }

    .flexi-row.center.overzichtArtikel p {
        width: 55%;
        color: #003a63;
    }

    .flexi-row.center.overzichtArtikel .BuyButton {
        float: left;
        background-color: #003a63;
        margin-bottom: 10px;
    }
/*Advieslijst*/
.flexi-row.center.adviesLijst {
    border-top: 2px solid #ededed;
    float: right;
    width: 80%;
    text-align: left;
    padding-top: 10px;
    margin-top: 20px;
}

    .flexi-row.center.adviesLijst tr:nth-child(even) {
        background-color: #F5F9ED;
    }

    .flexi-row.center.adviesLijst table {
        width: 600px;
        margin-bottom: 30px;
        margin-top: 10px;
        color: #003a63;
    }

    .flexi-row.center.adviesLijst th {
        background: unset;
        font-weight: bold;
    }

    .flexi-row.center.adviesLijst .fr-view table th, .flexi-row.center.adviesLijst .fr-view table td {
        border: unset;
    }
/*Advies content*/
.flexi-row.center.adviesContent {
    border-top: 2px solid #ededed;
    float: right;
    width: 80%;
    text-align: left;
    color: #003a63;
    padding-top: 10px;
    margin-top: 20px;
}

    .flexi-row.center.adviesContent li a {
        color: #003a63;
    }

    .flexi-row.center.adviesContent .BuyButton {
        float: left;
        background-color: #003a63;
        margin-top: 10px;
    }
/*#endregion AdviesOverzicht*/
/*#region adviesDetail*/
.flexi-row.center.adviesTitel {
    float: left;
}

    .flexi-row.center.adviesTitel h1 {
        float: left;
    }


.flexi-row.center.adviesAuteur .html-wrapper.fr-view {
    float: left;
}

.flexi-row.center.adviesAuteur h4 {
    font-size: 12pt;
    font-weight: unset;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 20px;
}

.flexi-row.center.adviesArtikel {
    float: left;
    text-align: left;
    width: 47%;
    color: #003a63;
    font-size: 10pt;
}

    .flexi-row.center.adviesArtikel .subtitel {
        font-weight: bold;
        color: #003a63;
        font-size: 12pt;
    }

    .flexi-row.center.adviesArtikel .html-wrapper.fr-view {
        font-size: 11pt;
        line-height: 15pt;
        width: 95%;
    }

.flexi-row.center.PersonaFAQ.block.advies {
    margin-left: 10px;
}

.PersonaFAQ.block.advies .navigationTile.NewsBlock .h2 {
    font-size: 15pt;
    color: #003a63;
    font-weight: unset;
}

.flexi-row.center.adviesImage {
    float: right;
    width: 50%;
}

    .flexi-row.center.adviesImage .fr-fic.fr-dii {
        height: 313px;
        width: 512px; /*500 -> 512*/
        margin-left: unset;
        margin-right: unset;
        max-width: unset;
        object-fit: cover; /*Was er Niet*/
    }

.flexi-row.center.adviesExtra, .flexi-row.center.gerelateerdeLinks, .flexi-row.center.adviesProduct {
    width: 50%;
    text-align: left;
    float: right;
}

.AdviesProduct {
    width: 490px;
}


.flexi-row.center.gerelateerdeLinks .titel {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 15pt;
    font-weight: bold;
    color: #003a63;
}

.flexi-row.center.adviesProduct .productset {
    border: 1px solid #003a63;
    border-radius: 5px;
    padding: 10px;
    width: 480px;
    margin-left: 10px;
}

.adviesProduct .navigationTile.productTile,
.rightBlock .navigationTile.productTile {
    position: relative;
    height: 100%;
}

.flexi-row.center.adviesExtra .html-wrapper.fr-view,
.flexi-row.center.adviesProduct .navigationTile.productTile {
    border: 1px solid #003a63;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 490px;
    margin-left: 10px;
    padding: 10px;
}

.flexi-row.center.adviesExtra li a {
    color: #003a63;
}

.flexi-row.center.gerelateerdeLinks .html-wrapper.fr-view {
    margin-left: 10px;
}

.flexi-row.center.gerelateerdeLinks li a {
    color: #9fc64b;
}

.flexi-row.center.gerelateerdeLinks ul {
    list-style-type: none;
    /*margin-left: -35px;*/
}

.flexi-row.center.gerelateerdeLinks li:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
}
/*#endregion adviesDetail*/
.banner-full-width.green {
    top: -40px;
    height: 120px;
}

    .banner-full-width.green img {
        width: 100%;
    }
/*#region samenwerkingspartners*/
.flexi-row.center.strategisch .html-wrapper.fr-view h2, .flexi-row.center.goededoelen .html-wrapper.fr-view h2, .flexi-row.center.thuiszorg .html-wrapper.fr-view h2 {
    text-align: left;
    margin-left: 130px;
    font-weight: bold;
    font-size: 12pt;
    margin-top: 20px;
}

.flexi-row.center.introPartners {
    text-align: left;
    color: #003a63;
    margin-bottom: 20px;
}

.flexi-row.center.partner ul {
    padding-left: unset;
}

.flexi-row.center.partner li {
    text-align: left;
    list-style-type: none;
    position: relative;
}

.flexi-row.center.partner img {
    width: 110px;
    height: 68.75px;
    position: absolute;
    object-fit: contain;
    margin-top: 5px;
}

.flexi-row.center.partner .socialmedia {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 20px;
}

    .flexi-row.center.partner .socialmedia img {
        width: 25px;
        height: 25px;
    }

    .flexi-row.center.partner .socialmedia a {
        display: inline-block;
        margin-left: 30px;
    }

.flexi-row.center.partner .steun {
    color: #003a63;
    position: absolute;
    right: 75px;
    bottom: 0px;
}

.flexi-row.center.partner .website {
    color: #003a63;
    position: absolute;
    right: -26px;
    bottom: 30px;
}

.flexi-row.center.partner .title:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
}

.flexi-row.center.partner .title {
    color: #9fc64b;
    font-size: 15pt;
    display: unset;
    position: relative;
    /*Dit kan beter maar hoe*/
    margin-left: 130px;
}

.flexi-row.center.partner .subtext {
    color: #003a63;
    /*Dit kan beter maar hoe*/
    margin-left: 140px;
    position: relative;
    width: 400px;
    font-weight: bold;
}

.flexi-row.center.partner .ShortDes {
    color: #003a63;
    font-size: 10pt;
    width: 60%;
    /*Dit kan beter maar hoe*/
    margin-left: 140px;
    position: relative;
}

.flexi-row.center.partner .BuyButton {
    background: #003a63;
    margin-top: -38px;
}
/*#endregion samenwerkingspartners*/
/*#region newsOverzicht, EvenementenOverzicht*/
/*Dit kan nog wel beter?!*/
#newsOverviewPage {
    margin-top: 100px;
}

    #newsOverviewPage ul {
        list-style-type: none;
    }

.list-news.reset .Highlight {
    background-color: #9fc64b;
    border-radius: 5px;
}

.list-news.reset .NietHighlight {
    display: grid;
}

#newsOverviewPage h1 {
    margin-left: 20px;
}

.laatsteNieuws h2 {
    margin-left: 13px;
    margin-top: 15px;
}

#newsOverviewPage .introText {
    font-size: 12pt;
    margin-left: 20px;
}

#newsOverviewPage .list-news.reset li {
    padding-left: 20px;
}

#newsOverviewPage .list-news.reset {
    margin-top: 20px;
    color: #003a63;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    /*margin-left: 48px;*/
}

.vegroNewsItem .news-title.font-title.font-bigger {
    color: #003a63;
    margin-top: 10px;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
}

.vegroNewsItem .news-date.font-smaller, .Highlight.desktoponly .news-date.font-smaller {
    display: inherit;
    margin-top: -14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.news-vegrojoboverview-page .vegroNewsItem .news-date.font-smaller, .Highlight.desktoponly .news-date.font-smaller {
    display: none;
}

.vegroNewsItem img {
    height: 250px;
    width: 400px;
    object-fit: cover;
}

.vegroNewsItem.fr-view {
    color: #003a63;
    overflow: hidden;
    max-height: 4.8em;
    line-height: 1.2em;
    font-size: 12pt;
}

.vegroNewsItem .BuyButton {
    float: left;
    background: #003a63;
    margin-top: 15px;
    margin-bottom: 15px;
}

.news-title.font-title.font-bigger h3 {
    min-height: 56px;
    margin-top: -14px;
}

.Highlight {
    border: 1px solid #9fc64b;
    border-radius: 3px;
    background: #F5F9ED;
    margin-left: 20px;
    padding-left: 10px;
    margin-top: 20px;
}

    .Highlight ul {
        display: inline-flex;
    }

    .Highlight li {
        list-style-type: none;
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
    }



.news-title.font-title.font-bigger h3 .Highlight .news-date.font-smaller {
    margin-left: -5px;
    text-transform: uppercase;
}

.Highlight .HighlightImg {
    width: 400px;
    height: 250px;
    /*margin-left: -30px;*/
    object-fit: cover;
}

.Highlight.fr-view {
    width: 100px;
    float: right;
}

.Highlight .BuyButton {
    float: left;
    background-color: #003a63;
    margin-top: 10px;
}

.Highlight .SecondLi .fr-view:before {
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(245, 249, 237,1));
    content: "";
    color: white;
    height: 1.2em;
    position: absolute;
    display: block;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    width: 100%;
}

.Highlight .SecondLi .fr-view {
    overflow: hidden;
    max-height: 4.8em;
    line-height: 1.2em;
    position: relative;
    width: 99%;
}



.NietHighlight .vegroNewsItem .fr-view:before {
    background-image: -webkit-linear-gradient(top, rgba(255,0,0,0), #ffffff 100%);
    content: "";
    color: white;
    height: 1.2em;
    position: absolute;
    display: block;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    width: 100%;
}

.NietHighlight .vegroNewsItem .fr-view {
    position: relative;
    overflow: hidden;
    line-height: 1.2em;
    min-height: 4.8em;
    max-height: 4.8em;
    margin-right: 4em;
    /* padding-right: 6em; */
    /*width: 405px;*/
}

.list-news-header.reset img {
    width: 110px;
    height: 68.75px;
    position: absolute;
    object-fit: cover;
    top: 5px;
}

.list-news-header.reset li {
    height: 130px;
    margin-top: 15px;
    margin-left: 15px;
    position: relative;
}

.list-news-header .hyp {
    color: #003a63;
    font-size: 15pt;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left: 120px;
}

.news-vegrojoboverview-page .list-news-header.reset .itemDate {
    display: none;
}

.list-news-header.reset .itemDate {
    text-transform: uppercase;
    color: #003a63;
    left: 120px;
    position: relative;
    width: 80%;
}

.list-news-header.reset .newsShortDes {
    color: #003a63;
    font-size: 10pt;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 70%;
    left: 120px;
    position: relative;
}

.list-news-header.reset .BuyButton {
    background: #003a63;
    margin-top: -38px;
}

.list-news-header.reset .hyp:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
}
/*Alleen evenementen*/
.Highlight.desktoponly .news-date.font-smaller.event {
    margin-left: unset;
}

.news-date.font-smaller.event {
    margin-left: 55px;
    width: 260px;
}

.eventTitle {
    display: -webkit-inline-box;
    width: 390px;
}

.Highlight.desktoponly .eventDate {
    margin-top: unset;
}

.eventDate {
    margin-top: 7px;
    margin-right: 5px;
    text-align: center;
    background: #003a63;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    font-size: 15pt;
    font-weight: bold;
    word-spacing: 9999999px;
    padding: 2px;
    margin-top: 0px;
    display: table-cell;
    vertical-align: middle;
}
/*#endregion newsOverzicht, EvenementenOverzicht*/
/*#region newsDetail*/
body {
    font-family: 'PT Sans';
}

#newsPage .banner-full-width {
    top: -30px;
    height: 120px;
}

    #newsPage .banner-full-width img {
        width: 100%;
    }

#newsPage .breadcrumbs.font-smaller, .back-wrapper {
    margin-top: unset;
    position: unset;
}

    #newsPage .breadcrumbs.font-smaller .arrow-red:before {
        margin-left: 5px;
    }

.news-item-page .columns-general.compact {
    margin-top: 100px;
}

.news-item-page #newsPage {
    width: 46%;
    display: inline-block;
}

    .news-item-page #newsPage h1 {
        color: #003a63;
        font-weight: bold;
        margin-left: 10px;
        display: inline-block;
    }

.news-item-page .rightBlock {
    float: right;
}

    .news-item-page .rightBlock .newsImage {
        margin-top: 50px;
        height: 313px;
        width: 500px;
    }

    .news-item-page .rightBlock h4 {
        /*margin-bottom: -10px;*/
    }

    .news-item-page .rightBlock ul {
        list-style-type: none;
        margin-left: -35px;
    }

        .news-item-page .rightBlock ul li:before {
            content: "\203A \0020";
            color: #003a63;
            font-weight: bold;
            font-size: 14pt;
        }

    .news-item-page .rightBlock .linkGerelateerd {
        color: #9fc64b;
    }

    .news-item-page .rightBlock .navigationTile.productTile {
        border: 1px solid #003a63;
        border-radius: 5px;
        padding-left: 15px;
        padding-top: 10px;
    }

        .news-item-page .rightBlock .navigationTile.productTile .block-with-text {
            width: 300px;
        }

        .news-item-page .rightBlock .navigationTile.productTile .field {
            width: 50px;
            display: inline-flex;
            margin-left: -80px;
        }

        .news-item-page .rightBlock .navigationTile.productTile .hyp-thumbnail {
            display: inline-flex;
            float: right;
            margin-right: 30px;
        }

        .news-item-page .rightBlock .navigationTile.productTile .buyblock {
            position: unset;
            height: 60px;
        }

        .news-item-page .rightBlock .navigationTile.productTile .BuyButton {
            background-color: #9fc64b;
            margin-right: 30px;
            right: 0px;
            bottom: 1px;
            /*float:left;*/
        }

    .news-item-page .rightBlock .thumbnail img {
        margin: unset;
    }

.rightBlock iframe {
    margin-top: 20px;
}

.rightBlock .underImage {
    background: #f5f9ed;
    margin-top: -8px;
    padding-left: 20px;
    padding-top: 10px;
}

.rightBlock .maps {
    background: #f5f9ed;
    padding-left: 20px;
}

.rightBlock .underMaps {
    background: #f5f9ed;
    padding-left: 20px;
    height: 50px;
}

    .rightBlock .underMaps .BuyButton {
        float: left;
        background-color: #003a63;
        margin-top: 10px;
    }

.rightBlock .underProduct {
    border: 1px solid #003a63;
    border-radius: 3px;
    width: 440px;
    padding-left: 10px;
    margin-top: 20px;
    font-size: 10pt;
    font-style: italic;
    color: #003a63;
    padding-top: 10px;
}

.rightBlock .sponsorImage {
    display: inline-flex;
    height: 100px;
    margin-top: -30px;
}

.rightBlock .bottomText {
    margin-top: 10px;
}
/*.h1-holder {
    margin-left: 10px;
}*/
#newsPage .news-date.font-smaller {
    margin-left: 10px;
}

.news-item-page .html-wrapper.fr-view, .news-item-page .news-date.font-smaller {
    color: #003a63;
    margin-bottom: 20px;
    margin-top: -10px;
}



.news-item-page .columns-general > .column {
    display: table-footer-group;
}

.news-item-page .news-date.font-smaller {
    text-transform: uppercase;
    font-size: 12pt;
}

.news-item-page .column h2 {
    padding-top: 15px;
    border-top: 2px solid #ededed;
}

/*.news-item-page .column .list-news-header.reset {
margin-top: 40px;
border-top: 2px solid #ededed;
}*/

/*.news-item-page .column .list-news-header.reset li {
    width: 53%;
    margin-bottom: 30px;
    margin-top: 30px;
}*/

/*.news-item-page .column .BuyButton {
background: #003a63;
float: left;
}*/


/*.news-item-page .column .list-news-header.reset .itemDate {
text-transform: uppercase;
color: #003a63;
}*/

/*.news-item-page .column .list-news-header.reset .newsShortDes {
color: #003a63;
font-size: 12pt;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.news-item-page .list-news-header .hyp {
color: #003a63;
font-size: 15pt;
font-weight: bold;
margin-left: 10px;
}*/



/*.news-item-page .column .list-news-header.reset .itemDate {
text-transform: uppercase;
color: #003a63;
margin-left: 15px;
}
.news-item-page .column .list-news-header.reset .newsShortDes {
color: #003a63;
font-size: 10pt;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
width: 70%;
margin-left: 15px;
}
.news-item-page .list-news-header .hyp {
    color: #003a63;
    font-size: 15pt;
    font-weight: bold;
    margin-left: 10px;
}
.news-item-page .list-news-header .hyp:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    left: -10px;
}
.news-item-page .column .list-news-header.reset .BuyButton {
float: right;
margin-top: -30px;
}*/
.news-item-page .hyp-more {
    background-color: #003A63;
    border-radius: 5px;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    content: "terug naar het nieuwsoverzicht";
}

.news-item-page .BuyButton.news {
    float: left;
    background: #003A63;
    margin-top: 10px;
    margin-left: 15px;
}
/*#endregion newsDetail*/
/*#region Winkel Etalage*/
.flexi-row.center.introEtalage {
    text-align: left;
}

    .flexi-row.center.introEtalage .html-wrapper.fr-view {
        width: 95%;
    }

.flexi-row.center.imgEtalage h2 {
    color: #9fc64b;
    font-size: 14pt;
}

.flexi-row.center.introEtalage p {
    color: #003a63;
    font-family: 'PT Sans';
    font-size: 11pt;
    line-height: 15pt;
}

.flexi-row.center.imgEtalage img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}


/*#endregion Winkel Etalage*/
/*#region breadcrumbs*/
.breadcrumbs.font-smaller {
    border-left: 0px;
    margin-bottom: 10px;
}

    .breadcrumbs.font-smaller a {
        color: #003a63 !important;
        font-family: 'PT Sans', sans-serif, Arial;
        font-size: 10pt;
    }

    .breadcrumbs.font-smaller .arrow-red:before {
        content: "\203A \0020";
        color: #003a63;
        font-weight: bold;
        font-size: 10pt;
    }


/*#endregion breadcrumbs*/
/*#region search pagina */
.productlist-search-page .l-products-item .BuyButton {
    margin-top: 30px;
    width: 100%;
    /*margin-bottom: -10px;*/
}

.productlist-search-page .l-products-item .buyblock h4 {
    text-align: right;
    margin-top: 10px;
}
/*#endregion search pagina */
/*#region categorie/product lijstpagina */
.combined-header {
    margin-top: 80px;
}

    .combined-header h1 {
        font-size: 20pt;
    }

.blocks-row.products-group .blocks-row-item:nth-child(4) {
    /*display: inherit;*/
}

.colored-header-desktop:before {
    box-shadow: unset;
}

.content-header.colored-header-desktop {
    background-color: white;
}

    .content-header.colored-header-desktop .h1-holder {
        margin-left: 0px;
    }

.productlist-list-page .html-wrapper.fr-view {
    text-align: left;
}

.productlist-list-page h7 a {
    text-decoration: underline;
    color: #003a63;
}



.content-header.colored-header-desktop .combined-description.fr-view {
    margin-top: 10px;
    color: #003a63;
    line-height: 15pt;
}

    .content-header.colored-header-desktop .combined-description.fr-view a {
        color: #003a63;
    }

.breadcrumbs.font-smaller,
.back-wrapper {
    margin-top: 60px;
    position: absolute;
}

.product-details-page .breadcrumbs.font-smaller, .product-details-page .back-wrapper {
    margin-top: 0px;
}

.CustomMenuBlock ul {
    margin-top: -5px;
    margin-bottom: 25px;
}

.CustomMenuBlock .facet-text, .column-facets .facet-text {
    text-transform: uppercase;
    color: #9fc64b;
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 11pt;
    font-weight: bold;
}

.facet .facet-item {
    color: #003a63;
}

.facet .hyp-toggle {
    color: #003a63;
    font-weight: unset;
}

.CustomMenuBlock a {
    color: #003a63;
}

.CustomMenuBlock li {
    list-style: none;
    margin-left: -38px;
}

    .CustomMenuBlock li:before {
        content: "\203A \0020";
        color: #003a63;
        font-weight: bold;
        font-size: 14pt;
    }

.facets.multiselect-mode .facet h4 {
    text-transform: uppercase;
}

.product-tile .product-list.l-products.list-mode .product-img {
    width: 148px;
}


.product-list.l-products.list-mode .product-tile .buyprice h4 {
    float: right;
    margin-top: 20px;
    font-size: 20pt;
    margin-bottom: -50px;
}

.product-tile .hyp-thumbnail {
    height: 124px;
    width: 124px;
}

.product-list.l-products.list-mode .product-tile {
    position: relative;
    width: 100%;
    height: 200px;
}

    .product-list.l-products.list-mode .product-tile .product-img {
        left: 0px;
    }

    .product-list.l-products.list-mode .product-tile .thumbnail img {
        height: 124px;
        width: 124px;
        object-fit: contain;
    }

    .product-list.l-products.list-mode .product-tile .product-info {
        width: 300px;
        position: absolute;
        left: 140px;
    }

    .product-list.l-products.list-mode .product-tile .toevoegen-verlanglijst {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .product-list.l-products.list-mode .product-tile .buyblock {
        position: absolute;
        right: 0px;
        height: 170px;
        width: 34%;
        bottom: 20px;
    }

        .product-list.l-products.list-mode .product-tile .buyblock .lend-price {
            position: absolute;
            right: 0px;
        }

        .product-list.l-products.list-mode .product-tile .buyblock .price {
            position: absolute;
            right: 0px;
        }

        .product-list.l-products.list-mode .product-tile .buyblock h4 {
            position: absolute;
            right: 0px;
        }


        .product-list.l-products.list-mode .product-tile .buyblock .rent-price {
            position: absolute;
            right: -2px;
            top: 25px;
            width: 51px;
        }

    .product-list.l-products.list-mode .product-tile .BuyButton {
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    .product-list.l-products.list-mode .product-tile .product-title span[itemprop="name"] {
        font-weight: bold;
    }

    .product-list.l-products.list-mode .product-tile .product-title {
        color: #003a63;
        display: inline-grid;
        font-weight: unset;
        /*max-width: 300px;*/
    }

.product-shortdescription:before {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #ffffff 100%);
    background-image: linear-gradient(top, rgba(255,255,255,0), #ffffff 100%);
    content: "";
    color: white;
    height: 1.2em;
    position: absolute;
    display: block;
    right: 0px;
    bottom: 17px;
    z-index: 100;
    width: 100%;
}

.product-list.l-products.list-mode .product-shortdescription, .product-list.l-products.grid-mode .product-shortdescription {
    color: #003a63;
    overflow: hidden;
    line-height: 1.2em;
    max-height: 3.6em;
    min-height: 3.6em;
}

#productListPage .readmore, .productlist-search-page .readmore {
    color: #003a63;
    font-weight: bold;
}

.toevoegen-verlanglijst a:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    margin-left: 10px;
    display: inline-block;
    padding-right: 5px;
}

.toevoegen-verlanglijst a {
    color: #003a63;
    margin-left: -8px;
    /*text-decoration: underline;*/
}

#productListPage .rating-reviews .hyp {
    padding-right: 50px;
    padding-left: 0px;
    border-left: none;
}

#productListPage .rating-reviews {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 140px;
    width: 240px;
}

.productlist-list-page .tab-control.last-viewed ul li a {
    margin-left: 100%;
    color: #003a63;
}

.ui-tabs-anchor {
    font-family: 'PT Sans';
    font-size: 20pt;
}

.panel-footer .btn-paging {
    background-size: 20px 10px;
}
/*Grid layout productlist page*/
.grid-mode .product-tile {
    min-height: 430px;
}

.product-list.l-products.grid-mode .rating-reviews .hyp {
    padding-right: unset !important;
}

.product-list.l-products.grid-mode .BuyButton {
    display: block;
    width: 100%;
}

.product-list.l-products.grid-mode .product-tile .product-title {
    color: #003a63;
    display: inline-grid;
}

.product-list.l-products.grid-mode .product-img {
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
}

.product-list.l-products.grid-mode .product-tile .hyp-thumbnail {
    height: 100%;
    width: 100%;
}

.product-list.l-products.grid-mode .product-img {
    height: 124px;
    width: 100%;
    margin-top: 0px;
}


.product-list.l-products.grid-mode .buyprice h4 {
    margin-bottom: 10px;
    font-size: 20pt;
    margin-top: -10px;
}

.product-list.l-products.grid-mode .alternative-product a, .product-list.l-products.grid-mode .toevoegen-verlanglijst a {
    text-decoration: unset;
}

.product-list.l-products.grid-mode .product-list-banner {
    display: inline-flex;
    padding-left: 50px;
    padding-top: 5px;
    margin-left: 9px;
    color: #003a63;
    border-bottom: 1px solid #e6e6e6;
    width: 90%;
    padding-bottom: 5px;
}
/*Verbergen van voorraad en uitlevertype product*/
.product-list.l-products.list-mode .stock-indication, .product-list.l-products.list-mode .product-attributes, .product-list.l-products.grid-mode .stock-indication, .product-list.l-products.grid-mode .product-attributes {
    display: none;
}
/*#region Productlist banner*/
.product-list-banner {
    display: inline-flex;
    padding-left: 10px;
    padding-top: 5px;
    color: #003a63;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    padding-bottom: 5px;
}

    .product-list-banner img {
        padding-right: 10px;
    }

    .product-list-banner .item {
        display: inline-flex;
        padding-right: 10px;
    }

.columns-general.compact.rtl .combined-header, .column.wide.border-simple-left .combined-description, .column.wide.border-simple-left .breadcrumbs.font-smaller {
    display: none;
}
/*#endregion categorie/product lijstpagina */
/*#region product detailpagina*/
.product .main {
    margin-bottom: unset;
}

.product-details-page .details-img {
    width: 50%;
}

.product-details-page .mfp-container {
    width: 65%;
    height: 65%;
    margin-left: 20%;
    margin-top: 10%;
}

.product-details-page .details-info {
    width: 50%;
}

.product-details-page .font-product-title {
    font-size: 20pt;
}

.product-details-page .font-description-2 {
    font-family: 'PT Sans', sans-serif, Arial;
    font-size: 15pt;
    font-weight: bold;
    color: #003a63;
    margin-top: 5px;
    margin-bottom: 5px;
}

.product-details-page .above-content {
    margin-top: 100px;
}

.product-details-page .content {
    margin-top: 50px;
}

.product-details-page .btn.ntto-caption.btn-search.searchbox-icon {
    background-color: unset;
}

.details-info .hyp-bom.arrow-blue {
    color: #003a63;
    margin-left: -15px;
}

.product-details-page .form-row.row-btn-add {
    position: relative;
    height: 300px;
}

.product-details-page .btn.btn-big.btn-action.btn-add-to-basket {
    background-color: #9fc64b;
    border-color: #9fc64b;
    border-radius: 5px;
    width: 90% /*230px*/;
}

    .product-details-page .btn.btn-big.btn-action.btn-add-to-basket:after {
        padding-left: 10px;
        content: "\279C";
        display: inline-block;
        background: #9fc64b;
    }

    .product-details-page .btn.btn-big.btn-action.voorraad:hover, .product-details-page .btn.btn-big.btn-action.btn-add-to-basket .btn-cnt:hover {
        text-decoration: underline;
    }

.product-details-page .btn.btn-big.btn-action.voorraad {
    font-size: 12pt;
    font-family: 'PT Sans';
    font-weight: bold;
    background-color: white;
    color: #003a63;
    border: 1px solid;
    border-radius: 5px;
    float: right;
    width: 225px;
    display: none;
}

.product-details-page .alternative-product {
    margin-top: 8px;
    margin-bottom: 8px;
    border: solid 1px #003a63;
    border-bottom: solid 2px #003a63;
    border-radius: 6px;
    width: 90%;
    padding: 3px;
    text-align: center;
    pointer-events: all;
}

    /*.product-details-page .alternative-product .p {
        color: #003a63;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align:center;
    }*/

    /*.product-details-page .alternative-product a:before {
        content: "\203A \0020";
        color: #003a63;
        font-weight: bold;
        font-size: 14pt;
        margin-left: 10px;
        display: inline-block;
        padding-right: 2px;
    }*/

    .product-details-page .alternative-product a {
        color: #003a63;
        margin-left: -8px;
        width: 100%;
        position: relative;
        /*text-decoration: underline;*/
    }

.product-details-page .arrow-blue:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    margin-left: 10px;
    position: unset;
    display: inline-block;
    padding-right: 5px;
}

.product-details-page .onze-winkels {
    left: 7px;
    position: absolute;
    top: 80px;
    margin-left: -15px;
}

    .product-details-page .onze-winkels a {
        color: #003a63;
    }

        .product-details-page .onze-winkels a:before {
            content: "\203A \0020";
            color: #003a63;
            font-weight: bold;
            font-size: 14pt;
            margin-left: 10px;
            position: unset;
            display: inline-block;
            padding-right: 6px;
        }

.product-details-page .toevoegen-verlanglijst {
    position: absolute;
    top: 100px;
}

.product-details-page .hyp.hyp-add-to-wishlist.arrow-blue {
    margin-bottom: 30px;
    color: #003a63;
    margin-left: -15px;
}

.product-details-page .after-btn-links {
    position: absolute;
    top: 160px;
    left: 0px;
}

.product-details-page .otherInfo {
    text-transform: uppercase;
    color: #003a63;
    padding-top: 20px;
}

    .product-details-page .otherInfo ul {
        display: flex;
        background: #f5f9ed;
        height: 40px;
        list-style: none;
    }

        .product-details-page .otherInfo ul li {
            margin-right: 50px;
            margin-top: 10px;
            margin-left: -15px;
        }

            .product-details-page .otherInfo ul li a {
                color: #003a63;
            }

            .product-details-page .otherInfo ul li:before {
                content: "\203A \0020";
                color: #003a63;
                font-weight: bold;
                font-size: 14pt;
            }

.product-details-page #description .description.fr-view.text {
    color: black;
    margin-left: 25px;
    width: 55%;
    margin-top: 10px;
    line-height: 12pt;
}
/*Text lees meer/minder knop-effect*/

#description {
    position: relative;
}

    #description .show, #description .hide {
        margin-left: 25px;
        color: #003a63;
        font-weight: bold;
    }

    #description .hide {
        bottom: 0;
    }

.show, .hide {
    position: absolute;
    margin-top: 100px;
    z-index: 100;
    text-align: center;
}

.hide {
    display: block;
}

.show:target {
    display: none;
}

    .show:target ~ .hide {
        display: block !important;
    }

    .show:target ~ .description.fr-view.text {
        max-height: 2000px;
    }

/*.show:target ~ .fade {
        margin-top: 0;
    }*/

.description.fr-view.text {
    position: relative;
    margin: 2em auto;
    width: 70%;
    max-height: 100px;
    overflow: hidden;
    transition: max-height .5s ease;
}

#specifications {
    position: relative;
}

    #specifications .show, #specifications .hide {
        margin-left: 16px;
        width: 100px;
        color: #003a63;
        font-weight: bold;
    }

    #specifications .hide {
        bottom: -25px;
    }

    #specifications .show {
        margin-top: 128px;
    }

.show:target ~ .specifications.fr-view.text {
    max-height: 2000px;
}

.specifications.fr-view.text {
    position: relative;
    /*margin: 2em auto;*/
    width: 70%;
    max-height: 125px;
    overflow: hidden;
    transition: max-height .5s ease;
}

.fade {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
    height: 1px;
    position: relative;
}

/*Einde Text lees meer/minder knop-effect */



.product-details-page #productPunten {
    margin-left: 24px;
    color: black;
    margin-top: 50px;
}

    .product-details-page #productPunten .puntRow img {
        height: 15px;
    }

    .product-details-page #productPunten .title {
        color: #003a63;
        font-weight: bold;
        font-size: 12pt;
    }

    .product-details-page #productPunten .pluspunten, .product-details-page #productPunten .minpunten {
        margin-top: 10px;
    }

    .product-details-page #productPunten .puntRow {
        display: flex;
    }

    .product-details-page #productPunten .min, .product-details-page #productPunten .plus {
        margin-top: -4px;
        margin-left: 4px;
    }

.product-details-page #specifications {
    display: unset;
}

    .product-details-page #specifications:target:before, .product-details-page #reviews:target:before, .product-details-page #description:target:before, .product-details-page #productPunten:target:before {
        content: "";
        display: block;
        height: 90px; /* fixed header height*/
        margin: -90px 0 0; /* negative fixed header height */
    }

    .product-details-page #specifications .tabs-name, .product-details-page #reviews .tabs-name {
        margin-top: 60px;
    }

.product-details-page .tbx.tbx-quantity.ui-spinner.ui-widget.ui-widget-content input {
    width: 64px;
    margin-left: -6px;
}

/*.product-details-page .ui-menu-item {
    width: 275px;
}*/

.product-details-page .order-box.clearfix.focus .label {
    display: none;
}

.product-details-page .out-stock {
    color: #003a63;
    font-weight: normal;
}

.product-details-page .in-stock {
    color: #003a63;
    font-weight: normal;
}

.product-details-page .product-id.font-lighter {
    display: none;
}

.product-details-page .after-prices.font-lighter {
    display: none;
}

.product-details-page .hyp-read-description.arrow-blue {
    display: none;
}


/*.product-details-page .webvarianten .product-tile {
    display: inline-grid;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    border-color: #003a63;
    width: unset;
    padding: 10px;
    margin: 5px;
    height: 220px;
}*/

/*.product-details-page .webvarianten .product-tile .product-title {
        width: 100px;
        font-size: 10pt;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .product-details-page .webvarianten .product-tile .lbl-price {
        font-size: 18pt;
        color: #003a63;
    }

    .product-details-page .webvarianten .product-tile .product-action {
        display: grid;
    }

.product-details-page .list-mode .webvarianten .product-tile .product-img, .list-mode .product-tile .product-info {
    display: inline-block;
}

.product-details-page .column.webvarianten {
    float: right;
}
    .product-details-page .column.webvarianten .product-tile .thumbnail img {
        height:unset;
        width:unset;
    }
    .product-details-page .column.webvarianten .product-tile .hyp-thumbnail {
        height: 84px;
        width: 84px;
        object-fit: contain;
    }*/

.product-details-page .product-bottom-info {
    margin-top: unset;
    margin-bottom: unset;
}

.product-details-page .pluspunt {
    height: 15px;
    vertical-align: middle;
}

.product-details-page .thuisBezorgd, .product-details-page .morgenThuis, .product-details-page .ophalenWinkels {
    color: #003a63;
    display: flex;
    margin-bottom: -10px;
}

    .product-details-page .thuisBezorgd .p, .product-details-page .morgenThuis .p, .product-details-page .ophalenWinkels .p {
        margin-bottom: 15px;
        margin-left: 5px;
        margin-top: -4px;
    }

.product-details-page .rating-reviews {
    position: absolute;
    bottom: -40px;
}

.product-details-page .rateBeoordeling .hyp {
    font-weight: bold;
    margin-left: unset;
}

.product-details-page .rateBeoordeling {
    margin-top: -7px;
    /*margin-left:10px;*/
    margin-left: unset;
}

.product-details-page .rating-reviews .rateAantal {
    position: absolute;
    /*margin-top: 20px;*/
    font-weight: unset;
}

.product-details-page .rating-reviews .rateBeoordeling:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    /*margin-left: 10px;*/
}

.rating-reviews .hyp {
    margin-left: unset;
    color: #003a63;
}

#productPage .rating-reviews .hyp.hyp-read-reviews {
    color: #003a63;
}

.product-details-page .tabs-name {
    color: #003a63;
    font-weight: bold;
    font-size: 12pt;
    margin-left: 24px;
}

.product-details-page .product-list.reset.list-mode {
    width: 400px;
    flex-wrap: wrap;
    display: flex;
}

.product-details-page .product-id-stock {
    display: none;
}

.product-details-page .list-mode .product-action .btn {
    display: none !important;
}

.product-details-page .list-mode .product-action {
    text-align: left;
}

.product-details-page .list-price.font-smaller {
    display: none;
}

.product-details-page .lbl-price {
    color: #003a63;
}

.product-details-page .prices .list-tax {
    display: none;
}

.product-details-page .prices .list-incl {
    display: none;
}


.product-details-page .gvi.gvi-name-value.font-name-value .name {
    color: black;
}

.product-details-page .gvi {
    width: 55%;
    margin-left: 20px;
}

    .product-details-page .gvi tr:nth-child(even) {
        background-color: #f5f9ed;
    }

.product-details-page.searchbox .btn {
    background-color: transparent;
}

.product-details-page .btn {
    /*background-color: #003a63;*/
}

.product-details-page .btn-action {
    border-color: #003a63;
}

.product-details-page .webvarianten .blocks-row.products-group .product-tile {
    width: 200px;
    border-style: unset;
}

.product-details-page .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    border-bottom: unset;
    padding-top: 15px;
    border-top: 1px solid #003a63;
}
/*#endregion product detailpagina*/
/*#region mix en match en gerelateerde producten plugin */
.column.customrelatedinfo {
    text-align: center;
}

.relatedproductgrouptitle {
    /*text-align: center;*/
    color: #003a63;
    font-family: 'PT Sans',Arial,Helvetica,sans-serif,sans-serif;
    font-size: 2.3em;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}

.clearfix.relatedproductgroupitems {
    display: inline-flex;
    margin-bottom: 30px;
    width: 100%;
}

.simple-product-tile {
    height: 260px;
    line-height: 1.4em;
}

.clearfix.relatedproductgroupitems .simple-product-tile {
    border-left: 1px solid #003a63;
    max-width: unset;
    width: 25% !important;
    position: relative;
}

    .clearfix.relatedproductgroupitems .simple-product-tile .text-left {
        width: 80%;
        margin-left: 30px;
        /* margin-bottom: 30px; */
        max-height: 3.4em;
        min-height: 3.4em; /*de producten in mix and match stond de titel door de prijs heen*/
    }

    .clearfix.relatedproductgroupitems .simple-product-tile:first-child {
        border-left: unset;
    }

    .clearfix.relatedproductgroupitems .simple-product-tile .hyp-thumbnail {
        margin-bottom: -40px;
    }

        .clearfix.relatedproductgroupitems .simple-product-tile .hyp-thumbnail .thumbnail {
            height: 124px;
            width: 124px;
        }

    .clearfix.relatedproductgroupitems .simple-product-tile .text-left a {
        font-size: 10pt;
        font-weight: bold;
        width: 130px;
        height: 25px;
        color: #003a63;
    }
/*#endregion mix en match en gerelateerde producten plugin */

/*#region Recent bekeken producten plugin */
.product-details-page #lastViewedProductsTab .productTile .buyblock .BuyButton {
    float: right;
    margin-top: 20px;
    position: absolute;
    bottom: 0px;
    width: 80px;
}

.product-details-page #lastViewedProductsTab .productTile .buyblock {
    height: 60px;
}

#lastViewedProductsTab {
    margin-top: -20px;
}

    #lastViewedProductsTab .product-img .hyp-thumbnail {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 124px;
    }

        #lastViewedProductsTab .product-img .hyp-thumbnail .thumbnail {
            height: 124px;
        }

            #lastViewedProductsTab .product-img .hyp-thumbnail .thumbnail img {
                /*height: 124px;
                width: 124px;*/
            }

    #lastViewedProductsTab .productTile .buyblock .BuyButton {
        float: unset;
    }

.productlist-list-page #lastViewedProductsTab .blocks-row-item {
    height: 240px;
    position: relative;
}

#lastViewedProductsTab .btn {
    background-color: #9fc64b;
    border-color: unset;
}

#lastViewedProductsTab h3 {
    font-size: 10pt;
    font-weight: bold;
    width: 130px;
    height: 25px;
}

#lastViewedProductsTab .readmore, .product-details-page #lastViewedProductsTab .block-with-text {
    display: none;
}

.blocks-row-item:first-child {
    border-left: unset;
}

.blocks-row-item {
    width: 25%;
    height: 240px;
    border-left: 1px solid #003a63;
    /*padding: 0 4.5%;*/
    position: relative;
}

#lastViewedProductsTab .block-with-text {
    display: none;
}
/*#endregion Recent bekeken producten plugin */
#lastViewedProductsTab .btn {
    background-color: #9fc64b;
    border-color: unset;
}


#lastViewedProductsTab .readmore, .product-details-page #lastViewedProductsTab .block-with-text {
    display: none;
}


/*#region Recent bekeken producten plugin-product lijstpagina*/
#productListPage .hyp-tab-action {
    display: none;
}

#productListPage #lastViewedProductsTab .buyblock {
    display: inline-block;
    position: absolute;
    bottom: 0px;
}

#productListPage .ui-tabs-anchor {
    color: #003a63;
    /*text-transform: uppercase;*/
}

#productListPage .reviews.clearfix {
    width: 80%;
    margin-top: -30px;
}

#productListPage .tab-control.last-viewed ul li {
    text-align: center;
    width: 100%;
}

    #productListPage .tab-control.last-viewed ul li a {
        width: 100%;
    }

#productListPage .msg-block {
    background: #f5f9ed;
    height: 150px;
    margin-left: 20px;
    padding-left: 15px;
    text-align: unset;
}

#productListPage .panel-footer {
    margin-top: 20px;
}

input.button-shop {
    background-image: url('../Vegro/pijl.png');
}
/*#endregion Recent bekeken producten plugin-product lijstpagina*/
/*#region Recent bekeken producten plugin-product detailpagina */
.product-details-page .hyp-tab-action {
    display: none;
}

#SubmitOrder .price-node {
    display: block;
}


.product-details-page .ui-tabs-anchor {
    color: #003a63;
    text-transform: uppercase;
}

.product-details-page .reviews.clearfix {
    /*width: 80%;
    margin-top: -30px;*/
    margin-left: 25px;
}

.product-details-page .tab-control.last-viewed ul li {
    text-align: center;
    width: 100%;
}

    .product-details-page .tab-control.last-viewed ul li a {
        width: 100%;
    }

.product-details-page .buyprice {
    display: inline-flex;
}

    .product-details-page .buyprice .rental-price {
        margin-left: 5px;
    }

    .product-details-page .buyprice .lend-price {
        color: #003a63;
        font-size: 2.8em;
        font-weight: bold;
    }

.product-details-page .webvarianten {
    width: 100%;
    margin-bottom: 10px;
}

.product-details-page .msg-block {
    background: #f5f9ed;
    height: 150px;
    /*margin-left: 20px;*/
    padding-left: 15px;
    text-align: unset;
    /*width: 80%;*/
}

/*.product-details-page .panel-footer {
    margin-top: -40px;
    float: left;
    width: unset;
}*/

input.button-shop {
    background-image: url('../Vegro/pijl.png');
}
/*#endregion product detailpagina*/
/*#region Checkout proces*/

.basket-donations {
    display: none
}
/*Iets vergeten?*/
#checkoutofferings .hyp-thumbnail, #checkoutofferings .thumbnail, #checkoutofferings .thumbnail img {
    width: 124px;
    height: 124px;
    object-fit: contain;
}

#checkoutofferings h3 {
    font-size: 10pt;
    font-weight: bold;
    width: 80%;
    margin-left: 15px;
}

#checkoutofferings .navigationTile.productTile .block-with-text {
    width: 87%;
}
/*font update*/
#basketContent .btn-back.font-btn .btn-cnt, #basketContent .gvi .product-title-super, #basketContent .gvi .gvi-basket .text-left, .gvi-basket-wrapper.gvi-border-color .gvi.gvi-basket th, #basketPage .action-links, #basketPage .product-id.font-lighter.font-smaller, .grid-wrapper .btn-cnt {
    font-family: 'PT Sans', sans-serif;
}

.qty-control.quantity-compact .btn {
    background-color: #003a63;
}

.t-row-shipping-cost .font-a {
    color: #003a63;
}
/*#basketPage .basket-donations {
    display: inherit;
}*/

#basketPage .basketline-donation {
    position: relative;
    display: block;
    border-bottom: 1px #e6e6e6 dashed;
}

    #basketPage .basketline-donation h3 {
        font-size: 11pt;
        margin-top: 10px;
        font-weight: bold;
    }

#basketPage .product-img {
    display: inline-block;
    padding: 12px;
    float: left;
}

#basketPage .quantity-part {
    width: 23%;
    display: inline-block;
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 0px;
}

#basketPage .text-part {
    width: 60%;
    display: inline-block;
    top: 1px;
}

#basketPage .block-with-text {
    display: inline-block;
    width: 60%;
    padding-left: 16px;
}

#basketPage .basket-donations h3 {
    display: inline-block;
}

#basketPage .basket-donations .basketline-donation a {
    padding-left: 16px;
}

#basketPage .basket-donations .basketline-donation .btn {
    background-color: #003a63;
}

#basketPage .donation-header {
    margin: 12px;
    font-size: 15pt;
    font-weight: bold;
}

#basketPage .block-with-text::before {
    display: none;
}

.DonatieOmschrijving {
    margin-left: 131px;
}

.btn.btn-big.btn-action.btn-checkout {
    float: right;
    margin-top: 50px;
    /*background-color: #003a63;*/
    border: unset;
}

#basketModalPopup .product-tile .hyp-thumbnail {
    height: 64px;
    width: 64px;
}
/*Winkelmand stap 1*/
.checkout-details.clearfix .cart-summary-header.clearfix .hyp-edit {
    text-decoration: underline;
}

.gvi-basket-wrapper.gvi-border-color .gvi.gvi-basket th {
    color: #003a63;
    font-weight: bold;
}

.panel-general.basket-page-cnt.basket-b2c-mode .btn-back.font-btn {
    color: #003a63;
}

.gvi-basket-wrapper.gvi-border-color .gvi .product-title-super {
    color: #003a63;
}

.gvi.gvi-totals.gvi-totals-basket-overview .hyp.hyp-discount.sign-plus {
    color: #003a63;
}

.panel-header .text-right .BuyButton, .panel-footer .text-right .BuyButton {
    font-size: 13pt;
}

.gvi-totals tr:last-child td, .gvi-totals tr:first-child td, .gvi .cell-name, .gvi .font-lighter {
    color: #003a63;
    font-weight: bold;
}

.col-total {
    position: relative;
}

.rental-price {
    float: right;
}

.t-row-shipping-cost .informationButton.Shipping {
    margin-top: 2px;
    margin-left: 17px;
    position: absolute;
}

.informationButton.Lend {
    margin-top: -15px;
    position: absolute;
    margin-left: -75px;
}

.basket-details-page .informationButton.Lend {
    margin-top: -38px;
    position: absolute;
    margin-left: -110px;
}

.informationButton.Rent {
    position: absolute;
    margin-top: -13px;
    right: 50px;
}

.basket-details-page .informationButton.Rent {
    position: absolute;
    margin-top: -41px;
    right: 80px;
}

#SubmitOrder .grid-wrapper {
    position: relative;
}

/*#SubmitOrder .grid-wrapper .informationButton {
        margin-left: -17px;
        position: absolute;
        right: 99px;
        top: 49px;
    }*/

.t-row-shipping-cost .cell-name {
    position: relative;
}

.col-price .rend-price {
    margin-left: 28px;
}

.col-price .deposit-price {
    margin-left: 43px;
}

.blocks-row.products-group .navigationTile.productTile h3 {
    min-height: 3.8em;
}

.blocks-row.products-group .navigationTile.productTile .blocks-row-item {
    height: 280px;
}

.t-row-total-price-excluding-discount {
    visibility: hidden;
}

.t-row-totaldeposit .price-node {
    font-weight: bold;
    color: #003a63;
}

.upper-row.row-simple-product .col-total .deposit-price {
    /*margin-top: -15px;*/
}
/*Log in*/
#loginPage .btn.btn-medium.btn-login, #loginPage .btn.btn-medium {
    /*background-color: #003a63;*/
    border: unset;
}

#loginPage .text, #loginPage .form-holder, #loginPage .in-line.left-part a {
    color: #003a63;
}

#loginPage .wrapper {
    height: unset;
}
/*Guest checkout*/
.checkout-guestaddress-page .arrow-red.hyp-back {
    /*margin-left: 50px;*/
    color: #003a63;
    font-size: 10pt;
}

.checkout-guestaddress-page .breadcrumbs.font-smaller {
    display: none;
}

.checkout-guestaddress-page .hyp-back.arrow-red:before {
    color: #003a63;
    font-size: 10pt;
    font-weight: bold;
}

/*.checkout-guestaddress-page .btn.btn-big {
    background-color: #003a63;
    border-color: #003a63;
}*/

.checkout-guestaddress-page .column.wide {
    color: #003a63;
}

.checkout-customorderoverview-page .gvi th {
    color: #003a63;
}
/*Kassa stap*/
.inleiding_cov {
    color: #003a63;
}

.checkout-uitleenstap1-page .breadcrumbs.font-smaller, .checkout-uitleenstap3-page .breadcrumbs.font-smaller, .checkout-uitleenstap4-page .breadcrumbs.font-smaller, .checkout-uitleenstap2-page .breadcrumbs.font-smaller, .checkout-customorderoverview-page .breadcrumbs.font-smaller, .checkout-orderaddress-page .breadcrumbs.font-smaller {
    visibility: hidden;
}

.profile-login-page .center .center {
    margin-top: 80px;
}

.basket-details-page .center .center, .checkout-paymentfields-page .center .center, .checkout-uitleenstap1-page .center .center, .checkout-uitleenstap1-page .center .center, .checkout-uitleenstap3-page .center .center, .checkout-uitleenstap4-page .center .center, .checkout-paymentmethods-page .center .center, .checkout-customorderoverview-page .center .center, .checkout-orderaddress-page .center .center, .checkout-uitleenstap2-page .center .center, .checkout-guestaddress-page .center .center {
    margin-top: 40px;
}

    .profile-login-page .center .center .breadcrumbs.font-smaller, .basket-details-page .center .center .breadcrumbs.font-smaller, .checkout-uitleenstap1-page .center .center .breadcrumbs.font-smaller, .checkout-uitleenstap1-page .center .center .breadcrumbs.font-smaller, .checkout-uitleenstap3-page .center .center .breadcrumbs.font-smaller, .checkout-uitleenstap4-page .center .breadcrumbs.font-smaller, .checkout-paymentfields-page .center .center .breadcrumbs.font-smaller, .checkout-paymentmethods-page .center .center .breadcrumbs.font-smaller, .checkout-customorderoverview-page .center .center .breadcrumbs.font-smaller, .checkout-orderaddress-page .center .center .breadcrumbs.font-smaller, .checkout-uitleenstap2-page .breadcrumbs.font-smaller, .checkout-guestaddress-page .breadcrumbs.font-smaller {
        margin-top: 20px;
    }

    .profile-login-page .center .center .back-wrapper, .basket-details-page .center .center .back-wrapper, .checkout-uitleenstap1-page .center .center .back-wrapper, .checkout-uitleenstap1-page .center .center .back-wrapper, .checkout-uitleenstap3-page .center .center .back-wrapper, .checkout-uitleenstap4-page .center .back-wrapper, .checkout-paymentfields-page .center .center .back-wrapper, .checkout-paymentmethods-page .center .center .back-wrapper, .checkout-customorderoverview-page .center .center .back-wrapper, .checkout-orderaddress-page .center .center .back-wrapper, .checkout-uitleenstap2-page .center .center .back-wrapper, .checkout-guestaddress-page .center .center .back-wrapper {
        margin-top: 20px;
    }

.checkout-paymentmethods-page .arrow-red.current {
    display: none;
}

.checkout-uitleenstap1-page .hyp-back, .checkout-uitleenstap3-page .hyp-back, .checkout-uitleenstap4-page .hyp-back, .checkout-uitleenstap2-page .hyp-back, .checkout-customorderoverview-page .hyp-back, .checkout-orderaddress-page .hyp-back {
    color: #003a63;
    font-size: 10pt;
}

.checkout-uitleenstap1-page .arrow-red:before, .checkout-uitleenstap3-page .arrow-red:before, .checkout-uitleenstap4-page .arrow-red:before, .checkout-uitleenstap2-page .arrow-red:before, .checkout-customorderoverview-page .arrow-red:before, .checkout-orderaddress-page .arrow-red:before {
    color: #003a63;
    font-weight: bold;
    font-size: 10pt;
}

/*.checkout-uitleenstap1-page .btn.btn-big, .checkout-uitleenstap3-page .btn.btn-big, .checkout-uitleenstap4-page .btn.btn-big, .checkout-uitleenstap2-page .btn.btn-big, .checkout-customorderoverview-page .btn.btn-big, .checkout-customorderoverview-page .field .btn, .checkout-orderaddress-page .btn.btn-big, .checkout-paymentmethods-page .btn.btn-big {
    background-color: #003a63;
    border-color: #003a63;
}*/

.checkout-uitleenstap1-page .checkout-step .label, .checkout-uitleenstap3-page .checkout-step, .checkout-uitleenstap3-page .next-inside a, .checkout-uitleenstap4-page .checkout-step, .checkout-uitleenstap4-page .next-inside a, .checkout-uitleenstap2-page .next-inside a, .checkout-uitleenstap2-page .checkout-step, .checkout-customorderoverview-page .checkout-step a, .checkout-customorderoverview-page .additional-info {
    color: #003a63;
}

.upper-row.row-simple-product .col-price, .upper-row.row-simple-product .col-qty, .upper-row.row-simple-product .col-total {
    color: #003a63;
    font-weight: bold;
}
/*Rechter overzicht*/
.checkout-details.clearfix, .checkout-details.clearfix .list-step-title.font-darkest, .checkout-details.clearfix .checkout-summary a, .checkout-details.clearfix .name, .checkout-details.clearfix .value, .checkout-details.clearfix .cart-summary-header.clearfix a {
    color: #003a63;
}

#PaymentMethods .gvi th {
    color: #003a63;
}

.columns-general.compact.checkout-page-cnt .column.wide {
    color: #003a63;
}

.gvi td .cell-price-value.free-costs {
    color: #9fc64b;
}

.next-inside .btn-back.font-btn {
    color: #003a63;
}

#orderSubmitPage, #myAccountPage, #rmaHistoryPage, #invoicesHistoryPage, #orderHistoryPage, #quoteHistoryPage, #returnReceiptsHistoryPage, #creditNotesHistoryPage, #shipmentsHistoryPage, #editProfilePage, #orderHistoryDetailPage, #changePasswordForm, #wishListPage, #createAccountPage, #forgotPasswordPage, #contactUsPage {
    margin-top: 90px;
}

    #orderSubmitPage .ordersuccess .socialmedia {
        float: right;
    }
/*#endregion Checkout proces*/
/*#SubmitOrder .informationButton {
    position: absolute;
    right: 51px;
    margin-top: 22px;
}

#SubmitOrder .col-total .informationButton {
    position: absolute;
    right: 51px;
    margin-top: -19px;
}


#SubmitOrder .informationButton.Shipping {
    right: -10px !important;
    top: -3px !important;
    margin: 0px !important;
}

.basket-details-page .panel-general.basket-page-cnt.basket-b2c-mode .grid-wrapper .informationButton.Shipping {
    display: none;
}

.t-row-shipping-cost .shipping-cost .tooltip-sign.font-a .informationButton.Shipping {
    display: block !important;
}*/

#SubmitOrder .grid-wrapper .cell-price-value {
    color: #003a63;
    font-weight: bold;
}
/*#region mijn account*/
.orders-details-page .upper-row.row-simple-product .col-title {
    position: relative;
}

.orders-details-page .upper-row.row-simple-product .product-title.font-bigger {
    /*position: absolute;*/
    top: 8px;
}
/*#endregion mijn account*/
/*Dit zorgt er voor dat alle short description bij een producttile (in bijv. flexipage) uitgezet wordt*/
.navigationTile.productTile .block-with-text, .navigationTile.productTile .readmore {
    display: none;
}
/*Bij homepage en persona's moet er juist wel tekst verschijnen*/
.HomePage .navigationTile.productTile .block-with-text, .HomePage .navigationTile.productTile .readmore, .PersonaPage .navigationTile.productTile .block-with-text, .PersonaPage .navigationTile.productTile .readmore {
    display: block;
}
/*#region webwinkel voordeur*/
.webwinkel .flexi-row.center.middleImages .html-wrapper.fr-view {
    height: 250px;
    display: inline-flex;
    padding-left: unset;
}

.webwinkel .flexi-row.center.reclame {
    width: 600px;
    float: right;
    margin-right: 30px;
    margin-top: 30px;
}

.webwinkel .flexi-row.center.leftMenu {
    padding-left: 10px;
    width: 250px;
    position: absolute;
}

    .webwinkel .flexi-row.center.leftMenu.mobileonly {
        width: 96%;
        position: relative;
        margin-left: 2%;
        margin-top: unset;
        box-sizing: border-box;
    }

        .webwinkel .flexi-row.center.leftMenu.mobileonly ul {
            column-count: 2;
        }

    .webwinkel .flexi-row.center.leftMenu h2 {
        color: #9fc64b;
    }

.webwinkel .flexi-row.center.titel {
    width: 50%;
    margin-right: 70px;
    margin-top: 10px;
    float: right;
}

.webwinkel .productTile .buyblock .BuyButton {
    right: 0px;
}

.webwinkel .productTile .buyblock .buyprice {
    left: 10px;
}

.webwinkel .navigationTile.productTile {
    width: 180px;
    display: inline-block;
    vertical-align: text-top;
    padding-right: 20px;
    border-left: 1px solid #003a63;
    padding-left: 10px;
    position: relative;
    /*height: 240px;*/
}

.webwinkel .productTile .buyblock {
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 50px;
    margin-left: 15px; /*laastviewed op webwinkel*/
}

.webwinkel .navigationTile.productTile:first-child {
    border-left: none;
}

.webwinkel .navigationTile.productTile h3 {
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    min-height: 2.4em;
    max-height: 2.4em;
    text-align: left;
}

.webwinkel .flexi-row.center.titel .titel {
    color: #003a63;
    text-transform: uppercase;
    font-size: 18pt;
}

.webwinkel .flexi-row.center.productTile.aanbiedingen {
    margin-top: 40px;
    margin-bottom: 20px;
    float: right;
}

.webwinkel .flexi-row.center.uspBanner {
    float: right;
}

    .webwinkel .flexi-row.center.uspBanner .product-list-banner {
        /*width: 580px;*/
        padding-left: 50px;
        padding-right: 10px;
        display: inline-block;
    }

.webwinkel .flexi-row.center.productTile.uitgelicht {
    margin-top: 40px;
    margin-bottom: 20px;
    float: right;
}

.webwinkel .flexi-row.center.productTile.gezocht {
    margin-top: 40px;
    margin-bottom: 20px;
    float: right;
}

.webwinkel .product-list-banner {
    border-top: 1px solid #e6e6e6;
    padding-left: 5px;
    width: unset;
}

    .webwinkel .product-list-banner .text {
        padding-top: 5px;
    }

.webwinkel .flexi-row.center.middleImages .html-wrapper.fr-view .leftBlock {
    display: inherit;
}

    .webwinkel .flexi-row.center.middleImages .html-wrapper.fr-view .leftBlock .fr-fic.fr-dii.youtube {
        height: 200px;
    }

    .webwinkel .flexi-row.center.middleImages .html-wrapper.fr-view .leftBlock .otherButton2.BuyButton {
        background-color: #003a63;
        float: left;
        margin-left: 5px;
        margin-top: 8px;
    }

.webwinkel .titel.ui-tabs-anchor {
    color: #003a63;
}

.webwinkel .flexi-row.center.gerelateerdeLinks {
    width: unset;
    text-align: unset;
    float: unset;
}

    .webwinkel .flexi-row.center.gerelateerdeLinks h4 {
        text-align: center;
    }

    .webwinkel .flexi-row.center.gerelateerdeLinks ul {
        column-count: 4;
    }

.webwinkel .titel.ui-tabs-anchor {
    color: #003a63;
    text-transform: uppercase !important;
    font-size: 18pt;
    margin-left: 100%;
}

/*#endregion webwinkel voordeur*/
/*#region Overig*/
.lc5element {
    /*display: none;*/
    position: absolute;
    bottom: -30px;
    margin-bottom: -4px;
    right: 165px;
    z-index: 4;
    pointer-events: all;
}

.sticky-mode .lc5element {
    /*display: none;*/
    position: absolute;
    bottom: 9px;
    right: 0px;
    z-index: 4;
    pointer-events: all;
}

.ui-mobile .lc5element {
    /*display: none;*/
    position: absolute;
    bottom: 6px;
    right: 70px;
    z-index: 4;
    pointer-events: all;
}


@media (min-width: 1251px) {
    .searchbox .btn {
        bottom: -45px;
        top: unset;
    }

    header:not(.sticky-mode) .search {
        right: 200px;
        bottom: 35px;
        position: absolute;
    }


    header:not(.sticky-mode) .middle-header .basket {
        bottom: 27px;
    }

    .fontsizes {
        top: unset;
        bottom: 35px;
    }

    header:not(.sticky-mode) .top-header .top-info {
        margin-top: unset;
        top: unset;
        bottom: 45px;
        position: absolute;
        left: 25%;
        z-index: 4;
        font-size: 12pt;
    }

        header:not(.sticky-mode) .top-header .top-info a {
            color: #003a63;
        }

    header:not(.sticky-mode) .middle-header {
        pointer-events: none;
    }

    header:not(.sticky-mode) .top-header {
        pointer-events: none;
        z-index: 4;
    }

    header:not(.sticky-mode) .bottom-header {
        z-index: 3;
    }

    header:not(.sticky-mode) .top-header .top-action,
    header:not(.sticky-mode) .middle-header .logo,
    header:not(.sticky-mode) .middle-header .search,
    header:not(.sticky-mode) .middle-header .basket {
        pointer-events: all;
    }
}
/*#endregion Overig*/
/*#endregion FullWidth*/
/*#region onze winkels*/
.onze-winkels .html-wrapper.fr-view {
    text-align: left;
    width: 96%;
}

.store-row-content {
    padding-left: 14px !important;
}

.onze-winkels .flexi-row.center.winkels, .onze-winkels .flexi-row.center.uitleenwinkels {
    column-count: 3;
    text-align: left;
}

.onze-winkels .flexi-row.center.titelWinkel h2, .onze-winkels .flexi-row.center.titelUitleenwinkels h2 {
    text-align: left;
    color: #9fc64b;
    margin-top: 30px;
}
/*#endregion onze winkels*/




.productlist-search-page .content {
    margin-top: 143px;
}

#searchPage .banner-full-width.green {
    top: -130px;
}

.product-list .hyp-add-to-wishlist {
    padding-left: 21px;
}

.toevoegen-verlanglijst a:before {
    content: "\203A \0020";
    color: #003a63;
    font-weight: bold;
    font-size: 14pt;
    margin-left: 10px;
    display: inline-block;
    padding-right: 5px;
    margin-top: -2px;
}

.toevoegen-verlanglijst a {
    color: #003a63;
    margin-left: -8px;
    /*text-decoration: underline;*/
}

.search {
    max-width: 600px;
}

header:not(.sticky-mode) .top-header .top-info.phone-icon {
    position: absolute;
    z-index: 5000;
    pointer-events: all;
}

.ordersuccess {
    position: relative;
}

#orderSubmitPage .reset {
    display: none;
}

.BuyButton.backtoshop {
    float: none;
    clear: both;
}

.bedanktrechts {
    width: 450px;
    background-color: #F1F8EB;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    box-sizing: border-box;
}

.bedanktlinks {
    width: 450px;
}

.ordersuccess .socialMedia {
    position: absolute;
    right: 320px;
    bottom: 19px;
}

    .ordersuccess .socialMedia .titel {
        font-weight: bold;
    }

    .ordersuccess .socialMedia a img {
        height: 40px;
    }

.adviesProduct .navigationTile.productTile .block-with-text {
    width: 300px;
}

.adviesProduct .navigationTile.productTile .field {
    width: 50px;
    display: inline-flex;
    margin-left: -80px;
}

.adviesProduct .navigationTile.productTile .hyp-thumbnail {
    display: inline-flex;
    float: right;
    margin-right: 30px;
}

.adviesProduct .navigationTile.productTile .buyblock {
    position: unset;
    height: 75px;
}

.adviesProduct .navigationTile.productTile .BuyButton {
    background-color: #9fc64b;
    right: 40px;
    bottom: 8px;
    /*float:left;*/
}

.adviesProduct .productset .h3 {
    display: none;
}


.lastviewedblock .ui-tabs-nav {
    /*display: none;*/
}

.lastviewedblock .last-viewed {
    margin: 30px 0px 0px 0px;
}

.lastviewedblock .titel {
    margin-top: 20px;
    color: #003a63;
    text-transform: uppercase;
    font-size: 18pt;
}

.products.rightBlock .BuyButton {
    right: 0px;
}

.row-companyname {
    display: none;
}

.btn-paging {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .btn-paging.btn-page-prev {
        background-image: url('../Vegro/pijltje.png');
        transform: scaleX(-1);
    }

    .btn-paging.btn-page-next {
        background-image: url('../Vegro/pijltje.png');
    }

.panel-footer .btn {
    /*background-color: #003a63 !important;*/
    border-color: #003a63 !important;
}



@media (max-width: 1000px) {
    .mobileonly {
        display: inline-block !important;
    }
}

@media (min-width: 1001px) {
    .mobileonly {
        display: none !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    /*Aanpassingen tbv IE*/

    .ie11-magic .top-action {
        margin-top: 8px;
        bottom: -20px;
    }

    .ie11-magic .basket-action-wrapper .btn-checkout, .basket-action-wrapper .btn-quote {
        width: auto;
        min-width: 100%;
    }

    .ie11-magic .fontsizes {
        top: 75px;
    }

    .ie11-magic .basket-summary {
        width: auto;
    }

    .ie11-magic body {
        overflow-x: hidden;
    }

    .ie11-magic {
    }

        .ie11-magic .middleImages .otherTiles {
            width: 33%;
        }

        .ie11-magic .webwinkel .flexi-row.center.gerelateerdeLinks {
            width: 100%;
        }

        .ie11-magic .product-details-page .breadcrumbs.font-smaller, .ie11-magic .product-details-page .back-wrapper {
            margin-top: 0px;
        }

        .ie11-magic .product-details-page .arrow-blue::before {
            position: relative;
        }

    .top-action {
        margin-top: -10px;
    }

    .PersonaMore .otherTiles .otherButton img {
        max-width: calc(70% - (2*5px));
    }

    .PersonaMore .otherTiles .otherButton {
        margin-right: -77px;
    }

    .PersonaFAQ .navigationTile.NewsBlock {
        width: 100%;
    }

    .PersonaPage #crumbpath .breadcrumbs.font-smaller {
        margin-top: 5px;
        margin-left: 0px;
    }

    .webwinkel .leftBlock .otherTiles .otherButton img {
        width: 310px;
    }

    .webwinkel .flexi-row.center.gerelateerdeLinks {
        width: 100%;
        text-align: justify;
    }

    .ie11-magic .fontsizes {
        top: auto;
    }

    .product-details-page .hyp.hyp-add-to-wishlist.arrow-blue {
        margin-left: -8px;
        padding-left: 21px;
    }

    .ie11-magic .PersonaMore .otherTiles img {
        width: 310px !important;
    }

    .product-details-page .popup-cnt.failurePopup .reset li .arrow-blue {
        display: inline-block;
        padding-left: 21px;
        position: relative;
        margin-left: -8px;
    }
}

@supports (-ms-ime-align:auto) {
    .content-flexipage-page {
        overflow-x: hidden;
    }
}

.product-bottom-info.columns-general > .column {
    height: auto;
}

.buyblock .lbl-price sup {
    font-size: 80%;
    top: -0.22em;
}


.hidden {
    display: none;
}


.searchbox-open .searchbox-icon {
    background: transparent;
}

.gvi-totals .t-row-promotion .enter-discount {
    float: left;
}

#promotionForm {
    display: inline-block !important;
}

.hyp-discount.sign-plus {
    display: none !important;
}

.enter-discount .hyp-remove {
    color: unset;
    padding-left: 15px;
}

    .enter-discount .hyp-remove:before {
        margin-top: 3px;
    }

.t-row-promotion .cell-name {
    column-span: 2;
}

.gvi-methods .col-method-selection, #PaymentMethods .gvi th.col-method-name {
    padding-left: 5px;
}

/*-------------------------------------------------------

    CSS tbv vinkje op validatievelden

-------------------------------------------------------*/
.fieldvalidation {
    background-color: transparent;
}

    .fieldvalidation::before {
        background-color: transparent;
        content: "";
        background-image: url(/content/files/Vegro/vinkje.png);
        width: 30px;
        height: 24px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 0px;
        margin-top: 5px;
    }
/* -------------------------------------------------------*/
.error {
    color: #EA6022;
    font-size: 12px;
}

.msg-block-error, .validation-summary-errors, .form-row .field-validation-error {
    color: #EA6022;
}

.validation-summary-errors, .form-row .field-validation-error {
    line-height: 10px;
    padding-top: 5px;
}

    .form-row .field-validation-error span {
        white-space: nowrap;
    }

.form-row .field-validation-error {
    background-size: contain;
    height: 12px;
    width: 12px;
}

/*Fix voor paymentmethods...*/
.gvi-methods tr {
    height: 54px;
    box-sizing: border-box;
}

.RedirectButton {
    border: 0px;
    /*float: right;*/
    right: 10px;
    position: absolute;
    bottom: 10px;
    margin-top: 30px;
    /*width: 210px;*/
    background-color: #9fc64b;
    border-radius: 5px;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
}


    .RedirectButton:after {
        padding-left: 10px;
        content: "\279C";
        display: inline-block;
    }

    .RedirectButton:hover {
        cursor: pointer;
        text-decoration: underline;
    }


/*.RedirectButton.ReadMoreButton {
        margin-left: -300px;
    }*/

.AllResults {
    text-align: center;
    color: black;
    font-weight: bold;
}



/*--== CROSSSELL ==--*/
.crosssell {
    position: fixed;
    display: inline-block;
    width: 50%;
    background-color: white; /*#EDEDED;*/
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 12%;
    margin-bottom: 10%;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    /*height: 100%;*/
    /*max-height: 80%;*/
}

.crosssell-exit-btn {
    background: url(../../files/icons/close.png);
    float: right;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

.crosssell-header {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    padding: 12px;
    /*background-color: #cb2245;*/
}

.crosssell-footer {
    height: 40px;
    max-height: 40px;
    padding: 12px;
    padding-bottom: 0px;
    /*background-color: #003768;*/
}

.crosssell-container {
    padding: 6px;
    height: 100%;
    max-height: Calc(100% - 168px);
}

.BuyButton.Blue ,.discount {
    background-color: #003966 !important;
}


.add-to-basket-success {
    color: #4a4a4a;
    font-size: 16pt;
    text-align: center;
}

    .add-to-basket-success:before {
        height: 40px;
        width: 40px;
        content: "\2713";
        color: #9FC64B;
    }

h10 {
    color: #003a63;
    font-weight: bold;
    font-size: 12pt;
    margin-left: 24px;
    display: block;
}

.cross-sell-tab {
    width: 100%;
    text-align: center;
}

.cross-sell-products {
    padding: 12px;
}

.cross-sell-block {
    padding: 12px;
    width: 120px;
    display: inline-block;
    text-align: center;
}