main{display: block;margin: 0 auto;max-width: 1200px;width: 100%;}
main h1{color:#232f34;font-family:"Gordita Black",arial,geneva,sans-serif;font-size:32px;font-weight:700;line-height:48px;margin:0;padding:0;width:100%}
main p{color:#232f34;font-family:"Inter",arial,geneva,sans-serif;font-size:14px;font-weight:100;line-height:21px;margin:0;padding:0}

section{display:-ms-grid;display:grid;width:100%}
section a{
    background-color:#fff;border-bottom:1px solid rgb(187,204,221);color:#232f34;font-family:"Inter",arial,geneva,sans-serif;
    display:inline-block;overflow:hidden;position:relative;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;
    transition-property:box-shadow
}
section a:nth-child(3n+1){-ms-grid-column:1}
section a:nth-child(3n+2){-ms-grid-column:2}
section a:nth-child(3n+3){-ms-grid-column:3}
section a:hover{box-shadow:0 8px 16px rgba(85,102,119,.2),0 2px 4px rgba(85,102,119,.2)}
section a:hover{border-bottom-color:#f9aa33}
section a figure{align-items:center;display:flex;height:0;margin:0;padding-bottom:calc(100% + 1px);position:relative;text-align:center;transform:translateY(50%)}
section a figure img{width:100%}
section a .description{align-items:flex-end;display:flex;margin:8px}
section a .description .txt{}
section a .description .txt h3{font-size:14px;font-weight:700;line-height:18px;margin:0;padding:0}
section a .description .txt p{font-size:14px;font-weight:100;line-height:18px;margin:0;padding:0;white-space:nowrap}
section a .description .txt p span::before{}
section a .description .txt .titel{font-size:14px;font-weight:700;line-height:18px;margin:0;padding:0}

.winkel_flag{
    float: right;
    width: 15%;
    max-height: 26px;
    /*margin-right: -40%;*/
}
@media screen and (max-width:450px){
    .winkel_flag{
        float: right;
        width: 15%;
        margin-right: 0%;
    }
}
@media screen and (max-width:401px){
    .winkel_flag{
        float: right;
        width: 15%;
        margin-right: 2%;
    }
}

@media screen and (max-width:376px){
    .winkel_flag{
        float: right;
        width: 15%;
        margin-right: 10%;
    }
}

@media screen and (max-width:320px){
    .winkel_flag{
        float: right;
        width: 15%;
        margin-right: 25%;
    }
}

@media screen and (max-width:799px){
    section{grid-template-columns:1fr 1fr;grid-gap:8px;margin:8px auto;-ms-grid-columns:1fr 1fr}
}

@media screen and (min-width:800px){
    section{grid-template-columns:1fr 1fr 1fr;grid-gap:16px;margin:16px auto;-ms-grid-columns:1fr 1fr 1fr}
}

@media screen and (min-width:1024px){
    section{grid-template-columns:1fr 1fr 1fr 1fr ;grid-gap:32px;margin:32px auto;-ms-grid-columns:1fr 1fr 1fr 1fr}
}


table.letop-openingstijden {
    width: 100%
}

table.letop-openingstijden tr td:first-child {
    width:50%;text-align:right;padding-right:10px
}
table.letop-openingstijden tr td:last-child {
    width:50%;text-align:left;padding-left:10px
}