.background {
	background: white;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f51c54', endColorstr='#f75e16', GradientType=1 );
}

html, body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}

section {
	width: -webkit-calc(100% - 3em);
	width: calc(100% - 3em);
	max-height: -webkit-calc(100% - 3em);
	max-height: calc(100% - 3em);
	max-width: 600px;
	padding: 2em;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 1px 5px 15px rgba(0,0,0,0.1);
	        box-shadow: 1px 5px 15px rgba(0,0,0,0.1);
	background: white;
	-webkit-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	        transform: rotate(-2deg);
}


section img {
	display: inline-block;
	max-width: 200px;
	max-height: 150px;
	margin-right: 2em;
}

section div.logo img {
	width: 100%;
	height: 100%;
	max-width: 30em;
	max-height: 5em;
	margin-bottom: 5em;
}

.pin {
	text-align: center;
	display: block;
	font-size: 6em;
	margin-top: -1em;
	margin-bottom: 0.4em;
	padding-left: 0.4em;
}

footer {
	position: absolute;
	left: 0px;
	bottom: 2em;
	width: 100%;
	color: white;
	text-align: center;
}

footer p {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.body {
	margin: 0 auto;
	max-width: -webkit-calc( 1000px + 20em );
	max-width: calc( 1000px + 20em );
	width: 100vw;
	height: 100%;
	padding: 0em 4em;
	padding-top: 10em;
}

footer.impressum {
	position: relative;
}

footer .client-footer a {
	padding-right: 1.5em;
	font-size: 1em;
}

footer .client-footer a:last-child {
	padding-right: 0em;
}

footer .funkhaus-footer {
	opacity: 0.4;
	font-size: 1em;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

footer .funkhaus-footer:hover {
	opacity: 0.7;
}

footer .funkhaus-footer a:hover {
	opacity: 0.5;
}

a {
	text-decoration: none;
	font-size: 16px;
	color: black;
}

h1.first-child {
	padding-top: 8em;
}

a.logo {
	font-family: "Rotis";
	position: absolute;
	top: 1em;
	left: -webkit-calc( 50% - 15em);
	left: calc( 50% - 15em);
	max-width: 30em;
}

a.logo img {
	position: relative;
	max-width: 30em;
}