/*

Stand 02.09.2022

# default
- foreground: #8F8878
- background: #282828

# accent: #8F8878
# background light: #282828
# background dark: #282828

# contrast colors:
- foreground: #8F8878
- background: #282828

*/



/* ### default colors ### */

body.qm-theme-dark {
    color: #8F8878;
}

.qm-theme-dark .qm-color-default  {
    color: #8F8878 !important;
}

.qm-theme-dark hr.qm-line {
    border-color: #8F8878;
}

.qm-theme-dark .qm-kachel-e {
    border-color: #D9D9D9;
}

body.qm-theme-dark,
.qm-theme-dark .qm-bg-default,
.qm-theme-dark .qm-default-card-container,
.qm-theme-dark h2.qm-headline span,
.qm-theme-dark .qm-animation-container .qm-animation-element.qm-animate-open-right, 
.qm-theme-dark .qm-animation-container .qm-animation-element.qm-animate-open-left,
.qm-theme-dark .qm-animation-container .qm-animation-element.qm-animate-open-down,
.qm-theme-dark .qm-image-panel-text .qm-teaser-link:after,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-light,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-dark:hover,
/* labrigart */
.qm-theme-dark #lab-vertikal,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-horizontal .lab-index span,
.qm-theme-dark #lab-vertikal #lab-sticky,
.qm-theme-dark #lab-vertikal .lab-vertikal-last,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-title span,
.qm-theme-dark #lab-share .lab-social-wrapper .lab-social,
.qm-theme-dark .lab-seite .lab-overlay-scroll::before,
.qm-theme-dark #lab-vertikal .lab-sticky-wrapper .lab-sticky,
.qm-theme-dark #lab-share .lab-social-wrapper .lab-social::before {
    background-color: #282828;
}


/* ### accent colors ### */

.qm-theme-dark .qm-color-accent,
.qm-theme-dark a,
.qm-theme-dark h1, .qm-theme-dark h2, .qm-theme-dark h3, .qm-theme-dark h4,
.qm-theme-dark .qm-teaser,
.qm-theme-dark .qm-process-topic,
.qm-theme-dark .qm-moderationskachel .qm-moderationskachel-front,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-teaser,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-light,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-dark:hover,
.qm-theme-dark .qm-kachel-f .qm-kachel-f-teaser,
/* labrigart */
.qm-theme-dark .lab-seite .lab-seitenliste .lab-menu-item .lab-child-menu .lab-child-item .lab-child-link,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item .lab-child-link,
.qm-theme-dark .lab-slider-wrapper #lab-slider-pagination span,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-menu-item-link {
    color: #8F8878;
}


.qm-theme-dark .qm-bg-accent,
.qm-theme-dark .qm-teaser-link:after,
.qm-theme-dark .qm-link-underline::after,
/* labrigart */
.qm-theme-dark #lab-hausgrid .lab-hausgrid-wrapper .inserat > span,
.qm-theme-dark .inserat > span,
.qm-theme-dark .lab-open-btn::before,
.qm-theme-dark .lab-open-btn::after,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-title.active span,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-horizontal .lab-text span::after,
.qm-theme-light #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-horizontal .lab-index.active span,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item.active,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item:hover,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-title:first-child::after,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-linie #lab-lauf,
.qm-theme-dark #lab-arrow-wrapper .lab-arrow::before,
.qm-theme-dark #lab-arrow-wrapper .lab-arrow::after,
.qm-theme-dark .lab-seite::after,
.qm-theme-dark .lab-projects-wrapper {
    background-color: #8F8878;
}

.qm-theme-dark .qm-border-accent,
.qm-theme-dark h2.qm-headline,
.qm-theme-dark .qm-process-topic,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button {
    border-color: #8F8878;
}


.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item.active,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item:hover,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu .lab-child-item:hover .lab-child-link{
    color: #FFF;
}


/* ### background colors ### */

.qm-theme-dark .qm-bg-light,
.qm-theme-dark .table-striped tbody tr:nth-of-type(odd),
.qm-theme-dark .qm-process-topic,
.qm-theme-dark .qm-process-container,
.qm-theme-dark .qm-process-container-left-overlap,
.qm-theme-dark .qm-process-container-right-overlap,
.qm-theme-dark .qm-image-container .qm-image-container-text,
/* labrigart */
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-linie,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-title:first-child::before,
.qm-theme-dark #lab-bildtext,
.qm-theme-dark lab-bildtext .lab-bildtext-wrapper .lab-bild .lab-text,
.qm-theme-dark .lab-slider-wrapper .lab-pagination #lab-slider-pagination:hover,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot button:active,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot button:hover {
    background-color: #282828;
}

