html {
    background-color: #FFFFFF;
}
body {
    color: #333333;
}



html.darkmode {
    background-color: #333333;
}
html.darkmode body {
    color: #EEEEEE;
}



#wrapper {
    background-color: #FFFFFF;
}
html.darkmode #wrapper {
    background-color: #FFFFFF;
}


html.darkmode #wrapper {
    background-color: #333333;
}
html.darkmode #wrapper {
    background-color: #333333;
}


.dropdowncontent {
    background-color: #FFFFFF;
}



html.darkmode .dropdowncontent {
    background-color: #333333;
}



#topbar {
    background-color: #000000;
    color: #FFFFFF;
}

#topbar .backNavigation a:hover {
    background-color: rgba(255,255,255, 0.2);
}



html.darkmode #topbar {
    background-color: #C01C00;
    color: #FFFFFF;
}

html.darkmode #topbar .backNavigation a:hover {
    background-color: rgba(255,255,255, 0.2);
}



#tippglocke-icon .navtoggle span {
    border-color: #FFFFFF;
}

#topbar-icons .navtoggle.toggled,
body.notouch #topbar-icons .navtoggle:hover,
#topbar-icons .navtoggle.clicked {
    background-color: rgba(255,255,255, 0.2);
}



html.darkmode #tippglocke-icon .navtoggle span {
    border-color: #FFFFFF;
}

html.darkmode #topbar-icons .navtoggle.toggled,
html.darkmode body.notouch #topbar-icons .navtoggle:hover,
html.darkmode #topbar-icons .navtoggle.clicked {
    background-color: rgba(255,255,255, 0.2);
}


h2 {
    background-color: #F0F0F0;
    color: #333333;
}

h2 a {
    color: #333333;
}



html.darkmode h2 {
    background-color: #555555;
    color: #EEEEEE;
}

html.darkmode h2 a {
    color: #EEEEEE;
}



.pagetitle, .pageTitleWithBackNavigation {
    background-color: #F0F0F0;
    color: #333333;
    border-color: #dcdcdc;
}

.pageTitleBackNavigation {
    border-right-color: #dcdcdc;
}

.menueHorizontal .pagetitle, .menueHorizontal.pageTitleWithBackNavigation {
    background-color: #FFFFFF;
    color: #333333;
    border-color: #dddddd;
}

.menueHorizontal .pageTitleBackNavigation {
    border-right-color: #dddddd;
}



html.darkmode .pagetitle, html.darkmode .pageTitleBackNavigation, html.darkmode .pageTitleWithBackNavigation {
    background-color: #555555;
    color: #EEEEEE;
    border-color: #696969;
}

html.darkmode .pageTitleBackNavigation {
    border-right-color: #696969;
}

html.darkmode .menueHorizontal .pagetitle, html.darkmode .menueHorizontal.pageTitleWithBackNavigation {
    background-color: #333333;
    color: #EEEEEE;
    border-color: #555555;
}

html.darkmode .menueHorizontal .pageTitleBackNavigation {
    border-right-color: #555555;
}



#headline {
    background-color: #e3e3e3;
    color: #333333;
    border-bottom-color: #FFFFFF;
}

#headline a:hover,
#headline a.clicked {
    background-color: #dcdcdc;
}



html.darkmode #headline {
    background-color: #cd290d;
    color: #EEEEEE;
    border-bottom-color: #333333;
}

html.darkmode #headline a:hover,
html.darkmode #headline a.clicked {
    background-color: #d43014;
}



nav {
    background-color: #F0F0F0;
    border-right-color: #d2d2d2;
    color: #333333;
}

nav#navigation .active a,
body.notouch nav#navigation a:hover,
nav#navigation a.clicked {
    border-left-color: #2C85CD;
}

nav a,
nav#seitenmenu,
nav#seitenmenu a,
nav .dropdowntitle {
    background-color: #F0F0F0;
}

/* disabled im Seitenmenü Spieltagsauswahl */
nav#seitenmenu .item .disabled {
    background-color: #F0F0F0;
    color: #dcdcdc;
}

nav#navigation a,
nav#navigation .level0 a {
    border-left-color: #d2d2d2;
}

nav#navigation .level1 {
    border-bottom-color: #d2d2d2;
}

nav .dropdown,
nav .dropdownitem {
    border-color: #d2d2d2;
}

nav .level1 {
    border-bottom-color: #d2d2d2;
}

nav .level0 {
    border-bottom-color: #d2d2d2;
}

nav .level0 a {
    background-color: #e3e3e3;
}

