h2.wolf-title1{
    font-family: var(--font-base10);
    text-decoration: none;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 0.1em;
    transition: color 0.3s ease-in-out;
    text-decoration: none;
    background: linear-gradient(359deg, var(--farbe1), var(--farbe2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 3px;
    border-bottom: 3px solid rgb(255 255 255 / 20%);
}
.user-details li {
  margin: 6px 0;
	padding:10px;
	background: var(--farbe3);
    border-bottom: 3px solid var(--stickyrahmen);
}

.user-details i {
  color: var(--farbe2);
  margin: 8px;
  font-size: 16px;  
}

.user-details {
    list-style: none;
    padding: 2px;
    margin: 0;
}

.user-details b{
	
	font-size: 11px;  
    text-transform: uppercase;
}

.profil-description{
    text-align: justify!important;
	overflow:auto;
	height:200px;
	padding:10px;
	border-left:3px solid var(--farbe3);
}

/**/

/**/
.profile-footer {
    background-color:  var(--farbe5);
    border-top: 2px solid  var(--hintergrund2);
    padding: 10px 20px;
    display: flex;
    justify-content: space-around; /* Gleichmäßiger Abstand zwischen den Statistiken */
    align-items: center;
    font-family: 'Georgia', serif;
    font-size: 14px;
}

.stat-item {
    display: flex;
    align-items: center;
    position: relative;
}

.stat-item i {
    margin-right: 8px;
    font-size: 18px;
    color:  var(--farbe3); /* Goldene Farbe für die Icons */
}

.stat-title {
    margin-right: 5px;
}

.stat-value {
    font-weight: bold;
}

.stat-item:hover .tooltip {
    display: block;
}

/**/
.tabs {
  width: 100%;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs label {
  display: inline-block;
  padding: 10px 20px;
  margin-right: 5px;
  background: var(--hintergrund2);
  background-image: var(--hintergrund2);
  text-shadow: 1px 1px 1px var(--hintergrund2);
  color: var(--ueberschriftfarbenschrift);
  cursor: pointer;
}

.tabs label:hover {
  background: var(--farbe1);
  border-bottom:3px solid var(--farbe1);
}

.tabs input[type="radio"]:checked + label {
  background: var(--farbe1);
  border-bottom:3px solid var(--farbe1);
}

.tab-content {
  display: none;
  padding: 20px;
  background:  var(--hintergrund2);
  border: 0px solid  var(--rahmen);
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
	display: block;
}

.tab-content table {
  width: 100%;
  border-collapse: collapse;
}

.tab-content th, .tab-content td {
  padding: 10px;
  text-align: left;
}

.trow11 td{
  border-left:1px solid var(--rahmen);  
  border-bottom:1px solid var(--link);
}

