.colorScheme-wrapper {
    display: inline-block;
    padding: 18px 12px;
    height: 54px;
    position: inherit;
    text-wrap-mode: nowrap;
}

.colorScheme {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #111;
}

.colorScheme:hover {
    cursor: pointer;
}

.cs-dark {
    background-color: #111111!important;
}
.cs-green {
    background-color: #003704!important;
}
.cs-purple {
    background-color: #330B39!important;
}
.cs-light {
    background-color: #979797!important;
}
.cs-white {
    background-color: #fcfcfc!important;
}
.cs-pink {
    background-color: #f0c1dc!important;
}

body.cs-white, body.cs-pink  {
    background: url('/images/design/background-light.webp') fixed top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cs-white .abibuch-druck_logo_div img,
.cs-pink .abibuch-druck_logo_div img {
    filter: invert(0);
}
.cs-white .abibuch-druck_logo_div p,
.cs-pink .abibuch-druck_logo_div p {
    color: #111;
}

.cs-white h1, .cs-white h1 span,
.cs-light h1, .cs-light h1 span,
.cs-pink h1, .cs-pink h1 span,
.cs-white h2,
.cs-light h2,
.cs-pink h2,
.cs-white h3,
.cs-light h3,
.cs-pink h3
{
    color: #111;
}

.cs-white .rulerLeft, .cs-white .rulerTop,
.cs-light .rulerLeft, .cs-light .rulerTop,
.cs-pink .rulerLeft, .cs-pink .rulerTop {
    filter: invert(1);
}