.usercp_nav_item {
    padding: 1px 0 1px 5px;
}
.usercp_nav_composepm {
	background-position: 0 0;
}

.usercp_nav_pmfolder {
	background-position: 0 -20px;
}

.usercp_nav_sub_pmfolder {
	padding-left: 9px;
	background-position: 0 -40px;
}

.usercp_nav_trash_pmfolder {
	padding-left: 9px;
	background-position: 0 -60px;
}

.usercp_nav_pmtracking {
	background-position: 0 -80px;
}

.usercp_nav_pmfolders {
	background-position: 0 -100px;
}

.usercp_nav_profile {
	background-position: 0 -120px;
}

.usercp_nav_email {
	padding-left: 9px;
	background-position: 0 -140px;
}

.usercp_nav_password {
	padding-left: 9px;
	background-position: 0 -160px;
}

.usercp_nav_username {
	padding-left: 9px;
	background-position: 0 -180px;
}

.usercp_nav_editsig {
	padding-left: 9px;
	background-position: 0 -180px;
}

.usercp_nav_avatar {
	padding-left: 9px;
	background-position: 0 -220px;
}

.usercp_nav_options {
	background-position: 0 -240px;
}

.usercp_nav_usergroups {
	background-position: 0 -260px;
}

.usercp_nav_editlists {
	background-position: 0 -280px;
}

.usercp_nav_attachments {
	background-position: 0 -300px;
}

.usercp_nav_drafts {
	background-position: 0 -320px;
}

.usercp_nav_subscriptions {
	background-position: 0 -340px;
}

.usercp_nav_fsubscriptions {
	background-position: 0 -360px;
}

.usercp_nav_viewprofile {
	background-position: 0 -380px;
}

.usercp_nav_home {
	background-position: 0 -400px;
}

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid var(--linie1);
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: var(--background4);
	border: 1px solid var(--linie1);
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #fff;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid var(--linie1);
	background: #167203;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}
		
.new_pm {
	font-weight: bold;
}
.user_text{
 padding: 20px;
  height: 432px;
  width: 700px;
  background: #ad9d86;
  font-size: 13px;
  color: #766146
  line-height: 150%;
  overflow: auto;
 
}

.usercp_header {
    text-decoration: none;
    padding: 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--text5);
    font-size: 17px;
    text-align: center;
    line-height: 10px;
    width: 350px;
    font-family: "YoungSerif-Bold", sans-serif;
    float: left;
    background-color: var(--farbe1);
    margin-bottom: 2px;

}
.usercp_header2 {
    font-size: 19px;
    font-weight: 600;
    font-family: Cambria, Georgia, serif;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 5px 0;
    line-height: 22px;
    letter-spacing: 1px;
    padding: 0;

}
.usercp_header3 {
    font-size: 14px;
    font-weight: 600;
    font-family: Cambria, Georgia, serif;
    margin: 0 0 5px 0;
    text-align: left;
    line-height: 18px;
    padding: 0;

}

.member_header3, .member_header2, .member_username {
    text-align: left;
    margin: 0 0 5px 0;
}

.usercp_menue {

}

.usercp_menue a {
    color: var(--text1);
    font-size: 10px;
    width: 161px;
    letter-spacing: 0.8pt;
    padding: 5px;
    display: block;
    float: left;
    margin: 2px;
    text-decoration: none;
    position: relative;
}

.usercp_menue a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60%;              /* Länge der Linie */
    height: 1px;
    background: var(--linie3);

    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.usercp_menue a:hover::after {
    transform: translateX(-50%) scaleX(1);
	background: var(--linie1);
}

.usercp_menue_pic {
 margin: -30px 0px -30px -60px; position: relative;
}

.usercp_menue_gif {
  background-color: #f6eae1; border: #ebddd1 solid 3px; border-radius: 90px; width: 40px; height: 40px;

}

.usercp_willkommen {
    background: var(--farbe1);
    width: 380px;
    color: var(--text3);
    letter-spacing: 0.5pt;
    padding: 10px;
    text-align: justify;
    margin: 0px 15px 0px 15px;
    font-size: 13px;
}

