footer
{
	position: relative;
	
	img
	{
		width: clamp(50px, 100%, 800px);
		height: auto;
	}
	
	nav
	{
		padding-inline-start: 0px;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		justify-content: center;
		align-items: center;
		
		a
		{
			font-family: "Playfair Display", serif;
			padding: 0;
			font-weight: 900;
			font-size: 1.2em;
			letter-spacing: .5px;
			color: black;
			background: none;
			text-decoration: none;
			transition: all 250ms ease-in-out;
		}

		a:hover
			{
				color: var(--css-variables--button-bg);
		}
		
		ul
		{
			padding-inline-start: 0px;
			list-style-type: none;
			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			justify-content: center;
			align-items: center;
		}
	}
	
	aside ul
	{
		
		padding-inline-start: 0px;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: center;
		align-items: center;
		font-size: .65em;
		
		li
		{
			display: flex;
			align-items: center;
			gap: .5em;
			
			a
			{
				color: black;
				text-decoration: none;
			}
			
			a:hover
			{
				text-decoration: underline;
			}
		}
	}
}

footer:before
{
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: .23;
	height: 100%;
	width: 100%;
	background-image: url('https://sleepy-gould.145-131-29-70.plesk.page/wp-content/uploads/2025/10/glazen-etalage-header.svg');
	background-size: cover;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}

a.nieuwontwerp
{
	display: block;
	height: 1.5rem;
	width: 1.5rem;

	svg
	{
		height: 100%;
		width: 100%;
		transition: fill 250ms ease-in-out;
	}
}

a.nieuwontwerp:hover
{
	svg
	{
		fill: #da4e1d;
	}
}