:root{--primary-color: rgb(88, 60, 139);--primary-color-light: rgba(88, 60, 139, .12);--secondary-color: #FF8427;--secondary-color-mid: #FFB57D;--secondary-color-light: rgba(255, 181, 125, .2);--primary-font: "Poppins", sans-serif;--header-font: "Lexend", sans-serif;--header-padding: 4rem;--pagecontent-vertical-padding: 2rem;--pagecontent-vertical-padding-mobile: 1rem;--pagecontent-horizontal-margin: 2rem;--photosection-horizontal-margin: 8rem;--photosection-horizontal-margin-mobile: 5rem;--photosection-maxwidth: 1000px;--mobile-breakpoint: 900px;font-family:var(--primary-font);font-size:100%;line-height:1.5;font-weight:400;text-align:left;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 380px){:root{font-size:90%}}body{color:var(--primary-color);font-family:var(--primary-font);margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body *{color:var(--primary-color)}button{background:none;border:none;cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto}.container-padding{padding:0 2rem}h1,h2,h3,h4,h5,h6,.header-font{font-family:var(--header-font)}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1rem}p{font-size:.9rem;margin-bottom:1rem}section{margin-bottom:4rem}.primary-button{font-family:var(--header-font);color:#fff;font-weight:700;background-color:var(--secondary-color);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.secondary-button{font-family:var(--header-font);color:var(--secondary-color);font-weight:700;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--secondary-color);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.afbeelding-section{display:flex;justify-content:space-between;gap:6rem;max-width:var(--photosection-maxwidth);margin:var(--photosection-horizontal-margin) auto}.image-with-background{position:relative}.image-with-background span{display:inline-block;width:370px;height:420px;position:relative;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}.image-with-background span:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-color-light);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg)}.image-with-background img{width:inherit;height:inherit;object-fit:cover;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;position:relative;z-index:1}.map-section{justify-content:space-around;align-items:center;gap:4rem}.map-section .image-with-background span{width:320px;height:340px}@media (max-width: 900px){.afbeelding-section{flex-direction:column;gap:4rem;margin:var(--photosection-horizontal-margin-mobile) auto}.afbeelding-section .image-with-background{width:max-content;margin:0 auto}.afbeelding-section .image-with-background>span{width:270px;height:320px}}.wat-doe-ik-content-btns{display:flex;gap:16px;margin-bottom:24px}.radioBtn{background:none;padding:.75rem 1.5rem;border:none;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;box-shadow:none;font-family:inherit;font-size:1rem;color:var(--secondary-color);font-weight:600;cursor:pointer}.honden-active .hondenBtn,.kattenBtn{background-color:var(--secondary-color);color:#fff}.honden-active .kattenBtn{background:none;color:var(--secondary-color)}ul li ul{font-size:.75em;margin-left:1.5rem;list-style-type:disc}.with-icon{position:relative;padding-left:30px}.with-icon svg{position:absolute;left:0;top:2px}.with-icon svg.email-icon{top:5px}.navigation{border-bottom:2px solid var(--secondary-color);padding:0 var(--pagecontent-vertical-padding)}.navigation div{display:flex;align-items:center;justify-content:space-between;gap:2rem;background-color:#fff;padding:1rem 0}.logo{height:36px;width:auto}.navigation ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.navigation ul a{text-decoration:none;font-weight:400;padding:.5rem 1rem}.navigation a.active{color:var(--secondary-color);font-weight:700}.mobile-menu-button{position:absolute;right:1rem;top:1rem;align-items:center;display:none}.mobile-menu-button svg{width:32px;height:32px}.mobile-menu-button svg path{fill:var(--primary-color)}.mobile-menu-button svg:last-of-type{width:22px;height:22px;margin-top:5px;display:none}.open .mobile-menu-button svg:last-of-type{display:block}.open .mobile-menu-button svg:first-of-type{display:none}@media (max-width: 900px){.navigation{padding:0 var(--pagecontent-vertical-padding-mobile)}nav .container{flex-direction:column;align-items:flex-start;gap:24px;height:65px;overflow:hidden;transition:height .3s ease-in-out}nav.open .container{height:242px}nav .container ul{width:100%;flex-direction:column}nav .container ul li{text-align:center}.mobile-menu-button{display:flex}}@media (max-width: 380px){nav.open .container{height:224px}}.footer{background-color:var(--primary-color);padding:var(--pagecontent-vertical-padding);width:100%;margin-top:auto}.footer .container{display:flex;gap:56px;justify-content:space-between;margin:0 auto}.footer ul{list-style:none}.footer li{margin-bottom:8px}.footer a{text-decoration:underline;transition:opacity .2s ease}.footer a:hover{opacity:.8}.footer *{margin:0;color:#fff}.footer-header{font-size:1.2rem;font-weight:700;margin-bottom:16px}.footer-openingstijden>div{display:flex;gap:32px}.footer-openingstijden>div>div:last-of-type{text-align:end}.footer-pages-list{list-style:none;padding:0;margin:0}.footer-pages-list a{text-decoration:none}@media (max-width: 1020px){footer .container{flex-wrap:wrap}footer .container>div{width:calc(50% - 28px)}}@media (max-width: 900px){footer{padding:var(--pagecontent-vertical-padding-mobile)}footer .container{flex-direction:column;align-items:center;gap:40px}.footer-openingstijden>div>div:first-of-type{text-align:start}footer .container>div{width:initial;text-align:center}footer .container li{width:max-content;margin-left:auto;margin-right:auto}}.home-header{background-image:url(/assets/hero-background-slice-BCqtH1Cp.svg);background-position:center;background-repeat:repeat}.home-header>div{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:var(--header-padding);text-align:center}.home-textLogo{height:80px;width:auto;margin-bottom:1.5rem}.home-logo{height:300px;width:auto;margin:0 auto}.btn-container{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.home-content{padding:0 var(--pagecontent-vertical-padding)}.wat-doe-ik-text-wrapper{position:relative;border:4px solid var(--secondary-color-mid);padding:32px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;overflow:hidden}.wat-doe-ik-hond-text-section{display:none;margin-bottom:48px;font-weight:500}.honden-active .wat-doe-ik-hond-text-section{display:block}.wat-doe-ik-hond-text-section:last-of-type{margin-bottom:0}.honden-active .wat-doe-ik-text-wrapper{padding-bottom:60px}.wat-doe-ik-text-wrapper ul{display:grid;grid-template-columns:repeat(3,auto);column-gap:48px;row-gap:8px;justify-content:flex-start}.wat-doe-ik-text-wrapper li{list-style-position:inside}.wat-doe-ik-text-wrapper .disclaimer{font-style:italic;font-size:.9rem;margin-top:16px}.wat-doe-ik-hond-beurt-section{margin-bottom:24px}.wat-doe-ik-hond-beurt-section:last-of-type{margin-bottom:0}.wat-doe-ik-hond-beurt-section p{margin-top:16px;margin-bottom:16px}.honden-short .wat-doe-ik-hond-text-section~.wat-doe-ik-hond-text-section{display:none}.toon-meer-minder-btn{display:none;position:absolute;bottom:0;left:0;right:0;justify-content:center;align-items:center;background-color:var(--secondary-color-light);height:48px;border:none;margin:0 auto;font-size:1rem;font-weight:600;cursor:pointer}.honden-active .toon-meer-minder-btn{display:flex}.toon-meer-minder-btn span{color:var(--secondary-color);font-family:var(--primary-font)}.toon-meer-minder-btn>span{position:relative;padding-right:28px}.toon-meer-minder-btn>span:after{content:"";position:absolute;top:calc(50% + 2px);right:0;width:10px;height:10px;border-top:3px solid var(--secondary-color);border-right:3px solid var(--secondary-color);transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);-o-transform:translateY(-50%) rotate(-45deg)}.honden-short .toon-meer-minder-btn>span:after{top:calc(50% - 2px);transform:translateY(-50%) rotate(135deg);-webkit-transform:translateY(-50%) rotate(135deg);-moz-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);-o-transform:translateY(-50%) rotate(135deg)}.toon-meer-minder-btn>span>span:last-of-type{display:inline}.toon-meer-minder-btn>span>span:first-of-type{display:none}.honden-short .toon-meer-minder-btn>span>span:last-of-type{display:none}.honden-short .toon-meer-minder-btn>span>span:first-of-type{display:inline}.honden-active .wat-doe-ik-katten-text-section{display:none}.openingstijden-section .content{display:flex;flex-direction:column;gap:2rem}.openingstijden-section ul{list-style-type:none;width:300px}.openingstijden-section ul li{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.openingstijden-section a{text-decoration:underline;font-weight:500}@media (max-width: 900px){.home-content{padding:0 var(--pagecontent-vertical-padding-mobile)}.home-header .container{flex-direction:column-reverse;align-items:center;gap:24px}.home-header{margin-bottom:5rem}.home-header .container{padding:2rem}.home-header .home-textLogo{display:none}.home-header .container .btn-container{justify-content:center}.home-header .home-logo{height:210px}.wat-doe-ik-text-wrapper ul{grid-template-columns:repeat(1,auto)}.wat-doe-ik-hond-text-section{margin-bottom:24px}.wat-doe-ik-hond-beurt-section ul{grid-template-columns:repeat(1,auto)}.openingstijden-section .content{width:100%;flex-direction:row;gap:1rem;justify-content:space-evenly;margin:0 auto}}@media (max-width: 580px){.openingstijden-section .content{width:max-content;flex-direction:column;gap:1rem}}.photo-carousel{width:100%;margin:2rem 0;position:relative}.photo-container{width:100%;overflow-x:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;margin-bottom:1rem;padding:0 1rem;box-sizing:border-box;scroll-snap-type:x mandatory}.photo-container::-webkit-scrollbar{display:none}.photo-grid{display:flex;gap:1rem;padding:.5rem;width:max-content}.photo-item{width:300px;height:360px;overflow:hidden;border-radius:8px;cursor:pointer;transition:transform .2s ease;flex-shrink:0;scroll-snap-align:start}.photo-item:hover{transform:scale(1.02)}.photo-item img{width:100%;height:100%;object-fit:cover}.nav-buttons{display:flex;gap:.5rem}.nav-button{background-color:var(--primary-color);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background-color .2s ease;z-index:1}.photo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.modal-content{position:relative;max-width:90%;max-height:90%}.close-button{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.close-button:hover{transform:scale(1.2)}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain}.info-page{padding:0 var(--pagecontent-vertical-padding)}@media (max-width: 900px){.info-page{padding:0 var(--pagecontent-vertical-padding-mobile)}}.wat-doe-ik-page{padding:0 var(--pagecontent-vertical-padding);margin:3rem auto}.wat-doe-ik-page .honden-active .wat-doe-ik-text-wrapper{padding-bottom:32px}.wat-doe-ik-page .wat-doe-ik-text-wrapper .wat-doe-ik-hond-text-section:nth-of-type(2){margin-bottom:0}@media (max-width: 900px){.wat-doe-ik-page{padding:0 var(--pagecontent-vertical-padding-mobile);margin:1rem auto}}.voorwaarden-page{padding:0 var(--pagecontent-vertical-padding);margin:3rem auto}strong{display:block}strong,p{font-size:1rem}@media (max-width: 900px){.voorwaarden-page{padding:0 var(--pagecontent-vertical-padding-mobile);margin:1rem auto}}#root{width:100%}.card{padding:2em}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}