.profil-1 {width: 100%;height: auto;border: 4px double #444;box-sizing: border-box;}
.profil-2 {
    margin: 5px 5px 0px 5px;
    width: auto;
    height: auto;
    background-image: url(../../../designs/002/ohnetext.png);
    background-color: #222222;
    padding: 20px;
    box-sizing: border-box;
}
.profil-3 {width: 100%;height: auto;background: #222;border: #222222 solid 1px;box-sizing: border-box;}

.profil-name {color: #fff;text-align: center;font-family: 'loveofthunder';font-size: 42px; text-shadow: #222 1px 1px;}
.profil-sub1 {
    color: #fff;
    font-size: 10px;
    font-family: 'Calibri';
    text-transform: uppercase;
    display: block;
    border-top: 1px solid #fff;
    letter-spacing: 2px;
    padding-top: 5px;
    font-weight: normal;
}
.profil-icon {
    width: 240px;
    height: auto;
    background: #000;
    padding: 3px;
    border: 4px double #444;
}

/* HELL

.profil-icon {width: 240px;
    height: auto;
    background: #fff;
    padding: 6px;
	border: 2px solid rgb(126, 123, 96);}

.profil-ava {
    width: 240px;
    height: 210px;
    background: #fff;
    padding: 6px;
    border: 2px solid rgb(126, 123, 96);
}
.profil-ava1 {
    width: 240px;
    height: 210px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.profil-ava1 .profil-mask, .profil-ava1 .content {
    width: 240px;
    height: 210px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.profil-ava1 img {
   display: block;
   position: relative
}
.profil-ava1 h2 {
   text-align: center;
   position: relative;
   padding: 10px;
   margin: 35px 48px 0px 0px;
}

.profil-ava1 img { 
   transition: all 0.2s linear;
   
}
.profil-ava1 .profil-mask {
   opacity: 0;
   background-color: rgba(0,0,0, 0.8); 
   transition: all 0.4s ease-in-out;
}

.profil-ava1 h2 {
   transform: translateX(-200px);
   opacity: 0;
   transition: all 0.6s ease-in-out;
}


.profil-ava1:hover .profil-mask { 
opacity: 1;
}
.profil-ava1:hover h2 { opacity: 1;  transform: translateY(0px); }

.profil-inside {
    width: 240px;
    height: 210px;
    margin-top: -45px;
    margin-left: -10px;
    border: white solid 1px;
    background-color: rgb(78, 76, 61);
}
*/



/* ##### DUNKEL #####
.profil-ava {
    background: rgba(12, 12, 12, 0.45); 
    border: #222 solid 1px;
    width: 240px;
    height: 210px;  
    padding: 6px;   
}

.p1 {
    height: auto;
    border: 4px double #444;
}

.p2 {
    height: 27px;
    border-bottom: 1px solid #444;
}

.p3 {
    height: 9px;
    padding: 9px;
    background: #4e4c3d;
    text-align: center;
    font-family: lato;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 11px;
    border-right: 1px solid #444;
    float: left;
}

.p4 {
    height: 9px;
    padding: 9px;
    text-align: right;
    font-family: lato;
    font-weight: 800;
    color: #ccc;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 11px;
    float: right;
}
.p4 a:link {color:#ccc;} .p4 a:visited {color:#ccc;} .p4 a:hover {color:#ccc;}
*/

/* #### HELL #### 
.p1 {height: auto;border: 1px solid rgb(126, 123, 96);}
.p2 {
    height: 27px;
    border-bottom: 1px solid #ceccc4;
    background-color: #ffffff;
}
.p3 {height: 9px;
    padding: 9px;
    background: #4e4c3d;
    text-align: center;
    font-family: lato;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 11px;
    border-right: 1px solid #dcdcdc;
	float: left;}
.p4 {height: 9px;
    padding: 9px;
    background: #fff;
    text-align: right;
    font-family: lato;
    font-weight: 800;
    color: #666;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 11px;
	float: right;}
.p4 a:link {color:#4e4c3d;} .p4 a:visited {color:#4e4c3d;} .p4 a:hover {color:#4e4c3d;}
*/
#p5 { 
    font-size: 12px;
    box-sizing: border-box;
    color: #ceccc4;
    letter-spacing: .3px;
    text-align: justify;
    overflow: auto;
    height: 216px;
    padding: 10px;
	font-family: 'Calibri';}

.p6 {
    width: 100%;
    margin-top: 3px;
    letter-spacing: 1px;
    height: auto;
    box-sizing: border-box;
    background-color: #4e4c3d;
    border: 1px solid rgb(126, 123, 96);
    padding: 4px 11px;
    font-weight: bold;
    font-size: 8px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.p6 a:link {color:#ceccc4;}
.p6 a:visited {color:#ceccc4;}
.p6 a:hover {color:#ceccc4;}
.p6 a:active {color:#ceccc4;}

.p7 {
    font-size: 12px;
    /* letter-spacing: 1px; */
    padding-bottom: 2px;
    text-shadow: #000 1px 1px;
    border-bottom: #7e7b60 solid 1px;
    margin-bottom: 5px;
    padding-left: 10px;
    /* font-family: 'Fjalla One'; */
}
.p8 {
    font-size: 10px;
    font-family: 'Calibri';
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    color: rgba(212, 212, 212, 0.75);
}

.p9 {
    width: 100%;
    height: auto;
    border: 4px double #444;
}

.p10 {
    background-image: url(../../../designs/002/ohnetext.png);
    padding: 5px;
    text-align: center;
    color: #4e4c3d;
    font-family: 'Calibri';
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .5px;
    font-weight: bold;
}

.p11 {
    border: 1px solid #7e7b60;
    border-radius: 0px;
    padding: 9px;
    text-align: center;
    letter-spacing: 2px;
    background-image: none;
    background-color: #4e4c3d;
    color: #fff;
    /* font-family: 'Open Sans', sans-serif; */
    text-transform: uppercase;
    font-size: 12px;
    margin: 1%;
    text-shadow: #000 1px 1px 1px;
    line-height: 1em;
    font-size: 13px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    font-family: 'Fjalla One';
}

.tracker-h1 {
    width: 100%;
    letter-spacing: 1px;
    height: auto;
    box-sizing: border-box;
    background-color: #4e4c3d;
    border: 1px solid rgb(126, 123, 96);
    padding: 8px 11px;
    font-weight: bold;
    font-size: 8px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
}