:root{--c-white:#fff;--c-black:#000;--c-yellow-300:#f8eb6c;--c-yellow-400:#ffe500;--c-brown-200:#eee9e0;--c-brown-300:#eae5dc;--c-brown-400:#dbd1bf;--c-brown-500:#cbbba0;--c-brown-600:#b1a188;--c-brown-700:#432918;--c-gray-200:#bebebe;--c-gray-300:#f0f0f0;--c-gray-400:#efefef;--c-gray-500:#535353;--c-gray-600:#d5d5d5;--c-gray-700:#626262;--c-primary:var(--c-yellow-400);--c-text:var(--c-black);--f-main:"Noah",sans-serif;--f-headings:"Noah",sans-serif;--wrapper-width:120rem;--padding-width:2rem;--gutter-width:2rem;--transition-duration:.25s}.photo-popup{margin-bottom:11.35rem}@media (min-width:992px){.photo-popup{margin-bottom:24.2rem}}.photo-popup__tiles-wrapper{display:grid;grid-template-columns:repeat(2,1fr);width:100%;grid-gap:2rem 1.24rem}@media (min-width:768px){.photo-popup__tiles-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.photo-popup__tiles-wrapper{grid-template-columns:repeat(4,1fr);grid-gap:4.8rem 2.3rem}}.photo-popup__tile-thumbnail.-hidden{display:none}.photo-popup__tile-thumbnail:focus,.photo-popup__tile-thumbnail:hover{cursor:pointer}.photo-popup__tile-thumbnail:focus .photo-popup__tile-thumbnail-image,.photo-popup__tile-thumbnail:hover .photo-popup__tile-thumbnail-image{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.photo-popup__tile-thumbnail-wrapper{overflow:hidden}.photo-popup__tile-thumbnail-image{width:100%;height:11.791rem;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s,-o-transform 1s}@media (min-width:600px){.photo-popup__tile-thumbnail-image{height:13rem}}@media (min-width:768px){.photo-popup__tile-thumbnail-image{height:16.56rem}}@media (min-width:992px){.photo-popup__tile-thumbnail-image{height:17.5rem}}@media (min-width:1200px){.photo-popup__tile-thumbnail-image{height:20rem}}.photo-popup__tile-heading{max-width:16.684rem;margin-top:.95rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;font-size:1.5rem;line-height:1.8rem;letter-spacing:.045rem}@media (min-width:600px){.photo-popup__tile-heading{max-width:100%}}@media (min-width:992px){.photo-popup__tile-heading{margin-top:1.95rem}}@-webkit-keyframes mmfade-in{0%{opacity:0}to{opacity:1}}@-o-keyframes mmfade-in{0%{opacity:0}to{opacity:1}}@keyframes mmfade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mmfade-out{0%{opacity:1}to{opacity:0}}@-o-keyframes mmfade-out{0%{opacity:1}to{opacity:0}}@keyframes mmfade-out{0%{opacity:1}to{opacity:0}}.photo-popup__modal{position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10}.photo-popup__modal.is-open{display:block;opacity:1;-webkit-animation:mmfade-in .3s;-o-animation:mmfade-in .3s;animation:mmfade-in .3s}.photo-popup__modal[aria-hidden=true]{-webkit-animation:mmfade-out .3s;-o-animation:mmfade-out .3s;animation:mmfade-out .3s}.photo-popup__modal-overlay{position:fixed;left:0;right:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.5)}.photo-popup__modal-container{position:fixed;left:50%;top:50%;-webkit-clip-path:polygon(0 0,100% 0,100% 150%,0 150%);clip-path:polygon(0 0,100% 0,100% 150%,0 150%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.photo-popup__modal-close{position:absolute;right:1.5rem;top:1.5rem;width:2.23rem;height:2.23rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/blocks/photo-tiles-popup/images/icon-close.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;z-index:1}.photo-popup__modal-close:hover{cursor:pointer}@media (min-width:992px){.photo-popup__modal-close{right:2.74rem;top:2.91rem}}.photo-popup .swiper-container{overflow:visible}.photo-popup__slider{width:34rem;height:23.38rem}@media (min-width:600px){.photo-popup__slider{width:50rem;height:34rem}}@media (min-width:768px){.photo-popup__slider{width:65rem;height:44.63rem}}@media (min-width:992px){.photo-popup__slider{width:80rem;height:55rem;overflow:visible}}.photo-popup__slide{height:auto}.photo-popup__slider-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-popup__slide-caption{width:100%;padding:2rem;color:var(--c-white);background-color:var(--c-black);font-size:1.5rem;line-height:2rem;letter-spacing:.045rem}@media (min-width:992px){.photo-popup__slide-caption{padding:3.1rem 28rem 3.1rem 3.1rem}}.photo-popup .swiper-button-next,.photo-popup .swiper-button-prev{width:2rem}.photo-popup .swiper-button-next path,.photo-popup .swiper-button-prev path{stroke:var(--c-white)}@media (min-width:992px){.photo-popup .swiper-button-next,.photo-popup .swiper-button-prev{width:4.8rem}}.photo-popup .swiper-button-prev{left:1.5rem}@media (min-width:992px){.photo-popup .swiper-button-prev{left:1.8rem}}.photo-popup .swiper-button-next{right:1.5rem}@media (min-width:992px){.photo-popup .swiper-button-next{right:1.8rem}}.photo-popup .swiper-pagination-bullet{background-color:var(--c-white);border:none}.photo-popup__load-more{margin-top:3rem;border:none}@media (min-width:992px){.photo-popup__load-more{margin-top:5.5rem}}.photo-popup__load-more.-hidden{display:none}.photo-popup__load-more:hover{cursor:pointer}
.ref-link {
color: black;
margin-top: 10px;
display: inline-block;
font-size: 15px;
}