:root {
    --dm-bg: #222;
    --dm-surface: #333;
    --dm-raised: #444;
    --dm-border: #333;
    --dm-ph: #777;
    --dm-text: #eee;
    --dm-muted: #aaa;
    --dm-accent: #36b3b3;
    --dm-sub-text: #aaa;
    scrollbar-color: #aaa transparent
}
html.dark #film-trailer-dialog::backdrop {
    background: rgba(0, 0, 0, 0.75) !important
}
html.dark,html.dark body {
    background: var(--dm-bg) !important;
    color: var(--dm-muted) !important
}
html.dark .stand a {
}
html.dark .sticky-header,html.dark .live-search-box,html.dark #footer {
    background: var(--dm-bg) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important
}
html.dark #footer {
    background: var(--dm-surface) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important
}
html.dark .name,html.dark h2,html.dark .inhalt h2,html.dark .btn-text {
    color: var(--dm-text) !important
}
html.dark .inhalt,html.dark .inhalt div[style*="float"],html.dark #searchCounter {
    color: var(--dm-muted) !important
}
html.dark #film-sort-dropdown {
    color: var(--dm-muted) !important
}
html.dark .film-imdb-count {
    color: var(--dm-text) !important
}
html.dark #searchCounter {
    background: transparent !important
}
html.dark .film-checkbox-filter-text {
    color: var(--dm-sub-text) !important
}
html.dark table,html.dark .outer,html.dark .line,html.dark .film-active-filters,html.dark .film-sidebar-sort {
    border-color: var(--dm-border) !important
}
html.dark table:before {
    background: var(--dm-raised) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-surface) !important
}
html.dark .film-tonformat-deutsch {
    color: var(--dm-sub-text) !important
}
html.dark .film-genre-search {
    background-color: var(--dm-raised) !important;
    color: var(--dm-text) !important
}
html.dark input:not([type="checkbox"]),html.dark #pageSearchInput,html.dark.touch #pageSearchInput,html.dark select,html.dark .film-genre-search {
    background-color: var(--dm-surface) !important;
    color: var(--dm-text) !important
}
html.dark input::placeholder {
    color: var(--dm-ph) !important;
    opacity: 1
}
html.dark .film-filter-result-count {
    color: var(--dm-text)
}
html.dark #pageSearchInput {
    padding-left: 10px
}
html.dark .film-imdb-score,html.dark .film-resolution-tag:before,html.dark .movie-year:after,html.dark .genre-tag,html.dark .film-tonformat-deutsch,html.dark .film-resolution-tag,html.dark .movie-year {
    color: var(--dm-text) !important
}
html.dark .genre-tag {
    background: var(--dm-raised) !important;
    color: #ddd !important;
    border-color: #555 !important;
    font-size: 0.875rem
}
html.dark .film-trailer-collection[open] > .film-trailer-choice-list,html.dark .film-checkbox-filter.film-trailer-collection,html.dark #film-trailer-dialog .film-trailer-choice {
    background: var(--dm-sub-text) !important;
    border-bottom: 1px solid var(--dm-sub-text) !important;
    color: var(--dm-raised) !important
}
html.dark #film-search-overlay {
    background: var(--dm-muted) !important;
}

