@charset "UTF-8";*,::backdrop,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

progress {
    vertical-align: initial
}

.w-fit {
    width: fit-content
}

.gap-x-2 {
    column-gap: .5rem
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.\!container {
    width: 100%!important
}

.container {
    width: 100%
}

@media (min-width: 375px) {
    .\!container {
        max-width:375px!important
    }

    .container {
        max-width: 375px
    }
}

@media (min-width: 576px) {
    .\!container {
        max-width:576px!important
    }

    .container {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .\!container {
        max-width:768px!important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .\!container {
        max-width:992px!important
    }

    .container {
        max-width: 992px
    }
}

@media (min-width: 1200px) {
    .\!container {
        max-width:1200px!important
    }

    .container {
        max-width: 1200px
    }
}

@media (min-width: 1440px) {
    .\!container {
        max-width:1440px!important
    }

    .container {
        max-width: 1440px
    }
}

@media (min-width: 1921px) {
    .\!container {
        max-width:1921px!important
    }

    .container {
        max-width: 1921px
    }
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.\!top-0 {
    top: 0!important
}

.-top-\[60px\] {
    top: -60px
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.z-50 {
    z-index: 50
}

.z-\[1000\] {
    z-index: 1000
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-8 {
    grid-column: span 8/span 8
}

.row-span-2 {
    grid-row: span 2/span 2
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-7 {
    margin-bottom: 1.75rem;
    margin-top: 1.75rem
}

.\!mb-6 {
    margin-bottom: 1.5rem!important
}

.\!mb-9 {
    margin-bottom: 2.25rem!important
}

.\!mt-4 {
    margin-top: 1rem!important
}

.\!mt-8 {
    margin-top: 2rem!important
}

.-ml-6 {
    margin-left: -1.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-4 {
    margin-left: 1rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-4px\] {
    margin-top: -4px
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.\!table {
    display: table!important
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none!important
}

.hidden {
    display: none
}

.aspect-4\/3 {
    aspect-ratio: 4/3
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.h-10 {
    height: 2.5rem
}

.h-28 {
    height: 7rem
}

.h-52 {
    height: 13rem
}

.h-60 {
    height: 15rem
}

.h-64 {
    height: 16rem
}

.h-80 {
    height: 20rem
}

.h-\[60px\] {
    height: 60px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-20 {
    max-height: 5rem
}

.max-h-full {
    max-height: 100%
}

.min-h-\[1rem\] {
    min-height: 1rem
}

.min-h-\[2rem\] {
    min-height: 2rem
}

.w-1\/2 {
    width: 50%
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-28 {
    width: 7rem
}

.w-4 {
    width: 1rem
}

.w-80 {
    width: 20rem
}

.w-\[6rem\] {
    width: 6rem
}

.w-\[7px\] {
    width: 7px
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-16 {
    min-width: 4rem
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-full {
    min-width: 100%
}

.max-w-20 {
    max-width: 5rem
}

.max-w-full {
    max-width: 100%
}

.max-w-sm {
    max-width: 24rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.flex-shrink,.shrink {
    flex-shrink: 1
}

.flex-grow,.grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!cursor-default {
    cursor: default!important
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.break-words {
    overflow-wrap: break-word
}

.\!rounded-full {
    border-radius: 9999px!important
}

.\!rounded-lg {
    border-radius: .5rem!important
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-\[\#F6F6F6\] {
    --tw-border-opacity: 1;
    border-color: rgb(246 246 246/var(--tw-border-opacity,1))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity,1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231/var(--tw-bg-opacity,1))
}

.bg-mielebg {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity,1))
}

.bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64/var(--tw-bg-opacity,1))
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity,1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-cover {
    background-size: cover
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8,.py-\[2rem\] {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[1\.375\] {
    line-height: 1.375
}

.leading-normal {
    line-height: 1.5
}

.tracking-\[0\.1em\] {
    letter-spacing: .1em
}

.tracking-\[0\.3em\] {
    letter-spacing: .3em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/var(--tw-text-opacity,1))
}

.text-mieletext {
    --tw-text-opacity: 1;
    color: rgb(25 25 25/var(--tw-text-opacity,1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.opacity-0 {
    opacity: 0
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-\[opacity\] {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 992px) {
    .md\:container {
        width:100%
    }

    @media (min-width: 375px) {
        .md\:container {
            max-width:375px
        }
    }

    @media (min-width: 576px) {
        .md\:container {
            max-width:576px
        }
    }

    @media (min-width: 768px) {
        .md\:container {
            max-width:768px
        }
    }

    .md\:container {
        max-width: 992px
    }

    @media (min-width: 1200px) {
        .md\:container {
            max-width:1200px
        }
    }

    @media (min-width: 1440px) {
        .md\:container {
            max-width:1440px
        }
    }

    @media (min-width: 1921px) {
        .md\:container {
            max-width:1921px
        }
    }
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:max-w-full:last-child {
    max-width: 100%
}

.last-of-type\:pb-8:last-of-type {
    padding-bottom: 2rem
}

.hover\:bg-\[\#FAFAFA\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.hover\:invert:hover {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group:hover .group-hover\:ml-3 {
    margin-left: .75rem
}

@media (min-width: 375px) {
    .xxs\:mb-4 {
        margin-bottom:1rem
    }
}

@media (min-width: 768px) {
    .sm\:mx-0 {
        margin-left:0;
        margin-right: 0
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mb-16 {
        margin-bottom: 4rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

@media (min-width: 992px) {
    .md\:top-0 {
        top:0
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-9 {
        margin-top: 2.25rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .md\:w-\[180px\] {
        width: 180px
    }

    .md\:min-w-0 {
        min-width: 0
    }

    .md\:max-w-half {
        max-width: 50%
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .md\:py-16 {
        padding-top: 4rem
    }

    .md\:pb-16,.md\:py-16 {
        padding-bottom: 4rem
    }

    .md\:pt-3 {
        padding-top: .75rem
    }
}

@media (min-width: 1200px) {
    .lg\:col-span-2 {
        grid-column:span 2/span 2
    }

    .lg\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }

    .lg\:mb-16 {
        margin-bottom: 4rem
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:p-12 {
        padding: 3rem
    }
}

@media (min-width: 1440px) {
    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-green-200 {
        --tw-bg-opacity:1;
        background-color: rgb(187 247 208/var(--tw-bg-opacity,1))
    }
}

.dcf-breadcrumbs {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    --inactive-opacity: .6;
    --mobile-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 17 1 9l8-8' class='currentLayer'/%3E%3C/svg%3E")
}

.dcf-image-zoom__wrapper {
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M19 12v14m-7-7h14'/%3E%3C/svg%3E") 19 19,zoom-in;
    overflow: hidden;
    transform-origin: 0 0
}

.dcf-image-zoom__wrapper--zoomed-in {
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M12 19h14'/%3E%3C/svg%3E") 19 19,zoom-out;
    overflow: scroll
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 300;
    src: url(./MieleElements-3Light.CpVTikL5.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 350;
    src: url(./MieleElements-4SemiLight.6E16LlKB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 400;
    src: url(./MieleElements-5Regular.B_pXPAlV.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/MieleElements-6SemiBold.2-lbmI56.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 700;
    src: url(./MieleElements-7Bold.5tpdqPYq.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 300;
    src: url(./MieleElements-3LightItalic.NQumX-9A.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 350;
    src: url(./MieleElements-4SemiLightItalic.Bjk2qTpg.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/MieleElements-5RegularItalic.CokBJJsB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 600;
    src: url(./MieleElements-6SemiBoldItalic.CcZApPiR.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 700;
    src: url(./MieleElements-7BoldItalic.B76jIH9I.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_45 Light"),url(./f9c5199e-a996-4c08-9042-1eb845bb7495.Bg2lPxjz.woff2) format("woff2"),url(./2a34f1f8-d701-4949-b12d-133c1c2636eb.B0bzLvqT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_46 Lt It"),url(./5e4f385b-17ff-4d27-a63a-9ee28546c9a8.D6P80aAD.woff2) format("woff2"),url(./116cde47-4a07-44a5-9fac-cbdcc1f14f79.6GwxC-YC.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_55 Roman"),url(./08b57253-2e0d-4c12-9c57-107f6c67bc49.jnuPEn8n.woff2) format("woff2"),url(./08edde9d-c27b-4731-a27f-d6cd9b01cd06.DFS_BbS7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_56 Italic"),url(./4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.DkNUZhe0.woff2) format("woff2"),url(./4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.CoeEsj8z.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_65 Medium"),url(./240c57a0-fdce-440d-9ce3-85e0cb56f470.BNdsBy3I.woff2) format("woff2"),url(./7802e576-2ffa-4f22-a409-534355fbea79.D4hoS7OA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_66 Md It"),url(./de68be2a-5d0e-4b8d-b3eb-940f75503e2a.CkvrP0ek.woff2) format("woff2"),url(./31029e78-79a0-4940-b82d-2e3c238e1355.B_eYDJpw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_75 Bold"),url(./800da3b0-675f-465f-892d-d76cecbdd5b1.CxszQMIm.woff2) format("woff2"),url(./7b415a05-784a-4a4c-8c94-67e9288312f5.DtmAiR3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_76 Bd It"),url(./13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.B1nP5Vx3.woff2) format("woff2"),url(./5018b5b5-c821-4653-bc74-d0b11d735f1a.BL-qhEHh.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MieleNormungSonderSymbole;
    font-style: normal;
    font-weight: 400;
    src: url(./MieleNormungSonderSymbole.C6GvaW9w.woff2) format("woff2"),url(./MieleNormungSonderSymbole.Dm8W0HVL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: MielePrintSymbole;
    font-style: normal;
    font-weight: 400;
    src: url(./MielePrintSymbole.BsQ1AkK6.woff2) format("woff2"),url(./MielePrintSymbole.C9J5YQ1I.woff) format("woff")
}

.miga-font_MieleNormung_Sondersymbole {
    font-family: MieleNormungSonderSymbole
}

.miga-font_MielePrintSymbole {
    font-family: MielePrintSymbole
}

.dcf-ctx-dark .dcf-dropdown__list-item-button,.dcf-ctx-light .dcf-dropdown__list-item-button {
    color: var(--dcf-button-primary-color)
}

body:has(dialog.mobile-filter-section[open]) {
    overflow: hidden
}

.vjs-svg-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 1.8em;
    width: 1.8em
}

.vjs-svg-icon:before {
    content: none!important
}

.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover {
    filter: drop-shadow(0 0 .25em #fff)
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff")
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-play-circle:before {
    content: ""
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before {
    content: ""
}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before {
    content: ""
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before {
    content: ""
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-spinner:before {
    content: ""
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before {
    content: ""
}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-hd:before {
    content: ""
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before {
    content: ""
}

.vjs-icon-downloading {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-downloading:before {
    content: ""
}

.vjs-icon-file-download {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download:before {
    content: ""
}

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download-done:before {
    content: ""
}

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download-off:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-cog:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-square:before {
    content: ""
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before {
    content: ""
}

.vjs-icon-repeat {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-repeat:before {
    content: ""
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before {
    content: ""
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before {
    content: ""
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before {
    content: ""
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before {
    content: ""
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before {
    content: ""
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before {
    content: ""
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before {
    content: ""
}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before {
    content: ""
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-next-item:before {
    content: ""
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-previous-item:before {
    content: ""
}

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-shuffle:before {
    content: ""
}

.vjs-icon-cast {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-cast:before {
    content: ""
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before {
    content: ""
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-pinterest:before {
    content: ""
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before {
    content: ""
}

.video-js {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    position: relative;
    vertical-align: top;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    height: 100%!important;
    width: 100%!important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js :after,.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid {
    max-width: 100%;
    width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    height: 100%;
    width: 100%
}

.video-js .vjs-tech {
    left: 0;
    position: absolute;
    top: 0
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window,body.vjs-pip-window {
    height: 100%;
    margin: 0;
    padding: 0
}

.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js {
    display: block;
    height: 100%!important;
    padding-top: 0!important;
    width: 100%!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    background-color: #000000b3;
    bottom: 10%;
    font-size: 2em;
    padding: .5em;
    position: absolute;
    text-align: center;
    width: 100%
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    cursor: default;
    opacity: .5
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important
}

.vjs-no-js {
    background-color: #000;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 300px
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    background-color: #2b333f;
    background-color: #2b333fb3;
    border: .06666em solid #fff;
    border-radius: .3em;
    cursor: pointer;
    display: block;
    font-size: 3em;
    height: 1.63332em;
    left: 50%;
    line-height: 1.5em;
    margin-left: -1.5em;
    margin-top: -.81666em;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transition: all .4s;
    width: 3em
}

.vjs-big-play-button .vjs-svg-icon {
    height: 1em;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    background-color: #73859f;
    background-color: #73859f80;
    border-color: #fff;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button {
    display: block
}

.video-js button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: none;
    transition: none
}

.vjs-control .vjs-button {
    height: 100%;
    width: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: #000c;
    background: linear-gradient(180deg,#000c,#fff0);
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: auto;
    padding: 0
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    display: flex;
    font-size: 1.2em;
    justify-content: center;
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: .2em 0;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    cursor: default;
    font-size: 1em;
    font-weight: 700;
    line-height: 2em;
    margin: 0 0 .3em;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.vjs-menu-button-popup .vjs-menu {
    border-top-color: #2b333fb3;
    bottom: 0;
    display: none;
    height: 0;
    left: -3em;
    margin-bottom: 1.5em;
    position: absolute;
    width: 10em
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: #2b333fb3;
    bottom: 1.5em;
    max-height: 15em;
    position: absolute;
    width: 100%
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    overflow: hidden;
    transition: all .4s
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    height: 100%;
    left: 4em;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: auto
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-menu-button-inline .vjs-menu-content {
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: auto
}

.video-js .vjs-control-bar {
    background-color: #2b333f;
    background-color: #2b333fb3;
    bottom: 0;
    display: none;
    height: 3em;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing {
    display: flex!important
}

.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar {
    display: flex;
    opacity: 1;
    transition: visibility .1s,opacity .1s;
    visibility: visible
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s,opacity 1s;
    visibility: visible
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.video-js .vjs-control {
    flex: none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 4em
}

.video-js .vjs-control.vjs-visible-text {
    padding-left: 1em;
    padding-right: 1em;
    width: auto
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.vjs-button>.vjs-svg-icon {
    display: inline-block
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: auto;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    align-items: center;
    display: flex
}

.video-js .vjs-progress-holder {
    flex: auto;
    height: .3em;
    transition: all .2s
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    line-height: .35em;
    position: absolute;
    right: -.5em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
    content: none!important
}

.vjs-play-progress .vjs-svg-icon {
    height: .9em;
    line-height: .15em;
    pointer-events: none;
    position: absolute;
    right: -.4em;
    top: -.35em;
    width: .9em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: #73859f80
}

.video-js .vjs-load-progress div {
    background: #73859fbf
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    background-color: #000;
    display: none;
    height: 100%;
    position: absolute;
    width: 1px;
    z-index: 1
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    opacity: 0;
    transition: visibility 1s,opacity 1s;
    visibility: hidden
}

.vjs-mouse-display .vjs-time-tooltip {
    background-color: #000;
    background-color: #000c;
    color: #fff
}

.video-js .vjs-slider {
    cursor: pointer;
    margin: 0 .45em;
    padding: 0;
    position: relative;
    -webkit-touch-callout: none;
    background-color: #73859f;
    background-color: #73859f80;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    box-shadow: 0 0 1em #fff;
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    display: flex;
    margin-right: 1em
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    height: 1px;
    margin-left: -1px;
    opacity: 0;
    visibility: visible;
    width: 1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control {
    opacity: 1;
    position: relative;
    transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    visibility: visible
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    height: 3em;
    margin-right: 0;
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    transition: width .1s;
    width: 10em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    left: -3000em;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    width: 3em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    height: .3em;
    width: 5em
}

.vjs-volume-bar.vjs-slider-vertical {
    height: 5em;
    margin: 1.35em auto;
    width: .3em
}

.video-js .vjs-volume-level {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute
}

.video-js .vjs-volume-level:before {
    font-size: .9em;
    position: absolute;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    left: -.3em;
    top: -.5em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
    content: none
}

.vjs-volume-level .vjs-svg-icon {
    height: .9em;
    pointer-events: none;
    position: absolute;
    width: .9em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: .35em;
    right: -.5em
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
    right: -.3em;
    transform: translateY(-50%)
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
    top: -.55em;
    transform: translate(-50%)
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    background-color: #2b333f;
    background-color: #2b333fb3;
    bottom: 8em;
    height: 8em;
    width: 3em
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    background-color: #000;
    display: none;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    height: 100%;
    width: 1px
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    opacity: 0;
    transition: visibility 1s,opacity 1s;
    visibility: hidden
}

.vjs-mouse-display .vjs-volume-tooltip {
    background-color: #000;
    background-color: #000c;
    color: #fff
}

.vjs-poster {
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster {
    display: block
}

.vjs-poster img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.video-js .vjs-live-control {
    align-items: flex-start;
    display: flex;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font-size: 1em;
    height: 100%;
    line-height: 3em;
    min-width: 4em;
    padding-left: .5em;
    padding-right: .5em;
    width: auto
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    color: #888;
    margin-right: .5em
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
    line-height: 0
}

.vjs-seek-to-live-control .vjs-svg-icon {
    height: 1em;
    pointer-events: none;
    width: 1em;
    fill: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
    fill: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    padding-left: 1em;
    padding-right: 1em;
    width: auto
}

.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    bottom: 3em;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vjs-error .vjs-text-track-display {
    display: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    margin-bottom: .1em;
    text-align: center
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
    text-align: center!important;
    width: 80%!important
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    pointer-events: none;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    left: 0;
    width: 4em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-loading-spinner {
    background-clip: padding-box;
    border: .6em solid rgba(43,51,63,.7);
    border-radius: 50%;
    box-sizing: border-box;
    display: none;
    height: 5em;
    left: 50%;
    opacity: .85;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-50%,-50%);
    visibility: hidden;
    width: 5em
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    align-items: center;
    animation: vjs-spinner-show 0s linear .3s forwards;
    display: flex;
    justify-content: center
}

.vjs-error .vjs-loading-spinner {
    display: none
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    border: inherit;
    border-color: #fff transparent transparent;
    border-radius: inherit;
    box-sizing: inherit;
    content: "";
    height: inherit;
    opacity: 1;
    position: absolute;
    width: inherit
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    animation-delay: .44s;
    border-top-color: #fff
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
    height: 1.5em;
    width: 1.5em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    display: inline-block;
    margin-bottom: -.1em;
    vertical-align: middle
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: "";
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    display: inline-block;
    margin-bottom: -.1em;
    vertical-align: middle
}

.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: " ";
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    display: block;
    flex: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: #2b333fbf;
    color: #fff;
    height: 70%
}

.vjs-error .vjs-text-track-settings {
    display: none
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-text-track-settings select {
    font-size: inherit
}

.vjs-track-setting>select {
    margin-bottom: .5em;
    margin-right: 1em
}

.vjs-text-track-settings fieldset {
    border: none;
    margin: 10px
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
    padding: 0 .6em .8em
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    font-size: 1.2em;
    font-weight: 700
}

.vjs-text-track-settings .vjs-label {
    margin: 0 .5em .5em 0
}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus {
    background-image: linear-gradient(0deg,#fff 88%,#73859f);
    outline-style: solid;
    outline-width: medium
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg,#fff 88%,#73859f);
    border-radius: 2px;
    color: #2b333f;
    cursor: pointer
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

.vjs-title-bar {
    background: #000000e6;
    background: linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.7) 60%,transparent);
    font-size: 1.2em;
    line-height: 1.5;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .1s;
    width: 100%
}

.vjs-error .vjs-title-bar {
    display: none
}

.vjs-title-bar-description,.vjs-title-bar-title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vjs-title-bar-title {
    font-weight: 700;
    margin-bottom: .333em
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-forward-5 {
    cursor: pointer
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: none
}

.video-js :focus:not(:focus-visible) {
    outline: none
}

.dhf-svg-icon {
    display: inline-flex
}

[data-v-e8bdce06]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-e8bdce06]:host,[data-v-e8bdce06]:root {
        --dcf-grid-gap:2.5rem
    }
}

.dhf-overlay[data-v-e8bdce06] {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--dcf-z-index-fixed)
}

.dhf-overlay[data-v-e8bdce06] :focus:not(:focus-visible) {
    outline: none
}

.dhf-overlay[data-v-e8bdce06] :focus-visible {
    outline: .05rem dotted var(--dcf-color-black);
    outline-offset: .2rem
}

@media (min-width: 993px) {
    .dhf-overlay__backdrop[data-v-e8bdce06] {
        height:100%;
        width: 100%
    }
}

.dhf-overlay__container[data-v-e8bdce06] {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.dhf-overlay__container-wrapper[data-v-e8bdce06] {
    align-items: center;
    background-color: var(--dcf-color-white);
    display: flex;
    flex-direction: column;
    gap: .875rem;
    height: 100%;
    max-height: 100%;
    padding: 1.5rem;
    pointer-events: all
}

.dhf-overlay__container-wrapper-closeBtn[data-v-e8bdce06] {
    align-self: flex-end;
    box-sizing: content-box;
    cursor: pointer;
    height: 1.125rem
}

@media (min-width: 993px) {
    .dhf-overlay__container-wrapper[data-v-e8bdce06] {
        border-radius:.5rem;
        box-shadow: 0 .25rem 2.1875rem #0000002b;
        height: auto;
        padding: 2rem 2rem 4rem;
        width: 28rem
    }

    .dhf-overlay__container[data-v-e8bdce06] {
        height: auto;
        margin-left: auto;
        max-height: calc(100vh - 8rem);
        right: 1.5rem;
        top: 4rem;
        width: 28rem
    }
}

.dhf-language-select--storybook svg:first-of-type {
    margin-right: 8px!important
}

.dhf-jump-navigation[data-v-db2a2ab4] {
    left: 1rem;
    position: absolute;
    top: 1rem;
    z-index: 5000
}

.dhf-jump-navigation__list[data-v-db2a2ab4] {
    margin: 0
}

.dhf-jump-navigation__link[data-v-db2a2ab4] {
    clip: rect(1px,1px,1px,1px);
    align-items: center;
    background-color: #d5d2cc;
    display: inline-flex;
    height: 1px;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-inline:.25rem;position: absolute;
    vertical-align: bottom;
    white-space: nowrap;
    width: 1px
}

.dhf-jump-navigation__link[data-v-db2a2ab4]:active,.dhf-jump-navigation__link[data-v-db2a2ab4]:focus,.dhf-jump-navigation__link[data-v-db2a2ab4]:focus:focus-within {
    clip: auto;
    border-radius: 4px;
    height: auto;
    outline: 1px solid #c47c00;
    outline-offset: .25rem;
    overflow: auto;
    position: absolute;
    width: auto
}

.dhf-jump-navigation__link-icon[data-v-db2a2ab4] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-right: .5rem
}

.dhf-jump-navigation__link-text[data-v-db2a2ab4] {
    font-family: Miele Elements,-apple-system,system-ui,sans-serif;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 150%;
    margin: calc(.25rem - 2px);
    padding: calc(.25rem - 2px);
    text-transform: none
}

.dhf-header {
    --grid-gap: 2rem;
    --dhf-header-z-index: var(--dcf-z-index-header);
    --dhf-navigation-first-level-z-index: 2;
    --dhf-navigation-second-level-z-index: 4;
    --dhf-navigation-third-level-z-index: 6;
    --dhf-header-background-color: var(--dcf-color-black);
    --dhf-header-text-color: var(--dcf-color-cultured);
    --dhf-header-hover-color: var(--dcf-color-miele-red);
    --dhf-header-font-light: var(--dcf-font-weight-light);
    --dhf-header-font-normal: var(--dcf-font-weight-normal);
    --dhf-header-font-medium: var(--dcf-font-weight-medium);
    --dhf-header-font-bold: var(--dcf-font-weight-bold);
    --dhf-header-padding: 0 1.375rem;
    --dhf-header-border: .0625rem solid var(--dcf-color-miele-gray);
    --dhf-header-actions-margin-bottom: 2rem;
    --dhf-header-actions-logo-svg-height: 3.75rem;
    --dhf-header-actions-icons-gap: 2.125rem;
    --dhf-header-actions-item-display: block;
    --dhf-header-navigation-first-level-display: flex;
    --dhf-header-navigation-first-level-flex-direction: row;
    --dhf-header-navigation-first-level-left: 0;
    --dhf-header-navigation-first-level-position: relative;
    --dhf-header-navigation-first-level-gap: 3.125rem;
    --dhf-header-navigation-first-level-item-link-text-transform: uppercase;
    --dhf-header-navigation-first-level-item-link-font-size: .75rem;
    --dhf-header-navigation-first-level-item-link-hover-border-bottom: 2px solid var(--dhf-header-hover-color);
    --dhf-header-navigation-first-level-item-link-content: "";
    --dhf-header-navigation-first-level-item-link-display: block;
    --dhf-header-navigation-first-level-item-button-display: none;
    --dhf-header-navigation-second-level-item-display: block;
    --dhf-header-navigation-second-level-active-flex-direction: row;
    --dhf-header-navigation-second-level-item-link-display: block;
    --dhf-header-navigation-second-level-item-button-display: none;
    --dhf-header-navigation-second-level-items-display: grid;
    --dhf-header-navigation-second-level-items-grid-column: 4/-2;
    --dhf-header-navigation-second-level-items-grid-template-columns: repeat(10,1fr);
    --dhf-header-navigation-static-links-display: auto;
    --dhf-header-navigation-static-links-grid-column: 2/4;
    --dhf-header-navigation-static-links-item-link-font-size: 1.3rem;
    background-color: var(--dhf-header-background-color);
    transition: background-color .3s linear;
    z-index: var(--dhf-header-z-index)
}

@media (max-width: 1919.98px) {
    .dhf-header {
        --dhf-header-navigation-first-level-gap:2.625rem;
        --dhf-header-navigation-static-links-grid-column: 1/3;
        --dhf-header-navigation-second-level-items-grid-column: 3/-1;
        --dhf-header-navigation-static-links-item-link-font-size: 1rem
    }
}

@media (max-width: 1439.98px) {
    .dhf-header {
        --grid-gap:0;
        --dhf-header-navigation-first-level-gap: 2.125rem;
        --dhf-header-navigation-first-level-item-cursor: pointer;
        --dhf-header-navigation-second-level-item-display: flex;
        --dhf-header-navigation-static-links-grid-column: 1/4;
        --dhf-header-navigation-second-level-items-grid-column: 4/-1
    }
}

@media (max-width: 1199.98px) {
    .dhf-header {
        --dhf-header-actions-margin-bottom:0;
        --dhf-header-actions-item-display: none;
        --dhf-header-navigation-first-level-display: none;
        --dhf-header-navigation-first-level-flex-direction: column;
        --dhf-header-navigation-first-level-left: -100%;
        --dhf-header-navigation-first-level-position: absolute;
        --dhf-header-navigation-first-level-gap: 1.5rem;
        --dhf-header-navigation-first-level-item-link-content: none;
        --dhf-header-navigation-first-level-item-link-text-transform: none;
        --dhf-header-navigation-first-level-item-link-font-size: large;
        --dhf-header-navigation-first-level-item-link-hover-border-bottom: none;
        --dhf-header-navigation-first-level-item-link-display: none;
        --dhf-header-navigation-first-level-item-button-display: flex;
        --dhf-header-navigation-second-level-items-display: flex;
        --dhf-header-navigation-second-level-active-flex-direction: column;
        --dhf-header-navigation-second-level-item-link-display: none;
        --dhf-header-navigation-second-level-item-button-display: flex;
        --dhf-header-navigation-static-links-display: none
    }
}

@media (max-width: 767.98px) {
    .dhf-header {
        --dhf-header-actions-logo-svg-height:2.5rem
    }
}

.dhf-header :focus:not(:focus-visible) {
    outline: none
}

.dhf-header :focus-visible {
    outline: .05rem dotted var(--dcf-color-white)
}

.dhf-header--persist {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.dhf-header__contents {
    position: static
}

.dhf-header__actions {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    padding: 0 1rem
}

.dhf-header__actions-logo {
    cursor: pointer;
    display: flex;
    grid-column-start: 2;
    height: 3.75rem
}

.dhf-header__actions-logo .dhf-logo svg {
    height: var(--dhf-header-actions-logo-svg-height)
}

.dhf-header__actions-icons {
    align-items: center;
    display: flex;
    gap: var(--dhf-header-actions-icons-gap);
    margin-left: auto
}

.dhf-header__actions-icons-list {
    flex-grow: 1
}

.dhf-header__actions-icons button {
    cursor: pointer
}

.dhf-header__actions-icons--mobile {
    border-top: var(--dhf-header-border);
    color: var(--dhf-header-text-color);
    display: none;
    margin-left: 0
}

@media (max-width: 1199.98px) {
    .dhf-header__actions-icons--mobile {
        display:flex
    }
}

.dhf-header__actions-icons--mobile .dhf-header__actions-item-link {
    align-items: center;
    font-size: .875rem;
    gap: .5rem;
    line-height: 1.25rem;
    width: 100%
}

.dhf-header__actions-icons--mobile .dhf-header__actions-item--location {
    display: flex;
    padding: 2rem 0 1.25rem
}

.dhf-header__actions-icons--mobile .dhf-header__actions-item--accounts {
    display: flex
}

.dhf-header__actions-item {
    cursor: pointer;
    position: relative
}

.dhf-header__actions-item--accounts,.dhf-header__actions-item--location {
    display: var(--dhf-header-actions-item-display)
}

.dhf-header__actions-item--language {
    display: flex;
    z-index: 3
}

.dhf-header__actions-item--language svg:first-of-type {
    padding-right: 8px
}

@media (max-width: 1199.98px) {
    .dhf-header__actions-item--language {
        display:none
    }
}

.dhf-header__actions-item--language-mobile {
    display: none
}

@media (max-width: 1199.98px) {
    .dhf-header__actions-item--language-mobile {
        display:inherit
    }
}

.dhf-header__actions-item--language-disabled {
    display: none!important
}

.dhf-header__actions-item--language .dcf-dropdown .dcf-button:before {
    content: none;
    display: none
}

.dhf-header__actions-item--language .dcf-dropdown a {
    color: #000!important
}

.dhf-header__actions-item--language .dcf-dropdown a:hover {
    font-weight: 300!important
}

.dhf-header__actions-item-badge {
    background-color: var(--dcf-color-miele-red);
    border-radius: 50%;
    color: var(--dcf-color-white);
    display: block;
    font-size: .625rem;
    height: 1.125rem;
    left: 50%;
    line-height: 1.125rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1.125rem
}

.dhf-header__actions-item-button,.dhf-header__actions-item-link {
    color: inherit;
    display: flex;
    text-decoration: none
}

.dhf-header__actions-item-button .dhf-header__nav-icon,.dhf-header__actions-item-link .dhf-header__nav-icon {
    display: inline-flex
}

.dhf-header__actions-item-button .dhf-header__nav-icon--inverted,.dhf-header__actions-item-button:hover .dhf-header__nav-icon,.dhf-header__actions-item-link .dhf-header__nav-icon--inverted,.dhf-header__actions-item-link:hover .dhf-header__nav-icon {
    display: none
}

.dhf-header__actions-item-button:hover .dhf-header__nav-icon--inverted,.dhf-header__actions-item-link:hover .dhf-header__nav-icon--inverted {
    display: inline-flex
}

.dhf-header__sub-nav {
    grid-column: var(--dhf-header-navigation-second-level-items-grid-column);
    grid-template-columns: var(--dhf-header-navigation-second-level-items-grid-template-columns)
}

.dhf-header__navigation-first-level {
    display: flex;
    flex-direction: var(--dhf-header-navigation-first-level-flex-direction);
    gap: var(--dhf-header-navigation-first-level-gap);
    justify-content: center;
    left: var(--dhf-header-navigation-first-level-left);
    margin-bottom: 0;
    max-height: 4.375rem;
    padding: 0 2rem;
    position: var(--dhf-header-navigation-first-level-position);
    transition: max-height .3s ease-in-out;
    width: 100%;
    z-index: var(--dhf-navigation-first-level-z-index)
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-first-level {
        max-height:none;
        padding-top: 2rem;
        transition: none;
        visibility: hidden
    }
}

.dhf-header__navigation-first-level-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dhf-header__navigation-first-level-item-separator {
    cursor: default;
    line-height: .875rem;
    padding-bottom: 1.5rem
}

.dhf-header__navigation-first-level-item-button,.dhf-header__navigation-first-level-item-link,.dhf-header__navigation-first-level-item-separator {
    color: var(--dhf-header-text-color);
    display: block;
    font-size: var(--dhf-header-navigation-first-level-item-link-font-size);
    font-weight: var(--dhf-header-font-normal)
}

.dhf-header__navigation-first-level-item-button,.dhf-header__navigation-first-level-item-link {
    letter-spacing: .0625rem;
    line-height: 1;
    text-decoration: none;
    text-transform: var(--dhf-header-navigation-first-level-item-link-text-transform)
}

.dhf-header__navigation-first-level-item-assist {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    pointer-events: none;
    width: 1.375rem
}

.dhf-header__navigation-first-level-item-assist .dhf-header__navigation-assist-icon {
    margin-top: 2px;
    opacity: 0;
    fill: var(--r-globalnav-color);
    transform-origin: 50%;
    transition: opacity .24s cubic-bezier(.4,0,.6,1)
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-first-level-item-assist {
        display:none
    }
}

.dhf-header__navigation-first-level-item-assist:focus {
    pointer-events: auto;
    z-index: 1
}

.dhf-header__navigation-first-level-item-assist:focus .dhf-header__navigation-assist-icon {
    opacity: 1
}

.dhf-header__navigation-first-level-item-link {
    cursor: pointer;
    display: var(--dhf-header-navigation-first-level-item-link-display);
    padding-bottom: 1.5rem;
    padding-top: 2rem;
    position: relative
}

.dhf-header__navigation-first-level-item-link:after {
    border-bottom: .0625rem solid transparent;
    content: var(--dhf-header-navigation-first-level-item-link-content);
    left: 0;
    position: absolute;
    top: calc(100% - 2px);
    width: 100%
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-first-level-item-link {
        padding-bottom:0
    }
}

.dhf-header__navigation-first-level-item-link--active:after,.dhf-header__navigation-first-level-item-link:hover:after {
    border-bottom: var(--dhf-header-navigation-first-level-item-link-hover-border-bottom)
}

.dhf-header__navigation-first-level-item-button {
    align-items: center;
    cursor: pointer;
    display: var(--dhf-header-navigation-first-level-item-button-display);
    font-weight: var(--dhf-header-font-normal);
    justify-content: space-between;
    line-height: 1.625rem;
    text-align: left;
    width: 100%
}

.dhf-header__navigation-first-level-item-button svg {
    height: .625rem!important
}

.dhf-header__navigation-first-level-item--dot {
    color: var(--dhf-header-text-color);
    padding-top: 2rem;
    pointer-events: none
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-first-level-item--dot {
        display:none
    }
}

.dhf-header__navigation-second-level {
    display: none
}

.dhf-header__navigation-second-level--active {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    left: 0;
    margin-bottom: 0;
    padding: 2rem 3rem;
    position: absolute;
    top: 100%;
    width: 100%;
    grid-column-gap: var(--grid-gap);
    background: var(--dhf-header-background-color);
    border-top: var(--dhf-header-border);
    color: var(--dhf-header-text-color)
}

.dhf-header__navigation-second-level-items {
    display: var(--dhf-header-navigation-second-level-items-display);
    grid-column: var(--dhf-header-navigation-second-level-items-grid-column);
    grid-template-columns: var(--dhf-header-navigation-second-level-items-grid-template-columns);
    grid-column-gap: var(--grid-gap);
    flex-direction: column;
    overflow: auto
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-second-level-items {
        padding:2rem
    }
}

.dhf-header__navigation-second-level-item {
    border-left: var(--dhf-header-border);
    display: var(--dhf-header-navigation-second-level-item-display);
    flex-direction: column;
    grid-column: span 2;
    overflow: hidden;
    padding: 0 1rem
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-second-level-item {
        padding:0
    }
}

.dhf-header__navigation-second-level-item-button,.dhf-header__navigation-second-level-item-heading,.dhf-header__navigation-second-level-item-link {
    color: var(--dhf-header-text-color);
    font-size: 1rem;
    font-weight: var(--dhf-header-font-medium);
    line-height: 1.375rem;
    text-decoration: none
}

.dhf-header__navigation-second-level-item-link {
    display: var(--dhf-header-navigation-second-level-item-link-display);
    margin-bottom: 1rem
}

.dhf-header__navigation-second-level-item-link-label {
    position: relative
}

.dhf-header__navigation-second-level-item-link-label:after {
    border-bottom: .0625rem solid;
    content: none;
    left: 0;
    margin-top: .0625rem;
    position: absolute;
    top: 100%;
    width: 100%
}

.dhf-header__navigation-second-level-item-link:hover .dhf-header__navigation-second-level-item-link-label:after {
    content: ""
}

.dhf-header__navigation-second-level-item-heading {
    display: var(--dhf-header-navigation-second-level-item-link-display);
    margin-bottom: 1rem
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-second-level-item {
        padding-left:0
    }
}

.dhf-header__navigation-second-level-item-button {
    align-items: center;
    cursor: pointer;
    display: var(--dhf-header-navigation-second-level-item-button-display);
    justify-content: space-between;
    text-align: left
}

@media (min-width: 1200px) {
    .dhf-header__navigation-second-level-items--final {
        grid-column:unset;
        grid-template-columns: unset
    }

    .dhf-header__navigation-second-level-items--final .dhf-header__navigation-second-level-item {
        line-height: 1.25rem
    }

    .dhf-header__navigation-second-level-items--final .dhf-header__navigation-second-level-item-link {
        color: var(--dhf-header-text-color);
        display: block;
        font-size: .875rem;
        font-weight: var(--dhf-header-font-normal);
        text-decoration: none
    }

    .dhf-header__navigation-second-level-items--final .dhf-header__navigation-second-level-item-link:hover {
        font-weight: var(--dcf-font-weight-medium)
    }

    .dhf-header__navigation-second-level-items--final .dhf-header__navigation-second-level-item-link:hover>span:after {
        content: none
    }
}

.dhf-header__navigation-second-level-title {
    display: none
}

.dhf-header__navigation-third-level {
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

.dhf-header__navigation-third-level-items {
    display: var(--dhf-header-navigation-second-level-items-display);
    flex-flow: column nowrap
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-third-level-items {
        padding:2rem
    }
}

.dhf-header__navigation-third-level-item {
    line-height: 1.25rem;
    margin-bottom: 1rem
}

.dhf-header__navigation-third-level-item-link {
    color: var(--dhf-header-text-color);
    display: block;
    font-size: .875rem;
    font-weight: var(--dhf-header-font-normal);
    position: relative;
    text-decoration: none
}

.dhf-header__navigation-third-level-item-link:hover {
    font-weight: var(--dcf-font-weight-medium)
}

.dhf-header__navigation-third-level-title {
    display: none
}

.dhf-header__navigation-static-links {
    display: initial;
    grid-column: var(--dhf-header-navigation-static-links-grid-column)
}

.dhf-header__navigation-static-links-item {
    padding-bottom: .5rem
}

@media (max-width: 1199.98px) {
    .dhf-header__navigation-static-links-item {
        padding-bottom:.75rem
    }
}

.dhf-header__navigation-static-links-item-link {
    color: var(--dhf-header-text-color);
    display: block;
    font-weight: var(--dhf-header-font-normal);
    line-height: 1.375rem;
    position: relative;
    text-decoration: none
}

.dhf-header__navigation-static-links-item-link:hover .dhf-header__navigation-static-links-item-link-text {
    padding-left: 1.5rem;
    transition: padding-left .3s ease-out
}

.dhf-header__navigation-static-links-item-link:hover .dhf-header__navigation-static-links-item-link-icon {
    opacity: 1;
    transition: opacity .3s ease-out
}

.dhf-header__navigation-static-links-item-link-text {
    font-size: var(--dhf-header-navigation-static-links-item-link-font-size);
    font-weight: var(--dhf-header-font-medium);
    padding-left: 0;
    transition: padding-left .6s ease-out
}

.dhf-header__navigation-static-links-item-link-icon {
    opacity: 0;
    position: absolute;
    transition: opacity .6s ease-out
}

.dhf-header__navigation-static-links-item-link-icon svg {
    margin-right: .25rem;
    position: relative;
    transform: rotate(-45deg);
    transition: all 2s
}

.dhf-header__navigation-static-links--mobile {
    border-top: var(--dhf-header-border);
    display: none;
    padding-top: 1.5rem
}

.dhf-header__navigation-static-links--mobile .dhf-header__navigation-static-links-item-link {
    font-weight: var(--dhf-header-font-light);
    line-height: 1.375rem
}

.dhf-header__navigation-item-plp {
    line-height: 1.25rem
}

.dhf-header__navigation-item-plp-label {
    color: var(--dcf-color-silver);
    font-size: .875rem;
    font-weight: var(--dhf-header-font-light);
    line-height: 1.25rem;
    text-decoration: none
}

.dhf-header__navigation-item-category-link {
    display: initial
}

@media (min-width: 1200px) {
    .dhf-header__navigation-item-category-link {
        display:none
    }
}

.dhf-header--open {
    display: flex;
    flex-direction: column;
    height: 100%
}

.dhf-header--open .dhf-header__contents {
    flex: 1 1 auto
}

.dhf-header--open .dhf-header__actions-icons:not(.dhf-header__actions-icons--mobile),.dhf-header--open .dhf-header__actions-logo {
    display: none
}

.dhf-header--open .dhf-header__actions-item--language {
    border-top: var(--dhf-header-border);
    color: var(--dhf-header-text-color);
    display: flex;
    margin: 0
}

.dhf-header--open .dhf-header__actions-item--language-wrapper {
    margin-top: 2rem
}

.dhf-header--open .dhf-header__actions-item--language-label {
    margin-bottom: 1rem
}

.dhf-header--open .dhf-header__actions-item--language .dcf-dropdown .dcf-button:before {
    content: none;
    display: none
}

.dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-dropdown {
    border: 1px solid #c0bdb5;
    border-radius: 4px;
    justify-content: flex-start;
    padding: 10px 20px;
    width: 100%
}

.dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-dropdown__list {
    margin: -10px -20px;
    width: 100%
}

.dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-button {
    justify-content: start;
    width: 100%
}

.dhf-header--open .dhf-header__actions-item--language-dropdown .dcf-button__content--stretched {
    justify-content: space-between;
    width: 100%
}

.dhf-header--open .dhf-header__navigation-first-level.dhf-overflow-hidden,.dhf-header--open .dhf-header__navigation-second-level.dhf-overflow-hidden,.dhf-header--open .dhf-header__navigation-third-level.dhf-overflow-hidden {
    overflow: hidden
}

.dhf-header--open .dhf-header__navigation-first-level {
    background: var(--dhf-header-background-color);
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    left: 0;
    top: 0;
    visibility: visible;
    z-index: var(--dhf-navigation-first-level-z-index)
}

.dhf-header--open .dhf-header__navigation-first-level-item {
    align-items: center
}

.dhf-header--open .dhf-header__navigation-first-level-item:first-child {
    margin-top: 3rem
}

.dhf-header--open .dhf-header__navigation-second-level {
    background: var(--dhf-header-background-color);
    background-color: var(--dhf-header-background-color);
    border-top: 0;
    color: var(--dhf-header-text-color);
    display: flex;
    flex-direction: var(--dhf-header-navigation-second-level-active-flex-direction);
    gap: var(--grid-gap);
    height: 100%;
    justify-content: left;
    left: -100%;
    margin-bottom: 0;
    margin-top: 0;
    padding: var(--dhf-header-navigation-second-level-active-padding);
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: var(--dhf-navigation-second-level-z-index)
}

.dhf-header--open .dhf-header__navigation-second-level--active {
    left: 0
}

.dhf-header--open .dhf-header__navigation-third-level {
    background-color: var(--dhf-header-background-color);
    border-top: 0;
    color: var(--dhf-header-text-color);
    display: flex;
    flex-direction: var(--dhf-header-navigation-second-level-active-flex-direction);
    gap: var(--grid-gap);
    height: 100%;
    justify-content: left;
    left: -100%;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: var(--dhf-navigation-third-level-z-index)
}

.dhf-header--open .dhf-header__navigation-third-level-items {
    overflow: auto
}

.dhf-header--open .dhf-header__navigation-third-level--active {
    left: 0
}

.dhf-header--open .dhf-header__navigation-third-level--active.dhf-header__navigation-third-level--extended {
    left: 100%
}

.dhf-header--open .dhf-header__navigation-static-links {
    display: none
}

.dhf-header--open .dhf-header__navigation-static-links--mobile {
    display: block;
    font-size: var(--dhf-header-navigation-static-links-item-link-font-size)
}

.dhf-header--open .dhf-header__navigation-item-plp {
    margin-top: .625rem
}

.dhf-header--open .dhf-header__navigation-item-plp-label {
    color: var(--dcf-color-silver);
    font-size: 1rem;
    font-weight: var(--dhf-header-font-light);
    line-height: 1.375rem;
    text-decoration: none
}

.dhf-header--open .dhf-header__sub-nav {
    display: flex;
    flex-direction: column;
    height: 100%
}

.dhf-header--open .dhf-header__sub-nav svg {
    color: var(--dhf-header-text-color)
}

.dhf-header--open .dhf-header__navigation-second-level-items,.dhf-header--open .dhf-header__navigation-third-level-items {
    gap: 1.375rem
}

.dhf-header--open .dhf-header__navigation-second-level-item,.dhf-header--open .dhf-header__navigation-third-level-item {
    align-items: center;
    border-left: 0;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0
}

.dhf-header--open .dhf-header__navigation-second-level-item-button,.dhf-header--open .dhf-header__navigation-second-level-item-link,.dhf-header--open .dhf-header__navigation-third-level-item-button,.dhf-header--open .dhf-header__navigation-third-level-item-link {
    color: var(--dhf-header-text-color);
    flex: 1 1 auto;
    font-size: var(--dhf-header-navigation-first-level-item-link-font-size);
    font-weight: var(--dhf-header-font-medium);
    margin-bottom: 0;
    text-decoration: none;
    text-transform: var(--dhf-header-navigation-first-level-item-link-text-transform)
}

.dhf-header--open .dhf-header__navigation-second-level-item-link--only,.dhf-header--open .dhf-header__navigation-third-level-item-link--only {
    display: flex
}

.dhf-header .dhf-header__navigation-item-plp+.dhf-header__navigation-item-plp {
    margin-top: -.375rem
}

.dhf-header--blurry:not(.dhf-header--open):not(.dhf-header--overlay-open) {
    --dhf-header-background-color: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(.625rem);
    backdrop-filter: blur(.625rem);
    transition: background-color .5s linear
}

.dhf-header--collapsed:not(.dhf-header--open) .dhf-header__navigation-first-level {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

@media (max-width: 1199.98px) {
    .dhf-header--collapsed:not(.dhf-header--open) .dhf-header__navigation-first-level {
        max-height:none;
        overflow: initial
    }
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 300;
    src: url(./MieleElements-3Light.CpVTikL5.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 350;
    src: url(./MieleElements-4SemiLight.6E16LlKB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/MieleElements-5Regular.B_pXPAlV.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/MieleElements-6SemiBold.2-lbmI56.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 700;
    src: url(./MieleElements-7Bold.5tpdqPYq.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 300;
    src: url(./MieleElements-3LightItalic.NQumX-9A.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 350;
    src: url(./MieleElements-4SemiLightItalic.Bjk2qTpg.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/MieleElements-5RegularItalic.CokBJJsB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 600;
    src: url(./MieleElements-6SemiBoldItalic.CcZApPiR.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 700;
    src: url(./MieleElements-7BoldItalic.B76jIH9I.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_45 Light"),url(./f9c5199e-a996-4c08-9042-1eb845bb7495.Bg2lPxjz.woff2) format("woff2"),url(./2a34f1f8-d701-4949-b12d-133c1c2636eb.B0bzLvqT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_46 Lt It"),url(./5e4f385b-17ff-4d27-a63a-9ee28546c9a8.D6P80aAD.woff2) format("woff2"),url(./116cde47-4a07-44a5-9fac-cbdcc1f14f79.6GwxC-YC.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_55 Roman"),url(./08b57253-2e0d-4c12-9c57-107f6c67bc49.jnuPEn8n.woff2) format("woff2"),url(./08edde9d-c27b-4731-a27f-d6cd9b01cd06.DFS_BbS7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_56 Italic"),url(./4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.DkNUZhe0.woff2) format("woff2"),url(./4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.CoeEsj8z.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_65 Medium"),url(./240c57a0-fdce-440d-9ce3-85e0cb56f470.BNdsBy3I.woff2) format("woff2"),url(./7802e576-2ffa-4f22-a409-534355fbea79.D4hoS7OA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_66 Md It"),url(./de68be2a-5d0e-4b8d-b3eb-940f75503e2a.CkvrP0ek.woff2) format("woff2"),url(./31029e78-79a0-4940-b82d-2e3c238e1355.B_eYDJpw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_75 Bold"),url(./800da3b0-675f-465f-892d-d76cecbdd5b1.CxszQMIm.woff2) format("woff2"),url(./7b415a05-784a-4a4c-8c94-67e9288312f5.DtmAiR3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_76 Bd It"),url(./13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.B1nP5Vx3.woff2) format("woff2"),url(./5018b5b5-c821-4653-bc74-d0b11d735f1a.BL-qhEHh.woff) format("woff")
}

.dhf-accordion-group__control-button {
    align-items: center;
    color: var(--dcf-color-white);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    width: 100%
}

.dhf-accordion-group__control-title {
    color: var(--dcf-color-white);
    font-size: 1.125rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.625rem;
    margin-bottom: 0;
    margin-top: 0
}

.dhf-accordion-group__icon {
    height: 1.125rem;
    position: relative;
    transition: transform .3s ease;
    width: 1.125rem
}

.dhf-accordion-group__icon>* {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s ease
}

.dhf-accordion-group__icon>:first-of-type {
    transform: rotate(90deg) translate(-50%,50%)
}

.dhf-accordion-group__icon--active {
    transform: rotate(90deg)
}

.dhf-accordion-group__icon--active>:last-of-type {
    opacity: 0
}

.dhf-accordion-group__section {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.dhf-form {
    --dhf-form-color-white: var(--dcf-color-white);
    --dhf-form-color-gray: var(--dcf-color-battle-ship-gray)
}

.dhf-form>.dhf-form__section-title,.dhf-form__input-label {
    display: flex;
    font-feature-settings: "clig" off,"liga" off;
    font-size: 1.25rem;
    height: var(--dcf-line-height);
    line-height: var(--dcf-line-height)
}

.dhf-form>.dhf-form__section-title {
    color: var(--dhf-form-color-gray);
    font-weight: var(--dcf-font-weight-normal);
    margin-bottom: .5rem
}

.dhf-form__input-label {
    color: var(--dhf-form-color-white);
    font-weight: var(--dcf-font-weight-light)
}

.dhf-form__input-field {
    align-items: center;
    display: flex;
    margin-top: .813rem
}

.dhf-form__form {
    border-bottom: .0625rem solid var(--dhf-form-color-gray)
}

.dhf-form__form--has-focus {
    border-bottom-color: var(--dhf-form-color-white)
}

.dhf-form__input {
    background-color: transparent;
    border: 0;
    color: #fff;
    flex: 1 1 auto;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    padding-bottom: .5rem
}

.dhf-form__input:focus {
    outline: none
}

.dhf-form__input:focus+.dhf-form__button svg {
    color: var(--dhf-form-color-white)
}

.dhf-form__input::-moz-placeholder {
    color: var(--dcf-color-silver)
}

.dhf-form__input::placeholder {
    color: var(--dcf-color-silver)
}

.dhf-form__button svg {
    color: var(--dhf-form-color-gray);
    cursor: pointer
}

.dhf-form__button:hover svg {
    color: var(--dhf-form-color-white)
}

.dhf-footer {
    background: var(--dcf-color-black);
    color: var(--dcf-color-black);
    padding: 4rem var(--dcf-grid-outer-gap) 4rem
}

.dhf-footer .dhf-footer__inner {
    margin: 0 auto;
    max-width: 90rem
}

.dhf-footer.dhf-footer--minimal {
    padding-top: 2rem
}

@media (min-width: 576px) {
    .dhf-footer {
        padding:4rem var(--dcf-grid-outer-gap) 2rem
    }
}

@media (min-width: 1200px) {
    .dhf-footer {
        padding:5.5rem var(--dcf-grid-outer-gap) 1.5rem
    }
}

.dhf-footer a {
    text-decoration: none
}

.dhf-footer__top-section {
    display: grid;
    gap: 0 var(--dcf-grid-outer-gap);
    grid-template-columns: var(--dcf-grid-template-columns);
    margin: auto
}

.dhf-footer__top-section p {
    color: var(--dcf-color-white);
    font-size: 1.125rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.625rem
}

.dhf-footer__top-section ul li a {
    color: var(--dcf-color-silver);
    transition: font-weight .1s ease
}

.dhf-footer__top-section ul li a:hover {
    color: var(--dcf-color-cultured);
    font-weight: var(--dcf-font-weight-medium)
}

@media (min-width: 1200px) {
    .dhf-footer__top-section {
        gap:var(--dcf-grid-outer-gap);
        margin-bottom: 4.5rem
    }
}

.dhf-footer__top-section-sidebar {
    grid-column: 1/-1;
    order: 2
}

@media (min-width: 992px) {
    .dhf-footer__top-section-sidebar {
        grid-column:2/6
    }
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-sidebar {
        grid-column:1/5
    }
}

.dhf-footer__top-section-sidebar-mielePartner {
    margin-bottom: 3rem
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-sidebar-mielePartner {
        margin-bottom:3rem
    }
}

.dhf-footer__top-section-sidebar-experienceCenter,.dhf-footer__top-section-sidebar-newsletter {
    margin-bottom: 3rem
}

.dhf-footer__top-section-sidebar-experienceCenter-label,.dhf-footer__top-section-sidebar-newsletter-label {
    margin-bottom: .75rem
}

.dhf-footer__top-section-sidebar-experienceCenter-link,.dhf-footer__top-section-sidebar-newsletter-link {
    color: var(--dcf-color-silver);
    transition: font-weight .1s ease
}

.dhf-footer__top-section-sidebar-experienceCenter-item,.dhf-footer__top-section-sidebar-newsletter-item {
    line-height: 2rem
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-sidebar-experienceCenter,.dhf-footer__top-section-sidebar-newsletter {
        margin-bottom:3rem
    }
}

.dhf-footer__top-section-sidebar-newsletterForm {
    margin-bottom: 3rem
}

@media (min-width: 576px) {
    .dhf-footer__top-section-sidebar-newsletterForm {
        margin-bottom:2rem
    }
}

.dhf-footer__top-section-categories {
    grid-column: 1/-1;
    padding-bottom: 4rem
}

@media (min-width: 992px) {
    .dhf-footer__top-section-categories {
        grid-column:2/6
    }
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-categories {
        display:flex;
        flex-wrap: wrap;
        grid-column: 6/12;
        grid-template-columns: repeat(4,1fr);
        order: 2;
        padding-bottom: 0
    }
}

.dhf-footer__top-section-categories-item {
    display: block;
    margin-bottom: 3rem;
    min-width: 0
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-categories-item {
        margin-bottom:3rem;
        max-width: 33.3333333333%;
        padding-right: 1.5rem
    }
}

@media (min-width: 1440px) {
    .dhf-footer__top-section-categories-item {
        flex-basis:25%
    }
}

.dhf-footer__top-section-categories-item-accordion-list {
    padding-left: 1rem;
    padding-top: 1.5rem
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-categories-item-label {
        margin-bottom:1.5rem
    }

    .dhf-footer__top-section-categories-item-mobile {
        display: none;
        visibility: hidden
    }
}

.dhf-footer__top-section-categories-item-desktop {
    display: none;
    visibility: hidden
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-categories-item-desktop {
        display:initial;
        visibility: visible
    }

    .dhf-footer__top-section-categories-item-desktop ul li {
        display: flex
    }

    .dhf-footer__top-section-categories-item-desktop ul li a {
        line-height: 1.25rem;
        margin-bottom: 1rem
    }
}

.dhf-footer__top-section-categories-item:last-child {
    margin-bottom: 0
}

.dhf-footer__top-section-contact {
    display: grid;
    grid-template-columns: var(--dcf-grid-template-columns);
    margin-bottom: 2rem
}

.dhf-footer__top-section-contact ul>li>a {
    line-height: 1.625rem
}

.dhf-footer__top-section-contact-label {
    grid-column: 1/3
}

.dhf-footer__top-section-contact-numbersList {
    font-weight: var(--dcf-font-weight-light);
    grid-column: 3/-1
}

@media (min-width: 1200px) {
    .dhf-footer__top-section-contact {
        grid-template-columns:repeat(4,1fr)
    }

    .dhf-footer__top-section-contact-label {
        grid-column: 1/2
    }

    .dhf-footer__top-section-contact-numbersList {
        grid-column: 2/-1
    }
}

.dhf-footer__top-section-language {
    margin: 0
}

.dhf-footer__top-section-language svg:first-of-type {
    padding-right: 8px
}

.dhf-footer__top-section-language svg:last-of-type {
    position: absolute;
    right: 0
}

.dhf-footer__top-section-language-wrapper {
    display: flex;
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (max-width: 1199.98px) {
    .dhf-footer__top-section-language-wrapper {
        margin-bottom:4rem
    }
}

.dhf-footer__top-section-language-dropdown {
    width: 100%
}

.dhf-footer__top-section-language-dropdown .dcf-dropdown {
    border: 1px solid #c0bdb5;
    border-radius: 4px;
    justify-content: flex-start;
    padding: 10px 20px;
    width: 100%
}

.dhf-footer__top-section-language-dropdown .dcf-dropdown__list {
    margin: -10px -20px;
    width: 100%
}

.dhf-footer__top-section-language-dropdown .dcf-dropdown .dcf-button:before {
    content: none;
    display: none
}

.dhf-footer__top-section-language-dropdown .dcf-button {
    justify-content: start;
    width: 100%
}

.dhf-footer__top-section-language-dropdown a {
    color: #000!important
}

.dhf-footer__top-section-language-dropdown a:hover {
    font-weight: 300!important
}

.dhf-footer__top-section-language .dcf-dropdown {
    justify-content: flex-start
}

.dhf-footer__divider {
    display: none
}

@media (min-width: 1200px) {
    .dhf-footer__divider {
        border:none;
        border-bottom: .0625rem solid var(--dcf-color-battle-ship-gray);
        display: block;
        margin: 0 0 1.5rem
    }
}

.dhf-footer__bottom-section {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 576px) {
    .dhf-footer__bottom-section {
        flex-flow:row wrap
    }
}

@media (min-width: 992px) {
    .dhf-footer__bottom-section {
        margin:0 calc(16.66667% - 1.5rem);
        padding: 0 2rem
    }
}

@media (min-width: 1200px) {
    .dhf-footer__bottom-section {
        flex-direction:row;
        margin: 0;
        padding: 0
    }
}

.dhf-footer__bottom-section-social {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 4rem;
    order: 1
}

.dhf-footer__bottom-section-social :hover {
    color: var(--dcf-color-white)
}

.dhf-footer__bottom-section-social a {
    margin-right: 1.5625rem
}

.dhf-footer__bottom-section-social svg {
    color: var(--dcf-color-battle-ship-gray)
}

@media (min-width: 576px) {
    .dhf-footer__bottom-section-social {
        flex-basis:auto;
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .dhf-footer__bottom-section-social {
        margin-bottom:0;
        order: 2
    }
}

.dhf-footer__bottom-section-payment {
    display: inline-grid;
    gap: .75rem;
    grid-auto-flow: column;
    justify-items: center;
    order: 2;
    padding-bottom: 2rem
}

.dhf-footer__bottom-section-payment li {
    align-items: center;
    display: flex;
    justify-content: center
}

.dhf-footer__bottom-section-payment li img {
    width: 2.25rem
}

@media (min-width: 576px) {
    .dhf-footer__bottom-section-payment {
        flex-basis:auto
    }
}

@media (min-width: 1200px) {
    .dhf-footer__bottom-section-payment {
        order:3;
        padding-bottom: 0
    }
}

.dhf-footer__bottom-section-legal {
    order: 3
}

.dhf-footer__bottom-section-legal ul li {
    padding-right: 1.75rem
}

.dhf-footer__bottom-section-legal ul li #ot-sdk-btn.ot-sdk-show-settings,.dhf-footer__bottom-section-legal ul li .not-sell-myinfo-button,.dhf-footer__bottom-section-legal ul li a {
    border-width: 0;
    color: var(--dcf-color-battle-ship-gray);
    cursor: pointer;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    padding: 0
}

.dhf-footer__bottom-section-legal ul li #ot-sdk-btn.ot-sdk-show-settings:hover,.dhf-footer__bottom-section-legal ul li .not-sell-myinfo-button:hover,.dhf-footer__bottom-section-legal ul li a:hover {
    background: none;
    color: var(--dcf-color-cultured)
}

@media (min-width: 576px) {
    .dhf-footer__bottom-section-legal {
        display:block;
        flex: 1 100%
    }

    .dhf-footer__bottom-section-legal-item {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .dhf-footer__bottom-section-legal {
        flex:initial;
        order: 1
    }

    .dhf-footer__bottom-section-legal ul li {
        display: inline-block
    }
}

.dhf-footer__financing-section {
    background-color: var(--dcf-color-white);
    padding: 1.5rem var(--dcf-grid-outer-gap)
}

.dhf-footer__financing-section-title {
    color: var(--dcf-color-black);
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.25rem;
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .dhf-footer__financing-section-title {
        font-size:1rem;
        line-height: 1.75rem
    }
}

.dhf-footer__financing-section-message {
    color: var(--dcf-color-eerie-black);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1rem
}

@media (min-width: 576px) {
    .dhf-footer__financing-section-message {
        font-size:.75rem;
        line-height: 1rem
    }
}

.dcf-accordion-content .dcf-ctx-dark,.dcf-ctx-dark .dcf-accordion-content,dcf-accordion-content .dcf-accordion-content.dcf-ctx-dark {
    --dcf-accordion-content-color: var(--dcf-color-white);
    --dcf-accordion-content-background-color: var(--dcf-color-eerie-black);
    --dcf-accordion-content-background-color-active: rgba(0,0,0,.4)
}

:host .dcf-accordion-content.dcf-ctx-dark,:root .dcf-accordion-content.dcf-ctx-dark {
    --dcf-accordion-content-color: var(--dcf-color-white);
    --dcf-accordion-content-background-color: var(--dcf-color-eerie-black);
    --dcf-accordion-content-background-color-active: rgba(0,0,0,.4)
}

.dcf-accordion-content .dcf-ctx-light,.dcf-ctx-light .dcf-accordion-content,dcf-accordion-content .dcf-accordion-content.dcf-ctx-light {
    --dcf-accordion-content-color: var(--dcf-color-eerie-black);
    --dcf-accordion-content-background-color: var(--dcf-color-white);
    --dcf-accordion-content-background-color-active: hsla(0,0%,100%,.4)
}

:host .dcf-accordion-content.dcf-ctx-light,:root .dcf-accordion-content.dcf-ctx-light {
    --dcf-accordion-content-color: var(--dcf-color-eerie-black);
    --dcf-accordion-content-background-color: var(--dcf-color-white);
    --dcf-accordion-content-background-color-active: hsla(0,0%,100%,.4)
}

.dcf-accordion-content {
    --dcf-accordion-content-transition-duration: .25s;
    --dcf-accordion-content-padding: 1.68rem 1rem;
    --dcf-accordion-content-padding-compact: .125rem;
    --dcf-accordion-content-font-size: 1.125rem;
    --dcf-accordion-content-font-weight: var(--dcf-font-weight-medium);
    --dcf-accordion-content-line-height: 1.375;
    --dcf-accordion-content-border-radius: .5rem;
    background-color: var(--dcf-accordion-content-background-color);
    border-radius: var(--dcf-accordion-content-border-radius);
    color: var(--dcf-accordion-content-color)
}

@media (max-width: 991.98px) {
    .dcf-accordion-content:first-of-type {
        border-radius:var(--dcf-accordion-content-border-radius) var(--dcf-accordion-content-border-radius) 0 0
    }

    .dcf-accordion-content:last-of-type {
        border-radius: 0 0 var(--dcf-accordion-content-border-radius) var(--dcf-accordion-content-border-radius)
    }
}

@media (min-width: 768px) {
    .dcf-accordion-content {
        --dcf-accordion-content-font-size:1.25rem;
        --dcf-accordion-content-padding: 2.25rem 2rem
    }
}

@media (min-width: 1200px) {
    .dcf-accordion-content {
        --dcf-accordion-content-padding:3.125rem 4rem
    }
}

.dcf-accordion-content__container {
    overflow: hidden
}

.dcf-accordion-content--active {
    background-color: var(--dcf-accordion-content-background-color-active)
}

.dcf-accordion-content--active .dcf-accordion-content__header {
    background-color: initial
}

.dcf-accordion-content--active .dcf-accordion-content__icon {
    transform: rotate(180deg)
}

.dcf-accordion-content--compact {
    border-radius: 0
}

.dcf-accordion-content__header {
    align-items: center;
    background-color: var(--dcf-accordion-content-background-color);
    border: none;
    border-radius: var(--dcf-accordion-content-border-radius);
    color: var(--dcf-accordion-content-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--dcf-accordion-content-padding);
    width: 100%
}

.dcf-accordion-content__header:focus {
    outline: none
}

.dcf-accordion-content__header--compact {
    border-radius: 0;
    padding: var(--dcf-accordion-content-padding-compact)
}

.dcf-accordion-content__heading {
    font-size: var(--dcf-accordion-content-font-size);
    font-weight: var(--dcf-font-weight-medium);
    line-height: var(--dcf-accordion-content-line-height);
    text-align: left
}

.dcf-accordion-content__body {
    font-weight: var(--dcf-font-weight-normal);
    line-height: var(--dcf-accordion-content-line-height);
    margin: var(--dcf-accordion-content-padding);
    margin-top: 0
}

.dcf-accordion-content__body--hidden {
    margin-bottom: 0
}

.dcf-accordion-content__body--compact {
    border-radius: 0;
    margin: 0 var(--dcf-accordion-content-padding-compact) var(--dcf-accordion-content-padding-compact) var(--dcf-accordion-content-padding-compact)
}

.expand-enter-active,.expand-leave-active {
    max-height: 1px;
    overflow: hidden;
    transition: max-height .25s ease
}

.expand-enter-from,.expand-leave-to {
    max-height: 0
}

:root {
    --dcf-breadcrumb-color: var(--dcf-color-eerie-black)
}

.dcf-breadcrumbs .dcf-ctx-dark,.dcf-ctx-dark .dcf-breadcrumbs,dcf-breadcrumbs .dcf-breadcrumbs.dcf-ctx-dark {
    --dcf-breadcrumb-color: var(--dcf-color-white)
}

:host .dcf-breadcrumbs.dcf-ctx-dark,:root .dcf-breadcrumbs.dcf-ctx-dark {
    --dcf-breadcrumb-color: var(--dcf-color-white)
}

.dcf-breadcrumbs .dcf-ctx-light,.dcf-ctx-light .dcf-breadcrumbs,dcf-breadcrumbs .dcf-breadcrumbs.dcf-ctx-light {
    --dcf-breadcrumb-color: var(--dcf-color-eerie-black)
}

:host .dcf-breadcrumbs.dcf-ctx-light,:root .dcf-breadcrumbs.dcf-ctx-light {
    --dcf-breadcrumb-color: var(--dcf-color-eerie-black)
}

.dcf-breadcrumbs {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    --inactive-opacity: .6;
    --mobile-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 17 1 9l8-8' class='currentLayer'/%3E%3C/svg%3E")
}

.dcf-breadcrumbs__link {
    color: var(--dcf-breadcrumb-color);
    opacity: var(--inactive-opacity);
    text-decoration: none;
    transition: opacity .2s ease-out
}

.dcf-breadcrumbs__link:hover {
    opacity: 1
}

.dcf-breadcrumbs__current {
    color: var(--dcf-breadcrumb-color)
}

.dcf-breadcrumbs ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.dcf-breadcrumbs li {
    display: none
}

@media (min-width: 768px) {
    .dcf-breadcrumbs li {
        display:inline
    }

    .dcf-breadcrumbs li+li:before {
        color: var(--dcf-breadcrumb-color);
        content: "/";
        margin: 0 12px;
        opacity: var(--inactive-opacity)
    }
}

.dcf-breadcrumbs li:nth-last-child(2) {
    display: inline
}

@media (max-width: 767.98px) {
    .dcf-breadcrumbs li:nth-last-child(2):before {
        background-color:var(--dcf-breadcrumb-color);
        content: "";
        display: inline-block;
        height: 9px;
        margin-right: 8px;
        mask: var(--mobile-icon) no-repeat 50% 50%;
        -webkit-mask: var(--mobile-icon) no-repeat 50% 50%;
        mask-size: cover;
        -webkit-mask-size: cover;
        opacity: var(--inactive-opacity);
        width: 5px
    }

    .dcf-breadcrumbs li:nth-last-child(2) a {
        opacity: 1
    }
}

:root {
    --dcf-button-color: var(--dcf-color-eerie-black);
    --dcf-button-bg: transparent;
    --dcf-button-border-color: var(--dcf-color-eerie-black);
    --dcf-button-transform-scale: scale(.95);
    --dcf-button-disable-opacity: .4;
    --dcf-button-padding: .5625rem 1rem .5625rem 1rem;
    --dcf-button-hover-padding: .4375rem .9375rem .4375rem .9375rem;
    --dcf-button-icon-only-padding: .5rem;
    --dcf-button-hover-icon-only-padding: .4375rem;
    --dcf-button-border-width: .0625rem;
    --dcf-button-hover-border-width: .125rem;
    --dcf-button-primary-color: var(--dcf-color-black);
    --dcf-button-primary-color-hover: var(--dcf-color-black);
    --dcf-button-primary-bg: var(--dcf-color-miele-orange);
    --dcf-button-primary-bg-hover: var(--dcf-color-miele-dark-orange);
    --dcf-button-primary-border-color: var(--dcf-color-miele-orange);
    --dcf-button-primary-border-color-hover: var(--dcf-color-miele-dark-orange);
    --dcf-button-secondary-color: var(--dcf-color-cultured);
    --dcf-button-secondary-color-hover: var(--dcf-color-white);
    --dcf-button-secondary-bg: transparent;
    --dcf-button-secondary-bg-hover: transparent;
    --dcf-button-secondary-border-color: var(--dcf-color-silver);
    --dcf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dcf-button-tertiary-color: var(--dcf-color-cultured);
    --dcf-button-tertiary-color-hover: var(--dcf-color-white);
    --dcf-button-tertiary-bg: transparent;
    --dcf-button-tertiary-bg-hover: transparent;
    --dcf-button-tertiary-border-color: transparent;
    --dcf-button-tertiary-border-color-hover: transparent;
    --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover);
    --dcf-button-grey-bg: rgba(0,0,0,.48);
    --dcf-button-grey-border: transparent;
    --dcf-button-grey-bg-hover: #000;
    --dcf-button-grey-icon-color: var(--dcf-color-white);
    --dcf-button-dark-grey-bg: rgba(0,0,0,.48);
    --dcf-button-dark-grey-border: transparent;
    --dcf-button-dark-grey-bg-hover: #000;
    --dcf-button-dark-grey-icon-color: var(--dcf-color-white)
}

.dcf-button .dcf-ctx-dark,.dcf-ctx-dark .dcf-button,dcf-button .dcf-button.dcf-ctx-dark {
    --dcf-button-secondary-color: var(--dcf-color-cultured);
    --dcf-button-secondary-color-hover: var(--dcf-color-white);
    --dcf-button-secondary-border-color: var(--dcf-color-silver);
    --dcf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dcf-button-tertiary-color: var(--dcf-color-cultured);
    --dcf-button-tertiary-color-hover: var(--dcf-color-white);
    --dcf-button-tertiary-icon: var(--dcf-color-silver);
    --dcf-button-tertiary-icon-hover: var(--dcf-color-white);
    --dcf-button-grey-bg: rgba(0,0,0,.48);
    --dcf-button-grey-bg-hover: #000;
    --dcf-button-grey-icon-color: var(--dcf-color-white)
}

:host .dcf-button.dcf-ctx-dark,:root .dcf-button.dcf-ctx-dark {
    --dcf-button-secondary-color: var(--dcf-color-cultured);
    --dcf-button-secondary-color-hover: var(--dcf-color-white);
    --dcf-button-secondary-border-color: var(--dcf-color-silver);
    --dcf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dcf-button-tertiary-color: var(--dcf-color-cultured);
    --dcf-button-tertiary-color-hover: var(--dcf-color-white);
    --dcf-button-tertiary-icon: var(--dcf-color-silver);
    --dcf-button-tertiary-icon-hover: var(--dcf-color-white);
    --dcf-button-grey-bg: rgba(0,0,0,.48);
    --dcf-button-grey-bg-hover: #000;
    --dcf-button-grey-icon-color: var(--dcf-color-white)
}

.dcf-button .dcf-ctx-light,.dcf-ctx-light .dcf-button,dcf-button .dcf-button.dcf-ctx-light {
    --dcf-button-secondary-color: var(--dcf-color-eerie-black);
    --dcf-button-secondary-color-hover: var(--dcf-color-eerie-black);
    --dcf-button-secondary-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray);
    --dcf-button-tertiary-color: var(--dcf-color-eerie-black);
    --dcf-button-tertiary-color-hover: var(--dcf-color-black);
    --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover);
    --dcf-button-grey-bg: hsla(210,4%,91%,.48);
    --dcf-button-grey-bg-hover: #e7e8e9;
    --dcf-button-grey-icon-color: var(--dcf-color-divider-dark)
}

:host .dcf-button.dcf-ctx-light,:root .dcf-button.dcf-ctx-light {
    --dcf-button-secondary-color: var(--dcf-color-eerie-black);
    --dcf-button-secondary-color-hover: var(--dcf-color-eerie-black);
    --dcf-button-secondary-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray);
    --dcf-button-tertiary-color: var(--dcf-color-eerie-black);
    --dcf-button-tertiary-color-hover: var(--dcf-color-black);
    --dcf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dcf-button-tertiary-icon-hover: var(--dcf-button-tertiary-color-hover);
    --dcf-button-grey-bg: hsla(210,4%,91%,.48);
    --dcf-button-grey-bg-hover: #e7e8e9;
    --dcf-button-grey-icon-color: var(--dcf-color-divider-dark)
}

.dcf-button {
    align-items: center;
    background: var(--dcf-button-bg);
    border: var(--dcf-button-border-width) solid var(--dcf-button-border-color);
    border-radius: 1.375rem;
    border-style: solid;
    box-sizing: border-box;
    color: var(--dcf-button-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--dcf-font-family);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-medium);
    height: 2.25rem;
    justify-content: center;
    letter-spacing: .0625rem;
    padding: var(--dcf-button-padding);
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease-out,background .2s ease-out
}

.dcf-button__loader {
    left: calc(50% - .9375rem);
    margin: 0;
    position: absolute
}

.dcf-button__content {
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: center;
    line-height: .75rem;
    transition: opacity .3s ease-in-out .3s
}

.dcf-button__content--stretched {
    justify-content: space-between;
    width: 100%
}

.dcf-button__fade-enter-active,.dcf-button__fade-leave-active {
    transition: all .3s ease-out .4s
}

.dcf-button__fade-enter-from,.dcf-button__fade-leave-to {
    opacity: 0;
    transition: all .3s ease-out
}

.dcf-button--full-width {
    justify-content: center;
    width: 100%
}

.dcf-button--icon-left .dcf-button__icon {
    margin-right: .5rem
}

.dcf-button--icon-right .dcf-button__icon {
    margin-left: .5rem
}

.dcf-button--loading .dcf-button__content {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.dcf-button:focus {
    outline: none
}

.dcf-button:focus-visible {
    box-shadow: 0 0 0 .125rem var(--dcf-color-focus)
}

.dcf-button:disabled {
    opacity: var(--dcf-button-disable-opacity)
}

.dcf-button--icon-only {
    border-radius: 50%;
    border-width: var(--dcf-button-border-width);
    height: 3rem;
    justify-content: center;
    padding: var(--dcf-button-icon-only-padding);
    width: 3rem
}

.dcf-button--icon-only svg {
    margin: 0
}

.dcf-button--icon-only:active:not(:disabled),.dcf-button--icon-only:hover:not(:disabled) {
    border-width: var(--dcf-button-hover-border-width);
    padding: var(--dcf-button-hover-icon-only-padding)
}

.dcf-button--primary {
    --dcf-button-color: var(--dcf-button-primary-color);
    --dcf-button-bg: var(--dcf-button-primary-bg);
    --dcf-button-border-color: var(--dcf-button-primary-border-color)
}

.dcf-button--primary:hover:not(:disabled) {
    --dcf-button-color: var(--dcf-button-primary-color-hover);
    --dcf-button-bg: var(--dcf-button-primary-bg-hover);
    --dcf-button-border-color: var(--dcf-button-primary-border-color-hover)
}

.dcf-button--primary:active:not(:disabled) {
    transform: var(--dcf-button-transform-scale)
}

.dcf-button--secondary {
    --dcf-button-color: var(--dcf-button-secondary-color);
    --dcf-button-bg: var(--dcf-button-secondary-bg);
    --dcf-button-border-color: var(--dcf-button-secondary-border-color)
}

.dcf-button--secondary:hover:not(:disabled) {
    --dcf-button-color: var(--dcf-button-secondary-color-hover);
    --dcf-button-bg: var(--dcf-button-secondary-bg-hover);
    --dcf-button-border-color: var(--dcf-button-secondary-border-color-hover)
}

.dcf-button--secondary:active:not(:disabled) {
    transform: var(--dcf-button-transform-scale)
}

.dcf-button--tertiary {
    --dcf-button-color: var(--dcf-button-tertiary-color);
    --dcf-button-bg: var(--dcf-button-tertiary-bg);
    --dcf-button-border-color: var(--dcf-button-tertiary-border-color);
    border-width: 0;
    height: auto;
    padding: .125rem 0 0;
    vertical-align: baseline
}

.dcf-button--tertiary svg {
    color: var(--dcf-button-tertiary-icon);
    display: inline-flex
}

.dcf-button--tertiary:is(button) svg {
    color: var(--dcf-button-tertiary-icon-hover)
}

.dcf-button--tertiary:hover:not(:disabled) {
    --dcf-button-color: var(--dcf-button-tertiary-color-hover);
    --dcf-button-bg: var(--dcf-button-tertiary-bg);
    --dcf-button-border-color: var(--dcf-button-tertiary-border-color-hover);
    border-width: 0;
    padding: .125rem 0 0
}

.dcf-button--tertiary:hover:not(:disabled) svg {
    color: var(--dcf-button-tertiary-icon-hover)
}

.dcf-button--grey {
    --dcf-button-color: var(--dcf-button-grey-icon-color);
    --dcf-button-bg: var(--dcf-button-grey-bg);
    --dcf-button-border-color: var(--dcf-button-grey-border)
}

.dcf-button--grey:hover:not(:disabled) {
    --dcf-button-color: var(--dcf-button-grey-icon-color);
    --dcf-button-bg: var(--dcf-button-grey-bg-hover);
    --dcf-button-border-color: var(--dcf-button-grey-border)
}

.dcf-button--grey:active:not(:disabled) {
    transform: var(--dcf-button-transform-scale)
}

.dcf-button--dark-grey {
    --dcf-button-color: var(--dcf-button-dark-grey-icon-color);
    --dcf-button-bg: var(--dcf-button-dark-grey-bg);
    --dcf-button-border-color: var(--dcf-button-dark-grey-border)
}

.dcf-button--dark-grey:hover:not(:disabled) {
    --dcf-button-color: var(--dcf-button-dark-grey-icon-color);
    --dcf-button-bg: var(--dcf-button-dark-grey-bg-hover);
    --dcf-button-border-color: var(--dcf-button-dark-grey-border)
}

.dcf-button--dark-grey:active:not(:disabled) {
    transform: var(--dcf-button-transform-scale)
}

.dcf-badge .dcf-ctx-dark,.dcf-ctx-dark .dcf-badge,dcf-badge .dcf-badge.dcf-ctx-dark {
    --dcf-like-button-gray-color: var(--dcf-color-white);
    --dcf-like-button-gray-color-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-hover: #000;
    --dcf-like-button-gray-bg-cultured: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-cultured-hover: #000;
    --dcf-like-button-gray-bg-warmgray: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-warmgray-hover: #000
}

:host .dcf-badge.dcf-ctx-dark,:root .dcf-badge.dcf-ctx-dark {
    --dcf-like-button-gray-color: var(--dcf-color-white);
    --dcf-like-button-gray-color-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-hover: #000;
    --dcf-like-button-gray-bg-cultured: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-cultured-hover: #000;
    --dcf-like-button-gray-bg-warmgray: rgba(0,0,0,.48);
    --dcf-like-button-gray-bg-warmgray-hover: #000
}

.dcf-badge .dcf-ctx-light,.dcf-ctx-light .dcf-badge,dcf-badge .dcf-badge.dcf-ctx-light {
    --dcf-like-button-gray-color: var(--dcf-color-divider-dark);
    --dcf-like-button-gray-color-hover: var(--dcf-color-divider-dark);
    --dcf-like-button-gray-bg: var(--dcf-color-white);
    --dcf-like-button-gray-bg-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg-cultured: hsla(210,4%,91%,.48);
    --dcf-like-button-gray-bg-cultured-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg-warmgray: #6c6964;
    --dcf-like-button-gray-bg-warmgray-hover: #3e3c39
}

:host .dcf-badge.dcf-ctx-light,:root .dcf-badge.dcf-ctx-light {
    --dcf-like-button-gray-color: var(--dcf-color-divider-dark);
    --dcf-like-button-gray-color-hover: var(--dcf-color-divider-dark);
    --dcf-like-button-gray-bg: var(--dcf-color-white);
    --dcf-like-button-gray-bg-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg-cultured: hsla(210,4%,91%,.48);
    --dcf-like-button-gray-bg-cultured-hover: var(--dcf-color-platinum);
    --dcf-like-button-gray-bg-warmgray: #6c6964;
    --dcf-like-button-gray-bg-warmgray-hover: #3e3c39
}

.dcf-badge {
    align-items: center;
    border-radius: 4px;
    color: var(--dcf-like-button-gray-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--dcf-font-weight-normal);
    gap: 8px;
    justify-content: center;
    letter-spacing: 1.4px;
    line-height: 20px;
    margin-right: 8px;
    padding: 8px 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dcf-badge--small {
    font-size: 12px;
    gap: 6px;
    letter-spacing: 1.2px;
    padding: 2px 8px
}

.dcf-badge--disabled {
    cursor: default
}

.dcf-badge:not(.dcf-badge__cultured) {
    background-color: var(--dcf-like-button-gray-bg)
}

.dcf-badge:not(.dcf-badge__cultured):hover {
    background-color: var(--dcf-like-button-gray-bg-hover);
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge:not(.dcf-badge__cultured).dcf-badge--disabled {
    cursor: default
}

.dcf-badge:not(.dcf-badge__cultured).dcf-badge--disabled:hover {
    background-color: var(--dcf-like-button-gray-bg);
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge--cultured {
    background-color: var(--dcf-like-button-gray-bg-cultured)!important
}

.dcf-badge--cultured:hover {
    background-color: var(--dcf-like-button-gray-bg-cultured-hover)!important;
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge--cultured.dcf-badge--disabled {
    cursor: default
}

.dcf-badge--cultured.dcf-badge--disabled:hover {
    background-color: var(--dcf-like-button-gray-bg-cultured)!important;
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge--warm-gray {
    background-color: var(--dcf-like-button-gray-bg-warmgray)!important;
    color: var(--dcf-color-white)!important
}

.dcf-badge--warm-gray:hover {
    background-color: var(--dcf-like-button-gray-bg-warmgray-hover)!important;
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge--warm-gray.dcf-badge--disabled {
    cursor: default
}

.dcf-badge--warm-gray.dcf-badge--disabled:hover {
    background-color: var(--dcf-like-button-gray-bg-warmgray)!important;
    color: var(--dcf-like-button-gray-color-hover)
}

.dcf-badge__text {
    line-height: 140%
}

.dcf-carousel-item .dcf-ctx-dark,.dcf-ctx-dark .dcf-carousel-item,dcf-carousel-item .dcf-carousel-item.dcf-ctx-dark {
    --dcf-carousel-item-text-color: var(--dcf-color-white);
    --dcf-carousel-item-background-color: var(--dcf-color-silver)
}

:host .dcf-carousel-item.dcf-ctx-dark,:root .dcf-carousel-item.dcf-ctx-dark {
    --dcf-carousel-item-text-color: var(--dcf-color-white);
    --dcf-carousel-item-background-color: var(--dcf-color-silver)
}

.dcf-carousel-item .dcf-ctx-light,.dcf-ctx-light .dcf-carousel-item,dcf-carousel-item .dcf-carousel-item.dcf-ctx-light {
    --dcf-carousel-item-text-color: var(--dcf-color-battle-ship-gray);
    --dcf-carousel-item-background-color: var(--dcf-color-cultured)
}

:host .dcf-carousel-item.dcf-ctx-light,:root .dcf-carousel-item.dcf-ctx-light {
    --dcf-carousel-item-text-color: var(--dcf-color-battle-ship-gray);
    --dcf-carousel-item-background-color: var(--dcf-color-cultured)
}

.dcf-carousel-item {
    --dcf-carousel-gap: 1.5rem;
    --dcf-carousel-item-width: 0 0 100%;
    background: var(--dcf-carousel-item-background-color);
    border-radius: 8px;
    color: var(--dcf-carousel-item-text-color);
    flex: var(--dcf-carousel-item-width);
    padding: 1rem;
    scroll-snap-align: start
}

.dcf-carousel-item--transparent {
    background: transparent
}

.dcf-carousel-item--no-radius {
    border-radius: 0
}

.dcf-carousel-item--no-padding {
    padding: 0
}

.dcf-carousel-item img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -ms-user-drag: none
}

.dcf-carousel-item:not(:first-of-type) {
    margin-left: var(--dcf-carousel-gap)
}

.dcf-carousel-item--type-lifestyle {
    --dcf-carousel-item-width: 0 0 calc(80% - .3rem)
}

@media (min-width: 992px) {
    .dcf-carousel-item--type-lifestyle {
        --dcf-carousel-item-width:0 0 calc(66.66667% - .5rem)
    }
}

@media (min-width: 1200px) {
    .dcf-carousel-item--type-lifestyle {
        --dcf-carousel-item-width:0 0 calc(40% - .9rem)
    }
}

.dcf-carousel-item--type-product {
    --dcf-carousel-item-width: 0 0 calc(86.95652% - .19565rem)
}

@media (min-width: 992px) {
    .dcf-carousel-item--type-product {
        --dcf-carousel-item-width:0 0 calc(50% - .75rem)
    }
}

@media (min-width: 1200px) {
    .dcf-carousel-item--type-product {
        --dcf-carousel-item-width:0 0 calc(25% - 1.125rem)
    }
}

.dcf-horizontal-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 1.25rem;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    width: 100%;
    -ms-overflow-style: none;
    position: relative;
    scrollbar-width: none
}

.dcf-horizontal-scroll--no-scroll-snap {
    scroll-behavior: auto;
    scroll-snap-type: none
}

.dcf-horizontal-scroll--centered {
    justify-content: center
}

.dcf-horizontal-scroll--scroll-spy {
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.dcf-horizontal-scroll::-webkit-scrollbar {
    display: none
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    bottom: 0;
    height: .9375rem
}

.ps__rail-x,.ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear
}

.ps__rail-y {
    right: 0;
    width: .9375rem
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y,.ps__rail-x,.ps__rail-y {
    background: transparent;
    display: block
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    bottom: .125rem;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out
}

.ps__thumb-x,.ps__thumb-y {
    background-color: var(--dcf-scrollbar-color);
    border-radius: .375rem;
    height: .375rem;
    position: absolute
}

.ps__thumb-y {
    right: .125rem;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    background-color: var(--dcf-scrollbar-color);
    height: .6875rem
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background-color: var(--dcf-scrollbar-color);
    width: .6875rem
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto!important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto!important
    }
}

.ps {
    position: relative
}

:root {
    --dcf-dots-color: rgba(0,0,0,.05);
    --dcf-dots-color-active: var(--dcf-color-black)
}

.dcf-dots {
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

.dcf-dots--item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: .25rem;
    padding: .5rem 0;
    width: 1.5rem
}

.dcf-dots--item:after {
    background: var(--dcf-dots-color);
    content: "";
    display: block;
    height: .25rem;
    width: 100%
}

.dcf-dots--item--active:after {
    background: var(--dcf-dots-color-active)
}

.dcf-carousel {
    align-items: center;
    display: flex;
    overflow-x: hidden;
    position: relative
}

.dcf-carousel--scrollbar {
    padding-bottom: 2rem
}

.dcf-carousel:hover .dcf-carousel-button {
    opacity: 1
}

.dcf-carousel-button {
    cursor: pointer;
    opacity: 0;
    position: fixed;
    transition: .3s cubic-bezier(.19,1,.22,1)
}

.dcf-carousel-button--prev {
    left: 1.2rem
}

.dcf-carousel-button--next {
    right: 1.2rem
}

@media (max-width: 991.98px) {
    .dcf-carousel-button {
        animation:mobileHint-fade-out 2s ease-out 1s forwards,mobileHint-vanish 0s ease-out 3s forwards;
        animation-fill-mode: forwards;
        opacity: 1
    }
}

@keyframes mobileHint-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mobileHint-vanish {
    to {
        height: 0;
        overflow: hidden;
        padding: 0;
        width: 0
    }
}

.dcf-color-picker-item .dcf-ctx-dark,.dcf-ctx-dark .dcf-color-picker-item,dcf-color-picker-item .dcf-color-picker-item.dcf-ctx-dark {
    --dcf-color-picker-item-selected-color: var(--dcf-color-white)
}

:host .dcf-color-picker-item.dcf-ctx-dark,:root .dcf-color-picker-item.dcf-ctx-dark {
    --dcf-color-picker-item-selected-color: var(--dcf-color-white)
}

.dcf-color-picker-item .dcf-ctx-light,.dcf-ctx-light .dcf-color-picker-item,dcf-color-picker-item .dcf-color-picker-item.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:host .dcf-color-picker-item.dcf-ctx-light,:root .dcf-color-picker-item.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

.dcf-color-picker-item {
    --dcf-color-picker-image-size: 1.5rem;
    --dcf-color-picker-circle-size: 2.125rem;
    background-color: transparent;
    border: .063rem solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: var(--dcf-color-picker-circle-size);
    justify-content: center;
    width: var(--dcf-color-picker-circle-size)
}

.dcf-color-picker-item--m {
    --dcf-color-picker-image-size: 1.25rem;
    --dcf-color-picker-circle-size: 1.875rem
}

.dcf-color-picker-item--s {
    --dcf-color-picker-image-size: 1rem;
    --dcf-color-picker-circle-size: 1.625rem
}

.dcf-color-picker-item__image {
    background-color: var(--dcf-color-silver);
    border-radius: 50%;
    height: var(--dcf-color-picker-image-size);
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: var(--dcf-color-picker-image-size)
}

.dcf-color-picker-item:hover:not(.dcf-color-picker-item--selected),.dcf-color-picker-item__image {
    border: .063rem solid var(--dcf-color-silver)
}

.dcf-color-picker-item--selected {
    border: .063rem solid var(--dcf-color-picker-item-selected-color)
}

.dcf-color-picker {
    display: flex;
    flex-direction: row;
    gap: .25rem
}

.dcf-compare-bar {
    --dcf-compare-bar-header-height: 4.375rem;
    --dcf-compare-bar-product-spacing: 0 0 .5rem 0;
    --dcf-compare-bar-body-flex-direction: column;
    --dcf-compare-bar-product-flex: none;
    --dcf-compare-bar-padding: 0 1rem;
    --dcf-compare-bar-grid-template-areas: "collapse collapse" "body body" "buttons buttons";
    background: var(--dcf-color-white);
    bottom: 0;
    box-shadow: 0 -.25rem .75rem .125rem #18274b0d;
    display: grid;
    grid-template-areas: var(--dcf-compare-bar-grid-template-areas);
    left: 0;
    padding: var(--dcf-compare-bar-padding);
    position: fixed;
    right: 0
}

@media (min-width: 768px) {
    .dcf-compare-bar {
        --dcf-compare-bar-padding:0 2rem;
        --dcf-compare-bar-grid-template-areas: "collapse buttons" "body body"
    }
}

@media (min-width: 992px) {
    .dcf-compare-bar {
        --dcf-compare-bar-product-spacing:0 2rem 0 0;
        --dcf-compare-bar-body-flex-direction: row;
        --dcf-compare-bar-product-flex: 1;
        --dcf-compare-bar-padding: 0 4rem
    }
}

.dcf-compare-bar__header {
    align-items: center;
    display: flex;
    height: var(--dcf-compare-bar-header-height)
}

.dcf-compare-bar__collapse {
    grid-area: collapse
}

.dcf-compare-bar__collapse-button {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-medium);
    line-height: 1.25rem;
    text-transform: none
}

.dcf-compare-bar__buttons {
    grid-area: buttons;
    justify-content: flex-end
}

.dcf-compare-bar__delete-all-button {
    margin-right: 1rem
}

.dcf-compare-bar__body {
    display: flex;
    flex: 1;
    flex-direction: var(--dcf-compare-bar-body-flex-direction);
    grid-area: body;
    padding-bottom: .9375rem
}

.dcf-compare-bar__product {
    align-items: center;
    background: var(--dcf-color-cultured);
    border-radius: .5rem;
    display: flex;
    flex: var(--dcf-compare-bar-product-flex);
    height: 5rem;
    padding: .75rem
}

.dcf-compare-bar__product:not(:last-of-type) {
    margin: var(--dcf-compare-bar-product-spacing)
}

.dcf-compare-bar__product-image {
    height: 3.5rem;
    margin-right: 1.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3.5rem
}

.dcf-compare-bar__product-description {
    color: var(--dcf-color-black);
    flex: 1;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-medium);
    line-height: 1.25rem
}

.dcf-compare-bar__product-empty {
    align-items: center;
    background: var(--dcf-color-white);
    border: 1px solid var(--dcf-color-cultured);
    color: var(--dcf-color-battle-ship-gray);
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-normal);
    justify-content: center
}

.dcf-dropdown {
    display: inline-flex;
    justify-content: flex-end;
    min-width: 9.5rem;
    position: relative
}

.dcf-dropdown.dcf-dropdown_left {
    justify-content: flex-start
}

.dcf-dropdown.dcf-dropdown--stretched {
    width: 100%
}

.dcf-dropdown__list {
    background-color: var(--dcf-color-white);
    border: 1px solid #f2f2f2;
    border-radius: .25rem;
    min-width: 9.375rem;
    position: absolute
}

.dcf-dropdown__list li>a {
    color: inherit;
    text-decoration: none
}

.dcf-dropdown__list--stretched {
    width: 100%
}

.dcf-dropdown__list--drop-up {
    bottom: calc(100% + 1rem);
    top: auto
}

.dcf-dropdown__list--drop-down {
    bottom: auto;
    top: calc(100% + 1rem)
}

.dcf-dropdown__list--hidden {
    display: none
}

.dcf-dropdown__list-item {
    display: flex;
    height: 3.375rem;
    justify-content: center
}

.dcf-dropdown__list-item-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    padding: 1rem;
    width: 100%
}

.dcf-dropdown__list-item-button:hover {
    background: var(--dcf-color-luxury-white)
}

.dcf-dropdown__list-item-button--selected {
    font-weight: var(--dcf-font-weight-medium)
}

.dcf-gallery-video__wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: auto;
    overflow: hidden;
    padding: 3.75rem 0;
    width: 100%
}

.dcf-gallery-video__wrapper button {
    height: 2rem;
    left: .5rem;
    margin: .25rem;
    position: absolute;
    top: .25rem;
    width: 2rem;
    z-index: var(--dcf-z-index-above)
}

@media (min-width: 992px) {
    .dcf-gallery-video__wrapper button {
        margin:1.25rem
    }
}

.dcf-gallery-video__wrapper video {
    height: 100%;
    width: 100%
}

.dcf-gallery-video__container {
    display: flex;
    height: 100%;
    margin: auto;
    padding: 0;
    width: 100%
}

.dcf-gallery-video__container img {
    display: block;
    height: 100%;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.dcf-image-zoom__wrapper {
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M19 12v14m-7-7h14'/%3E%3C/svg%3E") 19 19,zoom-in;
    overflow: hidden;
    transform-origin: 0 0
}

.dcf-image-zoom__wrapper--zoomed-in {
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Ccircle cx='19' cy='19' r='18' fill='%23000' fill-opacity='.2'/%3E%3Ccircle cx='19' cy='19' r='18.5' stroke='%23F6F6F6' stroke-opacity='.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M12 19h14'/%3E%3C/svg%3E") 19 19,zoom-out;
    overflow: scroll
}

.dcf-image-zoom__image {
    display: block;
    height: 100%;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.dcf-ctx-dark .dcf-image-zoom-gallery,.dcf-image-zoom-gallery .dcf-ctx-dark,dcf-image-zoom-gallery .dcf-image-zoom-gallery.dcf-ctx-dark {
    --dcf-image-zoom-gallery-color: var(--dcf-color-black)
}

:host .dcf-image-zoom-gallery.dcf-ctx-dark,:root .dcf-image-zoom-gallery.dcf-ctx-dark {
    --dcf-image-zoom-gallery-color: var(--dcf-color-black)
}

.dcf-ctx-light .dcf-image-zoom-gallery,.dcf-image-zoom-gallery .dcf-ctx-light,dcf-image-zoom-gallery .dcf-image-zoom-gallery.dcf-ctx-light {
    --dcf-image-zoom-gallery-color: var(--dcf-color-black)
}

:host .dcf-image-zoom-gallery.dcf-ctx-light,:root .dcf-image-zoom-gallery.dcf-ctx-light {
    --dcf-image-zoom-gallery-color: var(--dcf-color-black)
}

.dcf-image-zoom-gallery {
    --dcf-image-zoom-gallery-icon-background-size: 2.5rem;
    --dcf-image-zoom-gallery-font-size: .75rem;
    --dcf-image-zoom-gallery-gutter: 4rem;
    --dcf-image-zoom-gallery-icon-opacity-zoomed: 0;
    --dcf-image-zoom-gallery-cutout-padding: 2rem;
    align-items: center;
    background-color: var(--dcf-color-cultured);
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .dcf-image-zoom-gallery {
        --dcf-image-zoom-gallery-font-size:.875rem;
        --dcf-image-zoom-gallery-cutout-padding: 4rem
    }
}

@media (min-width: 768px) {
    .dcf-image-zoom-gallery {
        --dcf-image-zoom-gallery-icon-opacity-zoomed:1
    }
}

.dcf-image-zoom-gallery__icon {
    background-color: var(--dcf-image-zoom-gallery-color);
    border: 0;
    cursor: pointer;
    margin: auto
}

.dcf-image-zoom-gallery__icon-container {
    cursor: pointer;
    display: flex;
    height: 100%;
    width: 100%
}

.dcf-image-zoom-gallery__button {
    position: absolute
}

.dcf-image-zoom-gallery__button--zoomed-in {
    opacity: var(--dcf-image-zoom-gallery-icon-opacity-zoomed);
    transition: opacity 1s ease-out
}

.dcf-image-zoom-gallery__button--visible {
    display: flex
}

.dcf-image-zoom-gallery__button-previous {
    left: 1rem
}

@media (min-width: 992px) {
    .dcf-image-zoom-gallery__button-previous {
        left:2rem
    }
}

.dcf-image-zoom-gallery__button-next {
    right: 1rem
}

@media (min-width: 992px) {
    .dcf-image-zoom-gallery__button-next {
        right:2rem
    }
}

.dcf-image-zoom-gallery__button:focus-within {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: thin
}

.dcf-image-zoom-gallery__pagination {
    bottom: 1rem;
    font-size: var(--dcf-image-zoom-gallery-font-size);
    font-weight: var(--dcf-font-weight-normal);
    left: 1rem;
    position: absolute;
    text-align: center
}

.dcf-image-zoom-gallery__content {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    margin: auto;
    padding: var(--dcf-image-zoom-gallery-cutout-padding);
    position: absolute;
    width: 100%
}

.dcf-image-zoom-gallery__content--full-width {
    padding: 0
}

.dcf-ctx-dark .dcf-modal,.dcf-modal .dcf-ctx-dark,dcf-modal .dcf-modal.dcf-ctx-dark {
    --dcf-modal-background: var(--dcf-color-eerie-black);
    --dcf-modal-mieleui-background: var(--dcf-color-eerie-black);
    --dcf-modal-close-button-color: var(--dcf-color-cultured);
    --dcf-modal-text-color: var(--dcf-color-cultured)
}

:host .dcf-modal.dcf-ctx-dark,:root .dcf-modal.dcf-ctx-dark {
    --dcf-modal-background: var(--dcf-color-eerie-black);
    --dcf-modal-mieleui-background: var(--dcf-color-eerie-black);
    --dcf-modal-close-button-color: var(--dcf-color-cultured);
    --dcf-modal-text-color: var(--dcf-color-cultured)
}

.dcf-ctx-light .dcf-modal,.dcf-modal .dcf-ctx-light,dcf-modal .dcf-modal.dcf-ctx-light {
    --dcf-modal-background: var(--dcf-color-luxury-white);
    --dcf-modal-mieleui-background: var(--dcf-color-white);
    --dcf-modal-close-button-color: var(--dcf-color-eerie-black);
    --dcf-modal-text-color: var(--dcf-color-eerie-black)
}

:host .dcf-modal.dcf-ctx-light,:root .dcf-modal.dcf-ctx-light {
    --dcf-modal-background: var(--dcf-color-luxury-white);
    --dcf-modal-mieleui-background: var(--dcf-color-white);
    --dcf-modal-close-button-color: var(--dcf-color-eerie-black);
    --dcf-modal-text-color: var(--dcf-color-eerie-black)
}

:root {
    --dcf-modal-mieleui-black: 30,30,30;
    --dcf-modal-mieleui-dark-grey: 30,30,30
}

.dcf-modal {
    --dcf-modal-padding-desktop: 2rem;
    --dcf-modal-padding-tablet: 1.5rem;
    --dcf-modal-padding-mobile: 1rem;
    --dcf-modal-mieleui-padding-desktop: 3rem;
    --dcf-modal-mieleui-padding-tablet: 2.5rem;
    --dcf-modal-mieleui-padding-mobile: 2rem;
    --dcf-modal-margin: 2rem;
    --dcf-modal-z-index: var(--dcf-z-index-high);
    --dcf-modal-border-radius: .5rem;
    --dcf-modal-mieleui-border-radius: .25rem;
    --dcf-modal-close-button-size: 1rem;
    --dcf-modal-overlay-z-index: var(--dcf-z-index-high);
    background-color: var(--dcf-modal-background);
    border-radius: var(--dcf-modal-border-radius);
    box-shadow: 1px 1px 3px #00000026;
    color: var(--dcf-modal-text-color);
    margin: 0;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: var(--dcf-modal-z-index)
}

.dcf-modal__sm {
    max-width: 26rem;
    min-height: 4rem
}

.dcf-modal__md {
    max-width: 38rem;
    min-height: 4rem
}

.dcf-modal__lg {
    max-width: 54rem;
    min-height: 4rem
}

.dcf-modal__full {
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    min-height: 100vh
}

.dcf-modal__right-bottom {
    margin: auto 0 0
}

.dcf-modal__right-top {
    margin: 0 0 auto
}

.dcf-modal__center {
    margin: auto
}

@media (max-width: 575.98px) {
    .dcf-modal-mobile__full {
        border-radius:0;
        margin: 0;
        min-width: 100%
    }

    .dcf-modal-mobile__bottom {
        border-radius: 0;
        margin: auto 0 0;
        min-width: 100%
    }
}

.dcf-modal--close {
    background-color: transparent;
    border: none;
    color: var(--dcf-modal-close-button-color);
    cursor: pointer;
    display: block;
    height: var(--dcf-modal-close-button-size);
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: var(--dcf-modal-close-button-size)
}

@media (min-width: 992px) {
    .dcf-modal--close {
        right:2rem;
        top: 2rem
    }
}

.dcf-modal--close__on-media {
    align-items: center;
    background-color: rgba(var(--dcf-color-black--rgb),.2);
    border-radius: 50%;
    color: var(--dcf-color-cultured);
    display: flex;
    justify-content: center
}

.dcf-modal--heading-media {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

@media (max-width: 767.98px) {
    .dcf-modal--heading-media {
        margin-bottom:-1rem
    }
}

.dcf-modal--heading-media img {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.dcf-modal--content {
    margin: 0;
    padding: var(--dcf-modal-padding-desktop) var(--dcf-modal-padding-mobile) var(--dcf-modal-padding-mobile)
}

@media (min-width: 768px) {
    .dcf-modal--content {
        padding:var(--dcf-modal-padding-tablet)
    }
}

@media (min-width: 992px) {
    .dcf-modal--content {
        padding:var(--dcf-modal-padding-desktop)
    }
}

.dcf-modal--content__no-padding {
    padding: 0
}

.dcf-modal--wrapper {
    bottom: 0;
    display: flex;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 2rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--dcf-z-index-high)
}

.dcf-modal--wrapper__right-bottom {
    align-items: flex-end;
    justify-content: flex-end
}

.dcf-modal--wrapper__right-top {
    align-items: flex-start;
    justify-content: flex-end
}

.dcf-modal--wrapper__center {
    align-items: center;
    justify-content: center
}

@media (max-width: 575.98px) {
    .dcf-modal--wrapper-mobile__full {
        align-items:stretch;
        justify-content: stretch;
        padding: 0
    }

    .dcf-modal--wrapper-mobile__bottom {
        align-items: flex-end;
        justify-content: center;
        padding: 0
    }
}

.dcf-modal--wrapper__full {
    padding: 0
}

.dcf-modal--hidden {
    display: none!important
}

.dcf-modal--overlay {
    background-color: rgba(var(--dcf-color-black--rgb),.6);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--dcf-modal-overlay-z-index)
}

.dcf-modal--mieleui .dcf-modal {
    background-color: var(--dcf-modal-mieleui-background);
    border-radius: 0;
    box-shadow: none
}

@media (min-width: 576px) {
    .dcf-modal--mieleui .dcf-modal {
        border-radius:var(--dcf-modal-mieleui-border-radius)
    }
}

.dcf-modal--mieleui .dcf-modal--overlay {
    background-color: rgba(var(--dcf-modal-mieleui-dark-grey),.9)
}

.dcf-modal--mieleui .dcf-modal--content {
    padding: var(--dcf-modal-mieleui-padding-mobile)
}

@media (min-width: 768px) {
    .dcf-modal--mieleui .dcf-modal--content {
        padding:var(--dcf-modal-mieleui-padding-tablet)
    }
}

@media (min-width: 992px) {
    .dcf-modal--mieleui .dcf-modal--content {
        padding:var(--dcf-modal-mieleui-padding-desktop)
    }
}

.dcf-modal--mieleui .dcf-modal--close {
    align-items: center;
    color: var(--dcf-modal-mieleui-black);
    display: flex;
    justify-content: center;
    right: 1.5rem;
    top: 1.5rem
}

.dcf-svg-icon {
    display: inline-flex
}

:root {
    --dcf-notification-color: var(--dcf-color-notification-grey);
    --dcf-notification-padding: 1rem 1.25rem 1rem 1.25rem;
    --dcf-notification-border-radius: .25rem;
    --dcf-notification-icon-margin-right: 1.25rem;
    --dcf-notification-information-color: var(--dcf-color-black);
    --dcf-notification-information-bg: rgba(87,87,87,.1);
    --dcf-notification-success-color: var(--dcf-color-black);
    --dcf-notification-success-bg: rgba(45,132,41,.1);
    --dcf-notification-warning-color: var(--dcf-color-black);
    --dcf-notification-warning-bg: rgba(245,155,0,.1);
    --dcf-notification-error-color: var(--dcf-color-black);
    --dcf-notification-error-bg: rgba(229,24,0,.1)
}

.dcf-ctx-light .dcf-notification,.dcf-notification .dcf-ctx-light,dcf-notification .dcf-notification.dcf-ctx-light {
    --dcf-notification-font-color: var(--dcf-color-eerie-black)
}

:host .dcf-notification.dcf-ctx-light,:root .dcf-notification.dcf-ctx-light {
    --dcf-notification-font-color: var(--dcf-color-eerie-black)
}

.dcf-ctx-dark .dcf-notification,.dcf-notification .dcf-ctx-dark,dcf-notification .dcf-notification.dcf-ctx-dark {
    --dcf-notification-font-color: var(--dcf-color-white)
}

:host .dcf-notification.dcf-ctx-dark,:root .dcf-notification.dcf-ctx-dark {
    --dcf-notification-font-color: var(--dcf-color-white)
}

.dcf-notification {
    align-items: center;
    background: var(--dcf-notification-bg);
    border-radius: var(--dcf-notification-border-radius);
    color: var(--dcf-notification-font-color);
    display: flex;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    justify-content: space-between;
    line-height: 1.25rem;
    padding: var(--dcf-notification-padding)
}

.dcf-notification__icon {
    align-items: center;
    color: var(--dcf-notification-iconColor);
    display: flex;
    justify-content: center;
    margin-right: var(--dcf-notification-icon-margin-right)
}

.dcf-notification__text-wrapper {
    flex-grow: 1
}

.dcf-notification__headline {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-bold)
}

.dcf-notification__description {
    font-size: .875rem
}

.dcf-notification--information {
    --dcf-notification-color: var(--dcf-notification-information-color);
    --dcf-notification-bg: var(--dcf-notification-information-bg);
    --dcf-notification-iconColor: var(--dcf-color-notification-grey)
}

.dcf-notification--success {
    --dcf-notification-color: var(--dcf-notification-success-color);
    --dcf-notification-bg: var(--dcf-notification-success-bg);
    --dcf-notification-iconColor: var(--dcf-color-notification-green)
}

.dcf-notification--warning {
    --dcf-notification-color: var(--dcf-notification-warning-color);
    --dcf-notification-bg: var(--dcf-notification-warning-bg);
    --dcf-notification-iconColor: var(--dcf-color-miele-orange)
}

.dcf-notification--error {
    --dcf-notification-color: var(--dcf-notification-error-color);
    --dcf-notification-bg: var(--dcf-notification-error-bg);
    --dcf-notification-iconColor: var(--dcf-color-notification-red)
}

:root {
    --dcf-pagination-button-bg: transparent;
    --dcf-pagination-button-border: var(--dcf-color-cultured);
    --dcf-pagination-button-border-hover: var(--dcf-color-eerie-black);
    --dcf-pagination-button-color: var(--dcf-color-eerie-black)
}

.dcf-pagination-item__button {
    align-items: center;
    background: var(--dcf-pagination-button-bg);
    border: 0;
    border: 2px solid var(--dcf-pagination-button-border);
    border-radius: 50%;
    color: var(--dcf-pagination-button-color);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    height: 2.25rem;
    justify-content: center;
    padding: .25rem;
    text-decoration: none;
    width: 2.25rem
}

.dcf-pagination-item__button-disabled {
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.dcf-pagination-item__button:active:not(:disabled),.dcf-pagination-item__button:hover:not(:disabled) {
    padding: .25rem
}

@media (hover: hover) and (pointer:fine) {
    .dcf-pagination-item__button:hover:not(:disabled) {
        border-color:var(--dcf-pagination-button-border-hover)
    }
}

.dcf-pagination-item__button-hidden {
    opacity: 0
}

.dcf-pagination-item__button-inner-no-border>div {
    border: 0;
    font-size: 1rem
}

.dcf-pagination-item__button-selected {
    border: 2px solid var(--dcf-pagination-button-border-hover)
}

.dcf-pagination {
    display: inline-flex;
    padding-top: 4rem
}

@media (max-width: 767.98px) {
    .dcf-pagination {
        padding-top:2.5rem
    }
}

.dcf-pagination>li {
    align-items: center;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem
}

.dcf-pagination-no-padding {
    padding-top: 0
}

:root {
    --dcf-play-button-size: 3rem;
    --dcf-play-button-margin: .2rem;
    --dcf-play-button-bg: rgba(0,0,0,.48);
    --dcf-play-button-bg-hover: #000;
    --dcf-play-button-icon-color: var(--dcf-color-white)
}

.dcf-play-button {
    background: var(--dcf-play-button-bg);
    border-color: transparent;
    border-radius: 50%;
    height: var(--dcf-play-button-size);
    width: var(--dcf-play-button-size)
}

.dcf-play-button svg {
    color: var(--dcf-play-button-icon-color);
    margin-left: var(--dcf-play-button-margin)
}

@media (min-width: 768px) {
    .dcf-play-button {
        --dcf-play-button-size:4.5rem;
        --dcf-play-button-margin: .4375rem
    }
}

.dcf-play-button:hover:not(:disabled) {
    background: var(--dcf-play-button-bg-hover)
}

.dcf-twin-slider {
    display: flex;
    flex-direction: column;
    --dcf-slider-width: .75rem;
    --dcf-slider-accessibility-padding: .5rem;
    --dcf-slider-shadow-size: .3rem
}

.dcf-twin-slider__sliders {
    position: relative
}

.dcf-twin-slider__slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(var(--dcf-color-eerie-black--rgb),.1);
    height: .125rem;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.dcf-twin-slider__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var(--dcf-color-eerie-black);
    border-radius: 50%;
    cursor: pointer;
    height: var(--dcf-slider-width);
    padding: var(--dcf-slider-accessibility-padding);
    pointer-events: all;
    width: var(--dcf-slider-width)
}

.dcf-twin-slider__slider--disabled::-webkit-slider-thumb {
    background-color: var(--dcf-color-battle-ship-gray)
}

.dcf-twin-slider__slider::-moz-range-thumb {
    -webkit-appearance: none;
    background-color: var(--dcf-color-eerie-black);
    border-radius: 50%;
    cursor: pointer;
    height: var(--dcf-slider-width);
    padding: var(--dcf-slider-accessibility-padding);
    pointer-events: all;
    width: var(--dcf-slider-width)
}

.dcf-twin-slider__slider::-webkit-slider-thumb:active:not(:disabled),.dcf-twin-slider__slider::-webkit-slider-thumb:hover:not(:disabled) {
    box-shadow: 0 0 0 var(--dcf-slider-shadow-size) rgba(var(--dcf-color-eerie-black--rgb),.1);
    -webkit-box-shadow: 0 0 0 var(--dcf-slider-shadow-size) rgba(var(--dcf-color-eerie-black--rgb),.1);
    -moz-box-shadow: 0 0 0 var(--dcf-slider-shadow-size) rgba(var(--dcf-color-eerie-black--rgb),.1)
}

.dcf-price-range {
    display: flex;
    flex-direction: column;
    --dcf-price-range-font-size: .75rem
}

.dcf-price-range__min-max {
    display: flex;
    flex-direction: row;
    font-weight: var(--dcf-font-weight-light);
    justify-content: space-between;
    margin-top: 1rem
}

.dcf-price-range__max {
    text-align: right
}

.dcf-price-range__current-range {
    font-size: var(--dcf-price-range-font-size);
    margin-bottom: 1rem;
    text-align: center
}

.dcf-ctx-light .dcf-skeleton,.dcf-skeleton .dcf-ctx-light,:root,dcf-skeleton .dcf-skeleton.dcf-ctx-light {
    --dcf-skeleton-color: var(--dcf-color-platinum)
}

:host .dcf-skeleton.dcf-ctx-light,:root .dcf-skeleton.dcf-ctx-light {
    --dcf-skeleton-color: var(--dcf-color-platinum)
}

.dcf-skeleton {
    background: transparent;
    position: relative
}

.dcf-skeleton--animated {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.dcf-skeleton__sr-only {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: .063rem;
    margin: -.063rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: .063rem
}

.dcf-skeleton__block {
    background: var(--dcf-skeleton-color);
    border-radius: .125rem;
    height: 1rem;
    position: relative
}

.dcf-skeleton__block--radius-none {
    border-radius: 0
}

.dcf-skeleton__block--radius-sm {
    border-radius: .125rem
}

.dcf-skeleton__block--radius-md {
    border-radius: .25rem
}

.dcf-skeleton__block--radius-lg {
    border-radius: .5rem
}

.dcf-skeleton__block--text {
    height: 1rem
}

.dcf-skeleton__block--text-xs {
    height: .625rem
}

.dcf-skeleton__block--text-sm {
    height: .75rem
}

.dcf-skeleton__block--text-lg {
    height: 1.25rem
}

.dcf-skeleton__block--text-xl {
    height: 1.625rem
}

.dcf-skeleton__block--title {
    height: 2rem
}

.dcf-skeleton__block--spacing-none {
    margin-bottom: 0
}

.dcf-skeleton__block--spacing-sm {
    margin-bottom: .75rem
}

.dcf-skeleton__block--spacing-md {
    margin-bottom: 1rem
}

.dcf-skeleton__block--spacing-lg {
    margin-bottom: 1.5rem
}

@keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.dcf-ctx-light .dcf-tile,.dcf-tile .dcf-ctx-light,dcf-tile .dcf-tile.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:host .dcf-tile.dcf-ctx-light,:root .dcf-tile.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:root {
    --dcf-tile-width: 21.25rem;
    --dcf-tile-min-width: 17.5rem;
    --dcf-tile-radius: .5rem;
    --dcf-tile-media-wrapper-size: 26.563rem;
    --dcf-tile-description-font-size: 1rem;
    --dcf-tile-title-font-size: 1.25rem
}

@media (min-width: 992px) {
    :root {
        --dcf-tile-width:26rem;
        --dcf-tile-media-wrapper-size: 32.5rem
    }
}

.dcf-tile {
    display: flex;
    flex-direction: column;
    width: var(--dcf-tile-width)
}

.dcf-tile--fluid {
    min-width: var(--dcf-tile-min-width);
    width: 100%
}

.dcf-tile__title-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dcf-tile__icon-right {
    margin-left: 1rem
}

.dcf-tile-content-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

.dcf-tile-media-wrapper {
    align-items: center;
    background: var(--dcf-color-cultured);
    border-radius: var(--dcf-tile-radius);
    display: flex;
    height: var(--dcf-tile-media-wrapper-size);
    justify-content: center;
    margin-bottom: 1rem;
    position: relative;
    width: 100%
}

.dcf-tile-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.dcf-tile-title {
    color: var(--dcf-color-eerie-black);
    flex: 1;
    font-size: var(--dcf-tile-title-font-size);
    font-weight: var(--dcf-font-weight-medium);
    line-height: 1.75rem;
    margin-bottom: .25rem
}

.dcf-tile-rating {
    margin-bottom: 1rem
}

.dcf-tile-content {
    margin-bottom: .5rem
}

.dcf-tile-content,.dcf-tile-footer {
    color: var(--dcf-color-eerie-black);
    font-size: var(--dcf-tile-description-font-size);
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem
}

.dcf-tile-media-overlay {
    display: block;
    position: absolute
}

.dcf-tile-media-overlay--top {
    top: 1rem
}

.dcf-tile-media-overlay--top-left {
    left: 1rem;
    top: 1rem
}

.dcf-tile-media-overlay--top-right {
    right: 1rem;
    top: 1rem
}

.dcf-tile-media-overlay--bottom {
    bottom: 1rem
}

.dcf-tile-media-overlay--bottom-left {
    bottom: 1rem;
    left: 1rem
}

.dcf-tile-media-overlay--bottom-right {
    bottom: 1rem;
    right: 1rem
}

.dcf-tile .dcf-tile__tagline {
    color: var(--dcf-color-eerie-black)
}

:root {
    --dcf-tooltip-width: 15rem;
    --dcf-tooltip-horizontal-offset: calc(var(--dcf-tooltip-width)/2)
}

.dcf-tooltip {
    background: var(--dcf-color-white);
    border-radius: .5rem;
    box-shadow: 0 .25rem .625rem #0000001a;
    display: inline-block;
    padding: 1rem;
    position: absolute;
    width: 15rem;
    z-index: 1
}

.dcf-tooltip.dcf-tooltip--width-award {
    left: 0;
    max-width: 90vw;
    right: 0;
    width: 20rem
}

.dcf-tooltip.dcf-tooltip--width-award img {
    max-height: unset!important;
    max-width: 100%!important
}

.dcf-tooltip--top {
    bottom: calc(100% + .5rem)
}

.dcf-tooltip--bottom,.dcf-tooltip--top {
    left: calc(50% - var(--dcf-tooltip-horizontal-offset))
}

.dcf-tooltip--bottom {
    top: calc(100% + .5rem)
}

.dcf-tooltip--right {
    left: calc(100% + .5rem);
    top: 0
}

.dcf-tooltip--left {
    right: calc(100% + .5rem);
    top: 0
}

.dcf-tooltip__container {
    display: inline-block;
    position: relative
}

.dcf-tooltip__title {
    color: var(--dcf-color-eerie-black);
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-bold);
    line-height: 1.25rem;
    margin-bottom: .5rem
}

.dcf-tooltip__footnote {
    color: var(--dcf-color-notification-grey);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1rem
}

.dcf-tooltip__description {
    color: var(--dcf-color-eerie-black);
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem
}

.dcf-checkbox .dcf-ctx-dark,.dcf-ctx-dark .dcf-checkbox,dcf-checkbox .dcf-checkbox.dcf-ctx-dark {
    --dcf-checkbox-text-color: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-active: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-hover: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-focus: var(--dcf-color-focus)
}

:host .dcf-checkbox.dcf-ctx-dark,:root .dcf-checkbox.dcf-ctx-dark {
    --dcf-checkbox-text-color: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-active: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-hover: var(--dcf-color-cultured);
    --dcf-checkbox-marker-color-focus: var(--dcf-color-focus)
}

.dcf-checkbox .dcf-ctx-light,.dcf-ctx-light .dcf-checkbox,dcf-checkbox .dcf-checkbox.dcf-ctx-light {
    --dcf-checkbox-text-color: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-checkbox-marker-color-active: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color-hover: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color-focus: var(--dcf-color-focus)
}

:host .dcf-checkbox.dcf-ctx-light,:root .dcf-checkbox.dcf-ctx-light {
    --dcf-checkbox-text-color: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-checkbox-marker-color-active: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color-hover: var(--dcf-color-eerie-black);
    --dcf-checkbox-marker-color-focus: var(--dcf-color-focus)
}

.dcf-checkbox {
    align-items: flex-start;
    color: var(--dcf-checkbox-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    gap: .5rem;
    line-height: 1.375rem;
    padding-bottom: .6875rem;
    padding-top: .6875rem;
    position: relative
}

.dcf-checkbox--full-width {
    width: 100%
}

.dcf-checkbox--disabled {
    cursor: default;
    opacity: .5
}

.dcf-checkbox svg {
    left: .25rem;
    position: absolute;
    top: .938rem
}

.dcf-checkbox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-color: var(--dcf-checkbox-marker-color);
    border-radius: .25rem;
    cursor: pointer;
    height: 1.375rem;
    min-width: 1.375rem;
    position: relative;
    transition: border .3s ease-in-out
}

.dcf-checkbox input[type=checkbox]:hover {
    border-color: var(--dcf-checkbox-marker-color-active)
}

.dcf-checkbox input[type=checkbox]:checked {
    border-color: var(--dcf-checkbox-marker-color)
}

.dcf-checkbox input[type=checkbox]:checked:focus,.dcf-checkbox input[type=checkbox]:focus,.dcf-checkbox input[type=checkbox]:hover:focus {
    outline: none
}

.dcf-checkbox input[type=checkbox]:checked:focus-visible,.dcf-checkbox input[type=checkbox]:focus-visible,.dcf-checkbox input[type=checkbox]:hover:focus-visible {
    border-color: var(--dcf-checkbox-marker-color-focus);
    outline: none
}

.dcf-checkbox input[type=checkbox]:disabled {
    border-color: var(--dcf-checkbox-marker-color);
    cursor: default;
    opacity: .5
}

.dcf-checkbox label {
    cursor: pointer;
    padding-left: .5rem
}

.dcf-ctx-dark .dcf-link-component,.dcf-link-component .dcf-ctx-dark,dcf-link-component .dcf-link-component.dcf-ctx-dark {
    --dcf-link-text-color: var(--dcf-color-cultured)
}

:host .dcf-link-component.dcf-ctx-dark,:root .dcf-link-component.dcf-ctx-dark {
    --dcf-link-text-color: var(--dcf-color-cultured)
}

.dcf-ctx-light .dcf-link-component,.dcf-link-component .dcf-ctx-light,dcf-link-component .dcf-link-component.dcf-ctx-light {
    --dcf-link-text-color: var(--dcf-color-eerie-black)
}

:host .dcf-link-component.dcf-ctx-light,:root .dcf-link-component.dcf-ctx-light {
    --dcf-link-text-color: var(--dcf-color-eerie-black)
}

.dcf-link-component {
    display: inline-block
}

.dcf-link-component a {
    color: var(--dcf-link-text-color);
    text-decoration: underline
}

.dcf-ctx-light .dcf-product-tile,.dcf-product-tile .dcf-ctx-light,dcf-product-tile .dcf-product-tile.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:host .dcf-product-tile.dcf-ctx-light,:root .dcf-product-tile.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:root {
    --dcf-product-tile-image-size: 18.25rem;
    --dcf-product-tile-price-font-size: 1.25rem;
    --dcf-product-tile-full-price-font-size: 1.25rem;
    --dcf-product-tile-price-per-unit-font-size: .875rem;
    --dcf-product-tile-full-price-color: var(--dcf-color-battle-ship-gray);
    --dcf-product-tile-price-per-unit-color: var(--dcf-color-battle-ship-gray)
}

.dcf-product-tile {
    cursor: pointer;
    display: inline-block;
    display: flex;
    height: 100%;
    text-decoration: none
}

.dcf-product-tile:active,.dcf-product-tile:focus,.dcf-product-tile:hover,.dcf-product-tile:visited {
    color: inherit;
    text-decoration: inherit
}

.dcf-product-tile-seo-text {
    display: block;
    height: 0;
    transform: translate(-100vw)
}

.dcf-product-tile__label {
    background: var(--dcf-color-white);
    border-radius: .25rem;
    color: var(--dcf-color-eerie-black);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: .139rem;
    padding: .25rem 1rem;
    text-transform: uppercase
}

.dcf-product-tile__image {
    max-height: var(--dcf-product-tile-image-size);
    max-width: var(--dcf-product-tile-image-size)
}

.dcf-product-tile__no-image {
    color: var(--dcf-color-silver);
    width: 3.75rem
}

.dcf-product-tile__label-wrapper {
    display: flex;
    flex-wrap: wrap
}

.dcf-product-tile__colorpicker {
    display: flex
}

.dcf-product-tile__energy-label {
    height: 1.5rem;
    margin-left: 0
}

.dcf-product-tile__energy-section {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    margin: 1rem 0
}

.dcf-product-tile__awards-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dcf-product-tile__awards-wrapper img {
    max-height: 40px;
    max-width: 40px
}

.dcf-product-tile__awards-wrapper .dcf-product-tile__tooltip-image {
    max-height: unset;
    max-width: unset;
    width: 100%
}

.dcf-product-tile__delivery {
    font-size: 14px;
    font-weight: var(--dcf-font-weight-light);
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 8px
}

.dcf-product-tile__delivery-warning:before {
    background-color: #e7702f
}

.dcf-product-tile__delivery-error:before {
    background-color: #cc1400
}

.dcf-product-tile__delivery-available:before {
    background-color: var(--dcf-color-notification-green)
}

.dcf-product-tile__delivery:before {
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px
}

.dcf-product-tile-buy-section {
    justify-content: space-between
}

.dcf-product-tile-buy-section,.dcf-product-tile-subscription-btn {
    align-items: center;
    display: flex;
    margin-bottom: .3125rem
}

.dcf-product-tile__content--max-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.dcf-product-tile__price {
    display: inline-block;
    font-size: var(--dcf-product-tile-full-price-font-size);
    font-weight: 600;
    margin-right: .5rem
}

.dcf-product-tile__price--full,.dcf-product-tile__price--per-unit {
    margin-right: .5rem
}

.dcf-product-tile__price--full {
    color: #6c6964;
    font-size: var(--dcf-product-tile-full-price-font-size);
    font-weight: 350;
    text-decoration: line-through
}

.dcf-product-tile__price--per-unit {
    color: var(--dcf-product-tile-price-per-unit-color);
    font-size: var(--dcf-product-tile-price-per-unit-font-size)
}

.dcf-product-tile__add-to-cart {
    flex: none
}

.dcf-product-tile-price-wrapper {
    display: flex;
    flex: 1
}

@media (min-width: 992px) {
    .dcf-product-tile {
        --dcf-product-tile-image-size:23rem
    }
}

.dcf-product-tile--display-on-hover {
    opacity: 0
}

.dcf-product-tile:hover .dcf-product-tile--display-on-hover {
    opacity: 1
}

.dcf-product-tile-skeleton {
    min-height: 36.625rem;
    width: var(--dcf-tile-width)
}

@media (min-width: 992px) {
    .dcf-product-tile-skeleton {
        min-height:42.563rem
    }
}

.dcf-product-tile-skeleton--fluid {
    min-width: var(--dcf-tile-min-width);
    width: 100%
}

.dcf-product-tile-skeleton__image {
    height: var(--dcf-tile-media-wrapper-size)
}

.dcf-product-tile-skeleton__price {
    height: 1.375rem;
    min-height: auto;
    width: 100%
}

.dcf-footnotes {
    display: inline-block;
    margin-left: .25rem
}

.dcf-footnotes__anchor {
    color: inherit;
    font-size: .75rem;
    text-decoration: none
}

:root {
    --dcf-quantity-selector-border-color: var(--dcf-color-silver);
    --dcf-quantity-selector-color: var(--dcf-color-eerie-black)
}

.dcf-ctx-dark .dcf-quantity-selector,.dcf-quantity-selector .dcf-ctx-dark,dcf-quantity-selector .dcf-quantity-selector.dcf-ctx-dark {
    --dcf-quantity-selector-border-color: var(--dcf-color-silver);
    --dcf-quantity-selector-color: var(--dcf-color-silver)
}

:host .dcf-quantity-selector.dcf-ctx-dark,:root .dcf-quantity-selector.dcf-ctx-dark {
    --dcf-quantity-selector-border-color: var(--dcf-color-silver);
    --dcf-quantity-selector-color: var(--dcf-color-silver)
}

.dcf-ctx-light .dcf-quantity-selector,.dcf-quantity-selector .dcf-ctx-light,dcf-quantity-selector .dcf-quantity-selector.dcf-ctx-light {
    --dcf-quantity-selector-border-color: var(--dcf-color-silver);
    --dcf-quantity-selector-color: var(--dcf-color-eerie-black)
}

:host .dcf-quantity-selector.dcf-ctx-light,:root .dcf-quantity-selector.dcf-ctx-light {
    --dcf-quantity-selector-border-color: var(--dcf-color-silver);
    --dcf-quantity-selector-color: var(--dcf-color-eerie-black)
}

.dcf-quantity-selector {
    border: .075rem solid var(--dcf-quantity-selector-border-color);
    border-radius: 2rem;
    display: inline-block;
    height: 2.25rem;
    padding: 0 .3rem;
    white-space: nowrap
}

.dcf-quantity-selector .dcf-quantity-selector--input {
    -moz-appearance: textfield;
    background-color: transparent;
    border: 0;
    color: var(--dcf-quantity-selector-color);
    font-size: .925rem;
    font-weight: var(--dcf-font-weight-medium);
    height: 2.25rem;
    text-align: center;
    width: 1.5rem
}

.dcf-quantity-selector .dcf-quantity-selector--input[disabled] {
    color: var(--dcf-color-battle-ship-gray)
}

.dcf-quantity-selector .dcf-quantity-selector--input::-webkit-inner-spin-button,.dcf-quantity-selector .dcf-quantity-selector--input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dcf-quantity-selector .dcf-quantity-selector--decrement,.dcf-quantity-selector .dcf-quantity-selector--increment {
    background: transparent;
    border: 0;
    color: var(--dcf-quantity-selector-color);
    cursor: pointer;
    padding: .25rem .5rem
}

.dcf-quantity-selector .dcf-quantity-selector--decrement[disabled] svg,.dcf-quantity-selector .dcf-quantity-selector--increment[disabled] svg {
    color: var(--dcf-color-silver)
}

.dcf-quantity-selector .dcf-quantity-selector--decrement svg,.dcf-quantity-selector .dcf-quantity-selector--increment svg {
    height: .75rem;
    width: .75rem
}

:root {
    --dcf-scrollbar-background-color: var(--dcf-color-black--rgb);
    --dcf-scrollbar-background-opacity: .1;
    --dcf-scrollbar-color: var(--dcf-color-miele-orange)
}

.dcf-scrollbar--wrapper {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none
}

.dcf-scrollbar--wrapper::-webkit-scrollbar {
    display: none
}

.dcf-scrollbar--outer {
    background-color: rgba(var(--dcf-scrollbar-background-color),var(--dcf-scrollbar-background-opacity));
    bottom: 0;
    box-sizing: border-box;
    display: block;
    width: 100%
}

.dcf-scrollbar--inner,.dcf-scrollbar--outer {
    border-radius: .625rem;
    height: 5px;
    position: absolute
}

.dcf-scrollbar--inner {
    background-color: var(--dcf-scrollbar-color);
    left: 0;
    top: 0;
    width: 10px
}

.dcf-sidebar {
    --dcf-sidebar-overlay-z-index: var(--dcf-z-index-high);
    --dcf-sidebar-z-index: var(--dcf-z-index-high);
    --dcf-sidebar-width: 100%;
    --dcf-sidebar-content-padding: 1.5rem 1.5rem 2.5rem;
    --dcf-sidebar-header-padding: 2.5rem 0 2.5rem;
    --dcf-sidebar-footer-shadow: 0 -.25rem .25rem rgba(0,0,0,.05);
    background: var(--dcf-color-white);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: var(--dcf-sidebar-padding);
    position: fixed;
    top: 0;
    width: var(--dcf-sidebar-width);
    z-index: var(--dcf-sidebar-z-index)
}

@media (min-width: 576px) {
    .dcf-sidebar {
        --dcf-sidebar-width:30rem;
        --dcf-sidebar-content-padding: 1.5rem 4rem 4rem;
        --dcf-sidebar-header-padding: 4rem 0 1.5rem;
        --dcf-sidebar-footer-shadow: none
    }
}

.dcf-sidebar__overlay {
    background-color: rgba(var(--dcf-color-black--rgb),.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--dcf-sidebar-overlay-z-index)
}

.dcf-sidebar__close-button {
    color: var(--dcf-modal-close-button-color);
    cursor: pointer;
    height: 2.75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.75rem
}

.dcf-sidebar__content {
    height: 100%;
    overflow-y: scroll;
    padding: var(--dcf-sidebar-content-padding)
}

.dcf-sidebar__content--no-padding-bottom {
    padding-bottom: 0
}

.dcf-sidebar__header {
    padding: var(--dcf-sidebar-header-padding)
}

.dcf-sidebar__footer {
    box-shadow: var(--dcf-sidebar-footer-shadow);
    min-height: 4rem
}

.dcf-sidebar__fade-enter-active,.dcf-sidebar__fade-leave-active {
    transition: opacity .2s ease
}

.dcf-sidebar__fade-enter-from,.dcf-sidebar__fade-leave-to {
    opacity: 0
}

.dcf-sidebar__slide-enter-active,.dcf-sidebar__slide-leave-active {
    transition: transform .2s ease
}

.dcf-sidebar__slide-enter-from,.dcf-sidebar__slide-leave-to {
    transform: translate(-100%)
}

.dcf-tab-content {
    --dcf-tab-content-grid-template-columns: repeat(12,1fr);
    --dcf-tab-content-text-font-weight: var(--dcf-font-weight-normal);
    --dcf-tab-content-text-font-color: var(--dcf-color-eerie-black);
    color: var(--dcf-tab-content-text-font-color);
    display: none;
    font-weight: var(--dcf-tab-content-text-font-weight);
    letter-spacing: normal
}

.dcf-tab-content--selected {
    display: block
}

.dcf-tab-header {
    border-bottom: .2rem solid var(--dcf-color-cultured);
    flex-shrink: 0;
    height: 100%;
    width: auto
}

.dcf-tab-header .dcf-tab-header-button {
    background: transparent;
    border: 0;
    color: rgba(var(--dcf-color-eerie-black--rgb),.4);
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: var(--dcf-font-weight-normal);
    min-height: 4rem;
    padding: 0 1rem;
    width: auto
}

@media (min-width: 768px) {
    .dcf-tab-header .dcf-tab-header-button {
        padding:0 1.5rem
    }
}

.dcf-tab-header .dcf-tab-header-button:hover {
    color: var(--dcf-color-eerie-black)
}

.dcf-tab-header .dcf-tab-header-button:first-of-type {
    margin-left: 0
}

.dcf-tab-header--selected {
    border-bottom: .2rem solid var(--dcf-color-eerie-black)
}

.dcf-tab-header--selected .dcf-tab-header-button {
    color: var(--dcf-color-eerie-black)
}

.dcf-ctx-dark .dcf-table,.dcf-table .dcf-ctx-dark,dcf-table .dcf-table.dcf-ctx-dark {
    --dcf-color-picker-item-selected-color: var(--dcf-color-white)
}

:host .dcf-table.dcf-ctx-dark,:root .dcf-table.dcf-ctx-dark {
    --dcf-color-picker-item-selected-color: var(--dcf-color-white)
}

.dcf-ctx-light .dcf-table,.dcf-table .dcf-ctx-light,dcf-table .dcf-table.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

:host .dcf-table.dcf-ctx-light,:root .dcf-table.dcf-ctx-light {
    --dcf-color-picker-item-selected-color: var(--dcf-color-black)
}

.dcf-table {
    --dcf-table-padding: 1rem
}

@media (min-width: 768px) {
    .dcf-table {
        --dcf-table-padding:.81rem 1rem .81rem 1.5rem
    }
}

.dcf-table-item {
    display: flex;
    gap: 2rem;
    line-height: 1.375;
    padding: var(--dcf-table-padding)
}

@media (max-width: 767.98px) {
    .dcf-table-item {
        flex-direction:column;
        gap: .5rem
    }
}

.dcf-table-item:nth-child(2n) {
    background-color: var(--dcf-color-cultured)
}

.dcf-table-item:nth-child(odd) {
    background-color: var(--dcf-color-white)
}

.dcf-table-item__label,.dcf-table-item__value {
    align-items: center;
    color: var(--dcf-color-eerie-black);
    display: flex;
    flex: 1;
    font-family: var(--dcf-font-family);
    min-height: 1.375rem
}

.dcf-table-item__label {
    font-weight: var(--dcf-font-weight-bold)
}

.dcf-table-item__value--csv {
    display: inline-block;
    margin-bottom: 0;
    padding-right: .5rem
}

.dcf-table-item__value--csv:after {
    content: ","
}

.dcf-tabs {
    max-width: 100vw
}

.dcf-tabs .dcf-tabs-header__wrapper {
    display: flex
}

.dcf-tabs .dcf-tabs-header__wrapper--bordered {
    box-shadow: inset 0 -.2rem 0 0 var(--dcf-color-cultured)
}

.dcf-tabs .dcf-tabs-content__wrapper {
    padding-top: 1.5rem
}

@media (min-width: 768px) {
    .dcf-tabs .dcf-tabs-content__wrapper {
        padding-top:2rem
    }
}

.dcf-tabs .dcf-tabs-content__wrapper--no-padding {
    padding: 0
}

:root {
    --dcf-text-input-color-disabled: #8c8c8c;
    --dcf-text-input-border-color-focus: var(--dcf-color-focus);
    --dcf-text-input-text-color-disabled: var(--dcf-text-input-color-disabled);
    --dcf-text-input-border-color-disabled: var(--dcf-text-input-color-disabled)
}

.dcf-ctx-light .dcf-text-input,.dcf-text-input .dcf-ctx-light,dcf-text-input .dcf-text-input.dcf-ctx-light {
    --dcf-text-input-color-disabled: #8c8c8c;
    --dcf-text-input-text-color: var(--dcf-color-miele-gray);
    --dcf-text-input-text-color-active: var(--dcf-color-eerie-black);
    --dcf-text-input-border-color: var(--dcf-color-silver);
    --dcf-text-input-border-color-active: var(--dcf-color-eerie-black);
    --dcf-text-input-action-btn-color: var(--dcf-color-miele-gray)
}

:host .dcf-text-input.dcf-ctx-light,:root .dcf-text-input.dcf-ctx-light {
    --dcf-text-input-color-disabled: #8c8c8c;
    --dcf-text-input-text-color: var(--dcf-color-miele-gray);
    --dcf-text-input-text-color-active: var(--dcf-color-eerie-black);
    --dcf-text-input-border-color: var(--dcf-color-silver);
    --dcf-text-input-border-color-active: var(--dcf-color-eerie-black);
    --dcf-text-input-action-btn-color: var(--dcf-color-miele-gray)
}

.dcf-ctx-dark .dcf-text-input,.dcf-text-input .dcf-ctx-dark,dcf-text-input .dcf-text-input.dcf-ctx-dark {
    --dcf-text-input-color-disabled: #878787;
    --dcf-text-input-text-color: var(--dcf-color-silver);
    --dcf-text-input-text-color-active: var(--dcf-color-cultured);
    --dcf-text-input-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-text-input-border-color-active: var(--dcf-color-cultured);
    --dcf-text-input-action-btn-color: var(--dcf-color-silver)
}

:host .dcf-text-input.dcf-ctx-dark,:root .dcf-text-input.dcf-ctx-dark {
    --dcf-text-input-color-disabled: #878787;
    --dcf-text-input-text-color: var(--dcf-color-silver);
    --dcf-text-input-text-color-active: var(--dcf-color-cultured);
    --dcf-text-input-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-text-input-border-color-active: var(--dcf-color-cultured);
    --dcf-text-input-action-btn-color: var(--dcf-color-silver)
}

.dcf-text-input {
    position: relative
}

.dcf-text-input input {
    color: var(--dcf-text-input-text-color)
}

.dcf-text-input-icon {
    align-items: center;
    display: flex;
    height: 1rem;
    padding: .0875rem;
    width: 1rem
}

.dcf-text-input-action-btn {
    cursor: pointer
}

.dcf-text-input__faded {
    opacity: .5
}

.dcf-text-input__invisible {
    opacity: 0
}

.dcf-text-input-label-wrap {
    left: .75rem;
    pointer-events: none;
    position: absolute;
    top: .6875rem;
    transition: transform .2s
}

.dcf-text-input-label-wrap>label {
    color: var(--dcf-text-input-text-color);
    display: block;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.375rem
}

.dcf-text-input-label-wrap__move-up {
    transform: translate(.5rem) translateY(-1.25rem)
}

.dcf-text-input-label-wrap__move-up.dcf-text-input-label-wrap__is-search {
    transform: translate(-.5rem) translateY(-1.25rem)
}

.dcf-text-input-label-wrap__move-up>label {
    font-size: .75rem
}

.dcf-text-input-label-wrap__is-search {
    left: 1.75rem
}

.dcf-text-input-label-wrap__disabled>label {
    color: var(--dcf-text-input-text-color-disabled)
}

.dcf-text-input-label-wrap__has-error>label {
    color: var(--dcf-color-notification-red)
}

.dcf-text-input:hover .dcf-text-input-fieldset:not(.dcf-text-input-fieldset__disabled):not(.dcf-text-input-fieldset__has-focus):not(.dcf-text-input-fieldset__has-error) {
    border-color: var(--dcf-text-input-border-color-active);
    color: var(--dcf-text-input-text-color-active)
}

.dcf-text-input-container:not(.dcf-text-input-container__disabled)>input:active,.dcf-text-input-container:not(.dcf-text-input-container__disabled)>input:focus,.dcf-text-input:hover>.dcf-text-input-container:not(.dcf-text-input-container__disabled)>input {
    color: var(--dcf-text-input-text-color-active)
}

.dcf-text-input-fieldset {
    border: none;
    bottom: 0;
    left: 0;
    margin: 0;
    max-height: 3rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -.375rem
}

.dcf-text-input-fieldset:active {
    color: var(--dcf-text-input-text-color-active)
}

.dcf-text-input-fieldset__has-border {
    border: .0625rem solid var(--dcf-text-input-border-color);
    border-radius: .25rem
}

.dcf-text-input-fieldset__has-border:active {
    border-color: var(--dcf-text-input-border-color-active)
}

.dcf-text-input-fieldset__has-border__has-error {
    border-color: var(--dcf-color-notification-red)
}

.dcf-text-input-fieldset__has-border__has-focus:not(.dcf-text-input-fieldset__has-error) {
    border-color: var(--dcf-text-input-border-color-focus)
}

.dcf-text-input-fieldset__has-border__disabled {
    border-color: var(--dcf-text-input-border-color-disabled)
}

.dcf-text-input-fieldset__legend {
    color: transparent;
    height: .875rem;
    line-height: .75rem;
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content;
    padding: 0;
    transition: width .3s;
    width: 0
}

.dcf-text-input-fieldset__legend span {
    font-size: .75rem
}

.dcf-text-input-fieldset__legend span.has-value {
    padding: 0 .375rem
}

.dcf-text-input-container {
    align-items: center;
    background-color: transparent;
    color: var(--dcf-text-input-text-color);
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-light);
    gap: .25rem;
    height: 2.75rem;
    line-height: 1rem;
    padding-left: .75rem;
    padding-right: .5rem;
    position: relative
}

.dcf-text-input-container__has-bottom-border {
    border-bottom: .0625rem solid var(--dcf-text-input-border-color);
    padding-left: 0;
    padding-right: 0
}

.dcf-text-input-container>input {
    align-items: center;
    align-self: center;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    font-size: 1rem;
    gap: .25rem;
    height: 1.375rem;
    isolation: isolate;
    line-height: 1.375rem;
    order: 0;
    outline: none;
    width: 0
}

.dcf-text-input-container--size-l {
    height: 3rem
}

.dcf-text-input-container--size-l>input {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 1.5rem 0
}

.dcf-text-input-container--size-l .dcf-text-input-icon {
    height: 1.5rem;
    width: 1.5rem
}

.dcf-text-input-container__icon-left:not(.dcf-text-input-container__has-bottom-border) {
    padding-left: .5rem
}

.dcf-text-input-container__icon-left:not(.dcf-text-input-container__has-bottom-border)>input {
    padding: 0
}

.dcf-text-input-container__icon-right:not(.dcf-text-input-container__has-bottom-border) {
    padding-right: .5rem
}

.dcf-text-input-container__has-styled-caret>input {
    caret-color: var(--dcf-color-miele-red)
}

.dcf-text-input-container>.input-info-wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .25rem;
    height: 100%
}

.dcf-text-input-container>.input-info-wrap .validated {
    color: var(--dcf-color-notification-green)
}

.dcf-text-input-container>.input-info-wrap .error {
    color: var(--dcf-color-notification-red)
}

.dcf-text-input-container>.input-info-wrap .clear,.dcf-text-input-container>.input-info-wrap .helper-text {
    color: var(--dcf-text-input-action-btn-color)
}

.dcf-text-input-container>.input-info-wrap .helper-text {
    align-items: center;
    display: flex;
    height: 100%
}

.dcf-text-input-container__disabled>input {
    color: #878787
}

.dcf-text-input-container__disabled>.input-info-wrap>.clear {
    color: var(--dcf-text-input-border-color-disabled)
}

.dcf-text-input-extra-text {
    color: var(--dcf-text-input-text-color);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1rem;
    margin-top: .25rem
}

.dcf-text-input-extra-text.error {
    color: var(--dcf-color-notification-red)
}

.dcf-text-input-extra-text__disabled {
    color: var(--dcf-text-input-text-color-disabled)
}

.dcf-ctx-light .dcf-usp-bar,.dcf-usp-bar .dcf-ctx-light,dcf-usp-bar .dcf-usp-bar.dcf-ctx-light {
    --dcf-usp-bar-background-color: var(--dcf-color-cultured);
    --dcf-usp-bar-font-color: var(--dcf-color-eerie-black)
}

:host .dcf-usp-bar.dcf-ctx-light,:root .dcf-usp-bar.dcf-ctx-light {
    --dcf-usp-bar-background-color: var(--dcf-color-cultured);
    --dcf-usp-bar-font-color: var(--dcf-color-eerie-black)
}

.dcf-ctx-dark .dcf-usp-bar,.dcf-usp-bar .dcf-ctx-dark,dcf-usp-bar .dcf-usp-bar.dcf-ctx-dark {
    --dcf-usp-bar-background-color: var(--dcf-color-eerie-black);
    --dcf-usp-bar-font-color: var(--dcf-color-white)
}

:host .dcf-usp-bar.dcf-ctx-dark,:root .dcf-usp-bar.dcf-ctx-dark {
    --dcf-usp-bar-background-color: var(--dcf-color-eerie-black);
    --dcf-usp-bar-font-color: var(--dcf-color-white)
}

:root {
    --dcf-usp-bar-min-height: 4.5rem;
    --dcf-usp-bar-icon-margin-right: 1rem
}

@media (min-width: 768px) {
    :root {
        --dcf-usp-bar-min-height:3rem;
        --dcf-usp-bar-icon-margin-right: .5rem
    }
}

@media (min-width: 1440px) {
    :root {
        --dcf-usp-bar-min-height:4rem
    }
}

.dcf-usp-bar {
    background: var(--dcf-usp-bar-background-color);
    color: var(--dcf-usp-bar-font-color);
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.25rem;
    min-height: var(--dcf-usp-bar-min-height);
    padding: 0 1rem
}

.dcf-usp-bar,.dcf-usp-bar__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.dcf-usp-bar__icon {
    margin-right: var(--dcf-usp-bar-icon-margin-right)
}

.dcf-ctx-dark .dcf-radio-button,.dcf-radio-button .dcf-ctx-dark,dcf-radio-button .dcf-radio-button.dcf-ctx-dark {
    --dcf-radio-button-text-color: var(--dcf-color-cultured);
    --dcf-radio-button-helper-color: var(--dcf-color-silver);
    --dcf-radio-button-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-active: var(--dcf-color-cultured);
    --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-hover: var(--dcf-color-cultured);
    --dcf-radio-button-marker-color-focus: var(--dcf-color-focus)
}

:host .dcf-radio-button.dcf-ctx-dark,:root .dcf-radio-button.dcf-ctx-dark {
    --dcf-radio-button-text-color: var(--dcf-color-cultured);
    --dcf-radio-button-helper-color: var(--dcf-color-silver);
    --dcf-radio-button-border-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-active: var(--dcf-color-cultured);
    --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-hover: var(--dcf-color-cultured);
    --dcf-radio-button-marker-color-focus: var(--dcf-color-focus)
}

.dcf-ctx-light .dcf-radio-button,.dcf-radio-button .dcf-ctx-light,dcf-radio-button .dcf-radio-button.dcf-ctx-light {
    --dcf-radio-button-text-color: var(--dcf-color-eerie-black);
    --dcf-radio-button-helper-color: var(--dcf-color-miele-gray);
    --dcf-radio-button-border-color: var(--dcf-color-silver);
    --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-active: var(--dcf-color-eerie-black);
    --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-hover: var(--dcf-color-eerie-black);
    --dcf-radio-button-marker-color-focus: var(--dcf-color-focus)
}

:host .dcf-radio-button.dcf-ctx-light,:root .dcf-radio-button.dcf-ctx-light {
    --dcf-radio-button-text-color: var(--dcf-color-eerie-black);
    --dcf-radio-button-helper-color: var(--dcf-color-miele-gray);
    --dcf-radio-button-border-color: var(--dcf-color-silver);
    --dcf-radio-button-marker-color: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-active: var(--dcf-color-eerie-black);
    --dcf-radio-button-marker-color-disabled: var(--dcf-color-battle-ship-gray);
    --dcf-radio-button-marker-color-hover: var(--dcf-color-eerie-black);
    --dcf-radio-button-marker-color-focus: var(--dcf-color-focus)
}

.dcf-radio-button {
    color: var(--dcf-radio-button-text-color);
    display: inline-flex;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem
}

.dcf-radio-button input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dcf-radio-button input[type=radio]:checked:focus-visible+label:before,.dcf-radio-button input[type=radio]:focus-visible+label:before {
    border-color: var(--dcf-radio-button-marker-color-focus)
}

.dcf-radio-button input[type=radio]:focus-visible+label:after {
    background-color: var(--dcf-radio-button-marker-color-focus)
}

.dcf-radio-button input[type=radio]:checked+label:before {
    border-color: var(--dcf-radio-button-marker-color-active)
}

.dcf-radio-button input[type=radio]:checked+label:after {
    background-color: var(--dcf-radio-button-marker-color-active);
    border-radius: 50%;
    content: "";
    height: .5rem;
    left: .5rem;
    position: absolute;
    top: 1.375rem;
    transform: translate(-50%,-50%);
    width: .5rem
}

.dcf-radio-button input[type=radio]:hover+label:before {
    border-color: var(--dcf-radio-button-marker-color-hover)
}

.dcf-radio-button input[type=radio]:disabled+label {
    cursor: default;
    opacity: .5
}

.dcf-radio-button input[type=radio]:disabled+label:before {
    border-color: var(--dcf-radio-button-marker-color-disabled)
}

.dcf-radio-button label {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 19.0625rem;
    padding-bottom: .6875rem;
    padding-top: .6875rem;
    position: relative
}

.dcf-radio-button label:before {
    border: .063rem solid var(--dcf-radio-button-marker-color);
    border-radius: 50%;
    content: "";
    height: 1rem;
    min-width: 1rem;
    position: absolute;
    top: .875rem;
    transition: border .3s ease-in-out
}

.dcf-radio-button label div {
    display: flex;
    justify-content: space-between;
    margin-left: 1.5rem;
    width: 100%
}

.dcf-radio-button label div span.labeltxt {
    color: var(--dcf-radio-button-text-color)
}

.dcf-radio-button__boxed {
    font-size: .875rem;
    line-height: 1.25rem
}

.dcf-radio-button__boxed input[type=radio]:checked+label {
    border-color: var(--dcf-radio-button-marker-color-active)
}

.dcf-radio-button__boxed input[type=radio]:checked+label:after {
    left: 1.25rem;
    top: 1.375rem
}

.dcf-radio-button__boxed input[type=radio]:hover+label {
    border-color: var(--dcf-radio-button-marker-color-hover)
}

.dcf-radio-button__boxed input[type=radio]:focus-visible+label {
    border-color: var(--dcf-radio-button-marker-color-focus)
}

.dcf-radio-button__boxed input[type=radio]:disabled+label,.dcf-radio-button__boxed input[type=radio]:disabled+label p,.dcf-radio-button__boxed input[type=radio]:disabled+label:before {
    border-color: var(--dcf-radio-button-marker-color-disabled)
}

.dcf-radio-button__boxed label {
    border: .063rem solid var(--dcf-radio-button-border-color);
    border-radius: .25rem;
    flex-wrap: wrap;
    min-height: 2.751rem;
    min-width: 2.6rem;
    padding-left: .75rem;
    padding-right: .75rem;
    transition: border .3s ease-in-out
}

.dcf-radio-button__boxed label p,.dcf-radio-button__boxed label span {
    color: var(--dcf-radio-button-helper-color)
}

.dcf-radio-button__boxed label p {
    border-top: .063rem solid var(--dcf-radio-button-border-color);
    flex-basis: 100%;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    padding-top: .75rem
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 300;
    src: url(./MieleElements-3Light.CpVTikL5.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 350;
    src: url(./MieleElements-4SemiLight.6E16LlKB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/MieleElements-5Regular.B_pXPAlV.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/MieleElements-6SemiBold.2-lbmI56.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: normal;
    font-weight: 700;
    src: url(./MieleElements-7Bold.5tpdqPYq.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 300;
    src: url(./MieleElements-3LightItalic.NQumX-9A.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 350;
    src: url(./MieleElements-4SemiLightItalic.Bjk2qTpg.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/MieleElements-5RegularItalic.CokBJJsB.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 600;
    src: url(./MieleElements-6SemiBoldItalic.CcZApPiR.woff2) format("woff2")
}

@font-face {
    font-family: MieleElements;
    font-style: italic;
    font-weight: 700;
    src: url(./MieleElements-7BoldItalic.B76jIH9I.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_45 Light"),url(./f9c5199e-a996-4c08-9042-1eb845bb7495.Bg2lPxjz.woff2) format("woff2"),url(./2a34f1f8-d701-4949-b12d-133c1c2636eb.B0bzLvqT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 400;
    src: local("Helvetica Neue LT W05_46 Lt It"),url(./5e4f385b-17ff-4d27-a63a-9ee28546c9a8.D6P80aAD.woff2) format("woff2"),url(./116cde47-4a07-44a5-9fac-cbdcc1f14f79.6GwxC-YC.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_55 Roman"),url(./08b57253-2e0d-4c12-9c57-107f6c67bc49.jnuPEn8n.woff2) format("woff2"),url(./08edde9d-c27b-4731-a27f-d6cd9b01cd06.DFS_BbS7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 500;
    src: local("Helvetica Neue LT W05_56 Italic"),url(./4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.DkNUZhe0.woff2) format("woff2"),url(./4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.CoeEsj8z.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_65 Medium"),url(./240c57a0-fdce-440d-9ce3-85e0cb56f470.BNdsBy3I.woff2) format("woff2"),url(./7802e576-2ffa-4f22-a409-534355fbea79.D4hoS7OA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 600;
    src: local("Helvetica Neue LT W05_66 Md It"),url(./de68be2a-5d0e-4b8d-b3eb-940f75503e2a.CkvrP0ek.woff2) format("woff2"),url(./31029e78-79a0-4940-b82d-2e3c238e1355.B_eYDJpw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_75 Bold"),url(./800da3b0-675f-465f-892d-d76cecbdd5b1.CxszQMIm.woff2) format("woff2"),url(./7b415a05-784a-4a4c-8c94-67e9288312f5.DtmAiR3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: italic;
    font-weight: 700;
    src: local("Helvetica Neue LT W05_76 Bd It"),url(./13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.B1nP5Vx3.woff2) format("woff2"),url(./5018b5b5-c821-4653-bc74-d0b11d735f1a.BL-qhEHh.woff) format("woff")
}

.dcf-link {
    color: currentColor;
    text-decoration: underline
}

.dcf-ctx-dark .dcf-list,.dcf-list .dcf-ctx-dark,dcf-list .dcf-list.dcf-ctx-dark {
    --dcf-list-color: var(--dcf-color-white)
}

:host .dcf-list.dcf-ctx-dark,:root .dcf-list.dcf-ctx-dark {
    --dcf-list-color: var(--dcf-color-white)
}

.dcf-ctx-light .dcf-list,.dcf-list .dcf-ctx-light,dcf-list .dcf-list.dcf-ctx-light {
    --dcf-list-color: var(--dcf-color-black)
}

:host .dcf-list.dcf-ctx-light,:root .dcf-list.dcf-ctx-light {
    --dcf-list-color: var(--dcf-color-black)
}

.dcf-list {
    --dcf-list-divider-width: 1px;
    --dcf-list-padding: var(--dcf-grid-gap);
    --dcf-list-font-size: 22px;
    --dcf-list-font-weight: var(--dcf-font-weight-light);
    color: var(--dcf-list-color)
}

@media (min-width: 768px) {
    .dcf-list {
        --dcf-list-padding:1.5rem;
        --dcf-list-font-size: 26px
    }
}

.dcf-list li {
    border-top: var(--dcf-list-divider-width) solid var(--dcf-color-silver);
    font-size: var(--dcf-list-font-size);
    font-weight: var(--dcf-list-font-weight);
    padding: var(--dcf-list-padding) 0
}

.dcf-ctx-dark .dcf-list-component,.dcf-list-component .dcf-ctx-dark,dcf-list-component .dcf-list-component.dcf-ctx-dark {
    --dcf-list-color: var(--dcf-color-white)
}

:host .dcf-list-component.dcf-ctx-dark,:root .dcf-list-component.dcf-ctx-dark {
    --dcf-list-color: var(--dcf-color-white)
}

.dcf-ctx-light .dcf-list-component,.dcf-list-component .dcf-ctx-light,dcf-list-component .dcf-list-component.dcf-ctx-light {
    --dcf-list-color: var(--dcf-color-black)
}

:host .dcf-list-component.dcf-ctx-light,:root .dcf-list-component.dcf-ctx-light {
    --dcf-list-color: var(--dcf-color-black)
}

.dcf-list-component {
    --dcf-list-divider-width: .063rem;
    --dcf-list-padding: var(--dcf-grid-gap);
    --dcf-list-font-size: 1.375rem;
    --dcf-list-font-weight: var(--dcf-font-weight-light);
    color: var(--dcf-list-color)
}

@media (min-width: 768px) {
    .dcf-list-component {
        --dcf-list-padding:1.5rem;
        --dcf-list-font-size: 1.625rem
    }
}

.dcf-list-component li {
    border-top: var(--dcf-list-divider-width) solid var(--dcf-color-silver);
    font-size: var(--dcf-list-font-size);
    font-weight: var(--dcf-list-font-weight);
    padding: var(--dcf-list-padding) 0
}

[data-v-20a36d7a]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-20a36d7a]:host,[data-v-20a36d7a]:root {
        --dcf-grid-gap:2.5rem
    }
}

.umf-change-email[data-v-20a36d7a] {
    display: flex;
    flex-direction: column
}

.umf-change-email__headline[data-v-20a36d7a] {
    margin-bottom: 1rem;
    text-align: center
}

.umf-change-email__copy[data-v-20a36d7a] {
    margin-bottom: 2rem;
    text-align: center
}

.umf-change-email__form-wrapper[data-v-20a36d7a] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.umf-delete-account[data-v-c784f71c] {
    display: flex;
    flex-direction: column
}

.umf-delete-account__title[data-v-c784f71c] {
    font-size: 1.5rem;
    font-weight: 350;
    margin-bottom: 1rem
}

.umf-delete-account__error[data-v-c784f71c] {
    padding-bottom: 1rem
}

.umf-delete-account__description[data-v-c784f71c] {
    margin-bottom: 2rem
}

.umf-delete-account__form[data-v-c784f71c] {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

[data-v-32e7e62c]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-32e7e62c]:host,[data-v-32e7e62c]:root {
        --dcf-grid-gap:2.5rem
    }
}

.umf-change-password[data-v-32e7e62c] {
    display: flex;
    flex-direction: column
}

.umf-change-password_form-title[data-v-32e7e62c] {
    padding-bottom: 1rem;
    text-align: center
}

.umf-change-password_form-subtitle[data-v-32e7e62c] {
    font-weight: var(--dcf-font-weight-light);
    padding-bottom: 2rem;
    text-align: center
}

.umf-change-password .form-wrap[data-v-32e7e62c],.umf-change-password .success-display[data-v-32e7e62c] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

[data-v-424e7a96]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-424e7a96]:host,[data-v-424e7a96]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-424e7a96]:host,[data-v-424e7a96]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-424e7a96]:host,[data-v-424e7a96]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-424e7a96]:host,[data-v-424e7a96]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-424e7a96]:host,[data-v-424e7a96]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-424e7a96]:host,[data-v-424e7a96]:root {
        --dcf-grid-gap:2.5rem
    }
}

.umf-consent-scene[data-v-424e7a96] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.umf-consent-scene__checkbox[data-v-424e7a96] {
    align-items: center;
    display: flex;
    gap: .5rem
}

.umf-consent-scene__checkbox-group[data-v-424e7a96]:not(:last-child) {
    margin-bottom: .5rem
}

.umf-consent-scene__checkbox-group[data-v-424e7a96]:last-child {
    margin-bottom: 1.5rem
}

.umf-consent-scene__cta[data-v-424e7a96] {
    width: 50%
}

.umf-consent-scene__error[data-v-424e7a96] {
    padding-bottom: 1.5rem
}

@media (min-width: 992px) {
    .umf-divider-container>.umf-divider-line[data-v-beece808] {
        border-left:1px solid var(--dcf-color-silver);
        height: 100%
    }
}

@media (max-width: 1199.98px) {
    .umf-divider-container>.umf-divider-line[data-v-beece808] {
        border-top:1px solid var(--dcf-color-silver);
        width: 100%
    }
}

[data-v-96f69cdc]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-96f69cdc]:host,[data-v-96f69cdc]:root {
        --dcf-grid-gap:2.5rem
    }
}

.forgotPassword-scene-content[data-v-96f69cdc] {
    display: flex;
    flex-direction: column;
    margin: 0
}

.forgotPassword-scene-content .forgotPassword-form-title[data-v-96f69cdc] {
    margin-bottom: 1rem
}

.forgotPassword-scene-content .form-wrap[data-v-96f69cdc] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.forgotPassword-scene-content .form-wrap>.dcf-text-input[data-v-96f69cdc] {
    margin: 0
}

.forgotPassword-scene-content .buttons-wrap[data-v-96f69cdc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-end
}

.forgotPassword-scene-content>.go-back-btn[data-v-96f69cdc] {
    height: 2.25rem;
    justify-content: left;
    margin-top: 1rem
}

.forgotPassword-scene-content .dcf-h5-child[data-v-96f69cdc] {
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem
}

.umf-login-scene[data-v-4d44666f] {
    display: flex;
    flex-direction: column;
    margin: 0
}

.umf-login-scene__form-wrapper[data-v-4d44666f] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.umf-login-scene__form-wrapper>.dcf-text-input[data-v-4d44666f] {
    margin: 0
}

.umf-login-scene .buttons-wrap[data-v-4d44666f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-end
}

.umf-login-scene .buttons-wrap>.forgot-pwd-btn[data-v-4d44666f] {
    height: 2.25rem;
    justify-content: left
}

.umf-login__headline[data-v-8322c143] {
    margin-bottom: 1rem
}

[data-v-246ac9f3]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-246ac9f3]:host,[data-v-246ac9f3]:root {
        --dcf-grid-gap:2.5rem
    }
}

.umf-login-modal__headline[data-v-246ac9f3] {
    margin-bottom: .5rem;
    text-align: center
}

@media (min-width: 768px) {
    .umf-login-modal__headline[data-v-246ac9f3] {
        margin-bottom:1rem
    }
}

.umf-login-modal__copy[data-v-246ac9f3] {
    font-weight: var(--dcf-font-weight-light);
    margin-bottom: 2rem;
    text-align: center
}

.umf-login-modal__copy[data-v-246ac9f3]:empty {
    margin-bottom: 0
}

.umf-modal-overlay :focus:not(:focus-visible) {
    outline: none
}

.umf-modal-overlay :focus-visible {
    outline: .05rem dotted var(--dcf-color-black);
    outline-offset: .2rem
}

.umf-modal-overlay .dcf-button--tertiary:after,.umf-modal-overlay .dcf-button--tertiary:before {
    display: none
}

[data-v-53fdf548]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-53fdf548]:host,[data-v-53fdf548]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-53fdf548]:host,[data-v-53fdf548]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-53fdf548]:host,[data-v-53fdf548]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-53fdf548]:host,[data-v-53fdf548]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-53fdf548]:host,[data-v-53fdf548]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-53fdf548]:host,[data-v-53fdf548]:root {
        --dcf-grid-gap:2.5rem
    }
}

.umf-password-strength[data-v-53fdf548] {
    color: var(--dcf-color-eerie-black);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: .75rem;
    line-height: 1.25rem;
    margin: .625rem 0 1rem
}

.umf-password-strength__msg[data-v-53fdf548] {
    font-weight: var(--dcf-font-weight-medium)
}

.umf-password-strength__meter[data-v-53fdf548] {
    background-color: var(--dcf-color-cultured);
    border-radius: 999px;
    display: inline-block;
    height: .3125rem;
    position: relative;
    width: 100%
}

.umf-password-strength__meter span[data-v-53fdf548] {
    border-radius: 999px;
    height: .3125rem;
    left: 0;
    position: absolute
}

.umf-password-strength__meter-strength_-1[data-v-53fdf548] {
    background-color: var(--dcf-color-notification-red);
    width: 10%
}

.umf-password-strength__meter-strength_0[data-v-53fdf548],.umf-password-strength__meter-strength_1[data-v-53fdf548] {
    background-color: var(--dcf-color-notification-red);
    width: 25%
}

.umf-password-strength__meter-strength_2[data-v-53fdf548] {
    background-color: var(--dcf-color-miele-orange);
    width: 50%
}

.umf-password-strength__meter-strength_3[data-v-53fdf548] {
    background-color: var(--dcf-color-notification-green);
    width: 90%
}

.umf-password-strength__meter-strength_4[data-v-53fdf548] {
    background-color: var(--dcf-color-notification-green);
    width: 100%
}

.umf-password-strength_error[data-v-53fdf548] {
    font-weight: var(--dcf-font-weight-normal)
}

[data-v-ce675638]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-ce675638]:host,[data-v-ce675638]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-ce675638]:host,[data-v-ce675638]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-ce675638]:host,[data-v-ce675638]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-ce675638]:host,[data-v-ce675638]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-ce675638]:host,[data-v-ce675638]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-ce675638]:host,[data-v-ce675638]:root {
        --dcf-grid-gap:2.5rem
    }
}

.marketing-consent-scene-content[data-v-ce675638] {
    display: flex;
    flex-direction: column;
    margin: 2rem .5rem 2.5rem
}

@media (min-width: 992px) {
    .marketing-consent-scene-content[data-v-ce675638] {
        margin:2rem 1rem
    }
}

.marketing-consent-scene-content__title[data-v-ce675638] {
    margin-bottom: 2.5rem;
    text-align: center
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__title[data-v-ce675638] {
        margin-bottom:2rem
    }
}

.marketing-consent-scene-content__scroll-content[data-v-ce675638] {
    margin-bottom: 2rem;
    padding-right: 1rem;
    scrollbar-width: thin
}

.marketing-consent-scene-content__scroll-content[data-v-ce675638]::-webkit-scrollbar {
    width: .375rem
}

.marketing-consent-scene-content__scroll-content[data-v-ce675638]::-webkit-scrollbar-track {
    background-color: transparent
}

.marketing-consent-scene-content__scroll-content[data-v-ce675638]::-webkit-scrollbar-thumb {
    background-color: var(--dcf-color-silver);
    border-radius: 6.25rem
}

.marketing-consent-scene-content__scroll-content[data-v-ce675638]::-webkit-scrollbar-thumb:hover {
    background-color: var(--dcf-color-battle-ship-gray)
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__scroll-content[data-v-ce675638] {
        max-height:25rem;
        overflow-x: auto
    }
}

.marketing-consent-scene-content__scroll-content .dcf-link[data-v-ce675638] {
    color: var(--dcf-color-miele-gray);
    margin-bottom: .625rem
}

.marketing-consent-scene-content__scroll-content .dcf-checkbox[data-v-ce675638] {
    color: var(--dcf-color-miele-gray)
}

.marketing-consent-scene-content__description[data-v-ce675638] {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-bottom: 1.75rem
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__description[data-v-ce675638] {
        margin-bottom:2.625rem
    }
}

.marketing-consent-scene-content__input-field p[data-v-ce675638] {
    margin-bottom: 1rem
}

.marketing-consent-scene-content__input-field .dcf-link[data-v-ce675638] {
    display: block;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-left: 1.875rem
}

.marketing-consent-scene-content__input-field .dcf-checkbox[data-v-ce675638] {
    font-size: .875rem;
    font-style: normal;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem
}

.marketing-consent-scene-content__highlighted[data-v-ce675638] {
    background: #f6f6f6;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    padding: 1rem
}

.marketing-consent-scene-content__button-area[data-v-ce675638] {
    display: flex
}

@media (min-width: 576px) {
    .marketing-consent-scene-content__button-area[data-v-ce675638] {
        margin-left:auto;
        margin-right: auto
    }
}

.marketing-consent-scene-content .umf-error-handler[data-v-ce675638] {
    margin-top: 1.5rem
}

.marketing-consent-scene-content__submit[data-v-ce675638] {
    margin: 2.875rem auto 0;
    width: 100%
}

@media (min-width: 576px) {
    .marketing-consent-scene-content__submit[data-v-ce675638] {
        width:15.3125rem
    }
}

.marketing-consent-scene-content .dcf-checkbox[data-v-ce675638] {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem
}

[data-v-688e15b4]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-688e15b4]:host,[data-v-688e15b4]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-688e15b4]:host,[data-v-688e15b4]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-688e15b4]:host,[data-v-688e15b4]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-688e15b4]:host,[data-v-688e15b4]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-688e15b4]:host,[data-v-688e15b4]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-688e15b4]:host,[data-v-688e15b4]:root {
        --dcf-grid-gap:2.5rem
    }
}

.marketing-consent-scene-content[data-v-688e15b4] {
    display: flex;
    flex-direction: column;
    margin: 2rem .5rem 2.5rem
}

@media (min-width: 992px) {
    .marketing-consent-scene-content[data-v-688e15b4] {
        margin:2rem 1rem
    }
}

.marketing-consent-scene-content__title[data-v-688e15b4] {
    margin-bottom: 2.5rem;
    text-align: center
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__title[data-v-688e15b4] {
        margin-bottom:2rem
    }
}

.marketing-consent-scene-content__scroll-content[data-v-688e15b4] {
    margin-bottom: 2rem;
    padding-right: 1rem;
    scrollbar-width: thin
}

.marketing-consent-scene-content__scroll-content[data-v-688e15b4]::-webkit-scrollbar {
    width: .375rem
}

.marketing-consent-scene-content__scroll-content[data-v-688e15b4]::-webkit-scrollbar-track {
    background-color: transparent
}

.marketing-consent-scene-content__scroll-content[data-v-688e15b4]::-webkit-scrollbar-thumb {
    background-color: var(--dcf-color-silver);
    border-radius: 6.25rem
}

.marketing-consent-scene-content__scroll-content[data-v-688e15b4]::-webkit-scrollbar-thumb:hover {
    background-color: var(--dcf-color-battle-ship-gray)
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__scroll-content[data-v-688e15b4] {
        max-height:25rem;
        overflow-x: auto
    }
}

.marketing-consent-scene-content__scroll-content .dcf-link[data-v-688e15b4] {
    color: var(--dcf-color-miele-gray);
    margin-bottom: .625rem
}

.marketing-consent-scene-content__scroll-content .dcf-checkbox[data-v-688e15b4] {
    color: var(--dcf-color-miele-gray)
}

.marketing-consent-scene-content__description[data-v-688e15b4] {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-bottom: 1.75rem
}

@media (min-width: 992px) {
    .marketing-consent-scene-content__description[data-v-688e15b4] {
        margin-bottom:2.625rem
    }
}

.marketing-consent-scene-content__input-field p[data-v-688e15b4] {
    margin-bottom: 1rem
}

.marketing-consent-scene-content__input-field .dcf-link[data-v-688e15b4] {
    display: block;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-left: 1.875rem
}

.marketing-consent-scene-content__input-field .dcf-checkbox[data-v-688e15b4] {
    font-size: .875rem;
    font-style: normal;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem
}

.marketing-consent-scene-content__highlighted[data-v-688e15b4] {
    background: #f6f6f6;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    padding: 1rem
}

.marketing-consent-scene-content__button-area[data-v-688e15b4] {
    display: flex
}

@media (min-width: 576px) {
    .marketing-consent-scene-content__button-area[data-v-688e15b4] {
        margin-left:auto;
        margin-right: auto
    }
}

.marketing-consent-scene-content .umf-error-handler[data-v-688e15b4] {
    margin-top: 1.5rem
}

.marketing-consent-scene-content__submit[data-v-688e15b4] {
    margin: 2.875rem auto 0;
    width: 100%
}

@media (min-width: 576px) {
    .marketing-consent-scene-content__submit[data-v-688e15b4] {
        width:15.3125rem
    }
}

.marketing-consent-scene-content .dcf-checkbox[data-v-688e15b4] {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: 1.25rem
}

.marketing-consent-scene-content .v-enter-active[data-v-688e15b4],.marketing-consent-scene-content .v-leave-active[data-v-688e15b4] {
    transition: opacity .2s ease
}

.marketing-consent-scene-content .v-enter-from[data-v-688e15b4],.marketing-consent-scene-content .v-leave-to[data-v-688e15b4] {
    opacity: 0
}

.umf-register-scene__headline {
    margin-bottom: 1rem
}

.umf-register-scene__buttonWrapper {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.umf-register-scene__list-icon {
    flex-shrink: 0;
    margin-right: .5rem
}

.umf-register-scene__list-headline {
    font-weight: var(--dcf-font-weight-bold);
    margin-bottom: .5rem
}

.umf-register-scene__list-item {
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .5rem
}

.umf-read-more[data-v-90907899] {
    --color-grey-70: #6b6b6b;
    --font-size-40: .875rem
}

.umf-read-more__button[data-v-90907899] {
    color: var(--color-grey-70);
    cursor: pointer;
    font-size: var(--font-size-40);
    font-style: italic;
    text-decoration: underline
}

[data-v-45f68809]:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

[data-v-45f68809]:host,[data-v-45f68809]:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    [data-v-45f68809]:host,[data-v-45f68809]:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    [data-v-45f68809]:host,[data-v-45f68809]:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    [data-v-45f68809]:host,[data-v-45f68809]:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    [data-v-45f68809]:host,[data-v-45f68809]:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    [data-v-45f68809]:host,[data-v-45f68809]:root {
        --dcf-grid-gap:2.5rem
    }
}

.miele-club-consent-scene[data-v-45f68809] {
    --spacing-generic-m: 1.5rem;
    --spacing-generic-xs: .5rem;
    --font-size-30: .75rem;
    --font-size-50: 1rem;
    --font-size-90: 1.625rem;
    --lineheight-regular: 120%;
    --lineheight-paragraph: 140%
}

.miele-club-consent-scene[data-v-45f68809] .dcf-tile-media-wrapper {
    height: auto;
    margin-bottom: var(--spacing-generic-m)
}

.miele-club-consent-scene[data-v-45f68809] .dcf-tile-media-wrapper>img {
    border-radius: var(--spacing-generic-xs);
    height: auto;
    max-width: 100%
}

.miele-club-consent-scene[data-v-45f68809] .dcf-tile-title {
    font-size: var(--font-size-90);
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: normal;
    line-height: var(--lineheight-regular);
    text-transform: none
}

.miele-club-consent-scene__form[data-v-45f68809] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.miele-club-consent-scene__description[data-v-45f68809] {
    font-size: var(--font-size-90);
    font-weight: var(--dcf-font-weight-lighter);
    letter-spacing: normal;
    line-height: var(--lineheight-regular);
    margin-bottom: var(--spacing-generic-m);
    text-transform: none
}

.miele-club-consent-scene__benefits[data-v-45f68809] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-generic-m);
    position: relative
}

.miele-club-consent-scene__benefits[data-v-45f68809]>li {
    padding: 0
}

.miele-club-consent-scene__benefits[data-v-45f68809]>li:before {
    content: "⬩  ";
    position: absolute
}

.miele-club-consent-scene__benefit[data-v-45f68809] {
    font-size: var(--font-size-50);
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: normal;
    line-height: var(--lineheight-paragraph);
    text-transform: none
}

.miele-club-consent-scene__benefit>div[data-v-45f68809] {
    margin-left: var(--spacing-generic-m)
}

.miele-club-consent-scene__consent[data-v-45f68809] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-generic-m);
    margin-bottom: var(--spacing-generic-m)
}

.miele-club-consent-scene__terms-condition[data-v-45f68809] {
    font-size: var(--font-size-30);
    font-weight: var(--dcf-font-weight-light);
    letter-spacing: normal;
    line-height: var(--lineheight-paragraph);
    margin-left: 1.75rem;
    text-transform: none
}

.miele-club-consent-scene__newsletter[data-v-45f68809] {
    align-items: center;
    display: flex;
    gap: var(--spacing-generic-xs)
}

.miele-club-consent-scene__submit[data-v-45f68809] {
    background: var(--dcf-button-bg)
}

.miele-club-consent-scene__link[data-v-45f68809] {
    text-decoration: underline
}

.miele-club-consent-scene__msg-error[data-v-45f68809],.miele-club-consent-scene__msg-notification[data-v-45f68809] {
    margin-bottom: var(--spacing-generic-m)
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

details {
    display: block
}

[hidden],template {
    display: none
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul {
    margin: 0
}

ol,ul {
    list-style: none;
    padding: 0
}

button {
    background: transparent;
    border: 0;
    padding: 0
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: normal;
    font-weight: 300;
    src: local("Miele Elements Light"),url(/wmedia/fonts/MieleElements-3Light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: italic;
    font-weight: 300;
    src: local("Miele Elements Light Italic"),url(/wmedia/fonts/MieleElements-3LightItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: normal;
    font-weight: 350;
    src: local("Miele Elements SemiLight"),url(/wmedia/fonts/MieleElements-4SemiLight.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: italic;
    font-weight: 350;
    src: local("Miele Elements SemiLight Italic"),url(/wmedia/fonts/MieleElements-4SemiLightItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: normal;
    font-weight: 500;
    src: local("Miele Elements Regular"),url(./fonts/MieleElements-5Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: italic;
    font-weight: 500;
    src: local("Miele Elements Regular Italic"),url(/wmedia/fonts/MieleElements-5RegularItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: normal;
    font-weight: 600;
    src: local("Miele Elements SemiBold"),url(./fonts/MieleElements-6SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: italic;
    font-weight: 600;
    src: local("Miele Elements SemiBold Italic"),url(/wmedia/fonts/MieleElements-6SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: normal;
    font-weight: 700;
    src: local("Miele Elements Bold"),url(/wmedia/fonts/MieleElements-7Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MieleElements;
    font-style: italic;
    font-weight: 700;
    src: local("Miele Elements Bold Italic"),url(/wmedia/fonts/MieleElements-7BoldItalic.woff2) format("woff2")
}

:root {
    --dcf-color-half-gradient: linear-gradient(180deg,rgba(0,0,0,.56) 0%,transparent 50%);
    --dcf-color-full-gradient: linear-gradient(180deg,rgba(0,0,0,.8),transparent)
}

.dcf-color-gradient {
    border: 1px solid var(--dcf-color-cultured);
    opacity: 56%
}

.dcf-color-gradient--full {
    background-image: var(--dcf-color-full-gradient)
}

.dcf-color-gradient--half {
    background-image: var(--dcf-color-half-gradient)
}

:root {
    --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-white);
    --dcf-h6-color: var(--dcf-color-battle-ship-gray);
    --dcf-body-copy-color: var(--dcf-color-white);
    --dcf-clickable-action-color: var(--dcf-color-silver)
}

.dcf-ctx-dark .dcf-h1,.dcf-ctx-dark .dcf-h1-child,.dcf-ctx-dark .dcf-h2,.dcf-ctx-dark .dcf-h2-child,.dcf-ctx-dark .dcf-h3,.dcf-ctx-dark .dcf-h3-child,.dcf-ctx-dark .dcf-h4,.dcf-ctx-dark .dcf-h4-child,.dcf-ctx-dark .dcf-h5,.dcf-ctx-dark .dcf-h5-child {
    --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-white)
}

.dcf-ctx-dark .dcf-body-copy,.dcf-ctx-dark .dcf-body-copy * {
    --dcf-body-copy-color: var(--dcf-color-white)
}

.dcf-ctx-dark .dcf-clickable-action {
    --dcf-clickable-action-color: var(--dcf-color-silver)
}

.dcf-ctx-light .dcf-h1,.dcf-ctx-light .dcf-h1-child,.dcf-ctx-light .dcf-h2,.dcf-ctx-light .dcf-h2-child,.dcf-ctx-light .dcf-h3,.dcf-ctx-light .dcf-h3-child,.dcf-ctx-light .dcf-h4,.dcf-ctx-light .dcf-h4-child,.dcf-ctx-light .dcf-h5,.dcf-ctx-light .dcf-h5-child {
    --dcf-h1-h2-h3-h4-h5-color: var(--dcf-color-eerie-black)
}

.dcf-ctx-light .dcf-body-copy,.dcf-ctx-light .dcf-body-copy * {
    --dcf-body-copy-color: var(--dcf-color-eerie-black)
}

.dcf-ctx-light .dcf-clickable-action {
    --dcf-clickable-action-color: var(--dcf-color-eerie-black)
}

.dcf-h1,.dcf-h1-child,.dcf-h2,.dcf-h2-child,.dcf-h3,.dcf-h3-child,.dcf-h4,.dcf-h4-child,.dcf-h5,.dcf-h5-child {
    color: var(--dcf-h1-h2-h3-h4-h5-color)
}

.dcf-h6,.dcf-h6-child {
    color: var(--dcf-h6-color)
}

.dcf-h1,.dcf-h1-child>* {
    font-size: 1.875rem;
    font-weight: var(--dcf-font-weight-light);
    letter-spacing: inherit;
    line-height: 2.375rem;
    text-transform: inherit
}

.dcf-h1-child>:before,.dcf-h1:before {
    content: "";
    margin-top: 0
}

.dcf-h1-child>:after,.dcf-h1:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 768px) {
    .dcf-h1,.dcf-h1-child>* {
        font-size:2rem;
        line-height: 2.25rem
    }
}

@media (min-width: 992px) {
    .dcf-h1,.dcf-h1-child>* {
        font-size:2.75rem;
        line-height: 3.25rem
    }
}

.dcf-h2,.dcf-h2-child>* {
    font-size: 1.5rem;
    font-weight: var(--dcf-font-weight-light);
    letter-spacing: inherit;
    line-height: 1.875rem;
    text-transform: inherit
}

.dcf-h2-child>:before,.dcf-h2:before {
    content: "";
    margin-top: 0
}

.dcf-h2-child>:after,.dcf-h2:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 768px) {
    .dcf-h2,.dcf-h2-child>* {
        font-size:1.75rem;
        line-height: 2.125rem
    }
}

@media (min-width: 992px) {
    .dcf-h2,.dcf-h2-child>* {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.dcf-h3,.dcf-h3-child>* {
    font-size: 1.375rem;
    font-weight: var(--dcf-font-weight-light);
    letter-spacing: inherit;
    line-height: 1.75rem;
    text-transform: inherit
}

.dcf-h3-child>:before,.dcf-h3:before {
    content: "";
    margin-top: 0
}

.dcf-h3-child>:after,.dcf-h3:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 992px) {
    .dcf-h3,.dcf-h3-child>* {
        font-size:1.625rem;
        line-height: 2rem
    }
}

.dcf-h4,.dcf-h4-child>* {
    font-size: 1.125rem;
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: inherit;
    line-height: 1.625rem;
    text-transform: inherit
}

.dcf-h4-child>:before,.dcf-h4:before {
    content: "";
    margin-top: 0
}

.dcf-h4-child>:after,.dcf-h4:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 992px) {
    .dcf-h4,.dcf-h4-child>* {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.dcf-h5,.dcf-h5-child>* {
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: inherit;
    line-height: 1.25rem;
    text-transform: inherit
}

.dcf-h5-child>:before,.dcf-h5:before {
    content: "";
    margin-top: 0
}

.dcf-h5-child>:after,.dcf-h5:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 992px) {
    .dcf-h5,.dcf-h5-child>* {
        font-size:1rem;
        line-height: 1.375rem
    }
}

.dcf-h6,.dcf-h6-child>* {
    color: var(--dcf-color-battle-ship-gray);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: .1394rem;
    line-height: 1.25rem;
    text-transform: uppercase
}

.dcf-h6-child>:before,.dcf-h6:before {
    content: "";
    margin-top: 0
}

.dcf-h6-child>:after,.dcf-h6:after {
    content: "";
    margin-bottom: 0
}

@media (min-width: 992px) {
    .dcf-h6,.dcf-h6-child>* {
        font-size:.875rem;
        letter-spacing: .1625rem
    }
}

.dcf-tagline,.dcf-tagline>* {
    color: var(--dcf-color-miele-orange);
    font-size: .625rem;
    font-weight: var(--dcf-font-weight-light);
    letter-spacing: .1163rem;
    line-height: 1.25rem
}

@media (min-width: 992px) {
    .dcf-tagline,.dcf-tagline>* {
        font-size:.75rem;
        font-weight: var(--dcf-font-weight-medium);
        letter-spacing: .1394rem
    }
}

.dcf-body-copy,.dcf-body-copy * {
    --dcf-body-copy-font-size: .625rem;
    --dcf-body-copy-line-height: .75rem;
    --dcf-body-copy-letter-spacing: 0;
    --dcf-body-copy-font-weight: var(--dcf-font-weight-medium);
    color: var(--dcf-body-copy-color);
    font-size: var(--dcf-body-copy-font-size);
    font-weight: var(--dcf-body-copy-font-weight);
    letter-spacing: var(--dcf-body-copy-letter-spacing);
    line-height: var(--dcf-body-copy-line-height)
}

@media (min-width: 576px) {
    .dcf-body-copy,.dcf-body-copy * {
        --dcf-body-copy-font-size:.75rem;
        --dcf-body-copy-line-height: .875rem;
        --dcf-body-copy-letter-spacing: 0;
        --dcf-body-copy-font-weight: var(--dcf-font-weight-medium)
    }
}

@media (min-width: 768px) {
    .dcf-body-copy,.dcf-body-copy * {
        --dcf-body-copy-font-size:.875rem;
        --dcf-body-copy-line-height: 1.25rem;
        --dcf-body-copy-letter-spacing: 0;
        --dcf-body-copy-font-weight: var(--dcf-font-weight-normal)
    }
}

@media (min-width: 992px) {
    .dcf-body-copy,.dcf-body-copy * {
        --dcf-body-copy-font-size:1rem;
        --dcf-body-copy-line-height: 1.375rem;
        --dcf-body-copy-letter-spacing: 0;
        --dcf-body-copy-font-weight: var(--dcf-font-weight-normal)
    }
}

@media (min-width: 1200px) {
    .dcf-body-copy,.dcf-body-copy * {
        --dcf-body-copy-font-size:1rem;
        --dcf-body-copy-line-height: 1.75rem;
        --dcf-body-copy-letter-spacing: 0;
        --dcf-body-copy-font-weight: var(--dcf-font-weight-normal)
    }
}

.dcf-clickable-action {
    background: transparent;
    border: none;
    color: var(--dcf-clickable-action-color);
    cursor: pointer;
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-medium);
    letter-spacing: .0625rem;
    line-height: .875rem;
    text-decoration: none;
    text-transform: uppercase
}

* {
    -webkit-font-smoothing: var(--dcf-webkit-font-smoothing);
    -moz-osx-font-smoothing: var(--dcf-moz-osx-font-smoothing)
}

html {
    font-size: var(--dcf-root-font-size)
}

body {
    background-color: var(--dcf-app--bg);
    font-family: var(--dcf-font-family);
    letter-spacing: var(--dcf-letter-spacing);
    line-height: var(--dcf-line-height)
}

body.dhf-page .main,body.dhf-page main {
    margin-top: 8.125rem
}

@media (max-width: 1199.98px) {
    body.dhf-page .main,body.dhf-page main {
        margin-top:3.75rem
    }
}

body.dhf-page.dhf-page--minimal .main,body.dhf-page.dhf-page--minimal main,body.dhf-page.dhf-page--minimal.dhf-notification-on .main,body.dhf-page.dhf-page--minimal.dhf-notification-on main {
    margin-top: 0
}

@media (max-width: 1199.98px) {
    body.dhf-page.dhf-page--minimal .main,body.dhf-page.dhf-page--minimal main,body.dhf-page.dhf-page--minimal.dhf-notification-on .main,body.dhf-page.dhf-page--minimal.dhf-notification-on main {
        margin-top:0
    }
}

body.dhf-page.dhf-notification-on .main,body.dhf-page.dhf-notification-on main {
    margin-top: 17.5rem
}

@media (min-width: 375px) {
    body.dhf-page.dhf-notification-on .main,body.dhf-page.dhf-notification-on main {
        margin-top:16rem
    }
}

@media (min-width: 576px) {
    body.dhf-page.dhf-notification-on .main,body.dhf-page.dhf-notification-on main {
        margin-top:13.8rem
    }
}

@media (min-width: 768px) {
    body.dhf-page.dhf-notification-on .main,body.dhf-page.dhf-notification-on main {
        margin-top:13rem
    }
}

@media (min-width: 1200px) {
    body.dhf-page.dhf-notification-on .main,body.dhf-page.dhf-notification-on main {
        margin-top:17rem
    }
}

.dhf-footer,.dhf-header {
    font-family: var(--dcf-font-family);
    font-size: .875rem;
    letter-spacing: var(--dcf-letter-spacing);
    line-height: var(--dcf-line-height)
}

.dhf-footer .sr-only,.dhf-header .sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0
}

.dhf-footer svg,.dhf-header svg {
    height: auto;
    width: auto
}

.dhf-footer .dhf-button--tertiary:before,.dhf-header .dhf-button--tertiary:before {
    display: none!important
}

.dhf-overflow-hidden {
    overflow: hidden
}

@media (min-width: 992px) {
    .dhf-overflow-hidden {
        overflow:initial
    }
}

.dcf-checkbox svg,.dcf-modal--close svg {
    height: unset;
    width: unset
}

.dhf-header__sub-nav-title {
    border-bottom: var(--dhf-header-border);
    color: var(--dhf-header-text-color);
    display: none;
    font-size: 1.5rem;
    font-weight: var(--dhf-header-font-normal);
    margin: 2rem 2rem 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-decoration: none
}

.dhf-header__sub-nav-title:after {
    content: "";
    display: inline-block;
    flex: 0 0 2rem
}

@media (max-width: 1199.98px) {
    .dhf-header__sub-nav-title {
        align-content:flex-start;
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.dhf-header__sub-nav-title span {
    display: inline-block;
    flex: 0 1 calc(100% - 2rem);
    min-width: 10px;
    word-wrap: break-word;
    margin: 0 auto
}

.dhf-header__sub-nav-title button {
    color: var(--dhf-header-text-color);
    cursor: pointer;
    flex: 0 0 1rem;
    font-size: var(--dhf-header-navigation-first-level-item-link-font-size);
    font-weight: var(--dhf-header-font-normal);
    margin-bottom: 0;
    margin-right: 1rem;
    text-decoration: none;
    text-transform: var(--dhf-header-navigation-first-level-item-link-text-transform)
}

.dhf-header__sub-nav-title button svg {
    left: 0
}

:root {
    --dcf-z-index-sticky: 20;
    --dcf-z-index-fixed: 40;
    --dcf-z-index-header: 40;
    --dcf-z-index-modal-backdrop: 59;
    --dcf-z-index-modal: 60;
    --dcf-z-index-toast: 100
}

:host,:root {
    --dcf-color-miele-red: #8c0014;
    --dcf-color-miele-red--rgb: 140,0,20;
    --dcf-color-miele-orange: #f59b00;
    --dcf-color-miele-orange--rgb: 245,155,0;
    --dcf-color-miele-dark-orange: #da8a00;
    --dcf-color-miele-dark-orange--rgb: 218,138,0;
    --dcf-color-miele-gray: #4b4b4b;
    --dcf-color-miele-gray--rgb: 75,75,75;
    --dcf-color-miele-steel-gray: #292b2f;
    --dcf-color-miele-steel-gray--rgb: 41,43,47;
    --dcf-color-black: #000;
    --dcf-color-black--rgb: 0,0,0;
    --dcf-color-eerie-black: #191919;
    --dcf-color-eerie-black--rgb: 25,25,25;
    --dcf-color-battle-ship-gray: #868686;
    --dcf-color-battle-ship-gray--rgb: 134,134,134;
    --dcf-color-silver: #c5c5c5;
    --dcf-color-silver--rgb: 197,197,197;
    --dcf-color-cultured: #f6f6f6;
    --dcf-color-cultured--rgb: 246,246,246;
    --dcf-color-white: #fff;
    --dcf-color-white--rgb: 255,255,255;
    --dcf-color-luxury-white: #fafafa;
    --dcf-color-luxury-white--rgb: 250,250,250;
    --dcf-color-divider: #f0f0f0;
    --dcf-color-divider--rgb: 240,240,240;
    --dcf-color-divider-dark: #1f1f1f;
    --dcf-color-divider-dark--rgb: 31,31,31;
    --dcf-color-platinum: #e7e8e9;
    --dcf-color-platinum--rgb: 231,232,233;
    --dcf-color-notification-red: #e51800;
    --dcf-color-notification-red-rgb: 229,24,0;
    --dcf-color-notification-grey: #575757;
    --dcf-color-notification-grey-rgb: 87,87,87;
    --dcf-color-notification-green: #2d8429;
    --dcf-color-notification-green-rgb: 45,132,41;
    --dcf-color-roman-silver: #808a9f;
    --dcf-color-roman-silver--rgb: 128,138,159;
    --dcf-color-sizzling-red: #f53753;
    --dcf-color-sizzling-red--rgb: 245,55,83;
    --dcf-color-emerald: #23ce6b;
    --dcf-color-emerald--rgb: 35,206,107;
    --dcf-color-focus: #87a9ff;
    --dcf-background-transparency: .15;
    --dcf-grid-template-columns: repeat(6,1fr);
    --dcf-grid-gap: 1rem;
    --dcf-grid-outer-gap: 1rem;
    --dcf-grid-container-max-width: 90rem;
    --dcf-layout-spacing-top: 4rem;
    --dcf-layout-padding: 2.5;
    --dcf-layout-headline-max-width: 44rem;
    --dcf-font-family: "MieleElements","Helvetica","Arial",-apple-system,blinkmacsystemfont,sans-serif;
    --dcf-root-font-size: 16px;
    --dcf-line-height: 1.75rem;
    --dcf-font-weight-lighter: 350;
    --dcf-font-weight-light: 400;
    --dcf-font-weight-normal: 500;
    --dcf-font-weight-medium: 600;
    --dcf-font-weight-bold: 700;
    --dcf-letter-spacing: normal;
    --dcf-webkit-font-smoothing: antialiased;
    --dcf-moz-osx-font-smoothing: grayscale;
    --dcf-z-index-base: 0;
    --dcf-z-index-above: 1;
    --dcf-z-index-below: -1;
    --dcf-z-index-very-low: 20;
    --dcf-z-index-low: 40;
    --dcf-z-index-medium: 60;
    --dcf-z-index-high: 80;
    --dcf-z-index-very-high: 100
}

@media (min-width: 768px) {
    :host,:root {
        --dcf-grid-gap:1.5rem;
        --dcf-grid-outer-gap: 2rem
    }
}

@media (min-width: 992px) {
    :host,:root {
        --dcf-layout-spacing-top:5.5rem;
        --dcf-layout-padding: 4rem
    }
}

@media (min-width: 1200px) {
    :host,:root {
        --dcf-grid-template-columns:repeat(12,1fr);
        --dcf-grid-outer-gap: 3rem
    }
}

@media (min-width: 1440px) {
    :host,:root {
        --dcf-grid-gap:2rem;
        --dcf-grid-outer-gap: 4rem
    }
}

@media (min-width: 1920px) {
    :host,:root {
        --dcf-grid-gap:2.5rem
    }
}

.dhf-nav__actions {
    display: none;
    left: 2rem;
    position: absolute;
    top: 1.125rem;
    z-index: var(--dcf-z-index-very-low)
}

@media (max-width: 1199.98px) {
    .dhf-nav__actions {
        display:block
    }
}

.dhf-nav--open .dhf-nav__actions {
    left: auto;
    right: 2rem;
    top: 1.8rem
}

.dhf-nav--open .dhf-header__navigation-first-level {
    overflow: auto
}

.dhf-nav--open-extended .dhf-header__navigation-first-level {
    overflow: hidden;
    position: static
}

.dhf-cart-item[data-v-6fc2c587] {
    background: var(--dcf-color-cultured);
    border-radius: .5rem;
    color: var(--dcf-color-eerie-black);
    display: block;
    padding: .875rem .75rem;
    text-decoration: none
}

.dhf-cart-item__main[data-v-6fc2c587] {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: min-content auto min-content;
    grid-template-rows: 1fr
}

.dhf-cart-item__main-image[data-v-6fc2c587] {
    display: flex;
    height: 4.5rem;
    width: 4.5rem
}

.dhf-cart-item__main-image>img[data-v-6fc2c587] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.dhf-cart-item__main-icon[data-v-6fc2c587] {
    height: 3.75rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 3.75rem
}

.dhf-cart-item__main-energy-icon[data-v-6fc2c587] {
    height: 1.25rem;
    width: 2.5rem
}

.dhf-cart-item__main-energy-icon>img[data-v-6fc2c587] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.dhf-cart-item__main-icon[data-v-6fc2c587],.dhf-cart-item__main-image[data-v-6fc2c587] {
    grid-column: 1/2;
    grid-row: 1
}

.dhf-cart-item__main-title[data-v-6fc2c587] {
    color: var(--dcf-color-eerie-black);
    display: block;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-normal);
    grid-column: 2/2;
    grid-row: 1;
    line-height: 130%;
    margin-bottom: .5rem;
    overflow-wrap: anywhere
}

.dhf-cart-item__main-description[data-v-6fc2c587] {
    color: var(--dcf-color-miele-gray);
    display: block;
    font-size: .625rem;
    font-weight: 400;
    grid-column: 2/2;
    grid-row: 1;
    line-height: 12px
}

.dhf-cart-item__main-energy-label[data-v-6fc2c587] {
    align-items: center;
    color: var(--dcf-color-miele-gray);
    display: flex;
    font-size: .625rem;
    font-weight: 400;
    gap: .5rem;
    line-height: 12px;
    padding-top: .625rem
}

.dhf-cart-item__main-price[data-v-6fc2c587] {
    color: var(--dcf-color-eerie-black);
    display: flex;
    flex-wrap: nowrap;
    font-size: .875rem;
    font-weight: 700;
    grid-column: 3/-1;
    grid-row: 1;
    line-height: 130%
}

.dhf-cart-item__main-price-notes[data-v-6fc2c587] {
    color: var(--dcf-color-battle-ship-gray);
    display: flex;
    top: .25rem
}

.dhf-cart-item__main-price-notes span[data-v-6fc2c587] {
    display: inline;
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-light);
    margin-left: .125rem
}

.dhf-cart-item__main-footnote-index[data-v-6fc2c587] {
    color: var(--dcf-color-battle-ship-gray)
}

.dhf-cart-item__addition[data-v-6fc2c587] {
    color: var(--dcf-color-miele-dark-gray);
    font-weight: 400;
    line-height: 1.25rem;
    margin-top: 1rem
}

.dhf-cart-item__addition-item[data-v-6fc2c587] {
    align-items: flex-start;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: .5rem
}

.dhf-cart-item__addition-item-price[data-v-6fc2c587] {
    font-weight: var(--dcf-font-weight-bold)
}

.dhf-cart-item__addition-item[data-v-6fc2c587]:before {
    content: "•";
    padding-right: .25rem
}

.dhf-cart-item__addition-item span[data-v-6fc2c587]:last-child {
    margin-left: auto
}

.dhf-cart-item__addition-price[data-v-6fc2c587] {
    color: var(--dcf-color-eerie-black);
    font-size: 14px;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.1375rem;
    min-width: 6rem;
    text-align: right;
    white-space: nowrap
}

.dhf-cart-item[data-v-6fc2c587]:hover {
    color: var(--dcf-color-eerie-black)
}

:root {
    --dhf-button-color: var(--dcf-color-eerie-black);
    --dhf-button-bg: transparent;
    --dhf-button-border-color: var(--dcf-color-eerie-black);
    --dhf-button-transform-scale: scale(.95);
    --dhf-button-disable-opacity: .4;
    --dhf-button-padding: .5625rem 1rem .5625rem 1rem;
    --dhf-button-hover-padding: .4375rem .9375rem .4375rem .9375rem;
    --dhf-button-icon-only-padding: .5rem;
    --dhf-button-hover-icon-only-padding: .4375rem;
    --dhf-button-border-width: .0625rem;
    --dhf-button-hover-border-width: .125rem;
    --dhf-button-primary-color: var(--dcf-color-black);
    --dhf-button-primary-color-hover: var(--dcf-color-black);
    --dhf-button-primary-bg: var(--dcf-color-miele-orange);
    --dhf-button-primary-bg-hover: var(--dcf-color-miele-dark-orange);
    --dhf-button-primary-border-color: var(--dcf-color-miele-orange);
    --dhf-button-primary-border-color-hover: var(--dcf-color-miele-dark-orange);
    --dhf-button-secondary-color: var(--dcf-color-cultured);
    --dhf-button-secondary-color-hover: var(--dcf-color-white);
    --dhf-button-secondary-bg: transparent;
    --dhf-button-secondary-bg-hover: transparent;
    --dhf-button-secondary-border-color: var(--dcf-color-silver);
    --dhf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dhf-button-tertiary-color: var(--dcf-color-cultured);
    --dhf-button-tertiary-color-hover: var(--dcf-color-white);
    --dhf-button-tertiary-bg: transparent;
    --dhf-button-tertiary-bg-hover: transparent;
    --dhf-button-tertiary-border-color: transparent;
    --dhf-button-tertiary-border-color-hover: transparent;
    --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover);
    --dhf-button-grey-bg: rgba(0,0,0,.48);
    --dhf-button-grey-border: transparent;
    --dhf-button-grey-bg-hover: #000;
    --dhf-button-grey-icon-color: var(--dcf-color-white);
    --dhf-button-dark-grey-bg: rgba(0,0,0,.48);
    --dhf-button-dark-grey-border: transparent;
    --dhf-button-dark-grey-bg-hover: #000;
    --dhf-button-dark-grey-icon-color: var(--dcf-color-white)
}

.dcf-ctx-dark .dhf-button,.dhf-button .dcf-ctx-dark,dhf-button .dhf-button.dcf-ctx-dark {
    --dhf-button-secondary-color: var(--dcf-color-cultured);
    --dhf-button-secondary-color-hover: var(--dcf-color-white);
    --dhf-button-secondary-border-color: var(--dcf-color-silver);
    --dhf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dhf-button-tertiary-color: var(--dcf-color-cultured);
    --dhf-button-tertiary-color-hover: var(--dcf-color-white);
    --dhf-button-tertiary-icon: var(--dcf-color-silver);
    --dhf-button-tertiary-icon-hover: var(--dcf-color-white);
    --dhf-button-grey-bg: rgba(0,0,0,.48);
    --dhf-button-grey-bg-hover: #000;
    --dhf-button-grey-icon-color: var(--dcf-color-white)
}

:host .dhf-button.dcf-ctx-dark,:root .dhf-button.dcf-ctx-dark {
    --dhf-button-secondary-color: var(--dcf-color-cultured);
    --dhf-button-secondary-color-hover: var(--dcf-color-white);
    --dhf-button-secondary-border-color: var(--dcf-color-silver);
    --dhf-button-secondary-border-color-hover: var(--dcf-color-silver);
    --dhf-button-tertiary-color: var(--dcf-color-cultured);
    --dhf-button-tertiary-color-hover: var(--dcf-color-white);
    --dhf-button-tertiary-icon: var(--dcf-color-silver);
    --dhf-button-tertiary-icon-hover: var(--dcf-color-white);
    --dhf-button-grey-bg: rgba(0,0,0,.48);
    --dhf-button-grey-bg-hover: #000;
    --dhf-button-grey-icon-color: var(--dcf-color-white)
}

.dcf-ctx-light .dhf-button,.dhf-button .dcf-ctx-light,dhf-button .dhf-button.dcf-ctx-light {
    --dhf-button-secondary-color: var(--dcf-color-eerie-black);
    --dhf-button-secondary-color-hover: var(--dcf-color-eerie-black);
    --dhf-button-secondary-border-color: var(--dcf-color-battle-ship-gray);
    --dhf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray);
    --dhf-button-tertiary-color: var(--dcf-color-eerie-black);
    --dhf-button-tertiary-color-hover: var(--dcf-color-black);
    --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover);
    --dhf-button-grey-bg: hsla(210,4%,91%,.48);
    --dhf-button-grey-bg-hover: #e7e8e9;
    --dhf-button-grey-icon-color: var(--dcf-color-divider-dark)
}

:host .dhf-button.dcf-ctx-light,:root .dhf-button.dcf-ctx-light {
    --dhf-button-secondary-color: var(--dcf-color-eerie-black);
    --dhf-button-secondary-color-hover: var(--dcf-color-eerie-black);
    --dhf-button-secondary-border-color: var(--dcf-color-battle-ship-gray);
    --dhf-button-secondary-border-color-hover: var(--dcf-color-battle-ship-gray);
    --dhf-button-tertiary-color: var(--dcf-color-eerie-black);
    --dhf-button-tertiary-color-hover: var(--dcf-color-black);
    --dhf-button-tertiary-icon: var(--dcf-color-battle-ship-gray);
    --dhf-button-tertiary-icon-hover: var(--dhf-button-tertiary-color-hover);
    --dhf-button-grey-bg: hsla(210,4%,91%,.48);
    --dhf-button-grey-bg-hover: #e7e8e9;
    --dhf-button-grey-icon-color: var(--dcf-color-divider-dark)
}

.dhf-button {
    align-items: center;
    background: var(--dhf-button-bg);
    border: var(--dhf-button-border-width) solid var(--dhf-button-border-color);
    border-radius: 1.375rem;
    border-style: solid;
    box-sizing: border-box;
    color: var(--dhf-button-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--dcf-font-family);
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-medium);
    height: 2.25rem;
    justify-content: center;
    letter-spacing: .0625rem;
    padding: var(--dhf-button-padding);
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease-out,background .2s ease-out
}

.dhf-button__loader {
    left: calc(50% - .9375rem);
    margin: 0;
    position: absolute
}

.dhf-button__content {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: .75rem;
    transition: opacity .3s ease-in-out .3s
}

.dhf-button__content--stretched {
    justify-content: space-between;
    width: 100%
}

.dhf-button__fade-enter-active,.dhf-button__fade-leave-active {
    transition: all .3s ease-out .4s
}

.dhf-button__fade-enter-from,.dhf-button__fade-leave-to {
    opacity: 0;
    transition: all .3s ease-out
}

.dhf-button--full-width {
    justify-content: center;
    width: 100%
}

.dhf-button--icon-left .dhf-button__icon {
    margin-right: .5rem
}

.dhf-button--icon-right .dhf-button__icon {
    margin-left: .5rem
}

.dhf-button--loading .dhf-button__content {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.dhf-button:focus {
    outline: none
}

.dhf-button:focus-visible {
    box-shadow: 0 0 0 .125rem var(--dcf-color-focus)
}

.dhf-button:disabled {
    opacity: var(--dhf-button-disable-opacity)
}

.dhf-button--icon-only {
    border-radius: 50%;
    border-width: var(--dhf-button-border-width);
    height: 3rem;
    justify-content: center;
    padding: var(--dhf-button-icon-only-padding);
    width: 3rem
}

.dhf-button--icon-only svg {
    margin: 0
}

.dhf-button--icon-only:active:not(:disabled),.dhf-button--icon-only:hover:not(:disabled) {
    border-width: var(--dhf-button-hover-border-width);
    padding: var(--dhf-button-hover-icon-only-padding)
}

.dhf-button--primary {
    --dhf-button-color: var(--dhf-button-primary-color);
    --dhf-button-bg: var(--dhf-button-primary-bg);
    --dhf-button-border-color: var(--dhf-button-primary-border-color)
}

.dhf-button--primary:hover:not(:disabled) {
    --dhf-button-color: var(--dhf-button-primary-color-hover);
    --dhf-button-bg: var(--dhf-button-primary-bg-hover);
    --dhf-button-border-color: var(--dhf-button-primary-border-color-hover)
}

.dhf-button--primary:active:not(:disabled) {
    transform: var(--dhf-button-transform-scale)
}

.dhf-button--secondary {
    --dhf-button-color: var(--dhf-button-secondary-color);
    --dhf-button-bg: var(--dhf-button-secondary-bg);
    --dhf-button-border-color: var(--dhf-button-secondary-border-color)
}

.dhf-button--secondary:hover:not(:disabled) {
    --dhf-button-color: var(--dhf-button-secondary-color-hover);
    --dhf-button-bg: var(--dhf-button-secondary-bg-hover);
    --dhf-button-border-color: var(--dhf-button-secondary-border-color-hover)
}

.dhf-button--secondary:active:not(:disabled) {
    transform: var(--dhf-button-transform-scale)
}

.dhf-button--tertiary {
    --dhf-button-color: var(--dhf-button-tertiary-color);
    --dhf-button-bg: var(--dhf-button-tertiary-bg);
    --dhf-button-border-color: var(--dhf-button-tertiary-border-color);
    border-width: 0;
    height: auto;
    padding: .125rem 0 0;
    vertical-align: baseline
}

.dhf-button--tertiary svg {
    color: var(--dhf-button-tertiary-icon);
    display: inline-flex
}

.dhf-button--tertiary:is(button) svg {
    color: var(--dhf-button-tertiary-icon-hover)
}

.dhf-button--tertiary:hover:not(:disabled) {
    --dhf-button-color: var(--dhf-button-tertiary-color-hover);
    --dhf-button-bg: var(--dhf-button-tertiary-bg);
    --dhf-button-border-color: var(--dhf-button-tertiary-border-color-hover);
    border-width: 0;
    padding: .125rem 0 0
}

.dhf-button--tertiary:hover:not(:disabled) svg {
    color: var(--dhf-button-tertiary-icon-hover)
}

.dhf-button--grey {
    --dhf-button-color: var(--dhf-button-grey-icon-color);
    --dhf-button-bg: var(--dhf-button-grey-bg);
    --dhf-button-border-color: var(--dhf-button-grey-border)
}

.dhf-button--grey:hover:not(:disabled) {
    --dhf-button-color: var(--dhf-button-grey-icon-color);
    --dhf-button-bg: var(--dhf-button-grey-bg-hover);
    --dhf-button-border-color: var(--dhf-button-grey-border)
}

.dhf-button--grey:active:not(:disabled) {
    transform: var(--dhf-button-transform-scale)
}

.dhf-button--dark-grey {
    --dhf-button-color: var(--dhf-button-dark-grey-icon-color);
    --dhf-button-bg: var(--dhf-button-dark-grey-bg);
    --dhf-button-border-color: var(--dhf-button-dark-grey-border)
}

.dhf-button--dark-grey:hover:not(:disabled) {
    --dhf-button-color: var(--dhf-button-dark-grey-icon-color);
    --dhf-button-bg: var(--dhf-button-dark-grey-bg-hover);
    --dhf-button-border-color: var(--dhf-button-dark-grey-border)
}

.dhf-button--dark-grey:active:not(:disabled) {
    transform: var(--dhf-button-transform-scale)
}

.dhf-cart-cta[data-v-90a3f200] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-cart-cta hr[data-v-90a3f200] {
    border-color: var(--dcf-color-silver);
    border-width: 0 0 .0625rem;
    margin-left: 0;
    margin-top: 1rem;
    opacity: .5;
    width: 100%
}

.dhf-cart-cta__details[data-v-90a3f200] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-cart-cta__details-item[data-v-90a3f200] {
    display: flex;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-normal);
    justify-content: space-between;
    line-height: 1.25rem
}

.dhf-cart-cta__details-item--subtotal[data-v-90a3f200] {
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem
}

.dhf-cart-cta__actions .dhf-button[data-v-90a3f200] {
    color: var(--dcf-color-eerie-black);
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.dhf-cart-cta__actions .dhf-button--tertiary[data-v-90a3f200] {
    margin-bottom: 2rem
}

.dhf-cart-cta__footnote[data-v-90a3f200] {
    color: var(--dcf-color-battle-ship-gray);
    font-size: .625rem;
    font-weight: var(--dcf-font-weight-light);
    line-height: .75rem;
    list-style-type: decimal;
    padding-left: .75rem;
    padding-top: 1.25rem
}

.dhf-cart-cta__footnote-link[data-v-90a3f200] {
    color: inherit;
    text-decoration: underline
}

.dhf-cart-cta__footnote-link[data-v-90a3f200]:hover {
    text-decoration: underline
}

.dhf-cart-summarized[data-v-3f7c8857] {
    background-color: #f6f6f6;
    border-radius: .5rem;
    padding: .875rem .75rem
}

.dhf-cart-summarized__wrapper[data-v-3f7c8857] {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: min-content auto min-content;
    grid-template-rows: 1fr
}

.dhf-cart-summarized__icon[data-v-3f7c8857] {
    align-items: center;
    display: flex;
    grid-column: 1/2;
    grid-row: 1;
    height: 3.75rem;
    justify-content: center;
    width: 3.75rem
}

.dhf-cart-summarized__title[data-v-3f7c8857] {
    color: var(--dcf-color-eerie-black);
    display: block;
    font-size: 14px;
    font-weight: var(--dcf-font-weight-normal);
    grid-column: 2/2;
    grid-row: 1;
    line-height: 130%;
    margin-bottom: .5rem
}

.dhf-cart-summarized__description[data-v-3f7c8857] {
    color: var(--dcf-color-miele-gray);
    display: block;
    font-size: 10px;
    font-weight: 400;
    grid-column: 2/2;
    grid-row: 1;
    line-height: 12px
}

.dhf-cart-summarized__price[data-v-3f7c8857] {
    color: var(--dcf-color-eerie-black);
    font-size: .875rem;
    font-weight: 700;
    grid-column: 3/-1;
    grid-row: 1;
    line-height: 130%
}

.dhf-cart-section[data-v-e86a341a] {
    display: flex;
    flex-flow: column;
    max-height: calc(99vh - 21rem)
}

.dhf-cart-section__header[data-v-e86a341a] {
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .dhf-cart-section__header[data-v-e86a341a] {
        flex:1;
        overflow-y: auto
    }
}

.dhf-cart-section__header[data-v-e86a341a]::-webkit-scrollbar {
    width: 6px
}

.dhf-cart-section__header[data-v-e86a341a]::-webkit-scrollbar-track {
    background-color: var(--dcf-color-white)
}

.dhf-cart-section__header[data-v-e86a341a]::-webkit-scrollbar-thumb {
    background-color: var(--dcf-color-battle-ship-gray);
    border-radius: 100px
}

.dhf-cart-section__header-items[data-v-e86a341a] {
    width: 100%
}

.dhf-cart-section__header-items li+li[data-v-e86a341a] {
    margin-top: 1rem
}

@media (min-width: 992px) {
    .dhf-cart-section__header-items[data-v-e86a341a] {
        margin-right:-.625rem;
        padding-right: .625rem
    }
}

.dhf-cart-section__header-items--summarized[data-v-e86a341a] {
    padding-right: 0
}

.dhf-cart-section__header--multiple[data-v-e86a341a] {
    overflow-y: unset
}

.dhf-cart-section+.dhf-cart-section[data-v-e86a341a] {
    margin-top: 1.625rem;
    padding-top: .625rem
}

.dhf-authentication-buttons[data-v-01caf8b3] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-authentication-buttons .dhf-button[data-v-01caf8b3] {
    min-width: 12.5rem
}

.dhf-cart-empty[data-v-302d4e94] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-cart-empty__title[data-v-302d4e94] {
    font-weight: var(--dcf-font-weight-normal);
    text-align: left
}

.dhf-cart-empty__copy[data-v-302d4e94] {
    color: var(--dcf-color-eerie-black);
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center
}

.v-enter-active[data-v-40f9053b],.v-leave-active[data-v-40f9053b] {
    height: 100%;
    transition: opacity .5s ease,height .5s ease
}

.v-enter-from[data-v-40f9053b],.v-leave-to[data-v-40f9053b] {
    height: 0;
    opacity: 0
}

.dhf-cart-body-copy[data-v-40f9053b] {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: var(--dcf-body-copy-letter-spacing);
    line-height: 1.25rem
}

.dhf-cart__loader[data-v-40f9053b] {
    align-items: center;
    border-radius: .5rem;
    bottom: 0;
    color: var(--dcf-color-eerie-black);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: .875rem .75rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s linear;
    width: 100%
}

.dhf-cart__carts[data-v-40f9053b] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

@media (max-width: 1199.98px) {
    .dhf-cart__carts[data-v-40f9053b] {
        margin-right:-1rem;
        padding-right: 1rem
    }
}

@media (max-width: 767.98px) {
    .dhf-cart__carts[data-v-40f9053b] {
        margin-right:-.875rem;
        padding-right: .875rem
    }
}

.dhf-cart__carts--multiple[data-v-40f9053b] {
    max-height: calc(99vh - 16rem);
    overflow-y: scroll;
    padding-right: .75rem
}

.dhf-cart__carts--multiple[data-v-40f9053b]::-webkit-scrollbar {
    width: 6px
}

.dhf-cart__carts--multiple[data-v-40f9053b]::-webkit-scrollbar-track {
    background-color: var(--dcf-color-white)
}

.dhf-cart__carts--multiple[data-v-40f9053b]::-webkit-scrollbar-thumb {
    background-color: var(--dcf-color-battle-ship-gray);
    border-radius: 100px
}

.dhf-cart__title[data-v-40f9053b] {
    font-size: 1.25rem;
    font-weight: var(--dcf-font-weight-medium);
    line-height: 1.75rem
}

.dhf-cart__count[data-v-40f9053b] {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.dhf-cart[data-v-40f9053b] :focus:not(:focus-visible) {
    outline: none
}

.dhf-cart[data-v-40f9053b] :focus-visible {
    outline: .05rem dotted var(--dcf-color-black);
    outline-offset: .2rem
}

.dhf-account-logged-in[data-v-40273187] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.dhf-account-logged-in__title[data-v-40273187] {
    font-weight: var(--dcf-font-weight-normal)
}

.dhf-account-logged-in__list[data-v-40273187] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-account-logged-in__link[data-v-40273187] {
    color: var(--dcf-color-eerie-black);
    display: block;
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem;
    text-decoration: none
}

.dhf-account-logged-in__link[data-v-40273187]:hover {
    color: var(--dcf-color-eerie-black)
}

.dhf-account-logged-in__link[data-v-40273187]:focus:not(:focus-visible) {
    outline: none
}

.dhf-account-logged-in__link[data-v-40273187]:focus-visible {
    outline: .05rem dotted var(--dcf-color-black);
    outline-offset: .2rem
}

header.dhf-header .dhf-cart .dhf-account a.dhf-account__link[data-v-40273187]:hover {
    color: var(--dcf-color-eerie-black)
}

.dhf-account-not-logged-in[data-v-f539bc55] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.dhf-account-not-logged-in__title[data-v-f539bc55] {
    font-weight: var(--dcf-font-weight-normal)
}

.dhf-account-sign-out__title[data-v-a9af3d83] {
    font-weight: var(--dcf-font-weight-normal);
    margin-bottom: .75rem
}

.dhf-account-sign-out__text[data-v-a9af3d83] {
    color: var(--dcf-color-eerie-black);
    font-size: 1rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 1.375rem;
    margin-bottom: 2rem
}

.dhf-account[data-v-0fc8e3e9] {
    display: block;
    text-align: center
}

.dhf-notification {
    --dhf-notification-background: #282726;
    --dhf-notification-font-color: var(--dcf-color-white);
    align-items: flex-start;
    background-color: var(--dhf-notification-background);
    border-width: 0;
    color: var(--dhf-notification-font-color);
    display: flex;
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
    width: 100%
}

@media (min-width: 576px) {
    .dhf-notification {
        padding:1rem 3rem
    }
}

@media (min-width: 1200px) {
    .dhf-notification {
        align-items:center;
        padding: 1.56rem 6rem
    }
}

.dhf-notification__controls {
    justify-content: end;
    order: 1;
    padding-left: 4rem
}

@media (min-width: 576px) {
    .dhf-notification__controls {
        padding-left:6.75rem
    }
}

.dhf-notification__close-btn {
    color: var(--dhf-notification-font-color);
    cursor: pointer
}

.dhf-notification__copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: .75rem;
    font-weight: var(--dcf-font-weight-normal);
    line-height: 140%
}

@media (min-width: 1200px) {
    .dhf-notification__copy {
        align-items:center;
        flex-direction: row;
        font-size: .875rem;
        gap: 8.75rem
    }
}

.dhf-notification__copy--headline {
    display: inline-block;
    font-size: .875rem;
    font-weight: var(--dcf-font-weight-medium);
    margin-bottom: .5rem
}

@media (min-width: 1200px) {
    .dhf-notification__copy--headline {
        font-size:1rem
    }
}

.dhf-notification__copy--action {
    font-size: .75rem;
    margin-top: 1.25rem
}

@media (min-width: 1200px) {
    .dhf-notification__copy--action {
        flex:1 0 11rem;
        margin-top: 0
    }
}

.dhf-notification__copy--action a {
    align-items: center;
    color: var(--dcf-color-cultured);
    display: flex;
    flex-wrap: nowrap;
    font-weight: var(--dcf-font-weight-medium);
    gap: .625rem;
    text-decoration: none
}

.dhf-notification__copy--action a svg {
    min-width: .75rem
}

.dhf-notification__copy--action a:hover {
    text-decoration: underline
}

*,:after,:before {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1
}

input::placeholder,textarea::placeholder {
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

.miele-loader {
    animation: spin 1s steps(12) infinite;
    aspect-ratio: 1;
    background: linear-gradient(0deg,#0000007f 30%,#0000 0,#0000 70%,#000 0) 50%/8% 100%,linear-gradient(90deg,#00000040 30%,#0000 0,#0000 70%,#000000bf 0) 50%/100% 8%;
    background-repeat: no-repeat;
    border-radius: var(--theme-radius-generic-small);
    display: grid;
    height: var(--miele-size-40);
    width: var(--miele-size-40)
}

.miele-loader:after,.miele-loader:before {
    background: inherit;
    border-radius: var(--theme-radius-generic-small);
    content: "";
    grid-area: 1/1;
    opacity: .915;
    transform: rotate(30deg)
}

.miele-loader:after {
    opacity: .83;
    transform: rotate(60deg)
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

[theme=legacy-dark],[theme=legacy-light],[theme=vision-dark],[theme=vision-light] {
    color: var(--theme-color-text-regular)
}

:root {
    --miele-color-miele-red-100: #f9f2f3;
    --miele-color-miele-red-200: #dcb2b8;
    --miele-color-miele-red-300: #8c0014;
    --miele-color-miele-red-400: #54000c;
    --miele-color-miele-red-500: #2a0006;
    --miele-color-miele-yellow-100: #fffaf2;
    --miele-color-miele-yellow-200: #fce1b3;
    --miele-color-miele-yellow-300: #f59b00;
    --miele-color-miele-yellow-400: #c47c00;
    --miele-color-miele-yellow-500: #311f00;
    --miele-color-green-100: #f5f9f4;
    --miele-color-green-200: #c0dabf;
    --miele-color-green-300: #2c8128;
    --miele-color-green-400: #1b4f19;
    --miele-color-green-500: #0e280c;
    --miele-color-red-100: #fdf3f2;
    --miele-color-red-200: #f0b9b3;
    --miele-color-red-300: #cc1400;
    --miele-color-red-400: #7a0c00;
    --miele-color-red-500: #3d0600;
    --miele-color-orange-100: #fef8f5;
    --miele-color-orange-200: #f8d4c1;
    --miele-color-orange-300: #e7702f;
    --miele-color-orange-400: #8b431c;
    --miele-color-orange-500: #45220e;
    --miele-color-warm-gray-100: #fff;
    --miele-color-warm-gray-200: #f6f5f4;
    --miele-color-warm-gray-300: #eae8e4;
    --miele-color-warm-gray-400: #d5d2cc;
    --miele-color-warm-gray-500: #c0bdb5;
    --miele-color-warm-gray-600: #aba79e;
    --miele-color-warm-gray-700: #89867e;
    --miele-color-warm-gray-800: #6c6964;
    --miele-color-warm-gray-900: #52504c;
    --miele-color-warm-gray-1000: #3e3c39;
    --miele-color-warm-gray-1100: #282726;
    --miele-color-warm-gray-1200: #1e1e1e;
    --miele-color-extra-miele-black-300: #1e1e1e;
    --miele-color-extra-miele-black-alpha-100: #1e1e1e33;
    --miele-color-extra-miele-black-alpha-200: #1e1e1e66;
    --miele-color-extra-miele-black-alpha-300: #1e1e1e99;
    --miele-color-extra-miele-black-alpha-400: #1e1e1ecc;
    --miele-color-extra-miele-black-alpha-500: #1e1e1ee6;
    --miele-color-extra-miele-white-300: #fff;
    --miele-color-extra-miele-white-alpha-100: #ffffff33;
    --miele-color-extra-miele-white-alpha-200: #ffffff66;
    --miele-color-extra-miele-white-alpha-300: #ffffff99;
    --miele-color-extra-miele-white-alpha-400: #ffffffcc;
    --miele-color-extra-miele-white-alpha-500: #ffffffe6;
    --miele-color-neutral-gray-100: #fff;
    --miele-color-neutral-gray-200: #f6f6f6;
    --miele-color-neutral-gray-300: #ececec;
    --miele-color-neutral-gray-400: #e2e2e2;
    --miele-color-neutral-gray-500: #c5c5c5;
    --miele-color-neutral-gray-600: #a6a6a6;
    --miele-color-neutral-gray-700: #868686;
    --miele-color-neutral-gray-800: #6b6b6b;
    --miele-color-neutral-gray-900: #555;
    --miele-color-neutral-gray-1000: #4b4b4b;
    --miele-color-neutral-gray-1100: #333;
    --miele-color-neutral-gray-1200: #1f1f1f;
    --miele-color-utility-purple-100: #7b61ff1a;
    --miele-color-utility-purple-200: #bdb0ff;
    --miele-color-utility-purple-300: #7b61ff;
    --miele-color-utility-purple-400: #3d3080;
    --miele-color-utility-purple-500: #191333;
    --miele-color-shadow-01: #1e1e1e1f;
    --miele-color-shadow-02: #1e1e1e14;
    --miele-type-font-family-miele-elements: "Miele Elements";
    --miele-type-font-family-helvetica-neue: "Helvetica Neue";
    --miele-type-font-family-arial: "Arial";
    --miele-type-font-family-sans-serif: "sans-serif";
    --miele-type-base: 1rem;
    --miele-type-scale: .0703125rem;
    --miele-type-size-10: .625rem;
    --miele-type-size-20: .6875rem;
    --miele-type-size-30: .75rem;
    --miele-type-size-40: .875rem;
    --miele-type-size-50: 1rem;
    --miele-type-size-60: 1.125rem;
    --miele-type-size-70: 1.25rem;
    --miele-type-size-80: 1.4375rem;
    --miele-type-size-90: 1.625rem;
    --miele-type-size-100: 1.8125rem;
    --miele-type-size-110: 2.0625rem;
    --miele-type-size-120: 2.3125rem;
    --miele-type-size-130: 2.625rem;
    --miele-type-size-140: 2.9375rem;
    --miele-type-size-150: 3.3125rem;
    --miele-type-size-160: 3.75rem;
    --miele-type-size-170: 4.25rem;
    --miele-type-size-180: 4.8125rem;
    --miele-type-lineheight-headings-regular: 120%;
    --miele-type-lineheight-large-headings: 120%;
    --miele-type-lineheight-cta-buttons: 150%;
    --miele-type-lineheight-paragraph: 140%;
    --miele-type-font-weight-300: 300;
    --miele-type-font-weight-350: 350;
    --miele-type-font-weight-400: 400;
    --miele-type-font-weight-500: 500;
    --miele-type-font-weight-600: 600;
    --miele-type-font-weight-700: 700;
    --miele-type-font-weight-800: 800;
    --miele-type-letter-spacing-dense: -.05em;
    --miele-type-letter-spacing-normal: normal;
    --miele-type-letter-spacing-loose: .05em;
    --miele-type-letter-spacing-very-loose: .1em;
    --miele-type-text-transform-none: none;
    --miele-type-text-transform-uppercase: uppercase;
    --miele-type-text-decoration-none: none;
    --miele-type-text-decoration-underline: underline;
    --miele-type-text-decoration-strike-trough: line-through;
    --miele-spacing-10: 4rem;
    --miele-spacing-11: 5rem;
    --miele-spacing-12: 6rem;
    --miele-spacing-13: 7rem;
    --miele-spacing-14: 8rem;
    --miele-spacing-15: 9rem;
    --miele-spacing-16: 10rem;
    --miele-spacing-01: .25rem;
    --miele-spacing-00: 0rem;
    --miele-spacing-02: .5rem;
    --miele-spacing-03: .75rem;
    --miele-spacing-04: 1rem;
    --miele-spacing-05: 1.25rem;
    --miele-spacing-06: 1.5rem;
    --miele-spacing-07: 2rem;
    --miele-spacing-08: 2.5rem;
    --miele-spacing-09: 3rem;
    --miele-spacing-base: 1rem;
    --miele-border-radius-none: 0px;
    --miele-border-radius-small: 4px;
    --miele-border-radius-medium: 8px;
    --miele-border-radius-large: 12px;
    --miele-border-radius-full: 9999px;
    --miele-border-stroke-width-none: 0px;
    --miele-border-stroke-width-small: 1px;
    --miele-border-stroke-width-medium: 2px;
    --miele-size-10: 4px;
    --miele-size-20: 8px;
    --miele-size-30: 12px;
    --miele-size-40: 16px;
    --miele-size-50: 20px;
    --miele-size-60: 24px;
    --miele-size-70: 28px;
    --miele-size-80: 32px;
    --miele-size-90: 36px;
    --miele-size-100: 40px;
    --miele-size-110: 44px;
    --miele-size-120: 48px;
    --miele-size-130: 52px;
    --miele-size-140: 56px;
    --miele-size-150: 60px;
    --miele-size-160: 64px;
    --miele-size-170: 68px;
    --miele-size-180: 72px;
    --miele-size-190: 80px;
    --miele-size-195: 96px;
    --miele-size-200: 160px;
    --miele-size-210: 192px;
    --miele-size-215: 216px;
    --miele-size-220: 384px;
    --miele-size-225: 512px;
    --miele-size-230: 528px;
    --miele-size-240: 588px;
    --miele-size-250: 620px;
    --miele-size-260: 840px;
    --miele-size-00: 0px;
    --miele-size-base: 4px;
    --miele-size-cards-product-image-xs: 24px;
    --miele-size-cards-product-image-s: 40px;
    --miele-size-cards-product-image-sm: 104px;
    --miele-size-cards-product-image-m: 220px;
    --miele-size-cards-product-image-l: 290px;
    --miele-grid-screensizes-320: 320px;
    --miele-grid-screensizes-375: 375px;
    --miele-grid-screensizes-768: 768px;
    --miele-grid-screensizes-1024: 1024px;
    --miele-grid-screensizes-1440: 1440px;
    --miele-grid-screensizes-1728: 1728px;
    --miele-grid-screensizes-1920: 1920px;
    --miele-grid-gutters-16: 16px;
    --miele-grid-gutters-24: 24px;
    --miele-grid-gutters-32: 32px;
    --miele-grid-row-gap-16: 16px;
    --miele-grid-row-gap-24: 24px;
    --miele-grid-row-gap-32: 32px;
    --miele-grid-row-gap-48: 48px;
    --miele-grid-row-gap-64: 64px;
    --miele-motion-time-100: 0ms;
    --miele-motion-time-200: .1s;
    --miele-motion-time-300: .16s;
    --miele-motion-time-400: .33s;
    --miele-motion-time-500: .5s;
    --miele-motion-time-600: .66s;
    --miele-motion-time-700: .83s;
    --miele-motion-time-800: 1s;
    --miele-motion-time-900: 1.2s;
    --miele-motion-time-1000: 3s;
    --miele-motion-time-1100: 5s;
    --miele-motion-delay-100: 0ms;
    --miele-motion-delay-200: .1s;
    --miele-motion-delay-300: .16s;
    --miele-motion-delay-400: .33s;
    --miele-motion-delay-500: .5s;
    --miele-motion-delay-600: .66s;
    --miele-motion-delay-700: .83s;
    --miele-motion-delay-800: 1s;
    --miele-motion-delay-900: 1.2s;
    --miele-motion-delay-1000: 3s;
    --miele-motion-delay-1100: 5s;
    --miele-motion-bezier-100: cubic-bezier(.25,0,.25,1);
    --miele-motion-bezier-200: cubic-bezier(.75,0,.75,1);
    --miele-blur-100: 5px;
    --miele-blur-200: 12px;
    --miele-blur-300: 24px
}

[theme=vision-light] {
    --theme-color-backgrounds-backdrop: var(--miele-color-warm-gray-100);
    --theme-color-backgrounds-surface: var(--miele-color-warm-gray-200);
    --theme-color-backgrounds-surface-raised: var(--miele-color-warm-gray-300);
    --theme-color-backgrounds-surface-extra-raised: var(--miele-color-warm-gray-400);
    --theme-color-backgrounds-disabled: var(--miele-color-warm-gray-600);
    --theme-color-backgrounds-contrast: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-extra-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-backgrounds-primary: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-primary-dark: var(--miele-color-miele-red-400);
    --theme-color-backgrounds-brand: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-states-info: var(--miele-color-warm-gray-800);
    --theme-color-backgrounds-states-info-light: var(--miele-color-warm-gray-200);
    --theme-color-backgrounds-states-success: var(--miele-color-green-300);
    --theme-color-backgrounds-states-success-light: var(--miele-color-green-100);
    --theme-color-backgrounds-states-danger: var(--miele-color-red-300);
    --theme-color-backgrounds-states-danger-light: var(--miele-color-red-100);
    --theme-color-backgrounds-states-warning: var(--miele-color-orange-300);
    --theme-color-backgrounds-states-warning-light: var(--miele-color-orange-100);
    --theme-color-borders-regular: var(--miele-color-warm-gray-500);
    --theme-color-borders-weak: var(--miele-color-warm-gray-400);
    --theme-color-borders-weaker: var(--miele-color-warm-gray-300);
    --theme-color-borders-contrast: var(--miele-color-warm-gray-800);
    --theme-color-borders-extra-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-borders-disabled: var(--miele-color-warm-gray-600);
    --theme-color-borders-primary: var(--miele-color-miele-red-300);
    --theme-color-borders-states-info: var(--miele-color-warm-gray-800);
    --theme-color-borders-states-success: var(--miele-color-green-300);
    --theme-color-borders-states-warning: var(--miele-color-orange-300);
    --theme-color-borders-states-danger: var(--miele-color-red-300);
    --theme-color-borders-states-focus: var(--miele-color-miele-yellow-400);
    --theme-color-borders-states-info-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-borders-states-success-contrast: var(--miele-color-green-400);
    --theme-color-borders-states-warning-contrast: var(--miele-color-orange-400);
    --theme-color-borders-states-danger-contrast: var(--miele-color-red-400);
    --theme-color-borders-cta-secondary-default: var(--miele-color-warm-gray-700);
    --theme-color-borders-cta-secondary-hover: var(--miele-color-miele-red-300);
    --theme-color-borders-cta-video-inactive: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-borders-cta-video-active: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-borders-weakest: rgb(from var(--miele-color-warm-gray-1200) r g b/25%);
    --theme-color-text-regular: var(--miele-color-warm-gray-1200);
    --theme-color-text-weak: var(--miele-color-warm-gray-1000);
    --theme-color-text-weaker: var(--miele-color-warm-gray-900);
    --theme-color-text-weakest: var(--miele-color-warm-gray-800);
    --theme-color-text-contrast: var(--miele-color-warm-gray-200);
    --theme-color-text-disabled: var(--miele-color-warm-gray-600);
    --theme-color-text-primary: var(--miele-color-miele-red-300);
    --theme-color-text-states-info: var(--miele-color-warm-gray-1000);
    --theme-color-text-states-success: var(--miele-color-green-400);
    --theme-color-text-states-warning: var(--miele-color-orange-400);
    --theme-color-text-states-danger: var(--miele-color-red-300);
    --theme-color-text-cta-primary-default: var(--miele-color-warm-gray-100);
    --theme-color-text-cta-primary-pressed: var(--miele-color-miele-red-200);
    --theme-color-text-cta-primary-disabled: rgb(from var(--miele-color-warm-gray-1200) r g b/50%);
    --theme-color-text-cta-secondary-default: var(--miele-color-warm-gray-1100);
    --theme-color-text-cta-secondary-hover: var(--miele-color-miele-red-300);
    --theme-color-text-cta-secondary-disabled: rgb(from var(--miele-color-warm-gray-1200) r g b/50%);
    --theme-color-text-links-default-regular: var(--miele-color-warm-gray-1200);
    --theme-color-text-links-default-hover: var(--miele-color-warm-gray-900);
    --theme-color-text-links-default-visited: var(--miele-color-warm-gray-800);
    --theme-color-text-links-muted-regular: var(--miele-color-warm-gray-900);
    --theme-color-text-links-muted-hover: var(--miele-color-warm-gray-1200);
    --theme-color-text-links-muted-visited: var(--miele-color-warm-gray-800);
    --theme-color-icons-regular: var(--miele-color-warm-gray-1100);
    --theme-color-icons-contrast: var(--miele-color-warm-gray-200);
    --theme-color-icons-primary: var(--miele-color-miele-red-300);
    --theme-color-icons-states-info: var(--miele-color-warm-gray-800);
    --theme-color-icons-states-success: var(--miele-color-green-300);
    --theme-color-icons-states-warning: var(--miele-color-orange-300);
    --theme-color-icons-states-danger: var(--miele-color-red-300);
    --theme-color-icons-states-disabled: var(--miele-color-warm-gray-600);
    --theme-color-overlays-modal: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-more-contrast: var(--miele-color-extra-miele-white-alpha-500);
    --theme-color-overlays-default: var(--miele-color-extra-miele-white-alpha-300);
    --theme-color-overlays-less-contrast: var(--miele-color-extra-miele-white-alpha-100);
    --theme-color-overlays-image-zoom: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-utility-transparant-light: var(--rgba(0,0,0,.01));
    --theme-color-utility-lightest: var(--miele-color-utility-purple-100);
    --theme-color-utility-lighter: var(--miele-color-utility-purple-200);
    --theme-color-utility-regular: var(--miele-color-utility-purple-300);
    --theme-color-utility-dark: var(--miele-color-utility-purple-400);
    --theme-color-utility-darkest: var(--miele-color-utility-purple-500);
    --theme-border-generic-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --theme-border-generic-weak: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weak);
    --theme-border-generic-weaker: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weaker);
    --theme-border-generic-contrast: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-generic-primary: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-primary);
    --theme-border-states-info: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-info);
    --theme-border-states-warning: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-warning);
    --theme-border-states-succes: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-success);
    --theme-border-states-danger: var(--miele-border-stroke-width-small) solid var(--theme-color-icons-states-danger);
    --theme-border-states-focus: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-focus);
    --theme-border-cta-default: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-700);
    --theme-border-cta-hover: var(--miele-border-stroke-width-small) solid var(--miele-color-miele-red-300);
    --theme-border-cta-disabled: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-500);
    --theme-border-default-stroke-width: var(--miele-border-stroke-width-small);
    --theme-border-radio-selected-stroke-width: calc(var(--miele-border-stroke-width-small) + 6px);
    --theme-border-medium-stroke-width: var(--miele-border-stroke-width-medium);
    --theme-type-font-family-theme-default: var(--miele-type-font-family-miele-elements);
    --theme-type-font-family-theme-fallback-01: var(--miele-type-font-family-helvetica-neue);
    --theme-type-font-family-theme-fallback-02: var(--miele-type-font-family-arial);
    --theme-type-font-family-theme-fallback-03: var(--miele-type-font-family-sans-serif);
    --theme-type-font-weight-theme-light: var(--miele-type-font-weight-350);
    --theme-type-font-weight-theme-regular: var(--miele-type-font-weight-500);
    --theme-type-font-weight-theme-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-semi-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-extra-bold: var(--miele-type-font-weight-700);
    --theme-type-font-weight-theme-outdoor-cooking-extra-bold: var(--miele-type-font-weight-800);
    --theme-radius-generic-none: var(--miele-border-radius-none);
    --theme-radius-generic-small: var(--miele-border-radius-small);
    --theme-radius-generic-medium: var(--miele-border-radius-medium);
    --theme-radius-generic-large: var(--miele-border-radius-large);
    --theme-radius-generic-full: var(--miele-border-radius-full);
    --theme-radius-specific-image: var(--miele-border-radius-small);
    --theme-radius-specific-cta-default: var(--miele-border-radius-small);
    --theme-radius-specific-cta-focus: var(--miele-border-radius-small);
    --theme-radius-badge-focus: calc(var(--miele-border-radius-small) + 2px);
    --theme-radius-tooltip-pointer: calc(var(--miele-border-radius-small) - 2px);
    --theme-shadow-generic-small: var(--miele-size-00) var(--miele-size-10) var(--miele-size-10) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-medium: var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-large: var(--miele-size-00) var(--miele-size-10) var(--miele-size-80) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-spacing-generic-xxxs: calc(var(--miele-spacing-01)/2);
    --theme-spacing-generic-xxs: var(--miele-spacing-01);
    --theme-spacing-generic-xs: var(--miele-spacing-02);
    --theme-spacing-generic-s: var(--miele-spacing-04);
    --theme-spacing-generic-m: var(--miele-spacing-06);
    --theme-spacing-generic-l: var(--miele-spacing-07);
    --theme-spacing-generic-xl: var(--miele-spacing-09);
    --theme-spacing-generic-2xl: var(--miele-spacing-10);
    --theme-spacing-generic-3xl: var(--miele-spacing-12);
    --theme-spacing-specific-cta-vertical-padding-top: calc(var(--miele-spacing-03) - 2px);
    --theme-spacing-specific-cta-vertical-padding-top-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-vertical-icon-correction: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-cta-vertical-bottom: calc(var(--miele-spacing-03) + 1px);
    --theme-spacing-specific-cta-vertical-bottom-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-horizontal-padding: var(--miele-spacing-05);
    --theme-spacing-specific-cta-gap: var(--miele-spacing-02);
    --theme-spacing-specific-cta-focus-padding: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-cta-circle-size: var(--miele-spacing-02);
    --theme-spacing-specific-cta-taptarget: calc(var(--miele-spacing-01) + 2px);
    --theme-spacing-specific-breadcrumb-12: var(--miele-spacing-03);
    --theme-spacing-specific-dropdown-indent: var(--miele-spacing-06);
    --theme-spacing-specific-chip-target: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-list-gap: var(--miele-spacing-03);
    --theme-spacing-specific-link-offset: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-status-vertical-padding: var(--miele-spacing-03);
    --theme-spacing-motion-offset-default-negative: calc(var(--miele-spacing-07)*-1);
    --theme-spacing-motion-offset-default-positive: var(--miele-spacing-07);
    --theme-grid-screensize-xs: var(--miele-grid-screensizes-320);
    --theme-grid-screensize-s: var(--miele-grid-screensizes-375);
    --theme-grid-screensize-m: var(--miele-grid-screensizes-768);
    --theme-grid-screensize-ml: var(--miele-grid-screensizes-1024);
    --theme-grid-screensize-l: var(--miele-grid-screensizes-1440);
    --theme-grid-screensize-xl: var(--miele-grid-screensizes-1728);
    --theme-grid-screensize-xxl: var(--miele-grid-screensizes-1920);
    --theme-grid-gutter-xs: var(--miele-grid-gutters-16);
    --theme-grid-gutter-s: var(--miele-grid-gutters-16);
    --theme-grid-gutter-m: var(--miele-grid-gutters-24);
    --theme-grid-gutter-ml: var(--miele-grid-gutters-24);
    --theme-grid-gutter-l: var(--miele-grid-gutters-32);
    --theme-grid-gutter-xl: var(--miele-grid-gutters-32);
    --theme-grid-row-gap-large-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-large-s: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-m: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-ml: var(--miele-grid-row-gap-48);
    --theme-grid-row-gap-large-l: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-large-xl: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-small-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-s: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-m: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-ml: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-l: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-small-xl: var(--miele-grid-row-gap-32);
    --theme-motion-time-instant: var(--miele-motion-time-100);
    --theme-motion-time-short-1: var(--miele-motion-time-200);
    --theme-motion-time-short-2: var(--miele-motion-time-300);
    --theme-motion-time-short-3: var(--miele-motion-time-400);
    --theme-motion-time-medium-1: var(--miele-motion-time-500);
    --theme-motion-time-medium-2: var(--miele-motion-time-600);
    --theme-motion-time-long-1: var(--miele-motion-time-700);
    --theme-motion-time-long-2: var(--miele-motion-time-800);
    --theme-motion-time-long-3: var(--miele-motion-time-900);
    --theme-motion-time-long-4: var(--miele-motion-time-1100);
    --theme-motion-ease-out: var(--miele-motion-bezier-100);
    --theme-motion-ease-in: var(--miele-motion-bezier-200);
    --theme-motion-delay-instant: var(--miele-motion-delay-100);
    --theme-motion-delay-short-1: var(--miele-motion-delay-400);
    --theme-motion-delay-medium-1: var(--miele-motion-delay-600);
    --theme-motion-delay-long-1: var(--miele-motion-delay-900);
    --theme-motion-delay-long-2: var(--miele-motion-delay-1100);
    --theme-size-badge-large: var(--miele-size-100);
    --theme-size-badge-small: var(--miele-size-80);
    --theme-size-generic-xs: var(--miele-size-20);
    --theme-size-generic-s: var(--miele-size-40);
    --theme-size-generic-sm: var(--miele-size-60);
    --theme-size-generic-m: var(--miele-size-80);
    --theme-size-generic-ml: var(--miele-size-110);
    --theme-size-generic-l: var(--miele-size-160);
    --theme-size-generic-xl: var(--miele-size-180);
    --theme-size-generic-xxl: var(--miele-size-190);
    --theme-size-generic-max-width-xs: var(--miele-size-195);
    --theme-size-generic-max-width-s: var(--miele-size-210);
    --theme-size-generic-max-width-sm: var(--miele-size-215);
    --theme-size-generic-max-width-m: var(--miele-size-225);
    --theme-size-generic-max-width-l: var(--miele-size-240);
    --theme-size-generic-max-width-xl: var(--miele-size-250);
    --theme-size-generic-max-width-xxl: var(--miele-size-260);
    --theme-size-generic-max-height-xs: var(--miele-size-195);
    --theme-size-generic-max-height-s: var(--miele-size-210);
    --theme-size-generic-max-height-sm: var(--miele-size-215);
    --theme-size-generic-max-height-m: var(--miele-size-225);
    --theme-size-generic-max-height-l: var(--miele-size-240);
    --theme-size-generic-max-height-xl: var(--miele-size-260);
    --theme-size-generic-min-width-xs: var(--miele-size-195);
    --theme-size-generic-min-width-s: var(--miele-size-210);
    --theme-size-generic-min-width-sm: var(--miele-size-215);
    --theme-size-generic-min-width-m: var(--miele-size-225);
    --theme-size-generic-min-width-l: var(--miele-size-240);
    --theme-size-generic-min-width-xl: var(--miele-size-250);
    --theme-size-generic-min-height-xs: var(--miele-size-195);
    --theme-size-generic-min-height-s: var(--miele-size-210);
    --theme-size-generic-min-height-sm: var(--miele-size-215);
    --theme-size-generic-min-height-m: var(--miele-size-225);
    --theme-size-generic-min-height-l: var(--miele-size-240);
    --theme-size-generic-min-height-xl: var(--miele-size-260);
    --theme-size-chip-default: var(--miele-size-100);
    --theme-size-chip-group-breakpoint-m: var(--miele-size-120);
    --theme-size-chip-group-breakpoint-desktop: var(--miele-size-170);
    --theme-size-button-control-button: var(--miele-size-80);
    --theme-size-button-video-button-small: var(--miele-size-120);
    --theme-size-button-default-button: var(--miele-size-110);
    --theme-size-button-default-button-small: var(--miele-size-80);
    --theme-size-button-control-button-medium: var(--miele-size-120);
    --theme-size-button-control-button-large: var(--miele-size-160);
    --theme-size-radiobutton-inner-circle: calc(var(--miele-size-20) + 2px);
    --theme-size-input-max-width: var(--miele-size-240);
    --theme-size-input-min-width: var(--miele-size-210);
    --theme-size-input-minimal-small-height: calc(var(--miele-size-110) - 2px);
    --theme-size-text-area-max-width: var(--miele-size-240);
    --theme-size-text-area-min-width: var(--miele-size-210);
    --theme-size-cards-product-image-xs: var(--miele-size-cards-product-image-xs);
    --theme-size-cards-product-image-s: var(--miele-size-cards-product-image-s);
    --theme-size-cards-product-image-sm: var(--miele-size-cards-product-image-sm);
    --theme-size-cards-product-image-m: var(--miele-size-cards-product-image-m);
    --theme-size-cards-product-image-l: var(--miele-size-cards-product-image-l);
    --theme-size-tab-list-element-height: var(--miele-size-120);
    --theme-size-carousel-numbers-box: var(--miele-size-130);
    --theme-size-card-thumbnail-min-width: calc(var(--miele-size-215) + 56px);
    --theme-size-breadcrumb-breakpoint-m: var(--miele-size-120);
    --theme-size-breadcrumb-breakpoint-s: var(--miele-size-80);
    --theme-size-breadcrumb-breakpoint-xs: var(--miele-size-60);
    --theme-size-breadcrumb-breakpoint-desktop: var(--miele-size-120);
    --theme-size-breadcrumb-height-default: var(--miele-size-50);
    --theme-size-tooltip-pointer: var(--miele-size-30);
    --theme-size-color-selector-small-outer: calc(var(--miele-size-60) + 2px);
    --theme-size-color-selector-small-inner: var(--miele-size-40);
    --theme-size-color-selector-large-outer: var(--miele-size-110);
    --theme-size-color-selector-large-inner: var(--miele-size-80);
    --theme-size-energy-label-large: var(--miele-size-60);
    --theme-size-energy-label-small: var(--miele-size-50);
    --theme-size-scrollable-breakpoint-default: var(--miele-size-60);
    --theme-size-scrollable-breakpoint-s: var(--miele-size-80);
    --theme-size-scrollable-breakpoint-m: var(--miele-size-120);
    --theme-size-scrollable-breakpoint-ml: var(--miele-size-160);
    --theme-blur-default: var(--miele-blur-100);
    --theme-blur-strong: var(--miele-blur-200);
    --theme-blur-stronger: var(--miele-blur-300)
}

[theme=vision-dark] {
    --theme-color-backgrounds-backdrop: var(--miele-color-warm-gray-1200);
    --theme-color-backgrounds-surface: var(--miele-color-warm-gray-1100);
    --theme-color-backgrounds-surface-raised: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-surface-extra-raised: var(--miele-color-warm-gray-900);
    --theme-color-backgrounds-contrast: var(--miele-color-warm-gray-400);
    --theme-color-backgrounds-extra-contrast: var(--miele-color-warm-gray-100);
    --theme-color-backgrounds-disabled: var(--miele-color-warm-gray-800);
    --theme-color-backgrounds-primary: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-primary-dark: var(--miele-color-miele-red-400);
    --theme-color-backgrounds-brand: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-states-info: var(--miele-color-warm-gray-500);
    --theme-color-backgrounds-states-info-light: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-states-success: var(--miele-color-green-200);
    --theme-color-backgrounds-states-success-light: var(--miele-color-green-500);
    --theme-color-backgrounds-states-warning: var(--miele-color-orange-200);
    --theme-color-backgrounds-states-warning-light: var(--miele-color-orange-500);
    --theme-color-backgrounds-states-danger: var(--miele-color-red-200);
    --theme-color-backgrounds-states-danger-light: var(--miele-color-red-500);
    --theme-color-borders-regular: var(--miele-color-warm-gray-800);
    --theme-color-borders-weak: var(--miele-color-warm-gray-900);
    --theme-color-borders-weaker: var(--miele-color-warm-gray-1000);
    --theme-color-borders-contrast: var(--miele-color-warm-gray-500);
    --theme-color-borders-extra-contrast: var(--miele-color-warm-gray-100);
    --theme-color-borders-disabled: var(--miele-color-warm-gray-800);
    --theme-color-borders-primary: var(--miele-color-miele-red-200);
    --theme-color-borders-states-info: var(--miele-color-warm-gray-500);
    --theme-color-borders-states-success: var(--miele-color-green-200);
    --theme-color-borders-states-warning: var(--miele-color-orange-200);
    --theme-color-borders-states-danger: var(--miele-color-red-200);
    --theme-color-borders-states-focus: var(--miele-color-miele-yellow-300);
    --theme-color-borders-states-info-contrast: var(--miele-color-warm-gray-100);
    --theme-color-borders-states-success-contrast: var(--miele-color-green-100);
    --theme-color-borders-states-warning-contrast: var(--miele-color-orange-100);
    --theme-color-borders-states-danger-contrast: var(--miele-color-red-100);
    --theme-color-borders-cta-secondary-default: var(--miele-color-warm-gray-400);
    --theme-color-borders-cta-secondary-hover: var(--miele-color-miele-red-200);
    --theme-color-borders-cta-video-inactive: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-borders-cta-video-active: var(--miele-color-extra-miele-white-alpha-500);
    --theme-color-borders-weakest: rgb(from var(--miele-color-warm-gray-100) r g b/25%);
    --theme-color-text-regular: var(--miele-color-warm-gray-200);
    --theme-color-text-weak: var(--miele-color-warm-gray-300);
    --theme-color-text-weaker: var(--miele-color-warm-gray-500);
    --theme-color-text-weakest: var(--miele-color-warm-gray-600);
    --theme-color-text-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-text-disabled: var(--miele-color-warm-gray-800);
    --theme-color-text-primary: var(--miele-color-miele-red-200);
    --theme-color-text-states-info: var(--miele-color-warm-gray-500);
    --theme-color-text-states-success: var(--miele-color-green-200);
    --theme-color-text-states-warning: var(--miele-color-orange-200);
    --theme-color-text-states-danger: var(--miele-color-red-200);
    --theme-color-text-cta-primary-default: var(--miele-color-warm-gray-100);
    --theme-color-text-cta-primary-pressed: var(--miele-color-miele-red-200);
    --theme-color-text-cta-primary-disabled: rgb(from var(--miele-color-warm-gray-1200) r g b/50%);
    --theme-color-text-cta-secondary-default: var(--miele-color-warm-gray-300);
    --theme-color-text-cta-secondary-hover: var(--miele-color-miele-red-200);
    --theme-color-text-cta-secondary-disabled: rgb(from var(--miele-color-warm-gray-100) r g b/50%);
    --theme-color-text-links-default-regular: var(--miele-color-warm-gray-300);
    --theme-color-text-links-default-hover: var(--miele-color-warm-gray-100);
    --theme-color-text-links-default-visited: var(--miele-color-warm-gray-500);
    --theme-color-text-links-muted-regular: var(--miele-color-warm-gray-600);
    --theme-color-text-links-muted-hover: var(--miele-color-warm-gray-100);
    --theme-color-text-links-muted-visited: var(--miele-color-warm-gray-500);
    --theme-color-icons-contrast: var(--miele-color-warm-gray-1100);
    --theme-color-icons-regular: var(--miele-color-warm-gray-200);
    --theme-color-icons-primary: var(--miele-color-miele-red-200);
    --theme-color-icons-states-info: var(--miele-color-warm-gray-500);
    --theme-color-icons-states-success: var(--miele-color-green-200);
    --theme-color-icons-states-warning: var(--miele-color-orange-200);
    --theme-color-icons-states-danger: var(--miele-color-red-200);
    --theme-color-icons-states-disabled: var(--miele-color-warm-gray-800);
    --theme-color-overlays-modal: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-more-contrast: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-default: var(--miele-color-extra-miele-black-alpha-300);
    --theme-color-overlays-less-contrast: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-overlays-image-zoom: var(--miele-color-extra-miele-white-alpha-100);
    --theme-color-utility-transparant-light: var(--rgba(0,0,0,.01));
    --theme-color-utility-lightest: var(--miele-color-utility-purple-100);
    --theme-color-utility-lighter: var(--miele-color-utility-purple-200);
    --theme-color-utility-regular: var(--miele-color-utility-purple-300);
    --theme-color-utility-dark: var(--miele-color-utility-purple-400);
    --theme-color-utility-darkest: var(--miele-color-utility-purple-500);
    --theme-border-generic-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --theme-border-generic-weak: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weak);
    --theme-border-generic-weaker: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weaker);
    --theme-border-generic-contrast: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-generic-primary: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-primary);
    --theme-border-states-info: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-info);
    --theme-border-states-succes: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-success);
    --theme-border-states-warning: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-warning);
    --theme-border-states-danger: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-danger);
    --theme-border-states-focus: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-focus);
    --theme-border-cta-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-cta-hover: var(--miele-border-stroke-width-small) solid var(--miele-color-miele-red-200);
    --theme-border-cta-disabled: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-900);
    --theme-border-default-stroke-width: var(--miele-border-stroke-width-small);
    --theme-border-radio-selected-stroke-width: calc(var(--miele-border-stroke-width-small) + 6px);
    --theme-border-medium-stroke-width: var(--miele-border-stroke-width-medium);
    --theme-type-font-family-theme-default: var(--miele-type-font-family-miele-elements);
    --theme-type-font-family-theme-fallback-01: var(--miele-type-font-family-helvetica-neue);
    --theme-type-font-family-theme-fallback-02: var(--miele-type-font-family-arial);
    --theme-type-font-family-theme-fallback-03: var(--miele-type-font-family-sans-serif);
    --theme-type-font-weight-theme-light: var(--miele-type-font-weight-350);
    --theme-type-font-weight-theme-regular: var(--miele-type-font-weight-500);
    --theme-type-font-weight-theme-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-semi-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-extra-bold: var(--miele-type-font-weight-700);
    --theme-type-font-weight-theme-outdoor-cooking-extra-bold: var(--miele-type-font-weight-800);
    --theme-radius-generic-none: var(--miele-border-radius-none);
    --theme-radius-generic-small: var(--miele-border-radius-small);
    --theme-radius-generic-medium: var(--miele-border-radius-medium);
    --theme-radius-generic-large: var(--miele-border-radius-large);
    --theme-radius-generic-full: var(--miele-border-radius-full);
    --theme-radius-specific-image: var(--miele-border-radius-small);
    --theme-radius-specific-cta-default: var(--miele-border-radius-small);
    --theme-radius-specific-cta-focus: var(--miele-border-radius-small);
    --theme-radius-badge-focus: calc(var(--miele-border-radius-small) + 2px);
    --theme-radius-tooltip-pointer: calc(var(--miele-border-radius-small) - 2px);
    --theme-shadow-generic-small: var(--miele-size-00) var(--miele-size-10) var(--miele-size-10) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-medium: var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-large: var(--miele-size-00) var(--miele-size-10) var(--miele-size-80) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-spacing-generic-xxxs: calc(var(--miele-spacing-01)/2);
    --theme-spacing-generic-xxs: var(--miele-spacing-01);
    --theme-spacing-generic-xs: var(--miele-spacing-02);
    --theme-spacing-generic-s: var(--miele-spacing-04);
    --theme-spacing-generic-m: var(--miele-spacing-06);
    --theme-spacing-generic-l: var(--miele-spacing-07);
    --theme-spacing-generic-xl: var(--miele-spacing-09);
    --theme-spacing-generic-2xl: var(--miele-spacing-10);
    --theme-spacing-generic-3xl: var(--miele-spacing-12);
    --theme-spacing-specific-cta-vertical-padding-top: calc(var(--miele-spacing-03) - 2px);
    --theme-spacing-specific-cta-vertical-padding-top-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-vertical-icon-correction: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-cta-vertical-bottom: calc(var(--miele-spacing-03) + 1px);
    --theme-spacing-specific-cta-vertical-bottom-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-horizontal-padding: var(--miele-spacing-05);
    --theme-spacing-specific-cta-gap: var(--miele-spacing-02);
    --theme-spacing-specific-cta-focus-padding: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-cta-circle-size: var(--miele-spacing-02);
    --theme-spacing-specific-cta-taptarget: calc(var(--miele-spacing-01) + 2px);
    --theme-spacing-specific-breadcrumb-12: var(--miele-spacing-03);
    --theme-spacing-specific-dropdown-indent: var(--miele-spacing-06);
    --theme-spacing-specific-chip-target: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-list-gap: var(--miele-spacing-03);
    --theme-spacing-specific-link-offset: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-status-vertical-padding: var(--miele-spacing-03);
    --theme-spacing-motion-offset-default-negative: calc(var(--miele-spacing-07)*-1);
    --theme-spacing-motion-offset-default-positive: var(--miele-spacing-07);
    --theme-grid-screensize-xs: var(--miele-grid-screensizes-320);
    --theme-grid-screensize-s: var(--miele-grid-screensizes-375);
    --theme-grid-screensize-m: var(--miele-grid-screensizes-768);
    --theme-grid-screensize-ml: var(--miele-grid-screensizes-1024);
    --theme-grid-screensize-l: var(--miele-grid-screensizes-1440);
    --theme-grid-screensize-xl: var(--miele-grid-screensizes-1728);
    --theme-grid-screensize-xxl: var(--miele-grid-screensizes-1920);
    --theme-grid-gutter-xs: var(--miele-grid-gutters-16);
    --theme-grid-gutter-s: var(--miele-grid-gutters-16);
    --theme-grid-gutter-m: var(--miele-grid-gutters-24);
    --theme-grid-gutter-ml: var(--miele-grid-gutters-24);
    --theme-grid-gutter-l: var(--miele-grid-gutters-32);
    --theme-grid-gutter-xl: var(--miele-grid-gutters-32);
    --theme-grid-row-gap-large-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-large-s: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-m: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-ml: var(--miele-grid-row-gap-48);
    --theme-grid-row-gap-large-l: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-large-xl: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-small-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-s: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-m: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-ml: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-l: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-small-xl: var(--miele-grid-row-gap-32);
    --theme-motion-time-instant: var(--miele-motion-time-100);
    --theme-motion-time-short-1: var(--miele-motion-time-200);
    --theme-motion-time-short-2: var(--miele-motion-time-300);
    --theme-motion-time-short-3: var(--miele-motion-time-400);
    --theme-motion-time-medium-1: var(--miele-motion-time-500);
    --theme-motion-time-medium-2: var(--miele-motion-time-600);
    --theme-motion-time-long-1: var(--miele-motion-time-700);
    --theme-motion-time-long-2: var(--miele-motion-time-800);
    --theme-motion-time-long-3: var(--miele-motion-time-900);
    --theme-motion-time-long-4: var(--miele-motion-time-1100);
    --theme-motion-ease-out: var(--miele-motion-bezier-100);
    --theme-motion-ease-in: var(--miele-motion-bezier-200);
    --theme-motion-delay-instant: var(--miele-motion-delay-100);
    --theme-motion-delay-short-1: var(--miele-motion-delay-400);
    --theme-motion-delay-medium-1: var(--miele-motion-delay-600);
    --theme-motion-delay-long-1: var(--miele-motion-delay-900);
    --theme-motion-delay-long-2: var(--miele-motion-delay-1100);
    --theme-size-badge-large: var(--miele-size-100);
    --theme-size-badge-small: var(--miele-size-80);
    --theme-size-generic-xs: var(--miele-size-20);
    --theme-size-generic-s: var(--miele-size-40);
    --theme-size-generic-sm: var(--miele-size-60);
    --theme-size-generic-m: var(--miele-size-80);
    --theme-size-generic-ml: var(--miele-size-110);
    --theme-size-generic-l: var(--miele-size-160);
    --theme-size-generic-xl: var(--miele-size-180);
    --theme-size-generic-xxl: var(--miele-size-190);
    --theme-size-generic-max-width-xs: var(--miele-size-195);
    --theme-size-generic-max-width-s: var(--miele-size-210);
    --theme-size-generic-max-width-sm: var(--miele-size-215);
    --theme-size-generic-max-width-m: var(--miele-size-225);
    --theme-size-generic-max-width-l: var(--miele-size-240);
    --theme-size-generic-max-width-xl: var(--miele-size-250);
    --theme-size-generic-max-width-xxl: var(--miele-size-260);
    --theme-size-generic-max-height-xs: var(--miele-size-195);
    --theme-size-generic-max-height-s: var(--miele-size-210);
    --theme-size-generic-max-height-sm: var(--miele-size-215);
    --theme-size-generic-max-height-m: var(--miele-size-225);
    --theme-size-generic-max-height-l: var(--miele-size-240);
    --theme-size-generic-max-height-xl: var(--miele-size-260);
    --theme-size-generic-min-width-xs: var(--miele-size-195);
    --theme-size-generic-min-width-s: var(--miele-size-210);
    --theme-size-generic-min-width-sm: var(--miele-size-215);
    --theme-size-generic-min-width-m: var(--miele-size-225);
    --theme-size-generic-min-width-l: var(--miele-size-240);
    --theme-size-generic-min-width-xl: var(--miele-size-250);
    --theme-size-generic-min-height-xs: var(--miele-size-195);
    --theme-size-generic-min-height-s: var(--miele-size-210);
    --theme-size-generic-min-height-sm: var(--miele-size-215);
    --theme-size-generic-min-height-m: var(--miele-size-225);
    --theme-size-generic-min-height-l: var(--miele-size-240);
    --theme-size-generic-min-height-xl: var(--miele-size-260);
    --theme-size-chip-default: var(--miele-size-100);
    --theme-size-chip-group-breakpoint-m: var(--miele-size-120);
    --theme-size-chip-group-breakpoint-desktop: var(--miele-size-170);
    --theme-size-button-control-button: var(--miele-size-80);
    --theme-size-button-video-button-small: var(--miele-size-120);
    --theme-size-button-default-button: var(--miele-size-110);
    --theme-size-button-default-button-small: var(--miele-size-80);
    --theme-size-button-control-button-medium: var(--miele-size-120);
    --theme-size-button-control-button-large: var(--miele-size-160);
    --theme-size-radiobutton-inner-circle: calc(var(--miele-size-20) + 2px);
    --theme-size-input-max-width: var(--miele-size-240);
    --theme-size-input-min-width: var(--miele-size-210);
    --theme-size-input-minimal-small-height: calc(var(--miele-size-110) - 2px);
    --theme-size-text-area-max-width: var(--miele-size-240);
    --theme-size-text-area-min-width: var(--miele-size-210);
    --theme-size-cards-product-image-xs: var(--miele-size-cards-product-image-xs);
    --theme-size-cards-product-image-s: var(--miele-size-cards-product-image-s);
    --theme-size-cards-product-image-sm: var(--miele-size-cards-product-image-sm);
    --theme-size-cards-product-image-m: var(--miele-size-cards-product-image-m);
    --theme-size-cards-product-image-l: var(--miele-size-cards-product-image-l);
    --theme-size-tab-list-element-height: var(--miele-size-120);
    --theme-size-carousel-numbers-box: var(--miele-size-130);
    --theme-size-card-thumbnail-min-width: calc(var(--miele-size-215) + 56px);
    --theme-size-breadcrumb-breakpoint-m: var(--miele-size-120);
    --theme-size-breadcrumb-breakpoint-s: var(--miele-size-80);
    --theme-size-breadcrumb-breakpoint-xs: var(--miele-size-60);
    --theme-size-breadcrumb-breakpoint-desktop: var(--miele-size-120);
    --theme-size-breadcrumb-height-default: var(--miele-size-50);
    --theme-size-tooltip-pointer: var(--miele-size-30);
    --theme-size-color-selector-small-outer: calc(var(--miele-size-60) + 2px);
    --theme-size-color-selector-small-inner: var(--miele-size-40);
    --theme-size-color-selector-large-outer: var(--miele-size-110);
    --theme-size-color-selector-large-inner: var(--miele-size-80);
    --theme-size-energy-label-large: var(--miele-size-60);
    --theme-size-energy-label-small: var(--miele-size-50);
    --theme-size-scrollable-breakpoint-default: var(--miele-size-60);
    --theme-size-scrollable-breakpoint-s: var(--miele-size-80);
    --theme-size-scrollable-breakpoint-m: var(--miele-size-120);
    --theme-size-scrollable-breakpoint-ml: var(--miele-size-160);
    --theme-blur-default: var(--miele-blur-100);
    --theme-blur-strong: var(--miele-blur-200);
    --theme-blur-stronger: var(--miele-blur-300)
}

[theme=legacy-light] {
    --theme-color-backgrounds-backdrop: var(--miele-color-warm-gray-100);
    --theme-color-backgrounds-surface: var(--miele-color-warm-gray-200);
    --theme-color-backgrounds-surface-raised: var(--miele-color-warm-gray-300);
    --theme-color-backgrounds-surface-extra-raised: var(--miele-color-warm-gray-400);
    --theme-color-backgrounds-disabled: var(--miele-color-warm-gray-600);
    --theme-color-backgrounds-contrast: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-extra-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-backgrounds-primary: var(--miele-color-miele-yellow-300);
    --theme-color-backgrounds-primary-dark: var(--miele-color-miele-yellow-400);
    --theme-color-backgrounds-brand: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-states-info: var(--miele-color-warm-gray-800);
    --theme-color-backgrounds-states-info-light: var(--miele-color-warm-gray-200);
    --theme-color-backgrounds-states-success: var(--miele-color-green-300);
    --theme-color-backgrounds-states-success-light: var(--miele-color-green-100);
    --theme-color-backgrounds-states-danger: var(--miele-color-red-300);
    --theme-color-backgrounds-states-danger-light: var(--miele-color-red-100);
    --theme-color-backgrounds-states-warning: var(--miele-color-orange-300);
    --theme-color-backgrounds-states-warning-light: var(--miele-color-orange-100);
    --theme-color-overlays-image-zoom: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-overlays-modal: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-more-contrast: var(--miele-color-extra-miele-white-alpha-500);
    --theme-color-overlays-default: var(--miele-color-extra-miele-white-alpha-300);
    --theme-color-overlays-less-contrast: var(--miele-color-extra-miele-white-alpha-100);
    --theme-color-borders-regular: var(--miele-color-warm-gray-500);
    --theme-color-borders-weak: var(--miele-color-warm-gray-400);
    --theme-color-borders-weaker: var(--miele-color-warm-gray-300);
    --theme-color-borders-weakest: rgb(from var(--miele-color-warm-gray-1200) r g b/25%);
    --theme-color-borders-contrast: var(--miele-color-warm-gray-800);
    --theme-color-borders-extra-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-borders-disabled: var(--miele-color-warm-gray-600);
    --theme-color-borders-primary: var(--miele-color-miele-yellow-400);
    --theme-color-borders-states-info: var(--miele-color-warm-gray-800);
    --theme-color-borders-states-info-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-borders-states-success: var(--miele-color-green-300);
    --theme-color-borders-states-success-contrast: var(--miele-color-green-400);
    --theme-color-borders-states-warning: var(--miele-color-orange-300);
    --theme-color-borders-states-warning-contrast: var(--miele-color-orange-400);
    --theme-color-borders-states-danger: var(--miele-color-red-300);
    --theme-color-borders-states-danger-contrast: var(--miele-color-red-400);
    --theme-color-borders-states-focus: var(--miele-color-miele-yellow-400);
    --theme-color-borders-cta-secondary-default: var(--miele-color-warm-gray-700);
    --theme-color-borders-cta-secondary-hover: var(--miele-color-warm-gray-1200);
    --theme-color-borders-cta-video-inactive: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-borders-cta-video-active: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-text-regular: var(--miele-color-warm-gray-1200);
    --theme-color-text-weak: var(--miele-color-warm-gray-1000);
    --theme-color-text-weaker: var(--miele-color-warm-gray-900);
    --theme-color-text-weakest: var(--miele-color-warm-gray-800);
    --theme-color-text-contrast: var(--miele-color-warm-gray-200);
    --theme-color-text-disabled: var(--miele-color-warm-gray-600);
    --theme-color-text-primary: var(--miele-color-miele-yellow-400);
    --theme-color-text-links-default-regular: var(--miele-color-warm-gray-1200);
    --theme-color-text-links-default-hover: var(--miele-color-warm-gray-900);
    --theme-color-text-links-default-visited: var(--miele-color-warm-gray-800);
    --theme-color-text-links-muted-regular: var(--miele-color-warm-gray-900);
    --theme-color-text-links-muted-hover: var(--miele-color-warm-gray-1200);
    --theme-color-text-links-muted-visited: var(--miele-color-warm-gray-800);
    --theme-color-text-states-info: var(--miele-color-warm-gray-1000);
    --theme-color-text-states-success: var(--miele-color-green-400);
    --theme-color-text-states-warning: var(--miele-color-orange-400);
    --theme-color-text-states-danger: var(--miele-color-red-300);
    --theme-color-text-cta-primary-default: var(--miele-color-warm-gray-1200);
    --theme-color-text-cta-primary-pressed: var(--miele-color-warm-gray-900);
    --theme-color-text-cta-primary-disabled: rgb(from var(--miele-color-neutral-gray-1200) r g b/50%);
    --theme-color-text-cta-secondary-default: var(--miele-color-warm-gray-1200);
    --theme-color-text-cta-secondary-hover: var(--miele-color-warm-gray-900);
    --theme-color-text-cta-secondary-disabled: rgb(from var(--miele-color-warm-gray-1200) r g b/50%);
    --theme-color-icons-regular: var(--miele-color-warm-gray-1100);
    --theme-color-icons-contrast: var(--miele-color-warm-gray-200);
    --theme-color-icons-primary: var(--miele-color-miele-yellow-400);
    --theme-color-icons-states-info: var(--miele-color-warm-gray-800);
    --theme-color-icons-states-success: var(--miele-color-green-300);
    --theme-color-icons-states-warning: var(--miele-color-orange-300);
    --theme-color-icons-states-danger: var(--miele-color-red-300);
    --theme-color-icons-states-disabled: var(--miele-color-warm-gray-600);
    --theme-color-utility-transparant-light: var(--rgba(0,0,0,.01));
    --theme-color-utility-lightest: var(--miele-color-utility-purple-100);
    --theme-color-utility-lighter: var(--miele-color-utility-purple-200);
    --theme-color-utility-regular: var(--miele-color-utility-purple-300);
    --theme-color-utility-dark: var(--miele-color-utility-purple-400);
    --theme-color-utility-darkest: var(--miele-color-utility-purple-500);
    --theme-border-generic-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --theme-border-generic-weak: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weak);
    --theme-border-generic-weaker: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weaker);
    --theme-border-generic-contrast: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-generic-primary: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-primary);
    --theme-border-states-info: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-info);
    --theme-border-states-warning: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-warning);
    --theme-border-states-succes: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-success);
    --theme-border-states-danger: var(--miele-border-stroke-width-small) solid var(--theme-color-icons-states-danger);
    --theme-border-states-focus: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-focus);
    --theme-border-cta-default: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-600);
    --theme-border-cta-hover: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-1200);
    --theme-border-cta-disabled: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-500);
    --theme-border-default-stroke-width: var(--miele-border-stroke-width-small);
    --theme-border-medium-stroke-width: var(--miele-border-stroke-width-medium);
    --theme-border-radio-selected-stroke-width: calc(var(--miele-border-stroke-width-small) + 6px);
    --theme-type-font-family-theme-default: var(--miele-type-font-family-miele-elements);
    --theme-type-font-family-theme-fallback-01: var(--miele-type-font-family-helvetica-neue);
    --theme-type-font-family-theme-fallback-02: var(--miele-type-font-family-arial);
    --theme-type-font-family-theme-fallback-03: var(--miele-type-font-family-sans-serif);
    --theme-type-font-weight-theme-light: var(--miele-type-font-weight-350);
    --theme-type-font-weight-theme-regular: var(--miele-type-font-weight-400);
    --theme-type-font-weight-theme-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-semi-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-extra-bold: var(--miele-type-font-weight-700);
    --theme-type-font-weight-theme-outdoor-cooking-extra-bold: var(--miele-type-font-weight-800);
    --theme-radius-generic-none: var(--miele-border-radius-none);
    --theme-radius-generic-small: var(--miele-border-radius-small);
    --theme-radius-generic-medium: var(--miele-border-radius-medium);
    --theme-radius-generic-large: var(--miele-border-radius-large);
    --theme-radius-generic-full: var(--miele-border-radius-full);
    --theme-radius-specific-image: var(--miele-border-radius-small);
    --theme-radius-specific-cta-default: var(--miele-border-radius-full);
    --theme-radius-specific-cta-focus: var(--miele-border-radius-full);
    --theme-radius-badge-focus: calc(var(--miele-border-radius-small) + 2px);
    --theme-radius-tooltip-pointer: calc(var(--miele-border-radius-small) - 2px);
    --theme-shadow-generic-small: var(--miele-size-00) var(--miele-size-10) var(--miele-size-10) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-medium: var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-large: var(--miele-size-00) var(--miele-size-10) var(--miele-size-80) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-spacing-generic-none: var(--miele-spacing-00);
    --theme-spacing-generic-xxxs: calc(var(--miele-spacing-01)/2);
    --theme-spacing-generic-xxs: var(--miele-spacing-01);
    --theme-spacing-generic-xs: var(--miele-spacing-02);
    --theme-spacing-generic-s: var(--miele-spacing-04);
    --theme-spacing-generic-m: var(--miele-spacing-06);
    --theme-spacing-generic-l: var(--miele-spacing-07);
    --theme-spacing-generic-xl: var(--miele-spacing-09);
    --theme-spacing-generic-2xl: var(--miele-spacing-10);
    --theme-spacing-generic-3xl: var(--miele-spacing-12);
    --theme-spacing-motion-offset-default-negative: calc(var(--miele-spacing-07)*-1);
    --theme-spacing-motion-offset-default-positive: var(--miele-spacing-07);
    --theme-spacing-specific-cta-vertical-padding-top: calc(var(--miele-spacing-03) - 2px);
    --theme-spacing-specific-cta-vertical-padding-top-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-vertical-icon-correction: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-cta-vertical-bottom: calc(var(--miele-spacing-03) + 1px);
    --theme-spacing-specific-cta-vertical-bottom-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-horizontal-padding: var(--miele-spacing-05);
    --theme-spacing-specific-cta-gap: var(--miele-spacing-02);
    --theme-spacing-specific-cta-focus-padding: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-cta-circle-size: var(--miele-spacing-02);
    --theme-spacing-specific-cta-taptarget: calc(var(--miele-spacing-01) + 2px);
    --theme-spacing-specific-breadcrumb-12: var(--miele-spacing-03);
    --theme-spacing-specific-link-offset: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-dropdown-indent: var(--miele-spacing-06);
    --theme-spacing-specific-chip-target: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-list-gap: var(--miele-spacing-03);
    --theme-spacing-specific-card-award-all: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-status-vertical-padding: var(--miele-spacing-03);
    --theme-motion-time-instant: var(--miele-motion-time-100);
    --theme-motion-time-short-1: var(--miele-motion-time-200);
    --theme-motion-time-short-2: var(--miele-motion-time-300);
    --theme-motion-time-short-3: var(--miele-motion-time-400);
    --theme-motion-time-medium-1: var(--miele-motion-time-500);
    --theme-motion-time-medium-2: var(--miele-motion-time-600);
    --theme-motion-time-long-1: var(--miele-motion-time-700);
    --theme-motion-time-long-2: var(--miele-motion-time-800);
    --theme-motion-time-long-3: var(--miele-motion-time-900);
    --theme-motion-time-long-4: var(--miele-motion-time-1100);
    --theme-motion-ease-out: var(--miele-motion-bezier-100);
    --theme-motion-ease-in: var(--miele-motion-bezier-200);
    --theme-motion-delay-instant: var(--miele-motion-delay-100);
    --theme-motion-delay-short-1: var(--miele-motion-delay-400);
    --theme-motion-delay-medium-1: var(--miele-motion-delay-600);
    --theme-motion-delay-long-1: var(--miele-motion-delay-900);
    --theme-motion-delay-long-2: var(--miele-motion-delay-1100);
    --theme-blur-default: var(--miele-blur-100);
    --theme-blur-strong: var(--miele-blur-200);
    --theme-blur-stronger: var(--miele-blur-300);
    --theme-grid-screensize-xs: var(--miele-grid-screensizes-320);
    --theme-grid-screensize-s: var(--miele-grid-screensizes-375);
    --theme-grid-screensize-m: var(--miele-grid-screensizes-768);
    --theme-grid-screensize-ml: var(--miele-grid-screensizes-1024);
    --theme-grid-screensize-l: var(--miele-grid-screensizes-1440);
    --theme-grid-screensize-xl: var(--miele-grid-screensizes-1728);
    --theme-grid-screensize-xxl: var(--miele-grid-screensizes-1920);
    --theme-grid-gutter-xs: var(--miele-grid-gutters-16);
    --theme-grid-gutter-s: var(--miele-grid-gutters-16);
    --theme-grid-gutter-m: var(--miele-grid-gutters-24);
    --theme-grid-gutter-ml: var(--miele-grid-gutters-24);
    --theme-grid-gutter-l: var(--miele-grid-gutters-32);
    --theme-grid-gutter-xl: var(--miele-grid-gutters-32);
    --theme-grid-row-gap-large-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-large-s: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-m: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-ml: var(--miele-grid-row-gap-48);
    --theme-grid-row-gap-large-l: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-large-xl: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-small-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-s: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-m: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-ml: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-l: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-small-xl: var(--miele-grid-row-gap-32);
    --theme-size-badge-large: var(--miele-size-100);
    --theme-size-badge-small: var(--miele-size-80);
    --theme-size-generic-xs: var(--miele-size-20);
    --theme-size-generic-s: var(--miele-size-40);
    --theme-size-generic-sm: var(--miele-size-60);
    --theme-size-generic-m: var(--miele-size-80);
    --theme-size-generic-ml: var(--miele-size-110);
    --theme-size-generic-l: var(--miele-size-160);
    --theme-size-generic-xl: var(--miele-size-180);
    --theme-size-generic-xxl: var(--miele-size-190);
    --theme-size-generic-max-width-xs: var(--miele-size-195);
    --theme-size-generic-max-width-s: var(--miele-size-210);
    --theme-size-generic-max-width-sm: var(--miele-size-215);
    --theme-size-generic-max-width-m: var(--miele-size-225);
    --theme-size-generic-max-width-l: var(--miele-size-240);
    --theme-size-generic-max-width-xl: var(--miele-size-250);
    --theme-size-generic-max-width-xxl: var(--miele-size-260);
    --theme-size-generic-max-height-xs: var(--miele-size-195);
    --theme-size-generic-max-height-s: var(--miele-size-210);
    --theme-size-generic-max-height-sm: var(--miele-size-215);
    --theme-size-generic-max-height-m: var(--miele-size-225);
    --theme-size-generic-max-height-l: var(--miele-size-240);
    --theme-size-generic-max-height-xl: var(--miele-size-260);
    --theme-size-generic-min-width-xs: var(--miele-size-195);
    --theme-size-generic-min-width-s: var(--miele-size-210);
    --theme-size-generic-min-width-sm: var(--miele-size-215);
    --theme-size-generic-min-width-m: var(--miele-size-225);
    --theme-size-generic-min-width-l: var(--miele-size-240);
    --theme-size-generic-min-width-xl: var(--miele-size-250);
    --theme-size-generic-min-height-xs: var(--miele-size-195);
    --theme-size-generic-min-height-s: var(--miele-size-210);
    --theme-size-generic-min-height-sm: var(--miele-size-215);
    --theme-size-generic-min-height-m: var(--miele-size-225);
    --theme-size-generic-min-height-l: var(--miele-size-240);
    --theme-size-generic-min-height-xl: var(--miele-size-260);
    --theme-size-chip-default: var(--miele-size-100);
    --theme-size-chip-group-breakpoint-m: var(--miele-size-120);
    --theme-size-chip-group-breakpoint-desktop: var(--miele-size-170);
    --theme-size-button-control-button: var(--miele-size-80);
    --theme-size-button-video-button-small: var(--miele-size-120);
    --theme-size-button-default-button: var(--miele-size-110);
    --theme-size-button-default-button-small: var(--miele-size-80);
    --theme-size-button-control-button-medium: var(--miele-size-120);
    --theme-size-button-control-button-large: var(--miele-size-160);
    --theme-size-radiobutton-inner-circle: calc(var(--miele-size-20) + 2px);
    --theme-size-input-max-width: var(--miele-size-240);
    --theme-size-input-min-width: var(--miele-size-210);
    --theme-size-input-minimal-small-height: calc(var(--miele-size-110) - 2px);
    --theme-size-text-area-max-width: var(--miele-size-240);
    --theme-size-text-area-min-width: var(--miele-size-210);
    --theme-size-cards-product-image-xs: var(--miele-size-cards-product-image-xs);
    --theme-size-cards-product-image-s: var(--miele-size-cards-product-image-s);
    --theme-size-cards-product-image-sm: var(--miele-size-cards-product-image-sm);
    --theme-size-cards-product-image-m: var(--miele-size-cards-product-image-m);
    --theme-size-cards-product-image-l: var(--miele-size-cards-product-image-l);
    --theme-size-tab-list-element-height: var(--miele-size-120);
    --theme-size-carousel-numbers-box: var(--miele-size-130);
    --theme-size-card-thumbnail-min-width: calc(var(--miele-size-215) + 56px);
    --theme-size-breadcrumb-breakpoint-m: var(--miele-size-120);
    --theme-size-breadcrumb-breakpoint-s: var(--miele-size-80);
    --theme-size-breadcrumb-breakpoint-xs: var(--miele-size-60);
    --theme-size-breadcrumb-breakpoint-desktop: var(--miele-size-120);
    --theme-size-breadcrumb-height-default: var(--miele-size-50);
    --theme-size-scrollable-breakpoint-default: var(--miele-size-60);
    --theme-size-scrollable-breakpoint-s: var(--miele-size-80);
    --theme-size-scrollable-breakpoint-m: var(--miele-size-120);
    --theme-size-scrollable-breakpoint-ml: var(--miele-size-160);
    --theme-size-tooltip-pointer: var(--miele-size-30);
    --theme-size-color-selector-small-outer: calc(var(--miele-size-60) + 2px);
    --theme-size-color-selector-small-inner: var(--miele-size-40);
    --theme-size-color-selector-large-outer: var(--miele-size-110);
    --theme-size-color-selector-large-inner: var(--miele-size-80);
    --theme-size-energy-label-large: var(--miele-size-60);
    --theme-size-energy-label-small: var(--miele-size-50)
}

[theme=legacy-dark] {
    --theme-color-icons-contrast: var(--miele-color-warm-gray-1100);
    --theme-color-icons-regular: var(--miele-color-warm-gray-200);
    --theme-color-icons-primary: var(--miele-color-miele-yellow-300);
    --theme-color-icons-states-info: var(--miele-color-warm-gray-500);
    --theme-color-icons-states-success: var(--miele-color-green-300);
    --theme-color-icons-states-warning: var(--miele-color-orange-200);
    --theme-color-icons-states-danger: var(--miele-color-red-200);
    --theme-color-icons-states-disabled: var(--miele-color-warm-gray-800);
    --theme-color-overlays-image-zoom: var(--miele-color-extra-miele-white-alpha-100);
    --theme-color-overlays-modal: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-more-contrast: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-overlays-default: var(--miele-color-extra-miele-black-alpha-300);
    --theme-color-overlays-less-contrast: var(--miele-color-extra-miele-black-alpha-100);
    --theme-color-backgrounds-backdrop: var(--miele-color-warm-gray-1200);
    --theme-color-backgrounds-surface: var(--miele-color-warm-gray-1100);
    --theme-color-backgrounds-surface-raised: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-surface-extra-raised: var(--miele-color-warm-gray-900);
    --theme-color-backgrounds-contrast: var(--miele-color-warm-gray-400);
    --theme-color-backgrounds-extra-contrast: var(--miele-color-warm-gray-100);
    --theme-color-backgrounds-disabled: var(--miele-color-warm-gray-800);
    --theme-color-backgrounds-primary: var(--miele-color-miele-yellow-300);
    --theme-color-backgrounds-primary-dark: var(--miele-color-miele-yellow-400);
    --theme-color-backgrounds-brand: var(--miele-color-miele-red-300);
    --theme-color-backgrounds-states-info: var(--miele-color-warm-gray-500);
    --theme-color-backgrounds-states-info-light: var(--miele-color-warm-gray-1000);
    --theme-color-backgrounds-states-success: var(--miele-color-green-200);
    --theme-color-backgrounds-states-success-light: var(--miele-color-green-500);
    --theme-color-backgrounds-states-warning: var(--miele-color-orange-200);
    --theme-color-backgrounds-states-warning-light: var(--miele-color-orange-500);
    --theme-color-backgrounds-states-danger: var(--miele-color-red-200);
    --theme-color-backgrounds-states-danger-light: var(--miele-color-red-500);
    --theme-color-borders-regular: var(--miele-color-warm-gray-800);
    --theme-color-borders-weak: var(--miele-color-warm-gray-900);
    --theme-color-borders-weaker: var(--miele-color-warm-gray-1000);
    --theme-color-borders-weakest: rgb(from var(--miele-color-warm-gray-100) r g b/25%);
    --theme-color-borders-contrast: var(--miele-color-warm-gray-500);
    --theme-color-borders-extra-contrast: var(--miele-color-warm-gray-100);
    --theme-color-borders-disabled: var(--miele-color-warm-gray-800);
    --theme-color-borders-primary: var(--miele-color-miele-yellow-300);
    --theme-color-borders-states-info: var(--miele-color-warm-gray-500);
    --theme-color-borders-states-info-contrast: var(--miele-color-warm-gray-100);
    --theme-color-borders-states-success: var(--miele-color-green-200);
    --theme-color-borders-states-success-contrast: var(--miele-color-green-100);
    --theme-color-borders-states-warning: var(--miele-color-orange-200);
    --theme-color-borders-states-warning-contrast: var(--miele-color-orange-100);
    --theme-color-borders-states-danger: var(--miele-color-red-200);
    --theme-color-borders-states-danger-contrast: var(--miele-color-red-100);
    --theme-color-borders-states-focus: var(--miele-color-miele-yellow-300);
    --theme-color-borders-cta-secondary-default: var(--miele-color-warm-gray-400);
    --theme-color-borders-cta-secondary-hover: var(--miele-color-warm-gray-100);
    --theme-color-borders-cta-video-inactive: var(--miele-color-extra-miele-black-alpha-500);
    --theme-color-borders-cta-video-active: var(--miele-color-extra-miele-white-alpha-500);
    --theme-color-text-regular: var(--miele-color-warm-gray-200);
    --theme-color-text-weak: var(--miele-color-warm-gray-300);
    --theme-color-text-weaker: var(--miele-color-warm-gray-500);
    --theme-color-text-weakest: var(--miele-color-warm-gray-600);
    --theme-color-text-contrast: var(--miele-color-warm-gray-1200);
    --theme-color-text-disabled: var(--miele-color-warm-gray-800);
    --theme-color-text-primary: var(--miele-color-miele-yellow-300);
    --theme-color-text-links-default-regular: var(--miele-color-warm-gray-300);
    --theme-color-text-links-default-hover: var(--miele-color-warm-gray-100);
    --theme-color-text-links-default-visited: var(--miele-color-warm-gray-500);
    --theme-color-text-links-muted-regular: var(--miele-color-warm-gray-600);
    --theme-color-text-links-muted-hover: var(--miele-color-warm-gray-100);
    --theme-color-text-links-muted-visited: var(--miele-color-warm-gray-500);
    --theme-color-text-states-info: var(--miele-color-warm-gray-500);
    --theme-color-text-states-success: var(--miele-color-green-200);
    --theme-color-text-states-warning: var(--miele-color-orange-200);
    --theme-color-text-states-danger: var(--miele-color-red-200);
    --theme-color-text-cta-primary-default: var(--miele-color-warm-gray-1100);
    --theme-color-text-cta-primary-pressed: var(--miele-color-warm-gray-1200);
    --theme-color-text-cta-primary-disabled: rgb(from var(--miele-color-warm-gray-100) r g b/50%);
    --theme-color-text-cta-secondary-default: var(--miele-color-warm-gray-300);
    --theme-color-text-cta-secondary-hover: var(--miele-color-warm-gray-100);
    --theme-color-text-cta-secondary-disabled: rgb(from var(--miele-color-warm-gray-100) r g b/50%);
    --theme-color-utility-transparant-light: var(--rgba(0,0,0,.01));
    --theme-color-utility-lightest: var(--miele-color-utility-purple-100);
    --theme-color-utility-lighter: var(--miele-color-utility-purple-200);
    --theme-color-utility-regular: var(--miele-color-utility-purple-300);
    --theme-color-utility-dark: var(--miele-color-utility-purple-400);
    --theme-color-utility-darkest: var(--miele-color-utility-purple-500);
    --theme-border-generic-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --theme-border-generic-weak: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weak);
    --theme-border-generic-weaker: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-weaker);
    --theme-border-generic-contrast: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-generic-primary: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-primary);
    --theme-border-states-info: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-info);
    --theme-border-states-succes: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-success);
    --theme-border-states-warning: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-warning);
    --theme-border-states-danger: var(--miele-border-stroke-width-small) solid var(--theme-color-icons-states-danger);
    --theme-border-states-focus: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-focus);
    --theme-border-cta-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --theme-border-cta-hover: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-100);
    --theme-border-cta-disabled: var(--miele-border-stroke-width-small) solid var(--miele-color-warm-gray-900);
    --theme-border-default-stroke-width: var(--miele-border-stroke-width-small);
    --theme-border-medium-stroke-width: var(--miele-border-stroke-width-medium);
    --theme-border-radio-selected-stroke-width: calc(var(--miele-border-stroke-width-small) + 6px);
    --theme-type-font-family-theme-default: var(--miele-type-font-family-miele-elements);
    --theme-type-font-family-theme-fallback-01: var(--miele-type-font-family-helvetica-neue);
    --theme-type-font-family-theme-fallback-02: var(--miele-type-font-family-arial);
    --theme-type-font-family-theme-fallback-03: var(--miele-type-font-family-sans-serif);
    --theme-type-font-weight-theme-light: var(--miele-type-font-weight-350);
    --theme-type-font-weight-theme-regular: var(--miele-type-font-weight-400);
    --theme-type-font-weight-theme-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-semi-bold: var(--miele-type-font-weight-600);
    --theme-type-font-weight-theme-extra-bold: var(--miele-type-font-weight-700);
    --theme-type-font-weight-theme-outdoor-cooking-extra-bold: var(--miele-type-font-weight-800);
    --theme-radius-generic-none: var(--miele-border-radius-none);
    --theme-radius-generic-small: var(--miele-border-radius-small);
    --theme-radius-generic-medium: var(--miele-border-radius-medium);
    --theme-radius-generic-large: var(--miele-border-radius-large);
    --theme-radius-generic-full: var(--miele-border-radius-full);
    --theme-radius-specific-image: var(--miele-border-radius-small);
    --theme-radius-specific-cta-default: var(--miele-border-radius-full);
    --theme-radius-specific-cta-focus: var(--miele-border-radius-full);
    --theme-radius-badge-focus: calc(var(--miele-border-radius-small) + 2px);
    --theme-radius-tooltip-pointer: calc(var(--miele-border-radius-small) - 2px);
    --theme-shadow-generic-small: var(--miele-size-00) var(--miele-size-10) var(--miele-size-10) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-medium: var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-shadow-generic-large: var(--miele-size-00) var(--miele-size-10) var(--miele-size-80) var(--miele-size-00) var(--miele-color-shadow-01),var(--miele-size-00) var(--miele-size-10) var(--miele-size-30) var(--miele-size-00) var(--miele-color-shadow-02);
    --theme-spacing-generic-none: var(--miele-spacing-00);
    --theme-spacing-generic-xxxs: calc(var(--miele-spacing-01)/2);
    --theme-spacing-generic-xxs: var(--miele-spacing-01);
    --theme-spacing-generic-xs: var(--miele-spacing-02);
    --theme-spacing-generic-s: var(--miele-spacing-04);
    --theme-spacing-generic-m: var(--miele-spacing-06);
    --theme-spacing-generic-l: var(--miele-spacing-07);
    --theme-spacing-generic-xl: var(--miele-spacing-09);
    --theme-spacing-generic-2xl: var(--miele-spacing-10);
    --theme-spacing-generic-3xl: var(--miele-spacing-12);
    --theme-spacing-motion-offset-default-negative: calc(var(--miele-spacing-07)*-1);
    --theme-spacing-motion-offset-default-positive: var(--miele-spacing-07);
    --theme-spacing-specific-cta-vertical-padding-top: calc(var(--miele-spacing-03) - 2px);
    --theme-spacing-specific-cta-vertical-padding-top-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-vertical-icon-correction: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-cta-vertical-bottom: calc(var(--miele-spacing-03) + 1px);
    --theme-spacing-specific-cta-vertical-bottom-pressed: calc(var(--miele-spacing-03) - 1px);
    --theme-spacing-specific-cta-horizontal-padding: var(--miele-spacing-05);
    --theme-spacing-specific-cta-gap: var(--miele-spacing-02);
    --theme-spacing-specific-cta-focus-padding: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-cta-circle-size: var(--miele-spacing-02);
    --theme-spacing-specific-cta-taptarget: calc(var(--miele-spacing-01) + 2px);
    --theme-spacing-specific-breadcrumb-12: var(--miele-spacing-03);
    --theme-spacing-specific-link-offset: calc(var(--miele-spacing-01) - 3px);
    --theme-spacing-specific-dropdown-indent: var(--miele-spacing-06);
    --theme-spacing-specific-chip-target: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-list-gap: var(--miele-spacing-03);
    --theme-spacing-specific-card-award-all: calc(var(--miele-spacing-01) - 2px);
    --theme-spacing-specific-status-vertical-padding: var(--miele-spacing-03);
    --theme-motion-time-instant: var(--miele-motion-time-100);
    --theme-motion-time-short-1: var(--miele-motion-time-200);
    --theme-motion-time-short-2: var(--miele-motion-time-300);
    --theme-motion-time-short-3: var(--miele-motion-time-400);
    --theme-motion-time-medium-1: var(--miele-motion-time-500);
    --theme-motion-time-medium-2: var(--miele-motion-time-600);
    --theme-motion-time-long-1: var(--miele-motion-time-700);
    --theme-motion-time-long-2: var(--miele-motion-time-800);
    --theme-motion-time-long-3: var(--miele-motion-time-900);
    --theme-motion-time-long-4: var(--miele-motion-time-1100);
    --theme-motion-ease-out: var(--miele-motion-bezier-100);
    --theme-motion-ease-in: var(--miele-motion-bezier-200);
    --theme-motion-delay-instant: var(--miele-motion-delay-100);
    --theme-motion-delay-short-1: var(--miele-motion-delay-400);
    --theme-motion-delay-medium-1: var(--miele-motion-delay-600);
    --theme-motion-delay-long-1: var(--miele-motion-delay-900);
    --theme-motion-delay-long-2: var(--miele-motion-delay-1100);
    --theme-blur-default: var(--miele-blur-100);
    --theme-blur-strong: var(--miele-blur-200);
    --theme-blur-stronger: var(--miele-blur-300);
    --theme-grid-screensize-xs: var(--miele-grid-screensizes-320);
    --theme-grid-screensize-s: var(--miele-grid-screensizes-375);
    --theme-grid-screensize-m: var(--miele-grid-screensizes-768);
    --theme-grid-screensize-ml: var(--miele-grid-screensizes-1024);
    --theme-grid-screensize-l: var(--miele-grid-screensizes-1440);
    --theme-grid-screensize-xl: var(--miele-grid-screensizes-1728);
    --theme-grid-screensize-xxl: var(--miele-grid-screensizes-1920);
    --theme-grid-gutter-xs: var(--miele-grid-gutters-16);
    --theme-grid-gutter-s: var(--miele-grid-gutters-16);
    --theme-grid-gutter-m: var(--miele-grid-gutters-24);
    --theme-grid-gutter-ml: var(--miele-grid-gutters-24);
    --theme-grid-gutter-l: var(--miele-grid-gutters-32);
    --theme-grid-gutter-xl: var(--miele-grid-gutters-32);
    --theme-grid-row-gap-large-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-large-s: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-m: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-large-ml: var(--miele-grid-row-gap-48);
    --theme-grid-row-gap-large-l: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-large-xl: var(--miele-grid-row-gap-64);
    --theme-grid-row-gap-small-xs: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-s: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-m: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-ml: var(--miele-grid-row-gap-24);
    --theme-grid-row-gap-small-l: var(--miele-grid-row-gap-32);
    --theme-grid-row-gap-small-xl: var(--miele-grid-row-gap-32);
    --theme-size-badge-large: var(--miele-size-100);
    --theme-size-badge-small: var(--miele-size-80);
    --theme-size-generic-xs: var(--miele-size-20);
    --theme-size-generic-s: var(--miele-size-40);
    --theme-size-generic-sm: var(--miele-size-60);
    --theme-size-generic-m: var(--miele-size-80);
    --theme-size-generic-ml: var(--miele-size-110);
    --theme-size-generic-l: var(--miele-size-160);
    --theme-size-generic-xl: var(--miele-size-180);
    --theme-size-generic-xxl: var(--miele-size-190);
    --theme-size-generic-max-width-xs: var(--miele-size-195);
    --theme-size-generic-max-width-s: var(--miele-size-210);
    --theme-size-generic-max-width-sm: var(--miele-size-215);
    --theme-size-generic-max-width-m: var(--miele-size-225);
    --theme-size-generic-max-width-l: var(--miele-size-240);
    --theme-size-generic-max-width-xl: var(--miele-size-250);
    --theme-size-generic-max-width-xxl: var(--miele-size-260);
    --theme-size-generic-max-height-xs: var(--miele-size-195);
    --theme-size-generic-max-height-s: var(--miele-size-210);
    --theme-size-generic-max-height-sm: var(--miele-size-215);
    --theme-size-generic-max-height-m: var(--miele-size-225);
    --theme-size-generic-max-height-l: var(--miele-size-240);
    --theme-size-generic-max-height-xl: var(--miele-size-260);
    --theme-size-generic-min-width-xs: var(--miele-size-195);
    --theme-size-generic-min-width-s: var(--miele-size-210);
    --theme-size-generic-min-width-sm: var(--miele-size-215);
    --theme-size-generic-min-width-m: var(--miele-size-225);
    --theme-size-generic-min-width-l: var(--miele-size-240);
    --theme-size-generic-min-width-xl: var(--miele-size-250);
    --theme-size-generic-min-height-xs: var(--miele-size-195);
    --theme-size-generic-min-height-s: var(--miele-size-210);
    --theme-size-generic-min-height-sm: var(--miele-size-215);
    --theme-size-generic-min-height-m: var(--miele-size-225);
    --theme-size-generic-min-height-l: var(--miele-size-240);
    --theme-size-generic-min-height-xl: var(--miele-size-260);
    --theme-size-chip-default: var(--miele-size-100);
    --theme-size-chip-group-breakpoint-m: var(--miele-size-120);
    --theme-size-chip-group-breakpoint-desktop: var(--miele-size-170);
    --theme-size-button-control-button: var(--miele-size-80);
    --theme-size-button-video-button-small: var(--miele-size-120);
    --theme-size-button-default-button: var(--miele-size-110);
    --theme-size-button-default-button-small: var(--miele-size-80);
    --theme-size-button-control-button-medium: var(--miele-size-120);
    --theme-size-button-control-button-large: var(--miele-size-160);
    --theme-size-radiobutton-inner-circle: calc(var(--miele-size-20) + 2px);
    --theme-size-input-max-width: var(--miele-size-240);
    --theme-size-input-min-width: var(--miele-size-210);
    --theme-size-input-minimal-small-height: calc(var(--miele-size-110) - 2px);
    --theme-size-text-area-max-width: var(--miele-size-240);
    --theme-size-text-area-min-width: var(--miele-size-210);
    --theme-size-cards-product-image-xs: var(--miele-size-cards-product-image-xs);
    --theme-size-cards-product-image-s: var(--miele-size-cards-product-image-s);
    --theme-size-cards-product-image-sm: var(--miele-size-cards-product-image-sm);
    --theme-size-cards-product-image-m: var(--miele-size-cards-product-image-m);
    --theme-size-cards-product-image-l: var(--miele-size-cards-product-image-l);
    --theme-size-tab-list-element-height: var(--miele-size-120);
    --theme-size-carousel-numbers-box: var(--miele-size-130);
    --theme-size-card-thumbnail-min-width: calc(var(--miele-size-215) + 56px);
    --theme-size-breadcrumb-breakpoint-m: var(--miele-size-120);
    --theme-size-breadcrumb-breakpoint-s: var(--miele-size-80);
    --theme-size-breadcrumb-breakpoint-xs: var(--miele-size-60);
    --theme-size-breadcrumb-breakpoint-desktop: var(--miele-size-120);
    --theme-size-breadcrumb-height-default: var(--miele-size-50);
    --theme-size-scrollable-breakpoint-default: var(--miele-size-60);
    --theme-size-scrollable-breakpoint-s: var(--miele-size-80);
    --theme-size-scrollable-breakpoint-m: var(--miele-size-120);
    --theme-size-scrollable-breakpoint-ml: var(--miele-size-160);
    --theme-size-tooltip-pointer: var(--miele-size-30);
    --theme-size-color-selector-small-outer: calc(var(--miele-size-60) + 2px);
    --theme-size-color-selector-small-inner: var(--miele-size-40);
    --theme-size-color-selector-large-outer: var(--miele-size-110);
    --theme-size-color-selector-large-inner: var(--miele-size-80);
    --theme-size-energy-label-large: var(--miele-size-60);
    --theme-size-energy-label-small: var(--miele-size-50)
}

@font-face {
    font-display: swap;
    font-family: Miele Elements;
    font-style: normal;
    font-weight: 300 800;
    src: local("Miele Elements Var Web"),url(./fonts/MieleElementsVariable.woff2) format("woff2"),url(./fonts/MieleElementsVariable.woff2) format("woff2")
}

:root .cw-typography-vision-mega-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-mega-large-bold,:root .cw-typography-vision-mega-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-mega-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-mega-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-mega-large-semi-bold,:root .cw-typography-vision-mega-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-mega-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-mega-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-mega-small-bold,:root .cw-typography-vision-mega-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-mega-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-display-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-display-large-bold,:root .cw-typography-vision-display-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-display-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-display-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-display-large-semi-bold,:root .cw-typography-vision-display-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-display-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-display-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-display-small-bold,:root .cw-typography-vision-display-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-display-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-headline-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-headline-large-bold,:root .cw-typography-vision-headline-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-headline-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-headline-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-headline-large-semi-bold,:root .cw-typography-vision-headline-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-headline-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-headline-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-headline-small-bold,:root .cw-typography-vision-headline-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-headline-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-title-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-title-large-bold,:root .cw-typography-vision-title-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-title-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-title-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-title-large-semi-bold,:root .cw-typography-vision-title-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-title-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-title-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-vision-title-small-bold,:root .cw-typography-vision-title-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-title-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-vision-body-x-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-70);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-body-x-large-bold,:root .cw-typography-vision-body-x-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-body-x-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-70);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-body-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-body-large-bold,:root .cw-typography-vision-body-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-body-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-body-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-body-medium-bold,:root .cw-typography-vision-body-medium-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-body-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-body-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-body-small-bold,:root .cw-typography-vision-body-small-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-body-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-body-x-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-body-x-small-bold,:root .cw-typography-vision-body-x-small-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-body-x-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-label-large-regular {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-label-large-regular,:root .cw-typography-vision-label-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-label-medium-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-label-small-regular {
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-footnote-large-regular,:root .cw-typography-vision-label-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-footnote-large-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-footnote-medium-regular {
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-footnote-medium-regular,:root .cw-typography-vision-footnote-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-footnote-small-regular {
    font-size: var(--miele-type-size-20);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-tagline-large-bold {
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-tagline-large-bold,:root .cw-typography-vision-tagline-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-tagline-medium-bold {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-tagline-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-utilities-code {
    font-family: var(--courier),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-cta-large-bold {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-cta-large-bold,:root .cw-typography-vision-cta-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-cta-buttons);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-cta-medium-bold {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-cta-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-cta-small-bold,:root .cw-typography-vision-cta-small-regular {
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-cta-buttons);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-cta-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-badge-large-regular {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-badge-large-regular,:root .cw-typography-vision-badge-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-badge-medium-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-vision-badge-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: .05em
}

:root .cw-typography-vision-badge-small-regular,:root .cw-typography-vision-price-large-strikethrough {
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-price-large-strikethrough {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal
}

:root .cw-typography-vision-price-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-price-large-bold,:root .cw-typography-vision-price-large-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-price-large-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-price-small-strikethrough {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-vision-price-small-bold,:root .cw-typography-vision-price-small-strikethrough {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-price-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-vision-price-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-outdoor-cooking-display-large-extra-bold {
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-vision-outdoor-cooking-display-large-extra-bold,:root .cw-typography-vision-outdoor-cooking-display-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-outdoor-cooking-display-small-extra-bold {
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-vision-outdoor-cooking-headline-large-extra-bold {
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-vision-outdoor-cooking-headline-large-extra-bold,:root .cw-typography-vision-outdoor-cooking-headline-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-outdoor-cooking-headline-small-extra-bold {
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-vision-outdoor-cooking-title-large-extra-bold {
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-vision-outdoor-cooking-title-large-extra-bold,:root .cw-typography-vision-outdoor-cooking-title-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-vision-outdoor-cooking-title-small-extra-bold {
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-mega-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-mega-large-bold,:root .cw-typography-legacy-mega-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-mega-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-mega-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-180);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-mega-large-semi-bold,:root .cw-typography-legacy-mega-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-mega-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-mega-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-mega-small-bold,:root .cw-typography-legacy-mega-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-mega-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-display-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-display-large-bold,:root .cw-typography-legacy-display-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-display-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-display-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-display-large-semi-bold,:root .cw-typography-legacy-display-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-display-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-display-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-display-small-bold,:root .cw-typography-legacy-display-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-display-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-outdoor-cooking-display-large-extra-bold {
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-outdoor-cooking-display-large-extra-bold,:root .cw-typography-legacy-outdoor-cooking-display-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-outdoor-cooking-display-small-extra-bold {
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-outdoor-cooking-headline-large-extra-bold {
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-outdoor-cooking-headline-large-extra-bold,:root .cw-typography-legacy-outdoor-cooking-headline-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-outdoor-cooking-headline-small-extra-bold {
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-outdoor-cooking-title-large-extra-bold {
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-outdoor-cooking-title-large-extra-bold,:root .cw-typography-legacy-outdoor-cooking-title-small-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-outdoor-cooking-title-small-extra-bold {
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold)
}

:root .cw-typography-legacy-headline-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-headline-large-bold,:root .cw-typography-legacy-headline-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-headline-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-headline-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-140);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-headline-large-semi-bold,:root .cw-typography-legacy-headline-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-headline-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-headline-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-headline-small-bold,:root .cw-typography-legacy-headline-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-headline-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-title-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-title-large-bold,:root .cw-typography-legacy-title-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-title-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-title-large-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-90);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-title-large-semi-bold,:root .cw-typography-legacy-title-small-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-title-small-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-title-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold)
}

:root .cw-typography-legacy-title-small-bold,:root .cw-typography-legacy-title-small-semi-bold {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-title-small-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-body-x-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-70);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-body-x-large-bold,:root .cw-typography-legacy-body-x-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-body-x-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-70);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-body-large-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-body-large-bold,:root .cw-typography-legacy-body-large-light {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-body-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-body-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-body-medium-bold,:root .cw-typography-legacy-body-medium-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-body-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-body-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-body-small-bold,:root .cw-typography-legacy-body-small-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-body-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-body-x-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-body-x-small-bold,:root .cw-typography-legacy-body-x-small-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-body-x-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-label-large-regular {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-label-large-regular,:root .cw-typography-legacy-label-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-label-medium-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-label-small-regular {
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-footnote-large-regular,:root .cw-typography-legacy-label-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-footnote-large-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-footnote-medium-regular {
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-footnote-medium-regular,:root .cw-typography-legacy-footnote-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-footnote-small-regular {
    font-size: var(--miele-type-size-20);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-tagline-large-bold {
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-tagline-large-bold,:root .cw-typography-legacy-tagline-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-tagline-medium-bold {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-tagline-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-utilities-code {
    font-family: var(--courier),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-cta-large-bold {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-cta-large-bold,:root .cw-typography-legacy-cta-medium-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-cta-buttons)
}

:root .cw-typography-legacy-cta-medium-bold {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    text-transform: var(--miele-type-text-transform-uppercase)
}

:root .cw-typography-legacy-cta-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold)
}

:root .cw-typography-legacy-cta-small-bold,:root .cw-typography-legacy-cta-small-regular {
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-cta-buttons);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-cta-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-badge-large-regular {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-badge-large-regular,:root .cw-typography-legacy-badge-medium-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: .05em;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-badge-medium-regular {
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular)
}

:root .cw-typography-legacy-badge-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-30);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: .05em
}

:root .cw-typography-legacy-badge-small-regular,:root .cw-typography-legacy-price-large-strikethrough {
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-price-large-strikethrough {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal
}

:root .cw-typography-legacy-price-large-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-price-large-bold,:root .cw-typography-legacy-price-large-regular {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-price-large-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-price-small-strikethrough {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

:root .cw-typography-legacy-price-small-bold,:root .cw-typography-legacy-price-small-strikethrough {
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-legacy-price-small-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

:root .cw-typography-legacy-price-small-regular {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-40);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none)
}

:root .cw-typography-color-regular {
    color: var(--theme-color-text-regular)
}

:root .cw-typography-color-weak {
    color: var(--theme-color-text-weak)
}

:root .cw-typography-color-weaker {
    color: var(--theme-color-text-weaker)
}

:root .cw-typography-color-weakest {
    color: var(--theme-color-text-weakest)
}

:root .cw-typography-color-contrast {
    color: var(--theme-color-text-contrast)
}

:root .cw-typography-color-disabled {
    color: var(--theme-color-text-disabled)
}

:root .cw-typography-color-primary {
    color: var(--theme-color-text-primary)
}

:root .cw-typography-color-info {
    color: var(--theme-color-text-states-info)
}

:root .cw-typography-color-success {
    color: var(--theme-color-text-states-success)
}

:root .cw-typography-color-warning {
    color: var(--theme-color-text-states-warning)
}

:root .cw-typography-color-danger {
    color: var(--theme-color-text-states-danger)
}

:root .cw-typography-vision-mega-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-mega-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-mega-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-mega-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-mega-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-mega-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-display-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-display-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-display-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-display-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-display-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-display-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-headline-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-headline-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-headline-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-headline-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-headline-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-headline-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-title-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-title-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-title-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-title-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-title-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-title-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-outdoor-cooking-display-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-outdoor-cooking-display-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-outdoor-cooking-headline-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-outdoor-cooking-headline-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-vision-outdoor-cooking-title-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-vision-outdoor-cooking-title-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-mega-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-mega-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-mega-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-mega-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-mega-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-160);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-mega-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-180);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-display-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-display-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-display-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-display-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-display-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-display-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-outdoor-cooking-display-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-120);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-large-headings);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-outdoor-cooking-display-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-160);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-large-headings);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-outdoor-cooking-headline-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-outdoor-cooking-headline-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-outdoor-cooking-title-extra-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-outdoor-cooking-title-extra-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-outdoor-cooking-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-headline-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-headline-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-headline-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-headline-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-headline-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-110);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-headline-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-140);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-title-light {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-title-light {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
        font-weight: var(--theme-type-font-weight-theme-light);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-title-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
    font-weight: var(--theme-type-font-weight-theme-extra-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-title-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-extra-bold);
        font-weight: var(--theme-type-font-weight-theme-extra-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

:root .cw-typography-legacy-title-semi-bold {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-headings-regular);
    text-transform: var(--miele-type-text-transform-none)
}

@media only screen and (min-width: 1024px) {
    :root .cw-typography-legacy-title-semi-bold {
        font-family:var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
        font-size: var(--miele-type-size-90);
        font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
        font-weight: var(--theme-type-font-weight-theme-semi-bold);
        letter-spacing: normal;
        line-height: var(--miele-type-lineheight-headings-regular);
        text-transform: var(--miele-type-text-transform-none)
    }
}

._miele-section_11e0y_1[data-v-6ecf6d9a] {
    width: 100%
}

._miele-section--spacing-left-default_11e0y_1[data-v-6ecf6d9a] {
    padding-left: var(--theme-spacing-generic-m)
}

._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a] {
    padding-right: var(--theme-spacing-generic-m)
}

._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
    padding-top: calc(var(--theme-spacing-generic-m)*2)
}

._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
    padding-top: var(--theme-spacing-generic-m)
}

._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
    padding-bottom: calc(var(--theme-spacing-generic-m)*2)
}

._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
    padding-bottom: var(--theme-spacing-generic-m)
}

._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
    padding-top: var(--theme-spacing-generic-s)
}

._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
    padding-bottom: var(--theme-spacing-generic-s)
}

._miele-section--color-backdrop_11e0y_1[data-v-6ecf6d9a] {
    background-color: var(--theme-color-backgrounds-backdrop)
}

._miele-section--color-surface_11e0y_1[data-v-6ecf6d9a] {
    background-color: var(--theme-color-backgrounds-surface)
}

._miele-section--color-surface-raised_11e0y_1[data-v-6ecf6d9a] {
    background-color: var(--theme-color-backgrounds-surface-raised)
}

._miele-section--color-surface-extra-raised_11e0y_1[data-v-6ecf6d9a] {
    background-color: var(--theme-color-backgrounds-surface-extra-raised)
}

._miele-section--color-brand_11e0y_1[data-v-6ecf6d9a] {
    background-color: var(--theme-color-backgrounds-brand)
}

@media only screen and (min-width: 375px) {
    ._miele-section--spacing-left-default_11e0y_1[data-v-6ecf6d9a] {
        padding-left:var(--theme-spacing-generic-l)
    }

    ._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a] {
        padding-right: var(--theme-spacing-generic-l)
    }

    ._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
        padding-top: calc(var(--theme-spacing-generic-l)*2)
    }

    ._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-l)
    }

    ._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: calc(var(--theme-spacing-generic-l)*2)
    }

    ._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-l)
    }

    ._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-s)
    }

    ._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-s)
    }
}

@media only screen and (min-width: 768px) {
    ._miele-section--spacing-left-default_11e0y_1[data-v-6ecf6d9a] {
        padding-left:var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a] {
        padding-right: var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
        padding-top: calc(var(--theme-spacing-generic-xl)*2)
    }

    ._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: calc(var(--theme-spacing-generic-xl)*2)
    }

    ._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-m)
    }

    ._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-m)
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-section--spacing-left-default_11e0y_1[data-v-6ecf6d9a] {
        padding-left:var(--theme-spacing-generic-2xl)
    }

    ._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a] {
        padding-right: var(--theme-spacing-generic-2xl)
    }

    ._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
        padding-top: calc(var(--theme-spacing-generic-2xl)*2)
    }

    ._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-2xl)
    }

    ._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: calc(var(--theme-spacing-generic-2xl)*2)
    }

    ._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-2xl)
    }

    ._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-l)
    }

    ._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-l)
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-section--spacing-left-default_11e0y_1[data-v-6ecf6d9a] {
        padding-left:var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a] {
        padding-right: var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
        padding-top: calc(var(--theme-spacing-generic-3xl)*2)
    }

    ._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: calc(var(--theme-spacing-generic-3xl)*2)
    }

    ._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-xl)
    }
}

@media only screen and (min-width: 1728px) {
    ._miele-section_11e0y_1[data-v-6ecf6d9a] {
        align-items:center;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    ._miele-section__internal-div_11e0y_1[data-v-6ecf6d9a] {
        width: 100%
    }

    ._miele-section__internal-div_11e0y_1[data-v-6ecf6d9a]:not(._miele-section__internal-div--no-max-width-limit_11e0y_1) {
        max-width: var(--theme-grid-screensize-xl)
    }

    ._miele-section--spacing-left-default_11e0y_1._miele-section_11e0y_1[data-v-6ecf6d9a]:not(._miele-section--spacing-right-default_11e0y_1) {
        align-items: end
    }

    ._miele-section--spacing-right-default_11e0y_1[data-v-6ecf6d9a]:not(._miele-section--spacing-left-default_11e0y_1) {
        align-items: start
    }

    ._miele-section--spacing-top-double_11e0y_1[data-v-6ecf6d9a] {
        padding-top: calc(var(--theme-spacing-generic-3xl)*2)
    }

    ._miele-section--spacing-top-default_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-bottom-double_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: calc(var(--theme-spacing-generic-3xl)*2)
    }

    ._miele-section--spacing-bottom-default_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-3xl)
    }

    ._miele-section--spacing-top-half_11e0y_1[data-v-6ecf6d9a] {
        padding-top: var(--theme-spacing-generic-xl)
    }

    ._miele-section--spacing-bottom-half_11e0y_1[data-v-6ecf6d9a] {
        padding-bottom: var(--theme-spacing-generic-xl)
    }
}

._mc-typography-inherit_1lcty_1 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit
}

._miele-typography--color--inherit_1lcty_1 {
    color: inherit
}

._miele-typography--color--regular_1lcty_1 {
    color: var(--theme-color-text-regular)
}

._miele-typography--color--weak_1lcty_1 {
    color: var(--theme-color-text-weak)
}

._miele-typography--color--weaker_1lcty_1 {
    color: var(--theme-color-text-weaker)
}

._miele-typography--color--weakest_1lcty_1 {
    color: var(--theme-color-text-weakest)
}

._miele-typography--color--contrast_1lcty_1 {
    color: var(--theme-color-text-contrast)
}

._miele-typography--color--disabled_1lcty_1 {
    color: var(--theme-color-text-disabled)
}

._miele-typography--color--primary_1lcty_1 {
    color: var(--theme-color-text-primary)
}

._miele-typography--color--info_1lcty_1 {
    color: var(--theme-color-text-states-info)
}

._miele-typography--color--success_1lcty_1 {
    color: var(--theme-color-text-states-success)
}

._miele-typography--color--warning_1lcty_1 {
    color: var(--theme-color-text-states-warning)
}

._miele-typography--color--danger_1lcty_1 {
    color: var(--theme-color-text-states-danger)
}

._miele-typography--hyphenate_1lcty_1 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal
}

._cw-table-tokens_1tvus_1 {
    --cw-table-color-row-background-default: var(--theme-color-backgrounds-backdrop);
    --cw-table-color-row-background-header: var(--theme-color-backgrounds-surface);
    --cw-table-color-row-background-hover: var(--theme-color-backgrounds-surface-raised);
    --cw-table-color-row-background-zebra: var(--theme-color-backgrounds-surface);
    --cw-table-color-text-regular: var(--theme-color-text-regular);
    --cw-table-default-header-cell-spacing-horizontal-padding: var(--theme-spacing-generic-s);
    --cw-table-default-header-cell-spacing-vertical-padding: var(--theme-spacing-generic-s);
    --cw-table-generic-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weak);
    --cw-table-generic-typography-cell: ".body-medium-regular";
    --cw-table-generic-typography-header: ".body-medium-bold"
}

._cw-scrollable-tokens_utnbe_1 {
    --cw-scrollable-gradient-container-gradient-color: var(--theme-color-backgrounds-backdrop);
    --cw-scrollable-gradient-container-width-default: var(--theme-size-scrollable-breakpoint-default);
    --cw-scrollable-gradient-container-width-m: var(--theme-size-scrollable-breakpoint-m);
    --cw-scrollable-gradient-container-width-ml: var(--theme-size-scrollable-breakpoint-ml);
    --cw-scrollable-gradient-container-width-s: var(--theme-size-scrollable-breakpoint-s)
}

._miele-styled-copy_jo0zy_7 {
    white-space: normal;
    word-break: break-word
}

._miele-styled-copy__content_jo0zy_27>div>:first-child {
    margin-top: 0
}

._miele-styled-copy_jo0zy_7 b,._miele-styled-copy_jo0zy_7 strong {
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold)
}

._miele-styled-copy_jo0zy_7 ul {
    margin-left: var(--theme-spacing-generic-xs);
    padding: 0
}

._miele-styled-copy_jo0zy_7 ul li {
    margin: var(--theme-spacing-generic-xs) 0;
    padding-left: var(--theme-spacing-generic-m);
    position: relative;
    text-indent: calc(var(--theme-spacing-generic-m)*-1)
}

._miele-styled-copy_jo0zy_7 ul li:before {
    content: "•";
    padding-right: var(--theme-spacing-generic-s)
}

._miele-styled-copy_jo0zy_7 ul li ul {
    margin-left: var(--theme-spacing-generic-m)
}

._miele-styled-copy_jo0zy_7 ul li ul li {
    padding-left: 0
}

._miele-styled-copy_jo0zy_7 ol {
    --numbered-list-left-margin: var(--theme-spacing-generic-l);
    --numbered-list-item-left-margin: calc(var(--theme-spacing-generic-xxs) + var(--theme-spacing-generic-xs));
    list-style: decimal;
    margin-left: var(--numbered-list-left-margin);
    padding: 0;
    position: relative
}

._miele-styled-copy_jo0zy_7 ol li {
    margin: var(--theme-spacing-generic-xs) 0;
    padding-left: var(--numbered-list-item-left-margin)
}

._miele-styled-copy_jo0zy_7 ol li ol {
    list-style: lower-alpha;
    margin-left: calc(var(--numbered-list-left-margin) - var(--numbered-list-item-left-margin))
}

._miele-styled-copy_jo0zy_7 a {
    text-decoration: underline;
    text-underline-offset: var(--theme-spacing-generic-xxs)
}

._miele-styled-copy_jo0zy_7 a:focus-visible {
    border-radius: var(--cw-forms-generic-border-radius-default);
    outline: var(--cw-forms-generic-border-focus);
    outline-offset: var(--cw-focus-spacing-offset-l)
}

._miele-styled-copy_jo0zy_7 a:has(>sub),._miele-styled-copy_jo0zy_7 a:has(>sup) {
    text-decoration: none
}

._miele-styled-copy_jo0zy_7 .miele-table,._miele-styled-copy_jo0zy_7 table {
    border-collapse: collapse;
    min-width: var(--theme-size-generic-min-width-l);
    width: 100%
}

._miele-styled-copy_jo0zy_7 .miele-table p,._miele-styled-copy_jo0zy_7 table p {
    margin: 0
}

._miele-styled-copy_jo0zy_7 .miele-table caption,._miele-styled-copy_jo0zy_7 table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

._miele-styled-copy_jo0zy_7 .miele-table thead tr,._miele-styled-copy_jo0zy_7 table thead tr {
    background-color: var(--cw-table-color-row-background-header);
    border-bottom: var(--cw-table-generic-border-default)
}

._miele-styled-copy_jo0zy_7 .miele-table tbody tr,._miele-styled-copy_jo0zy_7 table tbody tr {
    background-color: var(--cw-table-color-row-background-default)
}

._miele-styled-copy_jo0zy_7 .miele-table td,._miele-styled-copy_jo0zy_7 .miele-table th,._miele-styled-copy_jo0zy_7 table td,._miele-styled-copy_jo0zy_7 table th {
    color: var(--cw-table-color-text-regular);
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    text-transform: var(--miele-type-text-transform-none);
    white-space: nowrap
}

._miele-styled-copy_jo0zy_7 .miele-table td,._miele-styled-copy_jo0zy_7 table td {
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

._miele-styled-copy_jo0zy_7 .miele-table td,._miele-styled-copy_jo0zy_7 .miele-table th,._miele-styled-copy_jo0zy_7 table td,._miele-styled-copy_jo0zy_7 table th {
    padding: var(--cw-table-default-header-cell-spacing-vertical-padding) var(--cw-table-default-header-cell-spacing-horizontal-padding);
    text-align: left
}

._miele-styled-copy_jo0zy_7 .miele-table:focus-visible,._miele-styled-copy_jo0zy_7 table:focus-visible {
    outline: var(--cw-forms-generic-border-focus)
}

._miele-styled-copy_jo0zy_7 .miele-table tbody tr:focus-visible,._miele-styled-copy_jo0zy_7 .miele-table tbody tr:focus-within,._miele-styled-copy_jo0zy_7 table tbody tr:focus-visible,._miele-styled-copy_jo0zy_7 table tbody tr:focus-within {
    background-color: var(--cw-table-color-row-background-hover);
    outline: var(--cw-forms-generic-border-focus);
    outline-offset: -2px
}

._miele-styled-copy_jo0zy_7 .miele-table tbody tr:hover td,._miele-styled-copy_jo0zy_7 .miele-table tbody tr:hover th,._miele-styled-copy_jo0zy_7 table tbody tr:hover td,._miele-styled-copy_jo0zy_7 table tbody tr:hover th {
    background-color: var(--cw-table-color-row-background-hover);
    transition: var(--theme-motion-ease-out) var(--theme-motion-time-short-2) background-color
}

._miele-styled-copy_jo0zy_7 .miele-table.miele-table--zebra-striping tbody tr:nth-child(odd),._miele-styled-copy_jo0zy_7 table.miele-table--zebra-striping tbody tr:nth-child(odd) {
    background-color: var(--cw-table-color-row-background-default)
}

._miele-styled-copy_jo0zy_7 .miele-table.miele-table--zebra-striping tbody tr:nth-child(2n),._miele-styled-copy_jo0zy_7 table.miele-table--zebra-striping tbody tr:nth-child(2n) {
    background-color: var(--cw-table-color-row-background-zebra)
}

._miele-styled-copy_jo0zy_7 .miele-scrollable {
    height: 100%;
    position: relative;
    width: auto
}

._miele-styled-copy_jo0zy_7 .miele-scrollable:after,._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
    content: "";
    height: inherit;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: var(--cw-scrollable-gradient-container-width-default)
}

@media only screen and (min-width: 375px) {
    ._miele-styled-copy_jo0zy_7 .miele-scrollable:after,._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
        width:var(--cw-scrollable-gradient-container-width-s)
    }
}

@media only screen and (min-width: 768px) {
    ._miele-styled-copy_jo0zy_7 .miele-scrollable:after,._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
        width:var(--cw-scrollable-gradient-container-width-m)
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-styled-copy_jo0zy_7 .miele-scrollable:after,._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
        width:var(--cw-scrollable-gradient-container-width-ml)
    }
}

._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
    background: linear-gradient(270deg,rgb(from var(--cw-scrollable-gradient-container-gradient-color) r g b/0) 0,var(--cw-scrollable-gradient-container-gradient-color) 100%);
    left: 0;
    z-index: 1
}

@media only screen and (min-width: 1728px) {
    ._miele-styled-copy_jo0zy_7 .miele-scrollable:before {
        left:calc(var(--theme-spacing-generic-s)*-1)
    }
}

._miele-styled-copy_jo0zy_7 .miele-scrollable:after {
    background: linear-gradient(270deg,var(--cw-scrollable-gradient-container-gradient-color) 0,rgb(from var(--cw-scrollable-gradient-container-gradient-color) r g b/0) 100%);
    right: 0
}

._miele-styled-copy_jo0zy_7 .miele-scrollable--hidden-after:after,._miele-styled-copy_jo0zy_7 .miele-scrollable--hidden-before:before {
    content: "";
    visibility: hidden
}

._miele-styled-copy_jo0zy_7 .miele-scrollable__inner {
    overflow-x: auto
}

._miele-styled-copy_jo0zy_7 .miele-scrollable__inner:focus-visible,._miele-styled-copy_jo0zy_7 .miele-scrollable__inner:focus-within {
    outline: var(--cw-forms-generic-border-focus)
}

._miele-styled-copy_jo0zy_7 h2,._miele-styled-copy_jo0zy_7 h3,._miele-styled-copy_jo0zy_7 h4,._miele-styled-copy_jo0zy_7 h5,._miele-styled-copy_jo0zy_7 h6,._miele-styled-copy_jo0zy_7 p {
    font-family: var(--theme-type-font-family-theme-default),var(--theme-type-font-family-theme-fallback-01),var(--theme-type-font-family-theme-fallback-02),var(--theme-type-font-family-theme-fallback-03);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-bold);
    font-weight: var(--theme-type-font-weight-theme-bold);
    letter-spacing: normal;
    line-height: var(--miele-type-lineheight-paragraph);
    margin-top: var(--theme-spacing-generic-s);
    text-transform: var(--miele-type-text-transform-none)
}

._miele-styled-copy_jo0zy_7 p {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular);
    line-height: var(--miele-type-lineheight-paragraph);
    margin-top: var(--theme-spacing-generic-s)
}

._miele-styled-copy_jo0zy_7 h2 {
    font-size: var(--miele-type-size-80);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-semi-bold);
    font-weight: var(--theme-type-font-weight-theme-semi-bold);
    line-height: var(--miele-type-lineheight-headings-regular)
}

@media only screen and (min-width: 1024px) {
    ._miele-styled-copy_jo0zy_7 h2 {
        font-size:var(--miele-type-size-90)
    }
}

._miele-styled-copy_jo0zy_7 h3 {
    font-size: var(--miele-type-size-70)
}

._miele-styled-copy_jo0zy_7 h4 {
    font-size: var(--miele-type-size-60)
}

._miele-styled-copy_jo0zy_7 h5 {
    font-size: var(--miele-type-size-50)
}

._miele-styled-copy_jo0zy_7 h6,._miele-styled-copy_jo0zy_7 h6+p {
    font-size: var(--miele-type-size-40)
}

._miele-styled-copy_jo0zy_7 h3+p,._miele-styled-copy_jo0zy_7 h4+p,._miele-styled-copy_jo0zy_7 h5+p {
    margin-top: var(--theme-spacing-generic-xs)
}

._miele-styled-copy_jo0zy_7 h6+p {
    margin-top: var(--theme-spacing-generic-xxs)
}

._miele-focus-wrapper_1xhtx_1 {
    box-sizing: border-box;
    position: relative
}

._miele-focus-wrapper_1xhtx_1 :focus-within {
    outline: none
}

._miele-focus-wrapper--show-parent-focus_1xhtx_1:has(:focus-visible) {
    border-radius: var(--cw-forms-generic-border-radius-default);
    margin: calc(var(--cw-forms-generic-spacing-focus-vertical)*-1) calc(var(--cw-forms-generic-spacing-focus-horizontal)*-1);
    outline: var(--cw-forms-generic-border-focus);
    padding: var(--cw-forms-generic-spacing-focus-vertical) var(--cw-forms-generic-spacing-focus-horizontal)
}

._miele-focus-wrapper--show-child-focus_1xhtx_1 button:focus-visible {
    outline-offset: var(--cw-focus-spacing-offset-l)
}

._miele-focus-wrapper--show-child-focus_1xhtx_1 input:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 select:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 textarea:focus-visible {
    outline-offset: calc(var(--cw-focus-spacing-offset-s)*-1)
}

._miele-focus-wrapper--show-child-focus_1xhtx_1 a:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 button:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 input:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 select:focus-visible,._miele-focus-wrapper--show-child-focus_1xhtx_1 textarea:focus-visible {
    outline: var(--cw-forms-generic-border-focus)
}

._miele-focus-wrapper--show-child-focus_1xhtx_1 a:focus-visible {
    outline-offset: var(--cw-focus-spacing-offset-s)
}

._cw-link-tokens_cq1bv_1 {
    --cw-link-color-default-hover: var(--theme-color-text-links-default-hover);
    --cw-link-color-default-regular: var(--theme-color-text-links-default-regular);
    --cw-link-color-default-visited: var(--theme-color-text-links-default-visited);
    --cw-link-color-muted-hover: var(--theme-color-text-links-muted-hover);
    --cw-link-color-muted-regular: var(--theme-color-text-links-muted-regular);
    --cw-link-color-muted-visited: var(--theme-color-text-links-muted-visited);
    --cw-link-generic-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-link-spacing-horizontal-padding: var(--theme-spacing-generic-xxs);
    --cw-link-spacing-underline-offset: var(--theme-spacing-specific-link-offset);
    --cw-link-spacing-vertical-padding: var(--theme-spacing-generic-xxs)
}

._miele-link_1adjs_1 :is(a) {
    cursor: pointer
}

._miele-link__focus-wrapper_1adjs_1 {
    display: inline-block
}

._miele-link--styled_1adjs_1 :is(a) {
    color: var(--cw-link-color-default-regular)
}

._miele-link--styled_1adjs_1 :is(a:visited) {
    color: var(--cw-link-color-default-visited)
}

._miele-link--styled_1adjs_1 :is(a:hover) {
    color: var(--cw-link-color-default-hover)
}

._miele-link--underlined_1adjs_1 :is(a) {
    text-decoration: underline;
    text-underline-offset: var(--cw-link-spacing-underline-offset);
    text-underline-position: under
}

._miele-link--muted_1adjs_1 :is(a) {
    color: var(--cw-link-color-muted-regular)
}

._miele-link--muted_1adjs_1 :is(a:visited) {
    color: var(--cw-link-color-muted-visited)
}

._miele-link--muted_1adjs_1 :is(a:hover) {
    color: var(--cw-link-color-muted-hover)
}

._miele-heading-typography--color--inherit_dmpgk_1 {
    color: inherit
}

._miele-heading-typography--color--regular_dmpgk_1 {
    color: var(--theme-color-text-regular)
}

._miele-heading-typography--color--weak_dmpgk_1 {
    color: var(--theme-color-text-weak)
}

._miele-heading-typography--color--weaker_dmpgk_1 {
    color: var(--theme-color-text-weaker)
}

._miele-heading-typography--color--weakest_dmpgk_1 {
    color: var(--theme-color-text-weakest)
}

._miele-heading-typography--color--contrast_dmpgk_1 {
    color: var(--theme-color-text-contrast)
}

._miele-heading-typography--color--disabled_dmpgk_1 {
    color: var(--theme-color-text-disabled)
}

._miele-heading-typography--color--primary_dmpgk_1 {
    color: var(--theme-color-text-primary)
}

._miele-heading-typography--color--info_dmpgk_1 {
    color: var(--theme-color-text-states-info)
}

._miele-heading-typography--color--success_dmpgk_1 {
    color: var(--theme-color-text-states-success)
}

._miele-heading-typography--color--warning_dmpgk_1 {
    color: var(--theme-color-text-states-warning)
}

._miele-heading-typography--color--danger_dmpgk_1 {
    color: var(--theme-color-text-states-danger)
}

._miele-heading-typography--hyphenate_dmpgk_1 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal
}

._cw-forms-tokens_1ccd4_1 {
    --cw-forms-file-upload-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-regular);
    --cw-forms-generic-border-active: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-extra-contrast);
    --cw-forms-generic-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-contrast);
    --cw-forms-generic-border-disabled: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-disabled);
    --cw-forms-generic-border-error: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-states-danger);
    --cw-forms-generic-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-forms-generic-border-hover: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-extra-contrast);
    --cw-forms-generic-border-radius-default: var(--theme-radius-generic-small);
    --cw-forms-generic-border-radius-full: var(--theme-radius-generic-full);
    --cw-forms-generic-color-background-caret: var(--theme-color-backgrounds-primary-dark);
    --cw-forms-generic-color-background-contrast: var(--theme-color-backgrounds-backdrop);
    --cw-forms-generic-color-background-disabled: var(--theme-color-backgrounds-disabled);
    --cw-forms-generic-color-background-dropdown-selected: var(--theme-color-backgrounds-surface-raised);
    --cw-forms-generic-color-background-error: var(--theme-color-backgrounds-states-danger);
    --cw-forms-generic-color-background-regular: var(--theme-color-backgrounds-extra-contrast);
    --cw-forms-generic-color-background-selected: var(--theme-color-backgrounds-surface);
    --cw-forms-generic-color-background-success: var(--theme-color-backgrounds-states-success);
    --cw-forms-generic-color-text-contrast: var(--theme-color-text-contrast);
    --cw-forms-generic-color-text-disabled: var(--theme-color-text-disabled);
    --cw-forms-generic-color-text-error: var(--theme-color-text-states-danger);
    --cw-forms-generic-color-text-helper: var(--theme-color-text-weakest);
    --cw-forms-generic-color-text-inactive: var(--theme-color-text-weakest);
    --cw-forms-generic-color-text-regular: var(--theme-color-text-regular);
    --cw-forms-generic-color-text-succes: var(--theme-color-text-states-success);
    --cw-forms-generic-shadow-default: var(--theme-shadow-generic-large);
    --cw-forms-generic-size-taptarget-minimal: var(--theme-size-generic-sm);
    --cw-forms-generic-spacing-base-horizontal: var(--theme-spacing-generic-xs);
    --cw-forms-generic-spacing-base-horizontal-large: var(--theme-spacing-generic-s);
    --cw-forms-generic-spacing-base-horizontal-xlarge: var(--theme-spacing-generic-m);
    --cw-forms-generic-spacing-base-horizontal-xs: var(--theme-spacing-generic-xxxs);
    --cw-forms-generic-spacing-base-horizontal-xsmall: var(--theme-spacing-generic-xxs);
    --cw-forms-generic-spacing-base-vertical: calc(var(--theme-spacing-generic-xs) + 3px);
    --cw-forms-generic-spacing-base-vertical-small: var(--theme-spacing-generic-xs);
    --cw-forms-generic-spacing-base-vertical-toggle: calc(var(--theme-spacing-generic-xs) + 2px);
    --cw-forms-generic-spacing-base-vertical-xsmall: var(--theme-spacing-generic-xxs);
    --cw-forms-generic-spacing-dropdown-indent: var(--theme-spacing-specific-dropdown-indent);
    --cw-forms-generic-spacing-focus-horizontal: var(--theme-spacing-generic-xs);
    --cw-forms-generic-spacing-focus-vertical: var(--theme-spacing-generic-xxs);
    --cw-forms-generic-spacing-focus-vertical-toggle-focus: var(--theme-spacing-generic-xs);
    --cw-forms-generic-spacing-gap-large: var(--theme-spacing-generic-s);
    --cw-forms-generic-spacing-gap-medium: var(--theme-spacing-generic-xs);
    --cw-forms-generic-spacing-gap-xs: var(--theme-spacing-generic-xxs);
    --cw-forms-generic-typography-default: ".label-large-regular";
    --cw-forms-generic-typography-helper: ".label-small-regular";
    --cw-forms-generic-typography-label-small: ".label-small-regular";
    --cw-forms-input-typography-minimal-default: ".label-medium-regular";
    --cw-forms-input-typography-minimal-large: ".body-xlarge-light";
    --cw-forms-radio-border-default: var(--theme-border-radio-selected-stroke-width) solid var(--theme-color-borders-extra-contrast);
    --cw-forms-radio-border-disabled: var(--theme-border-radio-selected-stroke-width) solid var(--theme-color-borders-disabled);
    --cw-forms-radio-border-error: var(--theme-border-radio-selected-stroke-width) solid var(--theme-color-borders-states-danger);
    --cw-forms-radio-border-hover: var(--theme-border-radio-selected-stroke-width) solid var(--theme-color-borders-extra-contrast);
    --cw-forms-specific-size-checkbox-height: var(--theme-size-generic-sm);
    --cw-forms-specific-size-checkbox-taptarget: var(--theme-size-generic-ml);
    --cw-forms-specific-size-checkbox-width: var(--theme-size-generic-sm);
    --cw-forms-specific-size-dropdown-list-item: var(--theme-size-generic-ml);
    --cw-forms-specific-size-dropdown-select: var(--theme-size-generic-ml);
    --cw-forms-specific-size-file-upload-loader: var(--theme-size-generic-sm);
    --cw-forms-specific-size-input-default-height: var(--theme-size-generic-ml);
    --cw-forms-specific-size-input-max-width: var(--theme-size-input-max-width);
    --cw-forms-specific-size-input-max-width-helper: var(--theme-size-generic-xl);
    --cw-forms-specific-size-input-min-width: var(--theme-size-input-min-width);
    --cw-forms-specific-size-input-minimal-small-height: var(--theme-size-input-minimal-small-height);
    --cw-forms-specific-size-radiobutton-height: var(--theme-size-generic-sm);
    --cw-forms-specific-size-radiobutton-inner-circle: var(--theme-size-radiobutton-inner-circle);
    --cw-forms-specific-size-radiobutton-taptarget: var(--theme-size-generic-ml);
    --cw-forms-specific-size-radiobutton-width: var(--theme-size-generic-sm);
    --cw-forms-specific-size-text-area-max-width: var(--theme-size-input-max-width);
    --cw-forms-specific-size-text-area-min-width: var(--theme-size-input-min-width);
    --cw-forms-specific-size-toggle-background: var(--theme-size-generic-sm);
    --cw-forms-specific-size-toggle-handle: var(--theme-size-generic-s);
    --cw-forms-specific-size-toggle-taptarget: var(--theme-size-generic-ml)
}

._miele-heading-group_149w5_1 {
    transform: translateZ(0);
    white-space: break-spaces;
    width: 100%
}

._miele-heading-group__tagline_149w5_1 {
    display: block
}

._miele-heading-group__tagline--headline_149w5_1,._miele-heading-group__tagline--title_149w5_1 {
    margin-bottom: var(--theme-spacing-generic-xs)
}

@media only screen and (min-width: 768px) {
    ._miele-heading-group__tagline--headline_149w5_1 {
        margin-bottom:var(--theme-spacing-generic-s)
    }
}

._miele-heading-group__tagline--display_149w5_1 {
    margin-bottom: var(--theme-spacing-generic-s)
}

@media only screen and (min-width: 768px) {
    ._miele-heading-group__tagline--display_149w5_1 {
        margin-bottom:var(--theme-spacing-generic-m)
    }
}

._miele-heading-group__paragraph_149w5_1 {
    display: block
}

._miele-heading-group__paragraph--display_149w5_1,._miele-heading-group__paragraph--headline_149w5_1,._miele-heading-group__paragraph--title_149w5_1 {
    margin-top: var(--theme-spacing-generic-s)
}

._miele-heading-group__paragraph--title_149w5_1 [class*=_miele-styled-copy] p {
    font-size: var(--miele-type-size-50);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-regular);
    font-weight: var(--theme-type-font-weight-theme-regular)
}

._miele-heading-group__paragraph--title_149w5_1 [class*=_miele-styled-copy] h6+p {
    font-size: var(--miele-type-size-40)
}

@media only screen and (min-width: 1024px) {
    ._miele-heading-group__paragraph--headline_149w5_1 {
        margin-top:var(--theme-spacing-generic-m)
    }
}

._miele-heading-group__paragraph--headline_149w5_1 [class*=_miele-styled-copy] p {
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

._miele-heading-group__paragraph--headline_149w5_1 [class*=_miele-styled-copy] h6+p {
    font-size: var(--miele-type-size-50)
}

@media only screen and (min-width: 1024px) {
    ._miele-heading-group__paragraph--display_149w5_1 {
        margin-top:var(--theme-spacing-generic-l)
    }
}

._miele-heading-group__paragraph--display_149w5_1 [class*=_miele-styled-copy] p {
    font-size: var(--miele-type-size-60);
    font-variation-settings: "wght" var(--theme-type-font-weight-theme-light);
    font-weight: var(--theme-type-font-weight-theme-light)
}

@media screen and (min-width: 1024px) {
    ._miele-heading-group__paragraph--display_149w5_1 [class*=_miele-styled-copy] p {
        font-size:var(--miele-type-size-70)
    }
}

._miele-heading-group__paragraph--display_149w5_1 [class*=_miele-styled-copy] h6+p {
    font-size: var(--miele-type-size-50)
}

@media screen and (min-width: 1024px) {
    ._miele-heading-group__paragraph--display_149w5_1 [class*=_miele-styled-copy] h6+p {
        font-size:var(--miele-type-size-60)
    }
}

._miele-heading-group__headline-emphasize-after_149w5_1,._miele-heading-group__headline-emphasize-before_149w5_1,._miele-heading-group__headline-text_149w5_1,._miele-heading-group__paragraph_149w5_1 {
    display: block
}

._miele-heading-group__headline--link_149w5_1:focus-visible {
    border-radius: var(--cw-forms-generic-border-radius-default);
    outline: var(--cw-forms-generic-border-focus);
    outline-offset: var(--cw-focus-spacing-offset-l)
}

._miele-icon_1deiq_1 {
    display: inline-block
}

._miele-icon--color--inherit_1deiq_1 {
    color: inherit
}

._miele-icon--color--regular_1deiq_1 {
    color: var(--theme-color-icons-regular)
}

._miele-icon--color--contrast_1deiq_1 {
    color: var(--theme-color-icons-contrast)
}

._miele-icon--color--info_1deiq_1 {
    color: var(--theme-color-icons-states-info)
}

._miele-icon--color--success_1deiq_1 {
    color: var(--theme-color-icons-states-success)
}

._miele-icon--color--warning_1deiq_1 {
    color: var(--theme-color-icons-states-warning)
}

._miele-icon--color--danger_1deiq_1 {
    color: var(--theme-color-icons-states-danger)
}

._miele-icon--color--disabled_1deiq_1 {
    color: var(--theme-color-icons-states-disabled)
}

svg[data-v-1b381a95] {
    position: absolute
}

._miele-button_6hbz7_1 {
    align-items: center;
    border: none;
    border-radius: var(--cw-button-generic-border-radius-default);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: var(--cw-button-size-default-button-large);
    justify-content: center;
    max-width: 100%;
    min-width: auto;
    padding-left: var(--cw-button-generic-spacing-horizontal-padding);
    padding-right: var(--cw-button-generic-spacing-horizontal-padding);
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: top
}

._miele-button--disabled_6hbz7_1 {
    cursor: unset
}

._miele-button_6hbz7_1:focus-visible {
    border-radius: var(--cw-button-generic-border-radius-focus);
    outline: var(--cw-button-generic-border-focus);
    outline-offset: var(--cw-focus-spacing-offset-m)
}

._miele-button--fluid_6hbz7_1 {
    width: 100%
}

._miele-button--content_6hbz7_1 {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    max-width: 100%;
    vertical-align: bottom
}

._miele-button__text--offset_6hbz7_1 {
    position: relative
}

._miele-button__text--nowrap_6hbz7_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._miele-button--hidden-content_6hbz7_1 {
    visibility: hidden
}

._miele-button--loading_6hbz7_1 {
    cursor: auto
}

._miele-button--primary_6hbz7_1 {
    background: var(--cw-button-primary-color-background-default);
    color: var(--cw-button-primary-color-text-icon-default)
}

._miele-button--primary_6hbz7_1:hover:not(:disabled,._miele-button--disabled_6hbz7_1) {
    background: var(--cw-button-primary-color-background-hover)
}

._miele-button--primary_6hbz7_1:active:focus:not(:disabled,._miele-button--disabled_6hbz7_1) {
    color: var(--cw-button-primary-color-text-icon-pressed)
}

._miele-button--primary_6hbz7_1._miele-button--disabled_6hbz7_1 {
    background: var(--cw-button-primary-color-background-disabled);
    color: var(--cw-button-primary-color-text-icon-disabled)
}

._miele-button--secondary_6hbz7_1 {
    background: none;
    border: var(--cw-button-secondary-border-default)
}

._miele-button--secondary_6hbz7_1,._miele-button--secondary_6hbz7_1:active:focus:not(:disabled,._miele-button--disabled_6hbz7_1) {
    color: var(--cw-button-secondary-color-text-icon-default)
}

._miele-button--secondary_6hbz7_1:hover:not(:disabled,._miele-button--disabled_6hbz7_1) {
    border: var(--cw-button-secondary-border-hover);
    color: var(--cw-button-secondary-color-text-icon-hover)
}

._miele-button--secondary_6hbz7_1._miele-button--disabled_6hbz7_1 {
    border: var(--cw-button-secondary-border-disabled);
    color: var(--cw-button-secondary-color-text-icon-disabled)
}

._miele-button--tertiary_6hbz7_1 {
    background: none;
    color: var(--cw-button-tertiary-color-text-icon-default);
    padding-left: 0;
    padding-right: 0
}

._miele-button--tertiary_6hbz7_1:hover:not(:disabled,._miele-button--disabled_6hbz7_1) {
    color: var(--cw-button-tertiary-color-text-icon-hover)
}

._miele-button--tertiary_6hbz7_1._miele-button--disabled_6hbz7_1 {
    color: var(--cw-button-tertiary-color-text-icon-disabled)
}

._miele-button--quaternary_6hbz7_1 {
    background: var(--cw-button-quaternary-color-background-default);
    color: var(--cw-button-quaternary-color-text-icon-default);
    height: var(--cw-button-size-default-button-small);
    padding-left: var(--cw-button-generic-spacing-horizontal-padding-small);
    padding-right: var(--cw-button-generic-spacing-horizontal-padding-small)
}

._miele-button--quaternary_6hbz7_1:hover:not(:disabled,._miele-button--disabled_6hbz7_1) {
    background: var(--cw-button-quaternary-color-background-hover)
}

._miele-button--quaternary_6hbz7_1:active:focus:not(:disabled,._miele-button--disabled_6hbz7_1) {
    color: var(--cw-button-quaternary-color-text-icon-pressed)
}

._miele-button--quaternary_6hbz7_1._miele-button--disabled_6hbz7_1 {
    background: var(--cw-button-quaternary-color-background-disabled);
    color: var(--cw-button-quaternary-color-text-icon-disabled)
}

._miele-button--quinary_6hbz7_1 {
    background: var(--cw-button-quinary-color-background-default);
    color: var(--cw-button-quinary-color-text-icon-default)
}

._miele-button--quinary_6hbz7_1:hover:not(:disabled,._miele-button--disabled_6hbz7_1) {
    background: var(--cw-button-quinary-color-background-hover)
}

._miele-button--quinary_6hbz7_1:active:focus:not(:disabled,._miele-button--disabled_6hbz7_1) {
    color: var(--cw-button-quinary-color-text-icon-pressed)
}

._miele-button--quinary_6hbz7_1._miele-button--disabled_6hbz7_1 {
    background: var(--cw-button-quinary-color-background-disabled);
    color: var(--cw-button-quinary-color-text-icon-disabled)
}

._miele-button__icon--left_6hbz7_1 {
    margin-right: var(--cw-button-generic-spacing-horizontal-gap)
}

._miele-button__icon--left_6hbz7_1,._miele-button__icon--right_6hbz7_1 {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

._miele-button__icon--right_6hbz7_1 {
    margin-left: var(--cw-button-generic-spacing-horizontal-gap)
}

._cw-horizontal-tokens_1olxg_1 {
    --cw-horizontal-rule-generic-border-contrast: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-contrast);
    --cw-horizontal-rule-generic-border-regular: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weakest);
    --cw-horizontal-rule-generic-border-weak: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weak);
    --cw-horizontal-rule-generic-border-weaker: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weaker);
    --cw-horizontal-rule-generic-border-weakest: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weakest)
}

._miele-horizontal-rule--contrast_10z2h_1 {
    border-top: var(--cw-horizontal-rule-generic-border-contrast)
}

._miele-horizontal-rule--regular_10z2h_1 {
    border-top: var(--cw-horizontal-rule-generic-border-regular)
}

._miele-horizontal-rule--weak_10z2h_1 {
    border-top: var(--cw-horizontal-rule-generic-border-weak)
}

._miele-horizontal-rule--weaker_10z2h_1 {
    border-top: var(--cw-horizontal-rule-generic-border-weaker)
}

._miele-horizontal-rule--weakest_10z2h_1 {
    border-top: var(--cw-horizontal-rule-generic-border-weakest)
}

._miele-illustration-icon_15x3l_1[data-v-48cbd97b] {
    display: inline-block
}

._miele-illustration-icon--color--inherit_15x3l_1[data-v-48cbd97b] {
    color: inherit
}

._miele-illustration-icon--color--regular_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-regular)
}

._miele-illustration-icon--color--contrast_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-contrast)
}

._miele-illustration-icon--color--info_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-states-info)
}

._miele-illustration-icon--color--success_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-states-success)
}

._miele-illustration-icon--color--warning_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-states-warning)
}

._miele-illustration-icon--color--danger_15x3l_1[data-v-48cbd97b] {
    color: var(--theme-color-icons-states-danger)
}

._miele-feature__container_15aeu_1 {
    -moz-column-gap: var(--cw-cards-feature-spacing-content-gap);
    column-gap: var(--cw-cards-feature-spacing-content-gap);
    display: flex
}

._miele-feature__number-wrapper_15aeu_1 {
    display: flex;
    max-width: 100%;
    min-width: 0;
    overflow: hidden
}

._miele-feature__superscript_15aeu_1:not(:empty) {
    flex-shrink: 1;
    padding-left: var(--cw-cards-feature-spacing-number-superscript-padding-left);
    padding-top: var(--cw-cards-feature-spacing-number-superscript-padding-top)
}

._miele-feature__description_15aeu_1,._miele-feature__headline_15aeu_1,._miele-feature__number_15aeu_1,._miele-feature__superscript_15aeu_1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

._miele-feature__number_15aeu_1 {
    flex-shrink: 1
}

._miele-feature__content-wrapper_15aeu_1 {
    max-width: 100%;
    min-width: 0;
    overflow: hidden
}

._miele-feature__description_15aeu_1 {
    -webkit-line-clamp: 2
}

._miele-feature__ruler_15aeu_1 {
    margin-top: var(--cw-cards-feature-spacing-hr-padding-top)
}

._miele-feature--vertical_15aeu_1 ._miele-feature__container_15aeu_1 {
    align-items: flex-start;
    flex-direction: column
}

._miele-feature--vertical_15aeu_1._miele-feature--text-only_15aeu_1 ._miele-feature__icon_15aeu_1 {
    padding-bottom: var(--cw-cards-feature-spacing-large-icon-padding-bottom)
}

._miele-feature--vertical_15aeu_1._miele-feature--number_15aeu_1 ._miele-feature__description_15aeu_1:not(:empty) {
    padding-top: var(--cw-cards-feature-spacing-description-padding-top)
}

._miele-feature--horizontal_15aeu_1 ._miele-feature__container_15aeu_1 {
    flex-direction: row
}

._miele-feature--horizontal_15aeu_1 ._miele-feature__content-wrapper_15aeu_1 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._miele-feature--horizontal_15aeu_1._miele-feature--number_15aeu_1 ._miele-feature__icon_15aeu_1 {
    padding-top: var(--cw-cards-feature-spacing-large-icon-padding-top)
}

._miele-screen-reader-only_1vncx_1:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

._cw-button-tokens_zclre_1 {
    --cw-button-action-border-radius-focus: var(--theme-radius-generic-small);
    --cw-button-generic-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-button-generic-border-radius-default: var(--theme-radius-specific-cta-default);
    --cw-button-generic-border-radius-focus: var(--theme-radius-specific-cta-focus);
    --cw-button-generic-border-radius-full: var(--theme-radius-generic-full);
    --cw-button-generic-spacing-action-button-gap: var(--theme-spacing-generic-xxxs);
    --cw-button-generic-spacing-control-button-target: var(--theme-spacing-specific-cta-focus-padding);
    --cw-button-generic-spacing-focus-padding: var(--theme-spacing-specific-cta-focus-padding);
    --cw-button-generic-spacing-horizontal-gap: var(--theme-spacing-specific-cta-gap);
    --cw-button-generic-spacing-horizontal-padding: var(--theme-spacing-specific-cta-horizontal-padding);
    --cw-button-generic-spacing-horizontal-padding-small: var(--theme-spacing-generic-xs);
    --cw-button-generic-spacing-vertical-icon-correction: var(--theme-spacing-specific-cta-vertical-icon-correction);
    --cw-button-generic-spacing-vertical-padding-bottom: var(--theme-spacing-specific-cta-vertical-bottom);
    --cw-button-generic-spacing-vertical-padding-top: var(--theme-spacing-specific-cta-vertical-padding-top);
    --cw-button-image-zoom-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-overlays-image-zoom);
    --cw-button-primary-color-background-default: var(--theme-color-backgrounds-primary);
    --cw-button-primary-color-background-disabled: var(--theme-color-backgrounds-disabled);
    --cw-button-primary-color-background-hover: var(--theme-color-backgrounds-primary-dark);
    --cw-button-primary-color-background-image-zoom-default: var(--theme-color-backgrounds-extra-contrast);
    --cw-button-primary-color-background-image-zoom-hover: var(--theme-color-backgrounds-contrast);
    --cw-button-primary-color-text-icon-active: var(--theme-color-icons-primary);
    --cw-button-primary-color-text-icon-contrast: var(--theme-color-text-contrast);
    --cw-button-primary-color-text-icon-default: var(--theme-color-text-cta-primary-default);
    --cw-button-primary-color-text-icon-disabled: var(--theme-color-text-cta-primary-disabled);
    --cw-button-primary-color-text-icon-pressed: var(--theme-color-text-cta-primary-pressed);
    --cw-button-quaternary-color-background-default: var(--theme-color-backgrounds-backdrop);
    --cw-button-quaternary-color-background-disabled: var(--theme-color-backgrounds-disabled);
    --cw-button-quaternary-color-background-hover: var(--theme-color-backgrounds-surface-extra-raised);
    --cw-button-quaternary-color-text-icon-default: var(--theme-color-text-weak);
    --cw-button-quaternary-color-text-icon-disabled: var(--theme-color-text-contrast);
    --cw-button-quaternary-color-text-icon-disabled: var(--theme-color-text-cta-primary-disabled);
    --cw-button-quaternary-color-text-icon-pressed: var(--theme-color-text-regular);
    --cw-button-quinary-color-background-default: var(--theme-color-backgrounds-backdrop);
    --cw-button-quinary-color-background-disabled: var(--theme-color-backgrounds-disabled);
    --cw-button-quinary-color-background-hover: var(--theme-color-backgrounds-surface-extra-raised);
    --cw-button-quinary-color-text-icon-default: var(--theme-color-text-weak);
    --cw-button-quinary-color-text-icon-disabled: var(--theme-color-text-contrast);
    --cw-button-quinary-color-text-icon-disabled: var(--theme-color-text-cta-primary-disabled);
    --cw-button-quinary-color-text-icon-pressed: var(--theme-color-text-regular);
    --cw-button-secondary-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-cta-secondary-default);
    --cw-button-secondary-border-disabled: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weakest);
    --cw-button-secondary-border-hover: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-cta-secondary-hover);
    --cw-button-secondary-color-text-icon-default: var(--theme-color-text-cta-secondary-default);
    --cw-button-secondary-color-text-icon-disabled: var(--theme-color-text-cta-secondary-disabled);
    --cw-button-secondary-color-text-icon-hover: var(--theme-color-text-cta-secondary-hover);
    --cw-button-size-action-button-size: var(--theme-size-generic-ml);
    --cw-button-size-button-group-max-width: var(--theme-size-generic-max-width-m);
    --cw-button-size-control-button-size: var(--theme-size-button-control-button);
    --cw-button-size-control-button-size-copy: var(--theme-size-button-control-button);
    --cw-button-size-control-button-size-large: var(--theme-size-button-control-button-large);
    --cw-button-size-control-button-size-medium: var(--theme-size-button-control-button-medium);
    --cw-button-size-control-button-target-size: var(--theme-size-button-default-button);
    --cw-button-size-default-button-large: var(--theme-size-button-default-button);
    --cw-button-size-default-button-small: var(--theme-size-button-default-button-small);
    --cw-button-size-image-zoom-size: var(--theme-size-generic-l);
    --cw-button-size-video-large: var(--theme-size-generic-l);
    --cw-button-size-video-small: var(--theme-size-button-video-button-small);
    --cw-button-spacing-button-group-gap: var(--theme-spacing-generic-s);
    --cw-button-tertiary-color-text-icon-active: var(--theme-color-icons-primary);
    --cw-button-tertiary-color-text-icon-default: var(--theme-color-text-cta-secondary-default);
    --cw-button-tertiary-color-text-icon-disabled: var(--theme-color-text-cta-secondary-disabled);
    --cw-button-tertiary-color-text-icon-hover: var(--theme-color-text-cta-secondary-hover);
    --cw-button-video-progress-border-inactive-active: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-cta-video-active);
    --cw-button-video-progress-border-inactive-inactive: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-cta-video-inactive);
    --cw-button-video-progress-color-icon-default: var(--theme-color-backgrounds-contrast);
    --cw-button-video-progress-color-icon-hover: var(--theme-color-backgrounds-extra-contrast);
    --cw-button-video-shadow-default: var(--theme-shadow-generic-small);
    --cw-button-video-static-color-background-default: var(--theme-color-backgrounds-extra-contrast);
    --cw-button-video-static-color-background-hover: var(--theme-color-backgrounds-primary);
    --cw-button-video-static-color-icon-default: var(--theme-color-icons-contrast);
    --cw-button-video-static-color-icon-hover: var(--theme-color-icons-regular);
    --cw-button-video-static-color-icon-hover: var(--theme-color-icons-contrast);
    --cw-button-video-static-color-text-default: var(--theme-color-text-regular)
}

._miele-control-button_12kr7_1 {
    --cw-forms-generic-spacing-focus-vertical: var(--theme-spacing-generic-xs);
    --button-size-increase-offset: calc((var(--cw-button-size-control-button-target-size) - var(--cw-button-size-control-button-size))/2);
    --button-interactible-offset: calc(var(--button-size-increase-offset)*-1);
    --button-interactible-offset-border: calc((var(--button-size-increase-offset) + var(--theme-border-default-stroke-width))*-1);
    align-items: center;
    border: none;
    border-radius: var(--cw-button-generic-border-radius-full);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

._miele-control-button_12kr7_1:disabled {
    pointer-events: none
}

._miele-control-button_12kr7_1:focus-visible {
    outline: var(--cw-button-generic-border-focus);
    outline-offset: calc(var(--button-size-increase-offset) - var(--theme-border-default-stroke-width))
}

._miele-control-button_12kr7_1:after {
    border-radius: var(--cw-button-generic-border-radius-full);
    bottom: var(--button-interactible-offset);
    content: "";
    left: var(--button-interactible-offset);
    position: absolute;
    right: var(--button-interactible-offset);
    top: var(--button-interactible-offset)
}

._miele-control-button--small_12kr7_1 {
    height: var(--cw-button-size-control-button-size);
    width: var(--cw-button-size-control-button-size)
}

._miele-control-button--medium_12kr7_1 {
    height: var(--cw-button-size-control-button-size-medium);
    width: var(--cw-button-size-control-button-size-medium)
}

._miele-control-button--large_12kr7_1 {
    height: var(--cw-button-size-control-button-size-large);
    width: var(--cw-button-size-control-button-size-large)
}

._miele-control-button--primary_12kr7_1 {
    background: var(--cw-button-primary-color-background-default)
}

._miele-control-button--primary_12kr7_1 svg {
    fill: var(--cw-button-primary-color-text-icon-default)
}

._miele-control-button--primary_12kr7_1:hover:not(:disabled) {
    background: var(--cw-button-primary-color-background-hover)
}

._miele-control-button--primary_12kr7_1:active:focus:not(:disabled) svg {
    fill: var(--cw-button-primary-color-text-icon-pressed)
}

._miele-control-button--primary_12kr7_1:disabled {
    background: var(--cw-button-primary-color-background-disabled)
}

._miele-control-button--primary_12kr7_1:disabled svg {
    fill: var(--cw-button-primary-color-text-icon-disabled)
}

._miele-control-button--secondary_12kr7_1 {
    background: none;
    border: var(--cw-button-secondary-border-default)
}

._miele-control-button--secondary_12kr7_1 svg {
    fill: var(--cw-button-secondary-color-text-icon-default)
}

._miele-control-button--secondary_12kr7_1:after {
    bottom: var(--button-interactible-offset-border);
    left: var(--button-interactible-offset-border);
    right: var(--button-interactible-offset-border);
    top: var(--button-interactible-offset-border)
}

._miele-control-button--secondary_12kr7_1:active:focus:not(:disabled) svg {
    fill: var(--cw-button-secondary-color-text-icon-pressed)
}

._miele-control-button--secondary_12kr7_1:hover:not(:disabled) {
    border: var(--cw-button-secondary-border-hover)
}

._miele-control-button--secondary_12kr7_1:hover:not(:disabled) svg {
    fill: var(--cw-button-secondary-color-text-icon-hover)
}

._miele-control-button--secondary_12kr7_1:disabled {
    border: var(--cw-button-secondary-border-disabled)
}

._miele-control-button--secondary_12kr7_1:disabled svg {
    fill: var(--cw-button-secondary-color-text-icon-disabled)
}

._miele-control-button--tertiary_12kr7_1 {
    background: none
}

._miele-control-button--tertiary_12kr7_1 svg {
    fill: var(--cw-button-tertiary-color-text-icon-default)
}

._miele-control-button--tertiary_12kr7_1:hover:not(:disabled) svg {
    fill: var(--cw-button-tertiary-color-text-icon-hover)
}

._miele-control-button--tertiary_12kr7_1:active:focus:not(:disabled) svg {
    fill: var(--cw-button-tertiary-color-text-icon-pressed)
}

._miele-control-button--tertiary_12kr7_1:disabled svg {
    fill: var(--cw-button-tertiary-color-text-icon-disabled)
}

._miele-control-button--quaternary_12kr7_1 {
    background: var(--cw-button-quaternary-color-background-default)
}

._miele-control-button--quaternary_12kr7_1 svg {
    fill: var(--cw-button-quaternary-color-text-icon-default)
}

._miele-control-button--quaternary_12kr7_1:hover:not(:disabled) {
    background: var(--cw-button-quaternary-color-background-hover)
}

._miele-control-button--quaternary_12kr7_1:hover:not(:disabled) svg {
    fill: var(--cw-button-quaternary-color-text-icon-hover)
}

._miele-control-button--quaternary_12kr7_1:active:focus:not(:disabled) svg {
    fill: var(--cw-button-quaternary-color-text-icon-pressed)
}

._miele-control-button--quaternary_12kr7_1:disabled {
    background: var(--cw-button-quaternary-color-background-disabled)
}

._miele-control-button--quaternary_12kr7_1:disabled svg {
    fill: var(--cw-button-quaternary-color-text-icon-disabled)
}

._cw-video-tokens_qie7a_1 {
    --cw-video-generic-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-video-generic-border-focus-offset: var(--cw-focus-spacing-offset-xs-negative);
    --cw-video-generic-border-radius-default: var(--theme-radius-generic-small);
    --cw-video-generic-border-radius-none: var(--miele-border-radius-none);
    --cw-video-player-progress-active: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-extra-contrast);
    --cw-video-player-progress-inactive: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-regular);
    --cw-video-player-spacing-gap: var(--theme-spacing-generic-s);
    --cw-video-player-spacing-horizontal-padding: var(--theme-spacing-generic-s);
    --cw-video-player-spacing-vertical-padding: var(--theme-spacing-generic-xs);
    --cw-video-static-color-overlay-default: var(--theme-color-overlays-default);
    --cw-video-static-color-overlay-less-contrast: var(--theme-color-overlays-less-contrast);
    --cw-video-static-color-overlay-more-contrast: var(--theme-color-overlays-more-contrast)
}

._cw-focus-tokens_ipc4x_1 {
    --cw-focus-spacing-offset-l: calc(var(--theme-spacing-generic-xxs) + 2px);
    --cw-focus-spacing-offset-m: var(--theme-spacing-generic-xxs);
    --cw-focus-spacing-offset-s: var(--theme-spacing-generic-xxxs);
    --cw-focus-spacing-offset-xs: calc(var(--theme-spacing-generic-xxxs) - 1px);
    --cw-focus-spacing-offset-xs-negative: calc(var(--theme-spacing-generic-xxxs)*-1);
    --cw-video-generic-border-focus-offset: var(--cw-focus-spacing-offset-xs-negative)
}

._miele-video_1ogga_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
}

._miele-video--rounded_1ogga_1 {
    border-radius: var(--cw-image-generic-border-radius-default)
}

._miele-video--rounded-top-left_1ogga_1 {
    border-top-left-radius: var(--cw-image-generic-border-radius-default)
}

._miele-video--rounded-top-right_1ogga_1 {
    border-top-right-radius: var(--cw-image-generic-border-radius-default)
}

._miele-video--rounded-bottom-left_1ogga_1 {
    border-bottom-left-radius: var(--cw-image-generic-border-radius-default)
}

._miele-video--rounded-bottom-right_1ogga_1 {
    border-bottom-right-radius: var(--cw-image-generic-border-radius-default)
}

._miele-video__blurred-overlay-round-correction_1ogga_1 {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
}

._miele-video__thumbnail-play_1ogga_1 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-wrapper_1ogga_1 {
    bottom: 2rem;
    position: absolute;
    right: 2rem;
    z-index: 1
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-progressbar_1ogga_1 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-progressbar_1ogga_1 circle {
    stroke: var(--theme-color-borders-cta-video-active);
    stroke-width: var(--theme-border-medium-stroke-width);
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .02s
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1 {
    border: var(--cw-button-video-progress-border-inactive-inactive);
    height: var(--cw-button-size-video-small);
    width: var(--cw-button-size-video-small)
}

@media only screen and (min-width: 1024px) {
    ._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1 {
        height:var(--cw-button-size-video-large);
        width: var(--cw-button-size-video-large)
    }
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1._miele-video__controls-button--small_1ogga_1 {
    height: var(--cw-button-size-video-small);
    width: var(--cw-button-size-video-small)
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1._miele-video__controls-button--large_1ogga_1 {
    height: var(--cw-button-size-video-large);
    width: var(--cw-button-size-video-large)
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1:active:focus:not(:disabled),._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1:hover:not(:disabled) {
    border: var(--cw-button-video-progress-border-inactive-inactive)
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1:active:focus:not(:disabled) svg,._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1:hover:not(:disabled) svg {
    fill: var(--cw-button-video-progress-color-icon-hover)
}

._miele-video__minimal_1ogga_1 ._miele-video__controls-button_1ogga_1 svg {
    fill: var(--cw-button-video-progress-color-icon-default)
}

._miele-video__full_1ogga_1 ._miele-video__controls-button_1ogga_1 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

._miele-video__overlay_1ogga_1 {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),-webkit-backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in);
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in);
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in),-webkit-backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in)
}

._miele-video__overlay--visible_1ogga_1 {
    background-color: var(--cw-video-static-color-overlay-default);
    pointer-events: all
}

@media screen and (prefers-contrast:more) {
    ._miele-video__overlay--visible_1ogga_1 {
        background-color: var(--cw-video-static-color-overlay-more-contrast)
    }
}

@media screen and (prefers-contrast:less) {
    ._miele-video__overlay--visible_1ogga_1 {
        background-color: var(--cw-video-static-color-overlay-less-contrast)
    }
}

@media screen and (prefers-reduced-transparency) {
    ._miele-video__overlay--visible_1ogga_1 {
        background-color: var(--cw-video-static-color-overlay-more-contrast)
    }
}

._miele-video__overlay--blurred_1ogga_1 {
    -webkit-backdrop-filter: blur(var(--theme-blur-default));
    backdrop-filter: blur(var(--theme-blur-default));
    pointer-events: all
}

._miele-video_1ogga_1 video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

._miele-video_1ogga_1 video:focus-visible {
    outline: var(--cw-video-generic-border-focus);
    outline-offset: var(--cw-video-generic-border-focus-offset)
}

._miele-video__contain_1ogga_1 {
    height: auto
}

._miele-video__contain_1ogga_1 video {
    -o-object-fit: contain;
    object-fit: contain
}

._cw-image-tokens_g2ptx_1 {
    --cw-image-caption-color-background-backdrop: var(--theme-color-backgrounds-backdrop);
    --cw-image-caption-color-background-surface: var(--theme-color-backgrounds-surface);
    --cw-image-caption-color-background-surface-raised: var(--theme-color-backgrounds-surface-raised);
    --cw-image-caption-color-text-regular: var(--theme-color-text-weaker);
    --cw-image-caption-generic-typography-default: ".footnote-small-regular";
    --cw-image-caption-spacing-horizontal-padding: var(--theme-spacing-generic-s);
    --cw-image-caption-spacing-vertical-padding: var(--theme-spacing-generic-s);
    --cw-image-color-overlay-default: var(--theme-color-overlays-default);
    --cw-image-color-overlay-less-contrast: var(--theme-color-overlays-less-contrast);
    --cw-image-color-overlay-more-contrast: var(--theme-color-overlays-more-contrast);
    --cw-image-generic-border-radius-default: var(--theme-radius-generic-small);
    --cw-image-generic-border-radius-none: var(--miele-border-radius-none)
}

._figure_ts2gr_1 {
    overflow: hidden
}

._figure--rounded_ts2gr_1 {
    border-radius: var(--cw-image-generic-border-radius-default)
}

._figure--rounded-top-left_ts2gr_1 {
    border-top-left-radius: var(--cw-image-generic-border-radius-default)
}

._figure--rounded-top-right_ts2gr_1 {
    border-top-right-radius: var(--cw-image-generic-border-radius-default)
}

._figure--rounded-bottom-left_ts2gr_1 {
    border-bottom-left-radius: var(--cw-image-generic-border-radius-default)
}

._figure--rounded-bottom-right_ts2gr_1 {
    border-bottom-right-radius: var(--cw-image-generic-border-radius-default)
}

._figure__blurred-overlay-round-correction_ts2gr_1 {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
}

._figure__overlay_ts2gr_1 {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),-webkit-backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in);
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in);
    transition: background-color var(--theme-motion-time-short-3) var(--theme-motion-ease-in),backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in),-webkit-backdrop-filter var(--theme-motion-time-short-3) var(--theme-motion-ease-in)
}

._figure__overlay--visible_ts2gr_1 {
    background-color: var(--cw-image-color-overlay-default)
}

@media screen and (prefers-contrast:more) {
    ._figure__overlay--visible_ts2gr_1 {
        background-color: var(--cw-image-color-overlay-more-contrast)
    }
}

@media screen and (prefers-contrast:less) {
    ._figure__overlay--visible_ts2gr_1 {
        background-color: var(--cw-image-color-overlay-less-contrast)
    }
}

@media screen and (prefers-reduced-transparency) {
    ._figure__overlay--visible_ts2gr_1 {
        background-color: var(--cw-image-color-overlay-more-contrast)
    }
}

._figure__overlay--contain_ts2gr_1 {
    left: var(--cw-image-caption-spacing-horizontal-padding);
    right: var(--cw-image-caption-spacing-horizontal-padding);
    top: var(--cw-image-caption-spacing-vertical-padding)
}

._figure__overlay--blurred_ts2gr_1 {
    -webkit-backdrop-filter: blur(var(--theme-blur-default));
    backdrop-filter: blur(var(--theme-blur-default))
}

._figure__skeleton_ts2gr_1 {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

._figure__image_ts2gr_1 {
    height: 100%;
    position: absolute;
    width: 100%
}

._figure__image--cover_ts2gr_1 {
    -o-object-fit: cover;
    object-fit: cover
}

._figure__image--contain_ts2gr_1 {
    -o-object-fit: contain;
    object-fit: contain;
    padding: var(--cw-image-caption-spacing-vertical-padding) var(--cw-image-caption-spacing-horizontal-padding) 0
}

._figure__caption_ts2gr_1 {
    color: var(--cw-image-caption-color-text-regular);
    padding: var(--cw-image-caption-spacing-vertical-padding) var(--cw-image-caption-spacing-horizontal-padding)
}

._figure--background-backdrop_ts2gr_1 {
    background-color: var(--cw-image-caption-color-background-backdrop)
}

._figure--background-surface_ts2gr_1 {
    background-color: var(--cw-image-caption-color-background-surface)
}

._figure--background-surface-raised_ts2gr_1 {
    background-color: var(--cw-image-caption-color-background-surface-raised)
}

._figure--background-surface-extra-raised_ts2gr_1 {
    background-color: var(--theme-color-backgrounds-surface-extra-raised)
}

._figure--background-transparent_ts2gr_1 {
    background-color: transparent
}

@media only screen and (min-width: 320px) {
    ._figure__skeleton--screen-xs-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-xs-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-xs-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-xs-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-xs-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-xs-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-xs-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-xs-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-xs-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xs-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-xs-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-xs-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-xs-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-xs-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xs-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 375px) {
    ._figure__skeleton--screen-s-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-s-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-s-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-s-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-s-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-s-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-s-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-s-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-s-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-s-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-s-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-s-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-s-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-s-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-s-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 768px) {
    ._figure__skeleton--screen-m-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-m-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-m-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-m-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-m-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-m-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-m-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-m-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-m-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-m-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-m-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-m-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-m-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-m-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-m-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 1024px) {
    ._figure__skeleton--screen-ml-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-ml-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-ml-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-ml-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-ml-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-ml-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-ml-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-ml-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-ml-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-ml-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-ml-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-ml-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-ml-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-ml-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-ml-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 1440px) {
    ._figure__skeleton--screen-l-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-l-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-l-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-l-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-l-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-l-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-l-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-l-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-l-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-l-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-l-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-l-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-l-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-l-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-l-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 1728px) {
    ._figure__skeleton--screen-xl-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-xl-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-xl-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-xl-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-xl-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-xl-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-xl-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-xl-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-xl-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xl-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-xl-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-xl-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-xl-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-xl-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xl-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

@media only screen and (min-width: 1920px) {
    ._figure__skeleton--screen-xxl-1\:1_ts2gr_1 {
        padding-bottom:100%
    }

    ._figure__skeleton--screen-xxl-4\:3_ts2gr_1 {
        padding-bottom: 75%
    }

    ._figure__skeleton--screen-xxl-16\:9_ts2gr_1 {
        padding-bottom: 56.25%
    }

    ._figure__skeleton--screen-xxl-21\:9_ts2gr_1 {
        padding-bottom: 42.85714%
    }

    ._figure__skeleton--screen-xxl-3\:1_ts2gr_1 {
        padding-bottom: 33.33333%
    }

    ._figure__skeleton--screen-xxl-6\:1_ts2gr_1 {
        padding-bottom: 16.66667%
    }

    ._figure__skeleton--screen-xxl-8\:3_ts2gr_1 {
        padding-bottom: 37.5%
    }

    ._figure__skeleton--screen-xxl-2\:1_ts2gr_1 {
        padding-bottom: 50%
    }

    ._figure__skeleton--screen-xxl-3\:2_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xxl-10\:9_ts2gr_1 {
        padding-bottom: 90%
    }

    ._figure__skeleton--screen-xxl-5\:6_ts2gr_1 {
        padding-bottom: 120%
    }

    ._figure__skeleton--screen-xxl-5\:7_ts2gr_1 {
        padding-bottom: 140%
    }

    ._figure__skeleton--screen-xxl-5\:8_ts2gr_1 {
        padding-bottom: 160%
    }

    ._figure__skeleton--screen-xxl-9\:6_ts2gr_1 {
        padding-bottom: 66.66667%
    }

    ._figure__skeleton--screen-xxl-9\:16_ts2gr_1 {
        padding-bottom: 177.77778%
    }
}

._cw-badge-tokens_piiq9_1 {
    --cw-badge-danger-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-states-danger);
    --cw-badge-danger-color-icon: var(--theme-color-icons-states-danger);
    --cw-badge-danger-color-text: var(--theme-color-text-states-danger);
    --cw-badge-generic-background-blur: var(--miele-blur-300);
    --cw-badge-generic-border-radius-default: var(--theme-radius-generic-small);
    --cw-badge-generic-spacing-horizontal-gap: var(--theme-spacing-specific-cta-gap);
    --cw-badge-generic-spacing-horizontal-padding: var(--theme-spacing-generic-s);
    --cw-badge-generic-typography-default: ".badge-medium-regular";
    --cw-badge-generic-typography-small: ".badge-small-regular";
    --cw-badge-info-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-weakest);
    --cw-badge-info-color-text-icon: var(--theme-color-text-regular);
    --cw-badge-overlay-color-background: var(--theme-color-overlays-default);
    --cw-badge-overlay-color-text-icon: var(--theme-color-text-regular);
    --cw-badge-promo-color-background: var(--theme-color-backgrounds-backdrop);
    --cw-badge-promo-color-text-icon: var(--theme-color-text-regular);
    --cw-badge-size-large: var(--theme-size-badge-large);
    --cw-badge-size-small: var(--theme-size-badge-small);
    --cw-badge-small-spacing-horizontal-gap: var(--theme-spacing-generic-xs);
    --cw-badge-small-spacing-horizontal-padding: var(--theme-spacing-generic-xs);
    --cw-badge-succes-color-icon: var(--theme-color-icons-states-success);
    --cw-badge-succes-color-text: var(--theme-color-text-states-success);
    --cw-badge-success-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-states-success);
    --cw-badge-warning-border-default: var(--theme-border-default-stroke-width) solid var(--theme-color-borders-states-warning);
    --cw-badge-warning-color-icon: var(--theme-color-icons-states-warning);
    --cw-badge-warning-color-text: var(--theme-color-text-states-warning)
}

._miele-badge_36chr_1 {
    align-items: center;
    border-radius: var(--cw-badge-generic-border-radius-default);
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--cw-badge-generic-spacing-horizontal-gap);
    height: var(--cw-badge-size-large);
    justify-content: center;
    padding-left: var(--cw-badge-generic-spacing-horizontal-padding);
    padding-right: var(--cw-badge-generic-spacing-horizontal-padding);
    position: relative
}

._miele-badge--size-small_36chr_1 {
    gap: var(--cw-badge-small-spacing-horizontal-gap);
    height: var(--cw-badge-size-small);
    padding-left: var(--cw-badge-small-spacing-horizontal-padding);
    padding-right: var(--cw-badge-small-spacing-horizontal-padding)
}

._miele-badge--promo_36chr_1 {
    background-color: var(--cw-badge-promo-color-background);
    color: var(--cw-badge-promo-color-text-icon)
}

._miele-badge--info_36chr_1 {
    border: var(--cw-badge-info-border-default);
    color: var(--cw-badge-info-color-text-icon)
}

._miele-badge--success_36chr_1 {
    border: var(--cw-badge-success-border-default);
    color: var(--cw-badge-succes-color-text)
}

._miele-badge--warning_36chr_1 {
    border: var(--cw-badge-warning-border-default);
    color: var(--cw-badge-warning-color-text)
}

._miele-badge--danger_36chr_1 {
    border: var(--cw-badge-danger-border-default);
    color: var(--cw-badge-danger-color-text)
}

._cw-cards-tokens_fqn5a_1 {
    --cw-cards-basic-boxed-color-background-raised: var(--theme-color-backgrounds-surface);
    --cw-cards-basic-boxed-color-background-raised-hover: var(--theme-color-backgrounds-surface-raised);
    --cw-cards-basic-boxed-color-background-white: var(--theme-color-backgrounds-backdrop);
    --cw-cards-basic-boxed-color-background-white-hover: var(--theme-color-backgrounds-surface);
    --cw-cards-basic-boxed-spacing-gap: var(--theme-spacing-generic-m);
    --cw-cards-basic-boxed-spacing-horizontal-padding: var(--theme-spacing-generic-l);
    --cw-cards-basic-boxed-spacing-vertical-padding: var(--theme-spacing-generic-l);
    --cw-cards-basic-filled-color-background-active: var(--theme-color-backgrounds-contrast);
    --cw-cards-basic-filled-color-background-default: var(--theme-color-backgrounds-surface-raised);
    --cw-cards-basic-filled-color-background-hover: var(--theme-color-backgrounds-surface-extra-raised);
    --cw-cards-basic-filled-color-text-icon-active: var(--theme-color-text-contrast);
    --cw-cards-basic-filled-color-text-icon-default: var(--theme-color-text-regular);
    --cw-cards-basic-filled-color-text-icon-hover: var(--theme-color-text-weaker);
    --cw-cards-basic-generic-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-cards-basic-generic-border-radius-default: var(--theme-radius-generic-small);
    --cw-cards-basic-generic-border-radius-image: var(--theme-radius-generic-small);
    --cw-cards-basic-media-spacing-horizontal-padding: var(--theme-spacing-generic-l);
    --cw-cards-basic-media-spacing-vertical-padding-bottom: var(--theme-spacing-generic-l);
    --cw-cards-basic-media-spacing-vertical-padding-top: var(--theme-spacing-generic-m);
    --cw-cards-basic-plain-spacing-gap: var(--theme-spacing-generic-m);
    --cw-cards-basic-spacing-badge-content-padding-bottom: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-badge-image-position-left: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-badge-image-position-top: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-cta-padding-top: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-headline-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-basic-spacing-large-icon-padding-bottom: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-media-gap-large: var(--theme-spacing-generic-m);
    --cw-cards-basic-spacing-media-gap-small: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-price-padding-bottom: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-price-padding-top: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-small-icon-padding-bottom: var(--theme-spacing-generic-s);
    --cw-cards-basic-spacing-tagline-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-feature-spacing-content-gap: var(--theme-spacing-generic-s);
    --cw-cards-feature-spacing-description-padding-bottom: var(--theme-spacing-generic-s);
    --cw-cards-feature-spacing-description-padding-top: var(--theme-spacing-generic-xs);
    --cw-cards-feature-spacing-hr-padding-top: var(--theme-spacing-generic-m);
    --cw-cards-feature-spacing-large-icon-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-feature-spacing-large-icon-padding-right: var(--theme-spacing-generic-xs);
    --cw-cards-feature-spacing-large-icon-padding-top: var(--theme-spacing-generic-xxs);
    --cw-cards-feature-spacing-number-superscript-padding-left: var(--theme-spacing-generic-xxs);
    --cw-cards-feature-spacing-number-superscript-padding-top: var(--theme-spacing-generic-xs);
    --cw-cards-product-size-button-group-min-height: var(--theme-size-cards-product-image-sm);
    --cw-cards-product-size-image-award: var(--theme-size-cards-product-image-s);
    --cw-cards-product-size-image-award-large: var(--theme-size-cards-product-image-m);
    --cw-cards-product-size-image-award-small: var(--theme-size-cards-product-image-s);
    --cw-cards-product-size-image-smart-appliance: var(--theme-size-cards-product-image-xs);
    --cw-cards-product-spacing-award-padding-all: var(--theme-spacing-specific-card-award-all);
    --cw-cards-product-spacing-award-position-bottom: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-award-position-left: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-badge-position-gap: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-badge-position-left: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-badge-position-top: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-color-selector-position-bottom: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-color-selector-position-right: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-compare-padding-top: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-cta-padding-top: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-delivery-padding-top: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-design-type-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-energy-padding-top: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-energy-position-right: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-energy-position-top: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-generic-padding-right: var(--theme-spacing-generic-m);
    --cw-cards-product-spacing-price-padding-footnote-gap: var(--theme-spacing-generic-xxs);
    --cw-cards-product-spacing-price-padding-footnote-left: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-price-padding-top: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-price-padding-unit-left: var(--theme-spacing-generic-s);
    --cw-cards-product-spacing-review-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-product-spacing-title-padding-bottom: var(--theme-spacing-generic-xs);
    --cw-cards-review-border-radius-default: var(--theme-radius-generic-small);
    --cw-cards-review-color-background: var(--theme-color-backgrounds-backdrop);
    --cw-cards-review-color-border-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --cw-cards-review-spacing-padding-author-wrapper-gap: var(--theme-spacing-generic-xs);
    --cw-cards-review-spacing-padding-description-wrapper-bottom: var(--theme-spacing-generic-s);
    --cw-cards-review-spacing-padding-horizontal: var(--theme-spacing-generic-m);
    --cw-cards-review-spacing-padding-rating-wrapper-bottom: var(--theme-spacing-generic-m);
    --cw-cards-review-spacing-padding-syndication-wrapper-top: var(--theme-spacing-generic-xs);
    --cw-cards-review-spacing-padding-title-wrapper-bottom: var(--theme-spacing-generic-s);
    --cw-cards-review-spacing-padding-vertical: var(--theme-spacing-generic-m);
    --cw-cards-review-spacing-padding-voting-wrapper-gap: var(--theme-spacing-generic-s);
    --cw-cards-review-spacing-padding-voting-wrapper-top: var(--theme-spacing-generic-m);
    --cw-cards-selection-border-radius-default: var(--theme-radius-generic-small);
    --cw-cards-selection-color-background-disabled: var(--theme-color-backgrounds-surface);
    --cw-cards-selection-color-background-error: var(--theme-color-backgrounds-states-danger-light);
    --cw-cards-selection-color-background-hover: var(--theme-color-backgrounds-surface-raised);
    --cw-cards-selection-color-background-selected: var(--theme-color-backgrounds-surface-raised);
    --cw-cards-selection-color-background-unselected: var(--theme-color-backgrounds-surface);
    --cw-cards-selection-color-border-disabled: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-disabled);
    --cw-cards-selection-color-border-error: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-states-danger);
    --cw-cards-selection-color-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-cards-selection-color-border-hover: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --cw-cards-selection-color-border-selected: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-extra-contrast);
    --cw-cards-selection-color-border-unselected: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --cw-cards-selection-size-select-wrapper: var(--theme-size-generic-ml);
    --cw-cards-selection-spacing-gap: var(--theme-spacing-generic-s);
    --cw-cards-selection-spacing-padding-horizontal: var(--theme-spacing-generic-m);
    --cw-cards-selection-spacing-padding-vertical: var(--theme-spacing-generic-s);
    --cw-cards-thumbnail-border-radius-default: var(--theme-radius-generic-small);
    --cw-cards-thumbnail-color-background-default: var(--theme-color-backgrounds-surface);
    --cw-cards-thumbnail-color-border-default: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-regular);
    --cw-cards-thumbnail-color-border-focus: var(--theme-border-medium-stroke-width) solid var(--theme-color-borders-states-focus);
    --cw-cards-thumbnail-color-border-hover: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-contrast);
    --cw-cards-thumbnail-color-border-selected: var(--miele-border-stroke-width-small) solid var(--theme-color-borders-extra-contrast);
    --cw-cards-thumbnail-size-card-min-width: var(--theme-size-card-thumbnail-min-width);
    --cw-cards-thumbnail-size-image-max-width: var(--theme-size-generic-max-width-xs);
    --cw-cards-thumbnail-size-image-min-width: var(--theme-size-generic-min-width-xs);
    --cw-cards-thumbnail-size-slot-1-min-width: var(--theme-size-generic-min-width-s);
    --cw-cards-thumbnail-size-slot-2-min-width: var(--theme-size-generic-min-width-s);
    --cw-cards-thumbnail-size-slot-3-max-width: var(--theme-size-generic-max-width-s);
    --cw-cards-thumbnail-size-slot-3-min-width: var(--theme-size-generic-min-width-s);
    --cw-cards-thumbnail-size-slot-wrapper-min-width: var(--theme-size-generic-min-width-sm);
    --cw-cards-thumbnail-spacing-content-wrapper-gap: var(--theme-spacing-generic-m);
    --cw-cards-thumbnail-spacing-gap: var(--theme-spacing-generic-m);
    --cw-cards-thumbnail-spacing-padding-focus-wrapper: var(--theme-spacing-generic-xxs);
    --cw-cards-thumbnail-spacing-padding-horizontal: var(--theme-spacing-generic-l);
    --cw-cards-thumbnail-spacing-padding-image-horizontal: var(--theme-spacing-generic-xs);
    --cw-cards-thumbnail-spacing-padding-image-vertical: var(--theme-spacing-generic-xs);
    --cw-cards-thumbnail-spacing-padding-vertical: var(--theme-spacing-generic-l);
    --cw-cards-thumbnail-spacing-slot-wrapper-gap: var(--theme-spacing-generic-s)
}

._miele-text-and-image__container_l09zc_1 {
    align-items: center;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    overflow: visible
}

._miele-text-and-image__container--boxed_l09zc_1,._miele-text-and-image__container--teaser_l09zc_1 {
    border-radius: var(--theme-radius-generic-small);
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__container--teaser_l09zc_1 {
        display:grid;
        grid-template-columns: 1fr 1fr
    }

    ._miele-text-and-image__container--teaser_l09zc_1._miele-text-and-image__container--media-first_l09zc_1>:first-child {
        order: 1
    }

    ._miele-text-and-image__container_l09zc_1 {
        border-radius: var(--theme-radius-generic-small);
        flex-direction: row
    }

    ._miele-text-and-image__container--media-first_l09zc_1 {
        flex-direction: column-reverse;
        flex-direction: row-reverse
    }
}

._miele-text-and-image__container--boxed-backdrop_l09zc_1,._miele-text-and-image__container--teaser-backdrop_l09zc_1 {
    background-color: var(--theme-color-backgrounds-backdrop)
}

._miele-text-and-image__container--boxed-surface_l09zc_1,._miele-text-and-image__container--teaser-surface_l09zc_1 {
    background-color: var(--theme-color-backgrounds-surface)
}

._miele-text-and-image__container--boxed-surface-raised_l09zc_1,._miele-text-and-image__container--teaser-surface-raised_l09zc_1 {
    background-color: var(--theme-color-backgrounds-surface-raised)
}

._miele-text-and-image__container--boxed-surface-extra-raised_l09zc_1,._miele-text-and-image__container--teaser-surface-extra-raised_l09zc_1 {
    background-color: var(--theme-color-backgrounds-surface-extra-raised)
}

._miele-text-and-image__container--boxed-brand_l09zc_1,._miele-text-and-image__container--teaser-brand_l09zc_1 {
    background-color: var(--theme-color-backgrounds-brand)
}

._miele-text-and-image__cta-group_l09zc_1 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--theme-spacing-generic-s);
    margin-top: var(--theme-spacing-generic-s);
    max-width: 100%
}

@media only screen and (min-width: 375px) {
    ._miele-text-and-image__cta-group_l09zc_1 {
        margin-top:var(--theme-spacing-generic-m);
        width: auto
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-text-and-image__cta-group_l09zc_1 {
        margin-top:var(--theme-spacing-generic-l)
    }
}

._miele-text-and-image__cta-group-fluid_l09zc_1 {
    width: 100%
}

._miele-text-and-image__cta_l09zc_1 {
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content
}

._miele-text-and-image__cta-fluid_l09zc_1 {
    width: 100%
}

._miele-text-and-image__text_l09zc_1 {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-width: 0;
    padding: var(--theme-spacing-generic-m) 0;
    width: 100%
}

._miele-text-and-image__text--media-first-mobile_l09zc_1 {
    order: 1
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__text--media-first-mobile_l09zc_1 {
        order:0
    }
}

@media only screen and (min-width: 375px) {
    ._miele-text-and-image__text--clean_l09zc_1 {
        padding:var(--theme-spacing-generic-l) 0
    }
}

@media only screen and (min-width: 768px) {
    ._miele-text-and-image__text--clean_l09zc_1 {
        padding:var(--theme-spacing-generic-xl) 0
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__text--clean_l09zc_1 {
        padding:var(--theme-spacing-generic-xl) var(--theme-spacing-generic-xl) var(--theme-spacing-generic-xl) 0;
        width: 50%
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-text-and-image__text--clean_l09zc_1 {
        padding:var(--theme-spacing-generic-2xl) var(--theme-spacing-generic-2xl) var(--theme-spacing-generic-2xl) 0
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__text--clean-media-first_l09zc_1 {
        padding-left:var(--theme-spacing-generic-xl);
        padding-right: 0
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-text-and-image__text--clean-media-first_l09zc_1 {
        padding-left:var(--theme-spacing-generic-2xl);
        padding-right: 0
    }
}

._miele-text-and-image__text--boxed_l09zc_1,._miele-text-and-image__text--teaser_l09zc_1 {
    padding: var(--theme-spacing-generic-m)
}

@media only screen and (min-width: 375px) {
    ._miele-text-and-image__text--boxed_l09zc_1,._miele-text-and-image__text--teaser_l09zc_1 {
        padding:var(--theme-spacing-generic-l)
    }
}

@media only screen and (min-width: 768px) {
    ._miele-text-and-image__text--boxed_l09zc_1,._miele-text-and-image__text--teaser_l09zc_1 {
        padding:var(--theme-spacing-generic-xl)
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__text--boxed_l09zc_1,._miele-text-and-image__text--teaser_l09zc_1 {
        padding:var(--theme-spacing-generic-xl);
        width: 50%
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-text-and-image__text--boxed_l09zc_1,._miele-text-and-image__text--teaser_l09zc_1 {
        padding:var(--theme-spacing-generic-2xl)
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__text--teaser_l09zc_1 {
        width:100%
    }
}

._miele-text-and-image__media_l09zc_1 {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__media_l09zc_1 {
        width:50%
    }

    ._miele-text-and-image__media--teaser_l09zc_1 {
        height: 100%;
        width: 100%
    }

    ._miele-text-and-image__media--teaser_l09zc_1 figure {
        height: 100%
    }

    ._miele-text-and-image__media--teaser_l09zc_1 figure>* {
        height: 100%;
        padding-bottom: 0
    }

    ._miele-text-and-image__media--teaser_l09zc_1 figure [class*=_miele-video__controls-wrapper] {
        height: auto
    }
}

._miele-text-and-image__feature-wrapper_l09zc_1 {
    display: grid;
    gap: var(--theme-spacing-generic-l);
    margin-inline:0;margin-bottom: var(--theme-spacing-generic-m);
    margin-top: var(--theme-spacing-generic-m);
    width: 100%
}

._miele-text-and-image__feature-wrapper-item_l09zc_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    ._miele-text-and-image__feature-wrapper-item_l09zc_1:last-child hr {
        display:none
    }
}

@media only screen and (min-width: 375px) {
    ._miele-text-and-image__feature-wrapper_l09zc_1 {
        margin-inline:0;
        margin-bottom: var(--theme-spacing-generic-l);
        margin-top: var(--theme-spacing-generic-l)
    }
}

@media only screen and (min-width: 768px) {
    ._miele-text-and-image__feature-wrapper_l09zc_1 {
        margin-inline:0;
        margin-bottom: var(--theme-spacing-generic-xl);
        margin-top: var(--theme-spacing-generic-xl)
    }
}

@media only screen and (min-width: 1200px) {
    ._miele-text-and-image__feature-wrapper_l09zc_1 {
        grid-template-columns:repeat(2,1fr)
    }

    ._miele-text-and-image__feature-wrapper_l09zc_1:has(._miele-text-and-image__feature-wrapper-item_l09zc_1:nth-child(3):last-child) ._miele-text-and-image__feature-wrapper-item_l09zc_1:nth-child(3) {
        grid-column: 1/-1
    }
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__feature-wrapper_l09zc_1 {
        margin-inline:0;
        margin-bottom: 0;
        margin-top: var(--theme-spacing-generic-xl)
    }
}

@media only screen and (min-width: 1440px) {
    ._miele-text-and-image__feature-wrapper_l09zc_1 {
        margin-inline:0;
        margin-top: var(--theme-spacing-generic-2xl)
    }
}

._miele-text-and-image__content-badge_l09zc_1,._miele-text-and-image__media-badge_l09zc_1 {
    max-width: var(--theme-size-generic-max-width-sm)
}

._miele-text-and-image__content-badge_l09zc_1 *,._miele-text-and-image__media-badge_l09zc_1 * {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

._miele-text-and-image__content-badge_l09zc_1 {
    margin-bottom: var(--theme-spacing-generic-m)
}

._miele-text-and-image__media-badge-wrapper_l09zc_1 {
    background-color: var(--cw-badge-promo-color-background);
    color: var(--cw-badge-promo-color-text-icon);
    position: absolute;
    top: var(--theme-spacing-generic-s);
    z-index: 1
}

._miele-text-and-image__media-badge-wrapper--top-left-mobile_l09zc_1 {
    left: var(--theme-spacing-generic-s)
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__media-badge-wrapper--top-left-mobile_l09zc_1 {
        left:auto
    }

    ._miele-text-and-image__media-badge-wrapper--top-left-desktop_l09zc_1 {
        left: var(--theme-spacing-generic-s)
    }
}

._miele-text-and-image__media-badge-wrapper--top-right-mobile_l09zc_1 {
    right: var(--theme-spacing-generic-s)
}

@media only screen and (min-width: 1024px) {
    ._miele-text-and-image__media-badge-wrapper--top-right-mobile_l09zc_1 {
        right:auto
    }

    ._miele-text-and-image__media-badge-wrapper--top-right-desktop_l09zc_1 {
        right: var(--theme-spacing-generic-s)
    }
}