
html:not([theme="dark"]) {
  --border-color: #ddd;
  --border-color-dark: #e1e1e1
; }

html[theme="dark"] {
  /* --text-color: #fff; */
  --text-color: #e6e6e6;  
  
  --text-color-meta: #AAAAAA;
  
  /* --text-color-meta-dark: #717171; */
  --text-color-meta-dark: #cccccc;  
  
  
/*  --text-color-darker: #222; */
  --text-color-darker: #404040;  
  
/*  --text-color-darkest: #000; */
  --text-color-darkest: #262626;  
  
  --text-color-hover: #999999;
  --text-color-mute: #9a9a9a;
  --text-color-light: hsla(0, 0%, 87%, 0.8);
  --text-color-lighter: hsla(0, 0%, 73%, 0.8);
  --link-color: #ebebeb;
  --link-hover-color: #fff;
  --error-color: rgb(240, 50, 50);
  /* --background: #262626; */
  --background: #4d4d4d;  
  
  /* --background-secondery: #1c1c1c; */
  --background-secondery: #404040;  
  
  /* --background--darker: #121212; */
  --background--darker: #333333;
    
  /* --background--darkest: #040404; */
  --background--darkest: #262626;
    
  /* --background--lighter: #3e3e3e; */
  --background--lighter: #595959;
    
  /* --nav-bg: #262626; */
  --nav-bg: #4d4d4d;
    
  /* --nav-border: #424242; */
  --nav-border: #666666;
    
/*   --panel-bg: #1c1c1c; */
  --panel-bg: #404040;
    
  --border-color-light: #ddd;
  --logo-color: #ffffff;
  
  /* --logo-color-dark: #000000; */
  --logo-color-dark: #262626;
    
  /* --panel-header-bg: #1d1d1d; */
  --panel-header-bg: #404040;
    
  /* --panel-box-bg: #1c1c1c; */
  --panel-box-bg: #404040;
    
  --border-color: rgba(255,255,255,0.1);
  --border-color-20: rgba(255,255,255,0.2);
  --border-color-30: rgba(255,255,255,0.3);
  --content-box-shadow: 0 1px 1px rgba(180, 180, 180, 0.1);
  --border-color-dark: rgba(255,255,255,0.2);
  --menu-link-color: var(--text-color-light);
  --menu-hover-bg: var(--background--lighter);
  --search-input-bg:#ff;
  --footer-bg: var(--background);
  --input-bg: var(--background--darker);
  --input-color: var(--text-color);
  --input-border-color: var(--border-color);
  --category-sidebar-bg: var(--background-secondery);
  --sidebar-title-color: var(--text-color-light);
  --category-list-color: var(--text-color-mute);
  --category-list-item-hover:var(--background--lighter);
  --tab-box-bg: var(--background--lighter);
  --tab-box-active-bg: var(--background-secondery);
  --tab-box-active-border: var(--border-color);
  --brand-success: #208e4e;
  --brand-info: #d7b426;
  --brand-warning: #aa8a0a;
  --brand-primary: #0d5d4d; }



html[theme="dark"] .btn-success {
  color: #fff;
  background-color: #208e4e;
  border-color: #208e4e; }
  html[theme="dark"] .btn-success:hover {
    color: #fff;
    background-color: #176437;
    border-color: #155c33; }
  html[theme="dark"] .btn-success:focus, html[theme="dark"] .btn-success.focus {
    box-shadow: 0 0 0 2px rgba(32, 142, 78, 0.5); }
  html[theme="dark"] .btn-success.disabled, html[theme="dark"] .btn-success:disabled {
    background-color: #208e4e;
    border-color: #208e4e; }
  html[theme="dark"] .btn-success:active, html[theme="dark"] .btn-success:active:focus, html[theme="dark"] .btn-success.active, html[theme="dark"] .btn-success.active:focus,
  .show > html[theme="dark"] .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #176437;
    background-image: none;
    border-color: #155c33; }
  html[theme="dark"] .btn-success:not([href]):not([tabindex]) {
    color: #fff; }
    html[theme="dark"] .btn-success:not([href]):not([tabindex]):hover {
      color: #fff; }

html[theme="dark"] .btn-primary {
  color: #fff;
  background-color: #0d5d4d;
  border-color: #0d5d4d; }
  html[theme="dark"] .btn-primary:hover {
    color: #fff;
    background-color: #073028;
    border-color: #052720; }
  html[theme="dark"] .btn-primary:focus, html[theme="dark"] .btn-primary.focus {
    box-shadow: 0 0 0 2px rgba(13, 93, 77, 0.5); }
  html[theme="dark"] .btn-primary.disabled, html[theme="dark"] .btn-primary:disabled {
    background-color: #0d5d4d;
    border-color: #0d5d4d; }
  html[theme="dark"] .btn-primary:active, html[theme="dark"] .btn-primary:active:focus, html[theme="dark"] .btn-primary.active, html[theme="dark"] .btn-primary.active:focus,
  .show > html[theme="dark"] .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #073028;
    background-image: none;
    border-color: #052720; }
  html[theme="dark"] .btn-primary.btn-gradient {
    background: -webkit-linear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
    background: -moz-linear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
    background: -o-linear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
    background: linear-gradient(158deg, #0d5d4d 35%, #208e4e 85%); }

html[theme="dark"] .btn-info {
  color: #fff;
  background-color: #d7b426;
  border-color: #d7b426; }
  html[theme="dark"] .btn-info:hover {
    color: #fff;
    background-color: #ab901e;
    border-color: #a3881d; }
  html[theme="dark"] .btn-info:focus, html[theme="dark"] .btn-info.focus {
    box-shadow: 0 0 0 2px rgba(215, 180, 38, 0.5); }
  html[theme="dark"] .btn-info.disabled, html[theme="dark"] .btn-info:disabled {
    background-color: #d7b426;
    border-color: #d7b426; }
  html[theme="dark"] .btn-info:active, html[theme="dark"] .btn-info:active:focus, html[theme="dark"] .btn-info.active, html[theme="dark"] .btn-info.active:focus,
  .show > html[theme="dark"] .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #ab901e;
    background-image: none;
    border-color: #a3881d; }

html[theme="dark"] .btn-warning {
  color: #fff;
  background-color: #aa8a0a;
  border-color: #aa8a0a; }
  html[theme="dark"] .btn-warning:hover {
    color: #fff;
    background-color: #796307;
    border-color: #705b07; }
  html[theme="dark"] .btn-warning:focus, html[theme="dark"] .btn-warning.focus {
    box-shadow: 0 0 0 2px rgba(170, 138, 10, 0.5); }
  html[theme="dark"] .btn-warning.disabled, html[theme="dark"] .btn-warning:disabled {
    background-color: #aa8a0a;
    border-color: #aa8a0a; }
  html[theme="dark"] .btn-warning:active, html[theme="dark"] .btn-warning:active:focus, html[theme="dark"] .btn-warning.active, html[theme="dark"] .btn-warning.active:focus,
  .show > html[theme="dark"] .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #796307;
    background-image: none;
    border-color: #705b07; }

html[theme="dark"] .btn-danger {
  color: #fff;
  background-color: #b52b27;
  border-color: #b52b27; }
  html[theme="dark"] .btn-danger:hover {
    color: #fff;
    background-color: #8b211e;
    border-color: #821f1c; }
  html[theme="dark"] .btn-danger:focus, html[theme="dark"] .btn-danger.focus {
    box-shadow: 0 0 0 2px rgba(181, 43, 39, 0.5); }
  html[theme="dark"] .btn-danger.disabled, html[theme="dark"] .btn-danger:disabled {
    background-color: #b52b27;
    border-color: #b52b27; }
  html[theme="dark"] .btn-danger:active, html[theme="dark"] .btn-danger:active:focus, html[theme="dark"] .btn-danger.active, html[theme="dark"] .btn-danger.active:focus,
  .show > html[theme="dark"] .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #8b211e;
    background-image: none;
    border-color: #821f1c; }




.btn-primary-dark {
  color: #fff;
  background-color: #107360; }
  .btn-primary-dark:focus, .btn-primary-dark.focus {
    color: #fff;
    background-color: #138a72;
    border-color: #12856f; }
  .btn-primary-dark:hover {
    color: #fff;
    background-color: #138a72;
    border-color: #12856f; }
  .btn-primary-dark:active, .btn-primary-dark.active,
  .open > .btn-primary-dark.dropdown-toggle {
    color: #fff;
    background-color: #138a72;
    border-color: #12856f; }
    .btn-primary-dark:active:hover, .btn-primary-dark:active:focus, .btn-primary-dark:active.focus, .btn-primary-dark.active:hover, .btn-primary-dark.active:focus, .btn-primary-dark.active.focus,
    .open > .btn-primary-dark.dropdown-toggle:hover,
    .open > .btn-primary-dark.dropdown-toggle:focus,
    .open > .btn-primary-dark.dropdown-toggle.focus {
      color: #fff;
      background-color: #138a72;
      border-color: #12856f; }
  .btn-primary-dark:active, .btn-primary-dark.active,
  .open > .btn-primary-dark.dropdown-toggle {
    background-image: none; }
  .btn-primary-dark.disabled:hover, .btn-primary-dark.disabled:focus, .btn-primary-dark.disabled.focus, .btn-primary-dark[disabled]:hover, .btn-primary-dark[disabled]:focus, .btn-primary-dark[disabled].focus,
  fieldset[disabled] .btn-primary-dark:hover,
  fieldset[disabled] .btn-primary-dark:focus,
  fieldset[disabled] .btn-primary-dark.focus {
    background-color: #138a72;
    border-color: #138a72; }




html[theme="dark"] body {
  color: var(--text-color);
  background-color: var(--background--darker); }

html[theme="dark"] a {
  color: var(--link-hover); }
  html[theme="dark"] a:hover {
    color: var(--link-hover-color); }


	/* Philipp 12.09.2019 */

html[theme="dark"]	
	a.dunklervisited:visited	{ color: #b3b3b3; }	



html[theme="dark"] .nice-select .option, html[theme="dark"] .nice-select .list {
  background-color: var(--background);
  color: var(--text-color-light); }

html[theme="dark"] .nice-select .option {
  border-color: var(--nav-border); }

html[theme="dark"] .nice-select .option.selected {
  background: var(--background--lighter);
  color: var(--text-color) !important; }

html[theme="dark"] .nice-select .option:hover, html[theme="dark"] .nice-select .option.focus, html[theme="dark"] .nice-select .option.selected.focus {
  background: var(--background--lighter);
  color: var(--text-color) !important; }

html[theme="dark"] .tab-lite .nav-tabs > li > a {
  color: var(--text-color-meta); }

html[theme="dark"] .tab-lite .nav-tabs > li.active > a {
  background: var(--background--darker); }
  html[theme="dark"] .tab-lite .nav-tabs > li.active > a:hover {
    background: var(--background--lighter); }
  html[theme="dark"] .tab-lite .nav-tabs > li.active > a:focus {
    background: var(--background--lighter); }

html[theme="dark"] .nav-tabs {
  border-color: var(--border-color); }

html[theme="dark"] .nav-tabs .nav-link.active, html[theme="dark"] .nav-tabs .nav-item.show .nav-link {
  color: var(--text-color-meta);
  background-color: var(--tab-box-bg);
  border-color: var(--tab-box-active-bg) var(--tab-box-active-bg) var(--tab-box-bg); }
  html[theme="dark"] .nav-tabs .nav-link.active .badge-secondary, html[theme="dark"] .nav-tabs .nav-item.show .nav-link .badge-secondary {
    background: var(--background--lighter);
    color: var(--text-color) !important;
    border-color: var(--nav-border); }

html[theme="dark"] .nav-tabs .nav-link:hover, html[theme="dark"] .nav-tabs .nav-link:focus {
  border-color: var(--tab-box-active-bg) var(--tab-box-active-bg) var(--tab-box-active-bg); }

html[theme="dark"] .nice-select, html[theme="dark"] .select-sort-by.selectpicker {
  background-color: var(--background);
  color: var(--text-color-light);
  border-color: var(--nav-border); }

html[theme="dark"] .btn-secondary, html[theme="dark"] .btn-default {
  background-color: var(--background);
  color: var(--text-color-light);
  border-color: var(--nav-border); }
  html[theme="dark"] .btn-secondary:focus, html[theme="dark"] .btn-secondary:hover, html[theme="dark"] .btn-default:focus, html[theme="dark"] .btn-default:hover {
    background: var(--background--lighter);
    color: var(--text-color) !important; }

html[theme="dark"] .save-search-bar:hover {
  background: var(--background-secondery);
  color: var(--text-color) !important; }

html[theme="dark"] .btn-secondary:active, html[theme="dark"] .btn-secondary:active:focus,
html[theme="dark"] .btn-secondary.active, html[theme="dark"] .btn-secondary.active:focus,
html[theme="dark"] .show > .btn-secondary.dropdown-toggle,
html[theme="dark"] .btn-default:active, html[theme="dark"] .btn-default:active:focus,
html[theme="dark"] .btn-default.active, html[theme="dark"] .btn-default.active:focus,
html[theme="dark"] .show > .btn-default.dropdown-toggle,
html[theme="dark"] .input-group-text {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .pagination-bar .pagination li a {
  background-color: var(--background);
  color: var(--text-color-light);
  border-color: var(--nav-border); }
  html[theme="dark"] .pagination-bar .pagination li a:focus, html[theme="dark"] .pagination-bar .pagination li a:hover {
    background: var(--background--lighter);
    color: var(--text-color) !important;
    border-color: var(--nav-border); }

html[theme="dark"] .pagination-bar .pagination li.active a {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .content-footer {
  background: var(--background--lighter);
  color: var(--text-color) !important; }

html[theme="dark"] .panel-details {
  background: var(--background--lighter);
  color: var(--text-color-light);
  border-color: var(--nav-border); }

html[theme="dark"] .contact_info .list-title:after, html[theme="dark"] .contact-form .list-title:after {
  border-color: var(--background) transparent transparent; }

html[theme="dark"] .contact_info .list-title:before, html[theme="dark"] .contact-form .list-title:before {
  border-color: var(--nav-border) transparent transparent; }

html[theme="dark"] .list-title {
  color: var(--text-color-light); }
  html[theme="dark"] .list-title:after {
    border-color: var(--background) transparent transparent; }
  html[theme="dark"] .list-title:before {
    border-color: var(--nav-border) transparent transparent; }

html[theme="dark"] .ads-details-info {
  color: var(--text-color-light); }

html[theme="dark"] .list-border > li {
  border-color: var(--nav-border); }

html[theme="dark"] .card {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border);
  color: var(--text-color-meta); }

html[theme="dark"] .block-cell {
  background: var(--background--lighter);
  color: var(--text-color);
  border-color: var(--nav-border); }

html[theme="dark"] .card-user-info .grid-col .col {
  color: var(--text-color-meta); }

html[theme="dark"] .card-user-info .grid-col .col.from i {
  color: var(--text-color-light); }

html[theme="dark"] .sidebar-card .card-header {
  background: var(--background--lighter);
  color: var(--text-color) !important; }

html[theme="dark"] .bg-light {
  background: var(--background--lighter) !important;
  color: var(--text-color) !important; }

html[theme="dark"] table.checkboxtable td, html[theme="dark"] table.checkboxtable th {
  border-top: solid 1px var(--border-color-20); }

html[theme="dark"] .table-hover tbody tr:hover {
  background: var(--background) !important; }

html[theme="dark"] .modal-content {
  background: rgba(0, 0, 0, 0.9); }

html[theme="dark"] .modal-header {
  background: var(--background--lighter) !important;
  color: var(--text-color) !important; }

html[theme="dark"] .modal-footer {
  border-top: solid 1px var(--border-color-20); }

html[theme="dark"] .photo-count {
  background: var(--background) !important; }

html[theme="dark"] .key-features .media-heading {
  color: var(--text-color-meta-dark); }

html[theme="dark"] .prop-info-block {
  color: var(--text-color-meta);
  border-color: rgba(255, 255, 255, 0.2); }

html[theme="dark"] .prop-info span.title {
  color: var(--text-color-meta-dark); }

html[theme="dark"] .badge-secondary {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .page-bottom-info {
  background: -webkit-linear-gradient(292deg, #117d68 44%, #1c7943 85%) no-repeat 0 0 #0e6554;
  background: -moz-linear-gradient(292deg, #117d68 44%, #1c7943 85%) no-repeat 0 0 #0e6554;
  background: -o-linear-gradient(292deg, #117d68 44%, #1c7943 85%) no-repeat 0 0 #0e6554;
  background: linear-gradient(158deg, #117d68 44%, #1c7943 85%) no-repeat 0 0 #0e6554; }
  html[theme="dark"] .page-bottom-info .btn-primary-dark {
    background-color: var(--brand-primary); }

html[theme="dark"] .cat-list h3 .count {
  color: var(--text-color-meta); }

html[theme="dark"] .cat-list li a {
  color: var(--text-color-meta); }
  html[theme="dark"] .cat-list li a:hover {
    color: var(--text-color); }

html[theme="dark"] .cat-list.arrow li {
  border-bottom: 0; }

html[theme="dark"] .collapse-title {
  color: var(--text-color);
  border-color: rgba(255, 255, 255, 0.2); }

html[theme="dark"] .user-panel-sidebar ul li a {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .user-panel-sidebar ul li:hover a, html[theme="dark"] .user-panel-sidebar ul li.active a {
  background: var(--background--lighter);
  color: var(--text-color);
  border-color: var(--nav-border); }

html[theme="dark"] .table thead th, html[theme="dark"] .table-bordered th, html[theme="dark"] .table-bordered td {
  border-color: rgba(255, 255, 255, 0.2); }

html[theme="dark"] .list-group-unstyle .list-group-item.active, html[theme="dark"] .list-group-unstyle .list-group-item:hover {
  background: var(--background--lighter);
  color: var(--text-color);
  border-color: var(--nav-border); }

html[theme="dark"] .list-group-unstyle .list-group-item.active a, html[theme="dark"] .list-group-unstyle .list-group-item:hover a {
  color: var(--text-color); }

html[theme="dark"] .list-group-item {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }
  html[theme="dark"] .list-group-item a {
    color: var(--text-color-meta); }

html[theme="dark"] .delete-search-result {
  color: var(--text-color-meta); }
  html[theme="dark"] .delete-search-result:hover {
    color: var(--text-color); }

html[theme="dark"] .hdata a {
  color: var(--text-color-meta); }

html[theme="dark"] .ads-details-td {
  color: var(--text-color-meta); }
  html[theme="dark"] .ads-details-td p {
    margin-bottom: 4px; }

html[theme="dark"] .modal-header .close {
  color: var(--text-color-meta); }
  html[theme="dark"] .modal-header .close:hover {
    color: var(--text-color-meta); }

html[theme="dark"] .title-2 {
  border-color: var(--nav-border) !important; }

html[theme="dark"] .content-subheading {
  color: var(--text-color); }

html[theme="dark"] .jobs-desc {
  color: var(--text-color-meta); }

html[theme="dark"] .row-featured-company .f-category h6 .company-name {
  color: var(--text-color); }

html[theme="dark"] .list-title a {
  color: var(--text-color); }

html[theme="dark"] .jobs-s-tag {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }
  html[theme="dark"] .jobs-s-tag:focus, html[theme="dark"] .jobs-s-tag:hover {
    background: var(--background--lighter);
    color: var(--text-color) !important;
    border-color: var(--nav-border);
    opacity: .75; }

html[theme="dark"] .text-muted {
  color: var(--text-color-meta-dark) !important; }

html[theme="dark"] .login-box .input-icon i {
  color: var(--text-color-meta);
  border-color: rgba(255, 255, 255, 0.2); }

html[theme="dark"] .card-footer {
  border-color: rgba(255, 255, 255, 0.2); }

html[theme="dark"] .button-wrap .btn-social {
  background: var(--background--darker); }

html[theme="dark"] .link-color {
  color: var(--text-color); }

html[theme="dark"] .share-this-post li a i {
  color: var(--text-color-meta); }
  html[theme="dark"] .share-this-post li a i:focus, html[theme="dark"] .share-this-post li a i:hover {
    color: var(--text-color-light);
    opacity: 1; }

html[theme="dark"] .inbox-nav li a {
  background: none; }

html[theme="dark"] .inbox-nav li.active, html[theme="dark"] .inbox-nav li:hover {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .inbox-nav li a .badge {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .chat-item .time-and-date, html[theme="dark"] .message-list .list-group-item .list-box-content .time {
  color: var(--text-color-meta); }

html[theme="dark"] .message-list .list-group-item:hover {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border);
  box-shadow: none; }

html[theme="dark"] .blog-post-content-desc p,
html[theme="dark"] .blog-post-content-desc .blog-post-content,
html[theme="dark"] .blog-article-text {
  color: var(--text-color-light); }

html[theme="dark"] .blog-post-footer {
  background: var(--background--lighter);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .blog-post-footer .list-title::after {
  border-color: var(--background--lighter) transparent transparent; }

html[theme="dark"] .blog-post-footer .list-title::before {
  border-color: var(--border-color) transparent transparent; }

html[theme="dark"] .share-this-post li a:hover i {
  color: var(--text-color); }

html[theme="dark"] ul.list-link li a, html[theme="dark"] ul.list-link li {
  color: var(--text-color-meta); }

html[theme="dark"] .navbar-light .navbar-brand:hover, html[theme="dark"] .navbar-light .navbar-brand:focus {
  color: var(--text-color-light); }

html[theme="dark"] .form-control, html[theme="dark"] input[type='text'] {
  color: var(--text-color-meta);
  background: var(--input-bg); }

html[theme="dark"] .page-content .inner-box.has-aff {
  background: var(--category-sidebar-bg); }

html[theme="dark"] .sidebar-modern-inner {
  background: var(--category-sidebar-bg); }
  html[theme="dark"] .sidebar-modern-inner .block-title.has-arrow:before {
    border-color: var(--border-color) transparent transparent; }
  html[theme="dark"] .sidebar-modern-inner .block-title.has-arrow:after {
    border-color: var(--category-sidebar-bg) transparent transparent; }
  html[theme="dark"] .sidebar-modern-inner h5 {
    color: var(--sidebar-title-color); }
    html[theme="dark"] .sidebar-modern-inner h5 a {
      color: var(--sidebar-title-color); }

html[theme="dark"] .search-row .search-col .search-col-inner {
  background: var(--background--darker); }

html[theme="dark"] .autocomplete-suggestions {
  background: var(--background--darker); }
  html[theme="dark"] .autocomplete-suggestions .autocomplete-suggestion {
    border-bottom: 1px solid var(--border-color); }
    html[theme="dark"] .autocomplete-suggestions .autocomplete-suggestion:hover {
      background: var(--background--lighter);
      color: var(--text-color) !important;
      border-color: var(--nav-border); }

html[theme="dark"] .page-content .inner-box.has-aff {
  background: var(--background--darker); }

html[theme="dark"] .inner-box {
  background: var(--background); }
  html[theme="dark"] .inner-box.has-ad {
    background: var(--background--darker); }

html[theme="dark"] .category-list-wrapper {
  background: var(--category-sidebar-bg); }

html[theme="dark"] .content-box {
  background: var(--panel-bg); }

html[theme="dark"] .f-category h6 {
  color: var(--text-color); }
  html[theme="dark"] .f-category h6 a {
    color: var(--text-color); }
  html[theme="dark"] .f-category h6 .count {
    color: #9a9a9a; }

html[theme="dark"] .box-title {
  background: var(--panel-header-bg); }

html[theme="dark"] .featured-list-slider .item > a:hover {
  background: var(--background--darker); }

html[theme="dark"] .featured-list-row {
  background: var(--background); }

html[theme="dark"] .item-list:hover {
  background: var(--category-list-item-hover); }

html[theme="dark"] .category-list:not(.event-category-list) {
  background: var(--category-sidebar-bg); }

html[theme="dark"] .tab-box {
  background: var(--tab-box-bg); }

html[theme="dark"] .nav-tabs.add-tabs > li:hover > a {
  background: var(--tab-box-active-bg); }

html[theme="dark"] .nav-tabs.add-tabs > li.active > a {
  border-top: 1px solid var(--tab-box-active-border);
  background: var(--tab-box-active-bg); }
  html[theme="dark"] .nav-tabs.add-tabs > li.active > a:hover, html[theme="dark"] .nav-tabs.add-tabs > li.active > a:active, html[theme="dark"] .nav-tabs.add-tabs > li.active > a:focus {
    border-bottom: solid 1px var(--tab-box-active-bg); }

html[theme="dark"] .breadcrumb-list a.current {
  color: var(--text-color); }

html[theme="dark"] .listing-view-action span.active {
  color: var(--text-color); }

html[theme="dark"] .list-filter ul li a {
  color: var(--category-list-color); }

html[theme="dark"] .title-5 {
  border-bottom: 1px solid var(--border-color); }

html[theme="dark"] .dropdown-menu {
  color: var(--text-color-light);
  background-color: var(--background);
  border: 1px solid var(--nav-border); }

html[theme="dark"] .dropdown-item {
  color: var(--link-color); }
  html[theme="dark"] .dropdown-item:focus, html[theme="dark"] .dropdown-item:hover {
    color: var(--link-hover-color);
    background: var(--menu-hover-bg); }
  html[theme="dark"] .dropdown-item.active, html[theme="dark"] .dropdown-item:active {
    color: var(--text-color) !important; }

html[theme="dark"] .footer-content {
  color: var(--text-color);
  background: var(--footer-bg); }

html[theme="dark"] .copy-info {
  color: var(--text-color-meta); }

html[theme="dark"] .footer-nav-inline li a {
  color: var(--link-color); }

html[theme="dark"] .footer-nav li a {
  color: var(--text-color-meta); }

html[theme="dark"] .footer-title {
  color: var(--text-color); }

@media (max-width: 767px) {
  html[theme="dark"] .navbar-site.navbar .nav > li a:not(.btn), html[theme="dark"] .navbar-site.navbar .nav > .nav-item a:not(.btn) {
    color: var(--link-color); }
  html[theme="dark"] .navbar-site.navbar .nav > li .dropdown-menu > li.active, html[theme="dark"] .navbar-site.navbar .nav > .nav-item .dropdown-menu > li.active {
    background: var(--background--lighter);
    color: var(--text-color-light); } }

@media (min-width: 768px) {
  html[theme="dark"] .header {
    background: var(--nav-bg); }
  html[theme="dark"] .navbar-site {
    background: var(--nav-bg) !important;
    border-bottom: var(--nav-border) !important; }
  html[theme="dark"] .navbar.navbar-site .navbar-nav > li > a:not(.btn), html[theme="dark"] .navbar.navbar-site .navbar-nav > li .nav-link:not(.btn), html[theme="dark"] .navbar.navbar-light .navbar-nav > li > a:not(.btn), html[theme="dark"] .navbar.navbar-light .navbar-nav > li .nav-link:not(.btn) {
    color: var(--text-color); }
    html[theme="dark"] .navbar.navbar-site .navbar-nav > li > a:not(.btn):hover, html[theme="dark"] .navbar.navbar-site .navbar-nav > li .nav-link:not(.btn):hover, html[theme="dark"] .navbar.navbar-light .navbar-nav > li > a:not(.btn):hover, html[theme="dark"] .navbar.navbar-light .navbar-nav > li .nav-link:not(.btn):hover {
      color: var(--text-color-hover); }
  html[theme="dark"] .navbar .navbar-brand {
    color: var(--logo-color); }
  html[theme="dark"] .navbar.navbar-bodered .navbar-brand {
    color: var(--logo-color); }
  html[theme="dark"] .navbar.navbar-bodered .navbar-nav > li {
    border-right: solid 1px var(--border-color); }
  html[theme="dark"] li .user-menu li:hover i {
    color: var(--menu-link-color); }
  html[theme="dark"] li .dropdown-menu.user-menu > .active > a {
    background: var(--background--lighter);
    color: var(--text-color); }
  html[theme="dark"] li.dropdown-item.active, html[theme="dark"] li.dropdown-item:active {
    background: var(--background--lighter);
    color: var(--text-color); }
  html[theme="dark"] .dropdown-menu > li a {
    color: var(--menu-link-color); }
  html[theme="dark"] .dropdown-menu.user-menu > .active {
    background: var(--background--lighter);
    color: var(--text-color); }
  html[theme="dark"] .dropdown-menu.user-menu > .active > a:focus {
    background: var(--background--lighter);
    color: var(--text-color); } }

@media (max-width: 767px) {
  html[theme="dark"] .navbar-light .navbar-brand {
    color: var(--text-color); }
  html[theme="dark"] .navbar-site.navbar .navbar-identity {
    border-color: rgba(255, 255, 255, 0.2); }
  html[theme="dark"] .navbar-light .navbar-toggler {
    color: var(--text-color);
    border-color: rgba(255, 255, 255, 0.2); } }

@media (min-width: 768px) {
  html[theme="dark"] .navbar.navbar-bodered .navbar-brand:after {
    background-color: var(--border-color-20); }
  html[theme="dark"] .navbar.navbar-bodered .navbar-nav > li:hover {
    background: var(--background--lighter);
    color: var(--text-color) !important;
    border-color: var(--nav-border); } }

html[theme="dark"] .card-event.featured .card-body h4 a,
html[theme="dark"] .card-event:not(.featured) .card-title a {
  color: var(--text-color); }

html[theme="dark"] .card-event .card-footer .left a, html[theme="dark"] .card-event .card-footer .social-link a {
  color: var(--text-color-meta); }

html[theme="dark"] .listing-title-holder {
  border-color: var(--border-color-30); }

html[theme="dark"] .event-details-title {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .ev-info-details .ev-details, html[theme="dark"] .ev-info-details .ev-icon {
  color: var(--text-color-meta); }

html[theme="dark"] .mobile-filter-bar {
  background: var(--background-secondery);
  color: var(--text-color) !important;
  border-color: var(--nav-border); }

html[theme="dark"] .mobile-filter-bar .dropdown-menu > li a {
  color: var(--text-color-meta); }

.theme-switcher {
	/* Philipp 02.07.2019 */
  position: absolute;
  top: 14px;
  bottom: 18px;
  /* z-index: 99999; */
  right: 0;
	/* Philipp 02.07.2019 */  
  left: 66%;
  display: block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  background: -moz-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  background: -o-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -moz-box-sizing: content-box;
       box-sizing: content-box; }
  @media (max-width: 767px) {
    .theme-switcher {
      display: none; } }

.theme-switcher-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-sizing: content-box;
       box-sizing: content-box; }

.theme-switcher-label:before, .theme-switcher-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  -moz-box-sizing: content-box;
       box-sizing: content-box; }

.theme-switcher-label:before {
  content: attr(data-off);
  right: 11px;
  /* Philipp 02.07.2019 */
  color: #808080;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5); }

.theme-switcher-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0; }

.theme-switcher.active .theme-switcher-label {
  background: var(--background);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }

.theme-switcher.active .theme-switcher-label:before {
  opacity: 0; }

.theme-switcher.active .theme-switcher-label:after {
  opacity: 1; }

.theme-switcher-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  
  background: -webkit-linear-gradient(top, #FFFFFF 40%, #d9d9d9);
  background: -moz-linear-gradient(top, #FFFFFF 40%, #d9d9d9);
  background: -o-linear-gradient(top, #FFFFFF 40%, #d9d9d9);
  background: linear-gradient(to bottom, #FFFFFF 40%, #d9d9d9);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #d9d9d9);
  
  /*
  background: -webkit-linear-gradient(top, #ffb380 40%, #ff8533);
  background: -moz-linear-gradient(top, #ffb380 40%, #ff8533);
  background: -o-linear-gradient(top, #ffb380 40%, #ff8533);
  background: linear-gradient(to bottom, #ffb380 40%, #ff8533);
  background-image: -webkit-linear-gradient(top, #ffb380 40%, #ff8533);  
  */
  
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }

.theme-switcher-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  background: -moz-linear-gradient(top, #eeeeee, #FFFFFF);
  background: -o-linear-gradient(top, #eeeeee, #FFFFFF);
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }

.theme-switcher.active .theme-switcher-handle {
  left: 74px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

/* Transition
========================== */
.theme-switcher-label, .theme-switcher-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease; }
