/*sn main page*/

        /*be sure, that accountswitcher attached accounts are working*/
        ul.trow1 {
            z-index: 10;
        }
        .socialmain.container{
            color:#000;
        }
        .socialmain fieldset,
        .ucp_social fieldset {
            padding: 12px;
            border: 1px solid #ddd;
            margin: 0;
        }
        
        .socialmain textarea {
            background-color: #fff;
            color: #000;
        }
        
        .socialmain button {
            background: none;
        }
        
        .socialmain legend {
            width: auto;
            display: block;
            max-width: 100%;
            padding: 0;
            margin-bottom: .5rem;
            font-size: 1.5rem;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }
        
        .socialmain .tborder {
            border: 0px;
            border-radius: 8px;
        }
        
        .socialmain .trow1 {
            background: #f5f5f5;
        }
        
        input.sn_send {
            margin-top: 3px;
            padding: 4px;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 5px;
            border-radius: 9px;
            border: 0;
        }
        
        
        /*title section*/
        .sn_titel {
            width: 100%;
            border: 0px #b1b1b1 solid;
            background-repeat: no-repeat !important;
            background-position: center 0px !important;
        }
        
        .sn_profil {
            background-color: #b1b1b1;
            margin-left: 70px;
            margin-top: -100px;
            margin-right: 10px;
            border-radius: 8px;
            float: left;
        }
        
        .sn_profil img {
            padding: 5px;
        }
        
        .sn_username {
            padding-left: 10px;
        }
        
        .sn_down_section {
            display: flex;
            flex-wrap: wrap;
        }
        
        .sn_logo{
            margin:auto;
            text-align:center;
        }
        
        /*info and friendsection*/
        .sn_leftBox {
            width: 30%;
        }
        
        .sn_memInfo {
            background-color: #b1b1b1;
            margin: 10px;
            padding: 10px;
            font-size: 12px;
            height: min-content;
            border-radius: 8px;
        }
        
        .sn_memInfo img {
            display: block;
            margin: auto;
            padding-top: 10px;
        }
        
        sn_tit {
            font-weight: bold;
        }
        
        .sn_links {
            background-color: #b1b1b1;
            margin: 10px;
            padding: 10px;
            font-size: 12px;
            height: min-content;
            border-radius: 8px;
        }
        
        input.editDelete {
            border: none;
            background: none;
            font-size: 0.8em;
            padding: 0px;
        }
        
        /*friendbox*/
        h1.friends {
            margin: auto;
            text-align: center;
            font-size: 2.0em;
        }
        
        .sn_friend {
            padding: 5px;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .sn_friend a {
            padding-left: 5px;
        }
        
        span.allreadyAsked {
            display: block;
            text-align: center;
            padding: 10px;
        }
        
        span#friendAddRemove {
            display: block;
            text-align: center;
            font-size: 2em;
            padding: 10px;
        }
        
        
        /*post view*/
        .sn_postBox {
            display: flex;
        }
        
        .sn_rightBox {
            margin: auto;
            width: 70%;
        }
        
        .sn_post {
            padding-left: 10px;
        }
        
        .sn_rechts {
            background-color: #b1b1b1;
            margin: 10px;
            padding: 10px;
            border-radius: 8px;
        }
        
        .sn_postProfilbild {
            border-radius: 8px;
            width: 50px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
        }
        
        .sn_likes {
            text-align: right;
            border-bottom: 1px solid #ddd;
            font-size: 0.8em;
            margin-top: -20px;
            padding-bottom: 6px;
        }
        
        .sn_likes i.fas.fa-heart,
        .sn_likes i.far.fa-heart {
            font-size: 1.5em;
        }
        
        .editDelete {
            font-size: 0.8em;
            background: none;
            border: 0;
            padding: 0;
        }
        
        a.editDelete {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
            text-decoration: none;
            color: initial;
        }
        
        /*image pop up*/
        .infopop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: hsla(0, 0%, 0%, 0.5);
            z-index: 1;
            opacity: 0;
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            pointer-events: none;
        }
        
        .infopop:target {
            opacity: 1;
            pointer-events: auto;
        }
        
        .infopop>.pop {
            background: #aaaaaa;
            margin: 10% auto;
            padding: 10px;
            width: fit-content;
            z-index: 3;
        }
        
        .closepop {
            position: absolute;
            right: -5px;
            top: -5px;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
        
        /* anworten */
        .sn_answer {
            margin: 11px 0px 10px 0px;
            padding-bottom: 5px;
            padding-left: 20px;
        }
        
        .sn_answerFormProfilbild,
        .sn_ansProfilbild {
            float: left;
            margin-right: 10px;
            width: 35px;
            -webkit-border-radius: 150%;
            -moz-border-radius: 100%;
        }
        
        .sn_answer_form {
            padding-top: 5px;
        }
        
        .sn_ansDate {
            font-size: 0.8em;
        }
        
        /*UCP*/
        
        .ucp_social legend {
            font-weight: bold;
        }
        
        .ucp_social label,
        .modcp_social label {
            display: block;
            width: 120px;
            float: left;
            clear: left;
        }
        
        .ucp_social input {
            margin: 5px;
        }
        
        .ucp_smallinfo {
            font-size: 0.7em;
        }
        
        .ucp_social legend {
            width: auto;
        }
        
        /*newsfeed*/
        .pagination .pages {
            padding: 3px;
        }
        
        .gotolink {
            display: block;
            text-align: right;
            margin-top: -10px;
        }
        
        .newsfeed_links h1 {
            text-align: right;
            font-size: 1.5em;
        }
        
        .sn_postName {
            display: block;
            font-weight: bold;
        }
        
        .sn_postDate {
            font-size: 0.8em;
        }
        
        .sn_answer_form {
            margin-top: 10px;
        }
        
        .sn_rechts hr {
            background-color: #ddd;
            color: #ddd;
            height: 1px;
            border: 0px;
        }

        .sn_userlist_text { 
            margin-bottom: 20px; 
          }
      
          .profileimage.sn_userlistbit__item img { 
            border-radius: 50%; width: 80px; 
          }
          
          .sn_userlist_container__item.sn_userlistbit { 
            display: grid; grid-template-columns: 1fr 1fr 1fr; 
            justify-content: center; 
            width: 50%; 
            gap: 20px; 
            align-items: center; 
            background-color: #f2f2f2; 
            padding: 10px 20px; 
            border-bottom: 1px solid #dedede; 
            color: #000; 
          }
          
        :root {	
            --chart-primary: #0066a2;
            --chart-text: #000;
        }
        
        /* SPIELERVERZEICHNIS */
        
        .playerdirectory_directory {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 10px;
            align-items: flex-start;
        }
        
        .playerdirectory_user {
            width: 32.8%;
        }
        
        .playerdirectory_headline {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            padding: 8px;
            font-weight: bold;
        }
        
        .playerdirectory_subline {
            background: #0f0f0f url(../../../images/tcat.png) repeat-x;
            color: #fff;
            border-top: 1px solid #444;
            border-bottom: 1px solid #000;
            padding: 6px;
            font-size: 12px;
            font-weight: bold;
        }
        
        .playerdirectory_user_information {
            padding: 5px 0;
        }
        
        .playerdirectory_user_information_item {
            padding: 1px 0;
        }
        
        .playerdirectory_user_accounts {
            height: 200px;
            overflow: auto;
            padding-top: 10px;
        }
        
        .directory_characters {
            display: flex;
            width: 100%;
            margin-bottom: 5px;
            flex-wrap: nowrap;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 10px;
        }
        
        .directory_characters_avatar {
            width: 15%;
        }
        
        .directory_characters_avatar img {
            width: 100%;
        }
        
        .directory_characters_fact {
            padding-top: 3px;
        }
        
        /* SPIELERSTATISTIK */
        
        .playerdirectory_playerstat_statistic {
            display: flex;
            flex-flow: wrap;
            margin: 10px 0;
        }
        
        .playerdirectory_playerstat_stat {
            width: calc(100% / 4);
            display: flex;
            flex-flow: column;
            padding: 10px 5px;
            box-sizing: border-box;
            justify-content: flex-start;
            align-items: center;
        }
        
        .playerdirectory_playerstat_question {
            color: #333;
            font-size: small;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .playerdirectory_playerstat_answer {
            text-align: center;
        }
        
        .playerdirectory_playerstat_characters {
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 10px;
            width: 100%;
            margin-bottom: 10px;
        }
        
        .playerdirectory_playerstat_avatar {
            width: 10%;
        }
        
        .playerdirectory_playerstat_avatar img {
            width: 100%;
        }
        
        .playerdirectory_playerstat_infos {
            width: 90%;
        }
        
        .playerdirectory_playerstat_username {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            padding: 8px;
            font-weight: bold;
        }
        
        .playerdirectory_playerstat_usertitle {
            background: #0f0f0f url(../../../images/tcat.png) repeat-x;
            color: #fff;
            border-top: 1px solid #444;
            border-bottom: 1px solid #000;
            padding: 6px;
            font-size: 12px;
            font-weight: bold;
        }
        
        .playerdirectory_playerstat_username a:link,
        .playerdirectory_playerstat_username a:visited,
        .playerdirectory_playerstat_username a:active,
        .playerdirectory_playerstat_username a:hover {
            color: #ffffff;
        }
        
        /* CHARAKTERSTATISTIK */
        
        .playerdirectory_characterstat_statistic {
            display: flex;
            flex-flow: wrap;
            margin: 10px 0;
        }
        
        .playerdirectory_characterstat_stat {
            width: calc(100% / 4);
            display: flex;
            flex-flow: column;
            padding: 10px 5px;
            box-sizing: border-box;
            justify-content: flex-start;
            align-items: center;
        }
        
        .playerdirectory_characterstat_question {
            color: #333;
            font-size: small;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .playerdirectory_characterstat_answer {
            text-align: center;
        }
        
        .playerdirectory_characterstat_characters {
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 10px;
            width: 100%;
            margin-bottom: 10px;
        }
        
        .playerdirectory_characterstat_avatar {
            width: 10%;
        }
        
        .playerdirectory_characterstat_avatar img {
            width: 100%;
        }
        
        .playerdirectory_characterstat_infos {
            width: 90%;
        }
        
        .playerdirectory_characterstat_username {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            padding: 8px;
            font-weight: bold;
        }
        
        .playerdirectory_characterstat_usertitle {
            background: #0f0f0f url(../../../images/tcat.png) repeat-x;
            color: #fff;
            border-top: 1px solid #444;
            border-bottom: 1px solid #000;
            padding: 6px;
            font-size: 12px;
            font-weight: bold;
        }
        
        .playerdirectory_characterstat_username a:link,
        .playerdirectory_characterstat_username a:visited,
        .playerdirectory_characterstat_username a:active,
        .playerdirectory_characterstat_username a:hover {
            color: #ffffff;
        }
        
        /* INPLAYZITATET */
        
        .playerdirectory_inplayquote {
            width: 100%;
            display: flex;
            margin: 10px 0;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .playerdirectory_inplayquote_avatar {
            width: 10%;
            text-align: center;
        }
        
        .playerdirectory_inplayquote_avatar img {
            border-radius: 100%;
            border: 2px solid #0071bd;
            width: 100px;
        }
        
        .playerdirectory_inplayquote_container {
            width: 90%;
        }
        
        .playerdirectory_quote {
            width: 95%;
            margin: auto;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        .playerdirectory_quote_user {
            text-align: right;
        }
        
        .playerdirectory_quote_user b {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 13px;
        }
        
        .playerdirectory_quote_user span {
            font-style: italic;
            font-size: 11px;
        }
        
        /* 12 MONATE STATISTIK */
        
        .playerdirectory_postactivity_months_headline {
            margin-bottom: 5px;
            color: #333;
            font-size: small;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            width: 100%;
        }
        
        .playerdirectory_postactivity_months {
            width: 100%;
            text-align: center;
            margin: 10px 10px;
        }
        
        .playerdirectory_postactivity_months_poststat {
            width: 100%;
            display: flex;
            flex-flow: wrap;
            flex-wrap: nowrap;
            justify-content: space-between;
        }
        
        .playerdirectory_postactivity_months_month {
            justify-content: center;
            align-items: center;
            display: flex;
            flex-flow: column;
        }
        
        .playerdirectory_postactivity_months_monthname {
            color: #293340;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .playerdirectory_postactivity_months_chart {
            height: 250px;
            width: 100%;
        }
        
        /* PRO CHARAKTER */
        
        .playerdirectory_postactivity_perChara {
            text-align: center;
            margin: 10px 10px;
            display: flex;
            justify-content: space-around;
            align-content: flex-start;
            flex-wrap: nowrap;
        }
        
        .playerdirectory_postactivity_perChara_stat {
            width: 50%;
            text-align: center;
        }
        
        .playerdirectory_postactivity_perChara_headline {
            margin-bottom: 5px;
            color: #333;
            font-size: small;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            width: 100%;
        }
        
        .playerdirectory_postactivity_perChara_bit {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            height: 150px;
            align-items: center;
        }
        
        .playerdirectory_postactivity_perChara_bit_chara {
            justify-content: center;
            align-items: center;
            display: flex;
            flex-flow: column;
        }
        
        .playerdirectory_postactivity_perChara_bit_charactername {
            color: #293340;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .playerdirectory_postactivity_perChara_chart {
            height: 150px;
            width: 100%;
        }
        
        /* EIGENE STATISTIKEN */
        
        .playerdirectory_playerstat_ownstat_headline {
            margin-bottom: 5px;
            color: #333;
            font-size: small;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            width: 100%;
        }
        
        .playerdirectory_playerstat_ownstat_bit {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            align-items: center;
        }
        
        .playerdirectory_playerstat_ownstat_bit_option {
            justify-content: center;
            align-items: center;
            display: flex;
            flex-flow: column;
        }
        
        .playerdirectory_playerstat_ownstat_bit_optionname {
            color: #293340;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .playerdirectory_playerstat_ownstat_chart {
            height: 150px;
            width: 100%;
        }