.usercp_thead {
    background-color: var(--farbe1);
    height: 40px;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.2em;
    color: var(--text5);
    font-family: "YoungSerif-Bold", sans-serif;
    padding: 8px;
   
}

.usercp_thead2 {
    background-color: var(--background4);
	color: var(--text1)
    height: 20px;
    text-transform: uppercase;
    padding: 3px;
    width: 99%;
 text-align: center;

}

.usercp_post {
    background: #776e5b;
    width: 200px;
    color: #a6a099;
    letter-spacing: 0.5pt;
    padding: 6px 6px 6px 6px;
    text-align: center;
    margin: 1px;
    height: 15px;
    text-transform: uppercase;
    font-size: 12px;
}

.usercp_icon {
    padding: 6px 6px 6px 6px;
    text-align: center;
    margin: 1px;
    height: 15px;
    font-size: 14px;
}


.usercp_fakt1 {
   border-bottom: 1px solid var(--linie4);
    width: 240px;
    color: var(--text1);
    letter-spacing: 0.5pt;
    padding: 10px 6px 10px 6px;
    text-align: left;
    margin: 4px;
    font-size: 10px;
}
.usercp_fakt2 {
      background: var(--farbe1);
    width: 240px;
    color: var(--text5);
    letter-spacing: 0pt;
    padding: 6px 6px 6px 6px;
    text-align: left;
    margin: 1px;
     font-size: 10px;
}
.usercp_fakt3 {
       background: var(--farbe1);
    width: 240px;
    color: var(--text5);
    letter-spacing: 0pt;
    padding: 6px 6px 6px 6px;
    text-align: left;
    margin: 1px;
    font-size: 10px;
}
.usercp_fakt4 {
    color: var(--text1);
    letter-spacing: 0.5pt;
    margin: 4px;
    font-size: 10px;
	justify-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
  
}
.usercp_head2 {
    color: var(--text1);
    font-size: 17px;
    height: 26px;
    letter-spacing: 2px;
    margin: 2px;
    text-decoration: none;
        text-transform: uppercase;
    transition: all 0.5s ease 0s;
    white-space: nowrap;
    width: 99%;
    padding: 3px 0 0 3px;

}

.userprofil_eingabe{
   font-size: 17px;
   color: #bbab8e;
   text-transform: uppercase;
   text-decoration: none;
   text-align: left;
}

.userprofil_zusatz{
  font-size: 14px;
  color: var(--text3);
  text-decoration: none;
  font-style: italic;

}
.textbox_ucp{
    background: #0e0e0e;
    color: #a6a099;
    border: 1px solid #0e0e0e;
    padding: 5px;
    outline: 0;
    font-size: 13px;
    width: 300px;
	
}

.userprofil_back{
background-color: #776e5b;
	
}

.smalltext_away {
font-size: 11px;
color: var(--text3);
	
}		
		
.usercp_menue2 {
margin-left: 10px;
	
}

.usercp_menue2  a:link, .usercp_menue2 a:visited {
  color: var(--text5);
  font-size: 14px; 
  letter-spacing: 0.5pt; 
  padding: 10px;
  display: block; 
  float: left; 
  /*margin: 2px;*/
  border: 1px solid var(--farbe4);
  /*border-radius: 20px 20px 0 0;*/
  box-shadow: inset 0 -3px 0 -1px var(--farbe4);
  text-decoration: none;
  transition: all .5s;
  margin-bottom: -3px;
 margin-left: 2px;
  background-color: var(--farbe1);

}

.usercp_menue2  a:hover, .usercp_menue2 a:hover {
 color: var(--farbe1);
	box-shadow: inset 0 -40px 0 var(--farbe4);
}

.usercp_menue2 a:active {
	color: var(--farbe1);
	background-color: var(--farbe4);
}
		
.usercp_trow1 {
    background: var(--farbe5);
    padding: 13px;
    text-decoration: none;
    font-size: 13px;
    font-style: normal;
}		

.usercp_trow2 {
    background: #f9f3e7;
    padding: 13px;
    border-bottom: #ccc 1px dashed;
    text-decoration: none;
    font-size: 13px;
    font-style: normal;

}

