div#popup_cotainer { background: #000000; border: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); font-family: 'Domine', Verdana; }

.popup-red { -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); border: none; }

.popup-red a { color: #fff; }

#popup_title { font-size: 20px; font-weight: normal; }
#popup_container {background:#5c2b76;}

h3 { margin-top: 0px; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 18px; color: #1D3281; }
.homebox h3 {margin-top: 0px;font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 18px;color: #000000;}

h4 { margin-top: 25px; }

input[type=text].srchbox { }

.srchbtn { background: transparent url("/images/1456948289_search.png") no-repeat scroll 5px center; }


a { color: #999; }
nav {width: 100% !important;text-align:center;display:inline-block;}

.slogan{width:100%;}
strong {color: #5c2b76;}
.purple strong {color:#fff;}

/* search */
.search .search-result-alt { }
.search h2 { font-size: 16px; color: #222222; }
.search-result, .search-result-alt { padding-left: 20px; color: #c1c1c1; }
.search-result .title span.ref, .search-result-alt .title span.ref { font-size: 9px; }
.search span.desc { padding-left: 15px; }
.search .paging { padding-left: 15px; }
.search .paging a { display: inline-block; padding: 5px; text-decoration: none; }
.search .paging a:hover, .search .paging a.active { text-decoration: underline; }
.search .paging a.active { color: #0094ff; }
#SearchString { vertical-align: top; display: inline-block; font-size: 12px; font-weight: 400; border: 0; width: 250px; height: 30px; margin: 0; border-radius: 0; padding: 0px 8px; border: 1px solid #CDD8FF; }

.search-btn { display: inline-block; border: 1px solid #1D3281; background-color: #1D3281; color: #fff; margin: 0; height: 32px; }

#SubmitSummaryDetailLoading { background: transparent url('/images/ajax-loader.gif') no-repeat left center; background-position-x: 5px; color: #404040; padding: 5px 22px 5px 30px; display: none; }

.floatmid { clear: both; float: none; margin-left: auto; margin-right: auto; }


#menuzord .menuzord-menu > li > a { padding: 7px 16px; border-bottom: solid 1px transparent; border-top: solid 1px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear; font-size: 14px; }


/* Menuzord props*/
#menuzord {padding: 0;background-color: transparent;text-align: center;float: none;display: inline-block;}
#menuzord .menuzord-menu {float: none;display: inline-block;}
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a, .menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a { color: #5C2B76; }


/*
Top-bottom boxed border Skin
*/

/* first level items */
#menuzord .menuzord-menu > li { padding: 25px 0; font-size: 20px; }

#menuzord .menuzord-menu > li > a { padding: 7px 16px 10px 16px; border-bottom: solid 1px transparent; border-top: solid 1px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear; font-family: Slim Joe; }

/* active/hover state (first level) */
#menuzord .menuzord-menu > li.active > a,
#menuzord .menuzord-menu > li:hover > a { border-color: #333; }

/* dropdown */
#menuzord .menuzord-menu ul.dropdown { top: 71px; }

#menuzord .menuzord-menu ul.dropdown li ul.dropdown { top: 0; }

/* megamenu */
#menuzord .menuzord-menu > li > .megamenu { top: 71px; }

/* form */
#menuzord .menuzord-menu > li.search form { padding: 2px 16px; }

/* color schemes */

/* purple */
#menuzord .menuzord.purple .menuzord-menu > li.active > a,
#menuzord .menuzord.purple .menuzord-menu > li:hover > a { border-color: #5C2B76; }


/* Mobile mode (Responsive mode) */
@media (max-width: 768px) {
    /* Menu items */
    .menuzord-responsive .menuzord-menu > li { padding: 0; }
    .menuzord-responsive .menuzord-menu > li > a { padding: 12px 20px !important; border-radius: 0; }

    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li a { border-color: #f0f0f0; }
}



.references > div:hover .referencetext { transition: ease-in-out 0.3s; opacity: 1; }
.references > div:hover .referencebackgroundarenting, 
.references > div:hover .referencebackgroundbelconfect,
 .references > div:hover .referencebackgroundcheckprocedure,
 .references > div:hover .referencebackgroundcaravanexpo,
 .references > div:hover .referencebackgroundazg,
 .references > div:hover .referencebackgroundflandrienhoeve,
 .references > div:hover .referencebackgrounddforce,
 .references > div:hover .referencebackgroundkshot,
 .references > div:hover .referencebackgroundlunchbarmellon,
 .references > div:hover .referencebackgroundleytensdiamonds,
 .references > div:hover .referencebackgroundred, 
.references > div:hover .referencebackgroundyellow, 
.references > div:hover .referencebackgroundgreen, 
.references > div:hover .referencebackgroundblue, 
.references > div:hover .referencebackgroundlightgrey, 
.references > div:hover .referencebackgroundorange, 
.references > div:hover .referencebackgroundpurple, 
.references > div:hover .referencebackgroundlime, 
.references > div:hover .referencebackgroundporscheblue { transition: ease-in-out 0.3s; opacity: 0.8; }

.references > div:hover .reftitle { transition: ease-in-out 0.3s; opacity: 0; }
.references > div > div { position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; transition: ease-in-out 0.3s; }
.referencetext { font-size: 14px; z-index: 10; padding: 5px; }
.referencetext > p { font-family: 'QuickSand', 'Open Sans', sans-serif; color: #fff; font-size: 14px; padding: 10px; }
.referencebackgroundarenting {z-index: 9;background-color: #5501b5;padding: 10px;}
.referencebackgroundbelconfect {z-index: 9;background-color: #f7b101;padding: 10px;}
.referencebackgroundcheckprocedure {z-index: 9;background-color: #fe4a01;padding: 10px;}
.referencebackgroundcaravanexpo {z-index: 9;background-color: #16a2a1;padding: 10px;}
.referencebackgroundazg{z-index: 9;background-color: #991d27;padding: 10px;}
.referencebackgroundflandrienhoeve {z-index: 9;background-color: #484814;padding: 10px;}
.referencebackgrounddforce {z-index: 9;background-color: #4284d2;padding: 10px;}
.referencebackgroundkshot {z-index: 9;background-color: #0b5578;padding: 10px;}
.referencebackgroundlunchbarmellon {z-index: 9;background-color: #98a225;padding: 10px;}
.referencebackgroundleytensdiamonds {z-index: 9;background-color: #351a13;padding: 10px;}
.referencebackgroundred { z-index: 9; background-color: #D22D58; padding: 10px; }
.referencebackgroundorange { z-index: 9; background-color: #A61F1B; padding: 10px; }
.referencebackgroundporscheblue { z-index: 9; background-color: #01459A; padding: 10px; }
.referencebackgroundlime { z-index: 8; background-color: #C3D020; padding: 10px; }
.referencebackgroundblue { z-index: 9; background-color: #7DC0EA; padding: 10px; }
.referencebackgroundgreen { z-index: 9; background-color: #637344; padding: 20px; }
.referencebackgroundlightgrey { z-index: 9; background-color: #DBDDEA; padding: 20px; }
.referencebackgroundpurple { z-index: 9; background-color: #7903F9; padding: 20px; }
.referencebackgroundyellow { z-index: 8; background-color: #FBB400; padding: 10px; }


.references { position: relative; margin: 5px 0px; cursor: pointer; }
.referencetitle { font-size: 25px; padding: 10px; font-family: Big John, 'Open Sans', sans-serif; color: #fff; }
.reftitle { font-size: 30px; padding: 5px; position: absolute; bottom: 10px; color: #fff; font-family: Big John, 'Open Sans', sans-serif; left: 10px; opacity: 1; transition: ease-in-out 0.3s; text-shadow: 1px 1px #909090; }

#subfooterbar {background-color: #5c2b76;/* height: 150px; */padding: 10px 10px;color: #fff;}

#footerbar { height: 30px; background-color: #fff; color: #282222; padding: 10px 10px; }


.refs .col-lg-1, .refs .col-lg-2, .refs .col-lg-3, .refs .col-lg-4, .refs .col-lg-5, .refs .col-lg-6, .refs .col-lg-7, .refs .col-lg-8, .refs .col-lg-9, .refs .col-lg-10, .refs .col-lg-11, .refs .col-lg-12, .refs .col-md-1, .refs .col-md-2, .refs .col-md-3, .refs .col-md-4, .refs .col-md-5, .refs .col-md-6, .refs .col-md-7, .refs .col-md-8, .refs .col-md-9, .refs .col-md-10, .refs .col-md-11, .refs .col-md-12, .refs .col-sm-1, .refs .col-sm-2, .refs .col-sm-3, .refs .col-sm-4, .refs .col-sm-5, .refs .col-sm-6, .refs .col-sm-7, .refs .col-sm-8, .refs .col-sm-9, .refs .col-sm-10, .refs .col-sm-11, .refs .col-sm-12, .refs .col-xs-1, .refs .col-xs-2, .refs .col-xs-3, .refs .col-xs-4, .refs .col-xs-5, .refs .col-xs-6, .refs .col-xs-7, .refs .col-xs-8, .refs .col-xs-9, .refs .col-xs-10, .refs .col-xs-11, .refs .col-xs-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.refs img { width: 100%; }

.wrapper { margin-top: 91px; background-color: #fff; }
header {width: 100%;margin-left: auto;margin-right: auto;}
.content { background-color: #fff; }

.bootstrapeditor-row-content { padding: 100px 0; }
.bootstrapeditor-row-content-xs { padding: 100px 0 50px 0; }

h1, h2, h4 { font-family: Big John, 'Open Sans', sans-serif; color: #5C2B76; margin-top: 0; }
h3, h5, h6 {font-family: 'Quick Sand', 'Open Sans', sans-serif;}
h2 {margin: 0;margin-bottom: 20px;}
.homebox h2 {margin: 0;margin-bottom: 20px;color: #000;}

.nextcase { text-align: center; }
.calltoaction { text-align: center;padding:50px; }

.center { text-align: center; }

.intro {width:75%; margin-left:auto;margin-right:auto;margin-bottom:80px;margin-top:50px;}

.space { margin-top: 100px; }

.white { background: #fff; }

.lightgrey { background: #e2e2e2; }

.purplebg { background: #5c2b76; color: #fff; }
.purplebg a { color: #fff; }
.purplebg h1 { color: #fff; }
.purplebg h2 { color: #fff; margin: 0; margin-bottom: 20px; }
.purplebg h3 { color: #fff; margin: 0; }
.purplebg h4 { color: #fff; margin-top:40px;margin-bottom: 10px; }

.sitebtn { background: #e2e2e2; width: 250px; clear: both; margin-left: auto; margin-right: auto; color: #333; text-align: center; margin-top: 30px; }
.sitebtn a { color: #333; display: inline-block; width: 100%; height: 100%; text-decoration: none; padding: 15px 30px; }
.sitebtn:hover { background: #5c2b76; color: #fff; }
.sitebtn:hover a { color: #fff; }

.lightgrey .sitebtn { background: #5c2b76; width: 250px; margin-left: auto; margin-right: auto; clear: both; color: #fff; text-align: center; margin-top: 30px; }
.lightgrey .sitebtn a { color: #fff; }
.lightgrey .sitebtn:hover { background: #ffffff; color: #5c2b76; }
.lightgrey .sitebtn:hover a { color: #5c2b76; }


.brands { /* margin-bottom:100px; */ }
.brand { cursor: pointer; position: relative; /* float: none; */ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ /* display: inline-block; */ /* border: #ccc 1px solid; */ /* width: 22%; */ margin-bottom: 25px; /* padding: 0; */ }
.brand:hover { filter: none; filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.swiper-container { margin-bottom: 0px; }
.swiper-container img { width: 90%; border: #ccc 1px solid; }

.subfooterleft h5, .subfooterleft h6 { font-family: Quicksand, 'Open Sans', sans-serif; color: #fff; }

.subfooterright a { color: #fff;}
#subfooterbar ul {padding-left:0;}
#subfooterbar li {list-style-type:none;}

.subscribeinput {font-family: Quicksand, 'Open Sans', sans-serif;color: #272727;margin: 3px 0;padding: 3px 10px;}

.flexbutton { font-family: Quicksand, 'Open Sans', sans-serif; color: #272727; }

.social-icons > ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; display: inline-block; width: 92px; text-align: right; }
.social-media-icon { width: 40px; height: 40px; text-indent: -9999px; background-color: #fafafa; border: 1px solid #f3f3f3; display: inline-block; margin: 10px 2px 5px 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; float: left; background-repeat: no-repeat; background-position: 0 -40px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-icons .facebook-icon { background-image: url(/images/social-media-facebook.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; }
.social-icons .linkedin-icon { background-image: url(/images/social-media-linkedIn.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; }
.social-icons .linkedin-icon:hover { background-color: #71b2d0; border: 1px solid #4b9dc3; }
.social-icons .facebook-icon:hover { background-color: #3b5998; border: 1px solid #2d4373; }
.socialmedia { text-align: center; }


/* diensten */
.layout-col-2 { float: left; cursor: pointer; position: relative; height: 715px; margin-top: 50px; text-align: center; }
.layout-col-3 { float: left; cursor: pointer; position: relative; height: 715px; margin-top: 50px; text-align: center; border-left: #ccc dotted 1px; }
.layout-col-4 { position: absolute; margin-top: 50%; cursor: pointer; top: -249px; margin-left: 50%; border: 1px dotted #9097a1; background: #5c2b76; text-align: center; padding: 30px; width: 200px; left: -100px; }
.imgicontjes, .websiteicons img, .middenrij1 img, .middenrij2 img, .rechtsrij1 img, .rechtsrij2 img { /* height: 60px; */ margin-bottom: 30px; margin-top: 20px; }
.middenrij1 { /* height: 285px; */ /* margin-bottom: 60px; */ /* margin-top: 30px; */ padding-bottom: 70px; margin-left: 60px; border-bottom: 1px dotted #ccc; /* border-right: 1px dotted #9097a1; */ }
.middenrij2 { /* height: 225px; */ padding-top: 30px; margin-left: 60px; /* border-right: 1px dotted #9097a1; */ }
.rechtsrij1 { /* height: 285px; */ /* margin-top: 30px; */ margin-right: 60px; padding-bottom: 70px; border-bottom: 1px dotted #ccc; }
.contactcenter h3 { color: #ffffff; }
.rechtsrij2 { /* height: 255px; */ padding-top: 30px; margin-right: 60px; }

.parallax { background-attachment: fixed; background-repeat: no-repeat; background-position-y: 91px; padding: 0; background-size: cover; height: 500px; width: 100%; background-position: 100% 100%; }
.parallax-mh { background-image: url("https://wms.flexious.be/editor/plugins/imagemanager/content/2128/cases/matisseandhenri.jpg"); }
.parallaxrow { margin-right: -15px; margin-left: -15px; padding: 0; }

.homeintro { width: 75%; margin-left: auto; margin-right: auto; margin-top: 30px; }

.newsletter-btn { background: #fff; color: #5c2b76; border: none; padding: 3px 10px; }
.newsletter-btn:hover { background: #333; color: #fff; }

.websiteicons {text-align:center;}
.websiteicons .homeintro {margin-bottom:80px;}
.websiteicons .homeintro .iconknop {margin-bottom:80px;width: 165px;text-align: center;margin-left: auto;margin-right: auto;background: #e2e2e2;margin-top: 15px;color: #5c2b76;}
.websiteicons .homeintro .iconknop a{display:block;padding: 7px 15px;color: #5c2b76;}
.websiteicons .homeintro .iconknop a:hover { background: #5c2b76; color: #fff; }

.white .iconknop2 {margin-bottom:80px;width: 165px;text-align: center;margin-left: auto;margin-right: auto;background: #e2e2e2;margin-top: 15px;color: #5c2b76;}
.white .iconknop2 a{display:block;padding: 7px 15px;color: #5c2b76;}
.white .iconknop2 a:hover { background: #5c2b76; color: #fff; }

.lightgrey .iconknop2 {margin-bottom:80px;width: 165px;text-align: center;margin-left: auto;margin-right: auto;background: #fff;margin-top: 15px;color: #5c2b76;}
.lightgrey .iconknop2 a{display:block;padding: 7px 15px;color: #5c2b76;}
.lightgrey .iconknop2 a:hover { background: #5c2b76; color: #fff; }

.purple .iconknop {margin-top:20px;text-align: center;margin-left: auto;background: #5c2b76;margin-top: 15px;color: #5c2b76;width:220px;}
.purple .iconknop a{display:block;padding: 7px 15px;color: #ffffff;}
.purple .iconknop a:hover { background: #ffffff; color: #5c2b76; }

.lightgrey .iconknop {margin-top:20px;text-align: center;margin-left: auto;background: #5c2b76;margin-top: 15px;color: #5c2b76;width:220px;}
.lightgrey .iconknop a{display:block;padding: 7px 15px;color: #ffffff;}
.lightgrey .iconknop a:hover { background: #ffffff; color: #5c2b76; }

.purplebar {background:#5c2b76;height:20px;}
.bannerimage img{width:100%;margin-bottom:100px;}
.casebannerimage img{width:100%;}

input[type=text], input[type=email], textarea { border: 1px solid #ccc; border-radius: 4px; padding: 4px 8px; width: 200px; max-width: 100%; }
textarea { width: 100%; }
input[type=submit] {background-color: #5c2b76;color: #fff;padding: 10px 30px;border: none;}
    input[type=submit]:hover { background-color: #e2e2e2; color: #333; }
h3{color:#2d2d2d;}
.center {text-align:center;}
.homebox {padding:20px;height:350px;margin: 15px 0;}
.homebox .fa {font-size: 80px;padding: 20px 0;}
.informatie {}
.informatie .fa {font-size:100px; margin-top:100px;color:#c31419;}
.knopje { font-size:20px; text-align:right;bottom:30px;position:absolute; right:30px;}
.knopje .fa { font-size:15px;}
.knopje a {color:#000;font-size: 16px;}
.red .knopje a , .darkgrey .knopje a {color:#fff;}
.orange {color: #f29b30;}
.video {background: #000;text-align: center;}
.green {color: #96ca2d;}
.purple {color: #5c2b76;}
.blue {color: #3498db;}
.yellow {color: #fff48a;}
.black { background: #333;}
.grey {color: #555;}
.darkblue {color: #4d7d9c;}
.darkgreen {color: #249a22;}
.red {color: #c31419;}
.textred {color:#c31419;font-weight:bold; font-size:20px}
.darkgrey {background: transparent url('/images/wmi-bg-red.jpg') center center;color: #fff;}
.deelnemers h1{border-bottom:#c31419 3px solid;margin-top:100px;margin-bottom: 10px;}
.deelnemersnaam {font-weight:bold;color:#c31419;font-size: 20px;}
.deelnemerswat {height:50px;}
.deelnemerstekst{}
.inschrijving h2{margin-top:100px;font-weight: bold;color:#c31419;}
.inschrijving h3{border-bottom:#c31419 3px solid; }
.inschrijving input[type=textbox] {width:300px;margin-bottom: 3px;}
.inschrijving .col-lg-12 {margin-bottom:20px;}
.inschrijving .intro {width:75%;float:none;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:50px;}
.flexbutton {width:200px;background: #5c2b76;color:#fff;padding:10px;margin-top:30px;}
.foto {margin-top: 50px;margin-bottom:40px;}
.editie {margin-top:50px; text-align:center;}

.prijs h1,.dienst h1{color:#000;text-align:center;margin-top: 60px;margin-bottom: 30px;}
.prijs h2{text-align: center;font-weight: 400;margin-bottom: 20px;margin-top: 20px;}
.prijs .totalen{text-align:center;position: fixed;right: 0;bottom:50%;background: #FC3A3A;color: #fff;padding: 20px;max-width: 200px;transform:translateY(50%)}
.prijs .totalen h2{color:#fff;margin-top:0px;}
.prijs p span {font-size: 30px;font-weight:bold;line-height: 30px;}
.prijs p .of {font-size:20px; font-weight:bold;border-top:#fff 3px solid;border-bottom:#fff 3px solid;}
.sameheight{display: flex;flex-wrap: wrap;justify-content: center;}
.introprijs{margin-left: auto; margin-right:auto; padding-left:15px; padding-right:15px;}
.infoprijs{padding-bottom:20px;}
.infopopup{position:relative;}
.infopopup i {color: #5c2b76;margin-left: 3px;}
/*.infopopup i:focus+.infotooltip, .infopopup i:hover+.infotooltip {opacity: 1;visibility: visible;}*/
.infotooltip{
    position: absolute;top: 50px;left: 50%;
    -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;width: 220px;font-weight: 300;line-height: 1.1;
    font-size: 14px;text-align: left;z-index: 10;background: #fff;border: 1px solid #5c2b76;border-radius: 4px;margin-top: -15px;padding: 10px 15px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.keuze{margin-bottom: 30px;margin-top:30px;line-height:18px;font-size: 18px;font-weight: 500;text-align: center;}
.keuzesubtitel {font-size:13px;line-height:10px;}
.prijsicon{display:block;}
.logoinside{height: 0;padding-bottom: 100%;position: relative;border-radius: 35px;margin-bottom: 15px;transition: all .3s;display: block;}
.con{border: 2px solid #03FCD2;}
.soc{border: 2px solid #FF7B22;}
.web{border: 2px solid #F9EB0F;}
.pub{border: 2px solid #DD3C3C;}
.extra{border: 2px solid #DD3C3C;}
.logokeuze{position: absolute;left: 50%;top: 50%;max-width: 85px;max-height: 85px;width: auto;height: auto;transform: translate(-50%,-50%);}
.keuze input[type=checkbox] {display: none;}
.keuze input[type=checkbox]:checked+.prijsicon .con{background:#12C6a3;}
.keuze input[type=checkbox]:checked+.prijsicon .soc{background:#C66422;}
.keuze input[type=checkbox]:checked+.prijsicon .web{background:#C4AE10;}
.keuze input[type=checkbox]:checked+.prijsicon .pub{background: #ffc3c3;}
.keuze input[type=checkbox]:checked+.prijsicon .extra{background: #ffc3c3;}
.con:hover{box-shadow: 0px 0px 15px -5px #12c6a3;}
.soc:hover{box-shadow: 0px 0px 15px -5px #C66422;}
.web:hover{box-shadow: 0px 0px 15px -5px #C4AE10;}
.pub:hover{box-shadow: 0px 0px 15px -5px #DD3C3C;}
.extra:hover{box-shadow: 0px 0px 15px -5px #DD3C3C;}

/*.keuze input[type=checkbox]:checked+.prijsicon .logoinside img,.logoinside:hover img{filter:brightness(0) invert(1);}*/
.switchme {display:none;}
.logo {text-align:center;}