/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(https://fonts.gstatic.com/s/notosans/v7/ByLA_FLEa-16SpQuTcQn4CYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(https://fonts.gstatic.com/s/notosans/v7/ByLA_FLEa-16SpQuTcQn4I4P5ICox8Kq3LLUNMylGO4.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+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(https://fonts.gstatic.com/s/notosans/v7/9Z3uUWMRR7crzm1TjRicDujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(https://fonts.gstatic.com/s/notosans/v7/9Z3uUWMRR7crzm1TjRicDolIZu-HDpmDIZMigmsroc4.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+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.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+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/PIbvSEyHEdL91QLOQRnZ1z0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/PIbvSEyHEdL91QLOQRnZ1-gdm0LZdjqr5-oayXSOefg.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+2212, U+2215;
}

body {
    font-family: "Noto Sans", "Segoe UI", sans-serif;
}

.ui-header .ui-title {
    margin: 0 2.5em;
}

.ui-btn,
.ui-header .ui-title,
.ui-listview > .ui-li-static {
    font-family: "Noto Sans", "Segoe UI", sans-serif;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.emoji {
    font-family: "NotoColorEmoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Emoji", "Android Emoji", "EmojiSymbols";
}

.fragen-antworten .ui-btn {
    font-size: 0.8em;
    font-weight: normal;
}

.fragen-weiter {
    margin-right: .3125em;
}

div[role="main"] > h2:first-child {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.fragen-antworten.fragen-richtig-anzeigen .ui-state-disabled {
    opacity: 1 !important;
}

.fragen-antworten.fragen-richtig-anzeigen .ui-state-disabled label {
    color: rgb(64, 64, 64) !important;
    font-weight: bold;
}

.fragen-antworten.fragen-falsch-anzeigen .ui-state-disabled {
    opacity: 0.5 !important;
}

.fragen-frage {
    color: #ffffff !important;
    text-shadow: none !important;
}

.fragen-frage {
    cursor: help;
}

.fragen-richtig-popup {
    font-size: 24pt;
}

.fragen-falsch-popup {
    font-size: 12pt;
}

.fragen-richtig-popup .symbol,
.fragen-falsch-popup .symbol {
    font-size: 48pt;
}

.center {
    text-align: center;
}

.ranking-stats-overview {
    margin-left: .3125em;
    margin-right: .3125em;
}

.ranking-listview {
    font-size: 0.8em;
}

.ui-listview > * {
    border-left-style: none;
    border-right-style: none;
}

.ui-listview > .ui-first-child {
    border-top-style: none;
}

.ui-listview > .ui-last-child {
    border-bottom-style: none;
}

.ranking-stats-overview .symbol,
.ranking-listview .symbol {
    display:    inline-block;
    text-align: center;
    width:      1.5em;
}

.ranking-listview .symbol {
    font-size:  1.25em;
}

.ranking-listview .value {
    display:    inline-block;
    float:      right;
    font-size:  1.25em;
    text-align: right;
    width:      4em;
}

.backend .ui-bar-a:not(.frontend-style) {
    background-color: #d33131;
    border-color:     #d33131;
    text-align:       center;
    text-shadow:      0 1px 0 #814545;
}

hr {
    border-style: none;
    border-bottom: 1px solid #000000;
    opacity: 0.5;
}

.ui-body-b hr {
    border-bottom-color: #ffffff;
}

tr:not(:last-child) > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}