.usercp_header_stecki {
text-decoration: none;
    padding: 5px 50px 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--text5);
    text-align: center;
    line-height: 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--farbe4);
    margin: 10px;
    font-family: EagleLake, sans-serif;
}
.usercp_protit {
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.2em;
}
.ucp_banner {
    background: url(https://www.buffymagazin.de/CamdenVillage/images/goldrush/kat_blank.jpg) no-repeat;
    background-size: cover !important;
    background-position: center;
    padding: 0 !important;
    width: 100%;
    height: 76px;
    margin-top: -5px;
}
.ucp_ueber {
    font-size: 20px;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px;
    font-family: "YoungSerif-Bold", sans-serif;
}
/* Flex-Container für Avatar + Willkommensbox + Thema*/
.usercp_welcome_flex3 {
  display: flex;
  gap: 20px;                /* Abstand zwischen Avatar und Box */
  align-items:stretch;
  flex-wrap: wrap;  
  width: 100%;
  max-width: 930px;
  margin: 0 auto;

}

/* LINKER AVATAR-BLOCK */
.usercp_container2 {
  flex: 0 0 150px; /* feste Basisbreite, wächst nicht */
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap; /* bei kleinen Screens umbrechen */
  padding: 10px; /* rundherum 10px */ 
	color: var(--text1); 
	box-sizing: border-box; /* padding wird in width/height eingerechnet */ 
	display: block; /* wichtig für volle Kontrolle über padding */ 
	border-radius: 5px;
  	 flex: 0 0 220px;
border: 1px solid var(--background4);

}

/* Bild in der Box */
.usercp_container2 img {
  max-width: 100%;           /* Bild passt sich Breite an */
  max-height: 100%;          /* Bild passt sich Höhe an */
  object-fit: cover;         /* schneidet Bild nicht verzerrt */
  display: block;
}

/* Willkommensbox - Mitte*/
.usercp_welcome_box {
  flex: 2;                  /* Nimmt den Rest der Breite ein */
  padding: 13px;
  border-radius: 5px;
 display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--background4);
}

/*Rechte Faktenbox */
.usercp_welcome_theme {
  flex: 1;                  /* nimmt weniger Platz als Textbox */
	border-radius: 5px;
  border: 1px solid var(--background4);
	background-image: url(https://buffymagazin.de/CamdenVillage/images/goldrush/icon_campfire.png);
	background-size: 150px 150px;
	background-repeat: no-repeat;
    background-position: center center;
	/* optional */
}

.usercp_welcome_theme img {
width: 100%;          /* nimmt 100% des Containers */
    max-width: 200px;     /* maximal 200px breit */
    height: auto;         /* Höhe passt sich proportional an */
    max-height: 200px;    /* maximal 200px hoch */
    padding: 20px;
    background-color: var(--farbe1);
    color: var(--text5);
    text-align: center;
    line-height: 10px;
    margin: 0 0 2px 0;
    float: left;
    object-fit: cover;    /* sorgt dafür, dass Bild nicht verzerrt wird */
}


.usercp_icon2 { 
	 width: 200px;               /* feste Breite */
    height: 100px;              /* feste Höhe */
    max-width: 200px;
    max-height: 100px;
    overflow: hidden;       
	text-align: center; 
	line-height: 10px; 
	float: none; /* float entfernen, sonst verschiebt es die Seitenabstände */ 
		object-fit: cover; margin: 0 auto; /* optional, zentriert das Bild */ 
} 

/* Bild selbst */
.usercp_icon2 img {
    width: 100% !important;     /* erzwingt Breite */
    height: 100% !important;    /* erzwingt Höhe */
    object-fit: cover;          /* zuschneiden, nicht verzerren */
    display: block;
}

.usercp_img { 
	 width: 200px;              /* feste Breite */
    height: 200px;             /* feste Höhe */
    max-width: 200px;
    max-height: 200px;
    overflow: hidden;    
	text-align: center; 
	line-height: 10px; 
	float: none; /* float entfernen, sonst verschiebt es die Seitenabstände */ 
	aspect-ratio: 1 / 1;
	border-radius: 50%;
    box-sizing: border-box;
	object-fit: cover; 
	margin: 0 auto; /* optional, zentriert das Bild */ 
}
/* Das Bild selbst */
.usercp_img img {
    width: 100% !important;    /* erzwingt 200px Breite */
    height: 100% !important;   /* erzwingt 200px Höhe */
    object-fit: cover;         /* schneidet Bild sauber zu */
    display: block;
}
.ucp_welcome_header {
	    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--text1);
    text-align: center;
    border-bottom: 1px solid var(--linie1);
    font-size: 15px;
	font-family: "YoungSerif-Bold", sans-serif;

}
.ucp_einstellung {
		font-family: "YoungSerif-Bold", sans-serif;
	text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--farbe2);
    text-align: center;
    line-height: 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--linie1);
    margin: 15px;
	font-size: 15px;
	padding: 10px;
}
.usercp_navi2 {
margin-left: 10px;
}

