@charset "utf-8";
 html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
overflow-x: hidden;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-size: 17px; line-height: 1.5; color: #434343; background-color: #fafafa; margin: 0; padding: 0; text-align: left; box-sizing: border-box;
}
p, .p {margin: 0px;}
@keyframes float-subtle {
0%   { transform: translate(0, 0); }
25%  { transform: translate(2px, -2px); }
50%  { transform: translate(0px, 2px); }
75%  { transform: translate(-2px, -1px); }
100% { transform: translate(0, 0); }
}
.image-float {
animation: float-subtle 3s ease-in-out infinite;
}
.header {	position: relative;
width: 100%;
max-width: 1920px;
border: none;
z-index: 0;
margin: 0 auto;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
H1, .H1 {font-size: 120%!important; padding: 0px!important; line-height: 1.0!important;}
.bydttt {
background-image: url(//www.dexs.me/wp-content/themes/dexs-theme/images/bydttt-12.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
width: 100%;
}
.bydttt-intro {margin: 0 auto; position: relative;
width: 100%;
max-width: 1280px;
border: none;
Padding: 10% 5% 5% 5%;
color: #cccccc;
}
.bydttt-namen {width: 80%; line-height: 180%;  }
a, a:hover, a:focus, a:active {
text-decoration: none!important;
color: inherit!important;
}
.textalignleft {text-align: left;}
video {
width: 100%;
height: auto;
}
.ribbonhome {width: 100%;  margin: 0 auto; background-color: #303D40!important;}
#ribbon {background-color: #303D40!important; width: 100%; margin: 0 auto; max-width: 1920px;}
.paddingcontact {padding: 50px 0 0 0px!important;} .clients-logo-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
} .clients-logo-card {
position: relative;
overflow: hidden;
background: #FFFFFF;
min-height: 360px;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .clients-logo-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0,0,0,0.12);
} .clients-logo-card-image {
width: 100%;
height: 100%;
}
.clients-logo-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
} .clients-logo-card:hover .clients-logo-card-image img {
transform: scale(1.06);
cursor: default!important;
} .clients-logo-overlay {
position: absolute;
left: -5px;
bottom: 45px;
background: #FFFFFF;
backdrop-filter: blur(6px);
padding: 4px;
max-width: 240px;
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
transition: all 0.3s ease;
} .clients-logo-overlay img {
display: block;
width: 100%;
height: auto;
} .clients-logo-card:hover .clients-logo-overlay {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}
.clients-logo-card:nth-child(3n) {
grid-column: span 2;
}
@media (max-width: 768px) {
.clients-logo-grid {
grid-template-columns: 1fr;
gap: 24px 0;
margin-bottom: 24px;
}
.clients-logo-card {
min-height: 280px;
}
}
.buttonknopklein {  
margin: 0;
align-items: center;
background-color: #01AB5A;
border: 0;
font-family: 'Domine', 'Arial', cursive, sans-serif;
border-radius: 45px;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-size: 16px;
font-weight: 600;
justify-content: center;
max-width: 680px;
min-height: 0px;
min-width: 0px;
overflow: hidden;
padding: 10px 20px 10px 20px;
text-align: center;
touch-action: manipulation;
transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
user-select: none;
-webkit-user-select: none;
vertical-align: middle;
}
.buttonknopklein:hover,
.buttonknopklein:focus { 
background-color: #16437E;
color: #ffffff;
}
.buttonknopklein:active {
background: #09223b;
color: rgb(255, 255, 255, .7);
}
.buttonknopklein:disabled { 
cursor: not-allowed;
background: rgba(0, 0, 0, .08);
color: rgba(0, 0, 0, .3);
}
.buttonknop {
margin: 25px 0;
align-items: center;
background-color: #01AB5A;
border: 0;
font-family: 'Domine', 'Arial', cursive, sans-serif;
letter-spacing: 0.10em;
border-radius: 100px;
box-sizing: border-box;
color: #ffffff;
display: inline-flex;
font-size: 18px;
font-weight: 600;
justify-content: center;
line-height: 20px;
max-width: 680px;
min-height: 0px;
min-width: 0px;
overflow: hidden;
padding: 20px 60px 20px 60px;
text-align: center;
touch-action: manipulation;
transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
user-select: none;
-webkit-user-select: none;
vertical-align: middle;
}
.buttonknop:hover,
.buttonknop:focus { 
background-color: #16437E;
color: #ffffff;
cursor: pointer; }
.buttonknop:active {
background: #09223b;
color: rgb(255, 255, 255, .7);
}
.buttonknop:disabled { 
cursor: not-allowed;
background: rgba(0, 0, 0, .08);
color: rgba(0, 0, 0, .3);
}
.secondary-image {
width: 50%;
max-height: 150px;
object-fit: cover;
margin-top: 10px;
}
.carousel-container {
max-width: 1920px;
margin: auto;
position: relative;
overflow: hidden;
border: none;
}
.carousel-slide {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
border: none;
max-width: 1280px;
}
.carousel-item {
display: flex;
flex-direction: column;
min-width: 100%; box-sizing: border-box;
position: relative;
}
.carousel-item .main-image img {
width: 100%;
}
.carousel-slide .main-image img {
width: 100%;
height: auto;
border: none;
min-width: 100%; }
.resource-link {
display: flex;
align-items: center;
gap: 10px;
margin: 6px 0;
}
.resource-link img {
width: 22px;
height: 22px;
flex-shrink: 0;
}
.resource-link a {
color: #0a7c8c;
text-decoration: none;
border-bottom: 1px solid #0a7c8c;
}
.resource-link a:hover {
opacity: 0.7;
}
.kop-armand-ikhelpje {font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
color: #EC0000;
}
.kop-armand {text-align: left;
color: #333333;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
font-size: 38px;
line-height: 1.1;}
.kop {text-align: left;
color: #fafafafa;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 1.1;}
.zweefie {position: absolute;
top: 20%; left: 10%;
transform: translateX(-10%);
transform: rotate(-25deg);
max-width: 90%;
}
.zweefie2 {position: absolute;
top: 4%; left: 2%;
transform: translateX(-10%);
max-width: 40%;
}
.carousel-item .secondary-image {
border:none;
position: absolute;
top: 10%; 
left: 130px;
box-sizing: border-box;
width: 400px!important;
height: 180px;
max-width: 400px!important;
z-index: 1;
}
.carousel-item .secondary-image2 {
border:none;
position: absolute;
top: 10%; 
right: 250px;
box-sizing: border-box;
width: 100%!important;
height: auto;
max-width: 220px!important;
z-index: 1;
}
.prev, .next {
position: absolute;
top: 40%;
transform: translateY(-40%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 20px;
cursor: pointer;
z-index: 10;
font-size: 200%;
}
.prev {
left: 30px;
}
.next {
right: 30px;
}
.main {	position: relative;
width: 100%;
border: none;
margin: 0 auto;
padding: 15px 0 35px 0;
}
.marginnetje {margin-top: -50px;}
.linkie {}
.linkie a {text-underline-offset: 6px!important; color: #1891AC!important;  text-decoration: underline!important; text-decoration-thickness: 1.5px!important;}
.linkie a:hover {color: #EC0000!important;}
.ladybug img {max-width: 200px;}
.ladybug {position: absolute; bottom: 100px; right: 25%;}
.pbiicon img {max-width: 20px;}
.pbiicon {position: absolute; top: 130px; left: 34px;}
.qsicon img {max-width: 40px;}
.qsicon {position: absolute; top: 180px; left: 34px;}
.preheader {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
gap: 20px; font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
margin: 0 auto;
padding: 0 25px 10px 0;
}
.preheaderblog {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 20px; font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
margin: 0 auto;
padding: 0 25px 20px 0;
}
.linkerkant {width: 200px;}
.rechterkant {width: auto; display: flex; flex-direction: row;  justify-content: flex-end; gap: 20px; align-items: flex-end;}
.logoblog img {	border:none;
box-sizing: border-box;
width: 100%;
max-width: 250px;
height: auto;
z-index: 1;
}
.logohome img {	border:none;
box-sizing: border-box;
max-width: 450px;
height: auto;
z-index: 1;
}
.logomob img {	border:none;
box-sizing: border-box;
max-width: 90%;
height: auto;
z-index: 1;
margin: 0 auto;
text-align: center;
}
.logomob  {	
margin: 0 auto;
text-align: center;
}
.pbig2026 {background:#303D40; 
padding:32px 48px; 
display:flex; 
justify-content:space-between;
color: white;
align-items:center;
max-width: 1920px;
margin: 0 auto;
}
.ribbonknopje {white-space: nowrap;}
.ribbon2 {padding: 0 75px 0 0; }
.pbig2026flex {display: flex;
align-items: flex-start;
gap: 12px;}
.pbig2026 a:hover {background-color:#12239E; 
}
.pbig2026 strong {
font-weight: 700;
font-size: 140%;
}  
.pbig2026-icon {
width: 120px;
height: 120px;
flex-shrink: 0;
margin-top: 0px!important;
padding-bottom: 0px!important;
}
.pbig2026-icon img {
padding-bottom: 0px!important;
}
.pbig20262 {
font-weight: 700;
font-size: 100%;
}
.ska2blog img {width: 100%; border: none;
margin: 0 auto;
max-width: 1920px;
}
.ska2blog {width: 100%;
margin: 0 auto;
max-width: 1920px;
}
.blog {	padding: 0px 0 100px 0!important;}
.productteam-intro-small {font-weight: 700; font-size: 120%;}
.icoontje {display: flex; align-items: center; gap: 10px;}
.icoontje img {width: 100%; max-width: 30px;}
.cijferincircle {
color: #ffffff;
font-weight: 600;
font-size: 16px;
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
background-color: #cd5858;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 210px;
top: 0px;
}
.padd {padding: 30px 0 30px 15px!important;}
.nietdoen:hover, .nietdoen {background-color:transparent!important; border-bottom: 0px solid #146E82!important;}
.prijs a {font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
color: #1891AC;
text-decoration: none;
}
.prijs a:hover {
border-bottom: 2px solid #1891AC;
color: #1891AC;
padding-bottom: 1px;
text-decoration: none;
}
.button-68 {
appearance: none;
backface-visibility: hidden;
background-color: #27ae60;
border-radius: 8px;
border-style: none;
box-shadow: rgba(39, 174, 96, .15) 0 4px 9px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: normal;
line-height: 1.5;
outline: none;
overflow: hidden;
padding: 13px 20px;
position: relative;
text-align: center;
text-decoration: none;
transform: translate3d(0, 0, 0);
transition: all .3s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: top;
white-space: nowrap;
}
.button-68:hover {
background-color: #1e8449;
opacity: 1;
transform: translateY(0);
transition-duration: .35s;
}
.button-68:active {
transform: translateY(2px);
transition-duration: .35s;
}
.button-68:hover {
box-shadow: rgba(39, 174, 96, .2) 0 6px 12px;
}
.bars, .bars2  {
width: 100%;
margin: 0 auto;
z-index: 2;
}
.bars img {position: absolute;
left: 50%; 
transform: translateX(-50%);
bottom:-85px;
max-width: 1440px;
z-index: 2;
}
.bars2 img {position: absolute;
left: 50%; 
transform: translateX(-50%);
bottom:0;
max-width: 1440px;
z-index: 11;
}
.producten, .producten-small  {
width: 100%;
margin: 0 auto;
z-index: 11;
}
.producten img {position: absolute;
right: -170px; 
top:20px;
max-width: 220px;
z-index: 11;
}
.producten-small img {
display: none;
position: absolute;
right: -50px; 
top:20px;
max-width: 100px;
z-index: 11;
}
.tools img {position: absolute;
bottom:0;
max-width: 100px;
}
#meerportfolio {
height: 0;
opacity: 0;
overflow: hidden;
transform: translateY(-10px);
transition: height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
#meerportfolio.open {
opacity: 1;
transform: translateY(0);
}
.headerdownloads {	position: relative;
width: 100%;
max-width: 100%;
border: none;
z-index: 0;
margin: 0 auto;
background-image: url(//www.dexs.me/wp-content/themes/dexs-theme/images/downloads.jpg); background-size: contain; background-repeat: no-repeat; background-position: top center; }
.logo img {	border:none;
position: absolute;
top: 35px;
left: 60px;
box-sizing: border-box;
width: 250px;
max-width: 250px;
height: auto;
z-index: 1;
}
.menu {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 40px; padding: 70px 80px 0 0;
border: none; text-decoration: none; }
.menu-item {
color: #fafafa;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 600;
font-size: 22px;
border: none; text-decoration: none; outline: none !important; }
.menu-item:hover {
border-bottom: 2px solid #ffffff;
}
.menu-item a {
text-decoration: none !important; color: inherit !important; }
.menu-item a:visited {
text-decoration: none !important; color: inherit !important; }
.menu-item a:focus {
outline: none !important; }
.intro-armand{position: absolute;
top: 25%; 
left: 160px;
max-width: 40%;
color: #333333;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.0;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.namen-armand {font-weight: 400; 	line-height: 1.5; color: #333333;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-size: 20px!important;
}
.intro{position: absolute;
top: 35%; 
left: 130px;
max-width: 50%;
color: #ffffff;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.0;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.servicesintro h1, .portfolio-intro h1 {color: #EC0000;
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px!important;}
.intro H1 {
color: #ffffff;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
line-height: 1.0;
}
.namen {font-weight: 400; 	line-height: 1.5; color: #fafafa;
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-size: 18px!important;
text-shadow: 2px 2px #333333;
}
.services {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 20px; margin: 50px auto 0 auto;
padding: 0;}
.services2 {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 20px; margin: 0 auto;
padding: 25px 0;}
.servicesintro {text-align: center;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
}
.servicesopbouw {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0px; align-items: stretch;
align-content: space-between;
}
.servicesopbouw-1, .servicesopbouw-2, .servicesopbouw-3, .servicesopbouw-4 {flex-basis:  auto; width: 25%; justify-content: center; text-align: center;  }
.servicesopbouw-1 h2, .servicesopbouw-2  h2, .servicesopbouw-3  h2, .servicesopbouw-4  h2 {text-align: center;
color: #333333; 
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 1.1;
}
.servicesopbouw-1, .servicesopbouw-2, .servicesopbouw-3, .servicesopbouw-4 {padding: 25px 25px 50px 25px; 
}
.servicesopbouw-1 img, .servicesopbouw-2 img, .servicesopbouw-3 img, .servicesopbouw-4 img {text-align: center; border:none;
box-sizing: border-box;
max-width: 80%;
min-width: 150px;
width: 100%;
height: auto;
margin: 0 auto;
}
.ska img {	border:none;
box-sizing: border-box;
max-width: 70px;
width: 100%;
height: auto;
z-index: 1;
}
.ska2 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.ska2 {width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.ska22 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.ska22 {
position: absolute;
width: 100%;
margin: 0 auto;
max-width: 1280px;
left: 50%; 
transform: translateX(-50%);
top:0;
}
.homepage {padding: 150px 45px 100px 45px!important;}
.opdrachtgevers {	position: relative;
width: 100%;
max-width: 1500px;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 0 auto;
padding: 75px 45px 100px 45px;}
.opdrachtgevers-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1500px;
}
.opdrachtgevers-image img, .opdrachtgevers-image2 img, .opdrachtgevers-image-rijen img {width: 100%; border: none;
margin: 0 auto;
max-width: 1500px;
}
.opdrachtgevers-image, .opdrachtgevers-image-rijen {width: 100%;
margin: 0 auto;
max-width: 1500px;
}
.opdrachtgevers-image-rijen {margin: 15px 0;
}
.opdrachtgevers-intro {text-align: center;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.opdrachtgevers-text {line-height: 1.6; padding: 5px 0 25px 0;}
.padding {padding: 100px 0;}
.padding2 {padding: 0!important;}
.meerdandat {padding: 100px 0;}
.mvp {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 0 auto;
padding: 75px 0px 75px 0;}
.mvp-inhoud {	position: relative;
width: 100%;
max-width: 1280px;
}
.mvp-image img {border: none;
max-width: 225px;
}
.mvp-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.mvp-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.ervaring {	position: relative;
width: 100%;
max-width: 1920px;
background-color: #FFF1DD;
border: none;
margin: 0 auto;
padding: 100px 45px 100px 45px;}
.ervaring-inhoud {	
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.ervaring-image img {border: none;
max-width: 400px;
}
.ervaring-inhoud-1 {padding: 0 0 0 75px;}
.ervaring-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
max-width: 70%;
}
.ervaring-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.ribbon {background-color: #303D40!important; width: 100%; margin: 0 auto; }
.ribboninhoud {
display: flex;
gap: 20px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
padding: 15px 45px 10px 50px;
margin: 0 auto;
text-align: left;
color: #333333; 
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
}
.masterclass {	position: relative;
width: 100%
;
max-width: 1920px;
border: none;
margin: 0 auto;
padding: 30px 0 100px 0;}
.masterclass-inhoud {	
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.masterclass-image img {border: none;
max-width: 400px;
}
.masterclass-inhoud-1 {padding: 0 75px 0 0;}
.masterclass-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
max-width: 80%;
}
.masterclass-text {line-height: 1.6; padding: 5px 45px 0px 0; margin: -15px 0 0 0;}
.figma {	position: relative;
width: 100%;
max-width: 1920px;
background-color: #FFF1DD;
border: none;
margin: 75px auto 0 auto;
padding: 100px 45px 100px 45px;}
.figma-inhoud {	
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.figma-image img {border: none;
max-width: 400px;
}
.figma-inhoud-1 {padding: 0 0 0 75px;}
.figma-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
max-width: 70%;
}
.figma-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.bubbles img {
position: absolute;
right: -350px;
top: -145px;
border: none;
max-width: 500px;
}
.team img {width: 100%;
margin: 30px auto;
max-width: 750px;
}
.productteam {	position: relative;
margin: 0 auto;
width: 100%;
max-width: 1280px;
border: none;
padding: 50px 0px!important;}
.productteam-main {	position: relative;
width: 100%;
border: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 0 auto;
}
.fullwidth {
flex-direction: column!important;
}
.productteam-inhoud {	position: relative;
width: 100%;
max-width: 1280px;
}
.productteam-image img {border: none;
max-width: 225px;
}
.json img {border: none;
max-width: 300px;
}
.big img {border: none;
max-width: 650px;
}
.big2 img {border: none;
max-width: 950px;
}
.medium img {border: none;
max-width: 450px;
}
.bigfullwidth {	text-align: center;
}
.bigfullwidth img {border: none;
text-align: center;
max-width: 100%;
}
.productteam-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.productteam-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.productteam-text2 {line-height: 1.6; padding: 5px 0 0px 0;}
.productteam-inhoud-2 {padding: 5px 45px 0px 0; }
.productteam-inhoud-0 {padding: 0; }
.tweeblokken {	position: relative;
margin: 0 auto;
width: 100%;
max-width: 1280px;
border: none;
padding: 125px 0px 0px 0px;}
.tweeblokken-main {	position: relative;
width: 100%;
border: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 0 auto;
gap: 100px;
}
.tweeblokken-inhoud {	position: relative;
width: 100%;
max-width: 1280px;
}
.tweeblokken-blok1 {	position: relative;
width: 50%;
}
.tweeblokken-blok2 {	position: relative;
width: 50%;
}
.tweeblokken-image img {border: none;
max-width: 225px;
}
.tweeblokken-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.tweeblokken-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.tweeblokken-text2 {line-height: 1.6; padding: 5px 0 0px 0;}
.tweeblokken-inhoud-2 {padding: 5px 45px 0px 0; }
.tweeblokken-inhoud-0 {padding: 0; }
.volgorde1 {
order: 2;
flex: 1;
}
.volgorde2 {
order: 1;
flex: 2;
}
.portfolio {	position: relative;
width: 100%;
max-width: 1920px;
background-color: #FFF1DD;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 50px auto 0 auto;
padding: 75px 45px 100px 45px;}
.portfolio-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.portfolio-image img, .portfolio-image2 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.portfolio-image {width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.portfolio-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.portfolio-text {line-height: 1.6; padding: 5px 0 25px 0;}
.workshops {		position: relative;
width: 100%;
max-width: 1920px;
background-color: #FFF1DD;
border: none;
margin: 0 auto;
padding: 20px 45px 20px 45px;}
.workshops-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.workshops-image img, .workshops-image2 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.workshops-image {width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.workshops-intro {text-align: center;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
padding: 50px 0 0 0;
}
.workshops-text {line-height: 1.6; padding: 5px 0 25px 0;}
.dreams {	position: relative;
width: 100%;
max-width: 1920px;
display: flex;
flex-direction: row;
border: none;
margin: 0 auto;
padding: 100px 0 100px 0;}
.dreams-inhoud {	
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.dreams-image img {border: none;
max-width: 300px;
}
.dreams-inhoud-1 {padding: 0;}
.dreams-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
max-width: 70%;
}
.dreams-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.samenwerking {	position: relative;
width: 100%;
max-width: 1920px;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 0 auto;
padding: 75px 45px 100px 45px;}
.samenwerking-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.samenwerking-image img, .samenwerking-image2 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.samenwerking-image {width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.samenwerking-intro {text-align: center;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;}
.samenwerking-text {line-height: 1.6; padding: 5px 0 25px 0;}
.citaat {	position: relative;
width: 100%;
max-width: 1920px;
background-color: #FFF1DD;
border: none;
margin: 0 auto;
padding: 100px 45px 100px 45px;}
.citaat-inhoud {	
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.citaat-image img {border: none;
max-width: 400px;
}
.citaat-inhoud-1 {padding: 0 0 0 75px; max-width: 90%;}
.citaat-intro {text-align: left;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
max-width: 70%;
}
.citaat-intro-naam {text-align: left;
color: #333333; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 20px;
padding: 45px 0 0 0;
}
.citaat-text {line-height: 1.6; padding: 5px 45px 0px 0;}
.speaker {		position: relative;
width: 100%;
max-width: 1920px;
border: none;
margin: 0 auto;
padding: 45px;}
.speaker-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.speaker-image img, .speaker-image2 img {width: 100%; border: none;
margin: 0 auto;
max-width: 1280px;
}
.speaker-image {width: 100%;
margin: 0 auto;
max-width: 1280px;
}
.speaker-intro {text-align: center;
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
padding: 50px 0 0 0;
}
.speaker-text, .ookleuk-text {line-height: 1.6; padding: 5px 0 25px 0;}
.contact {	position: relative;
width: 100%;
max-width: 1280px;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 20px; margin: 0 auto;
padding: 100px 0 100px 0;}
.contactintro {
color: #EC0000; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
}
.contactopbouw {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0px; align-items: stretch;
align-content: space-between;
}
.contactopbouw-1, .contactopbouw-2, .contactopbouw-3 {flex-basis:  auto; width: 33%; justify-content: center; text-align: center;  }
.contactopbouw-1 strong, .contactopbouw-3  strong {text-align: center;
color: #333333; 
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 400;
font-size: 30px;
}
.contactopbouw-2  strong {text-align: center;
font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
font-weight: 800;
font-size: 30px;
}
.contactopbouw-1, .contactopbouw-2, .contactopbouw-3, .contactopbouw-4 {padding: 0 25px; 
}
.contactopbouw-1 img, .contactopbouw-2 img, .contactopbouw-3 img {text-align: center; border:none;
box-sizing: border-box;
max-width: 90%;
width: 100%;
height: auto;
margin: 0 auto;
}
.skacontact img {	border:none;
box-sizing: border-box;
max-width: 60px;
width: 100%;
height: auto;
z-index: 1;
}
.voorbeeldjes img {	border:none;
box-sizing: border-box;
max-width: 90px;
width: 100%;
height: auto;
z-index: 1;
}
.contactopbouw a {font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
color: #1891AC;
text-decoration: none;
}
.contactopbouw a:hover {
border-bottom: 2px solid #1891AC;
color: #1891AC;
padding-bottom: 1px;
text-decoration: none;
} .mobilemenuu {padding: 0; text-align: left; font-size: 120%; color: #999999; max-width: 1920px;
margin: 0 auto;  }
.more { display: none; }
.mobilemenu1 {width: 100%; 
background: linear-gradient(to bottom, #1891AC, #333333);
padding: 10px 2%; color: #ffffff; text-align: left;   }
.mobilemenu1 img, .mobilemenu2 img {width: 100%; max-width: 42px; height: auto; margin: 0 25px 0 25px;}
.mobilemenu2 {border-bottom: 0px solid #ffffff; width: 100%; background: linear-gradient(to bottom, #1891AC, #1891AC); padding: 10px 2%; color: #ffffff; text-align: left;   }
.mobiletxt {padding: 20px 0 0 0; font-family: 'Gloria Hallelujah', 'Arial', cursive, sans-serif;
color: #fafafa;
text-decoration: none;
}
.responsive-menu{background-color:#1891AC; padding: 20px 35px 50px 60px; }
.responsive-menu strong {color: #ffffff; text-align: left;  font-size: 110%;}
.lijstdiv22 {width: 100%; border-bottom: 1px solid #146E82; color: #ffffff; text-align: left; font-weight: 400; font-size: 18px; align-items:center; align-content: center; padding: 10px; }
.lijstdiv22 a {font-size: 18px; color: #ffffff; text-decoration: none;}
.lijstdiv22 a:hover {font-size: 18px; color: #ffffff; text-decoration: none;}
.active  {background-color:#166779;  }
.lijstdiv22:hover  {width: 100%; background-color:#157F96; border-bottom: 1px solid #cccccc;  }
.lijstdiv22geel a {font-size: 18px; color: #ffffff; text-decoration: none;}
.lijstdiv22geel a:hover {font-size: 18px; color: #ffffff; text-decoration: none;}
.lijstdiv22geel:hover, .lijstdiv24geel:hover  {width: 100%; }
.relatiefje {position: relative;}
.lijstdiv24geel {width: 100%; color: #b1e29c; text-align: left; padding: 10px 0 10px 15px; font-weight: 400; font-size: 20px; font-style: italic;}
.lijstdiv24 {width: 100%; color: #cccccc; text-align: left; padding: 10px 0 30px 15px; font-weight: 400; font-size: 20px; font-style: italic;}
.lijstdiv25 {width: 100%; color: #ccd1ca; text-align: left; padding: 16px; font-weight: 400; font-size: 19px;}
.rmm {display: flex; flex-direction: column;  flex-wrap: wrap;  justify-content: flex-start; align-items: stretch; 
}
.showLink {
display: block;
}
.hideLink {
display: none;
}
.more {
display: none;
}
.more.show {
display: block;
} div.servicesopbouw-1.active, div.servicesopbouw-2.active, div.servicesopbouw-3.active, div.servicesopbouw-4.active {
background-color: #E8E8E8;
} div.servicesopbouw-1:hover, div.servicesopbouw-2:hover, div.servicesopbouw-3:hover, div.servicesopbouw-4:hover {
cursor: pointer;
} .geenmuis {
cursor: default!important;
}
#toggleButton:hover {cursor: pointer;}
#meerportfolio {max-width: 1280px; width: 100%; margin: 35px auto 0 auto;}
.showen {width: 100%; border: none; text-align: center; margin: 50px auto 0 auto; max-width: 1280px;}
.showen img {width: 100%; border: none; max-width: 300px;}
.tabblad, .tabblad2 {	position: relative;
width: 100%;
max-width: 1920px;
background: linear-gradient(to bottom, #E8E8E8, #fafafa);
border: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 75px 45px 100px 45px;
margin: 0 auto 0 auto;}
.tabblad-inhoud {	position: relative;
width: 100%;
margin: 0 auto;
max-width: 1280px;
} .tabcontent, .tabcontent2 {
display: none;
overflow: visible!important;
}
.innemen {padding: 50px 0px !important;} @media (max-width: 1550px) {
.mvp, .productteam, .dreams  {padding: 50px 45px!important;}
.productteam-inhoud-1  {padding: 0px 45px;}
.blog {	padding: 50px 45px 100px 45px;}
.ookleuk-text {width: 100%;
max-width: 1920px;
padding: 0px 45px;
}
.paddingcontact {padding: 50px 45px 0 45px!important;}
}
@media (max-width: 1290px) {
.preheader { position: relative; padding: 0 25px 10px 0;}
.preheaderblog { position: relative; padding: 25px 65px 10px 65px;}
.carousel-container {
max-width: 100%;
min-height: 1px;
}
.homepage {padding: 75px 45px 50px 45px!important;}
}
@media (max-width: 1470px) {
.producten img {display: none;
}
.producten-small img {display: inline;
}
}
@media (max-width: 1280px) {
.bars {display: none;}
.blog {	padding: 50px 45px 100px 45px!important;}
.producten-small img {display: none;
}
}
@media (max-width: 1180px) {
.bydttt-namen {width: 100%; line-height: 180%;  }
.menu-new, .menu, .afkorten {
display: none;
}
.ervaring-image img {
max-width: 250px;
}
.ervaring-inhoud-1 {
padding: 0 0 0 50px;
}
.figma-image img {
max-width: 250px;
}
.figma-inhoud-1 {
padding: 0 0 0 50px;
}
.masterclass, .tweeblokken {
padding: 45px;
}
*, ::before, ::after {
box-sizing: inherit;
}
}
@media (max-width: 1080px) {
.pbig2026 {display: block;}
.pbig2026-icon {display: none;}
.ribbon2 {padding: 0;}
.productteam-image img {
display: block;
max-width: 100%;	
min-width: 100%;	
}
.productteam {
max-width: 100%;
min-width: 100%;	
}
.productteam-main {
flex-direction: column;
}
.productteam-image img {
border: none;
max-width: 100%;
min-width: 100%;	
margin: 0;
padding: 0;
}
.productteam-inhoud-2 {
padding: 0;
}
.productteam-inhoud-1  {padding: 0px;}
.secondary-image, .secondary-image2 {display: none;}
.intro {position: absolute;
left: 130px;
max-width: 500px;
}
.intro-armand {position: absolute;
top: 25%; 
left: 150px;
max-width: 500px;
}
.mobile {display: none;}
.weghalenmobile {display: none;}
div.servicesopbouw-1:hover, div.servicesopbouw-2:hover, div.servicesopbouw-3:hover, div.servicesopbouw-4:hover {
cursor: default;
}
div.servicesopbouw-1.active, div.servicesopbouw-2.active, div.servicesopbouw-3.active, div.servicesopbouw-4.active {
background-color: transparent;
}
.big img, .json img {border: none;
max-width: 100%;
}
.medium img {border: none;
max-width: 350px;
}
.bigfullwidth {	text-align: center;
}
.bigfullwidth img {border: none;
text-align: center;
max-width: 100%;
}
.servicesopbouw {
flex-direction: row;
flex-wrap: wrap; 
gap: 0; }
.servicesopbouw-1, .servicesopbouw-2, .servicesopbouw-3, .servicesopbouw-4 {width: 50%;   padding: 20px 35px;  }
.ska {display: none;}
.dreams-inhoud {
flex-direction: column;
padding: 0;
}
.dreams-image img {
display: none;
}
.citaat-image img {
max-width: 200px;
}
.citaat-inhoud-1 {
padding: 0;
max-width: 100%;
}
}
@media (max-width: 900px) {
.tweeblokken-main {
gap: 25px;
}
.masterclass-inhoud {
flex-direction: column;
}
.masterclass-intro {
padding: 0;
max-width: 90%;
}
.masterclass-text {
line-height: 1.6;
padding: 5px;
}
.masterclass-image {display: none;}
.intro{position: absolute;
left: 130px;
max-width: 60%;
}
.intro-armand{position: absolute;
top: 20%; 
left: 140px;
max-width: 40%;
}
.rechterkant {display: none;}
.ervaring-image img {
display: none;
}
.ervaring-inhoud-1 {
padding: 0;
}
.figma-image img {
display: none;
}
.figma-inhoud-1 {
padding: 0;
}
.ervaring, .figma, .productteam {
max-width: 100%;
padding: 100px 75px;
}
.productteam-inhoud-2 {
padding: 0;
}
.ervaring-inhoud {
flex-direction: column;
max-width: 100%;
}
.ervaring-text {
padding: 0;
}
.ervaring-intro {
max-width: 70%;
}
.figma-inhoud {
flex-direction: column;
max-width: 100%;
}
.figma-text {
padding: 0;
}
.figma-intro {
max-width: 70%;
}
.productteam-image img {
display: none;
}
.productteam-image.json img {
display: block!important;
margin: 0;
max-width: 100%;
}
.productteam-text, .mvp-text, .dreams-text, .citaat-text {
padding: 0;
}
.citaat-image img {
max-width: 100%;
padding: 0 10% 35px 20%;
}
.citaat {
position: relative;
max-width: 100%;
padding: 100px 45px;
}
.citaat-inhoud {
flex-direction: column;
max-width: 100%;
}
}
@media (max-width: 800px) {
.zweefie2 {display: none;
}
.services {
margin: 0px auto 0 auto;
padding: 50px 0 0 0;
}
.tweeblokken-main {
flex-direction: column;
}
.tweeblokken-blok1 {
position: relative;
width: 100%;
padding: 0 0 45px 0;
border-bottom: 1px solid #999999;
}
.tweeblokken-blok2 {
position: relative;
width: 100%;
}
.producten img {display: none;}
.opdrachtgevers-image, .opdrachtgevers-image-rijen {display: none;}
.portfolio-image {display: none;}
.samenwerking-image {display: none;}
.speaker-image {display: none;}
.showen {display: none;}
.contactopbouw {
flex-direction: column;
justify-content: center;
align-items: stretch;
align-content: space-between;
}
.contactopbouw-1, .contactopbouw-2, .contactopbouw-3, .contactopbouw-1, .contactopbouw-2, .contactopbouw-3 {flex-wrap: nowrap; display: flex; width: 100%; justify-content: flex-start; text-align: left; align-items: center;}
.skacontact, .voorbeeldjes {display: none;}
.contact {
max-width: 100%;
padding: 0;
}
.medium img {border: none;
max-width: 250px;	
}
.contactopbouw-2 { position: relative; }
.contactopbouw-2::before {
content: "";
position: absolute;
top: 0;
left: 10%;
width: 80%;
border-top: 1px solid #999999;	
}
.contactopbouw-3 { position: relative; }
.contactopbouw-3::before {
content: "";
position: absolute;
top: 0;
left: 10%;
width: 80%;
border-top: 1px solid #999999;	
}
}
@media (min-width: 801px) {
.opdrachtgevers-image2 {display: none;}
.portfolio-image2 {display: none;}
.samenwerking-image2 {display: none;}
.speaker-image2 {display: none;}
.workshops-image2 {display: none;}
}
@media (max-width: 750px) {
.intro{position: absolute;
top: 55%; 
left: 130px;
max-width: 70%;
}
.intro-armand{position: absolute;
top: 55%; 
left: 130px;
max-width: 70%;
}
.breedies {padding: 25px 45px;}
}
@media (max-width: 725px) {
.ribboninhoud {
display: block;
text-align: center;
padding: 35px 45px 35px 45px;
max-width: 1280px;
margin: 0 auto;
color: #333333; 
font-family: 'Domine', 'Arial', cursive, sans-serif;
font-weight: 400;
}
.buttonknopklein {
min-width: 80%;
overflow: hidden;
padding: 15px 20px 10px 20px;
margin: 35px 0 15px 0;
font-size: 20px;
}
.namen, .namen-armand {text-shadow: 0px 0px #333333; color: #fafafa;}
.intro, .intro-armand {
position: static;
max-width: 100%;
display: flex;
flex-direction: column;
align-content: center;
justify-content: flex-start;
background: #157F96;
padding: 35px 25px!important;
min-height: 250px;
}
.kop-armand {color: #fafafa;}
.kop-armand-ikhelpje {display: none;
}
}
@media (max-width: 700px) {
.ladybug {right: 5%;}
.servicesintro {
padding:0 35px;
}
.intro, .intro-armand {padding: 0 5% 0 0;}
}
@media (max-width: 750px) {
.volgorde1 {
order: 1;
}
.volgorde2 {
order: 2;
}
.contactopbouw-1 img, .contactopbouw-2 img, .contactopbouw-3 img {
max-width: 250px;
}
.mvp, .dreams {
max-width: 100%;
flex-direction: column;
}
.mvp-image img, .dreams-image img  {
border: none;
max-width: 100%;
width: 100%;
margin: 25px 0 0 0;
}
}
@media (min-width: 550px) {
.logomob {display: none;}
}
@media (max-width: 550px) {
.ladybug {display: none;}
.homepage {padding: 15px 45px 15px 45px!important;}
.breedies {padding: 0 45px; margin: -20px 0 25px 0;}
.prev, .next {
top: 20%;
transform: translateY(-20%);
}
.carousel-item .secondary-image, .carousel-item .secondary-image2 {display: none;}
.weglaten {display: none;}
.servicesopbouw {
flex-direction: column;
flex-wrap: wrap; 
gap: 0; }
.servicesopbouw-1, .servicesopbouw-2, .servicesopbouw-3, .servicesopbouw-4 {width: 100%;  }
.ska {display: none;}
.servicesopbouw-1, .servicesopbouw-2, .servicesopbouw-3, .servicesopbouw-4 {
padding: 25px 55px;
}
.preheader, .preheaderblog {display: none;}
.main {
padding: 0;
}
.contact {
flex-direction: column;
}
.contactopbouw {
flex-direction: column;
}
.contactopbouw-1, .contactopbouw-2, .contactopbouw-3 {flex-direction: column; width: 100%; justify-content: flex-start; text-align: center; padding: 0 0 50px 0; }
.contactopbouw-1 img, .contactopbouw-2 img, .contactopbouw-3 img {
max-width: 80%;
}
}
@media (max-width: 450px) {
.buttonknop {
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pbiicon {position: absolute; top: 135px; left: 34px;}
.qsicon {position: absolute; top: 185px; left: 34px;}	
}