/* ######### PROFIL ######### */
    
    .profil_around { width: 1040px; background: var(--dunkel); margin: auto;}
    
    .profil_links {width: 1040px; margin: auto; display: flex;}
    .profil_links_tab {border: 1px solid var(--schwarz); padding: 5px; width: 250px; margin: 5px; font-size: 12px; font-family: 'Frank Ruhl Libre', serif; color: var(--schwarz); letter-spacing: 2px; text-transform: uppercase; font-weight: bold; text-align: center;}

.profil_contentflex {display: flex; }
.profil_leftcontent {padding: 20px;margin: 0 10px 0 20px; width: 280px;}
.profil_rightcontent {margin: 0 20px 0 0px; width: 100%;}

    
    .profil_name {font-size: 35px; font-family: 'Yeseva One', cursive; text-align: left; padding: 30px; background: var(--hell); text-transform: lowercase;}
    .profil_usertitle {font-size: 13px; font-family: 'Frank Ruhl Libre', serif; letter-spacing: 0.5pt; font-style: italic; color: var(--schwarz); text-align: left;}
    
    .profil_content {display: grid; grid-template-columns: 65% 35%;  gap: 15px; padding: 20px; margin: 0px 0px 0px 0px; font-size: 12px;font-family: 'Frank Ruhl Libre', serif; }
    
    .profil_ava {text-align: center;}
    .profil_charafacts {grid-column: 1/3; grid-row: 2/3; border: 1px solid var(--hell); overflow: auto; display: flex; gap: 10px; }
    .profil_charafacts_fact_cat {font-size: 10px; color: var(--schwarz); text-transform: uppercase; letter-spacing: 0.5pt; font-family: 'Yeseva One', cursive; line-height: 14px; padding: 5px 10px 5px 10px; font-weight: 400; background: var(--hell); margin: 0px 5px 0px 0; display: inline-block; }
    .profil_charafacts_fact {padding: 5px 0px 5px 15px; font-size: 11px; color: var(--schwarz); letter-spacing: 0.5pt; font-family: 'Arial', serif; line-height: 20px; text-align: left; text-align: justify;}
    
    .profil_fact1 {padding: 10px; width: 80%;}
    .profil_fact2 {padding: 10px; width: 100%;}
    
    .profil_look {grid-column: 2/3; grid-row: 1/2; padding: 10px; width: 92%; display: flex; flex-wrap: wrap; border: 1px solid var(--hell); align-items: center;}
    
    
    .profil_desc {grid-column: 1/2; grid-row: 1/2; text-align: justify; font-size: 12px; letter-spacing: 0.4pt; line-height: 18px; font-family: 'Arial', sans-serif; opacity: 0.8; padding: 30px; background: var(--hell); height: 180px; overflow: auto;}
    
    .profil_userfacts {margin: 15px 0 15px 0; text-align: left;}
    .profil_userfacts_user {font-size: 32px; font-family: 'Yeseva One', cursive;}
    .profil_userfacts_fact {font-size: 10px;font-family: 'Frank Ruhl Libre', serif; border: 1px solid var(--schwarz); color: var(--schwarz); padding: 5px; text-transform: uppercase; display: inline-block; letter-spacing: 0.5pt; margin: 5px 0 5px 0; }
.profil_userfacts_fact a {font-size: 10px;}
    .profil_userfacts_fact_onoff {font-size: 14px;font-family: 'Frank Ruhl Libre', serif; color: var(--schwarz); padding: 1px; text-transform: lowercase; letter-spacing: 0.5pt; margin: 0px 0 0px 0; font-style: italic;}
    
    .profil_basefact {text-align: right; margin: 15px 0 15px 0;}
    .profil_headfact {font-size: 10px;font-family: 'Frank Ruhl Libre', serif; border: 1px solid var(--schwarz); color: var(--schwarz); padding: 5px; text-transform: uppercase; display: inline-block; letter-spacing: 0.5pt; margin: 5px 0 5px 0;}
    
    .profil_icon {text-align: center;}
    .profil_icon img {max-width: 200px;}
 
    .profil_sig {grid-row: 3/4; grid-column: 1/3;}
    
    .profil_zweitcharas {text-align: left; align-items: flex-start; height: 300px; overflow: auto;}
    .profil_zweitcharas_char_flex {display: flex; align-items: center;gap: 15px;margin-bottom: 5px;} 
    .profil_zweitcharas_char_icon img {width: 50px; height: 50px; object-fit: cover; border-radius: 100px;}
    .profil_zweitcharas_char { text-transform: none; letter-spacing: 0.3pt; font-size: 13px; border-bottom: 1px solid var(--hell); }
    
 /* ######### PROFIL TABS ######### */
    .profil_links { width: 100%; margin: auto;}
    .profil_links_tab { width: 230px; background-color: var(--accent1); ; border: none; color: var(--hell); padding: 15px 23px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; text-transform: lowercase; letter-spacing: 1px; margin: 10px 10px 0px 10px;}
    .profil_links_tab:hover { background-color: var(--dunkel); color: var(--accent1); }
    .tabcontent {  display: none; padding: 0px;}
.profil_links_tab a {color: var(--hell); font-size: 13px; text-transform: lowercase; letter-spacing: 1px; font-weight: bold;}
    .profil_links_tab:hover a { color: var(--accent1); }

    

 /* ######### LOGBOOK ######### */
    .profil_log { border: 1px solid var(--hell); padding: 20px 30px 20px 30px; line-height: 20px; height: 900px; overflow: auto;  font-size: 12px; margin-top: 20px;}
    .profil_log_month {font-size: 12px; color: var(--schwarz); text-transform: uppercase; letter-spacing: 1pt; font-family: 'Yeseva One', cursive; padding: 10px 15px 10px 15px; font-weight: 600; background: var(--hell); text-align: center; margin: 15px 0 15px 0;}
    .profil_log_scene {letter-spacing: 1pt; text-align: left; }
    .profil_log_title {margin-top: 10px; font-weight: bold; margin-bottom: 10px;}
    .profil_log_title a {border-bottom: 3px solid var(--accent1); margin-bottom: 2px; font-size: 13px;}
    .profil_log_title a:hover {color: var(--hell);}
    .profil_log_dateplace {margin-left: 15px;}
    .profil_log_user { text-transform: uppercase; margin-left: 15px; font-size: 10px; opacity: 0.6;}
.profil_log_trigger {font-style: italic; font-size: 9px; text-transform: uppercase;}
    
    .profil_log_userfacts { margin-top: 20px; text-align: right; align-self:center;}
    .profil_log_userfacts_user {font-size: 32px; font-family: 'Yeseva One', cursive;}
    .profil_log_userfacts_fact {font-size: 11px;font-family: 'Frank Ruhl Libre', serif; border: 1px solid var(--schwarz); color: var(--schwarz); padding: 5px; text-transform: uppercase; display: inline-block; letter-spacing: 0.5pt; margin: 5px 0 5px 0;}

 /* ######### TIMELINE ######### */
    .profil_timeline { border: 1px solid var(--hell); padding: 20px 30px 20px 30px; line-height: 20px; height: 900px; overflow: auto;  font-size: 12px; margin-top: 20px; text-align: left;}