@media only screen and (min-width: 768px) {

    .ao_otzivi_list .ao_head > div.ao_rait_3 {
        float: right;
        position: relative;
        z-index: 40;
        background: rgba( 232, 247, 225, 1 );
        padding-left: 21px;
    }

    .ao_otzivi_list .ao_head > div.ao_dopinfo {
       float: right;
    }

    .ao_otzivi_list .ao_head > div.ao_rait_3:before {
        content:"";
        position: absolute;
        background: rgb( 232, 247, 225); /*fallback*/
        height: 100%;
        width: 30px;
        top: 0;
        left: -28px;
        background: linear-gradient(left, rgba( 232, 247, 225, 0 ) 0%, rgba( 232, 247, 225, 1 ) 100% );
        background: -moz-linear-gradient(left, rgba( 232, 247, 225, 0 ) 0%, rgba( 232, 247, 225, 1 ) 100% );
        background: -ms-linear-gradient(left, rgba( 232, 247, 225, 0 ) 0%, rgba( 232, 247, 225, 1 ) 100% );
        background: -o-linear-gradient( left, rgba( 232, 247, 225, 0 ) 0%, rgba( 232, 247, 225, 1 ) 100% );
        background: -webkit-linear-gradient( left, rgba( 232, 247, 225, 0 ) 0%, rgba( 232, 247, 225, 1 ) 100% );
    }

    .ao_otzivi_list .ao_head > div.ao_turist {
        position: absolute;
        max-width: none;
    }

    /* for the other colors*/

    .ao_otzivi_list .ao_net_otziv .ao_head > div.ao_rait_3 {
        background-color: rgb(225, 241, 249);
    }

    .ao_otzivi_list .ao_bad_otziv .ao_head > div.ao_rait_3 {
        background-color: rgb(249, 235, 235);
    }

    .ao_otzivi_list .ao_net_otziv .ao_head > div.ao_rait_3:before {
        content:"";
        position: absolute;
        background: rgb( 225, 241, 249); /*fallback*/
        height: 100%;
        width: 30px;
        top: 0;
        left: -28px;
        background: linear-gradient(left, rgba( 225, 241, 249, 0 ) 0%, rgba( 225, 241, 249, 1 ) 100% );
        background: -moz-linear-gradient(left, rgba( 225, 241, 249, 0 ) 0%, rgba( 225, 241, 249, 1 ) 100% );
        background: -ms-linear-gradient(left, rgba( 225, 241, 249, 0 ) 0%, rgba( 225, 241, 249, 1 ) 100% );
        background: -o-linear-gradient( left, rgba( 225, 241, 249, 0 ) 0%, rgba( 225, 241, 249, 1 ) 100% );
        background: -webkit-linear-gradient( left, rgba( 225, 241, 249, 0 ) 0%, rgba( 225, 241, 249, 1 ) 100% );
    }

    .ao_otzivi_list .ao_bad_otziv .ao_head > div.ao_rait_3:before {
        content:"";
        position: absolute;
        background: rgb( 249, 235, 235); /*fallback*/
        height: 100%;
        width: 30px;
        top: 0;
        left: -28px;
        background: linear-gradient(left, rgba( 249, 235, 235, 0 ) 0%, rgba( 249, 235, 235, 1 ) 100% );
        background: -moz-linear-gradient(left, rgba( 249, 235, 235, 0 ) 0%, rgba( 249, 235, 235, 1 ) 100% );
        background: -ms-linear-gradient(left, rgba( 249, 235, 235, 0 ) 0%, rgba( 249, 235, 235, 1 ) 100% );
        background: -o-linear-gradient( left, rgba( 249, 235, 235, 0 ) 0%, rgba( 249, 235, 235, 1 ) 100% );
        background: -webkit-linear-gradient( left, rgba( 249, 235, 235, 0 ) 0%, rgba( 249, 235, 235, 1 ) 100% );
    }



}