@charset "utf-8";

@font-face {
	font-family: 'Jura';
	font-style: normal;
	font-weight: 400;
	src: url(https://api.herlbauer.com/underconstruction/jura.woff2) format('woff2');
}

html,body{
	height:100%;
	margin:0;
	padding:0;
}

body{
	background-color:#040404;
	background-image:url('https://api.herlbauer.com/underconstruction/bg_top.jpg');
	background-repeat:repeat-x;
	background-position:center -7.38095px;
	text-align:center;
	font-family:Jura,Arial,sans-serif;
}

h1{
	position:relative;
	color:#811E6F;
	font-size:28px;
	margin:0;
	padding:0;
	line-height:1;
	font-weight:normal;
	z-index:20;
}

h2{
	position:relative;
	color:#FFFFFF;
	font-size:24px;
	padding:0;
	margin:-50px 0 12px 0;
	line-height:1;
	font-weight:normal;
	z-index:20;
	width:100%;
	text-align:center;
}
@media (max-width: 768px)
{
	h2{
		margin-top:30px;
	}
}

img#underconstruction{
	z-index:10;
	margin:120px auto 0 auto;
}

.container{
	position:relative;
}

#link{
	position:absolute;
	top: 402.655px;
	left:0;
	right:0;
	text-align:center;
}

#link a{
	width:35%;
	display:inline-block;
	-moz-transform: rotate(7.5deg);
	-ms-transform: rotate(7.5deg);
	-o-transform: rotate(7.5deg);
	-webkit-transform: rotate(7.5deg);
	transform-origin: center center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity:0.9;
}
#link a:hover, #link a:focus{
	opacity:1;
}

span.text{
	position:relative;
	display:block;
	color:#FFFFFF;
	font-size:15px;
	margin:15px 0 0 0;
	line-height:1.5;
	z-index:20;
	padding-bottom:50px;
}

img, a, area, img[usemap], object[usemap]{
	border:none;
	outline:none;
}

div#url{
	position:relative;
}

a{
	color:#FFFFFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a:hover{
	color:#811E6F;
	text-decoration:none;
}