html.dark #film-overlay-search-input {
    background: var(--dm-raised) !important;
}
html.dark #film-search-overlay #searchCounter,
html.dark #film-search-overlay #pageSearchResults a {
    color: var(--dm-raised) !important;
}
html.dark #toggle-css-btn:hover {
}
html.dark .film-filter-sidebar,html.dark .film-filter-sidebar-footer,html.dark .film-filter-desktop-sidebar,html.dark .film-checkbox-filter-list,html.dark .iz-dropdown-menu,html.dark .film-filter-open {
    background: var(--dm-bg) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important
}
html.dark .film-checkbox-filter-option,html.dark .film-filter-sidebar-title,html.dark .film-checkbox-filter-title,html.dark .film-checkbox-filter-arrow,html.dark .film-genre-search-reset,html.dark .film-genre-search-empty,html.dark .iz-dropdown-item {
    color: var(--dm-text) !important
}
html.dark .film-checkbox-filter,html.dark .film-checkbox-filter-summary {
    border-color: var(--dm-border) !important
}
html.dark .film-checkbox-filter-input {
    accent-color: var(--dm-accent)
}
html.dark .film-sidebar-result-count {
    color: var(--dm-muted) !important
}
html.dark .film-active-filter-tag {
    background: var(--dm-surface) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-raised) !important
}
html.dark .film-active-filter-tag.film-active-filters-clear {
    background: var(--dm-text) !important;
    color: var(--dm-surface) !important
}
html.dark #filter-reset-text-btn,html.dark .film-filter-reset {
    color: #f6a3a3 !important
}
html.dark .film-schieber {
    background: var(--dm-text) !important
}
html.dark .schieber-text {
    color: var(--dm-surface)
}
html.dark .schieber-text.zustand-gesehen {
}
html.dark .ausleihe-toggle-btn {
    border-color: var(--dm-border) !important
}
html.dark .film-cart-label,
html.dark ol li a,html.dark ul li a {
    color: var(--dm-text) !important;
}
html.dark select {
    background-image: url(../img/icons-sprite.svg#select-icon-alt-dark) !important
}

html.dark .film-cart-icon,
html.dark .icon-iz,html.dark img.gruppe,html.dark ol li::before,html.dark .refresh-btn img,html.dark .film-dolby-icon,html.dark .film-dts-icon,html.dark .film-dts-x-icon,html.dark .film-hd-icon,html.dark .film-tonformat-deutsch img,html.dark .film-resolution-tag.film-resolution-hd img{
    filter: brightness(0) invert(0.85) !important
}
@media (min-width: 768px) {
    html.dark img.settings,html.dark .iz-dropdown img{
    filter: brightness(0) invert(0.85) !important
    }
    html.dark .iz-dropdown {
    background: var(--dm-bg) !important
    }
}
html.dark .film-resolution-tag::after {
    color: var(--dm-text) !important
}
html.dark .film-status-text {
    background: rgba(150, 150, 150, .8) !important;
    color: var(--dm-surface) !important
}
html.dark #footer ul li img,html.dark #filter-reset-text-btn img {
    filter: brightness(0) invert(0.8) !important;
    opacity: .3
}
html.dark #footer ul li a:hover img {
    opacity: 1
}
html.dark .totop {
    background: var(--dm-raised) !important;
    color: var(--dm-text) !important;
    border: 1px solid var(--dm-border) !important
}
html.dark .weg:after {
    background:var(--dm-text);
    color: var(--dm-surface)
}
html.dark ol li {
    border-bottom: 1px solid var(--dm-border)
}
@media print {
    html.dark,html.dark body {
    background: #fff !important;
    color: #222 !important
    }
    html.dark .inhalt,html.dark .inhalt h2,html.dark .inhalt div {
    color: #222 !important
    }
}

html.dark .film-filter-reset-text {
    color: var(--dm-text)
}
html.dark #theme-toggle {
    background: #eee;
    color: #555
}
html.dark .film-filter-sidebar::backdrop {
    background: rgba(255, 255, 255, .5) !important
}
html.dark #header {
    background: url("../img/bg-dark.jpg") no-repeat 50% 54% #222
}
html.dark .gruppen-tooltip::after {
    background: #eee !important;
    color: #555 !important
}
html.dark .gruppen-tooltip::before {
    border-bottom-color: #eee !important
}
html.dark .film-tonformat-deutsch[data-hint]::after {
    background: #eee !important;
    color: #555 !important
}
html.dark .film-tonformat-deutsch[data-hint]::before {
    border-top-color: #eee !important
}
html.dark .gruppen-tooltip::after {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .6)
}
html.dark :is(.film-tonformat-deutsch, #counter-zahl, .gruppen-tooltip)[data-hint]::after {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6)
}