@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import '/app/tpl/main.css';
@import '/app/tpl/header.css';
@import '/app/tpl/footer.css';
@import '/app/tpl/components.css';
html {
	font-family: "Inter", sans-serif;
	font-size: 16px;
}
@media only screen and (max-width: 550px) {
	html {
		font-size: 14px;
	}
}
@media only screen and (max-width: 450px) {
	html {
		font-size: 13px;
	}
}
:root {
	--spaceHalf: 10px;
	--space: 20px;
	--spaceDouble: 40px;
	--spaceTripple: 60px;
	--spaceQuattro: 80px;
	--spaceSixfold: 120px;
	--spaceEightfold: 160px;
	--spaceTenfold: 200px;
	--spacePageBorder: var(--spaceQuattro);
	--spacePageSpace: var(--spaceEightfold);
	--colorBlack: #111;
	--colorLightGray: #ededed;
	--colorGray: #dcdcdc;
	--colorPrimary: #f22400;
	--colorAccent: #ffaf3d;
	--borderRadius: 4px;
}
@media only screen and (max-width: 550px) {
	:root {
		--spacePageBorder: var(--spaceDouble);
		--spacePageSpace: var(--spaceDouble);
	}
}
body {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: radial-gradient(circle, #ffffff 55%, #ffcda4 100%);
	color: var(--colorBlack);
}
a {
	text-decoration: none;
	color: var(--colorPrimary);
}
ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	line-height: 1;
}
p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-weight: 300;
}
h2 {
	font-size: 3rem;
	font-weight: 800;
	line-height: 1;
	margin-bottom: calc(-1.5 * var(--space));
}
h3 {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
}
h4 {
	font-size: 1.2rem;
	line-height: 1.3;
}
strong {
	line-height: 1;
}
body {
	margin: auto;
}
address {
	font-style: normal;
	font-size: 1rem;
	line-height: 1.6;
}
.button {
	padding: var(--spaceHalf) var(--space);
	background: var(--colorPrimary);
	border-radius: var(--borderRadius);
	color: #fff;
	display: inline-block;
	font-weight: 500;
}
.button:hover {
	background: var(--colorAccent);
}
@media only screen and (min-width: 2200px) {
	.page-wrapper {
		max-width: 2000px;
		box-shadow: rgba(0, 0, 0, 0.5) 0 18px 150px, rgba(0, 0, 0, 0.65) 0 -25px 30px -20px, #000000 0 25px 30px -20px;
		margin: var(--spaceDouble);
		margin-top: 0;
		border-radius: var(--borderRadius);
		overflow: hidden;
	}
	.page-wrapper:after {
		color: #fff;
		transform: rotate(90deg);
		content: 'Dein Bildschirm gefällt mir 😉';
		padding: var(--spaceHalf);
		background: black;
		position: fixed;
		top: 50%;
		right: -90px;
	}
}
@media only screen and (min-width: 3500px) {
	.page-wrapper:after {
		content: 'WOW, jetzt hör aber auf! 😱';
	}
}
/*# sourceMappingURL=cache/css/de98be943a9de0245b6768f9b28b85e2.map */