.rep {width: 85rem; min-height: 20rem; height: auto; background: linear-gradient(-270deg, var(--h-headersecondcolor) 0%, var(--h-headersecondcolor) 26%, transparent 26%); margin: 0rem auto; margin-left: -2.2rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 1rem;}

.replaybox {

background: var(--p-postbit); 
min-height: 20rem; 
height: auto; 
max-width: 84rem; 
margin-left: 2.5rem;
border-right: 0.5rem solid var(--h-headersecondcolor);
}

.rep__kopf {

box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.0); 
min-height: 10rem; 
width: 100%; 
padding: 2rem 1rem 2rem 3.3rem; 
overflow: hidden; 
position: relative; 

}

.rep__title {

background: rgba(0, 0, 0, 0.0);
width: 80rem;
height: 4rem;
font: 2rem 'Voces', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.0rem;
color: var(--h-headertitle);
position: relative;
top: 0rem;
left: -1rem;
text-align: left;
opacity: 0.8;

}


.rep__user {

height: 2rem;
width: 50rem; 
font: 0.85rem 'Voces', sans-serif; 
color: var(--h-headertitle);
text-align: left; 
text-transform: uppercase; 
letter-spacing: 0.3rem; 
font-weight: 760;
margin-left: 0;
margin-top: 0;

}


.rep__messagebox {

width: 100%;
background: rgba(249, 250, 250, 0.0);
position: relative; 
}


.rep__messagebox-left {

padding: 0rem 0rem 0rem 3rem;
width: 92%;

}


.rep__messagebox-right {

width: 15%;
position: absolute;
top: 0;
right: 0;

}

.rep__footer {

box-sizing: border-box;
min-height: 10rem; 
height: auto;
width: 100%; 
padding: 3rem; 
overflow: hidden; 
position: relative; 
margin-bottom: 0.5rem;
font: 0.85rem 'Voces', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.0rem;
color: var(--h-headertitle);
text-align: left; 
line-height: 1.5rem;

}

.rep__buttons {
position: relative;
width: 100%;
height: 5rem;
text-align: center;
margin-top: -3rem;
padding-bottom: 5rem;
}



.rep__smile {

background: ;
width: 25rem;
height: 12rem;
top: 0rem;
right: 0rem;
position: absolute;
}

.smiliebox {

width: 90%;
position: relative;
margin: 1.5rem auto;
text-align: justify;
}

.smilie-smile {

display: inline-block;
padding: 0.3rem;
opacity: 0.8;
z-index: 2;
}


smile {
position: absolute;
right: 1rem;
top: 6rem;
color: rgba(109, 34, 34, 0.10);
font: 600 2.5rem 'Voces', sans-serif;
transform: rotate(10deg);
padding: 0.8rem;
border: 0.2rem solid rgba(69, 22, 22, 0.10);
border-radius: 100%;
}






.postbit__message {

width: 100%;
color: var(--p-text); 
font: 500 0.9rem 'Open-sans', sans-serif; 
line-height: 1.6rem; 
text-align: justify;
}