/* Der Rahmen um den Header */
.postbit_author_frame {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #101010;
    min-height: 140px;
    padding: 15px 25px;
    margin-bottom: 20px; /* Abstand zum eigentlichen Beitragstext */
    border-bottom: 1px solid #1a1a1a;
    box-sizing: border-box;
}

/* Linker Block */
.postbit_author_name {
    flex: 0 0 500px;
    display: flex;
    flex-direction: column;
    font-family: 'Blender Pro';
    font-size: 40px;
    letter-spacing: 2px;
    align-items: center;
}

.postbit_author_name .main_name a {
    font-family: 'kenyan_coffeeregular', sans-serif;
    font-size: 38px;
    color: #00ff45; /* Neon-Grün wie im Screen */
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}

.post_alias {
    font-family: 'genosthin', sans-serif;
    font-size: 18px;
    color: rgba(255,255,255,0.1);
    text-transform: uppercase;
    margin-top: -5px;
}

/* Mittlerer Block (Die 6 Infos) */
.postbit_author_infos-frame {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Zwei Spalten nebeneinander */
    gap: 10px 20px;
    margin: 0 30px;
    font-family: 'Blender Pro', sans-serif;
}

.postbit_author_infos {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #6f6f6f;
}

.postbit_author_infos i {
    width: 25px;
    font-size: 18px;
    color: #888;
}

/* Rechter Block (Icon) */
.post_profileMiniIcon {
    width: 100px;
    height: 100px;
    background: #161616;
    border-radius: 2px;
    overflow: hidden;
}

.post_profileMiniIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* DEINE GRUPPEN-FARBEN (Beispielhaft, bitte so lassen wie sie waren) */
.gB11 { border: 2px solid #00ff45; } /* Beispiel für Menschen-Grün */



.postbit_usertitle {
    /* transform: rotate(270deg); */
    position: relative;
    left: 0px;
    top: -8px;
    font-size: 18px;
    font-family: 'Blender Pro';
    /* font-weight: 600; */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #616161;
    text-align: center;
    background: #ffffff0a;
    width: 330px;
    height: 22px;
    margin: 0px 5px;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.post_profileIcon {

    /* padding: 7px; */

    /* border: 2px dashed #555238; */

    margin-top: 8px;

    margin-left: 4px;

    width: 330px;

    height: 150px;

}



.postbit_userinfos {

    background: #161616;

    height: 25px;

    width: 164px;

    margin: 2px 1px 0px 2px;

    float: left;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 3px 0px;

    left: 8px;

    position: relative;

    color: #5b5b5b;

    text-transform: uppercase;

    font-family: 'Titillium Web', sans-serif;

    letter-spacing: 1px;

    font-size: 12px;

}



.postbit_userinfos2 {

    background: #161616;

    height: 25px;

    width: 331px;

    margin: 5px 5px 0px 2px;

    /* float: left; */

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 3px 0px;

    left: 8px;

    position: relative;

    color: #5b5b5b;

    text-transform: uppercase;

    font-family: 'Titillium Web', sans-serif;

    letter-spacing: 1px;

    font-size: 12px;

    top: 5px;

}



.postbit_userinfos3 {

    background: #161616;

    height: 25px;

    width: 331px;

    margin: 5px 5px 0px 2px;

    /* float: left; */

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 3px 0px;

    left: 8px;

    position: relative;

    color: #959595;

    text-transform: none;

    font-family: 'Titillium Web', sans-serif;

    letter-spacing: 1px;

    font-size: 12px;

    top: 5px;

}



.g8 { background: #0000001a !important; }/* Dämon */

.g9 { background: #ffffff08 !important; }/* Engel */

.g10 { background: #9f00ff0a !important; }/* Hexen */

.g11 { background: #00ff4505 !important; }/* Menschen */

.g12 { background: #6b410014 !important; }/* Shadewalker */

.g13 { background: #6b000014 !important; }/* Vampire */

.g14 { background: #0089ff0a !important; }/* Sensenmänner */



.gB8 { border: #0000001a 3px solid !important; }/* Dämon */

.gB9 { border: #ffffff08 3px solid !important; }/* Engel */

.gB10 { border: #9f00ff0a 3px solid !important; }/* Hexen */

.gB11 { border: #00ff4505 3px solid !important; }/* Menschen */

.gB12 { border: #6b410014 3px solid !important; }/* Shadewalker */

.gB13 { border: #6b000014 3px solid !important; }/* Vampire */

.gB14 { background: #0089ff0a !important; }/* Sensenmänner */



.gBT8 { border-top: #0000001a 3px solid !important; }/* Dämon */

.gBT9 { border-top: #ffffff08 3px solid !important; }/* Engel */

.gBT10 { border-top: #9f00ff0a 3px solid !important; }/* Hexen */

.gBT11 { border-top: #00ff4505 3px solid !important; }/* Menschen */

.gBT12 { border-top: #6b410014 3px solid !important; }/* Shadewalker */

.gBT13 { border-top: #6b000014 3px solid !important; }/* Vampire */

.gBT14 { border-top: #0089ff0a 3px solid !important; }/* Sensenmänner */



.postbit_gpcolor {

    box-sizing: border-box;

    text-align: center;

    position: absolute;

    margin: -96px -72px 0px 1px;

    width: 431px;

    height: 139px;

    float: left;

    /* border-radius: 0px 360px 366px 0px; */

    /* background: #fff; */

    clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 99%, 0% 100%);

}