.mems_scene {
height: 370px;
  overflow: auto;
}

.mem_kat1 {
width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}

.mem_trigger {font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.memal_fact strong {
font-weight:normal;
}

/*TIMELINE*/

.time_desc {
text-align: justify;
  line-height: 170%;
  padding: 20px;
  padding-top: 5px;
}

.time_date {
font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.time_name {
text-transform: uppercase;
  font-weight: bold;
  color: var(--golden);
  font-size: 15px;
  font-family: var(--mainfont);
  letter-spacing: 1px;
  border-left: 2px solid var(--line1);
  padding-left: 10px;
  margin-bottom: 5px;
}

.mem_past {
padding: 30px;
  height: 250px;
  overflow: auto;
  padding-right: 10px;
}

.mem_trivia {
text-align: justify;
  width: 100%;
  overflow: auto;
  font-size: 12px;
  line-height: 170%;
}

.mem_eig_line {
width: 60%;
  margin: 30px auto;
  height: 1px;
  background: var(--golden);
}

/*PINTEREST*/

.pinterest_overlay {
position: absolute;
  width: 377px;
  height: 390px;
  background: #00000095;
  z-index: 2;
  box-sizing: border-box;
  right: 0px;
}

#pinterest-container { 
  width: 400px;
  height: 396px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  position: relative;
  z-index: 1;
  right: -20px;
  top: -5px;
	filter: grayscale(100%);
}

#pinterest-container::-webkit-scrollbar-corner {
  background: #fff;
}

#pinterest-container::-webkit-scrollbar {
  width: 2.5px;
  background: #fff;
}

#pinterest-container::-webkit-scrollbar-thumb {
  background: #fff;
}

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;
border: none !important;

}

#pinterest-container [class$=_col] {
  padding: 0px;
margin-top: 0px;
}

#pinterest-container [class$=_button] {
  display: none !important;
}

#pinterest-container [class$=_board] {
  box-shadow: none !important;
	background: none !important;
}

#pinterest-container span span {
  overflow: hidden !important;
  height: 70% !important;
    border: none !important;
    box-shadow: none !important;
}

.mem_chara {
width: 45.4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
	margin-top: 20px;
}

.profilfield_unknown {
font-style: italic;
  color: var(--unknown);
}

.mem_eig {
display: flex;
  flex-wrap: wrap;
  gap: 15px;
	justify-content:center;
}

/*POP-UP*/
/* --- Zodiac Popup (CSS-only modal) --- */

/* Trigger button */
.zodiac_popup_btn {
display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
}

/* Secondary button */
.zodiac_popup_btn_secondary {
  opacity: 0.9;
}

/* Hide the checkbox */
.zodiac_popup_toggle {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/* Overlay hidden by default */
.zodiac_popup_overlay {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

/* When checked: show overlay */
.zodiac_popup_toggle:checked + .zodiac_popup_overlay {
  display: block;
}

/* Backdrop (dim background) */
.zodiac_popup_backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

/* Modal */
.zodiac_popup_modal {
position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(720px, calc(100% - 24px));
  max-height: calc(100% - 24px);
  overflow: auto;
  z-index: 10000;
  background: black;
  letter-spacing: 0px;
  font-style: normal;
}

/* Header */
.zodiac_popup_header {
display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--golden);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--mainfont);
  text-transform: uppercase;
  color: var(--golden);
  padding: 20px;
  padding-left: 20px;
  background-image: url(/images/stats_back.png);
  background-position-y: 86%;
  height: 100px;
  align-items: center;
  padding-left: 60px;
}

.zodiac_popup_title {
  font-size: 18px;
  font-weight: 800;
}

.zodiac_popup_sub {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.8;
}

.zodiac_badge {
display: inline-block;
  font-family: var(--font);
  color: var(--fontcolor);
  letter-spacing: 3px;
  font-weight: normal;
  font-size: 10px;
}

/* Close button */
.zodiac_popup_close {
width: 24px;
  height: 24px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  cursor: pointer;
  user-select: none;
  font-size: 22px;
  line-height: 1;
  border: 1px solid var(--golden);
}

/* Body */
.zodiac_popup_body {
  padding: 12px 14px 4px;
  display: grid;
  gap: 12px;
}

.zodiac_popup_block {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.08);
}

.zodiac_popup_block_title {
font-weight: 800;
  margin-bottom: 6px;
  color: var(--golden);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}

.zodiac_popup_signs {
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 10px;
}

