@charset "utf-8";

main {background-color: rgba(0,153,255,0.5);}
.colwol {display:flex; flex-wrap: wrap; width:100%;background-color: rgba(0,153,255,0.5);}
.wolcol {background-color: #FFF;text-align:left;color: #000;font-size:14px; flex: 0 0 40%;padding-left:8%;padding-right:2%}
.wolcol-1{background-color: #FFF;text-align:left;color: #000;font-size:14px; flex: 0 0 23.5%;margin:0.25%;padding-left:0.5%;padding-right:0.5%;}
.wolcol-2{background-color: #FFF;text-align:left;color: #000;font-size:14px; flex: 0 0 29.3333%;text-align:left;padding-left:2%;padding-right:2%;}
.img-wl, .img-c2 {width:100%;float:left;height:auto;padding-top:1%;}
h2.title2 {font-size: 16px; color: #FFF;}
h2.title, h3.title {font-size: 16px; color:#00C; text-align:center;}
.img-d {width:100%;height:auto;}
.img-w3 {width:49%;float:left;height:auto;padding-top:1%;padding-right:1%;padding-bottom:0.5%;}
.div-wol {float:left; width:97%;text-align:left;clear:none;padding-left:.25%; padding-right:.25%;border-color:#00C;border-style: solid;font-size:14px}
.div-wol ul {padding:0%;margin:0%;}
.div-wol li {display:inline-block;margin-right:1.5%;}

.col2 {display:grid; align-items: stretch; background-color: rgba(0,153,255,0.5); grid-template-columns: 19.95% 29.95% 19.95% 29.95%; padding-bottom:0.25%; padding-right:0.10%;}
.pair {display: grid; grid-template-columns: 19.95% 29.95%; align-items: stretch;}
.col2-image {background-color: #FFF;width:100%;margin-left:1%;padding-top:5%;padding-left:1%;}
.col2-tekst {background-color: #FFF;padding-left:2%;padding-right:2%;text-align:left;}
#myBtn-zvw{background-color:#FFF;font-size:14px;padding-left:5%;padding-right:5%;margin-right:2%;border-radius:12px;color:#00C;font-weight: bolder;margin-left:25%;border-style: groove;border-color: #09F;}

strong {font-size: 14px;}

@media only screen and (max-width: 600px) {
.colwol {display:flex; flex-wrap: wrap; width:100%;}
.wolcol {background-color: #FFF;text-align:left;color: #000;font-size:13px; flex: 0 0 96%;padding-left:2%;padding-right:2%;}
.wolcol-1, .wolcol-2 {background-color: #FFF;text-align:left;color: #000;flex: 0 0 97%;margin:0.5%;}
.img-w3 {width:49%;float:left;height:auto;padding-top:1%;padding-right:1%;}
.col2,.pair {grid-template-columns: 1fr;background-color: rgba(0,153,255,0.5);}
.col2-image {padding-left:0.5%; padding-right:0.5%;height:auto;background-color: #FFF; width:97%;padding-top:1%;margin-right:1%;}
.col2-tekst {margin-left:0.75%;margin-right:0.75%; margin-bottom: 0.75%;padding-left:1%; padding-right:1%;background-color: #FFF;}

 }
@media only screen and (min-width: 600px) and (max-width: 768px) {
.colwol {display:flex; flex-wrap: wrap; width:100%;}
.wolcol{flex: 0 0 48%;background-color: #FFF;color:black;font-size:12px;padding-left:1%;padding-right:1%}
.wolcol-1{flex: 0 0 48.5%;background-color: #FFF;color:black;font-size:12px;} 
.wolcol-2, .div-wol{font-size:13px;}
.img-w3 {width:49%;float:left;height:auto;padding-top:1%;padding-right:1%;padding-bottom:10%;}
.col2 {grid-template-columns: 40% 60%; background-color: rgba(0,153,255,0.5);}
.col2-image {height:auto; width:100%;background-color: #FFF;padding-top:7.5%;padding-left:1%;padding-right:1%;margin-bottom:0.50%;}
.col2-tekst {margin-right: 0.5%; margin-bottom:0.25%;padding-left:1%; padding-right:1%; background-color: #FFF;}

strong{font-size:13px;}
 
 }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.colwol {display:flex; flex-wrap: wrap; width:100%;}
.wolcol {background-color: #FFF;text-align:left;color: #000;font-size:14px; flex: 0 0 46%;padding-left:2%;padding-right:2%;}
.wolcol-1{flex: 0 0 47.5%;background-color: #FFF;color:black;font-size:14px;padding-left:1%;padding-right:1%;}
.img-w3 {width:49%;float:left;height:auto;padding-top:1%;padding-right:1%;padding-bottom:10%;}
 
.wolcol-2, .div-wol{font-size:12px;}
.col2 {grid-template-columns: 40% 60%; background-color: rgba(0,153,255,0.5);}
.col2-image {height:auto; width:100%;background-color: #FFF;padding-top:7.5%;padding-left:1%;padding-right:1%;margin-bottom:0.50%;}
.col2-tekst {margin-right: 0.5%; margin-bottom:0.25%;padding-left:1%; padding-right:1%; background-color: #FFF;}

 }
@media only screen and (min-width: 992px) { 
.wolcol-1{background-color: #FFF;text-align:left;color: #000;font-size:14px; flex: 0 0 23.5%;margin:0.25%;padding-left:0.5%;padding-right:0.5%;}
}