/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/03b7.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/d9fa.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/881c.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/e844.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/8a74.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/01e8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://cdn.musikguru.de/fonts/3647.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/262b.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/754c.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/76b6.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/5e9e.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/90e8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/4ecf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://cdn.musikguru.de/fonts/27d1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/6a87.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/58fe.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/9e8d.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/3096.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/f837.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/bc14.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://cdn.musikguru.de/fonts/6945.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    margin:0;
    padding:0;
    height:100%;
}

body {
    font-family: 'Open Sans', sans-serif, Helvetica, Arial,sans-serif;
    font-size:14px;
    background:#fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

form {
    display:inline;
}

input, textarea {
    font-family: Arial,sans-serif;
    outline: none;
}

a{color:#222;}
a:hover{color:#333;}
a:focus{color:#000;}

#Out {
    padding-top:70px;
}

#Logo img {
    height: 36px;
    margin-top: 17px;
    margin-left: -7px;
}

#Head {
    background: #fff;
    height: 60px;
    margin-bottom: 20px;
    box-shadow:0 2px 3px rgba(0,0,0,.035);
    z-index: 999999;
    position: fixed;
    width: 100%;
    top: 0;
}

#Main {
    /*min-height:60vh;*/
}
#Main::after {
    content:"";
    clear:both;
    display: block;
}

#Footer {
    margin-top: 50px;
    border-top: 2px solid #f9f9f9;
    padding: 25px 0;
}

#Footer::after {
    content:"";
    display: block;
    clear:both;
}

#Footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width:275px;
}

#Footer ul li:first-child {
    margin-bottom: 10px;
    color: #424242;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

#Footer>ul a {
    text-decoration: none;
    color: #333a40;
    line-height: 26px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    padding-right: 20px;
    max-width: 90%;
    transition: all 250ms;
}

#Footer>ul a:hover {
    color: #171a1d;
    text-decoration: underline;
}

#FooterLine {
    margin-bottom:25px;
    margin-top:25px;
    font-size:13px;
    color:#757575;
}


#FooterLine::before  {
    content:"";
    display: block;
    clear:left;
}

#FooterLinks {
    float: right;
}
#FooterLinks a {
    text-decoration: none;
}

#FooterArtist {
    width: 100% !important;
    text-align: center;
    margin-top: 40px !important;
}

#FooterArtist li {
    float:left;
}

#Head>.Con {
    position: relative !important;
}

#HeadNav {
    position: absolute;
    right:0px;
    top:0;
    list-style: none;
    margin:0;
    padding:0;
}

#HeadNav li {
    float:left;
    position: relative;
}

#HeadNav li:last-child a {
    padding-right:0 !important;
}

#HeadNav li a {
    line-height: 60px;
    display: block;
    padding: 0 12px;
    text-decoration: none;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    color: #3a3a3a;
    /*letter-spacing: -0.5px;*/
}

#HeadNav li a:hover {
    color:#212121;
}

#HeadNav li span {
    position: absolute;
    background: #dc3417;
    color: #fff;
    width: 13px;
    height: 13px;
    font-size: 9px;
    border-radius: 50%;
    text-align: center;
    line-height: 13px;
    top: 13px;
    right: 1px;
    font-weight: 600;
}

#HeadSearch {
    position: absolute;
    top:10px;
    left:250px;
    width: 450px;
    height: 39px;
    background: #f7f6f6;
    border-radius: 5px;
}

#HeadSearch:focus-within::before {
    opacity: 1 !important;
}

#HeadSearch::before {
    content:"";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;stroke:%233a3a3a;stroke-width:2px;%7D.cls-2%7Bstroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch-icon%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cg id='Symbols'%3E%3Cg id='Menu'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Ccircle id='Oval' class='cls-1' cx='8.5' cy='8.5' r='7.5'/%3E%3Cpath id='Line-2' class='cls-2' d='M14,15l5,5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 13px;
    height: 13px;
    display: block;
    background-repeat: no-repeat;
    left: 15px;
    position: absolute;
    top: 13px;
    opacity: 0.4;
    transition: all 300ms;
}

#HeadSearchInput {
    width: 100%;
    border: 0;
    padding: 12px 12px 12px 40px;
    margin:0;
    height: 39px;
    line-height: 39px;
    font-size:14px;
    font-family: 'Open Sans';
    box-sizing: border-box;
    outline:none;
    background: transparent;
}

#HeadAd {
    text-align: center;
    margin: -10px 0 25px 0;
    padding: 15px 0 15px 0;
    border-top:1px solid #f8f8f8;
    border-bottom:1px solid #f8f8f8;
    min-height:90px;
    line-height: 0;
}

#FooterAd {
    padding: 15px 0 15px 0;
    text-align: center;
    line-height: 0;
    border-top: 1px solid #f8f8f8;
    margin-top: 15px;
}

#HalfpageAd{
    width:300px;
    height:600px;
    line-height: 0;
    position: relative;
}
.AdTxtRight::before {
    content: "Anzeige";
    text-align: right;
    display: block;
    margin-top: -25px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    color: #888;
    letter-spacing: .2px;
}

.Con {
    width:1100px;
    margin:0 auto;
}

h1, h2, h3 {
    font-family: "Open Sans",Cabin, Arimo,Tahoma, Geneva;
}

h1 {
    font-size: 32px;
    padding-top: 0px;
    margin: 0 0 20px 0;
    line-height: 1;
    color: #313131;
    letter-spacing: -1.05px;
}

#Start-News {
    margin-bottom:60px;
    position: relative;
}

#Start-News::after {
    content:"";
    clear:left;
    display: block;
}

#Start-News-More {
    border: 1px solid #afa9a9;
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 453px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms;
}
#Start-News-More:hover {
    border-color: #222 !important;
    color:#222 !important;
}


#Start-News>.Start-News-Col:last-child {
    margin-right: 0!important;
}

.Start-News-Col {
    float:left;
    display: block;
    width:225px;
    height:290px;
    margin-right:25px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04), 0 0 0 1px rgba(38,55,73,0.05);
    transition: all 250ms;
}

.Start-News-Col:hover {
    box-shadow: 0 2px 16px 0 rgba(6,21,33,0.09), 0 0 0 1px rgba(38,55,73,0.05);
}

.Start-News-Image img {
    height:155px;
}

.Start-News-First {
    width:600px!important;
    height:350px!important;
}

.Start-News-Title {
    font-size: 18px;
    padding-top: 0px;
    margin: 10px 0 10px 0;
    line-height: 26px;
    color: #313131;
    letter-spacing: 0;
    text-decoration: none;
    display: block;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.Start-News-First::after {
    content:"";
    position: absolute;

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: '';

}

.Start-News-First .Start-News-Text {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 0 20px;
}

.Start-News-First .Start-News-Date {
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    width:auto !important;
    text-align: center;
    right: 20px;
    z-index: 2;
}

.Start-News-Text {
    padding:0 10px;
}

.Start-News-First img {
    height: 350px;
}

.Start-News-Image {
    overflow: hidden;
}

.Start-News-Date {
    font-size:13px;
    color:#757575;
    position: absolute;
    bottom:20px;
    width:100%;
    text-align: center;
}

#Start-Charts-More {
    text-align: center;
}
#Start-Charts-More a{
    border: 1px solid #afa9a9;
    display: inline-block;
    margin: 25px 0 0 0;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms;
}
#Start-Charts-More a:hover {
    border-color: #222!important;
    color: #222!important;
}

.Start-Title {
    text-align: center;
    font-size: 45px;
    color:#212121;
}

.Start-Subtitle {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: -10px;
    margin-bottom: 25px;
    font-size: 21px;
    font-weight: 600;
}

.Start-Charts {
    list-style: none;
    margin:0;
    padding:0;
}

.Start-News-First .Start-News-Pretitle {
    color:#fff;
}

.Start-News-First .Start-News-Title {
    color:#fff;
}

.Start-Charts li {
    border-bottom:2px solid #f1f1f1;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    padding: 22px 0px;
    position: relative;
    transition: all 100ms;
}

.Start-Charts li a {
    text-decoration: none;
}

.Start-Charts li:hover {
    background:#f1f1f1;
    border-color: #f1f1f1;
}

.Start-Charts li::after {
    content:"";
    display: block;
    clear:left;
}