body.notouch nav#seitenmenu a:hover {
    background-color: #dcdcdc !important;
}

.menu.back::before,
nav .dropdownitem a::after,
nav .link a::after {
    color: #333333;
}

body.notouch nav a:hover,
body.notouch nav .dropdowntitle:hover,
nav a.clicked,
nav a.clicked::before {
    background-color: #dcdcdc;
}

body.notouch nav .level0 a:hover,
nav .level0 a.clicked {
    background-color: #cfcfcf;
}

nav#tippglocke-menu {
    border-left-color: #d2d2d2;
}



html.darkmode nav {
    background-color: #C01C00;
    border-right-color: #de3a1e;
    color: #EEEEEE;
}

html.darkmode nav#navigation .active a,
html.darkmode body.notouch nav#navigation a:hover,
html.darkmode nav#navigation a.clicked {
    border-left-color: #666666;
}

html.darkmode nav a,
html.darkmode nav#seitenmenu,
html.darkmode nav#seitenmenu a,
html.darkmode nav .dropdowntitle {
    background-color: #C01C00;
}

/* disabled im Seitenmenü Spieltagsauswahl */
html.darkmode nav#seitenmenu .item .disabled {
    background-color: #C01C00;
    color: #d43014;
}

html.darkmode nav#navigation a,
html.darkmode nav#navigation .level0 a {
    border-left-color: #de3a1e;
}

html.darkmode nav#navigation .level1 {
    border-bottom-color: #de3a1e;
}

html.darkmode nav .dropdown,
html.darkmode nav .dropdownitem {
    border-color: #de3a1e;
}

html.darkmode nav .level1 {
    border-bottom-color: #de3a1e;
}

html.darkmode nav .level0 {
    border-bottom-color: #de3a1e;
}

html.darkmode nav .level0 a {
    background-color: #cd290d;
}

html.darkmode body.notouch nav#seitenmenu a:hover {
    background-color: #d43014 !important;
}

html.darkmode .menu.back::before,
html.darkmode nav .dropdownitem a::after,
html.darkmode nav .link a::after {
    color: #EEEEEE;
}

html.darkmode body.notouch nav a:hover,
html.darkmode body.notouch nav .dropdowntitle:hover,
html.darkmode nav a.clicked,
html.darkmode nav a.clicked::before {
    background-color: #d43014;
}

html.darkmode body.notouch nav .level0 a:hover,
html.darkmode nav .level0 a.clicked {
    background-color: #e13d21;
}

html.darkmode nav#tippglocke-menu {
    border-left-color: #de3a1e;
}



a.clicked,
tr.clickable.clicked td,
th.link.clicked span {
    background-color: #ebebeb;
}

body.notouch a:hover,
body.notouch .hover:hover,
body.notouch tr.clickable:hover td,
body.notouch th.link:hover span {
    background-color: #ebebeb;
}

#toggle.toggled #togglewrapper,
body.notouch #logowrapper:hover,
body.notouch #togglewrapper:hover {
    background-color: rgba(255,255,255, 0.2)
}

#logo a.clicked {
    background-color: rgba(255,255,255, 0.2)
}



html.darkmode a.clicked,
html.darkmode tr.clickable.clicked td,
html.darkmode th.link.clicked span {
    background-color: #474747;
}

html.darkmode body.notouch a:hover,
html.darkmode body.notouch .hover:hover,
html.darkmode body.notouch tr.clickable:hover td,
html.darkmode body.notouch th.link:hover span {
    background-color: #474747;
}

html.darkmode #toggle.toggled #togglewrapper,
html.darkmode body.notouch #logowrapper:hover,
html.darkmode body.notouch #togglewrapper:hover {
    background-color: rgba(255,255,255, 0.2)
}

html.darkmode #logo a.clicked {
    background-color: rgba(255,255,255, 0.2)
}



form.formnew button[type="submit"],
.button,
.button.circle,
#chat div.neueNachrichtRow .submit .button span {
    background-color: #F0F0F0;
    color: #333333;
    border-color: #dcdcdc;
}

.button a,
.button label {
    color: #333333;
}

form.formnew button[type="submit"]:hover,
.button:hover,
.button.circle:hover,
body.notouch .button a:hover {
    background-color: #dcdcdc;
    border-color: #c8c8c8;
}

form.formnew label,
form.formnew .forminput label {
    color: #444444;
}

form.formnew help {
    color: #777777;
}