/* User chips (works with your zodiac_compat_userbit template) */
.zodiac_popup_users {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.zodiac_userchip {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  text-decoration: none;
	border: 1px solid rgba(0,0,0,0.12); }


/*SKILLS*/

.point_active {
width: 8px;
  height: 8px;
  background: var(--golden);
}

.point_inactive {
width: 6px;
  height: 6px;
border: 1px solid var(--golden);}

.rpgskill_bit {
display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.skill_types {
width:49%;
}

.skill_bit {
font-size: 9px;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.skill_type {
font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--golden);
  margin-bottom: 5px;
}

.profil_skill {
display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.skill_descr {
font-size: 12px;
  line-height: 170%;
  text-align: justify;
  height: 140px;
  overflow: auto;
  padding-right: 10px;
}

.skill_right {
width: 550px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.tarot_skill {
display: flex;
  width: 87%;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: var(--mainfont);
  letter-spacing: 1px;
  color: var(--golden);
  font-size: 16px;
  margin: auto;
	line-height: 110%;
}

.skill_asz {
width: 100%;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-style: italic;
}

.skill_skill {
position: absolute;
top: 235px;
  width: 100%;
  text-align: center;
	display: flex;
  flex-wrap: wrap;
}

.mem_skills {
display: flex;
  flex-wrap: wrap;
  gap: 20px;
  box-sizing: border-box;
  padding: 20px;
}

.skill_right {}

.skil_left {
width: 220px;
	position:relative;
}

/*ALLGEMEIN*/

.mem_group {
width: 150px;
}

.mema_o_facts i {
position: absolute;
  font-size: 60px;
  color: var(--fontcolor);
  opacity: 0.1;
  top: 110px;
  left: 50px;
}

.mema_o_facts {
box-sizing: border-box;
  padding: 33px;
  border: 1px solid var(--golden);
  margin: 20px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
}

.mema_overlay {
position: absolute;
  width: 350px;
  height: 390px;
  background: #00000095;
  z-index: 1;
	box-sizing:border-box;
}

.tarot_skill button {
background: none;
  border: none;
  padding: 0;
}

.memal_fact b {
font-size: 20px;
  font-family: var(--mainfont);
  color: var(--golden);
}

.mema_right {
position: relative;
}

.memal_fact {
font-size: 10px;
  border-bottom: 1px solid var(--line1);
  margin-bottom: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
  width: 70%;
  color: var(--link);
  text-transform: uppercase;
  height: 33px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.mema_left {
width: 481px;
}

.mema_right img {
  display: block;
	width: 350px;
	height:390;
	filter: grayscale(100%);
}


.mem_all {
display: flex;
  flex-wrap: wrap;
}

/*SONSTIGES*/

.mems_left, .mems_right {
	position:relative;
	overflow:hidden;
width:49%;
}

.mem_sons {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/*PROFILKARTE*/

.tarot-profile-card{
  width: 220px;
  height: 340px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.tarot-profile-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.tarot-profile-card .ability-text{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  max-width:90%;
  text-align:center;
  font-weight:700;
  font-size:20px;
  line-height:1.2;
  color:#fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.85);
  background: rgba(0,0,0,.25);
  padding:6px 10px;
  border-radius:10px;
}


.member_top {
width: 100%;
  border: 1px solid var(--golden);
  padding: 20px;
  height: 120px;
  display: flex;
  align-items: center;
  background-image: url(/images/stats_back.png);
  background-position-y: -22%;
}

.mem_pic {

}
.mem_ut {
text-transform: uppercase;
  font-style: italic;
  color: var(--golden);
  font-size: 10px;
  letter-spacing: 4px;
}

.mem_kat {
font-size: 40px;
  text-transform: uppercase;
  font-family: var(--mainfont);
}

/*TABS*/

#tabmenu {
    position: relative;
    margin: auto;
}

#tabmenu [type="radio"] { display: none; }

#tabmenu [for^="tab"] {
position: absolute;
  top: 20px;
  border: 1px solid var(--golden);
  border-radius: 100%;
  padding: 3px;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
	background: var(--black);
}

#tabmenu [for="tab-1"] { 
	left: -300px;
  top: 225px;
}

#tabmenu [for="tab-2"] { 
	left: -260px;
  top: 225px;
}

#tabmenu [for="tab-3"] { 
	left: -220px;
	top: 225px;
}
#tabmenu [for="tab-4"] { 
	left: -180px;
	top: 225px;
}

#tabmenu [for="tab-5"] { 
left: -140px;
	top: 225px;
}

#tabmenu [for="tab-6"] { 
	left: -100px;
	top: 225px;
}

#tabmenu .tab-content {
position: absolute;
  box-sizing: border-box;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  background: var(--paper);
  box-sizing: border-box;
	height: 390px;
}

#tabmenu input:checked + label {
   color: var(--golden);
}

#tabmenu input:checked + label + .tab-content {
    z-index: 1;
    opacity: 1;
}

/*GERÜST*/

.member {
	position:relative;
width: 85%;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
	height: 610px;
}

.member_left img {
width: 300px;
height:auto;
}

.member_author {
  padding: 20px;
  background-image: url(/images/lex_pic.png);
	border-bottom: 1px solid var(--golden);
}

.member_left {
width: 340px;
  position: relative;
  top: -160px;
  left: 15px;
height: 543px;
  background: var(--paper);
}

.member_right {
width: 832px;
  position: relative;
  right: -7px;
  top: -8px;
}