.Start-Charts li div {
    float:left;
}

.Start-About {
    line-height: 2;
}

.Charts-Up, .Charts-Down {
    position: relative;
}
.Charts-Up::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #84bd00 transparent;
    position: absolute;
    right: 18px;
    top: 11px;
}
.Charts-Down::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #be3100 transparent transparent transparent;
    position: absolute;
    right: 18px;
    top: 12px;
}

.Charts-Pos {
    width:100px;
    text-align: center;
}
.Charts-Lyrics {
    width:37%;
    padding-right:2%;
    font-weight:600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Charts-Translation {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 32px;
    height: 55px;
}
.Charts-Translation::before {
    content:"";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 5 3'%3E%3Cpath d='M0 0h5v3H0z'/%3E%3Cpath fill='%23D00' d='M0 1h5v2H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 2h5v1H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position:0 17px;
    background-size: 32px;
    width: 32px;
    height: 55px;
}
.Charts-Artist {
    width:28%;
}
.Charts-Online {
    width:20%;
}
.Charts-UserOnline {
    background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M12 2a13 13 0 0 1 9.5 4.64C20.12 8.47 16.81 12 12 12c-4.42 0-7.93-3.54-9.48-5.41C4 5 7.35 2 12 2zm0-2C4.45 0 0 6.55 0 6.55S4.84 14 12 14c7.73 0 12-7.45 12-7.45S19.71 0 12 0zm0 3a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 4a1.45 1.45 0 0 1-2-2 1.45 1.45 0 0 1 2 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 18px;
    padding-left: 30px;
    font-size: 16px;
}

#UserOnline {
    background-image: url("data:image/svg+xml,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath fill='%2335373a' d='M12 2a13 13 0 0 1 9.5 4.64C20.12 8.47 16.81 12 12 12c-4.42 0-7.93-3.54-9.48-5.41C4 5 7.35 2 12 2zm0-2C4.45 0 0 6.55 0 6.55S4.84 14 12 14c7.73 0 12-7.45 12-7.45S19.71 0 12 0zm0 3a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 4a1.45 1.45 0 0 1-2-2 1.45 1.45 0 0 1 2 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 20px;
    padding-left: 35px;
    font-size: 14px;
    margin-top: 10px;
    opacity: 0.75;
}

#UserOnlineNumber {
    position: relative;
    transition: all 500ms ease-in-out;
}
#UserOnlineNumber::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    display: block;
    z-index: -1;
    width:0;
    border-bottom:1px solid #ff2701;
    transition: all 600ms ease-in-out;
}

.UserOnlineUpdate {
    color:#ff2701 !important;
}
.UserOnlineUpdate::before {
    width:100% !important;
    opacity: 1 !important;
}


#Breadcrumb {
    list-style: none;
    color: #888;
    padding:0;
    margin:0;
    font-size: 14px;
    margin-bottom:20px;
    display: inline-block;
}

#Breadcrumb a {
    text-decoration: none;
}

#Breadcrumb a:hover {
    color: #222;
    text-decoration: underline
}

#BreadcrumbFirst {
    display: inline;
    margin-right: .3em;
}
.BreadcrumbBit {
    display: inline;
    margin-right: .3em;
}
.BreadcrumbBit:before {
    content: ">\00a0";
    color: #888;
}
.BreadcrumbCurrent a {
    color:#5c5c5c !important;
    cursor: default !important;
    font-weight:600;
}
.BreadcrumbCurrent a:hover {
    text-decoration: none !important;
}



/*
ARTSIT GLOBAL
 */

#ArtistNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
#ArtistNavigation>li {
    position: relative;
}
#ArtistNavigation>li>a,#ArtistNavigation>li>div {
    padding: 8px 0;
    display: block;
    font-size:17px;
    padding-left: 35px;
    text-decoration: none;
    position: relative;
    color:#414141;
    cursor: pointer;
}
#ArtistNavigation>li>a:hover,#ArtistNavigation>li>div:hover {
    color:#222;
}
#ArtistNavigation>li>a:hover + span, #ArtistNavigation>li>div:hover + span {
    color:#444 !important;
}

#ArtistNavigation>li>a:before,#ArtistNavigation>li>div:before {
    content: "";
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 5px;
    top: 13px;
    background-repeat: no-repeat;
    opacity: 0.75;
    transition: opacity 150ms;
}

#ArtistNavigation>li>a:hover::before,#ArtistNavigation>li>div:hover::before {
    opacity: 1!important;
}

#NavLyrics:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2335373a%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M13 1h-1v12.4a4.48 4.48 0 0 0-2-.4c-2.2 0-4 1.3-4 3s1.8 3 4 3 4-1.3 4-3V3.1A5 5 0 0 1 18 8h2a7 7 0 0 0-7-7zm-3 16c-1.2 0-2-.6-2-1s.8-1 2-1 2 .6 2 1-.8 1-2 1zM0 1h10v2H0z' transform='translate(0 -1)'/%3E%3Cpath class='cls-1' d='M0 5h10v2H0zM0 9h10v2H0z' transform='translate(0 -1)'/%3E%3C/svg%3E");
}

#NavQuestions:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2335373a%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17 1H3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3v4l8.2-4H17a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3zm1 11a.94.94 0 0 1-1 1h-6.2L5 15.8V13H3a.94.94 0 0 1-1-1V4a.94.94 0 0 1 1-1h14a.94.94 0 0 1 1 1z' transform='translate(0 -1)'/%3E%3Cpath class='cls-1' d='M5 7h2v2H5zM9 7h2v2H9zM13 7h2v2h-2z' transform='translate(0 -1)'/%3E%3C/svg%3E");
}

#NavAlbums:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2335373a%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M10 4H9v6.3a4 4 0 0 0-1.5-.3A3.27 3.27 0 0 0 4 13a3.27 3.27 0 0 0 3.5 3 3.27 3.27 0 0 0 3.5-3V6.1a4 4 0 0 1 3 3.9h2a6 6 0 0 0-6-6zM7.5 14c-.8 0-1.5-.5-1.5-1s.7-1 1.5-1 1.5.5 1.5 1-.7 1-1.5 1z'/%3E%3Cpath class='cls-1' d='M17 0H3a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm1 17a.94.94 0 0 1-1 1H3a.94.94 0 0 1-1-1V3a.94.94 0 0 1 1-1h14a.94.94 0 0 1 1 1z'/%3E%3C/svg%3E");
    top: 12px!important;
}


/*
ARTIST
 */

#ArtistLeft {
    float:left;
    width:175px;
}

#ArtistRight {
    float:right;
    width:300px;
}

#ArtistDescription {
    margin-top: 20px;
    color: #4f505f;
    font-size: 13px;
}

#ArtistMain {
    margin-left:195px;
    width:580px;
}

#ArtistMain>h1 {
    line-height: 40px;
    font-weight:700;
}

#ArtistStats {
    font-size: 15px;
    font-weight:600;
    margin-top:20px;
}

#ArtistStats::before {
    content: "";
    display: block;
    border-top: 1px solid #eee;
    width: 40px;
    padding-top: 20px;
}


#ArtistLyrics {
    margin:0;
    padding:0;
    list-style: none;
}

#ArtistLyrics li {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #f9f8f8;
    transition: all ease 250ms;
}

#ArtistLyrics li:hover {
    background: #f9f8f8;
}

#ArtistLyrics li:last-child {
    border-bottom: 1px solid #f9f8f8;
}

#ArtistLyrics a {
    text-decoration: none;
}

.LyrNr {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    width: 35px;
    text-align: center;
    line-height: 35px;
    background: #efefef;
    height: 35px;
}

.LyrAlb {
    position: absolute;
    left: 40px;
    top: 8px;
    background-color: #eee;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.LyrOrg {
    padding:0;
    line-height: 55px;
    padding-left: 60px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 130px;
    font-weight: 600;
}

.LyrTra {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px 0 25px;
    display: block;
    line-height: 55px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 5 3'%3E%3Cpath d='M0 0h5v3H0z'/%3E%3Cpath fill='%23D00' d='M0 1h5v2H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 2h5v1H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 23px;
    background-size: 18px;
}

/*
ALBUMS
 */

#ArtistAlbums {
    margin:0;
    padding:0;
    list-style: none;
}

