/* Blok: Tabbladen. */
/* Divi rekent de sectiepadding als 4%% van de vensterbreedte en bevriest die
   boven 1350px (= 54px); onder 980px is hij vast. Vast in px klopte alleen
   bij 1440px breed. */
.block-tabs{padding:4% 0;}
@media (min-width:1350px){.block-tabs{padding:54px 0;}}
.block-tabs__nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:54px;}
.block-tabs__pill{
	position:relative;
	font-family:var(--td-font-btn);font-size:15px;font-weight:500;line-height:23.8px;
	color:var(--td-blue);background:#fff;border:1px solid var(--td-blue);
	border-radius:100px;padding:10px 15px;cursor:pointer;transition:background .2s,color .2s;
}
.block-tabs__pill.is-active{background:var(--td-blue);color:#fff;}
.block-tabs__pill.is-active::after{
	content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);
	width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;
	border-top:9px solid var(--td-blue);
}
.block-tabs__panel{display:none;}
/* Paneel fadet in bij wisselen (Divi Supreme: content-animatie "fadeIn"). */
.block-tabs__panel.is-active{display:block;animation:td-tabs-fade-in 1s ease both;}
@keyframes td-tabs-fade-in{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){
	.block-tabs__panel.is-active{animation:none;}
}
/* Divi-rij: 47,25%-kolommen met 5,5% gutter, 35px/27px rijpadding en 30px tab-content-padding. */
.block-tabs__panel-inner{display:grid;grid-template-columns:47.25% 47.25%;justify-content:space-between;align-items:center;padding:105px 30px 27px;}
.block-tabs__text h2{color:var(--td-blue);font-size:40px;line-height:48px;margin:0 0 23px;}
.block-tabs__body{color:#000;font-family:Inter,var(--td-font-body);font-size:15px;font-weight:300;line-height:23.8px;margin-bottom:47px;}
.block-tabs__body p{margin:0 0 1em;}
.block-tabs__body p:last-child{margin-bottom:0;}
/* Afbeelding: 90% van de kolom, links uitgelijnd en met de tekst ernaast op
   hetzelfde verticale midden (rustpositie; de zweefanimatie beweegt vanaf hier). */
.block-tabs__media{display:flex;align-items:center;justify-content:flex-start;}
.block-tabs__media img{width:90%;max-width:max-content;height:auto;}
.block-tabs .td-btn{font-weight:600;display:block;width:fit-content;}
/* Divi rijen zijn 80% breed op elk schermformaat; container in deze blokken hierop matchen. */
@media (max-width:980px){
	.block-tabs .td-container{width:80%;}
	.block-tabs__nav{margin-bottom:50px;}
	.block-tabs__panel-inner{grid-template-columns:1fr;gap:30px;padding:105px 30px 30px;}
	.block-tabs__text h2{font-size:30px;line-height:36px;}
	/* Gestapeld: geen kolom om op te centreren — zwevend blok met de afbeelding bovenin (zoals origineel). */
	.block-tabs__media{display:block;position:relative;height:400px;margin-top:22px;}
	.block-tabs__media img{position:absolute;top:0;left:0;}
}
@media (max-width:767px){
	.block-tabs__panel-inner{padding-top:35px;}
	.block-tabs__text h2{font-size:25px;line-height:30px;}
	.block-tabs__media{height:200px;}
}