body {
    height: 100%;
    background-color: #f0f0f0 ;
    /*padding-bottom: 0;*/
}
.subPanelFooter{
    background-color: #f0f0f0 ;
}
#mainPanelFooter{
    background-color: #f0f0f0;
}
.subPanel{
    background-color: #f0f0f0;
}
/*.subPanel:hover{
    cursor: pointer;
}*/
#mainPanel{
    background-color: #f0f0f0;
}
#nameBanner{
    background-color: #f0f0f0;
}
#portrait_text{
    color: #000000;
    font-size: 16px;
}

#mainContainer{
    padding-bottom: 0;
    margin-bottom: 5px;
    margin-top: 15px;
}
.big_panel{
    padding:0;
    margin-bottom: 0;
}
.panel-heading{
    border:0;
    padding:0;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.gallery {
    background-color: #f0f0f0;
    box-sizing: content-box;

}
.gallery-body {
    display: inline-block;
    height: 176px;
    min-height: 10em;
    vertical-align: middle;
}
.paintingText{
    width:90%;
    float: left;
}
.btn-group-vertical{
    width:10%;
    /*margin-top: -6px;*/
}
.panel-main{
    background-color: #f0f0f0;
}
.gallery-footer {
    background-color: #f0f0f0;
    box-sizing: content-box;
    padding-top: 5px;
    height: 70px;
}
#aktuelles_head {
    background-color: #f0f0f0;
    box-sizing: content-box;
}
#killAndRotateGroup{
    position: absolute;
    top: 10px;
    right: 20px;
}
#killBtn{
    position: absolute;
    top: 10px;
    right: 20px;
}
#rotateBtn{
    position: absolute;
    top: 50px;
    right: 20px;
}
#deleteButton{
    margin: 0;
}
.editButton{
    float: right;
    padding: 1px;
    margin-bottom: 3px;
}
.editButton:hover{
    border: solid wheat 1px;
}

.painting{
    border: solid black 1px;
    cursor: pointer;
    position: relative;
}
.painting:hover{
    border: solid brown 2px;
}
#zitat{
    font-family: Helvetica Narrow, serif;
    font-style: italic;
    text-align: center;
}
.grayFilter{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(50); /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}
.cat{
    text-align: center;
}
.fa.fa-repeat{
    padding-left: 2px;
    padding-right: 2px;
}
.aktuelles_titel{
    padding: 5px;
    margin-bottom: 0;
}
.aktuelles_pic{
    margin-right: 20px;
    float: left;
}
#aktuell_inputImgDiv{
    /*overflow-x: auto;*/
}
.modal-body{
    overflow-y: auto;
}
.aktuelles-body{
    /*overflow-y: auto;*/
    width: -webkit-fill-available;
}
#aktuell_inputText{
    margin-left: 5px;
}
.left_float{
    float: left;
}
#portrait_text {
    text-align:center;
}
#backButton{
    float:left;
    /*margin-bottom: -20px;*/
}
#imp{
    color: #8c8c8c;
}
.back-unten{
    margin-top: -20px;
}

@media screen and (max-width: 1050px){
    #mainContainer{
        width: 85%;
    }
}

@media screen and (max-width: 486px){
    .gallery-footer {
        height: 90px;
    }
}
@media screen and (max-width: 430px){
    .gallery-footer {
        height: 110px;
    }
}
@media screen and (max-width: 370px){
    #mainContainer{
        width: 75%;
    }
}