#ArtistAlbums li {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding:10px;
    border-top: 1px solid #f9f8f8;
    transition: all ease 250ms;
}

#ArtistAlbums li:hover {
    background: #f9f8f8;
}

#ArtistAlbums li:last-child {
    border-bottom: 1px solid #f9f8f8;
}

#ArtistAlbums a {
    text-decoration: none;
}

.AlbName {
    padding:0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:600;
}

.AlbRelease {
    color:#757575;
    float:right;
    line-height:45px;
}

.AlbTracks {
    font-size:14px;
    color:#757575;
    margin-top:5px;
}

/*
ALBUM
 */

.ArtistAlbum {
    margin:0;
    padding:0;
    list-style: none;
    margin-bottom:25px;
}

.ArtistAlbum li {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #f9f8f8;
    transition: all ease 250ms;
}

.ArtistAlbum li:hover {
    background: #f9f8f8;
}

.ArtistAlbum li:last-child {
    border-bottom: 1px solid #f9f8f8;
}

.ArtistAlbum a {
    text-decoration: none;
}

.AlbumTracklist {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px;
    color: #444;
    font-weight: 600;
}

.TrackNo {
    position: absolute;
    left:5px;
    top:0;
    color: #757575;
    font-size: 14px;
    width: 25px;
    text-align: center;
    line-height: 55px;
}

.TrackName {
    padding:0;
    line-height: 55px;
    padding-left: 40px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:600;
}

.HasTra {
    padding-right: 130px;
}

.TrackNoLyrics {
    cursor: default !important;
    color:#757575;
}

.TrackNoLyrics:hover {
    background: none !important;
}

.TrackTra {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px 0 25px;
    display: block;
    line-height: 55px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 5 3'%3E%3Cpath d='M0 0h5v3H0z'/%3E%3Cpath fill='%23D00' d='M0 1h5v2H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 2h5v1H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 23px;
    background-size: 18px;
}

/*
LYRICS
 */

#LyricsHead {
    min-height: 175px;
    margin-left:195px;
    margin-bottom: 25px;
    margin-right:325px;
    position: relative;
}

#LyricsHead .Blocked {
    color: #4f505f;
    font-size: 15px;
}

#LyricsTitle {
    margin: 0 0 10px 0;
    font-weight:700;
}

#LyricsFeat {
    font-size: 17px;
    font-weight: 400;
    margin-top: 15px;
    font-family: "Open Sans";
    color: #888;
    letter-spacing: -0.2px;
}

#LyricsArtistTitle, #LyricsArtistTitle a {
    font-size: 24px;
    margin: 18px 0 15px 0;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-decoration: none;
    letter-spacing:-0.6px!important;
}

#LyricsRight {
    float: right;
    width: 300px;
}

#RightSide {
    float:right;
    width:300px;
    border-left: 1px solid #f8f8f8;
    margin-top: -25px;
    padding: 15px;
    padding-right: 0;
}

#LyricsViews::before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg class='inline_icon inline_icon--gray' src='eye.svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 15.45'%3E%3Cpath d='M11 2c4 0 7.26 3.85 8.6 5.72-1.34 1.87-4.6 5.73-8.6 5.73S3.74 9.61 2.4 7.73C3.74 5.86 7 2 11 2m0-2C4.45 0 0 7.73 0 7.73s4.45 7.73 11 7.73 11-7.73 11-7.73S17.55 0 11 0z'%3E%3C/path%3E%3Cpath d='M11 5a2.73 2.73 0 1 1-2.73 2.73A2.73 2.73 0 0 1 11 5m0-2a4.73 4.73 0 1 0 4.73 4.73A4.73 4.73 0 0 0 11 3z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width:15px;
    height: 15px;
    display: block;
    position: absolute;
    top:5px;
    left: 0;
    opacity: 0.5;
}

#LyricsViews {
    padding-left: 22px;
    position: relative;
    font-size:14px;
    color:#444;
}

#LyricsLeft {
    float:left;
    width: 175px;
}

/*#PlayButton::before {*/
/*    content:"";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='PlaySvg' width='29px' height='29px' viewBox='0 0 29 29'%3E%3Ccircle stroke='%23000000' stroke-miterlimit='10' cx='14.5' cy='14.501' r='10.953'%3E%3C/circle%3E%3Cpath fill='%23FFFFFF' d='M19.023,13.882c-0.659-0.866-5.316-4.646-5.563-4.86c-0.218-0.193-0.443-0.346-0.875-0.346c-0.433,0-0.721,0.112-0.865,0.34c-0.144,0.227-0.217,0.778-0.217,1.653v7.713c0,0.805,0.073,1.332,0.217,1.576c0.144,0.245,0.425,0.367,0.846,0.367c0.433,0,0.64-0.144,0.856-0.334c0.339-0.3,4.981-3.717,5.628-4.283C20.068,14.822,19.023,13.882,19.023,13.882z'%3E%3C/path%3E%3C/svg%3E");*/
/*    width: 29px;*/
/*    height: 29px;*/
/*    display: block;*/
/*    background-position: 1px 3px;*/
/*    background-size: 24px;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*#PlayButton {*/
/*    font-size: 17px;*/
/*    padding-left: 35px;*/
/*    position: relative;*/
/*    line-height: 29px;*/
/*    cursor: pointer;*/
/*    opacity: .7;*/
/*    transition: all 250ms;*/
/*    margin-top:20px;*/
/*}*/

/*#PlayButton:hover {*/
/*    opacity: .9;*/
/*}*/

/*.PauseButton::before {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Ccircle stroke='%23000' stroke-miterlimit='10' cx='14.5' cy='14.501' r='10.953'/%3E%3Cpath fill='%23FFF' d='M16.073 8.875h3.239v11.25h-3.239zM9.646 8.875h3.239v11.25H9.646z'/%3E%3C/svg%3E") !important;*/
/*}*/

#Translate {
    margin-bottom:30px;
    margin-left:195px;
    width:570px;
}
#TranslateFrom {
    margin-bottom: 8px;
    color: #313131;
    font-size:17px;
}
#TranslateTitle {
    background: #faf3da;
    color: #5d5a4e;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
}
#TranslateTitleOrg {
    color: #5d5a4e;
    font-size: 16px;
    display: block;
    margin-top:8px;
    border-top:1px solid rgba(0,0,0,0.03);
    padding-top:8px;
}

.TraOrgButton {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='%231a1a1a' d='M500 91.7C274.9 91.7 91.7 274.9 91.7 500c0 225.1 183.2 408.3 408.3 408.3 225.1 0 408.3-183.2 408.3-408.3 0-225.1-183.2-408.3-408.3-408.3m0-81.7c270.6 0 490 219.4 490 490S770.6 990 500 990 10 770.6 10 500 229.4 10 500 10z'/%3E%3Cpath fill='%231a1a1a' d='M450.8 500.3l140.3-135.5c14.1-13.5 14.1-35.3 0-48.9l-12.8-12.2c-14.1-13.5-37-13.5-51.1 0L362.1 463c-.3.2-.6.3-.9.6l-12.8 12.2a33.25 33.25 0 00-10.5 24.6c0 8.9 3.4 17.8 10.5 24.6l12.8 12.2c.2.2.6.3.9.5l165.1 157.9c14.1 13.5 37 13.5 51.1 0l12.8-12.2a33.55 33.55 0 000-48.9L450.8 500.3z'/%3E%3C/svg%3E");
    background-position: 4px center;
    background-size: 19px;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-size: 14px;
    margin-top: 25px;
    opacity: .75;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

#TraButton {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Ccircle id='a' cx='25' cy='25' r='25'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23b)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M-12.5 0h75v16.7h-75V0z'/%3E%3Cpath fill='%23ee2724' d='M-12.5 33.3h75V16.7h-75v16.6z'/%3E%3Cpath fill='%23fddc37' d='M-12.5 33.3h75V50h-75V33.3z'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 19px 19px!important;
    background-position: 4px 0px !important;
}

.TraOrgButton:hover {
    opacity: 1!important;
}

#LyricsLeft a {
    width: 29px;
    height: 29px;
    display: block;
    opacity: 0.5;
    line-height: 29px;
    margin-top: 10px;
    background-size: 29px;
    background-position: -2px 0px;
    transition: all 200ms
}

#LyricsLeft a:hover{
    opacity: .9;
}

#ShareFacebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M16.39 23.61v-5.808h1.846a.55.55 0 0 0 .546-.48l.36-2.797a.551.551 0 0 0-.547-.62H16.39V12.67c0-.67.12-.813.828-.813h1.474a.55.55 0 0 0 .55-.55V8.803a.55.55 0 0 0-.477-.545c-.436-.06-1.36-.116-2.22-.116-2.5 0-4.13 1.62-4.13 4.248v1.513H10.56a.551.551 0 0 0-.55.55v2.797c0 .304.248.55.55.55h1.855v5.76c-4.172-.96-7.215-4.7-7.215-9.1 0-5.17 4.17-9.36 9.31-9.36 5.14 0 9.31 4.19 9.31 9.36 0 4.48-3.155 8.27-7.43 9.15M14.51 4C8.76 4 4.1 8.684 4.1 14.46c0 5.162 3.75 9.523 8.778 10.32a.55.55 0 0 0 .637-.543v-6.985a.551.551 0 0 0-.55-.55H11.11v-1.697h1.855a.55.55 0 0 0 .55-.55v-2.063c0-2.02 1.136-3.148 3.03-3.148.567 0 1.156.027 1.597.06v1.453h-.924c-1.363 0-1.93.675-1.93 1.912v1.78c0 .3.247.55.55.55h2.132l-.218 1.69H15.84c-.305 0-.55.24-.55.55v7.02c0 .33.293.59.623.54 5.135-.7 9.007-5.11 9.007-10.36C24.92 8.68 20.26 4 14.51 4'%3E%3C/path%3E%3C/svg%3E");
}
#ShareTwitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M21.967 11.8c.018 5.93-4.607 11.18-11.177 11.18-2.172 0-4.25-.62-6.047-1.76l-.268.422-.038.5.186.013.168.012c.3.02.44.032.6.046 2.06-.026 3.95-.686 5.49-1.86l1.12-.85-1.4-.048c-1.57-.055-2.92-1.08-3.36-2.51l-.48.146-.05.5c.22.03.48.05.75.08.48-.02.87-.07 1.25-.15l2.33-.49-2.32-.49c-1.68-.35-2.91-1.83-2.91-3.55 0-.05 0-.01-.01.03l-.49-.1-.25.44c.63.36 1.35.57 2.07.58l1.7.04L7.4 13c-.978-.662-1.59-1.79-1.618-3.047a4.08 4.08 0 0 1 .524-1.8l-.825.07a12.188 12.188 0 0 0 8.81 4.515l.59.033-.06-.59v-.02c-.05-.43-.06-.63-.06-.87a3.617 3.617 0 0 1 6.27-2.45l.2.21.28-.06c1.01-.22 1.94-.59 2.73-1.09l-.75-.56c-.1.36-.04.89.12 1.36.23.68.58 1.13 1.17.85l-.21-.45-.42-.27c-.52.8-1.17 1.48-1.92 2L22 11l.016.28c.013.2.014.35 0 .52v.04zm.998.038c.018-.22.017-.417 0-.66l-.498.034.284.41a8.183 8.183 0 0 0 2.2-2.267l.97-1.48-1.6.755c.17-.08.3-.02.34.03a.914.914 0 0 1-.13-.292c-.1-.297-.13-.64-.1-.766l.36-1.254-1.1.695c-.69.438-1.51.764-2.41.963l.48.15a4.574 4.574 0 0 0-3.38-1.484 4.616 4.616 0 0 0-4.61 4.613c0 .29.02.51.08.984l.01.02.5-.06.03-.5c-3.17-.18-6.1-1.7-8.08-4.15l-.48-.56-.36.64c-.39.69-.62 1.48-.65 2.28.04 1.61.81 3.04 2.06 3.88l.3-.92c-.55-.02-1.11-.17-1.6-.45l-.59-.34-.14.67c-.02.08-.02.16 0 .24-.01 2.12 1.55 4.01 3.69 4.46l.1-.49-.1-.49c-.33.07-.67.12-1.03.14-.18-.02-.43-.05-.64-.07l-.76-.09.23.73c.57 1.84 2.29 3.14 4.28 3.21l-.28-.89a8.252 8.252 0 0 1-4.85 1.66c-.12-.01-.26-.02-.56-.05l-.17-.01-.18-.01L2.53 21l1.694 1.07a12.233 12.233 0 0 0 6.58 1.917c7.156 0 12.2-5.73 12.18-12.18l-.002.04z'%3E%3C/path%3E%3C/svg%3E");
}
#ShareEmail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' width='29px' height='29px' viewBox='0 0 29 29' enable-background='new 0 0 29 29' xml:space='preserve'%3E%3Cg id='Outline_Icons'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M24.5,20.037c0,0.835-0.501,1.463-1.301,1.463h-17.3c-0.8,0-1.4-0.628-1.4-1.463V8.963c0-0.836,0.6-1.463,1.4-1.463h17.199c0.801,0,1.401,0.627,1.401,1.463V20.037L24.5,20.037z'%3E%3C/path%3E%3Cpolyline fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='24.099,8.022 14.5,15.963 5,8.022'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3Cg id='New_icons_1_'%3E%3C/g%3E%3C/svg%3E");
}

#LyricsTopTitle {
    margin-bottom:20px;
    font-size:17px;
    font-weight:700;
    margin-top:25px;
}

#Lyrics {
    margin-left: 195px;
    width: 580px;

    color: #464754;
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: -0.2px;

    position: relative;
    overflow: hidden;
}

.WithOrg {
    line-height: 20px!important;
}

.Ta {

}

.Tb {
    color: #a0a0a0;
    font-size: 14px;
    display: inline-block;
    padding: 0px 0 8px 0;
}

#Lyrics h2 {
    margin: 6px 0 15px;
    font-size: 17px;
    font-weight: 400;
    color: #313131;
    letter-spacing: normal !important;
    line-height: 1;
}

#Lyrics .Bracket {
    color: #757575;
    white-space: nowrap;
}

#Copyright {
    color: #757575;
    margin-top: 10px;
    font-size: 12px;
}

#NewsBoxOut {
    border-top:1px solid #eaeae6;
    border-bottom:1px solid #eaeae6;
    padding:15px 0px;
    margin:25px 0px;
    user-select: none;

    margin-left: 195px;
    width: 580px;
}

#NewsBoxHead {
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight:700;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

#NewsBox {
    /*padding-top:30px;*/
    /*margin-bottom:40px;*/
}

#NewsBox::after {
    content:"";
    clear:left;
    display: block;
}

.NewsBox-Col {
    display: block;
    min-height: 80px;
    /*margin-bottom: 20px;*/
    /*text-align: center;*/
    cursor: pointer;
    border-radius: 2px;
    /*overflow: hidden;*/
    position: relative;
    text-decoration: none;
    /*box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04), 0 0 0 1px rgba(38,55,73,0.05);*/
    transition: all 250ms;
    float:left;
    width: 48%;
    padding-right: 2%;
}

.NewsBox-Image {
    overflow: hidden;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
}

.NewsBox-Image img {
    width: 100%;
}

.NewsBox-Date {
    line-height: 1;
    font-size:12px;
    color:#757575;
    margin-bottom:5px;
    padding-top:2px;
}

.NewsBox-Title {
    font-size: 16px;
    padding-top: 0px;
    margin: 0 0 20px 0;
    line-height: 22px;
    color: #313131;
    letter-spacing: 0;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    letter-spacing: -0.5px;
}

#NewsArtistsRelated a {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    border:1px solid #eee;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 250ms;
    font-weight: 600;
    margin-bottom: 10px;
}
#NewsArtistsRelated>a>span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}
#NewsArtistsRelated a:hover {
    border-color: #ccc;
}

#NewsShare {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

#NewsShare::before {
    content: "Teilen";
    font-size: 15px;
    position: absolute;
    left: -50px;
    color: #757575;
}

#NewsShare a {
    float: right;
    margin-left:5px;
    width: 30px;
    height: 30px;
    display: block;
}


/*
INDEX
*/

#IndexRight {
    float:right;
    width:300px;
    background: #eee;
}

#IndexLeft {
    float:left;
    width: 175px;
}

#IndexFilter {
    padding:0px;
}

.FilterTitle {
    font-size:14px;
    color:#222;
    font-weight:500;
}

