.triggerwarnung {
font-size: 20px;
  text-align: center;
color: var(--textbold);
}

#profil {
font-family: var(--schriftklein);
  color: var(--textallgemein);
  font-size: 11px;
  width: 100%;
  border-collapse: collapse;
  padding-bottom: 0px;
  margin: auto;
  letter-spacing: 1px;
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
}

#profil td {
  text-align: justify;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 20px;
  font-family: var(--schriftklein);
  color: var(--textallgemein);
}

#profil th {
  text-align: center;
  margin-bottom: 10px;
  font-size: 25px;
  font-family: var(--schriftklein);
  color: var(--textbold);
  text-transform: uppercase;
  font-weight: 400;
}

#profil th a {
font-size: 15px;
font-family: var(--schriftgross);
color: var(--tabellebold);
text-transform: uppercase;
font-weight: 400;
}

#profil2 {
font-family: var(--schriftklein);
  color: var(--textallgemein);
  font-size: 11px;
  width: 100%;
  border-collapse: collapse;
  padding-bottom: 0px;
  margin: auto;
  letter-spacing: 1px;
  border-spacing: 0px;
  background: linear-gradient(90deg,var(--forenfarbe) 0%, var(--gradient) 50%);
}

#profil2 td {
  text-align: justify;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 0px;
  font-family: var(--schriftklein);
  color: var(--textallgemein);
}

#profil2 th {
  text-align: center;
  margin-bottom: 10px;
  font-size: 25px;
  font-family: var(--schriftklein);
  color: var(--textbold);
  text-transform: uppercase;
  font-weight: 400;
}

#profil2 th a {
font-size: 15px;
font-family: var(--schriftgross);
color: var(--tabellebold);
text-transform: uppercase;
font-weight: 400;
}

.profilusername {
text-align: right;
  font-size: 120px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 60px;
  padding: 10px 40px 10px 10px;
  font-family: var(--schriftheader);
  text-transform: lowercase;
  text-shadow: var(--forenfarbe) 1px 1px;
}

.profilavatar {
}

.profilavatar img {
}

.profilkurztext {
width: 37%;
  float: left;
  margin-left: 30px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  padding: 20px;
  letter-spacing: 0px;
  line-height: 170%;
  font-size: 13px;
  max-height: 210px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.profilkurztext2 {
width: 65%;
  float: left;
  margin-left: 30px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  padding: 20px;
  letter-spacing: 0px;
  line-height: 170%;
  font-size: 13px;
  max-height: 210px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.profilfeldtitel {
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
  width: 40%;
  float: left;
  font-family: var(--schriftklein);
  color: var(--textbold);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px;
  margin-bottom: 1px;
  font-size: 10px;
  justify-content: right;
  height: auto;
  display: flex;
  align-items: center;
}

.profilfeldborder {
float: left;
  margin-left: 20px;
  width: 30%;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profilfeldborder2 {
float: left;
  width: 500px;
  margin-top: 7px;
}


.profilfeldtitel i {
color: var(--textitalic);
  margin-right: 10px;
  margin-left: 5px;
  float: left;
}

.profilfeldfeld {
background: linear-gradient(90deg,var(--gradient) 0%, var(--forenfarbe) 50%);
  padding: 5px;
  font-family: var(--schriftklein);
  margin-bottom: 1px;
  float: left;
  width: 50%;
  font-size: 10px;
  text-align: right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  display: flex;
justify-content: right;
}

.profilusertitel {
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
  padding: 20px;
  text-transform: uppercase;
  font-family: var(--schriftklein);
  color: var(--textbold);
  text-align: center;
  max-width: 210px;
  font-size: 10px;
  max-height: 10px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  min-height: 10px;
}

.profilavatarborder {
float:left;
}

 /* Style the tab */
.tab {
overflow: hidden;
  display: flex;
  justify-content: center;
}

/* Style the buttons that are used to open the tab content */
.tab button {
float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  transition: 0.3s;
  background: linear-gradient(90deg,var(--gradient) 0%, var(--forenfarbe) 50%);
  margin-left: 10px;
  font-size: 35px;
  border-radius: 100px;
  line-height: 35px;
  color: var(--textitalic);
width: 70px;
  height: 70px;
}

/* Change background color of buttons on hover */
.tab button:hover {
color: var(--textbold);
}

/* Create an active/current tablink class */
.tab button.active {
color: var(--textbold);
}

/* Style the tab content */
.tabcontent {
display: none;
  border-top: none;
} 

.profilbild {
float:left;
}

.profilfeldfeld2 {
background: linear-gradient(90deg,var(--gradient) 0%, var(--forenfarbe) 50%);
  padding: 5px;
  font-family: var(--schriftklein);
  margin-bottom: 1px;
  float: left;
  width: 56%;
  font-size: 10px;
  text-align: right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

.profilzweitborder {
width: 280px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  padding: 20px;
  letter-spacing: 0px;
  line-height: 170%;
  font-size: 13px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 0px;
  margin-top: 0px;
  margin-top: 7px;
  min-height: 135px;
  max-height: 135px;
display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.profilicon {
background: linear-gradient(90deg,transparent 0%, var(--forenfarbe2) 50%);
  width: 300px;
  margin: 0 auto;
  padding: 10px;
  text-align: right;
}

.profilequote {
height: 104px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  width: 280px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  padding: 20px;
  letter-spacing: 0px;
  line-height: 170%;
  font-size: 13px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: 0 auto;
}

.charaeigenschaft {
width: 80%;
  margin: 0 auto;
  padding: 10px;
  height: 450px !important;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.profilcharaeigenschaft {
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
  padding: 5px;
  margin: 1px;
  width: 25%;
  color: var(--textbold);
  font-family: var(--schriftklein);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  float: left;
}

.profilpercentborder {
background: linear-gradient(90deg,var(--gradient) 0%, var(--forenfarbe) 50%);
  padding: 5px;
  margin: 1px;
  width: 60%;
  color: var(--textbold);
  font-family: var(--schriftklein);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
  float: left;
}

.profilpercent {
  background-color: var(--textitalic);
height:15px;
}

.profilpercentcount {
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
  padding: 5px;
  margin: 1px;
  width: 5%;
  color: var(--textbold);
  font-family: var(--schriftklein);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  float: left;
}

.charaktertext {
padding: 40px;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 250%;
  width: 85%;
  margin: 0 auto;
    margin-top: 0px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
  max-height: 350px;
  min-height: 350px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: 40px;
}

.interview {
width: 80%;
  margin: 0 auto;
  padding: 20px;
}

.iquestion {
font-size: 15px;
  font-weight: 600;
  color: var(--textbold);
  padding: 10px;
  line-height: 15px;
  background: linear-gradient(90deg,var(--gradient) 0%, var(--forenfarbe) 50%);
}

.ianswer {
padding: 40px;
  line-height: 250%;
  font-size: 13px;
  background: linear-gradient(90deg,var(--forenfarbe2) 0%, var(--forenfarbe3) 50%);
}

.profilheight {
max-height: 500px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.profilquote {
text-transform: uppercase;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0px;
  color: var(--textbold);
  font-weight: 600;
  line-height: 25px;
margin-bottom:40px;
}

.profiltitle {
color: var(--textbold);
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid var(--textitalic);
}