.iconprofil {
margin:auto auto;
	width:300px;
}

.profilh {
text-align:center;
font-size:16px;
	margin:5px 20px 0px 20px;
border-bottom:2px solid var(--bordercolor);
color:var(--txt);
letter-spacing:2px;}

.profili {padding:5px 20px;
color:var(--golden);
margin-bottom:10px;}

.styled-slider {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: var(--txt);
  border-radius: 4px;
  outline: none;
  transition: background 0.3s;
}
.styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--golden);
  cursor: pointer;
  transition: background 0.3s, transform 0.1s;
}
.styled-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.styled-slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--golden);
  cursor: pointer;
  transition: background 0.3s, transform 0.1s;
}
.styled-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
}


.point {background:var(--back);
	line-height:25px;
	margin:5px;
padding:3px 5px !important;}

.tabs {
width:100%;}

.tabs button {background: var(--body);
  padding: 5px 15px;
	border:0px; 
	border-radius:2px;
  color: var(--golden);
  font-weight: bold;
  transition: 1s;
  margin:8px;
font-family: 'Raleway' !important;
font-size:16px;}

.tabs button a:link {letter-spacing:5px;}
.tabs button a:hover {letter-spacing:5px !important;}

.firststep {
}

.firststep-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 15px 0;
	justify-content:center;
}

.choose {
    background: var(--body);
    color: var(--golden);
    border: 1px solid var(--bordertr); 
    padding: 8px 18px;
    font-family: "Georgia", serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.choose:hover {
    color: var(--body);
}

.profilspalte {padding:10px; 
	width:360px;
	text-align:justify;
	background: var(--body);
	border:2px solid var(--lightback);
	font-size:14px;
	color:var(--txt);
box-sizing:border-box;}

.profilspalte b {
letter-spacing:2px;
color:var(--golden);
font-size:15px;
padding:1px;}

/* Edit-Felder */
.profilcheck {
    color: var(--txt);               
    background-color: var(--hbg);   
    border: 1px solid var(--bodytr);  
    border-radius: 6px;           
    padding: 6px 10px;        
    font-size: 14px;             
    font-family: 'Lora', serif;   
    width: 30px;                
    box-sizing: border-box;       
    transition: all 0.2s ease;   
}

.profilcheck:hover {
    background-color: var(--body);     /
}

.profiledit {
    color: var(--txt);               
    background-color: var(--hbg);   
    border: 1px solid var(--bodytr);  
    border-radius: 6px;           
    padding: 6px 5px;        
    font-size: 14px;             
    font-family: 'Lora', serif;   
    width: 300px;                
    box-sizing: border-box;       
    transition: all 0.2s ease;   
}

.profilarea {
    color: var(--txt);               
    background-color: var(--hbg);   
    border: 1px solid var(--bodytr);  
    border-radius: 6px;           
    padding: 6px 10px;        
    font-size: 14px;             
    font-family: 'Lora', serif;   
    width: 300px;                
    box-sizing: border-box;       
    transition: all 0.2s ease;   
}

.profiledit:hover {
    background-color: var(--body);     /
}

.profiledit:focus {
    outline: none;                
    border-color: var(--accent);        
    box-shadow: 0 0 5px rgba(123, 74, 114, 0.5);
}