.pheader {
    width: 100%; display: -webkit-flex; display: flex; background: #CE0000;
}
.pheader img {
    width: 100%; margin-top: -70px; height: auto; vertical-align: bottom; position: relative
}
@media (max-width: 700px){
    .pheader img {
        margin-top: 0px;
    }
}
.pheader div {
    height: 100%;
}
.pheader > div:first-child {
    width: 40%; float: left; box-sizing: border-box; padding: 10px; position: relative;
}
.pheader > div:first-child:hover button {
    opacity: 1 !important
}
.butdiv div {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 56.25%;
    margin-top: -70px;
}

@media (max-width: 700px){
    .butdiv div {
        margin-top: 0px
    }
}

.butdiv button {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity 0.5s ease
}
.pheader > div:first-child button.bottom {
    top: unset; bottom: 10px
}
.pheader > div:last-child {
    width: 60%; float: right; margin-right: 10px
}

.pheader-spacer {
    margin-top: 70px !important; position: relative
}
@media (max-width: 700px){
    .pheader-spacer {
        margin-top: 0px !important;
    }
}
.pheader h1:first-child {
    color: #fff; padding-top: 5px; margin-top: inherit !important; border-bottom: none
}
.pheader h1 textarea {
    display: block; box-sizing: border-box; resize: none !important; font-size: 35px; color: #CE0000; width: 100%; font-weight: bold; padding: 0px 3px; border:none
}
.pheader span, .pheader span * {
    color: #fff; margin-bottom: 5px; display: inline-block
}

.pheader-desc {
    background: rgb(255, 117, 117); padding: 4px; position: relative
}

.pheader-desc button.tiny {
    position: absolute; margin: 3px; top: 0; right: 0
}

.nodesc {
    color: darkred
}

.readlist > div {
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    padding: 7px 0;
    border-bottom: 1px solid lightgray
}
.readlist > div:last-child {
    border: 0; padding-bottom: 0px
}
.readlist > div > div:first-child {
    margin: 10px;
    -webkit-align-self: center; align-self: center;
    -webkit-justify-content: center; justify-content: center;
    display: -webkit-flex; display: flex;
    width: 5%;
}
@media (max-width: 900px){
    .readlist > div > div:first-child {
        width: 8%
    }
}
.readlist > div > div:nth-child(2) {
    width: 38%; padding-right: 10px 
}
.readlist > div > div:nth-child(2) div {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 56.25%
}

@media (max-width: 600px){
    .readlist > div > div:nth-child(2) {
        width: 0% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .readlist > div > div:nth-child(3) {
        width: 80% !important;
    }

    .readlist > div > div:nth-child(3).notempty.notempty3 {
        width: 100% !important;
    }
    
}

.readlist > div > div:nth-child(2):empty {
    width: 0% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.readlist > div > div:nth-child(3) {
    width: 42%;
}
.readlist > div > div:last-child {
    width: 15%;
    -webkit-align-self: center; align-self: center;
}
.readlist a {
    color: black;
}
.readlist span.s_values {
    font-size: 15px;
    display: block
}
.readlist > div:hover span.s_values {
    font-size: 15px;
    opacity: 1
}
.readlist span.s_values .status {
    display: inline-block;
    background: #eaeaea;
    padding: 0 3px;
    margin-top: 3px;
}
.readlist span.s_values .status i {
    margin-right: 0;
}
.readlist span.s_author, .readlist span.s_author a {
    font-size: 15px
}

.readlist b a {
    font-size: 18.5px;
    color: #000
}

.empty {
    width: 0% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.notempty {
    width: 47% !important;
}

.notempty2 {
    width: 85% !important;
}

.notempty.notempty2 {
    width: 85% !important;
}

.notempty.notempty2.notempty3 {
    width: 100% !important;
}

.notempty.notempty3 {
    width: 62% !important;
}

.actions {
    margin: 5px 0 0 0
}
.actions > * {
    margin: 0 7px 7px 0
}

.mrg-top {
    margin-top: 5px !important
}

.warnbox {
    background: #FFE4E4;
    margin-top: 10px;
    padding: 5px;
    color: red
}

.buttonholder {
    padding-left: 10px
}

.buttonholder > * {
    float: right;
    margin-right: 10px;
}

.marker {
    background: #FFE9E9;
}

.titleedit {
    position: absolute; margin-left: 5px; margin-top: 3px
}

.write {
    background: #F6F6F6; padding: 5px 5px 1px 5px;   
}
.write button {
    float: right; margin-top: 5px
}
.write div.button-holder {
    display: inline-block; width: 100%;
}
.write span.warn {
    text-decoration: blink;
    cursor: default !important;
    margin-top: 5px;
    font-size: 15px;
    color: red;
    float: left
}
.write a {
    font-size: 15px;
    margin-top: 0px;
}

.red {
    color: #FF0000;
}

.warning {
    background: #FFB4B4 !important;
    padding: 5px !important;
    font-size: 15px;
    text-align: center !important;
    margin-top: 5px !important;
    color: red;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 600px){
    .warning {
        width: 95%
    } 
}

.warning a {
    font-size: 15px;
    font-weight: normal;
    color: red
}
.share-box h2 {
    margin-left: 10px;
    padding-left: 10px;
    margin-left: -10px;
    margin-right: -10px
}
.share-subbox {
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    margin-top: 10px
}
.share-subbox div {
    -webkit-align-self: center; align-self: center;
    padding-right: 10px;
    padding-bottom: 5px
}
.share-subbox div:first-child {
    padding-left: 0
}
.share-subbox span {
    font-size: 13px;
}
.share-subbox img {
    display: inline-block;
    cursor: pointer;
    width: auto;
    height: auto;
    transition: opacity 0.5s ease;
    vertical-align: top;
    filter: saturate(1.5);
    -webkit-filter: saturate(1.5);
    -ms-filter: saturate(1.5);
    box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
}
.share-box img:hover {
    opacity: 0.7
}

.seitenmanager {
    margin-top: 22px
}

.report {
    opacity: 0;
    transition: opacity 0.5s ease
}

.reportholder:hover .report {
    opacity: 1
}

.upload button{width:100%;}
.imgchoose {
    padding: 5px;
    background: #FFC6C6;
    margin-bottom: 15px;
    display: none;
    margin-top: 15px;
}
.imgchoose input {
    font-size: 15px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    padding: 2px 4px;
    width: 100%
}
.imgchoose a {
    margin: 3px 0;
    display: inline-block; 
    font-size: 15px
}

.buttons {
    display: flex
}

.buttons button:first-child {
    margin-right: 3px;
}

.buttons button:last-child {
    margin-left: 3px;
}

.buttons button:first-child:last-child {
    margin: 0px !important
}