.private_bedingung {
    display: flex;
    justify-content: center;
    align-items: center;
	
}

.usercp_navi  a:link, .usercp_navi a:visited {
  color: var(--text3);
  font-family: "YoungSerif-Bold", sans-serif;
  font-weight: bold;
  font-size: 14px; 
  padding: 10px 10px 4px 10px;
 /* display: block; */
  /*float: left; */
  text-decoration: none;
  transition: all .5s;
  margin-bottom: -3px;
  position: relative;
  margin-left: 17px;
  text-transform: uppercase;

  
}
.usercp_navi a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 60%;              /* Länge der Linie */
    height: 1px;
    background: var(--linie1);
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}
.usercp_navi a:hover::after {
    transform: translateX(-50%) scaleX(1);
	background: var(--linie1);
}

.usercp_navi a:active::after {
	color: var(--text1);
	background: var(--linie3);
	
}

.usercp_navi_trennlinie{
 background-image: url(https://www.buffymagazin.de/camdenvillage/images/goldrush/seperator_hor_double.png);
    background-repeat: no-repeat;
    background-size: auto;             /* Originalgröße beibehalten */
    background-position: center;
    height: 40px;                       /* Originalhöhe */
    clear: both;                        /* unter dem Menü */
    
}
.ucp_claim_header {
	text-decoration: none;
    padding: 5px 50px 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--text1);
    text-align: center;
    line-height: 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--linie1);
    margin: 10px;
	font-family: "YoungSerif-Bold", sans-serif;
}
.ucp_alias_header {
	font-family: "YoungSerif-Bold", sans-serif;
	text-decoration: none;
    padding: 5px 50px 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--text1);
    line-height: 10px;
    margin: 10px;
	 display: block;
    text-align: center;
    
}

.bio-template-hint {
  padding: 10px;
  font-size: 13px;
  color: var(--text1);
  border: 1px solid var(--linie1);
  width: 100%;
 max-width: 847px;
margin: auto;
border-top: none;
}

.bio-template-hint code {
  display: block;
  font-family: monospace;
}
table.password_table {
    border-collapse: collapse;
	width: calc(100% - 145px);
    margin: 0 auto;
}

table.password_table td {
    padding: 14px 30px;

}
.current_avatar {
	    font-size: 13px;
    margin: auto;
    padding: 10px 20px 10px 20px;
    text-align: justify;
    display: flex;
    border: 1px solid var(--linie1);
    border-radius: 5px;
    background: var(--background);
    width: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
    color: var(--text1);
}

.current_avatar2 {
	    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    overflow: hidden;
    text-align: center;
    line-height: 10px;
    float: none;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    box-sizing: border-box;
    object-fit: cover;
    margin: 0 auto;
}
.current_avatar2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avatar_row td {
    padding-left: 30px;
    padding-right: 30px;
}
.avatar_header {
    padding-left: 30px;
    padding-right: 30px;
}
.usercp_fakten {
	font-size: 14px;
    font-weight: 600;
    font-family: Cambria, Georgia, serif;
    margin: 0 0 5px 0;
    text-align: left;
    line-height: 18px;
    padding: 10px;
}