/*sn main page*/

        /*be sure, that accountswitcher attached accounts are working*/
        ul.trow1 {
            z-index: 10;
        }
        .socialmain.container{
            color:#eeecee;
        }
        .socialmain fieldset,
        .ucp_social fieldset {
            padding: 12px;
            border: 1px solid #262323;
            margin: 0;
        }
        
        .socialmain textarea {
            background-color: #262323;
            color: #eeecee;
        }
        
        .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: #1c1a1a;
        }
        
        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_titel img{
    width:1200px;
}
        
.sn_profil {
background-color: #60111f;
margin-left: 70px;
margin-top: -160px;
margin-right: 10px;
border-radius: 100px;
float: left;
}
        
.sn_profil img {
    padding: 5px;
    border-radius: 100px;
}
        
.sn_username {
    padding-right: 30px;
    margin: -79px 0px 70px 0px;
    text-align: right;
    height: 59px;
    background-image: linear-gradient(180deg, #1c1a1a08, #1c1a1a70, #1c1a1a94, #1c1a1ac2, #1c1a1a);
}
        
.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: #262323;
    margin: 10px;
    padding: 10px;
    font-size: 12pt;
    height: min-content;
    border-radius: 1px;}
        
.sn_memInfo img {
display: block;
margin: auto;
padding-top: 10px;
}
        
sn_tit {
font-weight: bold;
}
        
.sn_links {
    background-color: #262323;
    margin: 10px;
    padding: 10px;
    font-size: 12pt;
    height: min-content;
    border-radius: 1px;}
        
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;width: 100%;}

.sn_socialPost{
	padding:3px;
	text-align:justify;
	font-size:12pt;
}

.sn_rechts {
background-color: #1c1a1a;
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 #60111f; */
    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: #872f38;}
        
/*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: #1c1a1a;
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;border-bottom: 1px solid #60111f;}
        
.sn_postDate {font-size: 11pt;}
        
.sn_answer_form {
margin-top: 10px;
}
        
.sn_rechts hr {
background-color: #262323;
color: #eeecee;
height: 1px;
border: 0px;
}