/* FISLess 1.9.1.7 */

* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
body,
html {
	display: grid;
	width: 100%;
	height: 100%;
}
@media (max-width:1299px) {
	body,
	html {
		align-content: flex-start;
	}
}
@media (min-width:1300px) {
	body,
	html {
		align-content: center;
		justify-content: center;
	}
}
body {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-weight: 400;
}
@media (max-width:1299px) {
	body {
		background-image: url(/graphics/hintergrund-mobil.jpg);
		background-position: right top;
		background-size: 100vw auto;
	}
}
#content {
	display: grid;
	position: relative;
	width: 100vw;
}
@media (max-width:1299px) {
	#content {
		align-content: flex-start;
		grid-template-areas: "white ." "green green";
		grid-template-columns: 62.30492197% auto;
	}
}
@media (min-width:1300px) {
	#content {
		max-width: 1300px;
		height: 812.5px;
		background-image: url(/graphics/hintergrund-web.jpg);
		background-position: center center;
		background-size: 100% auto;
		grid-template-areas: "white .";
		grid-template-columns: 0.45238095fr auto;
	}
}
#content #white {
	display: grid;
	align-content: flex-start;
	grid-area: white;
}
#content #white img {
	justify-self: center;
}
@media (max-width:1299px) {
	#content #white img {
		width: 66%;
		margin-top: 40px;
	}
}
@media (min-width:1300px) {
	#content #white img {
		width: 33%;
		margin-top: 100px;
	}
}
#content #white div {
	margin-top: 31.25px;
}
@media (max-width:1299px) {
	#content #white div {
		width: 66%;
		margin-bottom: 40px;
		margin-top: 40px;
		font-size: 1.2em;
		line-height: 1.4em;
		justify-self: center;
	}
	#content #white div ul {
		list-style-type: none;
	}
}
@media (min-width:1300px) {
	#content #white div {
		justify-self: center;
	}
	#content #white div ul {
		display: flex;
		list-style-type: none;
	}
	#content #white div ul > li:not(:first-child):before {
		padding-left: 5px;
		padding-right: 5px;
		content: '|';
	}
}
#content #green {
	display: grid;
	width: 100%;
	background-color: #2a8043;
	grid-area: green;
}
@media (min-width:1300px) {
	#content #green {
		position: absolute;
		bottom: 187.5px;
		grid-template-columns: repeat(3, 1fr);
	}
}
#content #green > div {
	display: grid;
	color: white;
	align-content: center;
}
#content #green > div:nth-child(1) {
	--img: url(/graphics/icon-phone.svg);
}
#content #green > div:nth-child(2) {
	--img: url(/graphics/icon-standort.svg);
}
#content #green > div:nth-child(3) {
	--img: url(/graphics/icon-mail.svg);
}
@media (max-width:1299px) {
	#content #green > div {
		grid-template-areas: "logo text text text ";
		grid-template-columns: 10.38415366% 41.53661465% 10.38415366% auto;
	}
	#content #green > div:after {
		background-image: var(--img);
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 23.75px auto;
		content: '';
		grid-area: logo;
	}
	#content #green > div > div {
		padding: 21.875px 0;
		grid-area: text;
	}
}
@media (min-width:1300px) {
	#content #green > div {
		padding: 21.875px 0 21.875px 125px;
		background-image: var(--img);
		background-position: 87.5px center;
		background-size: 23.75px auto;
	}
}
#content #green > div:nth-child(2) {
	background-color: #236d38;
}
#content #green > div a {
	color: inherit;
	text-decoration: none;
}