/* Techdog — CTA-band + footer + colofon. Waarden gemeten uit de bestaande site. */

/* ---- CTA-band (boven de footer) — gemeten: 2 gelijke kolommen 544px, gap 64px ---- */
.td-cta{background:var(--td-bg-alt);padding:80px 0 69px;}
.td-cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.td-cta__head h2{color:var(--td-blue);font-size:35px;line-height:42px;padding-bottom:10px;}
.td-cta__body p{color:#000;font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:300;font-size:15px;line-height:23.8px;margin:0 0 26px;}
.td-cta__buttons{display:flex;gap:20px;flex-wrap:wrap;}
/* CTA-knoppen: Proxima 14px; 1e = outline (transparant), 2e = gevuld blauw met witte tekst */
.td-cta__buttons .td-btn{font-family:var(--td-font-btn);font-size:14px;line-height:23.8px;background:transparent;}
.td-cta__buttons .td-btn:hover{background:var(--td-blue);color:#fff;}
.td-cta__buttons .td-btn:last-child:not(:only-child){background:var(--td-blue);color:#fff;border-color:var(--td-blue);}
.td-cta__buttons .td-btn:last-child:not(:only-child):hover{background:transparent;color:var(--td-blue);}
/* Pagina-eigen CTA-band (contactpagina): sectie 54px boven / 17px onder + rij-padding. */
.td-cta--alt{padding:54px 0 44px;}

/* ---- Footer — gemeten: Divi gutters3, dus 3 kolommen van 29,6667% met een goot van
   5,5% (bij 1280px: 380px / 70,4px); blauwe sectie pad 54, rijen pad 27. ---- */
.td-footer{background:var(--td-blue);color:#fff;padding:54px 0 40px;}
.td-footer__cols{
	display:grid;
	grid-template-columns:repeat(3,29.6667%);
	column-gap:5.5%;
	padding:27px 0;
}
.td-footer h3{color:#fff;font-size:21px;line-height:35.7px;margin:0;padding-bottom:10px;}
.td-footer p{margin:0;color:#fff;font-family:"Inter",Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;line-height:23.8px;}
.td-footer a{color:#fff;}
/* contact-kolom: elke <p> heeft padding-bottom 15px (gemeten), 'hours' 0 */
.td-footer__col--contact p{padding-bottom:15px;}
.td-footer__col--contact .td-footer__hours{padding-bottom:0;}

/* link-kolommen: Inter 300 15px, regelafstand 23,8px (gemeten) */
.td-footer__links{list-style:none;margin:0;padding:0;
	font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:300;font-size:15px;line-height:23.8px;}
.td-footer__links li{margin:0;}
.td-footer__links a{color:#fff;}
.td-footer__links a:hover{text-decoration:underline;}
/* services: 2 sub-kolommen, rij-gewijs (Branding | Donatie …), 1px cel-padding
   (rijhoogte 25,8px). Het origineel is een tabel met cel 1 op 26,2402%; Chrome maakt
   daar 34,99% van zolang de kolom breed genoeg is, en houdt anders een ondergrens aan
   die met de inhoud meeschaalt. Opgemeten op de live site volgt die ondergrens
   18% + 80px, dus dekt max() van die twee de hele reeks van 1024px tot ultrawide. */
.td-footer__links--2col{display:grid;grid-template-columns:max(34.99%,calc(18% + 80px)) auto;grid-auto-flow:row;column-gap:0;}
.td-footer__links--2col li{padding:1px 0;}

/* Hulp op afstand — knop op blauw: gevuld wit met blauwe tekst (gemeten) */
.td-footer .td-btn--footer{background:#fff;color:var(--td-blue);border-color:#fff;font-family:var(--td-font-head);font-size:15px;padding:8px 30px;margin-top:35px;}
.td-footer .td-btn--footer:hover{background:var(--td-blue);color:#fff;border-color:#fff;}

/* Social-iconen: rond, 2px witte rand, wit glyph */
.td-social{display:flex;gap:8px;margin-top:35px;margin-bottom:8px;}
.td-social__icon{
	box-sizing:content-box;
	width:40px;height:40px;border:2px solid #fff;border-radius:100px;
	display:inline-flex;align-items:center;justify-content:center;
	transition:border-color .3s;
}
.td-social__icon::before{content:"";width:20px;height:20px;background:#fff;
	transition:background .3s;
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.td-social__icon:hover{border-color:#07649D;}
.td-social__icon:hover::before{background:#07649D;}
.td-social__icon--facebook::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M385.728-64h191.872l0.128 512 174.272 0.064 18.688 176.448h-193.088l0.256 88.32c0 46.016 3.136 70.656 69.184 70.656h121.984v176.512h-174.912c-169.536 0-208.576-87.616-208.576-231.552l0.192-103.936-128.704-0.064v-176.448h128.704v-512z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M385.728-64h191.872l0.128 512 174.272 0.064 18.688 176.448h-193.088l0.256 88.32c0 46.016 3.136 70.656 69.184 70.656h121.984v176.512h-174.912c-169.536 0-208.576-87.616-208.576-231.552l0.192-103.936-128.704-0.064v-176.448h128.704v-512z'/%3E%3C/svg%3E");}
.td-social__icon--instagram::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M512 867.776c136.704 0 152.896-0.512 206.912-3.008 49.92-2.304 77.056-10.624 95.040-17.6 23.872-9.28 40.96-20.352 58.88-38.272s28.992-34.944 38.272-58.88c7.040-18.048 15.36-45.184 17.6-95.040 2.496-54.080 3.072-70.272 3.072-206.976s-0.512-152.896-3.008-206.912c-2.304-49.92-10.624-77.056-17.6-95.040-9.28-23.872-20.352-40.96-38.272-58.88s-34.944-28.992-58.88-38.272c-18.048-7.040-45.184-15.36-95.040-17.6-54.080-2.496-70.272-3.072-206.976-3.072s-152.896 0.512-206.912 3.008c-49.92 2.304-77.056 10.624-95.040 17.6-23.872 9.28-40.96 20.352-58.88 38.272s-28.992 34.944-38.272 58.88c-7.040 18.048-15.36 45.184-17.6 95.040-2.496 54.080-3.072 70.272-3.072 206.976s0.576 152.896 3.008 206.912c2.304 49.92 10.624 77.056 17.6 95.040 9.28 23.872 20.352 40.96 38.272 58.88s34.944 28.992 58.88 38.272c18.048 7.040 45.184 15.36 95.040 17.6 54.080 2.496 70.272 3.072 206.976 3.072zM512 960c-139.072 0-156.48-0.576-211.072-3.072-54.528-2.496-91.712-11.136-124.288-23.808-33.664-13.056-62.272-30.592-90.688-59.072-28.48-28.416-46.016-57.024-59.072-90.688-12.672-32.576-21.312-69.76-23.808-124.288-2.496-54.592-3.072-72-3.072-211.072s0.576-156.48 3.072-211.072c2.496-54.528 11.136-91.712 23.808-124.288 13.056-33.664 30.592-62.208 59.072-90.688s57.024-45.952 90.688-59.072c32.576-12.672 69.76-21.312 124.288-23.808 54.592-2.496 72-3.072 211.072-3.072s156.48 0.576 211.072 3.072c54.528 2.496 91.712 11.136 124.288 23.808 33.664 13.056 62.208 30.592 90.688 59.072s45.952 57.024 59.072 90.688c12.672 32.576 21.312 69.76 23.808 124.288 2.496 54.592 3.072 72 3.072 211.072s-0.576 156.48-3.072 211.072c-2.496 54.528-11.136 91.712-23.808 124.288-13.056 33.664-30.592 62.208-59.072 90.688s-57.024 45.952-90.688 59.072c-32.576 12.672-69.76 21.312-124.288 23.808-54.592 2.496-72 3.072-211.072 3.072v0zM512 710.912c-145.216 0-262.912-117.696-262.912-262.912s117.696-262.912 262.912-262.912 262.912 117.696 262.912 262.912c0 145.216-117.696 262.912-262.912 262.912zM512 277.312c-94.272 0-170.688 76.416-170.688 170.688s76.416 170.688 170.688 170.688c94.272 0 170.688-76.416 170.688-170.688s-76.416-170.688-170.688-170.688zM846.72 721.28c0-33.932-27.508-61.44-61.44-61.44s-61.44 27.508-61.44 61.44c0 33.932 27.508 61.44 61.44 61.44s61.44-27.508 61.44-61.44z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M512 867.776c136.704 0 152.896-0.512 206.912-3.008 49.92-2.304 77.056-10.624 95.040-17.6 23.872-9.28 40.96-20.352 58.88-38.272s28.992-34.944 38.272-58.88c7.040-18.048 15.36-45.184 17.6-95.040 2.496-54.080 3.072-70.272 3.072-206.976s-0.512-152.896-3.008-206.912c-2.304-49.92-10.624-77.056-17.6-95.040-9.28-23.872-20.352-40.96-38.272-58.88s-34.944-28.992-58.88-38.272c-18.048-7.040-45.184-15.36-95.040-17.6-54.080-2.496-70.272-3.072-206.976-3.072s-152.896 0.512-206.912 3.008c-49.92 2.304-77.056 10.624-95.040 17.6-23.872 9.28-40.96 20.352-58.88 38.272s-28.992 34.944-38.272 58.88c-7.040 18.048-15.36 45.184-17.6 95.040-2.496 54.080-3.072 70.272-3.072 206.976s0.576 152.896 3.008 206.912c2.304 49.92 10.624 77.056 17.6 95.040 9.28 23.872 20.352 40.96 38.272 58.88s34.944 28.992 58.88 38.272c18.048 7.040 45.184 15.36 95.040 17.6 54.080 2.496 70.272 3.072 206.976 3.072zM512 960c-139.072 0-156.48-0.576-211.072-3.072-54.528-2.496-91.712-11.136-124.288-23.808-33.664-13.056-62.272-30.592-90.688-59.072-28.48-28.416-46.016-57.024-59.072-90.688-12.672-32.576-21.312-69.76-23.808-124.288-2.496-54.592-3.072-72-3.072-211.072s0.576-156.48 3.072-211.072c2.496-54.528 11.136-91.712 23.808-124.288 13.056-33.664 30.592-62.208 59.072-90.688s57.024-45.952 90.688-59.072c32.576-12.672 69.76-21.312 124.288-23.808 54.592-2.496 72-3.072 211.072-3.072s156.48 0.576 211.072 3.072c54.528 2.496 91.712 11.136 124.288 23.808 33.664 13.056 62.208 30.592 90.688 59.072s45.952 57.024 59.072 90.688c12.672 32.576 21.312 69.76 23.808 124.288 2.496 54.592 3.072 72 3.072 211.072s-0.576 156.48-3.072 211.072c-2.496 54.528-11.136 91.712-23.808 124.288-13.056 33.664-30.592 62.208-59.072 90.688s-57.024 45.952-90.688 59.072c-32.576 12.672-69.76 21.312-124.288 23.808-54.592 2.496-72 3.072-211.072 3.072v0zM512 710.912c-145.216 0-262.912-117.696-262.912-262.912s117.696-262.912 262.912-262.912 262.912 117.696 262.912 262.912c0 145.216-117.696 262.912-262.912 262.912zM512 277.312c-94.272 0-170.688 76.416-170.688 170.688s76.416 170.688 170.688 170.688c94.272 0 170.688-76.416 170.688-170.688s-76.416-170.688-170.688-170.688zM846.72 721.28c0-33.932-27.508-61.44-61.44-61.44s-61.44 27.508-61.44 61.44c0 33.932 27.508 61.44 61.44 61.44s61.44-27.508 61.44-61.44z'/%3E%3C/svg%3E");}
.td-social__icon--linkedin::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M130.048 704h189.952v-704h-189.952zM709.568 703.936c-69.568 0-104.256-33.152-133.568-55.616v55.68h-190.976v-704h190.976v443.2c0 0-6.976 88.256 98.816 88.256 63.744 0 93.184-36.288 93.184-88.256v-443.2h201.216v436.992c0 240-193.216 266.944-259.648 266.944zM128 864c0-53.019 42.981-96 96-96s96 42.981 96 96c0 53.019-42.981 96-96 96s-96-42.981-96-96z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='translate(0 960) scale(1 -1)' d='M130.048 704h189.952v-704h-189.952zM709.568 703.936c-69.568 0-104.256-33.152-133.568-55.616v55.68h-190.976v-704h190.976v443.2c0 0-6.976 88.256 98.816 88.256 63.744 0 93.184-36.288 93.184-88.256v-443.2h201.216v436.992c0 240-193.216 266.944-259.648 266.944zM128 864c0-53.019 42.981-96 96-96s96 42.981 96 96c0 53.019-42.981 96-96 96s-96-42.981-96-96z'/%3E%3C/svg%3E");}

/* ---- Colofon — links uitgelijnd, gestapeld: copyright, dan juridische links met " | ".
   Geen scheidingslijn. Regelafstand 23,8px (origineel: één tekstblok met <br>). ---- */
.td-footer__colophon{
	display:flex;flex-direction:column;align-items:flex-start;gap:0;
	padding:27px 0 0;border-top:0;
	font-family:"Open Sans",Arial,sans-serif;font-size:14px;line-height:23.8px;color:#fff;
}
.td-colophon__links{display:flex;gap:0;flex-wrap:wrap;}
.td-colophon__links a{color:#fff;}
.td-colophon__links a:not(:last-child)::after{content:"|";margin:0 6px;color:#fff;}
.td-colophon__links a:hover{text-decoration:underline;}

/* Tablet + mobiel: Divi houdt een 80%-container aan en stapelt CTA en footer
   naar één kolom (services behoudt 2 sub-kolommen tot phone). */
@media (max-width:980px){
	.td-cta .td-cta__inner{width:80%;grid-template-columns:1fr;gap:30px;}
	.td-cta__head h2{font-size:30px;line-height:36px;}
	.td-cta__body p{margin-bottom:46px;}
	.td-footer .td-footer__cols{width:80%;grid-template-columns:1fr;gap:36px;}
	.td-footer .td-footer__colophon{width:80%;}
}
/* Phone: Divi verkleint CTA-kop naar 25px, footer-tekst/links naar 13px,
   sectiepaddings naar 50/20 (CTA) en 20/20 (footer); services blijft 2-koloms. */
@media (max-width:767px){
	.td-cta{padding-top:50px;padding-bottom:50px;}
	.td-cta__head h2{font-size:25px;line-height:30px;}
	.td-cta__body p{margin-bottom:26px;}
	.td-footer{padding-top:20px;padding-bottom:40px;}
	.td-footer__cols{padding-top:30px;padding-bottom:46px;}
	.td-footer p{font-size:13px;}
	.td-footer__links{font-size:13px;}
	.td-footer__links--2col{grid-template-columns:max(34.99%,calc(18% + 70px)) auto;}
}

/* Desktop: de CTA-kop echt verticaal centreren naast de tekstkolom. De 10px
   onderruimte van de kop telt anders mee in de centrering en duwt hem omhoog.
   Gestapeld (<=980px) blijft die ruimte staan voor de tussenafstand. */
@media (min-width:981px){
	.td-cta__head h2{padding-bottom:0;}
}