/** Shopify CDN: Minification failed

Line 92:43 Unexpected "*"

**/
.cf-switch-container{
    display:flex;
    flex-direction:row;
    font-size:.8rem;
    gap:5px;
    align-items:center;
}
.cf-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}
.cf-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.cf-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7cffb7;
    transition: 0.4s;
    border-radius: 34px;
}
.cf-slider:before {
    position: absolute;
    content: "🌙";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: #7cffb7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.4s;
    font-size: 16px;
}

input:checked + .cf-slider {
    background-color: #7cffb7;
}
input:checked + .cf-slider:before {
    transform: translateX(30px);
    content: "☀️";
    background:#7cffb7;
}
body.dark-mode{
    --color-text:  #7cffb7 !important;
    --color-background : #000000 !important;
    --color-background-overlay-button: #7cffb7 !important;
    --color-text-overlay-button-alpha: #22292d !important;
}
.dark-mode * {
    color: #7cffb7 !important;
}
.dark-mode .btn{
    background: #7cffb7 !important;
    color: #22292d !important;
}
.dark-mode .btn span{
    color: #22292d !important;
}
.dark-mode .btn--primary{
    --color-background-overlay-button: #7cffb7 !important;
    --color-background-overlay-button-hover:rgb(102, 238, 163) !important;
    background: #7cffb7 !important;
    color: #22292d !important;
}
.dark-mode .button-block__button .btn{
    background-color: #7cffb7 !important;
    color: #22292d !important;
    --color-background-overlay-button: #7cffb7 !important;
    --color-text-overlay-button-alpha: #22292d !important;
}
.dark-mode .newsletter-compact,
.dark-mode .newsletter-compact *{
   color:   #22292d !important;
}
.dark-mode .icon-button-header-shopping-bag,
.dark-mode .icon-button-header-shopping-bag*{
    color: #22292d !important;
}
.dm-mobil{display:none;}
.dm-desktop{display:block;}
@media (max-width: 767px){
    .dm-mobil{display:block !important;}
    .dm-desktop{display:none !important;}     
}