.FilterChild {
    padding-left:10px;
}

#IndexMain {
    margin-left:200px;
    width:580px;
}

#IndexMain::after {
    content:"";
    display: block;
    clear: left;
}

#ArtistsIndex {
    margin:0;
    padding:0;
    list-style: none;
}

#ArtistsIndex li {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #f9f8f8;
    transition: all ease 250ms;
}

#ArtistsIndex li:hover {
    background: #f9f8f8;
}

#ArtistsIndex a {
    text-decoration: none;
}



.IndImg {
    position: absolute;
    left: 8px;
    top: 8px;
    background-color: #eee;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.IndArt {
    padding:0;
    line-height: 55px;
    padding-left: 10px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:600;
}

.IndHot:after {
    content: "Hot";
    background: #dc3417;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 18px;
    padding: 1px 5px;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 3px;
    font-weight: 600;
}




.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #eee;
    border-top: 0;
    background: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,.04);
    position: fixed;
    display: none;
    z-index: 9999;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    transition: all ease 200ms;
}
.ac-sgt {
    border-bottom: 1px solid #eee;
    padding: 5px 10px 5px 40px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    transition: all ease 250ms;
}
.ac-sgt:hover,.ac-sgt-sel {
    background: #f9f9f9;
}
.ac-sgt:hover .ac-img, .ac-sgt-sel .ac-img {
    transform: scale(1.05);
}
.ac-typ {
    text-transform: uppercase;
    float: right;
    margin-top: 17px;
    color: #dc3417;
    text-align: right;
    font-weight: 600;
    font-size: 11px;
}
.ac-img {
    width: 50px;
    height: 50px;
    background-color: #efefef;
    background-size: cover !important;
    margin-right: 10px;
    float: left;
    transition: all ease 250ms;
}
.ac-tit {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 26px;
}
.ac-art {
    font-size: 14px;
    color: #777;
}
.ac-artb {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 50px;
}







.Char-Filter {
    clear:left;
    position: relative;
    display: block;
    padding:0px;
    max-width: 100%;
    width: auto;
    background-color: #fff;
    font-size: 14px;
    letter-spacing: -0.2px;
    font-weight: normal;
    color: #67788a;
    margin-top:-3px;
    margin-bottom:25px;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04),0 0 0 1px rgba(38,55,73,0.05);
    -moz-box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04),0 0 0 1px rgba(38,55,73,0.05);
    -o-box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04),0 0 0 1px rgba(38,55,73,0.05);
    -ms-box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04),0 0 0 1px rgba(38,55,73,0.05);
    box-shadow: 0 2px 4px 0 rgba(6,21,33,0.04),0 0 0 1px rgba(38,55,73,0.05);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: color .3s ease,background-color .3s ease;
    -moz-transition: color .3s ease,background-color .3s ease;
    -ms-transition: color .3s ease,background-color .3s ease;
    -o-transition: color .3s ease,background-color .3s ease;
    transition: color .3s ease,background-color .3s ease;
    transition-property: box-shadow,background-color,color;
}

.Char-Filter::after {
    content:"";
    clear:left;
    display: block;
}

.Char-Filter span {
    float:left;
    line-height: 45px;
    width:25.0%;
    text-align:center;
    border-radius: 4px;
    text-decoration: none;
    transition: all 100ms;
    color:#ccc;
    cursor: default;
}

.Char-Filter a {
    float:left;
    line-height: 45px;
    width:25.0%;
    text-align:center;
    border-radius: 4px;
    text-decoration: none;
    transition: all 100ms;
}

.Char-Filter a:hover {
    color:#333;
    background: #f9f9f9;
}

.Char-Selected {
    color:#333;
    background: #f9f9f9;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.05) inset;
    font-weight: 600;
}



#News {
    margin:0 auto;
    width:700px;

    color: #343442;
    font-size: 18px;
    line-height: 1.8;
    min-height: 540px;
    letter-spacing: -0.2px;
}

#NewsTitle {
    line-height:48px;
}

#NewsTeaser {
    font-size:20px;
    margin-bottom:20px;
    line-height: 1.6 !important;
}
#NewsTeaser strong {
    font-weight: 600 !important;
}

#NewsDate {
    color: #69696c;
    font-size: 15px;
    margin-bottom: 25px;
}

#NewsImage {
    margin-left:-50px;
}
#NewsImage div {
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-size:14px;
    margin:0 50px;
}

#NewsImage img {
    width:800px;
}

#NewsText {
    font-family: 'Merriweather', serif;;
}

#DateList {
    width:770px;
}

.DateTitle {
    margin-top: 25px;
    font-weight:600;
    font-size: 18px;
    margin-bottom: 10px;
}

.DateRow {
    border-bottom: 1px solid #eee;
    font-size:15px;
    padding:8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.DateTime {
    float:left;
    margin-right:10px;
    color:#888;
}

.DateLink {
    font-weight: 400;
    text-decoration: none;
}

#Pagination {
    border-top: 2px solid #f9f9f9;
    padding-top: 55px;
    text-align: center;
}

#PaginationInfo {
    text-align: center;
    line-height: 35px;
    color:#757575;
    margin-top:10px;
}

#PaginationPages {
    /*float:right;*/
}

#PaginationPages a {
    color: #222;
    transition: all 100ms;
}
#PaginationPages a:hover {
    text-decoration: underline;
}
.pg-arr {
    box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgba(0, 0, 0, 0.18) 0px 2px 4px !important;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s, transform 0.25s ease 0s !important;
}
.pg-arr:hover {
    box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgba(0, 0, 0, 0.12) 0px 6px 16px !important;
    text-decoration: none!important;
}
.current {
    background: #1a1a1a;
    font-weight: 700;
    color: #fff;
}
.current,
#PaginationPages a,
#PaginationPages span {
    line-height: 32px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    margin: 0 5px;
    font-weight: 600;
    border-radius: 50%;
}




.timeline {
    position: relative;
    width: 700px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom:50px;
    padding: 1em 0;
    list-style-type: none;
}

.timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 3px;
    height: 100%;
    margin-left: -2px;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgb(200,200,200) 8%, rgb(200,200,200) 92%, rgba(200,200,200,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%, rgb(200,200,200) 8%, rgb(200,200,200) 92%, rgba(200,200,200,0) 100%);
    background: -o-linear-gradient(top, rgba(200,200,200,0) 0%, rgb(200,200,200) 8%, rgb(200,200,200) 92%, rgba(200,200,200,0) 100%);
    background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%, rgb(200,200,200) 8%, rgb(200,200,200) 92%, rgba(200,200,200,0) 100%);
    background: linear-gradient(to bottom, rgba(200,200,200,0) 0%, rgb(200,200,200) 8%, rgb(200,200,200) 92%, rgba(200,200,200,0) 100%);

    z-index: 5;
}

.timeline li {
    padding: 1em 0;
}

.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.direction-l {
    position: relative;
    width: 320px;
    float: left;
    text-align: right;
}

.direction-r {
    position: relative;
    width: 320px;
    float: right;
}

.flag-wrapper {
    position: relative;
    display: inline-block;

    text-align: center;
}

.flag {
    position: relative;
    display: inline;
    background: rgb(248,248,248);
    padding: 6px 10px;
    border-radius: 5px;
    font-weight: 600;
    text-align: left;
    font-size:15px;
}

.direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
    position: absolute;
    top: 50%;
    right: -40px;
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -10px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid rgb(255,80,80);
    z-index: 10;
}

.direction-r .flag:before {
    left: -40px;
}

.direction-l .flag:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(248,248,248);
    border-width: 8px;
    pointer-events: none;
}

.direction-r .flag:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(248,248,248);
    border-width: 8px;
    pointer-events: none;
}

.time-wrapper {
    display: inline;
    line-height: 1em;
    font-size: 14px;
    color: #757575;
    vertical-align: middle;
    margin-top: -2px;
}

.direction-l .time-wrapper {
    float: left;
}

.direction-r .time-wrapper {
    float: right;
}

.time {
    display: inline-block;
    padding: 6px 12px;
}

.desc {
    margin: 20px 0.75em 0 0;
    font-size: 14px;
    line-height: 1.5em;
}

.direction-r .desc {
    margin: 20px 0 0 0.75em;
}


