html
{
	background-color: var(--color-bg);
}

body
{
	background-image: url('/images/impressum.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

#main-content
{
	padding: 0 70px;
}

#main-content h1,
#main-content h6
{
	color: var(--color-primary) !important;
}


#main-content h1
{
	margin-top: 50px;
}


#main-content h6
{
	margin-bottom: 10px;
}

.content
{
	gap: 60px;
}

.col2
{
	order: 2;
}

.col1
{
	order: 1;
}


.spacer
{
	height: 300px;
}


@media only screen and (max-width: 1200px)
{
	#main-content
	{
		padding: 0 30px;
	}
}


@media only screen and (max-width: 900px)
{
	#main-content
	{
		padding: 0;
	}
}

@media only screen and (max-width: 700px)
{

	.content
	{
		display: block;
	}


	.content > div
	{
		width: auto;
	}

	.spacer
	{
		height: 20px;
	}

}