/*KANTKLAAR.CSS */

/* QR KANTKLAAR*/
.QrKantKlaar{
z-index:2;
position:relative;
float:right;
margin-right:15px;
top:15px;
width:90px;
height:90px;
background:url('../kantklaar-included/qr-kantklaar/qr-kantklaar.png') no-repeat
}
/* MEDIA */
@media only screen and (max-width:900px){.QrEetZeKantKlaar{display:none}}
@media only screen and (max-width:834px){.QrEetZeKantKlaar{display:none}}
@media only screen and (max-width:820px){.QrEetZeKantKlaar{display:none}}
@media only screen and (max-width:720px){.QrEetZeKantKlaar{display:none}}

/* QR EETZE MEERINFO*/
.KKMeerInfo{background-color:#F0F2F3;border-radius:15px;margin-top:10px;border:1px solid #c0c0c0;padding-top:5px}

/*BUTTON LEES MEER MINDER KANTKLAAR*/
.KKbuttonLeesMeer{font-size:1.0em;margin:5px 0 0 0;cursor:pointer;background-color:#dcdcdc;color:#000;height:30px;width:100%;border-radius:10px;border:0}

/* LEES MEER MINDER 1 t/m 11 VOOR KANTKLAAR PAGINAS*/
#kk-1, #kk-2, #kk-3, #kk-4, #kk-5, #kk-6, #kk-7, #kk-8, #kk-9, #kk-10, #kk-11 {display:none}

/*KANTKLAAR CONTAINER-3*/
.KANTKLAARcontainer-3{
margin-top:0;
margin-left:5px;
margin-right:5px;
font-size:0.9em;
display:grid;
grid-template-columns:repeat(3,1fr);
column-gap:1.0vw;
background-color:transparent
}
.KANTKLAARcontainer-3> div{cursor:default}
.KANTKLAARcontainer-3 img{width:40%;border-radius:10px;margin-left:auto;margin-right:auto;display:block;margin-bottom:5px}
.KANTKLAARcontainer-3 p{margin:0;padding:0 4px 0 4px}
.KANTKLAARcontainer-3 h1{margin:15px 0 5px 0;cursor:default}
.KANTKLAARcontainer-3 ul{margin:0;background-color:#F0F2F3;border-radius:0 0 15px 15px;padding:0 0 5px 5px;line-height:2.0em}
.KANTKLAARcontainer-3 li{line-height:1.3em;list-style-type:none}
/* MEDIA */
@media only screen and (max-width:1080px){.KANTKLAARcontainer-3{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width:1024px){.KANTKLAARcontainer-3{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width:834px){.KANTKLAARcontainer-3{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width:600px){.KANTKLAARcontainer-3{grid-template-columns:repeat(1,1fr)}}
@media only screen and (max-width:568px){.KANTKLAARcontainer-3{grid-template-columns:repeat(1,1fr)}}

.KANTKLAARcontainer-3 a:link,
.KANTKLAARcontainer-3 a:visited{color:#000;text-decoration:none}
.KANTKLAARcontainer-3 a:hover,
.KANTKLAARcontainer-3 a:active{color:#7AA10F;text-decoration:none}

.KANTKLAARcontainer-3 ul a:link,
.KANTKLAARcontainer-3 ul a:visited{color:red;text-decoration:none}
.KANTKLAARcontainer-3 ul a:hover,
.KANTKLAARcontainer-3 ul a:active{color:#000;text-decoration:none}

.KANTKLAARcontainer-3 hr{
border:0;
height:1px;
margin-top:8px;
margin-bottom:6px;
margin-left:-10px;
width:100%;
background:linear-gradient(to left, rgba(204,204,204,9), transparent)}


/*ZET LANDSCAPE OP MOBIEL OP KLEUR*/
/*Dit kan/mag hier staan omdat er geen POPUP.html is */
@media screen and (max-width: 896px) and (orientation: landscape){

html, body{
margin:0;
padding:0;
background:green;
height:100vh;
width:100vw;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

body::before{
content:"Deze website werkt alléén in portrait weergave.\A Draai je scherm a.u.b.";
color:white;
font-size:3.0rem;
text-align:center;
padding:1rem;
white-space:pre-line;
}

body *{
display:none !important;
}

}