.HeadPage {
    max-width: 700px;
    margin: 50px auto 0 auto;
}
.HeadPage>h1 {
    text-align: center;
    font-size:40px;
}
.HeadPage>h2 {
    font-size:28px;
    text-align: center;
    margin-top:50px;
}

.HeadCenter {
    text-align:center;
}

.HeadCenterSub {
    margin-top: 25px;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 1.8;
    width:500px;
    margin:0 auto;
}



.BlockShadow {
    box-shadow: 0 0 35px rgba(0,0,0,0.08);
    border-radius: 6px;
    overflow: hidden;
}
.C-Block {
    margin-top:70px;
}

.c-half-1 {
    position: relative;
    width: 50%;
    min-height: 250px;
    display: inline-block;
    float:left;
    background-image:url(https://cdn.musikguru.de/img/press/musikguru-logo-black.png);
    background-color: #fff;
    background-position: center center;
    background-size: 200px;
    background-repeat: no-repeat;
}
.c-half-2 {
    position: relative;
    width: 50%;
    min-height: 250px;
    display: inline-block;
    float:left;
    background-image:url(https://cdn.musikguru.de/img/press/musikguru-logo-white.png);
    background-color: #000;
    background-position: center center;
    background-size: 200px;
    background-repeat: no-repeat;
}

.c-trd-1,.c-trd-2,.c-trd-3 {
    font-size:18px;
}
.c-trd-1 {
    position: relative;
    width:33.34%;
    min-height: 175px;
    float:left;
    background-color: #1b1b1b;
    text-align: center;
    line-height: 175px;
    color:rgba(255,255,255,0.5);
}
.c-trd-2 {
    position: relative;
    width:33.33%;
    min-height: 175px;
    float:left;
    background-color: #fff;
    text-align: center;
    line-height: 175px;
    color:rgba(0,0,0,0.5);
}
.c-trd-3 {
    position: relative;
    width:33.33%;
    min-height: 175px;
    float:left;
    background-color: #dc3417;
    text-align: center;
    line-height: 175px;
    color:rgba(255,255,255,0.5);
}

.c-half-1 a, .c-half-2 a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.c-half-1 a:hover, .c-half-2 a:hover {
    background-color: #dc3417;
}

.press-png {
    background: #dc3417;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 2px;
    font-weight: 400;
    transition: all 200ms;
}
.press-eps {
    background: #dc3417;
    color: #fff;
    position: absolute;
    right: 50px;
    bottom: 10px;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 2px;
    font-weight: 400;
    transition: all 200ms;
}

.press-png:hover, .press-eps:hover {
    background: #dc434b !important;
    color:#fff!important;
}



.imprint {
    width: 700px;
    font-weight: 400;
    line-height: 2.4;
    margin: 70px auto 130px auto;
    position: relative;
    font-size: 16px;
    text-align: left;
}

.imprint-p1 {
    /*position: absolute;*/
}

.imprint-p2 {
    position: absolute;
    right:0;
    top:0;
    width: 390px;
}

.imprint-title {
    color:#999;
    display: block;
    font-weight:400;
}
.imprint-value {
    float:right;
    width:230px;
}


#Player {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    width: 360px;
    height: 202px;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

#MgVideo {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 500ms;
}

h4 {
    color: #333;
    font-size: 20px;
    text-align: center;
    margin: 0px auto 20px auto;
    font-weight: 400;
}

.Text-Block {
    margin: 0 auto;
    color: #1a1a1a;
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 50px;
    max-width: 700px;
}

.LyricsExpand {
    padding-bottom:75px;
}

#ExpandButton {
    padding-right: 30px;
}

#ExpandButton::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #555;
    display: block;
    position: absolute;
    top: 17px;
    right: 15px;
    transition: all 300ms;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.LyricsExpand #Expand {
    background: transparent !important;
    filter:none!important;
    text-align: left!important;
}
.LyricsExpand #ExpandButton {
    display: none;
}

#TraOrg {
    margin-left:10px;
}

#Expand {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    position: absolute;
    /*display: none;*/
    bottom: 0;
    text-align: center;
    height: 125px;
    width: 100%;
    z-index: 1;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.LyricsButton {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border-radius: 3px;
    text-align: center;
    white-space: pre;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: 600;
    background: transparent;
    color: #454545;
    border: 1px solid #454545;
    display: inline-block;
    position: relative;
    bottom: -75px;
    text-decoration: none;
    cursor: pointer;
    transition: all 300ms;
}

.LyricsButton:hover {
    background: #f9f9f9;
    color: #111;
    border: 1px solid #111;
}


#TopLyrics {
    margin:0;
    padding:0;
    list-style: none;
}

#TopLyrics li {
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-top: 1px solid #f9f8f8;
    transition: all ease 250ms;
}

#TopLyrics li:first-child {
    border-top:none!important;
}

#TopLyrics li:hover .TopLyricsNr {
    color: #747474;
}

#TopLyrics a {
    padding:0;
    line-height: 40px;
    padding-left: 30px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
}

.TopLyricsNr {
    position: absolute;
    width: 35px;
    height: 35px;
    left: 5px;
    top: 2px;
    color: #444;
    line-height: 35px;
    font-size: 15px;
    font-weight: 600;
}

.TopLyricsCover {
    position: absolute;
    left: 35px;
    top: 8px;
    background-color: #eee;
    background-size: 100%;
    width: 35px;
    height: 35px;
}

.SideTitle {
    margin: 30px 0 0 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight:700;
    padding: 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.Results {
    list-style: none;
    margin:0;
    padding:0;
}

.Results li {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    padding: 20px 0px;
    transition: all 100ms;
    position: relative;
}

.Results li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    right: -10px;
    bottom: 0;
    border: 1px solid #eee;
    border-radius: 3px;
    opacity: 0;
}

.Results li a {
    text-decoration: none;
}

.Results li:hover::before {
    opacity: 1;
}

.Results-Pos {
    width:50px;
    text-align: center;
}
.Results-Item {
    width:88%;
}
.Results-Item a {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Results-Type {
    width: 12%;
    font-size:14px;
    color:#dc3417;
    font-weight: 600;
    float: right!important;
    text-align: right;
}
.Results-Info {
    font-size:13px;
    color:#757575;
    margin-top:-5px;
}
.Results-Url {
    font-size:13px;
    color:#333;
    margin-top:-5px;
}

#SearchResultsInfo{
    float: right;
    margin-top: 13px;
    color:#222;
}
#SearchFilterTitle {
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
}
.SearchFilter {
    padding:5px 0px;
    margin-top:5px;
    color:#222;
    position: relative;
    display: block;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.SearchFilter:hover {
    border-bottom: 2px solid #eee;
}

.SearchFilter>span,.SearchFilterOn>span {
    position: absolute;
    right:10px;
    font-size:11px;
    line-height: 24px;
    color:rgba(0,0,0,0.4)
}
.SearchFilterOn {
    padding: 5px 0px;
    margin-top: 5px;
    color: #dc3417;
    position: relative;
    display: block;
    border-bottom: 2px solid #dc3417;
}


#Twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%231a1a1a'%3E%3Cpath d='M22.05 7.54a4.47 4.47 0 00-3.3-1.46 4.53 4.53 0 00-4.53 4.53c0 .35.04.7.08 1.05A12.9 12.9 0 015 6.89a5.1 5.1 0 00-.65 2.26c.03 1.6.83 2.99 2.02 3.79a4.3 4.3 0 01-2.02-.57v.08a4.55 4.55 0 003.63 4.44c-.4.08-.8.13-1.21.16l-.81-.08a4.54 4.54 0 004.2 3.15 9.56 9.56 0 01-5.66 1.94l-1.05-.08c2 1.27 4.38 2.02 6.94 2.02 8.3 0 12.86-6.9 12.84-12.85.02-.24 0-.43 0-.65a8.68 8.68 0 002.26-2.34c-.82.38-1.7.62-2.6.72a4.37 4.37 0 001.95-2.51c-.84.53-1.81.9-2.83 1.13z'/%3E%3C/svg%3E");
    background-size: 28px;
}

#Facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' class='q'%3E%3Cpath d='M23.2 5H5.8a.8.8 0 0 0-.8.8V23.2c0 .44.35.8.8.8h9.3v-7.13h-2.38V13.9h2.38v-2.38c0-2.45 1.55-3.66 3.74-3.66 1.05 0 1.95.08 2.2.11v2.57h-1.5c-1.2 0-1.48.57-1.48 1.4v1.96h2.97l-.6 2.97h-2.37l.05 7.12h5.1a.8.8 0 0 0 .79-.8V5.8a.8.8 0 0 0-.8-.79'%3E%3C/path%3E%3C/svg%3E");
    background-size: 28px;
}

#HeadShare {
    margin: 25px 0 0 0;
}
#HeadShare a {
    padding-left: 35px;
    margin-top: 5px;
    opacity: 0.75;
    height: 27px;
    display: block;
    background-repeat: no-repeat;
    line-height: 28px;
    text-decoration: none;
    font-size: 14px;
}
#HeadShare a:hover {
    opacity: 1;
}

#LyricsAlbum {
    margin-left: 195px;
    margin-top:20px;
    width: 580px;
    width: 580px;
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: -0.2px;
    position: relative;
    overflow: hidden;
    transition: max-height 800ms;
    border:1px solid #eee;
    border-radius: 3px;
}
#LyricsAlbumTitle {
    padding:0px 20px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}
#LyricsAlbumTitle>h3 {
    margin-bottom:15px!important;
}
#LyricsAlbumTitle>a {
    display: inline-block;
    margin: 0px 0 20px 0;
    text-decoration: none;
}
#LyricsAlbum>ol {
    margin:0;
    padding:0;
    list-style:none;
}
#LyricsAlbum>ol>li {
    padding:0;
    margin:0;
    font-size:15px;
    position: relative;
}
#LyricsAlbum>ol>li:hover {
    background: #f9f9f9;
}

.LyricsAlbumNr {
    float: left;
    width: 20px;
    padding-right: 10px !important;
}

.LyricsAlbumLink {
    padding: 7px 20px;
    border-bottom: 1px solid #eee;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.LyricsAlbumTra {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 20px 7px 25px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 5 3'%3E%3Cpath d='M0 0h5v3H0z'/%3E%3Cpath fill='%23D00' d='M0 1h5v2H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 2h5v1H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}

#LyricsAlbum>ol>li>div {
    padding: 7px 20px;
    border-bottom: 1px solid #eee;
    display: block;
    text-decoration: none;
    color:#757575;
}
#LyricsAlbum>ol>li:last-child>a,#LyricsAlbum>ol>li:last-child>div {
    border-bottom: none!important;
}

.LyricsAlbumOnTrack {
    background: #efefef;
    color:#222 !important;
    font-weight: 600;
}

#CookieBox {
    position: fixed;
    left: 50%;
    bottom: 12px;
    width: 850px;
    background: rgba(243,243,243,.98);
    border-radius: 4px;
    padding: 10px 15px 10px 60px;
    font-size: 14px;
    margin-left: -425px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    color: #6d6d6d;
    z-index: 999;
}

#CookieBox a {
    color: #5b5b5b
}

#CookieBox::before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416.991 416.991'%3E%3Cpath d='M344.649 204.32c-7.807 3.62-16.314 5.501-25.067 5.503-10.392.001-20.665-2.759-29.711-7.982-16.886-9.749-27.772-27.175-29.52-46.218-19.143-1.749-36.518-12.726-46.216-29.523-9.747-16.882-10.465-37.41-2.462-54.773a59.301 59.301 0 01-23.926-36.143c-41.698 1.338-79.982 16.399-110.502 40.79 7.997 7.752 12.731 18.522 12.731 30.139 0 14.868-7.772 27.946-19.461 35.412a41.738 41.738 0 01-22.539 6.588 41.92 41.92 0 01-16.78-3.498l-.078.08A188.165 188.165 0 0020 208.496c0 103.937 84.559 188.496 188.495 188.496 41.112 0 79.18-13.243 110.192-35.67.654-.587 1.493-1.204 2.467-1.842 11.615-8.688 22.217-18.658 31.549-29.74-10.812-7.738-17.66-20.402-17.66-34.193 0-9.15 2.95-17.619 7.937-24.526 7.339-10.164 19.105-16.916 32.449-17.425a28.959 28.959 0 011.615-.049c.404 0 .807.014 1.21.026a187.108 187.108 0 002.548-25.333 59.309 59.309 0 01-36.153-23.92zM132.435 334.871c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.804 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.159-18.84 42-42 42zm27.759-151.183c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.803 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.158-18.84 42-42 42zm86.769 131.147c-16.814 0-31.855-7.727-41.767-19.815-7.929-9.401-12.721-21.53-12.721-34.762 0-29.776 24.225-54 54-54 16.814 0 31.855 7.727 41.767 19.815 7.929 9.401 12.721 21.53 12.721 34.762 0 29.776-24.225 54-54 54z' fill='%23d4b783'/%3E%3Cpath d='M159.706 163.111c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.87 22 22 22zM131.948 314.295c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.869 22 22 22zM69.977 106.111a21.93 21.93 0 00-7.563-16.596 189.01 189.01 0 00-23.448 36.643 21.92 21.92 0 009.011 1.954c12.131-.001 22-9.87 22-22.001zM355.043 295.546c0 7.423 3.79 14.218 9.724 18.234a188.135 188.135 0 0020.101-38.79 21.858 21.858 0 00-7.825-1.444c-12.13 0-22 9.869-22 22zM246.475 294.259c18.748 0 34-15.253 34-34 0-18.748-15.252-34-34-34-18.748 0-34 15.252-34 34 0 18.747 15.252 34 34 34z' fill='%2389634a'/%3E%3Cpath d='M192.218 114.556c5.926 7.242 9.488 16.489 9.488 26.555 0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.708 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.336-3.76-19.806-9.976-27.131zM173.948 292.295c0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.709 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.337-3.761-19.806-9.976-27.131 5.925 7.242 9.488 16.489 9.488 26.555zM300.475 260.259c0 29.776-24.225 54-54 54-16.543 0-31.365-7.485-41.279-19.238 9.911 12.087 24.952 19.815 41.767 19.815 29.775 0 54-24.224 54-54 0-13.232-4.792-25.361-12.721-34.762 7.64 9.317 12.233 21.223 12.233 34.185z' fill='%2389634a'/%3E%3Cpath d='M159.706 183.111c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.418-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.711 9.087 19.202 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.87-22 22-22zM131.948 334.295c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.419-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.71 9.087 19.201 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.869-22 22-22z'/%3E%3Cpath d='M416.97 206.596l-.013-.831a9.999 9.999 0 00-9.494-9.864c-14.875-.751-28.007-9.639-34.27-23.193a9.998 9.998 0 00-14.842-3.978c-6.706 4.73-14.927 7.335-23.146 7.336a39.934 39.934 0 01-19.935-5.363c-13.458-7.77-21.242-22.803-19.83-38.299a9.998 9.998 0 00-2.888-7.977 10.026 10.026 0 00-7.977-2.889 39.953 39.953 0 01-3.614.164c-14.272 0-27.562-7.662-34.683-19.996-7.77-13.458-6.994-30.369 1.976-43.084a10 10 0 00-3.976-14.842c-13.548-6.262-22.434-19.387-23.189-34.254a10 10 0 00-9.858-9.492l-.816-.013C209.777.01 209.137 0 208.496 0 93.531 0 .001 93.531.001 208.496s93.53 208.496 208.495 208.496 208.495-93.531 208.495-208.496c0-.635-.01-1.267-.021-1.9zM62.414 89.515a21.93 21.93 0 017.563 16.596c0 12.131-9.869 22-22 22a21.92 21.92 0 01-9.011-1.954 189.033 189.033 0 0123.448-36.642zm302.354 224.266c-5.935-4.016-9.724-10.811-9.724-18.234 0-12.131 9.869-22 22-22 2.725 0 5.356.501 7.825 1.444a188.135 188.135 0 01-20.101 38.79zm26.18-57.855a42.056 42.056 0 00-12.695-2.354c-.403-.012-.806-.026-1.21-.026-.542 0-1.077.029-1.615.049-13.344.509-25.11 7.26-32.449 17.425-4.987 6.906-7.937 15.376-7.937 24.526 0 13.791 6.848 26.454 17.66 34.193-9.332 11.082-19.935 21.052-31.549 29.74-.822.615-1.635 1.24-2.467 1.842-31.012 22.428-69.08 35.67-110.192 35.67C104.559 396.991 20 312.433 20 208.496c0-16.276 2.085-32.073 5.983-47.148a187.338 187.338 0 015.136-16.655l.034-.098.044.018a41.916 41.916 0 0016.78 3.498 41.738 41.738 0 0022.539-6.588c11.688-7.466 19.461-20.544 19.461-35.412 0-11.617-4.733-22.387-12.731-30.139a41.866 41.866 0 00-1.377-1.286c32.732-32.446 77.26-53.009 126.502-54.589a59.752 59.752 0 0024.107 36.418c-8.064 17.495-7.341 38.179 2.48 55.19 9.771 16.925 27.278 27.985 46.567 29.748 1.761 19.188 12.729 36.747 29.744 46.57 9.114 5.262 19.466 8.043 29.936 8.042 8.82-.001 17.392-1.897 25.258-5.544a59.76 59.76 0 0036.427 24.102 187.7 187.7 0 01-5.942 41.303z'/%3E%3Cpath d='M246.475 314.259c29.775 0 54-24.224 54-54 0-12.961-4.593-24.868-12.233-34.185-9.911-12.087-24.952-19.815-41.767-19.815-29.775 0-54 24.224-54 54 0 13.232 4.792 25.361 12.721 34.762 9.914 11.753 24.736 19.238 41.279 19.238zm0-88c18.748 0 34 15.252 34 34 0 18.747-15.252 34-34 34-18.748 0-34-15.253-34-34 0-18.748 15.252-34 34-34z'/%3E%3C/svg%3E");
    width:30px;
    height:30px;
    float:left;
    margin:5px 0 0 -45px;
}

