body{margin:0;padding:0}a{text-decoration:none}button{cursor:pointer}button,input[type=search],input[type=text]{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none}input[type=search],input[type=text]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}ul{list-style:none;margin:0;padding:0}#app,body{width:100%}body{font-family:apercu-pro,Verdana,Geneva,sans-serif;color:#5c7096;background-color:#f5f5f5}a{color:#0061cd}h1,h2,h3,h4,h5,h6{color:#00215b;margin:0}button{border-radius:40px;padding:5px 10px}.content-cntr-container{max-width:1200px}header{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;align-items:center;background-color:#0061cd;font-family:apercu-pro,Verdana,Geneva,sans-serif}header .logo,header .search-bar,header .settings-button{margin:0 20px}header .settings-button{display:flex;align-items:center;gap:8px;background-color:#f8badd;color:#00215b;border-radius:40px;padding:5px 10px;margin-right:20px}header .header-container{display:flex;justify-content:space-between;width:100%;align-items:center}header .search-container{display:flex;max-width:768px;width:100%}header .search-small-screen{display:none;width:100%}@media(max-width:768px){header .header-container .search-container{display:none}header .search-small-screen{display:block;width:100%}}@media(min-width:769px){header .search-small-screen{display:none}}.search-bar{display:flex;align-items:center;justify-content:space-between;flex-grow:1;max-width:768px;background-color:#f5f5f5;border-radius:40px;height:40px}.search-bar input{padding-left:20px}#footer-view{background:#f1f5fc;padding:20px 0 40px 0;width:100%}@media(max-width:1000px){#footer-view{display:flex;flex-direction:column;align-items:center}}#footer-view #logo-full{display:block;transform:translateY(-40px);margin:0 40px 0 20px}#footer-view .footer-items{justify-content:space-evenly;width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:410px){#footer-view .footer-items{display:flex;flex-direction:column;align-items:center}}@media(max-width:1000px){#footer-view .footer-items{grid-template-columns:repeat(2,1fr);gap:20px}}#footer-view h3{color:#00215b;margin-bottom:20px}#footer-view a{color:#5c7096;text-decoration:none;margin-bottom:15px}#footer-view a:hover{text-decoration:underline}#footer-view .contact-icon-container{margin-right:15px}#footer-view .contact-icon-container:last-child{margin-right:0}#footer-view .container-column{display:flex;align-items:flex-start;width:auto}@media(max-width:1000px){#footer-view .container-column{align-items:center}}.home-view{width:100%}.main-view{overflow:visible;margin-bottom:70px}.hero-images{position:relative}.circular-image{border-radius:50%;-o-object-fit:cover;object-fit:cover}#circular-image-big{width:480px;margin-left:50px;transform:translateY(50px)}@media(max-width:768px){#circular-image-big{display:none}}@media(min-width:769px)and (max-width:1024px){#circular-image-big{width:380px}}@media(min-width:1025px){#circular-image-big{width:480px}}#circular-image-small{width:135px;position:absolute;top:10px;right:10px;border:10px solid #0061cd}@media(max-width:610px){#circular-image-small{display:none}}@media(min-width:769px)and (max-width:1440px){#circular-image-small{width:135px}}@media(min-width:1441px){#circular-image-small{width:200px}}.limiting-container{display:flex;flex-direction:column;width:100%;align-items:center}.main-view-container{display:flex;width:100%;justify-content:center;background:#0061cd}.about-view,.listings-view,.main-view{display:flex;width:100%;max-width:1200px;box-sizing:border-box;padding:0 20px}.main-view{justify-content:space-between;align-items:center}.container-row,.main-view{display:flex;flex-direction:row}.container-column{display:flex;flex-direction:column}@media(max-width:610px){.main-view-container{display:flex;flex-direction:column}}.navigation-container{padding:0 20px 0 10px;margin:0 30px;max-width:500px;width:100%}.navigation-container h1{font-family:apercu-pro,Verdana,Geneva,sans-serif;color:#fff;font-weight:700;line-height:1;padding:10px 20px 0 0}#navigation-heading{margin-bottom:30px}.menu-link{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:20px;color:#00215b;font-family:apercu-pro,Verdana,Geneva,sans-serif;padding:10px 0}.menu-link .link-text:hover{text-decoration:underline}.menu-link .arrow{padding:0 30px}.menu-link:hover .arrow{transition:transform .3s ease;transform:translateX(10px)}.navigation-container .secondary-text{color:#5c7096;font-family:apercu-pro,Verdana,Geneva,sans-serif}.menu-link img{width:24px;height:24px;position:relative}.menu-links-container{display:flex;flex-direction:column;background-color:#f5f5f5;position:relative;padding:10px}.menu-links-container:before{background:#003cb0;content:"";height:calc(100% - 20px);position:absolute;left:-8px;top:20px;width:8px}.listings-view h2{font-family:apercu-pro,Verdana,Geneva,sans-serif;color:#00215b;padding:30px 0 10px 0}.apartment-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.apartment-list .listing-item{display:flex;flex-direction:column;justify-content:flex-start;height:100%;flex:1 1 calc(33.33% - 16px);max-width:calc(33.33% - 16px);box-sizing:border-box}@media(max-width:1024px){.apartment-list .listing-item{flex:1 1 calc(50% - 16px);max-width:calc(50% - 16px)}}@media(max-width:610px){.apartment-list .listing-item{flex:1 1 100%;max-width:100%}}.listing-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.image-container{position:relative;overflow:hidden;height:200px}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.availability-badge{left:8px;background-color:#f66}.availability-badge,.status-badge{position:absolute;top:8px;color:#fff;padding:4px 8px;font-size:.8rem;border-radius:4px}.status-badge{right:8px;background-color:#e63946}.info{padding:12px}.info h3{font-size:1.1rem;margin:0}.price{font-size:1rem;font-weight:700;color:#1a73e8}.details{font-size:.9rem;color:#666}.about-view{display:flex;justify-content:space-between;padding:30px 20px;align-items:center}.about-view h1{color:#00215b}@media(min-width:1024px){.about-view h1{font-size:3rem}}.about-view p{color:#5c7096;font-size:1rem}@media(min-width:1024px){.about-view p{font-size:1.2rem}}.about-view #about-text{width:35vw}.about-view #about-image{width:45vw}@media(max-width:480px){.about-view #about-image{width:80vw}}@media(max-width:768px){.about-view{flex-direction:column;align-items:center;gap:20px}.about-view #about-image,.about-view #about-text{width:80vw;text-align:center}}.login-view{background-color:#0061cd}.login-view .error-message{color:red;margin-top:10px}.login-view .grid-container{display:flex;flex-direction:column;align-items:center;width:auto}.login-view .additional-info-container{margin:20px}.login-view .help-box a,.login-view h2,.login-view p{color:#fff}.login-view h2{align-self:flex-start;padding-left:20px}.login-view .login-container{height:auto;width:auto;background-color:#f5f5f5;margin:20px;padding:20px;align-items:flex-start}.login-view .login-container .login-form{width:100%;align-items:flex-start}.login-view .login-container label{color:#00215b;margin-bottom:10px;width:100%}.login-view .login-container input{margin-bottom:30px;padding:15px;height:auto;border:1px solid #e0e8f6;border-radius:2px;transition:border-color .15s ease-out}.login-view .login-container input:focus,.login-view .login-container input:hover{border-color:#0061cd;outline:none}.login-view .help-box{height:auto;width:auto;background-color:#003cb0;padding:30px}.login-view .help-box h1{margin:20px 0}.login-view .help-box a{color:#fff;margin-bottom:15px;font-size:1rem;text-decoration:none;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.login-view .help-box a:hover{color:#0061cd}.login-view .help-box a .arrow{margin-left:5px;transition:transform .3s ease}.login-view .help-box a:hover .arrow{transform:translateX(5px)}.login-view .qr-code-container{margin:20px 0}.login-view .qr-code-container img{width:100px}#login-button{display:flex;align-items:center;gap:8px;background-color:#f8badd;color:#00215b;border-radius:40px;padding:5px 10px;margin-right:20px}.settings-page{display:flex;flex-direction:column;height:100vh}.settings-page h1{margin-left:20px}.settings-page .menu-button{display:flex;align-items:center}.settings-page .menu-button .icon{padding:10px}.settings-page .header{display:flex;justify-content:flex-end;align-items:center;width:100%;background-color:#0061cd;color:#fff}.settings-page .content{text-align:start;padding-top:20px}.settings-page h2{font-size:1.2rem;color:#333;margin-bottom:1rem}.settings-page .button-group{margin:20px;display:flex;flex-direction:column;max-width:400px;gap:1rem}.settings-page .menu-wrapper{border:1px solid #a3c3e7;padding:20px}.settings-page .menu-wrapper:after{background:#003cb0;content:"";height:calc(100% - 20px);position:absolute;left:-8px;top:20px;width:8px}.settings-page .overlay{position:absolute;right:0;bottom:0;max-height:50vw;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.2);padding:20px;z-index:10}.account-info{text-align:left;margin-bottom:20px}.account-info .window-heading{display:flex;flex-direction:row;justify-content:space-between}.account-info h2{font-size:1rem;color:#333;margin-bottom:8px}.account-info p{margin:0;color:#666;font-size:.9rem}.account-info p.email{color:#0061cd;font-weight:700}.settings-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.settings-options .settings-link{display:flex;align-items:center;text-decoration:none;color:#333;padding:10px;border:1px solid #e0e0e0}.settings-options .settings-link .icon{margin-right:10px;font-size:1.2rem}.settings-options .settings-link:hover{background-color:#f0f0f0}.customer-service{text-align:left}.customer-service h2{font-size:1rem;color:#333;margin-bottom:8px}.apartment-page{display:flex;flex-direction:column;width:100%;box-sizing:border-box;align-items:center}.apartment-heading{width:100%;padding:1rem;text-align:start;box-sizing:border-box}.street-and-price{display:flex;justify-content:space-between}.apartment-heading h1{font-size:2rem;margin:0}.apartment-heading h2{font-size:1.5rem}.content-row{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;padding:1rem}.apartment-description{flex:3;padding:1rem;box-sizing:border-box}.description,.photos,.street-and-price-wrapper{margin-top:1rem;max-width:1200px}.vraag-antwoord{flex:1;box-sizing:border-box;border:1px solid #ddd;background-color:#fff;align-self:flex-start;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.accent-button{gap:8px;border-radius:40px;height:40px;padding:5px 10px;background-color:#85e3f9;color:#00215b}.accent-button,.icon-circle{display:flex;align-items:center}.icon-circle{justify-content:center;width:32px;height:32px;background-color:#fff;border-radius:50%}.icon-circle span svg{stroke:#00215b}.carousel{&[data-v-5117cc96]{display:flex;align-items:center;max-width:800px}img[data-v-5117cc96]{max-width:700px}}.qa-item[data-v-7151ee70]{margin-bottom:10px;border-bottom:1px solid #ccc;padding:10px 0}.question[data-v-7151ee70]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;color:#0061cd}.icon[data-v-7151ee70]{font-size:1.5rem}.answer[data-v-7151ee70]{color:#555;padding:10px 0}header[data-v-0791bc15]{background-color:#fff;display:flex;flex-direction:row}h3[data-v-0791bc15]{color:#0061cd}.reaction-container[data-v-72dea0aa]{background-color:#fff;box-sizing:border-box;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:4px;border:1px solid #ddd}.container-header[data-v-72dea0aa]{background-color:#0061cd;color:#fff;padding:20px}.container-body[data-v-72dea0aa]{padding:20px}p[data-v-72dea0aa]{margin-top:0}#income-button[data-v-72dea0aa]{color:#000;text-decoration:underline;margin-bottom:10px;padding:0}