.over_ons_video{    
    --padding-inline: var(--bs-gutter-x, .75rem);
    
    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
    
    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */

    display: grid;
    grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))

        [content-start] minmax(var(--padding-inline), 1fr)
        
        repeat(10, 1fr)
        
        minmax(var(--padding-inline), 1fr) [content-end]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
    
    gap: 0 var(--bs-gutter-x, .75rem);
	
	background: var(--geel);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1639' height='1235' viewBox='0 0 1639 1235' fill='none'%3E%3Cpath d='M1623.04 1092.64C1542.51 937.603 1462.26 782.428 1380.6 628.106C1368.31 604.901 1369.01 587.39 1381.02 564.612C1461.83 411.287 1541.38 257.25 1621.2 103.356C1655.81 36.7297 1635.19 1.13889 1561.72 0.996522C1462.54 0.854159 1363.22 2.98961 1264.04 -1.98963e-05C1219.4 -1.28129 1195.52 15.9446 1175.46 55.0945C1040.39 318.609 903.068 580.984 766.732 843.929C729.01 916.676 678.007 977.608 612.877 1027.29C471.455 1135.35 308.275 1126.8 140.01 1120.11C157.952 1077.4 176.743 1038.25 190.871 997.396C202.315 964.368 219.692 947.284 255.577 954.118C264.761 955.826 274.509 954.402 284.116 954.402C418.192 953.263 518.642 895.179 581.371 774.598C699.2 548.24 816.745 321.741 934.008 95.0985C963.536 38.1533 941.355 1.42361 878.061 1.13889C773.372 0.711796 668.683 0.854159 564.135 1.13889C508.47 1.28125 492.082 18.2225 492.082 74.883C492.082 266.646 492.082 458.409 492.082 650.172C492.082 760.361 414.377 839.231 303.33 841.224C265.326 841.935 227.18 841.935 189.175 841.224C155.409 840.654 132.804 854.748 119.383 886.495C83.356 971.913 45.7753 1056.76 9.74862 1142.32C-14.8343 1200.83 8.19453 1234.43 72.3361 1234.57C151.171 1234.86 230.006 1235.71 308.84 1234.57C558.908 1230.3 744.268 1117.41 863.933 896.033C889.081 849.481 913.099 802.074 941.779 746.979C1014.11 886.068 1083.62 1017.33 1150.87 1149.87C1167.97 1183.46 1190.01 1197.42 1227.73 1196.7C1339.2 1194.43 1450.67 1195 1562 1194.57C1636.17 1194.28 1657.51 1159.12 1623.04 1092.92V1092.64ZM637.036 109.904C688.462 111.47 739.888 110.331 801.628 110.331C735.933 236.75 674.334 355.481 608.073 483.038C604.824 467.805 602.422 462.111 602.422 456.416C602.139 352.633 602.987 248.851 601.716 145.068C601.433 118.019 610.616 109.192 636.895 109.904H637.036ZM1257.12 1085.23C1248.5 1085.09 1236.91 1073.13 1232.11 1063.88C1158.93 925.076 1086.31 785.844 1014.96 646.044C1009.45 635.082 1009.73 616.29 1015.39 605.186C1096.2 447.162 1178.14 289.709 1261.07 132.967C1266.72 122.432 1283.11 111.897 1294.84 111.47C1357.29 109.335 1419.73 110.474 1489.81 110.474C1482.74 126.276 1478.22 137.95 1472.57 149.054C1402.92 283.587 1333.55 418.405 1262.91 552.369C1246.66 583.262 1246.8 610.026 1263.19 641.061C1331.57 770.042 1398.26 900.162 1465.51 1029.71C1473.56 1045.23 1481.33 1060.75 1494.19 1086.09C1408.57 1086.09 1332.7 1086.8 1256.98 1085.09L1257.12 1085.23Z' fill='%23FF9029'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: left -75% top -35%;
	text-align: center;
}

.over_ons_container{
	grid-column: content-start / content-end;
}

.over_ons_video h1{
	color: #FFF;
	text-align: center;
	font-family: var(--heading-font);
	font-weight: 800;
}

.over_ons_video .introtekst{
	color: #FFF;
	text-align: center;
	font-family: var(--heading-font);
	font-style: normal;
	font-weight: 700;
}

.over_ons_content{
	margin-top: 3.5rem;
	margin-bottom: 10rem;
	grid-column: 4 / 14;
}

.over_ons_video_container{
	text-decoration: none;
	grid-column: full-width-start / full-width-end;
	display: grid;
}

.over_ons_video_container .video-title-overlay{
	grid-column: 1;
	grid-row: 1;
	text-align: left;
	color: #fff;
	margin: 2.5rem 5rem !important;
}

.over_ons_video_container .video-title-overlay:after{
	content: "";
	width: 5.2rem;
	height: 5.2rem;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25.5974' cy='25.5964' r='13.8659' fill='white'/%3E%3Cpath d='M50.9297 25.4297C50.9297 39.112 39.849 50.0963 26.2631 50.0963C12.5808 50.0963 1.59646 39.112 1.59646 25.4297C1.59646 11.8438 12.5808 0.763115 26.2631 0.763115C39.849 0.763115 50.9297 11.8438 50.9297 25.4297ZM18.5548 16.9506V33.9089C18.5548 34.7761 18.9402 35.5469 19.711 35.9323C20.3855 36.4141 21.349 36.3177 22.0235 35.9323L35.8985 27.4532C36.5729 27.0677 37.0547 26.2969 37.0547 25.4297C37.0547 24.6589 36.5729 23.8881 35.8985 23.5026L22.0235 15.0235C21.349 14.5417 20.3855 14.5417 19.711 15.0235C18.9402 15.4089 18.5548 16.1797 18.5548 16.9506Z' fill='%23FF9029'/%3E%3C/svg%3E%0A");
    display: inline-block;
    margin-left: 1rem;
    transform: translateY(1.5rem);
}

.over_ons_video_container video{
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	height: auto;
	border-radius: 3rem;
}

@media (max-width:767px)
{		
	.over_ons_video{    
		grid-template-columns: 

			/* Split the first column */
			[outer-full-width-start] minmax(0, var(--_content-column-size))
			[full-width-start] minmax(0, var(--_content-column-size))

			[content-start] minmax(var(--padding-inline), 1fr)

			repeat(1, 1fr)

			minmax(var(--padding-inline), 1fr) [content-end]

			/* Split the last column */
			minmax(0, var(--_content-column-size)) [full-width-end]
			minmax(0, var(--_content-column-size)) [outer-full-width-end];

		gap: 0 var(--bs-gutter-x, .75rem);
        background-size: 100%;
	}
	
	.over_ons_content{
		margin-bottom: 6rem;
	}
	
	.over_ons_video > div{
        grid-column: full-width-start / full-width-end;
	}
	
	.over_ons_video_container .video-title-overlay{
		margin: 2rem !important;
		font-size: 2rem !important;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
	
}

@media (min-width:1400px)
{
    

	.over_ons_video h1{
		font-size: 9rem;
		line-height: normal;
	}

	.over_ons_video .introtekst{
		font-size: 3rem;
		line-height: normal;
	}
}