/* Matched to the public Wix mobile response captured 2026-10-16.
   Wix's mobile canvas and viewport use a 320px design width. */
@media(max-width:700px){
  body{width:320px;min-width:320px;margin:0 auto}
  header,.header-inner{height:194px;width:320px}
  main,.footer-inner{width:320px}
  .logo{top:10px;left:75px;width:170px;height:170px}
  .menu-toggle{top:130px;left:264px;right:auto;width:50px;height:50px;padding:15px 14px;background:var(--navy);z-index:31;justify-content:space-between}
  .menu-toggle span{background:#fff;width:22px;height:2px;border-radius:2px;transition:transform .25s,opacity .25s}
  .menu-toggle[aria-expanded=true]{position:fixed;left:calc(50% + 104px);background:#191919}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(-45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(45deg)}
  nav{position:fixed;top:0;left:calc(50% - 160px);width:320px;height:100dvh;min-height:100vh;padding:80px 66px 40px 0;background:#191919;gap:10px;z-index:30;overflow-y:auto}
  nav>a,.nav-parent>a{width:254px;height:48px;min-height:48px;padding:0;border:0;border-radius:90px;background:transparent;color:#727272;font:20px/1.4 avenir-lt-w01_85-heavy1475544,sans-serif}
  nav>a.active,.nav-parent>a.active,nav>a:hover,.nav-parent>a:hover{background:transparent;color:#fff}
  .submenu-toggle{right:0;top:0;width:60px;height:48px;color:#727272;font-size:19px}
  .submenu{padding:0;background:transparent;text-align:center;box-shadow:none;min-width:0}
  .submenu a{height:auto;min-height:48px;padding:10px 8px;margin-top:25px;color:#727272;font:20px/1.4 avenir-lt-w01_85-heavy1475544,sans-serif;text-align:center}
  .submenu a:hover{background:transparent;color:white}
  .nav-parent:hover .submenu,.nav-parent:focus-within .submenu{display:none}
  .nav-parent.open .submenu{display:block}
  body.mobile-menu-open{overflow:hidden}
  .home{padding:20px 0 24px}
  .intro{width:280px;margin:0 20px}
  .cards{display:flex;flex-direction:column;gap:18px;margin:10px 0 0}
  .card,.card:first-child{width:320px;height:auto;min-height:0;padding:37px 20px 43px}
  .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .card-caption{position:relative;top:auto;left:auto;width:280px}
  .card-caption p:first-child,.card-caption p:first-child span{font-size:31px!important}
  .card-caption p:nth-child(2),.card-caption p:nth-child(2) span{font-size:18px!important}
  .card:first-child .card-caption p:nth-child(2)>span:last-child{font-size:14px!important}
  .page-title{width:280px;margin:0 20px 10px;padding-top:20px}
  .page-title .font_5{font-size:23px!important;line-height:1.4}
  .prose{width:280px;margin:0 20px}
  .prose ul{margin-left:10px}
  main:not(.home):not(.contact) .prose .font_7{font-size:20px!important;line-height:1.4}
  main:not(.home):not(.contact) .prose .font_6,main:not(.home):not(.contact) .prose .font_8{font-size:18px!important;line-height:1.4}
  .aankoop,.aankoop-standaard,.aankoop-op-lijfrente,.verhuur,.verkoop{padding-bottom:0}
  .contact{padding:20px 0 0;min-height:1181px}
  .contact .page-title{width:267px;height:24px;margin:0 0 20px 27px;padding:0}
  .contact .page-title .font_5{font-size:20px!important;line-height:24px}
  .contact .prose{width:232px;margin:0 0 0 27px}
  .contact form{width:265px;margin:24px 0 0 27px}
  .contact .field{margin-bottom:24px}
  footer,.footer-inner{height:87px;width:320px}
  footer h6{top:10px;left:45px;width:230px;text-align:center;font-size:14px;line-height:normal}
  .social{top:43px;left:129px;right:auto;gap:8px}
  .social a,.social img{width:27px;height:27px}
}