.member-gesuch{margin: 55px;}
.member-gesuch-titel {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.profil-aussehen {
    background: var(--border);
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.aussehen-fakten{}
.aussehen-fakten-bit {
    padding: 7px;
    background: var(--content);
    font-size: 10px;
    width: 94.5%;
    overflow: hidden;
    height: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}

.tattoos {
    padding: 7px;
    background: var(--content);
    font-size: 10px;
    overflow: hidden;

	margin-left: 0;

}

.ansprache-profil {
    position: absolute;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
    top: 10px;
    right: 20px;
}

.zusatzpics{}

.zusatzpics img {
    margin: 10px;
    border-radius: 5px;
    border: solid 5px var(--border);
    max-width: 1000px;
    max-height: 600px;
}

.basic-trigger{
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
    margin: 25px;
    margin-bottom: 0;
    margin-top: 10px;
}

.trigger-frame{
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}


.gesuch-titel {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Mulish';
    position: absolute;
    opacity: 0.5;
    z-index: 3;
    text-transform: uppercase;
    bottom: 15px;
    right: 45px;
}

.bottom-frame {
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
    margin: 25px;
    margin-left: 0px;
    margin-top: 0;
	position: relative;
}

.bottom-box {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 20px;
	padding-left: 0px;
    padding-right: 0px;
   	height: 280px;
}

.bottom-scroll {
    height: 230px;
    overflow: auto;
    padding: 25px;
    padding-left: 40px;
    padding-top: 25px;
    margin-right: 9px;
}

.basic-bottom{
    display: grid;
    grid-template-columns: 590px 1fr;
}

.profile-signatur {
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
    margin: 25px;
    margin-top: 0px;
	margin-right: 10px; 
}

.signatur-box{
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    text-align: center;
    font-size: 10px;
}

.sig-scroll{
    height: 300px;
    overflow: auto;
    padding: 5px;
    padding-right: 15px;
}

.all-charackters {
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
	    margin-right: 0;
    margin-left: 25px;
    position: relative;
    height: 132px;
}

.characters-titel {
    position: absolute;
    bottom: 15px;
    right: 45px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Mulish';
    opacity: 0.5;
    z-index: 3;
}

.character-scroll {
    overflow: auto;
    height: 100px;
    width: 660px;
    margin-left: 10px;
}

.charackters-box{position: absolute;}

.basic-middle {
    display: grid;
    grid-template-columns: 273px 1fr;
    padding: 25px;
    padding-top: 0px;
	padding-bottom: 0;
}


.stooltip {
  position: relative;
  float:left;
}

.stooltip .stooltiptext {
    visibility: hidden;
    text-align: center;
    background: var(--font3);
    cursor: crosshair;
    color: var(--content);
    padding: 3px;
    text-transform: uppercase;
        width: 124px;
    bottom: 25%;
    left: 40%;
    border: 1px solid var(--border);
    margin-left: -50px;
    font-size: 9px;
    font-family: 'Mulish';
    line-height: 1.2;
    position: absolute;
    z-index: 3;
    border-radius: 2px;
    opacity: 0;
    transition: opacity 1s;
}


/* Show the tooltip text when you mouse over the tooltip container */
.stooltip:hover .stooltiptext {
  visibility: visible;
  opacity: 1;
}



.sticker-position{        height: 110px;
    position: relative;}

.sticker-scroll {
    padding: 10px;
    height: 455px;
    font-size: 0px;
}



.quote-icon{position: absolute;
    bottom: 80px;
    right: -5px;
	font-size: 25px;}

.profile-main-frame {
    margin: 10px;
	margin-top: 15px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}



.pairing{    margin: 20px;
    margin-left: 0;
    background: var(--border);
    padding: 10px;
    border-radius: 5px;
    text-align: center;}

.pairing .pairtitel{background: var(--back);
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    color: var(--border);
    text-transform: uppercase;
    font-size: 10px;}

.pairing .pairpic img{    width: 240px;
    height: 130px;}

.pairing .name{background: var(--back);
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    color: var(--border);
    text-transform: uppercase;
    font-size: 10px;}



.profil-relations {
    background: var(--font3);
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    color: var(--border);
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
}

.relations-bit{
    width: 100px;
    padding: 10px;
    margin-left: 0;
    background: var(--border);
    border-radius: 5px;
}

.relations-bit img{border-radius: 20px;}

.relations-name {
    border-radius: 5px;
    font-family: Arial;
    padding: 10px;
    font-size: 11px;
    background: var(--font3);
    color: var(--border);
    text-transform: uppercase;
    text-align: center;
}

.relations-name a:link,
.relations-name a:hover,
.relations-name a:visited,
.relations-name a:active{color: var(--border);}

.profil-box {
    background: var(--border);
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
	padding: 10px;
	
}


.quote-scroll {
    background: var(--content);
    padding: 10px;
    height: 56px;
    overflow: auto;
    padding-right: 30px;
    padding-left: 30px;
    font-family: 'Mulish';
    line-height: 1.2;
    font-size: 13px;
    text-align: center;
}

.profil-box .box-scroller {
    padding: 10px;
    padding-top: 10px;
    background: var(--content);
}

.profil-box .box-scroller .scroll {
    overflow: auto;
    height: 143px;
    padding-left: 5px;
    padding-right: 15px;
    font-size: 11px;
    text-align: justify;
}


.profil-box .box-scroller .scroll b, .profil-box .box-scroller .scroll i{color: var(--link1);}

.profileinfos_2 {
    position: relative;
    padding: 7px;
   background: var(--content);
    font-size: 10px;
    overflow: hidden;
    height: 12px;
    text-align: right;
    margin-bottom: 5px;
    text-transform: uppercase;
    border: none;
}

.profileinfos_2 span i {
	margin-right:5px,
}

.profileinfos_2 span {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 3px;
    padding-left: 10px;
    font-size: 8px;
    padding-right: 5px;
    margin-left: -13px;
    margin-top: -10px;
    letter-spacing: 1px;
    float: left;
    background: var(--secondmain);
    color: var(--border);
}

.profileinfos {
    position: relative;
    padding: 7px;
    padding-left: 0;
    font-size: 9px;
    overflow: hidden;
    height: 12px;
    margin-bottom: 8.5px;
    text-transform: uppercase;
    background: var(--content);
    border: solid 1px var(--transparentlight);
    color: var(--font1);
    text-align: right;
    font-family: 'Mulish';
}

.profileinfos i{
	margin-right:5px,
}

.profileinfos answer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 8px;
    padding-right: 10px;
    margin-top: -10px;
    letter-spacing: 1px;
    background: var(--secondmain);
    color: var(--border);
    float: left;
    border-bottom: 2px solid #c7bfb9;
}


.member_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    background: var(--main);
    color: var(--content);
    padding: 5px;
}