html.darkmode form.formnew button[type="submit"],
html.darkmode .button,
html.darkmode .button.circle,
html.darkmode #chat div.neueNachrichtRow .submit .button span {
    background-color: #666666;
    color: #EEEEEE;
    border-color: #7a7a7a;
}

html.darkmode .button a,v
html.darkmode .button label {
    color: #EEEEEE;
}

html.darkmode form.formnew button[type="submit"]:hover,
html.darkmode .button:hover,
html.darkmode .button.circle:hover,
html.darkmode body.notouch .button a:hover {
    background-color: #7a7a7a;
    border-color: #8e8e8e;
}

html.darkmode form.formnew label,
html.darkmode form.formnew .forminput label {
    color: #EEEEEE;
}

html.darkmode form.formnew help {
    color: #BBBBBB;
}


.prevnext-footer2 {
    border-color: #dddddd;
}


html.darkmode .prevnext-footer2 {
    border-color: #555555;
}



.kslider.range .ui-widget-header,
.kslider.range .ui-slider-handle {
    background-color: #ebebeb;
}

.slider.range .ui-widget-content .ui-slider-handle:hover {
    background-color: #ebebeb;
}

.ui-widget-content {
    border-color: #dddddd;
}



html.darkmode .kslider.range .ui-widget-header,
html.darkmode .kslider.range .ui-slider-handle {
    background-color: #474747;
}

html.darkmode .kslider.range .ui-widget-content .ui-slider-handle:hover {
    background-color: #474747;
}

html.darkmode .ui-widget-content {
    border-color: #555555;
}



.optionoverlay {
    color: #333333;
    background-color: #FFFFFF;
}

.ktabs.options .optiontab.option-active {
    border-color: #dddddd;
    border-bottom-color: #FFFFFF;
}

.ktabs div.optionoverlay a {
    color: #333333;
    background-color: #FFFFFF;
}

.ktabs div.optionoverlay .item{
    border-color: #dddddd;
}

.tabs,
.tab {
    border-color: #dddddd;
}

.tab.active-true {
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
}

.tab.active-false {
    background-color: #f0f0f0;
}

.tab.active-false a {
    background-color: #f0f0f0;
    color: #333333;
}

.tabs .tab.active-true .tippglocke {
    border-color: #dddddd;
}

.dropdowncontent,
.optionoverlay {
    border-color: #dddddd;
}

.optioncontent {
    border-color: #dddddd;
}



html.darkmode .optionoverlay {
    color: #EEEEEE;
    background-color: #333333;
}

html.darkmode .ktabs.options .optiontab.option-active {
    border-color: #555555;
    border-bottom-color: #333333;
}

html.darkmode .ktabs div.optionoverlay a {
    color: #EEEEEE;
    background-color: #333333;
}

html.darkmode .ktabs div.optionoverlay .item{
    border-color: #555555;
}

html.darkmode .tabs,
html.darkmode .tab {
    border-color: #555555;
}

html.darkmode .tab.active-true {
    border-bottom-color: #333333;
    background-color: #333333;
}

html.darkmode .tab.active-false {
    background-color: #424242;
}

html.darkmode .tab.active-false a {
    background-color: #424242;
    color: #EEEEEE;
}

html.darkmode .tabs .tab.active-true .tippglocke {
    border-color: #555555;
}

html.darkmode .dropdowncontent,
html.darkmode .optionoverlay {
    border-color: #555555;
}

html.darkmode .optioncontent {
    border-color: #555555;
}



.menu .level0,
.select,
.menu .up {
    border-color: #dddddd;
}

.bordertop {
    border-color: #dddddd;
}



html.darkmode .menu .level0,
html.darkmode .select,
html.darkmode .menu .up {
    border-color: #555555;
}

html.darkmode .bordertop {
    border-color: #555555;
}



#footer a {
    color: #333333;
}

#footer {
    border-color: #dddddd;
}



html.darkmode #footer a {
    color: #EEEEEE;
}

html.darkmode #footer {
    border-color: #555555;
}




div.spielinfo-table .spielinfoIndirekterVergleich .sieger td {
    background-color: #F0F0F0;
}



html.darkmode div.spielinfo-table .spielinfoIndirekterVergleich .sieger td {
    background-color: #666666;
}



div.blaettern:hover,
#nachrichten div.nachricht:hover,
#nachrichten div.chatanlegen:hover {
    background-color: #ebebeb;
}

#chat #ungelesenRow .text {
    background-color: #EAB0B0;
    color: #333333;
    border-color: #dddddd;
}

#chat .nachrichtrow.right .nachricht {
    background-color: #DDEEAA;
    color: #333333;
}

