/*##################################################
/* CATALOGUS pagina
##################################################*/

.catalogus #main {
  	border-right: 0px solid #dddddd;
}
.catalogus.breder #main {
	margin: 0px;
}
	
	.catalogus_groepen {
        flex: 0 0 25%;
        width:  25%;
	}
	.catalogus_groepen.empty {
        display: none;
    }
        .catalogus_groepen > div {
            margin-bottom: 2rem;
        }
        .catalogus_groepen label {
            display: block;
            margin: 16px 0;
		}
        .catalogus_groepen label:first-child {
            margin-top: 0;
        }
		.catalogus_groepen a {
		}
		.catalogus_groepen tr {
			height:15px;
		}
	.catalogus_data {
        flex: 0 0 75%;
        width:  75%;
	}
        .empty + .catalogus_data {
            flex: 0 0 100%;
            width:  100%;
        }
            .empty + .catalogus_data ul.products li {
                flex: 0 0 20%;
                width:  20%;
            }
	.catalogus_data .controls{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 2rem;
    }
	.catalogus_data .controls > * {
        margin: 0 0 5px 0;
    }  
	.catalogus_data .controls > * + * {
        margin-left: 10px;
    }
        .catalogus_data ul.products {
            list-style-type: none;
            width: 100%
        }
            .catalogus_data ul.products li {
                flex: 0 0 25%;
                width:  25%;
                display: flex;
                flex-direction: column;
                padding-bottom: 2rem;
                position: relative;
            }
                .catalogus_data ul.products li a {
                    width: 100%;
                    display: block;
                }
                
                .catalogus_data ul.products li .afbeelding-houder {
                    position: relative;
                }
                .catalogus_data ul.products li .afbeelding-houder:before {
                    content:"";
                    display: block;
                    padding-top: 75%;
                }
                .catalogus_data ul.products li .titel {
                    margin: 8px 0;
                    font-weight: bold;
                    color: inherit;
                    text-decoration: none;
                }

                .catalogus_data ul.products li .art_num {
                    font-size: 0.8rem;
                    color: #636363;
                    margin-left: 0 !important;
                }
                .catalogus_data ul.products li .buttons {
                    margin-top: auto;
                }
                .catalogus_data ul.products li .btn-primary {
                    font-weight: bold;
                }
                .catalogus_data ul.products li a.btn-link {
                    padding-bottom: .25em;
                    padding-top: .25em;
                }
                .catalogus_data ul.products li a {
                    position: relative;
                    z-index: 1;
                }
                .catalogus_data ul.products li a.stretched-link {
                    position: static;
                    z-index: 0;
                }
                .catalogus_data ul.products li a.btn img {
                    vertical-align: middle;
                    top: -1px;
                    position: relative;
                }
                .catalogus_data ul.products li a.btn-primary + a.btn-link {
                    margin-top: 5px;
                }
                @media(max-width: 1024px) {
                    .empty + .catalogus_data ul.products li {
                        flex: 0 0 25%;
                        width: 25%;
                    }
                    .catalogus_data ul.products li {
                        flex: 0 0 33.33%;
                        width:  33.33%
                    }
                }
                @media(max-width: 800px) {
                    .empty + .catalogus_data ul.products li,
                    .catalogus_data ul.products li {
                        flex: 0 0 50%;
                        width:  50%
                    }
                }

                @media(max-width: 767px) {
                    .catalogus_data, .catalogus_groepen {
                        flex: 0 0 100%;
                        width:  100%
                    }
                }
                @media(max-width: 360px) {
                    .catalogus_data ul.products li {
                        flex: 0 0 100%;
                        width:  100%
                    }
                }


/* FOTO catalogus*/	

