@charset "utf-8";
/* CSS Document */
.logo-img { width: clamp(20%, 60vw, 90%);   /* desktop klein, mobiel groot */ 
    height: auto; display: block; margin: 0 auto; max-width: 100%; }
/* CONTAINER – basis */
.bovenkant_scherm { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background-color: #FAF6F2;
text-align: center; }  
.whatsapp_logo { width: 25px; height: auto; margin-top: 10px; } 
.whatsapp_start { width: 50px; height: auto; position: fixed; top: 25px; right: 35px; z-index: 12;}
.bovenkant_scherm, .bovenkant_logo { 
    width: 100%; text-align: center; overflow: hidden; background-color: #FAF6F2; }
.bovenkant_scherm img, .bovenkant_logo img { display: block;  }

/*     voor TABLETS     */
@media only screen and (min-width: 451px) and (max-width: 750px) {
    .logo-img { width: clamp(25%, 50vw, 55%) }
    .whatsapp_start { width: 35px; top: 15px; right: 35px;}
    .bovenkant_scherm { padding-top: 8px; padding-bottom: 8px; }
}
/*     voor Samsung S23 telefoon      */
@media only screen and (min-width: 751px) and (max-width: 1000px)  { 
    .logo-img { width: clamp(45%, 65vw, 80%) } 
    .whatsapp_logo { width: 50px; height: auto; } 
    .whatsapp_start { width: 75px; top: 30px; right: 45px;}
    .bovenkant_scherm { padding-top: 15px; padding-bottom: 15px; }  }
@media only screen and (min-width: 1001px) and (max-width: 1199px)  { 
    .logo-img  { width: clamp(30%, 40vw, 60%) }
    .whatsapp_ { width: 25px; height: auto; }
    .bovenkant_scherm { padding-top: 10px; padding-bottom: 10px; }  }
@media only screen and (min-width: 1200px) and (max-width: 1350px) { 
    .logo-img { width: clamp(25%, 30vw, 70%) }
    .bovenkant_scherm { padding-top: 5px; padding-bottom: 5px; }  }
/*     voor Laptops      */
@media only screen and (min-width: 1351px) { 
    .logo-img { width: clamp(25%, 35vw, 70%) }
    .bovenkant_scherm { padding-top: 3px; padding-bottom: 3px; }  }
/*     voor schermen overdwars      */
@media only screen and (max-height: 750px) { .logo-img { width: clamp(20%, 30vw, 35%) } 
    .bovenkant_scherm { padding-top: 10px; padding-bottom: 10px; }  }
@media only screen and (min-width: 651px) and (max-width: 1200px) and (max-height: 850px) { 
    .logo-img { width: clamp(35%, 40vw, 70%) }
    .whatsapp_start { width: 45px; top: 25px; right: 35px;}
    .bovenkant_scherm { padding-top: 10px; padding-bottom: 10px; }
}