.member_sticker {
    width: 50px;
    height: 50px;
    border: 5px solid var(--transparentlight);
    border-radius: 100px;
    display: inline-block;
    margin: 9px;
}

.member_sticker img{        
	width: 51px;
    height: 51px;}

.profile_lowertab_out {

}

.profile_uppertab_out {
    position: relative;
    height: 640px;

    background: var(--content);
    border: solid 1px var(--transparentlight);
}

.profile_uppertab_bottom {
    background: var(--secondmain);
    height: 70px;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid var(--border);
    border-top: 0;
}

.profile_uppertab_name {
    background: var(--secondmain);
    color: var(--font1);
    height: 40px;
    font-size: 40px;
    letter-spacing: 1px;
    font-style: italic;
    font-family: 'Mulish';
    padding: 25px;
    position: relative;
    text-transform: uppercase;
}

.profile_uppertab_name i{color: var(--content);}

.profile_uppertab_username {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 15px;
    background: var(--border);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 261px;
    border-radius: 10px 0px 0px 0px;
    font-family: Arial;
    text-transform: lowercase;
}


.profile_uppertab_minicon {
    width: 80px;
    overflow: hidden;
    height: 80px;
    border: 4px solid var(--content);
    border-radius: 100px;
}

.profile_uppertab_minicon img {

margin-left:-2px; margin-top:-2px; }