#chat .nachricht,
#chat .blaettern .text {
    background-color: #f0f0f0;
    color: #333333;
}

.down .kicktipp-icon-blaettern::before,
.up .kicktipp-icon-blaettern::before {
    color: #333333;
}

#chat .blaettern .text {
    border-color: #dddddd;
}

div.stummschalten {
    border-color: #dddddd;
}

#chat .nachricht .time {
    color: #333333;
}

#nachrichten .nachricht,
.chatanlegen,
.menu .level0:last-child {
    border-color: #dddddd;
}



html.darkmode div.blaettern:hover,
html.darkmode #nachrichten div.nachricht:hover,
html.darkmode #nachrichten div.chatanlegen:hover {
    background-color: #474747;
}

html.darkmode #chat #ungelesenRow .text {
    background-color: #8F6C6C;
    color: #EEEEEE;
    border-color: #555555;
}

html.darkmode #chat .nachrichtrow.right .nachricht {
    background-color: #6D7654;
    color: #EEEEEE;
}

html.darkmode #chat .nachricht,
html.darkmode #chat .blaettern .text {
    background-color: #424242;
    color: #EEEEEE;
}

html.darkmode .down .kicktipp-icon-blaettern::before,
html.darkmode .up .kicktipp-icon-blaettern::before {
    color: #EEEEEE;
}

html.darkmode #chat .blaettern .text {
    border-color: #555555;
}

html.darkmode div.stummschalten {
    border-color: #555555;
}

html.darkmode #chat .nachricht .time {
    color: #EEEEEE;
}

html.darkmode #nachrichten .nachricht,
html.darkmode .chatanlegen,
html.darkmode .menu .level0:last-child {
    border-color: #555555;
}



.ktable th,
.ktable th.sort,
.ktable th a,
.ktable th a.sort {
    background-color: #FFFFFF;
    color: #333333;
}

.ktable th,
table th {
    border-color: #dddddd;
}

body.notouch th a:hover,
th a.clicked {
    background-color: #ebebeb;
    color: #333333;
}

tr td {
    border-color: #dddddd;
}

.ktable tr.rowheader td {
    background-color: #f0f0f0;
    color: #424242;
}

.ktable td.toggle {
    color: #424242;
    background-color: #f0f0f0;
}



html.darkmode .ktable th,
html.darkmode .ktable th.sort,
html.darkmode .ktable th a,
html.darkmode .ktable th a.sort {
    background-color: #333333;
    color: #EEEEEE;
}

html.darkmode .ktable th,
html.darkmode table th {
    border-color: #555555;
}


html.darkmode body.notouch th a:hover,
html.darkmode th a.clicked {
    background-color: #474747;
    color: #EEEEEE;
}

html.darkmode tr td {
    border-color: #555555;
}

html.darkmode .ktable tr.rowheader td {
    background-color: #424242;
    color: #dfdfdf;
}

html.darkmode .ktable td.toggle {
    color: #dfdfdf;
    background-color: #424242;
}



#ranking tr.blaettern td a:hover {
    background-color: #ebebeb;
    color: #333333;
}
body.notouch .rprev:hover,
body.notouch .rnext:hover {
    background-color: #ebebeb;
}

#ranking tr.blaettern .next, #ranking tr.blaettern .up {
    background-color: #f7f7f7;
}




html.darkmode #ranking tr.blaettern td a:hover {
    background-color: #474747;
    color: #EEEEEE;
}
html.darkmode body.notouch .rprev:hover,
html.darkmode body.notouch .rnext:hover {
    background-color: #474747;
}

html.darkmode #ranking tr.blaettern .next, html.darkmode #ranking tr.blaettern .up  {
    background-color: #3b3b3b;
}



.light-background .for-light-background,
.dark-background  .for-dark-background {
    display: inline-block;
}

.light-background .for-dark-background,
.dark-background  .for-light-background {
    display: none;
}


          @media ( min-width : 1024px) {
            html:not(.integration) {
              background-image: url(/truu-champions/mdesign/images/518143.png);
              background-repeat: no-repeat;
              background-position: center center;
              background-attachment: fixed;
              background-size: cover;
            }
          }
        
          @media ( min-width : 1024px) {
            html:not(.integration) #wrapper {
              opacity: 0.95;
            }
          }
        
          @media ( min-width : 1024px) {
            html:not(.integration) body {
              text-align: center;
              margin: 30px auto 0;
            }
          }
        

#footer-tail {
    display: none;
}