.sidebar_close{
        position: fixed;
        top: 55%;
        width: 55px;
        height: 55px;
        right: -1px;
        border: 10px solid #fff;
        font-size: 12px;
        margin: auto;
        transform: translatey(-50%);
        padding: 0px;
        z-index: 1000;

        /*background: url('/design/include/coffee/icon-marketingpsychology.gif') #fff no-repeat center center;*/
/*
        background: url('/design/include/coffee/icon-coffee.gif') #fff no-repeat center center;
        border-radius: 50% 0% 50% 50%;
*/

	    background: url('/design/include/coffee/icon-lidl.gif') #fff no-repeat center center;
        border-radius: 0px;

        background-size: 55px;
        cursor: pointer;
    }

    #sidebar {
        position: fixed; 
        z-index:10;
        right:0;
        top:50%;
        //overflow-y:scroll;
        //overflow-x:hidden;
        border-left:10px solid #fff;
        width: 300px;
        height:100%;
        background:#fff;
        margin:90px -301px auto auto;
        transform: translatey(-50%);
        padding:10px 0px 0px 0px;
        box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);
    }
    #article_block{
        position: fixed; 
        z-index:10;
        right:0;
        top:50%;
        overflow-y:scroll;
        overflow-x:hidden;
        border:10px solid #fff;
        width: 300px;
        height:100%;
        background:#fff;
        margin:90px -621px auto auto;
        transform: translatey(-50%);
        padding:10px 0px 0px 0px;
        box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);
    }
    #article_block span{
        width:99%;
        height:60%;
        display:block;
    }
    #article_block span a img{
        width:100%;
        height:auto;
    }
    #article_block span a h3{
        font-size:16px;
        margin-left: 20px;
    }
    #article_block h3 a { height:auto !important;}
    #sidebar #block{
        height:100px;
    }
    #sidebar #icons{
        scroll:auto;
        width:100%
    }
    #sidebar #icons a{
        display:block;
        float:left;
        width:100%;
        border:2px solid white;
        border-left:0px;
        height: 90px;
        overflow: hidden;
    }
    #sidebar #icons span a img {
        width:100%;
        height:auto;
    }
    #sidebar #icons a:hover {
    }
    #sidebar .sidebar_close{
        display:block;
        width:50px;
        float:right;
    }
    #sidebar h2 { font-size:15px; margin-left: 20px;}
    #sidebar h2 a { height:auto !important;}
    #sidebar h2 a::before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 16px;
        height: 16px;
        background: #a91c28;
        margin: 2px 0 0 -20px;
    }

    #sidebar #icons h3 a {
        height: 35px;
        margin: 10px;
        width: auto;
        font-size: 12px;
    }

    article { 
        box-shadow:none;
        display: block;
        position: relative;
        width: 100%;
        float: left;
        overflow: hidden;
    }

    article:hover h2 a { color: #a91c28; }

    #sidebar .play-photo span::before,
    #sidebar .play-video span::before { margin: 32px 7px; }
    .cofee-icons { display:block; float:left; width:300px; padding:0px 0px 0px 0px; background-color:#f8f6f4; text-align:center;}
    .cofee-icons li { list-style:none; float:left; width:33%; padding:5px 0px;} 
    .cofee-icons li b { font-weight:normal; text-transform:uppercase; display:blog; font-size:12px; float:left; text-align:center; width:100%;}
    .cofee-icons li img { width:41px; height:41px;}
    .cofee-icons li:hover img { opacity:0.8; }
    .cofee-icons li a { color:#333;}
    .cofee-icons li:hover a { color:#a91c28;}