.layout-locations{padding:clamp(45px,5vw,100px) 0}.layout-locations__title{margin:0;font-size:clamp(1.5em,3vw,2em)}.layout-locations__title mark{color:var(--main);background:0 0}.html--duurzaamgastvrij .layout-locations__title mark{color:var(--lightmain)}.layout-locations__nav{display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:30px;border-bottom:3px solid var(--secondary);gap:15px}.layout-locations__nav-button{display:inline-flex;padding:.5em 1.25em;line-height:1.2;background-color:var(--whitebackground);border:3px solid var(--secondary);border-bottom:0;color:var(--secondary);font-weight:600;text-decoration:none;gap:1.25em;border-radius:15px 15px 0 0;align-items:center;transition:.25s ease background-color;text-align:left;font-size:15px}.layout-locations__nav-button--active,.layout-locations__nav-button:not(.layout-locations__nav-button--active):hover{background-color:var(--secondary);color:#fff}.layout-locations__container{display:grid;grid-template-columns:300px calc(100% - 345px);gap:45px;align-items:flex-start}.layout-locations-list{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 25px}.layout-location-item{background-color:#fff;box-shadow:var(--articleShadow)}.layout-location-item__photo{position:relative;border:5px solid var(--main)}.layout-location-item__photo-labels{position:absolute;top:-15px;left:-15px;display:flex;gap:10px;align-items:flex-start;width:100%}.layout-location-item__photo-img{width:100%;height:auto;vertical-align:bottom}.layout-location-item__green-label{width:45px;box-shadow:var(--footerShadow)}.layout-location-item__company-logo{width:125px;margin-left:auto;background-color:#fff;padding:5px;box-shadow:var(--footerShadow)}.layout-location-item__company-logo-img,.layout-location-item__green-label-img{width:100%;height:auto;vertical-align:bottom}.layout-location-item__photo-labels .icon{width:45px;height:45px;padding:5px;background-color:var(--main);border:5px solid #fff;color:#fff;box-shadow:var(--footerShadow)}.layout-location-item__content{padding:1em 1.5em}.layout-location-item__title{color:var(--main);margin:0 0 .25em;font-size:1.25em}.layout-location-item__subtitle{color:#111;font-size:16px;font-weight:400}.layout-location-item__title a{text-decoration:none;color:inherit}.layout-location-item__button-container{margin-top:1.5em}.layout-locations-filters{background-color:#fff;box-shadow:var(--articleShadow);padding:15px;background-image:url(../img/icon-key-green.1.svg);background-size:30% auto;background-repeat:no-repeat;background-position:calc(100% - 15px) 101%}.html--duurzaamgastvrij .layout-locations-filters{background-image:url(../img/icon-leaves-green.1.svg);background-size:50% auto;background-position:calc(100% - 15px) calc(100% - 15px)}.html--blauwevlag .layout-locations-filters{background-image:url(../img/icon-wave-blue.1.svg);background-size:50% auto;background-position:calc(100% - 15px) calc(100% - 15px)}.layout-locations-filters__form{display:flex;flex-direction:column;gap:20px}.layout-location-filter-group__title{line-height:1.2;margin:0;padding:5px 10px;border-radius:5px 5px 0 0;background-color:var(--main);color:#fff}.layout-location-sort-group__title{font-weight:400;margin:0;line-height:1.2;padding:5px 0}.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:15px}.layout-location-sort-group .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--dark)}.layout-location-sort-group .select2-container--default .select2-selection--single{width:100%;padding:.5em;border:1px solid var(--lighterdark);font-family:var(--titleFont);height:45px;border-radius:0}.layout-location-sort-group .select2-container--default .select2-selection--single .select2-selection__arrow{width:33px;height:45px;background-image:url(../img/icon-chevron-down-green.svg);background-size:12px 12px;background-position:center center;background-repeat:no-repeat}.layout-location-sort-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{transform:scaleY(-1)}
.layout-location-sort-group .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.layout-location-sort-group .select2-container--open .select2-selection--single{background-color:#fff}.layout-location-filter__field-sort .select2-results__option{font-size:16px}.layout-location-filter__field-sort .select2-results__option--highlighted{background-color:var(--main);color:#fff}.layout-location-filter__field-sort .select2-dropdown{border-color:var(--lighterdark)}.layout-location-sort__field select{width:100%;padding:.5em;border:1px solid var(--lighterdark);cursor:pointer;font-family:var(--titleFont)}.layout-location-filter-group__filters,.layout-location-filter-group{display:flex;flex-direction:column;gap:5px;font-family:var(--titleFont)}.layout-location-filter__field{display:flex;gap:10px;align-items:center}.layout-location-filter__field-title{order:2}.layout-location-filter__field input[type=checkbox]{width:20px;height:20px;accent-color:var(--main)}.layout-location-filter__field input[type=text],.layout-location-filter__field select{width:100%;padding:.5em;border:1px solid var(--lighterdark);font-family:var(--titleFont)}.layout-location-filter__field select{cursor:pointer;font-family:var(--titleFont)}.layout-location-filter__field input[type=text]::placeholder{color:var(--dark)}.location-icon{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px}.location-icon>svg{width:100%;height:100%}.layout-location-item__photo-labels .location-icon{color:var(--main)}@media (max-width:1099px){.layout-locations__container{position:relative}.layout-locations-filters{position:sticky;top:75px}.layout-locations-list{display:flex;flex-direction:column}.layout-location-filter-group--checkboxes .layout-location-filter-group__filters{max-height:0;overflow:hidden;transition:.25s ease max-height}.layout-location-filter-group--checkboxes .layout-location-filter-group__title{cursor:pointer;border-radius:5px;position:relative;padding-right:30px}.layout-location-filter-group--checkboxes .layout-location-filter-group__title:after{content:"";position:absolute;display:block;right:10px;top:50%;transform:translate(0,-50%);width:15px;height:15px;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(../img/icon-chevron-down-white.svg);transform-origin:center}.layout-location-filter-group--checkboxes-active .layout-location-filter-group__title:after{transform:translate(0,-50%) rotate(180deg)}.layout-location-filter-group--checkboxes-active .layout-location-filter-group__title{border-radius:5px 5px 0 0}.layout-location-filter-group--checkboxes-active .layout-location-filter-group__filters{max-height:250px;overflow-y:auto}}@media (min-width:701px){.layout-locations-filters__toggle{display:none}}@media (max-width:700px){.layout-locations__container{display:block}.layout-locations-filters{position:fixed;top:auto;bottom:0;width:100%;left:0;right:0;z-index:99}.layout-locations-filters__toggle{display:flex;margin-bottom:1em;cursor:pointer;justify-content:space-between}.layout-locations-filters__form{max-height:0;overflow:hidden;transition:.25s ease max-height}.body--has-location-filters .layout-locations-filters__form{max-height:calc(100vh - 100px);overflow-y:auto}.js-toggle-locations .icon{transition:.25s ease transform}body:not(.body--has-location-filters) .js-toggle-locations .icon{transform:rotate(-180deg)}}