.qm-theme-dark .qm-bg-dark,
.qm-theme-dark .qm-image-container:hover:not(.qm-image-container-bg-animation-disable) .qm-image-container-text 
{
    background-color: #454545;
}

.qm-theme-dark .qm-bg-transparent {
    background-color: #000000CC;
}


/* ### contrast colors ### */

.qm-theme-dark .qm-color-contrast,
.qm-theme-dark .qm-bg-contrast,
.qm-theme-dark .qm-footer, .qm-theme-dark .qm-footer a, .qm-theme-dark .qm-footer i,
.qm-theme-dark .qm-inserat-container .inserat > span,
.qm-theme-dark .qm-image-container:hover:not(.qm-image-container-bg-animation-disable) .qm-image-container-text,
.qm-theme-dark .qm-image-slider-content, .qm-theme-dark .qm-image-slider-content2, .qm-theme-dark .qm-image-slider-content3,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-light:hover,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-dark,
/* labrigart */
.qm-theme-dark #lab-hausgrid .lab-hausgrid-wrapper .inserat > span,
.qm-theme-dark #lab-hausgrid .lab-hausgrid-wrapper .lab-bw h1,
.qm-theme-dark #lab-hausgrid .lab-hausgrid-wrapper .lab-bw span,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot h1,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot p,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot button,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-title.active span,
.qm-theme-dark #lab-vertikal-banner h2,
.qm-theme-dark .lab-banner .lab-banner-wrapper .lab-head,
.qm-theme-dark #lab-bottom-leiste .lab-bottom-wrapper .lab-bottom-menu a:hover,
.qm-theme-dark .lab-projects-text-wrapper .lab-projects-text span,
.qm-theme-dark .inserat > span,
.qm-theme-dark .inserat.lab-bw h1,
.qm-theme-dark .inserat.lab-bw span,
.qm-theme-dark h1#lab-pagination,
.qm-theme-dark #lab-share > i,
.qm-theme-dark .lab-seite .lab-seitenliste .lab-menu-item .lab-menu-item-link
  {
    color: #8F8878 !important;
}

.qm-theme-dark .qm-bg-contrast,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-light:hover,
.qm-theme-dark .qm-kachel-b .qm-kachel-b-button-dark,
/* labrigart */
.qm-theme-dark header.fixed,
.qm-theme-dark .lab-header .lab-header-responsive,
.qm-theme-dark .lab-header .lab-header-menu .lab-menu-item .lab-child-menu,
.qm-theme-dark header.transparent:hover,
.qm-theme-dark .lab-seite,
.qm-theme-dark .lab-slider-wrapper #lab-slider-pagination span:hover,
.qm-theme-dark .lab-slider-wrapper #lab-slider-pagination span.active,
.qm-theme-dark #lab-hausgrid .lab-title::after,
.qm-theme-dark #lab-angebot .lab-angebot-wrapper .lab-angebote .lab-angebot .overlay,
.qm-theme-dark #lab-bottom-leiste .lab-back,
.qm-theme-dark #lab-projects,
.qm-theme-dark #lab-vertikal .lab-vertikal-wrapper .lab-vertikal-inner .lab-horizontal .lab-index.active span,
.qm-theme-dark #lab-bildtext .lab-title::after,
.qm-theme-dark .lab-header .lab-header-logo #lab-open::before,
.qm-theme-dark .lab-header .lab-header-logo #lab-open::after
{
    background-color: #282828;
}


/* gradients */

.qm-theme-dark .qm-gradient,
.qm-theme-dark .qm-gradient-default {
    background-image: linear-gradient(to bottom, #28282800, #282828FF);
}

.qm-theme-dark .qm-bg-light .qm-gradient {
    background-image: linear-gradient(to bottom, #28282800, #282828FF);
}

.qm-theme-dark .qm-gradient.qm-gradient-default {
    background-image: linear-gradient(to bottom, #28282800, #282828FF);
}