header{background-color:#f6f0f0}header .header-title,header .header-title:visited{color:#4a086b;place-content:center;text-decoration:none}header .header-hamburger-menu .hamburger-dash{background-color:#4a086b;width:3rem;height:.5rem}header nav ul{list-style:none}main .main-auction .main-auction-card{background:#e8daef;transition:all .3s ease-out;box-shadow:2px 2px 4px #2f363d}main .main-auction .main-auction-card img{width:100%}main .main-auction .main-auction-card:hover{background-color:#4a086b}main .main-make-auction{justify-content:center;display:flex}main .main-make-auction a{background-color:#4a086b;border-radius:10px;padding:1rem 2rem;transition:all .3s ease-out}main .main-make-auction a:hover{color:#4a086b;background-color:#f6f0f0}main .main-scroll-gallery .main-scroll-gallery-collection{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;width:100%;padding:1rem 0;overflow:auto hidden}main .main-scroll-gallery .main-scroll-gallery-image{scroll-snap-align:start;flex:none;width:80vw;max-width:45rem}main .main-scroll-gallery .main-scroll-gallery-image img{width:100%;height:auto;display:block}main .main-scroll-gallery .main-scroll-gallery-image span{text-align:center;margin-top:.5rem;display:block}main .main-search{border:5px solid #4a086b;border-radius:5rem}main .main-search h2{padding-bottom:2rem}main .main-search form .property-search-field input,main .main-search form .property-search-field select{width:100%;height:2rem}main .main-search form .toggle-group label{cursor:pointer;background-color:#f6f0f0;border:3px solid #4a086b;border-radius:16px;transition:all .3s}main .main-search form .toggle-group input[type=radio]:checked+label{color:#f6f0f0;background-color:#4a086b;border-color:#4a086b}main .main-search form button{background-color:#4a086b;width:5rem;height:2.7rem;margin-inline:auto}main .main-cards{width:100vw}main .main-cards .main-card-huis{background-color:#f6f0f0;border-bottom:5px solid #4a086b}main .main-cards .main-card-huis img{object-fit:cover;object-position:center;width:100%;height:15rem}main .main-form form{border:5px solid #4a086b;border-radius:3rem}main .main-form form .form-input-field input{width:100%}main .main-form form .form-huizen-radio-buttons #form-fieldset-houses input[type=radio]{display:none}main .main-form form .form-huizen-radio-buttons #form-fieldset-houses label{cursor:pointer;background-color:#f6f0f0;border:3px solid #4a086b;border-radius:16px;transition:all .3s;display:block}main .main-form form .form-huizen-radio-buttons #form-fieldset-houses input[type=radio]:checked+label{color:#f6f0f0;background-color:#4a086b;border-color:#4a086b}main .main-form form .form-huizen-radio-buttons #form-fieldset-houses .main-card-huis{padding:1rem}main .main-form form #btn-submit{color:#f6f0f0;background-color:#4a086b;width:5rem;height:3rem}footer{background-color:#f6f0f0}footer .footer-nav ul{list-style:none}@media screen and (min-width:780px){header .header-nav ul li a{background-color:#0000;border-radius:15px;transition:all .2s ease-out}header .header-nav ul li a:hover{background-color:#4a086b}main .main-scroll-gallery{width:100vw;height:60rem}main .main-scroll-gallery .main-scroll-gallery-collection{width:100vw;height:100%}main .main-scroll-gallery .main-scroll-gallery-image{text-wrap:balance;width:100%;height:100%}main .main-scroll-gallery .main-scroll-gallery-image img{object-fit:cover;width:100%;height:100%}main .main-scroll-gallery .main-scroll-gallery-image span{white-space:nowrap;transform:rotate(-90deg)}main .main-search form .toggle-group label{text-align:center}}header{place-content:center space-between;min-height:12rem;padding:2rem;display:flex;position:relative}header .header-hamburger-menu{cursor:pointer;flex-direction:column;place-content:center;gap:.3rem;display:flex}header .header-nav{z-index:1000;background-color:#fff;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px #0000001a}header .header-nav[aria-hidden=false]{display:block}header .header-nav ul{margin:0;padding:1rem 0;list-style:none}header .header-nav li{padding:0}header .header-nav a{padding:.75rem 2rem;text-decoration:none;transition:background-color .2s;display:block}header .header-nav a:hover{background-color:#0000000d}main .main-auction{flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:3rem;display:flex}main .main-auction .main-auction-card{flex-direction:column;padding-bottom:2rem;display:flex;position:relative}main .main-auction .main-auction-card h2{margin:1rem 2rem 0}main .main-auction .main-auction-card p{margin:0 2rem}main .main-auction .main-auction-card a{width:100%;height:100%;position:absolute;top:0;left:0}main .main-auction .main-auction-card img{order:-1}main .main-scroll-gallery{flex-direction:column;width:100%;padding-block:3rem;display:flex;overflow:hidden}main .main-scroll-gallery h1{text-align:center}main .main-scroll-gallery .main-scroll-gallery-collection{gap:3rem;margin-inline:2rem;padding-right:10rem;display:flex}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image{width:17rem;position:relative}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image a{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image span{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}main .main-form{flex-direction:column;gap:2rem;margin:3rem;display:flex}main .main-form .user-avatar{justify-content:center;display:flex}main .main-form .user-avatar img{width:5rem}main .main-form form{flex-direction:column;gap:1rem;padding:2rem;display:flex}main .main-form form label{flex-direction:column;display:flex}main .main-search{flex-direction:column;margin:2rem;padding:3rem 2rem;display:flex}main .main-search h2{text-align:center}main .main-search .register-form{margin:2rem 0}main .main-search .register-form h1{text-align:center;margin:2rem 0}main .main-search form{flex-direction:column;gap:2rem;display:flex}main .main-search form .property-search-field{flex-direction:column;display:flex}main .main-search form .toggle-group{gap:1rem;display:flex}main .main-search form .toggle-group input[type=radio]{display:none}main .main-search form .toggle-group label{padding:1rem}main .main-search form .register-div label{flex-direction:column;display:flex}main .main-search form .register-dive{text-align:center}main .main-search form .register-dive button{text-align:center;border-radius:8px;width:100%;max-width:15rem}main .main-search form .register-dive button:hover{opacity:.8;cursor:pointer;transition:all .3s}main .main-search form .formblock{padding:.5rem 0}main .main-search form .formblock h3{margin-bottom:1.1rem}main .main-search form .formblock-flex{flex-flow:wrap;gap:1rem;display:flex}main .main-search form .formblock-flex .register-div{flex:300px}main .main-search form .formblock-flex .register-div input{width:100%;padding:.5rem}main .main-search form .formblock-flex .register-div input:focus{outline:none}main .main-search form .formblock-flex .register-div textarea{resize:vertical;border-radius:4px;width:100%;min-height:120px;padding:.6rem}main .main-search form .formblock-flex .register-div textarea:focus{outline:none}main .main-search form .formblock-flex .register-div input[type=date]{padding:.5rem}main .main-search form .formblock-flex .register-div select{border-radius:4px;padding:.65rem;font-size:.9rem}main .main-search form .formblock-flex .register-div select select:focus{outline:none}main .main-cards{flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-block-end:5rem;padding:2rem;display:flex}main .main-cards h2{text-align:center}main .main-cards .main-card-huis{flex-direction:column;width:100%;padding:1rem;display:flex}main .main-cards .main-card-huis img{order:-1}main .cards{flex-wrap:wrap;gap:16px;display:flex}main .cards .carde{margin:2rem 0}main .cards .carde .card{border-radius:8px;flex-direction:column;flex:300px;min-width:300px;max-width:395px;display:flex}main .cards .carde .card a{cursor:pointer;text-decoration:none;transition:all .35s}main .cards .carde .card a:hover{opacity:.7}main .cards .carde .card .card-header{margin-bottom:12px;font-size:1.5em;font-weight:700}main .cards .carde .card .card-header img{width:100%}main .cards .carde .card .card-header i{cursor:pointer;font-size:1.5rem;position:absolute;top:30px;right:30px}main .cards .carde .card .cardabout{flex-direction:column;flex:1;height:350px;padding:16px;display:flex}main .cards .carde .card .location{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}main .cards .carde .card .carddetails{flex:1;margin-bottom:12px}main .cards .carde .card .carddetails h2{text-align:left;margin-bottom:8px;font-size:1.25em}main .cards .carde .card .carddetails p{margin-bottom:8px;font-size:1em}main .cards .carde .card .carddetails .price{font-size:1.2em;font-weight:700}main .cards .carde .cardflex{justify-content:space-between;margin-top:auto;padding:16px;display:flex}main .cards .carde .cardflex .card-icon{align-items:center;font-size:1em;display:flex}main .main-dashboard{flex-direction:column;place-content:center;gap:2rem;margin:3rem 2rem;display:flex}main .main-dashboard .main-dashboard-operations ul{flex-wrap:wrap;gap:2rem;display:flex}main .main-dashboard .main-dashboard-operations ul li{list-style:none}main .main-dashboard .main-dashboard-info{display:flex}@media (max-width:480px){.cards .carde,.cards .card{min-width:100%;max-width:100%}}footer .footer-container{flex-direction:column;gap:1rem;margin:0 1rem;display:flex}footer .footer-container .footer-brand{width:20rem;padding:1rem}footer .footer-container .footer-nav,footer .footer-container .footer-contact{padding:1rem}footer .footer-container .footer-bottom{padding:2rem}@media screen and (min-width:780px){header{padding:0 10rem}header .header-hamburger-menu,header .header-hamburger-menu .hamburger-dash{display:none}header .header-nav{box-shadow:none;background-color:#0000;display:flex;position:static}header .header-nav ul{flex-direction:row;gap:2rem;display:flex}header .header-nav ul li{justify-content:center;align-items:center;display:flex}header .header-nav ul li a{text-align:center}main{flex-direction:column;align-items:center;padding:0 10rem;display:flex}main .main-scroll-gallery{width:100%;max-width:100%;height:100%;margin-top:5rem;overflow:visible}main .main-scroll-gallery h1{margin-bottom:3rem}main .main-scroll-gallery .main-scroll-gallery-collection{grid-template-rows:auto auto;grid-template-columns:repeat(8,1fr);gap:2rem 3rem;max-width:100%;height:100%;margin-inline:0;padding-right:0;display:grid}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:first-child{grid-column:1/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:nth-child(2){grid-column:3/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:nth-child(3){grid-column:5/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:nth-child(4){grid-column:7/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:nth-child(5){grid-area:2/2/auto/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:nth-child(6){grid-column:4/span 2}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image:last-child{grid-column:6/span 2}main .main-search{justify-content:center;align-items:center}main .main-search .property-search{grid-template-columns:1fr 1fr;display:grid}main .main-search .property-search .toggle-group{padding-top:2.3rem}main .main-search .property-search .property-search-btn{grid-column:span 2}main .main-cards{max-width:100%;display:flex}main .main-cards h2{grid-column:1/span 3}main .main-auction{grid-template-rows:1fr 2fr;grid-template-columns:1fr 1fr 1fr;margin-block-end:3rem;display:grid}main .main-auction h1{text-align:center;grid-column:1/span 3}main .main-form{width:100%}main .main-form #auction-aanmaken{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;display:grid}main .main-form #auction-aanmaken .error-summary,main .main-form #auction-aanmaken .form-huizen-radio-buttons,main .main-form #auction-aanmaken #btn-submit{grid-column:1/span 2}main .main-form #auction-aanmaken #btn-submit{place-self:center}main .main-form #auction-aanmaken fieldset #form-fieldset-houses{grid-template-rows:repeat(2,auto);grid-template-columns:1fr 1fr;display:grid}footer .footer-container{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;padding-top:5rem;display:grid}footer .footer-container .footer-brand{grid-column:1/1}footer .footer-container .footer-nav{grid-area:1/2}footer .footer-container .footer-contact{grid-area:1/3}footer .footer-container .footer-bottom{grid-area:2/2}}*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}ul{padding:0}fieldset{margin:0;padding:0}a{font-size:1.2rem;text-decoration:none}h1{color:#4a086b;font-size:2.3rem}h2{color:#4a086b;font-size:1.8rem}h3{color:#4a086b;font-size:1.5rem}h4{font-size:1.5rem}p{font-size:1.2rem}header .header-title{font-size:3rem}main .main-make-auction a{color:#f6f0f0}main .main-scroll-gallery-image span{color:#f6f0f0;font-size:3rem}main form .error-summary h2,main form .error-summary ul li,main form .form-input-field label .field-error{color:red}main form label,main form select,main form input{color:#4a086b;font-size:1.2rem}main form .property-search-btn span{color:#f6f0f0;font-size:1.5rem}main .main-auction .main-auction-card h2,main .main-auction .main-auction-card p{transition:all .3s ease-out}main .main-auction .main-auction-card:hover h2,main .main-auction .main-auction-card:hover p{color:#f6f0f0}main .main-form h1{text-align:center;font-size:2rem}main .main-form form .form-huizen-radio-buttons fieldset legend .field-label{color:#4a086b}.cards{flex-wrap:wrap;gap:16px;display:flex}.cards .carde{background-color:#e8daef;border-radius:8px}.cards .carde .card-header{position:relative}.cards .carde .card-header i{color:#dfe5e6;cursor:pointer;font-size:1.5rem}.cards .carde .card-header i:hover{color:#f6f0f0}.cards .carde .card-header i:active{color:#4a086b}.cards .carde .location{color:#dfe5e6;font-size:1rem}.cards .carde .carddetails{color:#f6f0f0}.cards .carde .carddetails .price{color:#2ecc71}.cards .carde .cardflex{color:#f6f0f0;background-color:#4a086b}footer .footer-container .footer-brand a{color:#2f363d;font-size:2rem}footer .footer-container .footer-nav ul a{color:#2f363d}footer .footer-container .footer-brand a:visited{color:#2f363d;font-size:2rem}@media screen and (min-width:780px){header .header-nav ul li a,header .header-nav ul li a:visited{color:#4a086b;font-size:1.5rem;transition:all .2s ease-out}header .header-nav ul li a:hover{color:#f6f0f0}main .main-scroll-gallery h1{font-size:5rem}main .main-scroll-gallery .main-scroll-gallery-collection .main-scroll-gallery-image span{font-size:2rem}main .main-cards h2,main .main-form h1{font-size:3rem}}
