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

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

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

#main-content h1
{
	margin-top: 50px;
	color: var(--color-primary) !important;
}


.content
{
	padding-bottom: 200px;
}


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