.footer
	{
		width: 100%;
		margin: auto;
		padding: 40px;
	}

.footer ul
	{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

.footer > * > * > * > .layout-container > *
	{
		padding: 20px;
		display: flex;
	}

.footer > * > * > * > * > .blocks > *
	{
		width: 100%;
	}

.footer > .text
	{
		max-width: 520px;
		margin: 0 auto;
	}

.footer .item:is( .horizontal ) .list
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: 15px;
	}

.footer .item:is( .horizontal ) .list li
	{
		padding: 5px;
	}

.social:is( [data-count="0"] )
	{
		display: none;
	}

.iconlist
	{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

.iconlist .icon
	{
		height: 22px;
		width: 22px;
		margin: 0px 12px;
	}

.openinghours li,
.openinghours li div
	{
		display: flex;
	}

.title
	{
		margin-bottom: 10px;
	}

img:is( :not( [src] ) )
	{
		display: none;
	}

a > img.icon
	{
		width: 20px;
		height: 20px;
	}

a > .text:is( img[src] + *:not(:empty) )
	{
		margin-left: 8px;
	}

.logo img
	{
		width: 100%;
		min-width: 150px;
		max-width: 260px;
	}

.item .button:is([href=""])
	{
		display: none;
	}

.item .button:is(.button)
	{
		display: inline-block;
		margin: 0px;
	}

.item .button a
	{
		display: block;
	}
	
.footer .blocks > .layout-container
	{
		margin: -15px;
	}

.footer .blocks .item
	{
		padding: 15px;
	}

.footer [cs-span] > :not( .center ) > *
	{
		padding: 0px;
	}

.footer [cs-span] > .center > *
	{
		padding-left: 0px;
		padding-right: 0px;
	}


.footer [cs-span]:is( :not( [data-span~="span-2"] ) ) > .center > *
	{
		justify-content: center;
	}

.footer .layout-row.center > * > *
	{
		width: initial !important;
		max-width: initial !important;
	}

.footer [cs-span]:is( [data-span~="span-4"] ) .item:is( :nth-child( 3n+0 ), :nth-child( 4n+0 ) )
	{
		/* Dit zorgt ervoor dat de meest rechtse items naar rechts geschoven worden */

		display: flex;
		justify-content: flex-end;
	}

.footer [cs-span]:is( [data-span~="span-4"] )  .layout-row.center > *
	{
		padding-right: 5%;
	}	

.footer [cs-span]:is( [data-span~="span-1"] ) > .blocks  .item
	{
		width: 100%;
		max-width: 100%;
		text-align: center;
		justify-content: center;
	}

.footer [cs-span]:is( [data-span~="span-1"] ) > .blocks .openinghours
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}