/**************************************************************************/
/******************************** MARKETING *******************************/
/**************************************************************************/

/********** LOKAAL **********/
.local-brand { overflow: hidden; }
.local-brand, .knop-tekst { display: flex; justify-content: space-between; }
.local-brand-links { width: 48%; }
.local-brand-rechts { width: 50%; }
.local-brand-links > img { width: 100%; border-radius: 0px 0px 60px 0px; overflow: hidden; }
.knop { background-color: var(--secondary-txt-color); cursor: pointer; color: white; border-radius: 30px; text-align: center; padding-inline: 20px; padding-block: 10px; font-weight: 500; font-size: 20px; margin-top: 50px; white-space: nowrap; }
.knop-tekst > h2 { font-size: 18px; margin-top: auto; }

/********** KRACHTIGE MARKETING **********/
.krachtige-marketing { position: relative; display: flex; justify-content: space-between; background-color: #F7F9FA; border-radius: 0px 0px 0px 60px; margin-block: 120px; }
.krachtige-marketing-links, .krachtige-marketing-rechts { width: 48%; }
.krachtige-marketing-links { padding: 30px 40px 30px 0px; }
.krachtige-marketing-links > h2, .krachtige-marketing-links > p { padding-left: 40px; }
.krachtige-marketing-rechts > img { width: 50%; position: absolute; top: -50px; right: 0; }

/********** LOKALE MARKETING **********/
.lokale-marketing { display: flex; justify-content: space-between; }
.lokale-marketing-links, .lokale-marketing-rechts { width: 48%; padding-left: 40px; }
.lokale-marketing-links > img { width: 100%; border-radius: 0px 0px 80px 0px; overflow: hidden;  }
.lokale-marketing-links > video { width: 100%; }

/********** ONDERSCHEIDENDE EIGENSCHAPPEN **********/
.properties { display: flex; overflow: hidden; gap: 80px; background-color: #243541; border-radius: 0px 0px 0px 60px; padding-block: 40px; }
.properties-links { width: 38%; padding-left: 40px; }
.properties-rechts { width: 40%; margin-block: auto; }
.properties-rechts > img { width: 450px; }
.properties-links > h2, .properties-links > p { color: white }
.properties > .bg { position: absolute; top: 0; right: 0; }

/********** MARKETING CENTRUM **********/
.marketing-center { display: flex; justify-content: space-between; }
.marketing-center-links { width: 40%; padding-left: 40px; }
.marketing-center-rechts { width: 55%; padding-left: 40px; }
.marketing-center-links > img { width: 100%; border-radius: 0px 0px 80px 0px; overflow: hidden; }

/********** MARKETING INDUSTRIE **********/
.titel-bg { background: linear-gradient(90deg, #FFFFFF 50%, #0B3279 50%);  }
.titel { background-color: #0B3279; padding-left: 55px; border-radius: 60px 0px 0px 0px; }
.titel > h2 { color: white; padding-block: 20px;}
.social-media, .publieke-relaties, .professionele-relaties { display: flex; justify-content: space-between; margin-block: 20px; }
.social-media-links, .publieke-relaties-links, .professionele-relaties-links { width: 60%; padding-right: 40px; }
.social-media-rechts, .publieke-relaties-rechts, .professionele-relaties-rechts { width: 40%; align-content: center; display: flex; flex-wrap: wrap; }
.social-media-links { margin-block: 30px; border-right: 4px dotted #FF9015; padding-top: 60px; padding-bottom: 20px; }
.social-media-rechts > img, .publieke-relaties-rechts > img, .professionele-relaties-rechts > img { max-width: 100%; height: auto; padding-left: 40px; }
.social-media-rechts > img { width: 100%; }
.socials-small { padding-bottom: 0; margin-top: 30px; }
.publieke-relaties-links { margin-block: 30px; border-right: 4px dotted #5B2D86; padding-top: 60px; padding-bottom: 20px; }
.professionele-relaties-links { margin-block: 30px; border-right: 4px dotted #41B3E0; padding-top: 60px; padding-bottom: 20px; }

/********** MARKETING TEAM **********/
.medewerkers { display: flex; flex-wrap: wrap; justify-content: space-between; }
.medewerker { width: 40%; padding-block: 20px; }
.marketing-team > h2 { width: 100%; }
.medewerker-naam { color: #0B3279; text-transform: uppercase; font-weight: bold; font-size: 18px; padding-block: 20px; }
.medewerker-functie { color: #6D6E71; font-size: 14px; font-weight: 500; }
/*------------------------------------------------------------------------*/

/**************************************************************************/
/******************************* RESPONSIVE *******************************/
/**************************************************************************/
@media screen and (max-width: 1181px) {
    .krachtige-marketing { flex-wrap: wrap-reverse; }
    .krachtige-marketing-links, .krachtige-marketing-rechts { width: 100%; }
    .krachtige-marketing-links { padding: 5%; }
    .krachtige-marketing-rechts { text-align: center; }
    .krachtige-marketing-rechts > img { position: revert; padding-top: 30px; width: 80%; }
} 

@media screen and (max-width: 1124px) { 
    .local-brand { flex-wrap: wrap; }
    .local-brand-links, .local-brand-rechts { width: 100%; }
    .local-brand-rechts { margin-top: 30px; }
    .properties { flex-wrap: wrap-reverse; gap: 0; padding-right: 20px;  }
    .properties-links, .properties-rechts { width: 100%; }
    .properties-rechts { text-align: center; }
}

@media screen and (max-width: 860px) { 
    .lokale-marketing { flex-wrap: wrap; }
    .lokale-marketing-links, .lokale-marketing-rechts { width: 100%; }
    .lokale-marketing-links, .lokale-marketing-rechts { padding-left: 0; }
    .marketing-center { flex-wrap: wrap; }
    .marketing-center-links, .marketing-center-rechts { width: 100%; }
    .social-media, .publieke-relaties, .professionele-relaties { flex-wrap: wrap-reverse; }
    .social-media-links, .social-media-rechts, .publieke-relaties-links, .publieke-relaties-rechts, .professionele-relaties-links, .professionele-relaties-rechts
    { width: 100%; }
    .social-media-rechts, .publieke-relaties-rechts, .professionele-relaties-rechts { justify-content: center; }
    .social-media-rechts > img, .publieke-relaties-rechts > img, .professionele-relaties-rechts > img { padding-left: 0; }
    .social-media-links, .publieke-relaties-links, .professionele-relaties-links { border: none; padding-right: 0; }
    .medewerker { width: 100%; text-align: center; }
    .professionele-relaties-links { padding-right: 0; }
    .krachtige-marketing { padding-right: 0; }
}

@media screen and (max-width: 768px) { 
    .properties > .bg { width: 40%; }
    .properties-rechts > img { width: 70%; }
    .krachtige-marketing { margin-block: 0; }
    .krachtige-marketing-rechts > img { width: 100%; }
}

@media screen and (max-width: 565px) {
    .properties, .titel { padding-left: 5%; }
	.local-brand { padding-inline: 0; }
	.local-brand-rechts { padding-inline: 5%; }
	.krachtige-marketing { padding-left: 0; }
	.krachtige-marketing-links > h2, .krachtige-marketing-links > p { padding-left: 0; }
	.properties-links { padding-left: 0; }
	.local-brand-rechts { width: unset; }
	.marketing-center-links, .marketing-center-rechts { padding-left: 0; }
	.knop { font-size: 18px; }
}

@media screen and (max-width: 450px) {
    .knop-tekst { flex-wrap: wrap; justify-content: center; }
    .knop-tekst > h2 { width: 100%; padding-top: 20px; }
    .knop { margin-top: 10px; }
}
/*------------------------------------------------------------------------*/