.profile_uppertab_usertitel {
position:relative; left:0px; border-radius:8px; top:0px; float:left; background: var(--second-verlauf); color:#fff;  height:18px; width:310px; text-align:center; padding:10px; opacity:0.8; }

.profile_uppertab_charaktertext {
    position: relative;
    left: 4px;
    z-index: 1;
    border-radius: 8px;
    top: 20px;
    float: left;
    background: var(--foren-last-bg);
    height: 210px;
    width: 715px;
    text-align: justify;
    padding: 10px;
}

.profile_uppertab_charaktertext p {
height:205px; overflow:auto; padding-right:5px;}



.profil-container {
    width: 100%;
    display: grid;
       grid-template-columns: 55% 45%;
}


.profil-container-character {
    margin: 5px;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 35px;
    margin-left: 20px;
}

.profile_uppertab_trivia {

position:relative; left:4px; border-radius:8px; top:25px; float:left; background: var(--foren-last-bg);  overflow:hidden; height:192px; width:310px; text-align:justify; padding:10px;}

.profile_uppertab_trivia p {

height:187px; overflow:auto; padding-right:5px; }

.profile_uppertab_quote {
position:relative; left:6px; border-radius:8px; top:36px; background: var(--foren-last-bg);  overflow:hidden; height:25px; width:620px; text-align:center; padding:10px;}

.profile_uppertab_profilbild {
    position: absolute;
    top: 90px;
    right: 0;
    width: 260px;
    height: 550px;
}



.fact-container{
    background: var(--border);
    border-radius: 5px;
    overflow: hidden;
    height: 368px;
	margin-right: 10px;
    padding: 10px;
    text-align: justify;
}

.profile_uppertab_leben {
position:relative; border-radius:8px; left:0px; top:20px; float:left; background: var(--foren-last-bg);   overflow:hidden; height:475px; width:300px; text-align:justify; padding:10px;}

.profile_uppertab_leben p {
height:465px; padding-right:5px; overflow:auto; 
}

.profile_uppertab_plus {
position:relative; border-radius:8px; left:13px; top:25px; float:left; background: var(--foren-last-bg);  height:128px; width:285px; text-align:justify; padding:10px;}

.profile_uppertab_plus p {
height:116px; padding-right:5px; overflow:auto; }

.profile_uppertab_minus {
position:relative; border-radius:8px; left:13px; top:30px; float:left; background: var(--foren-last-bg);  height:127px; width:285px; text-align:justify; padding:10px;  }

.profile_uppertab_minus p {
height:116px; padding-right:5px; overflow:auto; }

.profile_uppertab_charaktersticker {
position:relative; border-radius:8px; left:13px; top:20px; float:left; background: var(--foren-last-bg);  overflow:hidden; height:170px; width:285px; text-align:justify; padding:10px; }

.profile_uppertab_charaktersticker p {
height:160px; padding-right:5px; overflow:auto; }


.profile_lowertab {

width:900px; top:550px; padding-top:8px;padding-bottom:26px; position:relative;  background: linear-gradient(90deg, rgba(239,178,91,1) 0%, rgba(252,227,181,1) 55%, rgba(220,163,69,1) 100%); }

.profile_lowertab_pmpost {
background:#e2ded8;  position:absolute; width:260px; right:0; top:0; padding-top:8px; padding-bottom:8px; text-align:center; }



.profile_lowertab_zweitcharas {
position:relative; float:left; left:-10px; top:10px; float:left;  width:90px; height:480px; padding:10px;}

.profile_lowertab_zweitcharas_i {
overflow:hidden; margin:4px; border-radius:100px; width:50px; height:50px; border:3px solid var(--secondmain); margin: 7px;}


.profile_lowertab_zweitcharas_title {
position:absolute; right:-50px; bottom:0px;font-size:9px; transform:rotate(-90deg); }

.profile_lowertab_avas {
position:relative; left:5px; top:10px; border-radius:10px; float:left; background: var(--foren-last-bg);  width:240px; height:280px; padding:10px;}

.profile_lowertab_userinfos {
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
    margin: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.profile_lowertab_usericon {
    margin: 20px;
    margin-left: 0;
    border-radius: 5px;

    background: var(--border);
    width: 240px;
    height: 120px;
    padding: 10px;
}

.profile_lowertab_weitereinfos {
    background: var(--border);
    padding: 10px;
    margin-top: 5px;
    margin-left: 0;
    border-radius: 5px;
}
.profile_lowertab_signatur {
position:relative; left:115px; border-radius:10px;  top:-250px; margin-bottom:-250px; float:left; background: var(--foren-last-bg);  width:550px; height:260px; padding:10px;}



.profile_aussehen_hover {
width: 260px; 
height: 550px; 
opacity: 0.0; 
transition: 2s; 
background-color: var(--foren-last-bg); 
text-align: justify;
padding: 0px; 
position: relative;
top: -550px; 
left: 0px; /* Abstand zur linken Seite */
margin-bottom: -550px; /* Abstand zum äußeren Rand */
font-family: calibri; /* Schriftart */
font-size: 12px; /*Schriftgröße */
}

.profile_aussehen_hover:hover img {
  -webkit-filter: blur(2px);
      filter: blur(2px);
}
.profile_aussehen_hover:hover {
opacity: 0.9; /*Transparenz eures Hovers*/
}

.profile_relations {
    padding: 7px;
    background: var(--foren-last-bg);
    border-radius: 10px;
    height: 40px;
    overflow: auto;
    width: 495px;
}


.profile_relations img {
height:90px;
width:90px;
border-radius:100px;
border-radius:4px solid var(--foren-bg-color);
}

.profile_scenes_btitel {
    font-size: 30px;
    font-family: 'Mulish';
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
      background-image: url(https://choose-the-joy.de/images/vagabonds/background.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.profile_scenes_stitel {
font-size:20px; font-family:abril fatface; text-transform:lowercase; text-align:left;  font-weight:bold; padding:3px;
}

.profile_scenes_daten {
background: var(--foren-bg-color); padding:5px; border-radius:5px; font-size:10px; font-weight:bold; text-transform:uppercase; display:inline-block; margin-left:2px;
}

.profile_graphics {
width:85%; top:10px; left:20px; position:relative; height:600px; overflow:auto; padding-right:5px;
}

.profile_graphics img {
max-height:500px; max-width:380px; border:8px solid var(--foren-last-bg); margin:5px; border-radius:10px; float:left;
}

#pinterest-container {
    position: relative;
    top: 20px;
    margin: auto;
    width: 735px;
  	height: 715px !important;
    overflow: hidden;
    box-shadow: none !important;
    border: none !important;
}

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

}


			

#bigtabmenu {
    position: absolute;
    top: 120px;
    left: 10px;
}

#bigtabmenu .bigbutton{
	cursor: pointer;
	font-size:25px;
	margin-bottom:20px;
    width: 28px;
	background: var(--foren-last-bg);
	border-radius:100px;
	padding:8px;
    height: 30px;
	text-align:center;
}





