*{font-family:'SegoeUINormal','Segoe UI',system-ui,-apple-system,sans-serif;}
html,body{height:100%;}

body{
    background:#fff url('../images/annigje-schaar.jpg') no-repeat center top fixed;
    background-size:100% auto;
    font-size:clamp(14px, 1.8vw, 18px);
}

a{color:#00adef;}
a:hover{color:#008fc4;}

h1{font-size:clamp(1.3rem, 2.2vw, 1.8rem);color:#00adef;}
h2{font-size:clamp(1.2rem, 2vw, 1.6rem);}
h3{font-size:clamp(1.1rem, 1.8vw, 1.4rem);}
h4{font-size:clamp(1rem, 1.6vw, 1.2rem);}
h1,h2,h3,h4,h5,h6,p{line-height:1.45;}

.btn-annigje{background:#00adef;color:#fff;}
.btn-annigje:hover{background:#4d4d4d;color:#fff;}

.navbar-brand{padding:0.5rem 0;}
.navbar-brand img{height:45px;width:auto;}
.navbar{background:transparent !important;border:0 !important;}

.navbar .nav-link{color:#333;font-size:1rem;padding:0.5rem 1rem !important;border-radius:4px;}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff;background:#00adef;}
.navbar .nav-link.active,.navbar .nav-link.active:hover{color:#fff;background:rgba(0,0,0,0.7);}

.annigje-buiten{
    background-color:rgba(0,0,0,0.7);
    border-radius:15px;
    padding-bottom:15px;
    margin-top:0;
    overflow:hidden;
}

.annigje-binnen{
    background-color:#fff;
    border-radius:6px;
    margin:15px 2px 0;
    padding:20px;
}

.strak{margin-top:0;}
.max150{max-width:150px;}

.bg-annigje{
    background:url('../images/annigje-salon-aan-huis-foto.png') no-repeat center center;
    background-size:cover;
    width:100%;
    padding-bottom:132%;
    border-radius:6px;
}

#map{height:100%;min-height:350px;width:100%;}

footer{margin-top:20px;}

@media(max-width:767px){
    body{background-size:auto 40vh;background-position:center 80px;}
    .navbar .nav-link{padding:0.4rem 0.75rem !important;font-size:0.95rem;}
}