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

body
{
	background-image: url('/images/datenschutz.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;
}


@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;
	}

}

@media only screen and (max-width: 450px)
{
	#main-content h1
	{
		font-size: 1.8rem;
	}
}