.bigtab {
    margin: 3px;

    width: 100%;
    height: 100px;
	display: none;
}

/* AKTIVE BUTTONS && TABS GROSS*/
.bigtab.activetab{display: block;  }
#bigtabmenu .bigbutton.activebutton i {color: var(--font3);}

#bigtabmenu .bigbutton.activebutton { 
background: var(--foren-last-bg); padding:8px; border-radius:100px; font-size:25px;
}


#smalltabmenu{ float:right; margin-right:10px;}
#smalltabmenu .smallbutton {
    min-width: 60px;
    padding: 4px;
    float: left;
    text-align: center;
    border-radius: 10px;
    margin-left: 6px;
    cursor: pointer;
    background: var(--border);
    color: var(--back);
    text-transform: uppercase;
    font-size: 10px;
}

#middletabmenu {
    margin-left: 20px;
    padding-top: 20px;
}

#middletabmenu .middlebutton {
    min-width: 65px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    text-align: center;
    border-radius: 10px;
    margin-left: 6px;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--content);
}


/* AKTIVE BUTTONS && TABS KLEIN*/
.bigtab.activetab{display: block ;}
#bigtabmenu .bigbutton.activebutton{background: transparent;}

.smalltab.sactivetab{display: block ;}

#smalltabmenu .smallbutton.sactivebutton {
    background: var(--back);
    color: var(--border);
    text-transform: uppercase;
    font-size: 10px;
}

.smalltab{display: none; margin-left:10px; margin-top:15px;}

.middletab.mactivetab {
    display: block;
    border: solid 1px var(--transparentlight);
    border-top: 0px;
   border-radius: 0px 0px 5px 5px;
    background: var(--content);
  
}

#middletabmenu .middlebutton.mactivebutton {
    background: var(--transparentlight);
    color: var(--content);
    opacity: 0.8;
}

.middletab{display: none;}

.member_away {
    position: absolute;
    bottom: 50px;
    margin: 10px;
    background: var(--content);
    border: solid 2px var(--border);
    border-radius: 5px;
    padding: 10px;
    font-size: 10px;
}


.top-basic{
    display: grid;
    grid-template-columns: 273px 1fr 273px;
    padding: 25px;
	padding-bottom: 0px;
}

.profil-avatar{
    background: var(--border);
    border-radius: 5px;
    padding: 10px;
}

.innerframe {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}