*{
    padding:0;
    margin:0;
    box-sizing: border-box;
    font-family: Verdana;
    font-size:16px;
    text-decoration:none;
    color:#fff;
}
body{
    background-color: #969696;
    overflow:hidden;
    width: 100vW;
    height: 100vH;
}
body > section:first-of-type:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vW;
  height: 100vH;
  z-index: 1;
  background: url(../images/bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body > section{
    width:100vW;
    height:100vH;
    display:block;
    position: relative;
}
body > section > h2{
    display:none;
}
body > section > figure{
    z-index: 100;
    display:block;
    width:150px;
    height:150px;
    line-height:150px;
    text-align:center;
    border-radius:75px;
    border:1px solid #BC892A;
    background-color:rgba(0,0,0,0.3);
    overflow:hidden;
    cursor:pointer;
    transition:all 0.5s;
    opacity: 0.8;
}
body > section > figure:hover{
    opacity: 1;
    background-color:rgba(0,0,0,0.8);
}
figure#info{
    position: absolute;
    top:10%;
    left:25%;
}
figure#galery{
    position: absolute;
    top:40%;
    left:20%;
}
figure#technic{
    position: absolute;
    top:30%;
    right:25%;
}
figure#order{
    position: absolute;
    top:60%;
    right:35%;
}
figure#technic a{
    width:100%;
    height:100%;
    display:block;
    background-image:url(../images/cogwheel.png);
    background-position: center center;
    background-repeat: no-repeat;
}
body > section > figure [class^="icon-"],body > section > figure [class*=" icon-"]{
    font-size:60px;
    color:rgba(255,255,255,1);
    transition:all 0.5s;
}
body > section > figure:hover [class^="icon-"],body > section > figure:hover [class*=" icon-"]{
    color:rgba(255,255,255,1);
}
body > footer{
    position: fixed;
    bottom:0px;
    left:0px;
    display:block;
    height:40px;
    width:100%;
    line-height:40px;
    border-top:1px solid #BC892A;
    background-color:rgba(0,0,0,0.8);
    z-index: 100;
    text-align: right;
}
body > footer *{
    color:#C0C0C0;
    font-size:0.8rem;
}
body > footer a{
    color:#C0C0C0;
    display:inline-block;
    margin-right: 15px;
}
body > footer a:first-of-type{
    float:left;
    vertical-align: middle;
    opacity: 0.3;
    display:inline-block;
    margin-left: 15px;
    transition:all 1s;
}
body > footer a:first-of-type:hover{
    opacity: 1;
}
body > footer a:hover{
    color:#fff;
}
.ui-tooltip{
    box-shadow:0px 0px 5px #000 !important;
}
.ui-tooltip *{
    color:#000 !important;
}
body > section > article{
    z-index: 100;
    width:980px;
    height:80vH;
    margin:auto;
    position:absolute;
    top:calc(50% - 42vH);
    left:calc(50% - 490px);
    border:1px solid #BC892A;
    background-color:rgba(0,0,0,0.8);
    box-shadow:4px 4px 9px #000 !important;
    padding:20px 40px;
    border-radius:20px;
}
body > section > article > h6{
    display:none;
}
body > section > article > div{
    overflow: auto;
    margin-top:20px;
    max-height:100%;
    padding-bottom:15px;
}
body > section > article > div > ul{
    list-style-type: box;
    margin-left:30px;
}
body > section > article > div > ul > li{
    margin-top:6px;
    padding-left:5px;
}
body > section > article > div > aside.tbl{
    display:table;
    width:calc(100% - 40px);
    margin-top:6px;
    margin-left:30px;
}
body > section > article > div > aside.tbl span{
    display:table-cell;
}
body > section > article > div > aside.tbl span:first-of-type{
    width: 35%;
}
sup{
    font-size:0.6em;
    padding-left:3px;
}
#totop{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:25px;
    border:1px solid #BC892A;
    background-color:rgba(0,0,0,0.3);
    cursor:pointer;
    transition:all 0.5s;
    opacity: 0.8;
    color:#fff;
    position: fixed;
    bottom:50px;
    right:40px;
    z-index:101;
    font-weight:bold;
}
#totop:hover{
    opacity: 1;
}
.fehler{
    color:#BC892A;
}
#galerie figure{
    border:1px solid #BC892A;
    width:150px;
    height:150px;
    display:inline-block;
    background-size: cover;
    border-radius: 15px;
    margin:0px 10px 10px 0px;
    transition:all 0.6s;
    opacity: 0.6;
}
#galerie figure:hover{
    opacity: 1;
}
#galerie figure a{
    width:150px;
    height:150px;
    display:block;
}
/* ------------------------------ [+] Formular -------------------------------------------------- */

form,li,address,a,p,label,span{
    color:inherit;
    font-size:inherit;
}
form{
    line-height:32px;
    position:static;
}
form > label{
	vertical-align:top;
	display:inline-block;
	margin-left:50px;
	width:130px;
}
#detailcalc label{
	vertical-align:top;
}
form > input, input[type=text],input[type=number],select,option{
	padding:3px 5px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.8);
	border:1px dashed #666666;
	width:355px;
    color:#000;
}
form > input[type=submit],form > input[type=reset]{
	width:180px;
}
form > input[name=plz],form > input[name=hausnr]{
	width:57px;
}
form > input[name=ort],form > input[name=strasse]{
	width:292px;
}
form > input[name=firstname]{
	width:0px;
    height:0px;
    display:none;
}
textarea{
	padding:3px 5px;
	margin-top:5px;
	resize:none;
	width:357px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.8);
	border:1px dashed #666666;
    color:#000;
}
textarea:focus,input:focus{
	background-color:rgba(255,255,255,0.6);
}
/* ------------------------------ [-] Formular -------------------------------------------------- */