:root {
 
  --heading:'Bebas Neue', cursive;
  --texting:'Quicksand', sans-serif;
  
}

a {
  transition:0.4s ease-in;
}

.profil_container {
  text-align:justify;
  width:1000px;
margin:auto;
}

.profil_head{
   background:var(--akzent);
}

.profil_name {
  color:var(--hell);
  font-family:'Yeseva One';
  font-size:36px;
  text-shadow: 1px 1px var(--text);
  text-align:right;
  padding: 0.25rem;
	margin-right: 50px;
}

.profil_stats{
  background:var(--dunkel);
  padding:5px;
  text-align:center;
  font-size:14px;
}


.profil_mainarea {
  display:flex; 
}

.profil_steckbrief, .profil_box  {
  background:var(--dunkel);
}

.profil_ava{
	background:var(--dunkel);
	padding: 15px;
}

.profil_steckbrief {
  flex-grow:1;
}

.profil_steckbrief  ul {
  display:flex;
  list-style:none;
  justify-content:space-around;
	padding-left: 0;
	padding-right: 5px;
}

.profil_steckbrief ul li {
  flex-grow:1;
} 

.profil_steckbrief ul li a:link, .profil_steckbrief ul li a:visited {
  background:var(--akzent);
  color:var(--dunkel);
display:flex;
  justify-content:center;
  align-items:center;
  margin: 0px 10px;
  padding: 10px 0px;
}

.profil_steckbrief ul li a:hover {
  background:var(--hover);
}

.profil_tabcontent {
  padding:20px 15px;
}

.profil_h {
  font-family:'Yeseva One';
  font-size:22px;
  color:Var(--akzent)
}

.profil_text {
	height: 400px;
	padding-bottom: 15px;
  font-size:0.875rem;
  font-family:'Quicksand';
  line-height:1.5;
	overflow: auto;
	color: var(--text);
}

.profil_line {
  display:flex
}

.profil_box {
  flex: 1 0;
  padding:10px;
}

.profil_quote {
  padding:25px;
  color:var(--text);
  font-size: 0.875rem;
	height: 200px;
	overflow: auto;
	
}

.profil_quoteh {
	font-size: 0.875rem;
  font-family: 'Quicksand';
  line-height: 1.5;
  overflow: auto;
  color: var(--text);
	
}

.kit_infos {    
	display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 1rem;
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
	
} 

.kit_punkt {   
	box-sizing: border-box; 
	width: 100%;
	max-width: 290px; 
	height: 1.5rem;  
	padding: 0.25rem; 
	background: var(--akzent); 
	border-left: #799aae; 
	border-right: #799aae;
	border-radius: 1rem;
	color: var(--dunkel);  
	font-family: 'Quicksand', sans-serif;  
	font-size: 12px; 
	text-align: center; 
	justify-content: space-between;
	text-transform: uppercase; 
	overflow-x: scroll;
}