#CookieAccept {
    float: right;
    background: #222;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    border-radius: 3px;
}

.ArtistOverviewLetter {
    float:left;
    width:33.3%;
    margin-bottom:25px;
}

#QuestionBox {
    margin-left: 195px;
    width: 575px;
    margin-top: 25px;
    overflow: hidden;
}
.QuestionRow {
    padding: 0;
    border-top: 1px solid #eee;
}
.QuestionTitle {
    padding: 15px 0px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}
/*.QuestionTitle:hover {*/
/*    background: #f9f9f9;*/
/*}*/
.QuestionTitle::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #555;
    display: block;
    position: absolute;
    top: 22px;
    right: 15px;
    transition: all 300ms;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.OpenQuestion::after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/*#QuestionBox>.QuestionRow:last-child {*/
/*    border-bottom: none!important;*/
/*}*/
#QuestionBoxTitle {
    font-weight: 700;
    padding: 15px 0px;
    font-size:19px;
    border: none;
}
#QuestionAnswer {
    padding: 15px 0;
    line-height: 1.6;
    font-size: 16px;
}
.QuestionAnswer {
    padding: 15px 0;
    line-height: 1.6;
    font-size: 16px;
}
#QuestionSource {
    font-size: 13px;
    color:#555;
    margin-top:5px;
}
#QuestionSource::before {
    content: "Quelle: ";
}

#ShowMore {

}

#ShowLess {

}

#AnswerRating {
    text-align:center;
}

.AnswerRatingButton
{
    padding:8px 10px;
    border:1px solid #ddd;
    border-radius:3px;
    display:inline-block;
    margin:10px 5px;
    cursor:pointer;
}


#FeedbackBox {
    position: fixed;
    background-color: #fff;
    width: 535px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
    bottom: -155px;
    left: 50%;
    margin-left: -355px;
    z-index: 9999999999;
    padding: 0 20px 30px;
    text-align: center;
    transition: transform 330ms ease-in-out;
}
.FbbThanks {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: url(https://cdn.musikguru.de/img/RatingThanks.png) !important;
    background-size: 100% !important;
    z-index: -1;
}
#FbbClose {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M13.41 12l4.3-4.29a1 1 0 10-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 00-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 000 1.42 1 1 0 001.42 0l4.29-4.3 4.29 4.3a1 1 0 001.42 0 1 1 0 000-1.42z' data-name='close'/%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 15px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 200ms;
}
#FbbTitle {
    font-family: 'Open Sans', sans-serif, Helvetica, Arial,sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin: 0 -20px;
    padding: 12px 20px;
    text-align: center;
    margin-bottom: 15px;
}
#FbbGood {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295.996 295.996' fill='%230CA40C'%3E%3Cpath d='M147.998 0C66.392 0 0 66.392 0 147.998s66.392 147.998 147.998 147.998 147.998-66.392 147.998-147.998S229.605 0 147.998 0zm0 279.996c-36.256 0-69.143-14.696-93.022-38.44a132.713 132.713 0 01-23.934-32.42C21.442 190.847 16 170.047 16 147.998 16 75.214 75.214 16 147.998 16c34.523 0 65.987 13.328 89.533 35.102 12.208 11.288 22.289 24.844 29.558 39.996 8.27 17.239 12.907 36.538 12.907 56.9 0 72.784-59.214 131.998-131.998 131.998z'/%3E%3Ccircle cx='99.666' cy='114.998' r='16'/%3E%3Ccircle cx='198.666' cy='114.998' r='16'/%3E%3Cpath d='M147.715 229.995c30.954 0 60.619-15.83 77.604-42.113l-13.439-8.684c-15.597 24.135-44.126 37.604-72.693 34.308-22.262-2.567-42.849-15.393-55.072-34.308l-13.438 8.684c14.79 22.889 39.716 38.409 66.676 41.519 3.461.399 6.917.594 10.362.594z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    color: #059905;
    height:35px;
    line-height: 35px;
    display: inline-block;
    padding-left:45px;
    padding-right:45px;
    text-align: left;
    margin-top:10px;
    margin-right:25px;
    margin-left:45px;
    cursor: pointer;
    transition: all 250ms;
}
#FbbBad {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295.996 295.996' fill='%23E22323'%3E%3Cpath d='M147.998 0C66.392 0 0 66.392 0 147.998s66.392 147.998 147.998 147.998 147.998-66.392 147.998-147.998S229.604 0 147.998 0zm0 279.996c-36.257 0-69.143-14.696-93.023-38.44a132.713 132.713 0 01-23.934-32.42C21.442 190.847 16 170.047 16 147.998 16 75.214 75.214 16 147.998 16c34.523 0 65.987 13.328 89.533 35.102 12.208 11.288 22.289 24.844 29.558 39.996 8.27 17.239 12.907 36.538 12.907 56.9 0 72.784-59.214 131.998-131.998 131.998z'/%3E%3Cpath d='M163.638 187.607c17.554 3.671 33.322 13.54 44.4 27.789l12.631-9.82c-13.402-17.24-32.494-29.184-53.756-33.631-34.195-7.146-70.146 6.052-91.587 33.631l12.633 9.82c17.716-22.789 47.423-33.699 75.679-27.789z'/%3E%3Ccircle cx='98.666' cy='114.998' r='16'/%3E%3Ccircle cx='197.666' cy='114.998' r='16'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    color: #E22323;
    height:35px;
    line-height: 35px;
    display: inline-block;
    padding-left:45px;
    padding-right:45px;
    text-align:left;
    margin-top:10px;
    margin-left:25px;
    cursor: pointer;
    transition: all 250ms;
}
#FbbGood:hover, #FbbBad:hover {
    transform: scale(1.05);
}
#FbbClose:hover {
    transform: scale(1.15);
}
#FeedbackBox label {
    display: block;
    width:200px;
    text-align: left;
    line-height: 28px;
    margin:0 auto;
    cursor: pointer;
}
.FbbRadio {
    margin-right: 5px;
    margin-top: 2px;
}
#FbbSubmit {
    background: #202020;
    padding: 10px;
    border-radius: 4px;
    border: 0;
    color: #fff;
    margin-top: 15px;
    width: 130px;
    font-size: 15px;
    cursor: pointer;
}
#FbbSubmit:hover {
    background: #000;
}
#FbbThanks {
    font-size:32px;
}
#FbbThanksSub {
    font-size:14px;
    margin-top:10px;
}

@media print{
    .NoPrint{
        display:none!important
    }

    #Head {
        position: unset!important;
        text-align: center;
        box-shadow: none !important;
        margin-bottom: 30px;
    }
    #LyricsHead {
        min-height:0px !important;
    }
    #FooterLine {
        text-align: center;
    }
}