/**************/
/*Defaults*/
/*************/

#wrappr{
    bottom: 0;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 80;
}

html, body {
    background:#040403;
    overflow : auto;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align:center;
    border: none;
    color:#000;
    font-size: 0.98em;
    line-height: 1.8em;
    font-family: 'Fira Sans Condensed', sans-serif;
}
#halign{
    position:relative;
    margin:auto;
    max-width:1800px;
    min-height: 100%;

    z-index:15;

}
.timage{
    position:relative;
    width:100%;

    z-index: 80;
}

.hd_template{
    position:relative;
    display: block;
    margin-left: auto;
    width:100%;
    height:auto;

    /*clip-path: polygon( 15.40% 0.00%, 100% 0.00%, 100% 94.00% );*/
    z-index: 85;
    opacity:0.5;
}
.cover8{
    width:100%;
    height:100%;

}

a{
    opacity:0.75;
}
a:hover{
    opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 h1, h2 {
       color:#e48901;
        margin: 0;
        margin-bottom:0.2%;
        padding: 0;
        font-size: 2.2em;
        line-height:1.65em;
        letter-spacing:0.02em;
        font-weight:400;
    }
h3 {
       color:#e48901;
        margin: 0;
        margin-bottom:5%;
        padding: 0;
        font-size: 1.2em;
        line-height:1.3em;
        letter-spacing:0.02em;
        font-weight:400;
    }

/***************************************
Flex grid Menü/Inhalt
***************************************/
.grid{
    position:relative;
   margin-top:-55%;
    display:flex;
    width:100%;
    height:100%;
    z-index: 90;
    text-align:left;
}
/*left*/
.grd_flxit:first-child{
    width:27%;
    min-height:870px;
    margin:4% 4% 0 1%;
    background:#2e1d13;
    text-align:center;
    border-radius:8px;

}
.logo{
    position:relative;
    margin-top:-20%;
}
.sitenav{
    margin: auto;
    max-width:360px;
    margin-top:-8px;
}

.sitenav a{
    padding-right:12px;
     color:#fe8e00;
     font-weight:400;
     font-size:1.2em;
     font-weight:300;
     text-decoration:none;
     letter-spacing:0.05em;
}
.lnav{
    width:302px;
    text-align:left;
    margin:10% 0 0 4.8%;
}
.lnav ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.lnav li{
    border-bottom:1px solid #8b540b;
}
.lnav li:last-child{
    border:0;
}

.lnav a{
    color:#fe8e00;
     font-weight:400;
     font-size:1.2em;
     text-decoration:none;
     font-weight:300;
}
.lnav b{
     font-size:1.4em;
     font-weight:300;
     font-variant: small-caps;
     letter-spacing:0.05em;
}
.lnav li ul li {
    border-bottom:0;
    padding-left:10px;
}
.lnav li ul li:first-child {
    padding-top:10px;
}
/*right*/
.grd_flxit:nth-child(2){
    margin-top:11.1%;
    color:#f0f0ef;
    font-size:1.1em;
    Line-height:1.4em;
    width:63%;
    letter-spacing:0.01em;
}