.bs5 .infobar-top .detail-bar .InfoBar { font-size:15px; }
.bs5 .infobar-top .detail-bar .InfoBar > div { line-height: 37px; }
.bs5 .infobar-top .detail-bar .InfoBar.row .row > div { padding-left: 0; padding-right: 0; line-height: 37px;}
.bs5 .infobar-top .detail-bar .InfoBar .author { margin-bottom: 0; color: var() }
.bs5 .infobar-top .detail-bar .InfoBar .author > img { width: 40px; margin-right: 6px}
.bs5 .infobar-top .detail-bar .InfoBar ul.sxrating { margin: 4px 0 3px; padding: 0; }
.bs5 .infobar-top .detail-bar .InfoBar .fa-comment-dots {font-size: 17px } 
ul.sxrating {
   width: 96px; height: 25px;
   margin: 0 0 3px; padding: 0;
   list-style: none;
   clear: both;
   position: relative;
   background: url("/__STATIC__/static/images/self/stars.png") no-repeat left top;
   overflow: hidden;
}
ul.sxrating li { cursor: pointer; float: left; }
ul.sxrating li a {
   position: absolute;
   left: 0; top: 0;
   width: 17px; height: 25px;
   text-decoration: none;
   z-index: 200;
}
ul.sxrating li a b { display: none; }
ul.sxrating li.s1 a { left: 0; }
ul.sxrating li a:focus { background: none; }
ul.sxrating li.s2 a { left: 20px; }
ul.sxrating li.s3 a { left: 39px; }
ul.sxrating li.s4 a { left: 58px; }
ul.sxrating li.s5 a { left: 77px; }
ul.sxrating li a:hover {
   z-index: 2;
   width: 96px; height: 25px;
   overflow: hidden;
   left: 0;
   background: url("/__STATIC__/static/images/self/stars.png") no-repeat 0 -54px;
}
ul.sxrating li.s1 a:hover { background-position: -76px -81px; }
ul.sxrating li.s2 a:hover { background-position: -57px -81px; }
ul.sxrating li.s3 a:hover { background-position: -38px -81px; }
ul.sxrating li.s4 a:hover { background-position: -19px -81px; }
ul.sxrating li.s5 a:hover { background-position: 0 -81px; }
.sxrating_review_input { margin: 0; height: 16px; }

.sxrating li.current_rate {
    background: url("/__STATIC__/static/images/self/stars.png") left -27px;
    position: absolute;
    height: 25px;
    z-index: 1;
}

#star_rate.sxrating li.current_rate {
    background: url("/__STATIC__/static/images/self/stars.png") left -81px;
}

.detailContent {
    line-height: 21px;
    border-bottom:none;
    padding-bottom: 0px;
    margin-bottom: 21px;
    margin-top:21px;
}

.detailContent:last-child {
    border: 0;
}

.detailContent .date {
    margin-top: 0px;
    text-align: left;
    margin-bottom:20px;
    display:inline-block;
}

.bs5 .infobar-top .detail-bar .InfoBar .author {
    margin-top: 0px;
    color: var(--hjr-fond-blauschwarz-semi);
    text-align: left;
    margin-bottom:0;
    display:inline-block;
}
.bs5 .infobar-top .detail-bar .InfoBar .sxStars{ color: var(--hjr-fond-blauschwarz-semi); }
.detailContent h1 {
    color: #4D4D4D;
    margin: 0;
    font-size: 21px;
    max-width: 840px;
    line-height: 28px;
}

.detailContent h2 {
    color: #4D4D4D;
    margin: 0 0 21px 0;
    font-size: 15px;
    line-height: 21px;
}

.detailContent hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.detailContent a {
    color: #FF6600;
    text-decoration: none;
}

.detailContent a:hover {
    text-decoration: underline;
}

.detailContent ul.sxlist {
    margin-bottom: 21px;
}

.detailContent p {
    margin-bottom: 0px;
	padding:0px
}

.style2017 .detailContent p {
    margin-bottom: 21px;
}

.style2017 .sxOneText p, 
.style2017 .textFragment p {
   padding-bottom: 10px;
}

.detailContent .InfoBar {
    position: relative;
    border-top: 1px solid var(--hjr-typo-beige);
    border-bottom: 1px solid var(--hjr-typo-beige);
    padding: 10px 0;
    margin: 8px 0 20px 0;
}

.detailContent .InfoBar > div {
    min-height: 30px;
    line-height: 30px;
    padding: 0;
}

.detailContent .InfoBar > div:last-child {
    text-align: right;
    top: 10px;
}

.detailContent .InfoBar > div .ajaxrating_text {
    padding-left: 10px;
}

.detailContent .InfoBar .sxShare {
    position: absolute;
    top: 15px;
    right: 0;
}

.detailContent .InfoBar .sxShare a {
    display: inline-block;
    padding-left: 20px;
    color: var(--hjr-fond-blauschwarz-semi);
    font-size: 14px;
}

.sxSocial {
    margin-top: 50px;
}

.sxSocial > div {
    display: inline-block;
    padding-right: 16px;
}

.sxSocial a {
    color: #fff;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
    font-size: 13px;
    background: #ccc;
}

.sxSocial .fb a {
    background: #3b5998;
}

.sxSocial .twitter a {
    background: #1da1f2;
}

.sxSocial .gplus a {
    background: #db4437;
}

.col-lg-8 .sxSocial {
    margin-bottom:30px;
}

.desktop {
    display: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    ul.sxrating {
        background: url("/__STATIC__/static/images/self/stars_2x.png") no-repeat left top;
        background-size: 96px;
    }

    ul.sxrating li a:hover {
        background: url("/__STATIC__/static/images/self/stars_2x.png") no-repeat 0 -54px;
        background-size: 96px;
    }

    .sxrating li.current_rate {
        background: url("/__STATIC__/static/images/self/stars_2x.png") left -27px;
        background-size: 96px;
    }

    #star_rate.sxrating li.current_rate {
        background: url("/__STATIC__/static/images/self/stars_2x.png") left -81px;
        background-size: 96px;
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 192dpi) {
    ul.sxrating {
        background: url("/__STATIC__/static/images/self/stars_3x.png") no-repeat left top;
        background-size: 96px;
    }

    ul.sxrating li a:hover {
        background: url("/__STATIC__/static/images/self/stars_3x.png") no-repeat 0 -54px;
        background-size: 96px;
    }

    .sxrating li.current_rate {
        background: url("/__STATIC__/static/images/self/stars_3x.png") left -27px;
        background-size: 96px;
    }

    #star_rate.sxrating li.current_rate {
        background: url("/__STATIC__/static/images/self/stars_3x.png") left -81px;
        background-size: 96px;
    }
}

@media (min-width: 768px) {

    .detailContent .InfoBar > div.sxStars {
        padding-left: 0px;
    }

    .detailContent .date {
        margin-top: 0px;
    }

    .InfoBar .sxShare {
        position: relative;
    }

    .sxSigleBlog {
        text-align: center;
    }

    .sxSigleBlog > div {
        margin: 0 auto;
        float: none;
        text-align: left;
    }
}

@media (min-width: 1170px) {
    .detailContent .InfoBar > div.sxStars {
        padding-left: 20px;
    }

    .desktop {
        display: inline;
    }

    .tablet {
        display: none;
    }
}