.standard .catindex {
    BACKGROUND-POSITION: left top;
    MARGIN-TOP: 5px;
    
    BACKGROUND-IMAGE: url(../grfx/buttons/pagenr_large.gif);
    MARGIN-LEFT: 2px;
    WIDTH: 25px;
    COLOR: #000000;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Tahoma;
    POSITION: static;
    HEIGHT: 25px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

.standard .catindex A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.standard .catindex A:hover
{
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline
}

 .fotocatitem
{
    BORDER-RIGHT: #f5f5f5 1px;
    BORDER-TOP: #f5f5f5 1px;
    
    MARGIN: 0px 0px 0px 0px;
    BORDER-LEFT: #f5f5f5 1px;
    BORDER-BOTTOM: #f5f5f5 1px;
    POSITION: static;
    HEIGHT: 150px;
	overflow:hidden;
	width:144px;
	padding:0px;
}
.standard .fotocatitem .desc
{
  /*  CLEAR: left;*/
    
    WIDTH: 100px;
    POSITION: static;
    HEIGHT: 35px;
    BACKGROUND-COLOR: transparent;
	text-align:left;
}
.standard .fotocatitem .img
{
    CLEAR: left;
    BORDER-RIGHT: #f5f5f5 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #f5f5f5 1px solid;
    PADDING-LEFT: 2px;
    
    PADDING-BOTTOM: 2px;
    MARGIN: 5px 2px 2px 15px;
    BORDER-LEFT: #f5f5f5 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #f5f5f5 1px solid;
    POSITION: static;
    BACKGROUND-COLOR: transparent
}


.standard .fotocatitem .pagenr
{
    BACKGROUND-POSITION: left top;
    
    BACKGROUND-IMAGE: url(../grfx/buttons/pagenr_small.gif);
    MARGIN: 2px 5px 2px 2px;
    WIDTH: 20px;
    COLOR: #000000;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    POSITION: static;
    HEIGHT: 20px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
}
.standard .fotocatitem .desc A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.standard .fotocatitem .desc A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}

.standard .helpintro {
	padding: 5px 0 0  5px;
    CLEAR: both;
    WIDTH: 100%;
    COLOR: #ffffff;
    HEIGHT: 32px;
    BACKGROUND-COLOR: #cc0000;
	margin-bottom: 10px; }


li.kwr-item {
	list-style: url(../images/gg-bullet.gif);
	list-style: none;
	margin: 0;
}

	li.kwr-item a {
		color: #636363;
		text-decoration: none;
		/*font-weight: bold;*/
	}


#request {
}

#catIndexBox {
	
	margin: 0 0 10px 0;
}

#catTitle {

}
	
@media(max-width:991px) {
    .product-details .col {
        flex: 0 0 100%;
        width:  100%;
    }
}

.kenwoordPDF  {
    /*display: inline-block;*/
}

/*##################################################
/* WEERGAVE AANPASSEN
##################################################*/

/* knoppen */
.weergave_aanpassen {
    list-style-type: none;
    display: inline-flex;
    margin-bottom: 30px;
}
.weergave_aanpassen li input {
	appearance: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
    position: absolute;
    border: 0;
    background-color: transparent;
}

.weergave_aanpassen li label {
    display: inline-flex;
    cursor: pointer;
}
    .weergave_aanpassen li label .text {
        padding: 8px 13px;
        display: inline-flex;
        align-items: center;
        border: 1px solid #e2e2e2;
        transition: 0.2s ease all;
    }
    .weergave_aanpassen li + li label .text {
        margin-left: -1px;
    }
    .weergave_aanpassen li label input + .text svg path {
        transition: 0.2s ease all;
        
}
    .weergave_aanpassen li label input:checked + .text {
        border-color: var(--secondary);
        background-color: var(--secondary);
    }
    .weergave_aanpassen li label input:checked + .text svg path {
        fill: #fff;
    }
        .weergave_aanpassen li label .text svg {
            width: 24px;
            height: 24px;
        }


/* rows */
.catalogus_data.rows ul.products li {
    flex: 0 0 100%;
    width:  100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-color)
}
.catalogus_data.rows ul.products li .afbeelding-houder {
    width: 100px;
    margin-bottom: auto;
    margin-top: auto;
    /*op verzoek afbeeldingen verborgen in lijstweergave*/
    display: none;
}
.catalogus_data.rows ul.products li .titel,
.catalogus_data.rows ul.products li  * + * {
    margin-left: 15px;
}
.catalogus_data.rows ul.products li .titel {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 210px;
}
.catalogus_data.rows ul.products li .buttons {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    margin-top: 0;
    margin-left: auto;
}
    .catalogus_data.rows ul.products li a.btn-primary + a.btn-link,
    .catalogus_data.rows ul.products li .buttons a.btn {
        display: inline-flex;
        white-space: nowrap;
        margin: 5px 0;
    } 

    .catalogus_data.rows ul.products li a.btn-primary + a.btn-link {
        margin-right: 15px;
    }
    .catalogus_data.rows ul.products li .buttons a.btn-link + a.btn-link {
        margin-left: 0;
    }

    @media(max-width: 400px) {
        .weergave_aanpassen {
            display: none;
        }
    }