comand-component-library 4.2.98 → 4.2.99

package/dist/comand-component-library.css

@@ -1 +1 @@
-.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:#ffffff1a;transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper{display:block}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--form-input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--color-white);border-bottom:0;background:var(--color-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:#fff3}.edit-component-wrapper.active{background:var(--color-white);border-color:var(--color-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--color-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:#ffffff1a;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--headline-margin-bottom);gap:calc(var(--default-gap) / 2)}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start}.cmd-headline.has-pre-headline-text>*:first-child span[class*=icon]{bottom:.2rem}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon h1,.cmd-headline.has-pre-headline-text.has-icon h2,.cmd-headline.has-pre-headline-text.has-icon h3,.cmd-headline.has-pre-headline-text.has-icon h4,.cmd-headline.has-pre-headline-text.has-icon h5,.cmd-headline.has-pre-headline-text.has-icon h6{display:flex;align-items:center}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.cmd-headline p{margin-bottom:0}.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6{margin:0}:is(.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6):only-child{flex:none;width:100%}.edit-mode label.headline input{padding:0;height:auto;font-weight:var(--headline-font-weight)}.edit-mode label.headline.h1 input{font-size:var(--headline-font-size-h1);text-transform:var(--headline-text-transform)}.edit-mode label.headline.h2 input{font-size:var(--headline-font-size-h2)}.edit-mode label.headline.h3 input{font-size:var(--headline-font-size-h3)}.edit-mode label.headline.h4 input{font-size:var(--headline-font-size-h4)}.edit-mode label.headline.h5 input{font-size:var(--headline-font-size-h5)}.edit-mode label.headline.h6 input{font-size:var(--headline-font-size-h6)}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex}.cmd-tooltip .headline-wrapper>a{margin-left:auto!important}.cmd-tooltip .headline-wrapper>a [class*=icon-]{padding-left:1rem;font-size:var(--font-size-small);color:var(--hyperlink-color)}.cmd-tooltip .headline-wrapper>a [class*=icon-]:hover,.cmd-tooltip .headline-wrapper>a [class*=icon-]:active,.cmd-tooltip .headline-wrapper>a [class*=icon-]:focus{color:var(--hyperlink-color-highlighted)}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements dl span[class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl .error,.cmd-list-of-requirements dl .error span{--status-color: var(--error-color) !important}.cmd-list-of-requirements dl .warning,.cmd-list-of-requirements dl .warning span{--status-color: var(--warning-color) !important}.cmd-list-of-requirements dl .success,.cmd-list-of-requirements dl .success span{--status-color: var(--success-color) !important}.cmd-list-of-requirements dl .info,.cmd-list-of-requirements dl .info span{--status-color: var(--info-color) !important}.cmd-list-of-requirements dl dt,.cmd-list-of-requirements dl dt span[class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl~a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]){margin-left:auto}:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):hover,:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):active,:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):focus{background:none}.cmd-form-element input.replace-input-type:checked:after{top:0}.cmd-form-element input+.place-inside{left:auto;right:.5rem;color:var(--hyperlink-color)}.cmd-form-element input+.place-inside span{color:inherit}.cmd-form-element .label-text :is(a,span)[class*=icon-]{top:.09rem}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip).error *{--status-color: var(--error-color)}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip) ::placeholder{color:var(--status-color)}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip) span{color:var(--status-color)}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip) span.place-inside{color:inherit}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip).success *{--status-color: var(--success-color)}:is(.cmd-form-element.has-state,.cmd-form-element+.cmd-tooltip).success:has(input[type=checkbox],input[type=radio]) *{--status-color: var(--color-scheme-text-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--hyperlink-color)}:is(.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:hover,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:active,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:focus)~.label-text span{color:var(--hyperlink-color-highlighted)}.cmd-form-element.inline .inner-input-wrapper>a:not(.button){margin-left:calc(var(--default-margin) / 2)}.cmd-form-element.inline.stretch-field .inner-input-wrapper{width:100%}.cmd-form-element.inline .label-text [class*=icon-]{top:-.2rem}.cmd-form-element .inner-input-wrapper{margin:0}.cmd-form-element .inner-input-wrapper:has(.button,button) input{border-top-right-radius:0;border-bottom-right-radius:0}.cmd-form-element .inner-input-wrapper a.deleteicon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:100;width:auto}.cmd-form-element .inner-input-wrapper a.deleteicon.button span{color:var(--color-scheme-background)}:is(.cmd-form-element .inner-input-wrapper a.deleteicon.button:hover,.cmd-form-element .inner-input-wrapper a.deleteicon.button:active,.cmd-form-element .inner-input-wrapper a.deleteicon.button:focus) span{color:var(--color-scheme-text-color)}.cmd-form-element .inner-input-wrapper a.button{right:0;align-self:stretch;aspect-ratio:1 / 1}.cmd-form-element .inner-input-wrapper a.button+a{right:5rem}.cmd-form-element .place-inside+input{padding-left:calc(var(--default-padding) * 3)}.cmd-form-element .characters-left-wrapper{margin-top:calc(var(--default-margin) / 2);display:block}.cmd-form-element .characters-left-wrapper span:not(:only-child):first-child{margin-right:calc(var(--default-margin) / 2);color:var(--color-scheme-text-color)}.cmd-form-element .characters-left-wrapper .characters-left{color:var(--color-scheme-text-color)}.cmd-form-element .characters-left-wrapper .characters-left.error{color:var(--error-color)}.cmd-address-data dl{grid-row-gap:calc(var(--default-gap) / 2)}.cmd-address-data dl.auto-columns dt:has([class*=icon-]){align-items:baseline}.cmd-address-data dl dt{display:flex;align-items:center}.cmd-address-data dl dt.address{align-self:flex-start}.cmd-address-data dl dt.address [class*=icon]:only-child{margin-top:.2rem}.cmd-address-data dl .postal-code{margin-right:calc(var(--default-margin) / 2)}.cmd-address-data dl .order-city-zip,.cmd-address-data dl .order-zip-city{display:inline-flex;gap:.5rem}.cmd-address-data dl .order-city-zip{flex-direction:row-reverse}.cmd-address-data dl .order-city-zip .postal-code{margin-right:0;margin-left:calc(var(--default-margin) / 2)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2);margin-left:0}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-address-data .edit-component-wrapper dl{margin-bottom:0}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.edit-component-wrapper .cmd-address-data address dt{min-width:2.5rem}.cmd-back-to-top-button{aspect-ratio:1/1}.cmd-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-input-group.inline{display:flex;gap:var(--default-gap)}.cmd-input-group.toggle-switch{display:block}.cmd-input-group>.label-text{display:inline-flex}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}:is(.cmd-input-group>.label-text:hover,.cmd-input-group>.label-text:active,.cmd-input-group>.label-text:focus)>span{color:var(--hyperlink-color-highlighted)}:is(.cmd-input-group>.label-text:hover,.cmd-input-group>.label-text:active,.cmd-input-group>.label-text:focus)+.flex-container input{border-color:var(--default-border-color)}.cmd-input-group.has-state input:checked~span{--status-color: var(--hyperlink-color)}.cmd-input-group.has-state.error,.cmd-input-group.has-state.multiple-switch.error{--status-color: var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label{border-color:var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label>*{color:var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label:is(:hover,:active,:focus) span,.cmd-input-group.has-state.multiple-switch.error label:is(:hover,:active,:focus) [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-fake-select{align-self:flex-end;border-radius:var(--form-input-border-radius)}.cmd-fake-select>span:first-child a{align-self:flex-end}.cmd-fake-select a{gap:calc(var(--icon-and-text-gap) / 2)!important}.cmd-fake-select a span{text-decoration:none!important}.cmd-fake-select a span[class*=icon]:last-child{margin-left:auto!important}.cmd-fake-select>ul{height:var(--form-input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--form-input-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--form-input-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--form-input-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a img{flex-shrink:0}.cmd-fake-select>ul>li:first-child>a span,.cmd-fake-select>ul>li:first-child>a [class*=icon]{color:var(--color-scheme-text-color)}.cmd-fake-select>ul>li:first-child>a .option-name{text-overflow:ellipsis;overflow:hidden}.cmd-fake-select>ul>li:first-child>a>[class*=icon-]:last-child{margin-left:auto!important;font-size:var(--icon-size-small)}.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus{background:var(--color-white);border-color:var(--primary-color)}:is(.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus) span,:is(.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus) [class*=icon]{color:var(--hyperlink-color)}.cmd-fake-select>ul.open ul{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-fake-select>ul.open ul>li:first-child>a{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-fake-select>ul.open ul>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-fake-select>ul.open ul>li:last-child>a{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-fake-select li{margin-left:0;list-style:none}.cmd-fake-select li a,.cmd-fake-select li a:visited{display:flex;align-items:center;width:100%;padding:var(--form-input-padding);padding-top:calc(var(--default-padding) - .06rem);padding-right:calc(var(--default-padding) / 2);padding-bottom:calc(var(--default-padding) - .06rem);outline:none;border-bottom:var(--default-border);text-decoration:none}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus{background:var(--primary-color)}:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus) span,:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus) [class*=icon]{color:var(--color-white)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) span:first-child,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) span:nth-child(2){border:0}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) img.flag{margin:0 calc(var(--default-margin) / 2) 0 0}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active{background:var(--color-light-gray)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active span{color:var(--hyperlink-color)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus{background:var(--primary-color)}:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus) span,:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus) [class*=icon]{color:var(--color-white)}.cmd-fake-select li label{display:flex}.cmd-fake-select li span{white-space:nowrap}.cmd-fake-select li ul{position:absolute;list-style:none;z-index:10;min-width:100%;margin:0;border-bottom-right-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--color-scheme-background);border:var(--primary-border)}.cmd-fake-select li ul li:last-child a{border-bottom:0}.cmd-fake-select li ul.custom-fake-select-content{padding:var(--default-padding)}.cmd-fake-select li ul.custom-fake-select-content img{display:block}.cmd-fake-select li ul.checkbox-options li{padding:calc(var(--default-padding) / 2)}.cmd-fake-select li ul.checkbox-options li.select-all-options{border-top:var(--primary-border);padding:0}.cmd-fake-select.has-state.label.error *{--status-color: var(--error-color)}.cmd-fake-select.has-state.label.success *{--status-color: var(--success-color)}.cmd-fake-select.has-state.label .label-text>span,.cmd-fake-select.has-state.label .label-text [class*=icon-]{color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a{text-decoration:none!important;border-color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a>span,.cmd-fake-select.has-state.label>ul>li:first-child>a [class*=icon-]{text-decoration:none!important;color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a:hover,.cmd-fake-select.has-state.label>ul>li:first-child>a:active,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus{background:var(--color-scheme-background)}:is(.cmd-fake-select.has-state.label>ul>li:first-child>a:hover,.cmd-fake-select.has-state.label>ul>li:first-child>a:active,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus) span{color:var(--status-color)}:is(:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:hover,:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:focus,:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:active) img.flag{border-color:var(--border-color)}.cmd-fake-select.color li a{gap:calc(var(--default-gap) / 2)}.cmd-fake-select.color li a>span:first-child{width:1.5rem;aspect-ratio:1/1;border:var(--default-border)}.cmd-fake-select.color li a>span:first-child[style=""]{display:none}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-self:flex-start}.cmd-system-message .message-headline{margin:0}.cmd-system-message>:last-child{margin-bottom:0}.cmd-system-message ul{display:flex;flex-direction:column}.cmd-system-message ul li{margin-left:0}.cmd-system-message>a.close-button{display:flex;position:absolute;width:auto;top:.5rem;right:.5rem;text-decoration:none;z-index:100;line-height:1;background:var(--color-white);border-radius:var(--full-circle)}.cmd-system-message>a.close-button [class*=icon-]{color:var(--default-text-color)}.cmd-system-message>a.close-button:hover,.cmd-system-message>a.close-button:active,.cmd-system-message>a.close-button:focus{background:none}:is(.cmd-system-message>a.close-button:hover,.cmd-system-message>a.close-button:active,.cmd-system-message>a.close-button:focus) [class*=icon-]{color:var(--color-white)}.cmd-system-message.warning>a.close-button{border-color:var(--default-text-color)}.cmd-system-message.warning>a.close-button [class*=icon-]{color:var(--default-text-color)}.cmd-system-message.warning>a.close-button:hover,.cmd-system-message.warning>a.close-button:active,.cmd-system-message.warning>a.close-button:focus{border-color:var(--hyperlink-color)}:is(.cmd-system-message.warning>a.close-button:hover,.cmd-system-message.warning>a.close-button:active,.cmd-system-message.warning>a.close-button:focus) [class*=icon-]{color:var(--color-white)}.cmd-form:not([data-use-validation=true]) label.error :where(::placeholder,select option:first-child),.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):invalid:focus{color:var(--error-color)}.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):user-valid:focus[required],.cmd-form:not([data-use-validation=true]) select:user-invalid:focus[required] option:not(:first-child){color:var(--success-color)}.cmd-form.send-success fieldset{border-color:var(--default-border-color)!important}.cmd-form.send-success fieldset :is(label,.label) :is(.label-text :is(span,a[class*=icon-],a:has([class*=icon-])),.place-inside[class*=icon-],input,select,textarea){--status-color: var(--default-text-color) !important;border-color:var(--default-border-color)!important}.cmd-form.send-success fieldset sup{--status-color: var(--primary-color) !important}.cmd-form legend.align-left{left:0;right:auto}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form .mandatory-text sup{color:var(--primary-color);font-size:1.5rem;top:0}.cmd-form [type=submit].button{margin-left:auto}.cmd-form fieldset+.button-wrapper{margin-top:var(--default-margin)}.cmd-image img{display:block}.cmd-image figcaption{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-image .drop-area{border:0;align-items:center;justify-content:center;padding:0}.cmd-image .drop-area>[class*=icon]{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:10rem;color:var(--color-white);text-shadow:var(--default-text-shadow);z-index:10}.cmd-image .drop-area img{opacity:.7;transition:var(--default-transition)}.cmd-image .drop-area img:hover,.cmd-image .drop-area img :active,.cmd-image .drop-area img :focus{opacity:1;transition:var(--default-transition)}.cmd-image .drop-area img:not([src]){display:block;width:100%;min-height:30rem}figure.cmd-image:not(:has[src$=".svg"]){display:inline-flex;flex-direction:column}.edit-mode .edit-component-wrapper .cmd-image label.edit-mode input{padding:calc(var(--default-padding) / 2)}.cmd-slide-button.button{font-size:2rem;z-index:10;position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.left{left:0}.cmd-slide-button.button.right{right:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width:640px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{display:inline-flex;flex-direction:column;gap:1rem;width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller .cmd-headline{margin:0}.cmd-thumbnail-scroller .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{margin:var(--default-margin) 0;overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper.box{padding:calc(var(--default-padding) * 2)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;flex:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li img{min-width:5rem;max-height:10rem}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a{display:block;text-align:center}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active{color:var(--hyperlink-color-highlighted);background:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active span,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active span[class*=icon]{color:inherit}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active:has(figcaption) img{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active figcaption{background:var(--primary-color);opacity:1;color:var(--color-white)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:has(img){padding:0}:is(.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:hover,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:active,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:focus).active figcaption{color:var(--hyperlink-color-highlighted);background:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li .image-wrapper{min-width:11.1rem}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li a.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li a:not(.active) figcaption{text-decoration:none}:is(.cmd-thumbnail-scroller.gallery-scroller li a:hover,.cmd-thumbnail-scroller.gallery-scroller li a:active,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible) figcaption{color:var(--primary-color)}:is(.cmd-thumbnail-scroller.gallery-scroller li a:hover,.cmd-thumbnail-scroller.gallery-scroller li a:active,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible) img{border-color:var(--primary-color);opacity:1}.cmd-thumbnail-scroller.large-icons ul li a{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 4);text-decoration:none;align-items:center;justify-content:center}.cmd-thumbnail-scroller.large-icons ul li a span{margin:0}.cmd-thumbnail-scroller.large-icons ul li a [class*=icon-]{font-size:5rem}@media only screen and (max-width:1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 640px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--color-scheme-background);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex;height:auto;max-height:none}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox .cmd-cookie-disclaimer{max-width:60rem;padding:0}.cmd-fancybox .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block;margin:0 auto}.cmd-fancybox.image figcaption{text-align:center}.cmd-fancybox .inner-thumbnail-wrapper li figure{opacity:.8}.cmd-fancybox .inner-thumbnail-wrapper li.active figure{opacity:1}.cmd-fancybox .inner-thumbnail-wrapper li.active img{border-color:var(--hyperlink-color-highlighted)}.cmd-fancybox .inner-thumbnail-wrapper li.active a{color:var(--hyperlink-color-highlighted)}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--color-medium-gray) 0%,var(--color-medium-gray) 50%,var(--color-white) 50%,var(--color-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--color-medium-gray) 75%,var(--color-medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--color-white)}:is(.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus) [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}:is(.cmd-fancybox .outer-content-wrapper .content>img,.cmd-fancybox .outer-content-wrapper .content>video):only-child{margin:auto;max-height:80vmin;max-width:80vmax}.cmd-fancybox .outer-content-wrapper .content figcaption{font-size:2rem;padding:calc(var(--default-padding) / 2) 0}.cmd-fancybox>header{flex-direction:row;align-items:center}@media only screen and (max-width:1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width:640px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width:1023px){dialog{margin-top:var(--default-margin)}}.cmd-basic-form fieldset{margin:0}.cmd-basic-form fieldset .order-city-zip{flex-direction:row-reverse}.cmd-basic-form fieldset .input-zip{max-width:30%}.grecaptcha-badge{bottom:10rem!important}.cmd-link{display:inline-flex;gap:var(--icon-and-text-gap);align-items:center}:is(.cmd-link.active,.cmd-link.router-link-active).button{padding:var(--button-padding)}.cmd-link img{max-height:4rem;aspect-ratio:1/1;border-radius:var(--full-circle);margin:0}.cmd-link span{margin:0}.cmd-link.box{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);align-items:center;justify-content:center;border-color:var(--hyperlink-color);text-decoration:none;border-radius:var(--box-border-radius)}.cmd-link.box span{margin:0 auto}.cmd-link.box span[class*=icon]{font-size:4rem}.cmd-link.box:hover,.cmd-link.box:active,.cmd-link.box:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-tag{align-self:start;gap:var(--default-gap-half)}.cmd-tag>span:only-child{margin:0 auto}:is(.cmd-tag.primary,.cmd-tag.secondary,.cmd-tag.tertiary) span[class*=icon-]{color:var(--color-white)}.cmd-list>ul{flex-direction:column;gap:var(--default-gap-half);margin:0}.cmd-list>ul li{list-style:none;margin-left:0!important}.cmd-list>ul li:has(.tag) .tag{gap:var(--default-gap-half)}:is(.cmd-list>ul li:has(.tag) .tag.primary,.cmd-list>ul li:has(.tag) .tag.secondary,.cmd-list>ul li:has(.tag) .tag.tertiary) [class*=icon-]{color:var(--color-white)}.cmd-list>ul li:has(.tag) [class*=icon-]{font-size:var(--icon-size-small)}.cmd-list>ul.align-center{justify-content:center}.cmd-list>ul.align-right li{text-align:right}.cmd-list>ul ul{display:flex;flex-direction:column;margin-left:calc(var(--default-padding) * 2)}.cmd-list.show-list-style-items li{list-style-type:disc;margin-left:1.7rem}.cmd-list .horizontal>li{flex:none;display:flex;flex-direction:column;max-width:100%}.cmd-list .horizontal.align-right{justify-content:flex-end}.cmd-list .horizontal.stretch{justify-content:space-around}.cmd-list.large-icons li{list-style-type:none}.cmd-list.large-icons li a{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 4);text-decoration:none;align-items:center;justify-content:center}.cmd-list.large-icons li a span{margin:0}.cmd-list.large-icons li a [class*=icon-]{font-size:5rem}@media only screen and (max-width:1023px){.cmd-list>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{align-self:auto}.cmd-box .box-header{overflow:hidden}.cmd-box .box-header .cmd-headline{margin-bottom:0;text-decoration:none}.cmd-box .box-header .cmd-headline:only-child{width:100%}.cmd-box:has(.cmd-image){align-self:auto!important}.cmd-box:has(>.cmd-image:only-child){align-self:start!important}.cmd-box.collapsible a.box-header{justify-content:space-between;background:var(--box-header-background);border-radius:var(--box-border-radius);border-bottom:0}.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus{background:var(--color-white)}:is(.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus) *{color:var(--hyperlink-color)}.cmd-box.collapsible .box-body{border-top:var(--box-border)}.cmd-box>.box-body:first-child{border-top:0!important}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content.open fieldset{border:0;padding:var(--default-padding)}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--box-header-text-color);margin-bottom:0}.cmd-box.content>.box-header>.toggle-icon{margin-left:auto}.cmd-box.content>.box-header>.toggle-icon,.cmd-box.content>.box-header .toggle-icon>[class*=icon-]{font-size:var(--font-size-small)}.cmd-box.content .box-body{display:flex;flex-grow:1}.cmd-box.content .box-body .box-body-padding{padding:var(--box-body-padding)}.cmd-box.content .box-body>div:only-child{flex-grow:1}.cmd-box.content .box-body .body-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--default-margin)}.cmd-box.content .box-body .body-icon-wrapper span[class*=icon]{font-size:8rem}.cmd-box.content .box-body p.cutoff-text{padding:var(--default-padding);margin:0;overflow:hidden;height:calc(var(--line-of-text-height) * var(--v6c663652))}.cmd-box.content .box-body p.cutoff-text.fade-last-line:after{content:"";width:100%;position:absolute;left:0;bottom:0;height:calc(var(--line-of-text-height) * 3);background:linear-gradient(to bottom,transparent 0%,var(--default-background) 100%)}.cmd-box.content .box-body p.cutoff-text.show-text{height:auto}.cmd-box.content .box-body p.cutoff-text+a{border-top:var(--box-border);display:block;padding:var(--default-padding);margin:0}.cmd-box.content .box-body img{display:block;border-radius:0}.cmd-box.content .box-body .inner-box-body-wrapper>*{border-radius:0}.cmd-box.content .box-body .inner-box-body-wrapper:has(figure:only-child){border-bottom-left-radius:var(--box-border-radius);border-bottom-right-radius:var(--box-border-radius)}.cmd-box.content .box-body .inner-box-body-wrapper:has(figure:only-child) img{border-radius:inherit}.cmd-box.content .box-body .navigation{margin:0;height:100%}.cmd-box.content .box-body .navigation li{list-style-type:none;margin:0}.cmd-box.content .box-body .navigation li a{display:block;padding:var(--default-padding);text-decoration:none;border-bottom:var(--box-border)}.cmd-box.content .box-body .navigation li a:hover,.cmd-box.content .box-body .navigation li a:active,.cmd-box.content .box-body .navigation li a:focus{background:var(--primary-color);color:var(--color-white)}.cmd-box.content .box-body .navigation li:last-child a{border:0}:is(.cmd-box.product,.cmd-box.user)>div>.cmd-custom-headline{margin-top:var(--default-margin);justify-content:center}.cmd-box.product{text-decoration:none;overflow:hidden}.cmd-box.product [class*=ribbon]{position:absolute;z-index:10;overflow:hidden;width:10rem;height:10rem;top:0;left:0}.cmd-box.product [class*=ribbon] span{position:absolute;display:block;transform:rotate(-45deg);width:100%;top:15%;left:-25%;background:var(--error-color);font-weight:700;color:var(--color-white);text-transform:uppercase;text-align:center}.cmd-box.product .ribbon-discount{left:auto;right:0}.cmd-box.product .ribbon-discount span{transform:rotate(45deg);right:-20%;left:auto;background:green}.cmd-box.product>.box-header{padding:0}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product>.box-header img{border:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding)}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body>*:last-child{margin-bottom:0}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700}.cmd-box.product .box-body .price span:last-child{margin-left:calc(var(--default-margin) / 2)}.cmd-box.product:hover,.cmd-box.product:active,.cmd-box.product:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-box.product.row-view{flex-direction:row;align-items:center}.cmd-box.user{--box-header-padding: var(--default-padding)}.cmd-box.user .user-name{color:var(--color-scheme-text-color);font-size:2rem;font-weight:700}.cmd-box.user .user-age{font-size:var(--default-font-size)}.cmd-box.user>.box-header{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;gap:calc(var(--default-gap) / 2)}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user>.box-header img{margin:0 auto var(--default-margin) auto}.cmd-box.user>.box-header img+p,.cmd-box.user>.box-header img+figcaption{margin:0 auto;text-align:center;font-weight:700;font-size:2rem}.cmd-box.user>.box-header img,.cmd-box.user>.box-header .no-user-image{padding:0;width:calc(var(--default-icon-size) * 2);aspect-ratio:1/1;max-width:12rem;border-radius:var(--full-circle);background:var(--box-header-background);display:flex;color:var(--color-white);justify-content:center;align-items:center;font-size:var(--default-icon-size)}.cmd-box.user>.box-header .no-user-image{background:var(--default-background)}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);border-bottom:0}.cmd-box.user .box-body p{text-align:center;font-weight:700}.cmd-box.user .box-body p:last-child{margin-bottom:0}.cmd-box.user .box-body p.description{font-weight:400}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list ul{width:100%;margin-bottom:0}.cmd-box.user .box-footer .cmd-list ul li{flex:1;border-radius:var(--box-border-radius);border-top-left-radius:0;border-top-right-radius:0}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child):first-child{border-bottom-left-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child):last-child{border-bottom-right-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list ul li a{flex:1;padding:var(--default-padding);text-align:center;background:var(--color-scheme-background);border-left:var(--box-border);border-radius:inherit;line-height:100%}.cmd-box.user .box-footer .cmd-list ul li .cmd-link:has(span[class*=icon-]){justify-content:center}:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a{background:var(--primary-color);color:var(--color-white)}:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a span,:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a [class*=icon-]{color:var(--color-white)}.cmd-box.user .box-footer .cmd-list ul li:first-child a,.cmd-box.user.row-view .box-header{border:0}.cmd-box.user.row-view .box-body{padding:0}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links ul li{aspect-ratio:1/1;border-radius:var(--box-border-radius)!important}.cmd-box.user.row-view .box-footer .cmd-list-of-links ul,.cmd-box.user.row-view .box-footer .cmd-list-of-links ul *{border:0;background:inherit}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .box{align-self:stretch;height:auto}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically.box{flex:1}.cmd-box-wrapper .inner-box-wrapper>*{flex:1;min-width:20rem}.cmd-box-wrapper .inner-box-wrapper>*.stretch-horizontally{flex:1}.cmd-box-wrapper .row-view p.cutoff-text{height:auto}.cmd-box-wrapper .row-view p.cutoff-text.fade-last-line:after{background:none}.cmd-box-wrapper .row-view .cmd-box.user{flex-direction:row;padding:var(--default-padding);align-items:center}.cmd-box-wrapper .row-view .cmd-box.user img{margin-bottom:0}.cmd-box-wrapper .row-view .cmd-box.user .box-footer{margin-top:0}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v5270618e),minmax(0,1fr))}.cmd-box-wrapper>.grid-container-create-columns.row-view{grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (max-width:1023px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v04fa98fc),minmax(0,1fr))}}@media only screen and (max-width:640px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v52d83b5a),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0}.cmd-breadcrumbs li{display:inherit;align-items:center;list-style-type:none;margin:0}.cmd-breadcrumbs li>span.separator{padding:0 calc(var(--default-padding) / 2)}.cmd-breadcrumbs li.breadcrumb-label{margin-right:calc(var(--default-margin) / 2)}.cmd-breadcrumbs li a{display:table;text-decoration:none}.cmd-breadcrumbs li a:hover,.cmd-breadcrumbs li a:active,.cmd-breadcrumbs li a:focus{text-decoration:underline}.cmd-code-output{overflow-y:scroll}.cmd-code-output.box{padding-right:calc(var(--default-padding) * 3)}.cmd-code-output>a{position:absolute;top:var(--default-padding);right:var(--default-padding)}.cmd-company-logo img{display:block;max-height:10rem;border:0}.cmd-company-logo>a{display:block}.cmd-company-logo>a img{border:0}@media only screen and (max-width:1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:1rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto}.cmd-cookie-disclaimer .collapsible-box{border-radius:var(--default-border-radius)}.cmd-cookie-disclaimer .collapsible-box header{display:flex;align-items:center;border:var(--primary-border);justify-content:unset;background:var(--primary-color);border-radius:inherit}.cmd-cookie-disclaimer .collapsible-box header.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked){background:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked) span[class*=icon-]{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked) label .label-text span{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled){background:var(--disabled-background)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled) span[class*=icon-]{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled) label .label-text span{color:var(--disabled-color)!important}.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)){background:var(--primary-color)}.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)) label .label-text span,.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)) span[class*=icon-]{color:var(--color-white)!important}.cmd-cookie-disclaimer .collapsible-box header span[class*=icon-]{color:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header label{padding:calc(var(--default-padding) / 2) var(--default-padding)}.cmd-cookie-disclaimer .collapsible-box header label .label-text span{color:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header label.disabled .label-text span{color:var(--color-white)!important}.cmd-cookie-disclaimer .collapsible-box header label:hover,.cmd-cookie-disclaimer .collapsible-box header label:active,.cmd-cookie-disclaimer .collapsible-box header label:focus{cursor:pointer}.cmd-cookie-disclaimer .collapsible-box header label input:hover,.cmd-cookie-disclaimer .collapsible-box header label input:active,.cmd-cookie-disclaimer .collapsible-box header label input:focus{cursor:pointer}.cmd-cookie-disclaimer .collapsible-box header a{text-decoration:none;flex:1;display:flex;justify-content:flex-end;padding:var(--default-padding)}.cmd-cookie-disclaimer .collapsible-box .collapsible-box-body{padding:var(--default-padding);border:var(--default-border);border-top:0;background:var(--box-background);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-cookie-disclaimer .collapsible-box .collapsible-box-body p:last-child{margin:0}.cmd-cookie-disclaimer>p{text-align:center;color:var(--color-scheme-text-color)}.cmd-cookie-disclaimer p a{text-decoration:underline}.cmd-cookie-disclaimer p a:hover,.cmd-cookie-disclaimer p a:active,.cmd-cookie-disclaimer p a:focus{text-decoration:none}.cmd-cookie-disclaimer .privacy-text,.cmd-cookie-disclaimer .button-wrapper{margin-top:var(--default-gap)}.cmd-copyright-information{background:var(--color-dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--color-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none}.cmd-copyright-information a{text-decoration:none;color:var(--color-white)}.cmd-copyright-information a:hover,.cmd-copyright-information a:active,.cmd-copyright-information a:focus{text-decoration:underline;color:var(--color-white)}.cmd-flexible-scroll-container.reverse-order{flex-direction:column-reverse}.cmd-form-filters{display:flex;margin:0}.cmd-form-filters li{list-style-type:none;margin-left:0;margin-right:var(--default-margin);border:var(--default-border);background:var(--color-white);font-size:var(--font-size-small)}.cmd-form-filters li:hover,.cmd-form-filters li:active,.cmd-form-filters li:focus{border-color:var(--primary-color)}.cmd-form-filters li a{padding:calc(var(--default-padding) / 2);display:flex;align-items:center;text-decoration:none}.cmd-form-filters li:last-of-type{margin-right:0}.cmd-form-filters li [class*=icon-]{font-size:var(--icon-size-small)}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius)}.cmd-google-maps:hover,.cmd-google-maps:active,.cmd-google-maps:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-google-maps iframe{border-radius:inherit}.cmd-google-maps .cmd-system-message{margin:0;border-top-left-radius:0;border-top-right-radius:0;height:100%;justify-content:center}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem}.cmd-image-gallery .image-wrapper img{border:var(--default-border);border-radius:var(--default-border-radius);max-height:30rem}.cmd-image-gallery .image-wrapper figcaption{padding:calc(var(--default-padding) / 2)}.cmd-image-gallery .image-wrapper:hover,.cmd-image-gallery .image-wrapper:active,.cmd-image-gallery .image-wrapper:focus{text-decoration:none}:is(.cmd-image-gallery .image-wrapper:hover,.cmd-image-gallery .image-wrapper:active,.cmd-image-gallery .image-wrapper:focus) img{border:var(--primary-border)}.cmd-image-gallery .image-wrapper+.pager{margin-top:calc(var(--default-margin) * 2)}.cmd-image-zoom{overflow:hidden}.cmd-image-zoom .thumbnail-imagezoom{align-self:flex-start}.cmd-image-zoom .zoom-container{overflow:hidden}.cmd-image-zoom .zoom-container>img{max-width:none;max-height:none}.cmd-image-zoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}@media only screen and (max-width:640px){.cmd-image-zoom .thumbnail-imagezoom{align-self:center}.cmd-image-zoom .zoom-container{max-height:40vh;flex:none}.cmd-image-zoom .zoom-container>img{max-height:none}}.cmd-login-form .cmd-headline{flex:none;margin:0}.cmd-login-form legend.align-left{left:0;right:auto}.cmd-login-form .login-fields.vertical .cmd-form-element{width:100%}.cmd-login-form .option-wrapper{flex:none;align-items:center}.cmd-login-form .option-wrapper>a:not(.button){display:flex;text-decoration:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.cmd-login-form .gsi-material-button{border:var(--button-border);border-color:#747775;color:#1f1f1f;font-family:Roboto,arial,sans-serif;letter-spacing:.25px;transition:background-color .218s,border-color .218s,box-shadow .218s;white-space:nowrap;border-radius:var(--button-border-radius);background-color:var(--color-white);height:var(--input-height);padding:var(--button-padding)}.cmd-login-form .gsi-material-button .gsi-material-button-icon{height:2rem;aspect-ratio:1/1;margin-right:calc(var(--default-margin) / 2)}.cmd-login-form .gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.cmd-login-form .gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;text-overflow:ellipsis;vertical-align:top}.cmd-login-form .gsi-material-button .gsi-material-button-state{transition:opacity .218s;inset:0;opacity:0;position:absolute}.cmd-login-form .gsi-material-button .gsi-material-button:disabled{background-color:#ffffff61;border-color:#1f1f1f1f}.cmd-login-form .gsi-material-button .gsi-material-button:disabled .gsi-material-button-contents,.cmd-login-form .gsi-material-button .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):is(:active,:focus) .gsi-material-button-state{background-color:#303030;opacity:12%}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.cmd-main-navigation.hide-sub-navigation ul ul{display:none}.cmd-main-navigation nav .stretch-items>li{flex:1}.cmd-main-navigation nav>ul>li .close-nav{display:none}.cmd-main-navigation nav>ul>li.open>ul{display:block}.cmd-main-navigation nav>ul>li.open>ul>li.open>ul{display:block}.cmd-main-navigation nav+div{display:none}.cmd-main-navigation .fade-enter-active,.cmd-main-navigation .fade-leave-active{left:0}.cmd-main-navigation .fade-enter,.cmd-main-navigation .fade-leave-to{left:-100%}.cmd-main-navigation header nav>ul,.cmd-main-navigation header nav>ul>li{border:0}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none;aspect-ratio:1/1}@media only screen and (max-width:1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:after{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--color-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%;background:var(--main-navigation-background)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:hover>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:active>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:focus>ul{display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:not(:first-child){border-top:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:last-child{border-bottom:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a{padding-left:calc(var(--default-margin) * 2)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a span+[class*=icon-]:before{display:inline-block;transform:rotate(0)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li ul li a{padding-left:calc(var(--default-margin) * 4)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>a span+[class*=icon-]:before{display:inline-block;transform:rotate(-180deg)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>ul{height:auto;display:block;opacity:1;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-pagination{display:flex;justify-content:space-between}.cmd-pagination button,.cmd-pagination .button{float:none;margin:0}:is(.cmd-pagination button,.cmd-pagination .button):has(span:only-child){aspect-ratio:1/1}:is(.cmd-pagination button,.cmd-pagination .button) span{align-self:center}.cmd-pagination a{display:flex;align-items:center;text-decoration:none}.cmd-pagination a:hover,.cmd-pagination a:active,.cmd-pagination a:focus{cursor:pointer}.cmd-pagination a:last-of-type>[class*=icon-]{margin-right:0}.cmd-pagination a>[class*=icon-]{font-size:var(--icon-size-small)}.cmd-pagination .page-index a:not(.button){padding:0 calc(var(--default-padding) / 2)}@media only screen and (max-width:1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width:1023px)and (max-width:640px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}.cmd-multistep-form-progress-bar{display:flex;align-items:center;justify-content:center;margin:0;border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.full-width{justify-content:stretch}.cmd-multistep-form-progress-bar.full-width li{flex:1!important}.cmd-multistep-form-progress-bar .button{border-radius:0}.cmd-multistep-form-progress-bar.use-gap{gap:calc(var(--default-gap) / 2)}.cmd-multistep-form-progress-bar.use-gap li a:not(.button),.cmd-multistep-form-progress-bar.use-gap li a.active:not(.button){border:0;border-radius:inherit}:is(.cmd-multistep-form-progress-bar.use-gap li a:not(.button),.cmd-multistep-form-progress-bar.use-gap li a.active:not(.button)) :is(span,[class*=icon-])+[class*=icon-]:last-child{border:0;right:-1rem;background:none}.cmd-multistep-form-progress-bar.use-gap li a :is(span,[class*=icon-])+[class*=icon-]:last-child{color:var(--color-scheme-text-color)!important}.cmd-multistep-form-progress-bar.use-gap li .button{border-radius:var(--button-border-radius)}.cmd-multistep-form-progress-bar.use-gap li .separator{display:flex;align-items:center;justify-content:center}.cmd-multistep-form-progress-bar.use-gap li:has(.active,.router-link-exact-active) .separator{color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-multistep-form-progress-bar li:first-child,.cmd-multistep-form-progress-bar li:first-child>a{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.cmd-multistep-form-progress-bar li:last-child,.cmd-multistep-form-progress-bar li:last-child>a{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.cmd-multistep-form-progress-bar li:has(:not(.button)){flex:none}.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button{display:flex;text-decoration:none;align-items:center;justify-content:center;width:100%}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button).button{flex:1;max-height:none}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-]){font-size:var(--icon-size-medium)!important}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-])+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);color:var(--color-scheme-text-color);margin:0;position:absolute;right:0;transform:translate(50%);padding:calc(var(--default-padding) / 2);display:flex;justify-content:center;z-index:1}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-])+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) .number{line-height:100%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--full-circle);border:var(--default-border);background:var(--color-white);text-decoration:none!important;color:var(--primary-color)}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) .number+span{margin-left:calc(var(--default-margin) / 2)}.cmd-multistep-form-progress-bar li:last-child a [class*=icon-]:last-of-type{display:none}.cmd-multistep-form-progress-bar li.error .number{border-color:var(--error-color);color:var(--error-color)}.cmd-multistep-form-progress-bar li.error .active .number{background:var(--error-color)!important}.cmd-multistep-form-progress-bar li.success .number{border-color:var(--success-color);color:var(--success-color)}.cmd-multistep-form-progress-bar li.success .active .number{background:var(--success-color)!important}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled) a{background:var(--button-primary-background-highlighted)}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled) .number{background:var(--primary-color);border-color:var(--color-white);color:var(--color-white)!important}:is(.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:hover,.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:active,.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:focus) .number{border-color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li .number{background:none;border-color:var(--border-color)}@media only screen and not (min-width:640px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li{width:100%;flex-direction:column}.cmd-multistep-form-progress-bar li a{width:100%!important}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li .separator:before{transform:rotate(90deg)}}.cmd-multistepform-wrapper{display:flex;flex-direction:column;gap:var(--default-gap)}.edit-mode-opening-hours-item dt{min-width:3ch}.edit-mode-opening-hours-item .am-wrapper,.edit-mode-opening-hours-item .pm-wrapper{align-items:center;gap:calc(var(--default-gap) / 2)}.edit-mode-opening-hours-item label{max-width:11rem}.edit-mode-opening-hours-item .input-wrapper{width:11rem}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--color-white);background:var(--success-color);border-radius:var(--default-border-radius)}:is(.cmd-opening-hours>a,.cmd-opening-hours>span).closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--color-white)}.cmd-opening-hours span.pm{margin-left:var(--default-margin)}.cmd-opening-hours p:last-child{margin:0}.cmd-opening-hours .edit-component-wrapper dl{margin-bottom:0}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2)}.edit-component-wrapper .cmd-opening-hours dt{min-width:2.5rem}.cmd-social-networks-item .button{--social-network-text-color: var(--color-white);--social-network-text-color-highlighted: var(--social-network-color);--social-network-border-color: var(--social-network-color);--social-network-background-color: var(--social-network-color);--social-network-background-color-highlighted: var(--color-white);background:var(--social-network-background-color);border-color:var(--social-network-border-color)}.cmd-social-networks-item .button>span{color:var(--social-network-text-color)}.cmd-social-networks-item .button:hover,.cmd-social-networks-item .button:active,.cmd-social-networks-item .button:focus{color:var(--social-network-background-color-highlighted)}:is(.cmd-social-networks-item .button:hover,.cmd-social-networks-item .button:active,.cmd-social-networks-item .button:focus)>span{color:var(--social-network-text-color-highlighted)}.cmd-social-networks-item .button.social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks-item .button.social-network-x{--social-network-color: #000}.cmd-social-networks-item .button.social-network-xing{--social-network-color: #007575}.cmd-social-networks-item .button.social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks-item .button.social-network-instagram{--social-network-color: #000}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--color-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--color-white);color:var(--color-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width:640px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 640px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{margin-top:auto;align-items:flex-end}.cmd-page-footer.small-buttons button,.cmd-page-footer.small-buttons .button{padding:var(--button-padding-small);min-height:var(--button-min-height-small)}:is(.cmd-page-footer.small-buttons button,.cmd-page-footer.small-buttons .button) span{font-size:var(--font-size-small)}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width:640px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}.cmd-page-footer>.button-wrapper #print-view-button{display:none}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;line-height:1.2}.cmd-section:not(.box){padding:0}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none}.cmd-site-footer footer{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-footer.sticky{top:auto;bottom:0}.cmd-site-footer .cmd-switch-language{width:100%;flex:none}.cmd-site-footer+.cmd-copyright-information{margin-top:0}@media only screen and (max-width:1023px){.cmd-site-footer footer.flex-container{gap:calc(var(--default-gap) * 2)}.cmd-site-footer footer .cmd-list-of-links>ul{gap:var(--default-gap)}}@media only screen and (max-width:1023px)and (max-width:640px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;--header-scroll-animation: var(--default-transition);grid-area:site-header;display:flex;flex-direction:column;flex:none}.cmd-site-header.sticky{position:sticky;z-index:300}.cmd-site-header.sticky header .cmd-company-logo figure img{transform-origin:top left;transition:var(--header-scroll-animation);margin:0;width:100%}.cmd-site-header.sticky header.resize-on-scroll{padding-top:var(--default-padding);padding-bottom:var(--default-padding);transition:var(--header-scroll-animation)}.cmd-site-header.sticky header.resize-on-scroll .cmd-company-logo figure img{transition:var(--header-scroll-animation);width:var(--logo-width-on-scroll)}.cmd-site-header li a{text-decoration:none}.cmd-site-header header,.cmd-site-header .cmd-main-navigation nav,.cmd-site-header .cmd-list-of-links{max-width:var(--max-width);width:100%;padding:0 var(--default-padding)}.cmd-site-header .cmd-main-navigation nav{width:auto;margin:0 0 0 auto}.cmd-site-header .top-header .cmd-list-of-links{padding-top:calc(var(--default-padding) / 2);padding-bottom:calc(var(--default-padding) / 2)}.cmd-site-header .main-navigation-wrapper{grid-column:span var(--grid-columns);border-bottom:0}.cmd-site-header+.main-navigation-wrapper nav{border-left:0;border-right:0}.cmd-site-header>.cmd-main-navigation.main-navigation-wrapper:last-child{border-bottom:0}.cmd-site-header header{padding-top:var(--default-padding);padding-bottom:var(--default-padding);row-gap:0}.cmd-site-header header.has-navigation{grid-template-rows:1fr min-content;grid-template-areas:"company-logo" "main-navigation";padding-bottom:0}.cmd-site-header header.flex-container{width:100%}.cmd-site-header header.flex-container .cmd-company-logo{grid-area:company-logo;flex:none}.cmd-site-header header .cmd-main-navigation nav{padding:0}.cmd-site-header header .cmd-main-navigation,.cmd-site-header header nav ul li{border-bottom:0}.cmd-site-header.navigation-inline header.has-navigation{grid-template-rows:1fr;grid-template-areas:"company-logo main-navigation";padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline header .cmd-company-logo{grid-area:company-logo;grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-area:main-navigation;display:flex;align-items:center;justify-content:flex-end;grid-column:span var(--grid-large-span)}.cmd-site-header.navigation-inline header .main-navigation-wrapper:not(.persist-on-mobile){padding-left:0!important}.cmd-site-header.navigation-inline.off-canvas-right header.has-navigation{grid-template-areas:"company-logo main-navigation"}@media only screen and (max-width:1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width:640px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}.cmd-site-header header{--header-scroll-animation: none;--logo-width-on-scroll: 100%}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a.filter-options{display:table;align-self:flex-start}.cmd-box-site-search>a.filter-options [class*=icon]{font-size:var(--icon-size-small)}.cmd-box-site-search button{align-self:flex-end}@media only screen and (max-width:640px){.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a.filter-options{align-self:center}}.cmd-slideshow figure a,.cmd-slideshow img{display:block;text-decoration:none;margin:0 auto}.cmd-slideshow figcaption{width:100%;display:block;text-align:center;bottom:0;padding:var(--default-padding);line-height:100%;font-size:3rem;color:var(--color-white);background:var(--primary-color)}.cmd-slideshow:has(figcaption) img{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-slideshow:has(figcaption) figcaption{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-slideshow .inner-slideshow-wrapper{display:flex;justify-content:center}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button){display:block;text-decoration:none}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption{border:var(--primary-border)}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:hover,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:active,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:focus{background:var(--color-white);color:var(--hyperlink-color)}.cmd-slideshow .inner-slideshow-wrapper figure{width:100%;margin:0}.cmd-slideshow .inner-slideshow-wrapper .slot-wrapper{padding:calc(var(--default-padding) * 5);width:100%;min-height:50rem;background-repeat:no-repeat;background-position:top center;display:flex;justify-content:center;align-content:center}.cmd-slideshow .inner-slideshow-wrapper .slot-wrapper .box{align-self:flex-start}.cmd-slideshow .inner-slideshow-wrapper .image-wrapper{width:100%;min-width:11.1rem;min-height:50rem}.cmd-slideshow .inner-slideshow-wrapper>ol{display:flex;margin:0 auto;position:absolute;left:5.5rem;top:.5rem;gap:calc(var(--default-gap) / 2)}.cmd-slideshow .inner-slideshow-wrapper>ol li{padding:.2rem;list-style-type:none;margin:0;border-radius:var(--full-circle);background:var(--color-light-gray);border:var(--default-border-reduced-opacity)}.cmd-slideshow .inner-slideshow-wrapper>ol li a{display:block;width:1rem;height:1rem;border-radius:var(--full-circle)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol li:active,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol li.active{border-color:var(--hyperlink-color)}:is(.cmd-slideshow .inner-slideshow-wrapper>ol li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol li:active,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol li.active) a{background:var(--color-white);transition:var(--default-transition)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom{position:relative;justify-content:center;left:unset;top:unset}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li{border-color:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active{border-color:var(--primary-color);background:var(--color-white)}:is(.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active) a{background:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.vertical{flex-direction:column}.cmd-slideshow .inner-slideshow-wrapper>.item-counter{position:absolute;top:.5rem;right:5.5rem;padding:0 .2rem;border-radius:var(--default-border-radius);background:var(--color-white-reduced-opacity)}.cmd-slideshow .fade-enter-from,.cmd-slideshow .fade-leave-to{position:absolute}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem}.edit-mode .cmd-slideshow .image-wrapper.edit-items label.edit-mode input{font-size:3rem}@media only screen and (max-width:1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-smart-search.open input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-smart-search .list-of-recommendations{position:absolute;width:100%;z-index:100;max-height:15rem;overflow-y:auto;display:flex;flex-direction:column;border:var(--default-border);border-top:0;background:var(--default-background);border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-smart-search .list-of-recommendations li:not(:last-child){border-bottom:var(--default-border)}.cmd-smart-search .list-of-recommendations li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-smart-search .list-of-recommendations li:last-child a{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-smart-search .list-of-recommendations li a{display:flex;align-items:center;padding:var(--default-padding);text-decoration:none;width:100%;background:var(--default-background)}.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus{background:var(--hyperlink-color)}:is(.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus) span,:is(.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus) span[class*=icon]{color:var(--color-white)}.cmd-smart-search.open-list-to-top.open input{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-smart-search.open-list-to-top .list-of-recommendations{border-bottom:0;top:auto;bottom:var(--form-input-height);border-radius:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius)}.cmd-smart-search.open-list-to-top .list-of-recommendations li:first-child{border-top:var(--default-border);border-top-left-radius:inherit;border-top-right-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:first-child a{border-top-left-radius:inherit;border-top-right-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:last-child{border-bottom:0;border-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:last-child a{border-radius:0}.cmd-switch-language ul{display:flex;gap:calc(var(--default-gap) / 2);margin:0}.cmd-switch-language ul li{list-style-type:none;margin:0}.cmd-switch-language ul li a{filter:contrast(.6);padding:0;background:none}.cmd-switch-language ul li a:hover,.cmd-switch-language ul li a:focus-visible,.cmd-switch-language ul li a:active,.cmd-switch-language ul li a.active,.cmd-switch-language ul li a.router-link-active{filter:none}.cmd-table-wrapper{display:inline-flex;flex-direction:column;max-width:100%;margin-bottom:var(--default-margin);gap:calc(var(--default-margin) / 2)}.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width{overflow:hidden}:is(.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width) table th{white-space:normal}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{top:50%!important;display:none;height:auto;transform:translateY(-50%)}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper .inner-wrapper table{table-layout:fixed;margin:0}.cmd-table-wrapper .inner-wrapper table th a[class*=icon-],.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:hover,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:active,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:focus{font-size:var(--icon-size-small);color:var(--color-white)}.cmd-table-wrapper.has-caption{flex-direction:row}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-caption table{margin-top:calc(var(--default-margin) / 2)}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background)}.cmd-tabs>ul>li a{display:flex;align-items:center;justify-content:center;padding:var(--default-padding);border:var(--default-border);border-bottom:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);text-decoration:none!important}.cmd-tabs>ul>li a span,.cmd-tabs>ul>li a span[class*=icon-]{text-decoration:none!important}.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus{cursor:pointer;color:var(--hyperlink-color-highlighted);border-color:var(--hyperlink-color)}:is(.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus) span,:is(.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus) [class*=icon-]{color:inherit}.cmd-tabs>ul>li.active span,.cmd-tabs>ul>li.active [class*=icon-]{color:var(--color-white)}:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus{color:var(--hyperlink-color);background:var(--color-white)}:is(:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus) span,:is(:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus) [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-tabs>ul>li.active a:focus{color:var(--color-white)}.cmd-tabs>ul>li.active a:focus span,.cmd-tabs>ul>li.active a:focus span[class*=icon-],.cmd-tabs>ul>li.active a:focus .iconify{color:inherit!important}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--default-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-tabs.primary>div{border-color:var(--primary-color)}.cmd-tabs.secondary>div{border-color:var(--secondary-color)}.cmd-tabs.tertiary>div{border-color:var(--tertiary-color)}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout input{--dark-blue: hsl(195, 96%, 45%);--medium-blue: hsl(194, 97%, 39%);--light-blue: hsl(195, 97%, 76%);background:linear-gradient(to bottom,var(--dark-blue) 0%,var(--light-blue) 67%);border-color:var(--medium-blue)}.cmd-toggle-dark-mode.styled-layout input:after{--yellow-hue: 60;--yellow-saturation: 100%;--yellow-lightness: 76.7%;background:radial-gradient(ellipse at center,var(--color-white) 20%,hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness)) 30%,hsla(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness),0) 100%);border-color:transparent;box-shadow:0 0 1rem hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness))}.cmd-toggle-dark-mode.styled-layout.dark-mode input{background:var(--color-scheme-background);border-color:var(--color-scheme-text-color)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:before{--size: 1.2rem;content:"";width:var(--size);aspect-ratio:1/1;background:var(--color-scheme-background);border-radius:var(--full-circle);position:absolute;top:0;right:calc(var(--size) / 2);transform:translateY(15%);z-index:100;transition:var(--default-transition)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:after{background:radial-gradient(ellipse at center,var(--color-white) 50%,var(--color-medium-gray) 100%);border-color:transparent;box-shadow:.2rem .1rem .2rem hsl(from var(--color-white) h s l / .3)}.cmd-toggle-dark-mode.styled-layout.dark-mode .label-text span{color:var(--color-scheme-text-color)}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding)}.cmd-upload-form.box span{margin:0}.cmd-upload-form.box span[class*=icon-]{font-size:5rem}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);align-items:center}.cmd-upload-form .box dl{justify-content:center;text-align:left}.cmd-upload-form .box dl .list-of-file-extensions{display:table}.cmd-upload-form .box dl .list-of-file-extensions>li:only-child{list-style-type:none;margin:0}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]{background:var(--color-scheme-background)}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]::-moz-progress-bar{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--primary-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;display:table;top:.2rem;padding:.1rem .2rem;line-height:100%;background:var(--color-scheme-background)}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-upload-form .list-files-wrapper .list-of-files li{list-style-type:none;margin-left:0;gap:calc(var(--default-gap) / 2)}:is(.cmd-upload-form .list-files-wrapper .list-of-files li>a:hover,.cmd-upload-form .list-files-wrapper .list-of-files li a:active,.cmd-upload-form .list-files-wrapper .list-of-files li a:focus)~*{color:var(--hyperlink-color-highlighted)}.cmd-upload-form .list-files-wrapper .list-of-files+a{display:table;margin:0 auto}.cmd-upload-form .list-files-wrapper hr{width:100%}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-upload-form .upload-conditions dl{margin:0}.cmd-upload-form p.text-drag-and-drop.disabled{background:none!important}.cmd-upload-form .button.upload{align-self:center}.cmd-upload-form .button.upload~p>*{display:block}.cmd-upload-form .error{color:var(--error-color)}.cmd-upload-form+.cmd-form-element{display:none}.cmd-upload-form .drop-area,.cmd-upload-form.drop-area{border:var(--default-border);border-style:dashed;background:var(--color-scheme-background);padding:var(--default-padding);text-align:center}:is(.cmd-upload-form .drop-area,.cmd-upload-form.drop-area).allow-drop{border-style:solid}:is(.cmd-upload-form .drop-area,.cmd-upload-form.drop-area)>[class*=icon-]{font-size:5rem}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}.cmd-box .settings-body>div{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-mail-tool-entry{justify-content:space-between;text-decoration:none;border:0;border-top:var(--default-border);border-radius:0}.cmd-mail-tool-entry:hover,.cmd-mail-tool-entry:active,.cmd-mail-tool-entry:focus{cursor:pointer;background:var(--color-white)}.cmd-mail-tool-entry.unread *{font-weight:700}.cmd-mail-tool-entry dl{margin:0}.cmd-mail-tool-entry dl dt{align-items:center;justify-content:flex-start}.cmd-mail-tool-entry dl dd{gap:calc(var(--default-gap) / 2)}.cmd-mail-tool-entry .cmd-image{width:3rem;aspect-ratio:1/1;border:var(--default-border);border-radius:var(--full-circle);margin:0}.cmd-mail-tool-entry .options-wrapper{justify-content:flex-end}.cmd-mail-tool-entry .sender-receiver-wrapper{justify-content:flex-start!important}.cmd-mail-tool-entry .received-and-options-wrapper{flex-direction:column;flex:none}.cmd-mail-tool-entry .received-and-options-wrapper .date-time-wrapper time{flex:none}.cmd-mail-tool-entry .received-and-options-wrapper .options-wrapper{margin-left:auto}@media only screen and (max-width:640px){.cmd-mail-tool-entry dl dt{align-items:flex-start;justify-content:center}.cmd-mail-tool-entry .received-and-options-wrapper{flex-direction:row;justify-content:space-between}}.cmd-mail-tool-filter{display:flex;padding:var(--default-padding);background:var(--color-light-gray);align-items:center;justify-content:space-between}.cmd-mail-tool-filter .cmd-headline{margin:0}.cmd-mail-tool-filter .label-text{white-space:nowrap}.cmd-mail-tool-filter .sort-wrapper{text-align:right}.cmd-mail-tool-filter .sort-wrapper a{text-decoration:none}.demopage .list-status .active{color:var(--default-text-color);text-decoration:none;background:none}.demopage main .cmd-width-limitation-wrapper:not(:last-child){border-bottom:var(--default-border);border-style:dashed}.demopage main .cmd-width-limitation-wrapper:not(:last-child) section{padding-top:calc(var(--default-padding) * 6);padding-bottom:calc(var(--default-padding) * 6)}.demopage .headline-demopage{display:flex;align-items:center}.demopage .headline-demopage [class*=icon-]{color:var(--color-white);margin:0}.demopage .headline-demopage .button{background:none;border-color:var(--color-white);align-self:center}.demopage .headline-demopage .button:hover,.demopage .headline-demopage .button:active,.demopage .headline-demopage .button:focus{background:var(--color-white);color:var(--primary-color)!important}.demopage .cmd-sidebar{position:fixed;top:0;left:0;z-index:2000;max-width:30rem;height:100vh;margin:0;padding:0;gap:0;border:0;border-right-width:0;border-right-style:none;border-right-color:currentcolor;border-right:var(--default-border)}.demopage .cmd-sidebar .box{border-right:0}.demopage .cmd-sidebar .box:not(:last-child){border-bottom:0}.demopage .cmd-sidebar .box li.active a{padding:.1rem .3rem;text-decoration:none}.demopage .cmd-sidebar .box#list-of-components .box-body{max-height:70rem;overflow:auto}.demopage .cmd-sidebar .open-slot-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.demopage .cmd-sidebar .open-slot-wrapper .comand-versions{margin:0}.demopage .cmd-sidebar .open-slot-wrapper .comand-versions dd{white-space:nowrap}.demopage .cmd-sidebar .closed-sidebar{display:flex;flex-direction:column;gap:var(--default-gap);padding:var(--default-padding)}.demopage .cmd-sidebar .closed-sidebar .button{align-self:center}.demopage .cmd-sidebar:last-child{left:auto;right:0}.demopage #component-settings .open-slot-wrapper{display:block}.demopage output{display:flex;align-self:flex-start;flex:none;padding:var(--default-padding);border:1px dashed black;background:#cac011;font-weight:700;color:#000}
+.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:#ffffff1a;transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper{display:block}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--form-input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--color-white);border-bottom:0;background:var(--color-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:#fff3}.edit-component-wrapper.active{background:var(--color-white);border-color:var(--color-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--color-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:#ffffff1a;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--headline-margin-bottom);gap:calc(var(--default-gap) / 2)}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start}.cmd-headline.has-pre-headline-text>*:first-child span[class*=icon]{bottom:.2rem}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon h1,.cmd-headline.has-pre-headline-text.has-icon h2,.cmd-headline.has-pre-headline-text.has-icon h3,.cmd-headline.has-pre-headline-text.has-icon h4,.cmd-headline.has-pre-headline-text.has-icon h5,.cmd-headline.has-pre-headline-text.has-icon h6{display:flex;align-items:center}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.cmd-headline p{margin-bottom:0}.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6{margin:0}:is(.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6):only-child{flex:none;width:100%}.edit-mode label.headline input{padding:0;height:auto;font-weight:var(--headline-font-weight)}.edit-mode label.headline.h1 input{font-size:var(--headline-font-size-h1);text-transform:var(--headline-text-transform)}.edit-mode label.headline.h2 input{font-size:var(--headline-font-size-h2)}.edit-mode label.headline.h3 input{font-size:var(--headline-font-size-h3)}.edit-mode label.headline.h4 input{font-size:var(--headline-font-size-h4)}.edit-mode label.headline.h5 input{font-size:var(--headline-font-size-h5)}.edit-mode label.headline.h6 input{font-size:var(--headline-font-size-h6)}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex}.cmd-tooltip .headline-wrapper>a{margin-left:auto!important}.cmd-tooltip .headline-wrapper>a [class*=icon-]{padding-left:1rem;font-size:var(--font-size-small);color:var(--hyperlink-color)}.cmd-tooltip .headline-wrapper>a [class*=icon-]:hover,.cmd-tooltip .headline-wrapper>a [class*=icon-]:active,.cmd-tooltip .headline-wrapper>a [class*=icon-]:focus{color:var(--hyperlink-color-highlighted)}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements dl span[class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl .error,.cmd-list-of-requirements dl .error span{--status-color: var(--error-color) !important}.cmd-list-of-requirements dl .warning,.cmd-list-of-requirements dl .warning span{--status-color: var(--warning-color) !important}.cmd-list-of-requirements dl .success,.cmd-list-of-requirements dl .success span{--status-color: var(--success-color) !important}.cmd-list-of-requirements dl .info,.cmd-list-of-requirements dl .info span{--status-color: var(--info-color) !important}.cmd-list-of-requirements dl dt,.cmd-list-of-requirements dl dt span[class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl~a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]){margin-left:auto}:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):hover,:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):active,:is(.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-],.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-])):focus{background:none}.cmd-form-element input.replace-input-type:checked:after{top:0}.cmd-form-element input+.place-inside{left:auto;right:.5rem;color:var(--hyperlink-color)}.cmd-form-element input+.place-inside span{color:inherit}.cmd-form-element .label-text :is(a,span)[class*=icon-]{top:.09rem}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip).error *{--status-color: var(--error-color)}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip) ::placeholder{color:var(--status-color)}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip) span{color:var(--status-color)}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip) span.place-inside{color:inherit}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip).success *{--status-color: var(--success-color)}:is(.cmd-form-element:has([required]).has-state,.cmd-form-element:has([required])+.cmd-tooltip).success:has(input[type=checkbox],input[type=radio]) *{--status-color: var(--color-scheme-text-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--hyperlink-color)}:is(.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:hover,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:active,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:focus)~.label-text span{color:var(--hyperlink-color-highlighted)}.cmd-form-element.inline .inner-input-wrapper>a:not(.button){margin-left:calc(var(--default-margin) / 2)}.cmd-form-element.inline.stretch-field .inner-input-wrapper{width:100%}.cmd-form-element.inline .label-text [class*=icon-]{top:-.2rem}.cmd-form-element .inner-input-wrapper{margin:0}.cmd-form-element .inner-input-wrapper:has(.button,button) input{border-top-right-radius:0;border-bottom-right-radius:0}.cmd-form-element .inner-input-wrapper a.deleteicon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:100;width:auto}.cmd-form-element .inner-input-wrapper a.deleteicon.button span{color:var(--color-scheme-background)}:is(.cmd-form-element .inner-input-wrapper a.deleteicon.button:hover,.cmd-form-element .inner-input-wrapper a.deleteicon.button:active,.cmd-form-element .inner-input-wrapper a.deleteicon.button:focus) span{color:var(--color-scheme-text-color)}.cmd-form-element .inner-input-wrapper a.button{right:0;align-self:stretch;aspect-ratio:1 / 1}.cmd-form-element .inner-input-wrapper a.button+a{right:5rem}.cmd-form-element .place-inside+input{padding-left:calc(var(--default-padding) * 3)}.cmd-form-element .characters-left-wrapper{margin-top:calc(var(--default-margin) / 2);display:block}.cmd-form-element .characters-left-wrapper span:not(:only-child):first-child{margin-right:calc(var(--default-margin) / 2);color:var(--color-scheme-text-color)}.cmd-form-element .characters-left-wrapper .characters-left{color:var(--color-scheme-text-color)}.cmd-form-element .characters-left-wrapper .characters-left.error{color:var(--error-color)}.cmd-address-data dl{grid-row-gap:calc(var(--default-gap) / 2)}.cmd-address-data dl.auto-columns dt:has([class*=icon-]){align-items:baseline}.cmd-address-data dl dt{display:flex;align-items:center}.cmd-address-data dl dt.address{align-self:flex-start}.cmd-address-data dl dt.address [class*=icon]:only-child{margin-top:.2rem}.cmd-address-data dl .postal-code{margin-right:calc(var(--default-margin) / 2)}.cmd-address-data dl .order-city-zip,.cmd-address-data dl .order-zip-city{display:inline-flex;gap:.5rem}.cmd-address-data dl .order-city-zip{flex-direction:row-reverse}.cmd-address-data dl .order-city-zip .postal-code{margin-right:0;margin-left:calc(var(--default-margin) / 2)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2);margin-left:0}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-address-data .edit-component-wrapper dl{margin-bottom:0}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.edit-component-wrapper .cmd-address-data address dt{min-width:2.5rem}.cmd-back-to-top-button{aspect-ratio:1/1}.cmd-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-input-group.inline{display:flex;gap:var(--default-gap)}.cmd-input-group.toggle-switch{display:block}.cmd-input-group>.label-text{display:inline-flex}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}:is(.cmd-input-group>.label-text:hover,.cmd-input-group>.label-text:active,.cmd-input-group>.label-text:focus)>span{color:var(--hyperlink-color-highlighted)}:is(.cmd-input-group>.label-text:hover,.cmd-input-group>.label-text:active,.cmd-input-group>.label-text:focus)+.flex-container input{border-color:var(--default-border-color)}.cmd-input-group.has-state input:checked~span{--status-color: var(--hyperlink-color)}.cmd-input-group.has-state.error,.cmd-input-group.has-state.multiple-switch.error{--status-color: var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label{border-color:var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label>*{color:var(--error-color)}.cmd-input-group.has-state.multiple-switch.error label:is(:hover,:active,:focus) span,.cmd-input-group.has-state.multiple-switch.error label:is(:hover,:active,:focus) [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-fake-select{align-self:flex-end;border-radius:var(--form-input-border-radius)}.cmd-fake-select>span:first-child a{align-self:flex-end}.cmd-fake-select a{gap:calc(var(--icon-and-text-gap) / 2)!important}.cmd-fake-select a span{text-decoration:none!important}.cmd-fake-select a span[class*=icon]:last-child{margin-left:auto!important}.cmd-fake-select>ul{height:var(--form-input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--form-input-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--form-input-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--form-input-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a img{flex-shrink:0}.cmd-fake-select>ul>li:first-child>a span,.cmd-fake-select>ul>li:first-child>a [class*=icon]{color:var(--color-scheme-text-color)}.cmd-fake-select>ul>li:first-child>a .option-name{text-overflow:ellipsis;overflow:hidden}.cmd-fake-select>ul>li:first-child>a>[class*=icon-]:last-child{margin-left:auto!important;font-size:var(--icon-size-small)}.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus{background:var(--color-white);border-color:var(--primary-color)}:is(.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus) span,:is(.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus) [class*=icon]{color:var(--hyperlink-color)}.cmd-fake-select>ul.open ul{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-fake-select>ul.open ul>li:first-child>a{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-fake-select>ul.open ul>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-fake-select>ul.open ul>li:last-child>a{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-fake-select li{margin-left:0;list-style:none}.cmd-fake-select li a,.cmd-fake-select li a:visited{display:flex;align-items:center;width:100%;padding:var(--form-input-padding);padding-top:calc(var(--default-padding) - .06rem);padding-right:calc(var(--default-padding) / 2);padding-bottom:calc(var(--default-padding) - .06rem);outline:none;border-bottom:var(--default-border);text-decoration:none}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus{background:var(--primary-color)}:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus) span,:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited):focus) [class*=icon]{color:var(--color-white)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) span:first-child,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) span:nth-child(2){border:0}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited) img.flag{margin:0 calc(var(--default-margin) / 2) 0 0}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active{background:var(--color-light-gray)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active span{color:var(--hyperlink-color)}:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus{background:var(--primary-color)}:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus) span,:is(:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:hover,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:active,:is(.cmd-fake-select li a,.cmd-fake-select li a:visited).active:focus) [class*=icon]{color:var(--color-white)}.cmd-fake-select li label{display:flex}.cmd-fake-select li span{white-space:nowrap}.cmd-fake-select li ul{position:absolute;list-style:none;z-index:10;min-width:100%;margin:0;border-bottom-right-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--color-scheme-background);border:var(--primary-border)}.cmd-fake-select li ul li:last-child a{border-bottom:0}.cmd-fake-select li ul.custom-fake-select-content{padding:var(--default-padding)}.cmd-fake-select li ul.custom-fake-select-content img{display:block}.cmd-fake-select li ul.checkbox-options li{padding:calc(var(--default-padding) / 2)}.cmd-fake-select li ul.checkbox-options li.select-all-options{border-top:var(--primary-border);padding:0}.cmd-fake-select.has-state.label.error *{--status-color: var(--error-color)}.cmd-fake-select.has-state.label.success *{--status-color: var(--success-color)}.cmd-fake-select.has-state.label .label-text>span,.cmd-fake-select.has-state.label .label-text [class*=icon-]{color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a{text-decoration:none!important;border-color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a>span,.cmd-fake-select.has-state.label>ul>li:first-child>a [class*=icon-]{text-decoration:none!important;color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li:first-child>a:hover,.cmd-fake-select.has-state.label>ul>li:first-child>a:active,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus{background:var(--color-scheme-background)}:is(.cmd-fake-select.has-state.label>ul>li:first-child>a:hover,.cmd-fake-select.has-state.label>ul>li:first-child>a:active,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus) span{color:var(--status-color)}:is(:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:hover,:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:focus,:is(.cmd-fake-select.error,.cmd-fake-select.disabled) a:active) img.flag{border-color:var(--border-color)}.cmd-fake-select.color li a{gap:calc(var(--default-gap) / 2)}.cmd-fake-select.color li a>span:first-child{width:1.5rem;aspect-ratio:1/1;border:var(--default-border)}.cmd-fake-select.color li a>span:first-child[style=""]{display:none}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-self:flex-start}.cmd-system-message .message-headline{margin:0}.cmd-system-message>:last-child{margin-bottom:0}.cmd-system-message ul{display:flex;flex-direction:column}.cmd-system-message ul li{margin-left:0}.cmd-system-message>a.close-button{display:flex;position:absolute;width:auto;top:.5rem;right:.5rem;text-decoration:none;z-index:100;line-height:1;background:var(--color-white);border-radius:var(--full-circle)}.cmd-system-message>a.close-button [class*=icon-]{color:var(--default-text-color)}.cmd-system-message>a.close-button:hover,.cmd-system-message>a.close-button:active,.cmd-system-message>a.close-button:focus{background:none}:is(.cmd-system-message>a.close-button:hover,.cmd-system-message>a.close-button:active,.cmd-system-message>a.close-button:focus) [class*=icon-]{color:var(--color-white)}.cmd-system-message.warning>a.close-button{border-color:var(--default-text-color)}.cmd-system-message.warning>a.close-button [class*=icon-]{color:var(--default-text-color)}.cmd-system-message.warning>a.close-button:hover,.cmd-system-message.warning>a.close-button:active,.cmd-system-message.warning>a.close-button:focus{border-color:var(--hyperlink-color)}:is(.cmd-system-message.warning>a.close-button:hover,.cmd-system-message.warning>a.close-button:active,.cmd-system-message.warning>a.close-button:focus) [class*=icon-]{color:var(--color-white)}.cmd-form:not([data-use-validation=true]) label.error :where(::placeholder,select option:first-child),.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):invalid:focus{color:var(--error-color)}.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):user-valid:focus[required],.cmd-form:not([data-use-validation=true]) select:user-invalid:focus[required] option:not(:first-child){color:var(--success-color)}.cmd-form.send-success fieldset{border-color:var(--default-border-color)!important}.cmd-form.send-success fieldset :is(label,.label) :is(.label-text :is(span,a[class*=icon-],a:has([class*=icon-])),.place-inside[class*=icon-],input,select,textarea){--status-color: var(--default-text-color) !important;border-color:var(--default-border-color)!important}.cmd-form.send-success fieldset sup{--status-color: var(--primary-color) !important}.cmd-form legend.align-left{left:0;right:auto}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form .mandatory-text sup{color:var(--primary-color);font-size:1.5rem;top:0}.cmd-form [type=submit].button{margin-left:auto}.cmd-form fieldset+.button-wrapper{margin-top:var(--default-margin)}.cmd-image img{display:block}.cmd-image figcaption{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-image .drop-area{border:0;align-items:center;justify-content:center;padding:0}.cmd-image .drop-area>[class*=icon]{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:10rem;color:var(--color-white);text-shadow:var(--default-text-shadow);z-index:10}.cmd-image .drop-area img{opacity:.7;transition:var(--default-transition)}.cmd-image .drop-area img:hover,.cmd-image .drop-area img :active,.cmd-image .drop-area img :focus{opacity:1;transition:var(--default-transition)}.cmd-image .drop-area img:not([src]){display:block;width:100%;min-height:30rem}figure.cmd-image:not(:has[src$=".svg"]){display:inline-flex;flex-direction:column}.edit-mode .edit-component-wrapper .cmd-image label.edit-mode input{padding:calc(var(--default-padding) / 2)}.cmd-slide-button.button{font-size:2rem;z-index:10;position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.left{left:0}.cmd-slide-button.button.right{right:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width:640px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{display:inline-flex;flex-direction:column;gap:1rem;width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller .cmd-headline{margin:0}.cmd-thumbnail-scroller .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{margin:var(--default-margin) 0;overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper.box{padding:calc(var(--default-padding) * 2)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;flex:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li img{min-width:5rem;max-height:10rem}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a{display:block;text-align:center}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active{color:var(--hyperlink-color-highlighted);background:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active span,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active span[class*=icon]{color:inherit}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active:has(figcaption) img{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a.active figcaption{background:var(--primary-color);opacity:1;color:var(--color-white)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:has(img){padding:0}:is(.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:hover,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:active,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:focus).active figcaption{color:var(--hyperlink-color-highlighted);background:none}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li .image-wrapper{min-width:11.1rem}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li a.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li a:not(.active) figcaption{text-decoration:none}:is(.cmd-thumbnail-scroller.gallery-scroller li a:hover,.cmd-thumbnail-scroller.gallery-scroller li a:active,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible) figcaption{color:var(--primary-color)}:is(.cmd-thumbnail-scroller.gallery-scroller li a:hover,.cmd-thumbnail-scroller.gallery-scroller li a:active,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible) img{border-color:var(--primary-color);opacity:1}.cmd-thumbnail-scroller.large-icons ul li a{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 4);text-decoration:none;align-items:center;justify-content:center}.cmd-thumbnail-scroller.large-icons ul li a span{margin:0}.cmd-thumbnail-scroller.large-icons ul li a [class*=icon-]{font-size:5rem}@media only screen and (max-width:1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 640px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--color-scheme-background);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex;height:auto;max-height:none}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox .cmd-cookie-disclaimer{max-width:60rem;padding:0}.cmd-fancybox .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block;margin:0 auto}.cmd-fancybox.image figcaption{text-align:center}.cmd-fancybox .inner-thumbnail-wrapper li figure{opacity:.8}.cmd-fancybox .inner-thumbnail-wrapper li.active figure{opacity:1}.cmd-fancybox .inner-thumbnail-wrapper li.active img{border-color:var(--hyperlink-color-highlighted)}.cmd-fancybox .inner-thumbnail-wrapper li.active a{color:var(--hyperlink-color-highlighted)}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--color-medium-gray) 0%,var(--color-medium-gray) 50%,var(--color-white) 50%,var(--color-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--color-medium-gray) 75%,var(--color-medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--color-white)}:is(.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus) [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}:is(.cmd-fancybox .outer-content-wrapper .content>img,.cmd-fancybox .outer-content-wrapper .content>video):only-child{margin:auto;max-height:80vmin;max-width:80vmax}.cmd-fancybox .outer-content-wrapper .content figcaption{font-size:2rem;padding:calc(var(--default-padding) / 2) 0}.cmd-fancybox>header{flex-direction:row;align-items:center}@media only screen and (max-width:1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width:640px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width:1023px){dialog{margin-top:var(--default-margin)}}.cmd-basic-form fieldset{margin:0}.cmd-basic-form fieldset .order-city-zip{flex-direction:row-reverse}.cmd-basic-form fieldset .input-zip{max-width:30%}.grecaptcha-badge{bottom:10rem!important}.cmd-link{display:inline-flex;gap:var(--icon-and-text-gap);align-items:center}:is(.cmd-link.active,.cmd-link.router-link-active).button{padding:var(--button-padding)}.cmd-link img{max-height:4rem;aspect-ratio:1/1;border-radius:var(--full-circle);margin:0}.cmd-link span{margin:0}.cmd-link.box{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);align-items:center;justify-content:center;border-color:var(--hyperlink-color);text-decoration:none;border-radius:var(--box-border-radius)}.cmd-link.box span{margin:0 auto}.cmd-link.box span[class*=icon]{font-size:4rem}.cmd-link.box:hover,.cmd-link.box:active,.cmd-link.box:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-tag{align-self:start;gap:var(--default-gap-half)}.cmd-tag>span:only-child{margin:0 auto}:is(.cmd-tag.primary,.cmd-tag.secondary,.cmd-tag.tertiary) span[class*=icon-]{color:var(--color-white)}.cmd-list>ul{flex-direction:column;gap:var(--default-gap-half);margin:0}.cmd-list>ul li{list-style:none;margin-left:0!important}.cmd-list>ul li:has(.tag) .tag{gap:var(--default-gap-half)}:is(.cmd-list>ul li:has(.tag) .tag.primary,.cmd-list>ul li:has(.tag) .tag.secondary,.cmd-list>ul li:has(.tag) .tag.tertiary) [class*=icon-]{color:var(--color-white)}.cmd-list>ul li:has(.tag) [class*=icon-]{font-size:var(--icon-size-small)}.cmd-list>ul.align-center{justify-content:center}.cmd-list>ul.align-right li{text-align:right}.cmd-list>ul ul{display:flex;flex-direction:column;margin-left:calc(var(--default-padding) * 2)}.cmd-list.show-list-style-items li{list-style-type:disc;margin-left:1.7rem}.cmd-list .horizontal>li{flex:none;display:flex;flex-direction:column;max-width:100%}.cmd-list .horizontal.align-right{justify-content:flex-end}.cmd-list .horizontal.stretch{justify-content:space-around}.cmd-list.large-icons li{list-style-type:none}.cmd-list.large-icons li a{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 4);text-decoration:none;align-items:center;justify-content:center}.cmd-list.large-icons li a span{margin:0}.cmd-list.large-icons li a [class*=icon-]{font-size:5rem}@media only screen and (max-width:1023px){.cmd-list>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{align-self:auto}.cmd-box .box-header{overflow:hidden}.cmd-box .box-header .cmd-headline{margin-bottom:0;text-decoration:none}.cmd-box .box-header .cmd-headline:only-child{width:100%}.cmd-box:has(.cmd-image){align-self:auto!important}.cmd-box:has(>.cmd-image:only-child){align-self:start!important}.cmd-box.collapsible a.box-header{justify-content:space-between;background:var(--box-header-background);border-radius:var(--box-border-radius);border-bottom:0}.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus{background:var(--color-white)}:is(.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus) *{color:var(--hyperlink-color)}.cmd-box.collapsible .box-body{border-top:var(--box-border)}.cmd-box>.box-body:first-child{border-top:0!important}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content.open fieldset{border:0;padding:var(--default-padding)}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--box-header-text-color);margin-bottom:0}.cmd-box.content>.box-header>.toggle-icon{margin-left:auto}.cmd-box.content>.box-header>.toggle-icon,.cmd-box.content>.box-header .toggle-icon>[class*=icon-]{font-size:var(--font-size-small)}.cmd-box.content .box-body{display:flex;flex-grow:1}.cmd-box.content .box-body .box-body-padding{padding:var(--box-body-padding)}.cmd-box.content .box-body>div:only-child{flex-grow:1}.cmd-box.content .box-body .body-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--default-margin)}.cmd-box.content .box-body .body-icon-wrapper span[class*=icon]{font-size:8rem}.cmd-box.content .box-body p.cutoff-text{padding:var(--default-padding);margin:0;overflow:hidden;height:calc(var(--line-of-text-height) * var(--v6c663652))}.cmd-box.content .box-body p.cutoff-text.fade-last-line:after{content:"";width:100%;position:absolute;left:0;bottom:0;height:calc(var(--line-of-text-height) * 3);background:linear-gradient(to bottom,transparent 0%,var(--default-background) 100%)}.cmd-box.content .box-body p.cutoff-text.show-text{height:auto}.cmd-box.content .box-body p.cutoff-text+a{border-top:var(--box-border);display:block;padding:var(--default-padding);margin:0}.cmd-box.content .box-body img{display:block;border-radius:0}.cmd-box.content .box-body .inner-box-body-wrapper>*{border-radius:0}.cmd-box.content .box-body .inner-box-body-wrapper:has(figure:only-child){border-bottom-left-radius:var(--box-border-radius);border-bottom-right-radius:var(--box-border-radius)}.cmd-box.content .box-body .inner-box-body-wrapper:has(figure:only-child) img{border-radius:inherit}.cmd-box.content .box-body .navigation{margin:0;height:100%}.cmd-box.content .box-body .navigation li{list-style-type:none;margin:0}.cmd-box.content .box-body .navigation li a{display:block;padding:var(--default-padding);text-decoration:none;border-bottom:var(--box-border)}.cmd-box.content .box-body .navigation li a:hover,.cmd-box.content .box-body .navigation li a:active,.cmd-box.content .box-body .navigation li a:focus{background:var(--primary-color);color:var(--color-white)}.cmd-box.content .box-body .navigation li:last-child a{border:0}:is(.cmd-box.product,.cmd-box.user)>div>.cmd-custom-headline{margin-top:var(--default-margin);justify-content:center}.cmd-box.product{text-decoration:none;overflow:hidden}.cmd-box.product [class*=ribbon]{position:absolute;z-index:10;overflow:hidden;width:10rem;height:10rem;top:0;left:0}.cmd-box.product [class*=ribbon] span{position:absolute;display:block;transform:rotate(-45deg);width:100%;top:15%;left:-25%;background:var(--error-color);font-weight:700;color:var(--color-white);text-transform:uppercase;text-align:center}.cmd-box.product .ribbon-discount{left:auto;right:0}.cmd-box.product .ribbon-discount span{transform:rotate(45deg);right:-20%;left:auto;background:green}.cmd-box.product>.box-header{padding:0}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product>.box-header img{border:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding)}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body>*:last-child{margin-bottom:0}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700}.cmd-box.product .box-body .price span:last-child{margin-left:calc(var(--default-margin) / 2)}.cmd-box.product:hover,.cmd-box.product:active,.cmd-box.product:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-box.product.row-view{flex-direction:row;align-items:center}.cmd-box.user{--box-header-padding: var(--default-padding)}.cmd-box.user .user-name{color:var(--color-scheme-text-color);font-size:2rem;font-weight:700}.cmd-box.user .user-age{font-size:var(--default-font-size)}.cmd-box.user>.box-header{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;gap:calc(var(--default-gap) / 2)}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user>.box-header img{margin:0 auto var(--default-margin) auto}.cmd-box.user>.box-header img+p,.cmd-box.user>.box-header img+figcaption{margin:0 auto;text-align:center;font-weight:700;font-size:2rem}.cmd-box.user>.box-header img,.cmd-box.user>.box-header .no-user-image{padding:0;width:calc(var(--default-icon-size) * 2);aspect-ratio:1/1;max-width:12rem;border-radius:var(--full-circle);background:var(--box-header-background);display:flex;color:var(--color-white);justify-content:center;align-items:center;font-size:var(--default-icon-size)}.cmd-box.user>.box-header .no-user-image{background:var(--default-background)}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);border-bottom:0}.cmd-box.user .box-body p{text-align:center;font-weight:700}.cmd-box.user .box-body p:last-child{margin-bottom:0}.cmd-box.user .box-body p.description{font-weight:400}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list ul{width:100%;margin-bottom:0}.cmd-box.user .box-footer .cmd-list ul li{flex:1;border-radius:var(--box-border-radius);border-top-left-radius:0;border-top-right-radius:0}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child):first-child{border-bottom-left-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list ul li:not(:only-child):last-child{border-bottom-right-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list ul li a{flex:1;padding:var(--default-padding);text-align:center;background:var(--color-scheme-background);border-left:var(--box-border);border-radius:inherit;line-height:100%}.cmd-box.user .box-footer .cmd-list ul li .cmd-link:has(span[class*=icon-]){justify-content:center}:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a{background:var(--primary-color);color:var(--color-white)}:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a span,:is(.cmd-box.user .box-footer .cmd-list ul li:hover,.cmd-box.user .box-footer .cmd-list ul li:active,.cmd-box.user .box-footer .cmd-list ul li:focus) a [class*=icon-]{color:var(--color-white)}.cmd-box.user .box-footer .cmd-list ul li:first-child a,.cmd-box.user.row-view .box-header{border:0}.cmd-box.user.row-view .box-body{padding:0}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links ul li{aspect-ratio:1/1;border-radius:var(--box-border-radius)!important}.cmd-box.user.row-view .box-footer .cmd-list-of-links ul,.cmd-box.user.row-view .box-footer .cmd-list-of-links ul *{border:0;background:inherit}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .box{align-self:stretch;height:auto}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically.box{flex:1}.cmd-box-wrapper .inner-box-wrapper>*{flex:1;min-width:20rem}.cmd-box-wrapper .inner-box-wrapper>*.stretch-horizontally{flex:1}.cmd-box-wrapper .row-view p.cutoff-text{height:auto}.cmd-box-wrapper .row-view p.cutoff-text.fade-last-line:after{background:none}.cmd-box-wrapper .row-view .cmd-box.user{flex-direction:row;padding:var(--default-padding);align-items:center}.cmd-box-wrapper .row-view .cmd-box.user img{margin-bottom:0}.cmd-box-wrapper .row-view .cmd-box.user .box-footer{margin-top:0}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v5270618e),minmax(0,1fr))}.cmd-box-wrapper>.grid-container-create-columns.row-view{grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (max-width:1023px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v04fa98fc),minmax(0,1fr))}}@media only screen and (max-width:640px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--v52d83b5a),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0}.cmd-breadcrumbs li{display:inherit;align-items:center;list-style-type:none;margin:0}.cmd-breadcrumbs li>span.separator{padding:0 calc(var(--default-padding) / 2)}.cmd-breadcrumbs li.breadcrumb-label{margin-right:calc(var(--default-margin) / 2)}.cmd-breadcrumbs li a{display:table;text-decoration:none}.cmd-breadcrumbs li a:hover,.cmd-breadcrumbs li a:active,.cmd-breadcrumbs li a:focus{text-decoration:underline}.cmd-code-output{overflow-y:scroll}.cmd-code-output.box{padding-right:calc(var(--default-padding) * 3)}.cmd-code-output>a{position:absolute;top:var(--default-padding);right:var(--default-padding)}.cmd-company-logo img{display:block;max-height:10rem;border:0}.cmd-company-logo>a{display:block}.cmd-company-logo>a img{border:0}@media only screen and (max-width:1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:1rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto}.cmd-cookie-disclaimer .collapsible-box{border-radius:var(--default-border-radius)}.cmd-cookie-disclaimer .collapsible-box header{display:flex;align-items:center;border:var(--primary-border);justify-content:unset;background:var(--primary-color);border-radius:inherit}.cmd-cookie-disclaimer .collapsible-box header.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked){background:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked) span[class*=icon-]{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:checked) label .label-text span{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled){background:var(--disabled-background)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled) span[class*=icon-]{color:var(--hyperlink-color)}.cmd-cookie-disclaimer .collapsible-box header:has(input:disabled) label .label-text span{color:var(--disabled-color)!important}.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)){background:var(--primary-color)}.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)) label .label-text span,.cmd-cookie-disclaimer .collapsible-box header:has(a:is(:hover,:active,:focus)) span[class*=icon-]{color:var(--color-white)!important}.cmd-cookie-disclaimer .collapsible-box header span[class*=icon-]{color:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header label{padding:calc(var(--default-padding) / 2) var(--default-padding)}.cmd-cookie-disclaimer .collapsible-box header label .label-text span{color:var(--color-white)}.cmd-cookie-disclaimer .collapsible-box header label.disabled .label-text span{color:var(--color-white)!important}.cmd-cookie-disclaimer .collapsible-box header label:hover,.cmd-cookie-disclaimer .collapsible-box header label:active,.cmd-cookie-disclaimer .collapsible-box header label:focus{cursor:pointer}.cmd-cookie-disclaimer .collapsible-box header label input:hover,.cmd-cookie-disclaimer .collapsible-box header label input:active,.cmd-cookie-disclaimer .collapsible-box header label input:focus{cursor:pointer}.cmd-cookie-disclaimer .collapsible-box header a{text-decoration:none;flex:1;display:flex;justify-content:flex-end;padding:var(--default-padding)}.cmd-cookie-disclaimer .collapsible-box .collapsible-box-body{padding:var(--default-padding);border:var(--default-border);border-top:0;background:var(--box-background);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-cookie-disclaimer .collapsible-box .collapsible-box-body p:last-child{margin:0}.cmd-cookie-disclaimer>p{text-align:center;color:var(--color-scheme-text-color)}.cmd-cookie-disclaimer p a{text-decoration:underline}.cmd-cookie-disclaimer p a:hover,.cmd-cookie-disclaimer p a:active,.cmd-cookie-disclaimer p a:focus{text-decoration:none}.cmd-cookie-disclaimer .privacy-text,.cmd-cookie-disclaimer .button-wrapper{margin-top:var(--default-gap)}.cmd-copyright-information{background:var(--color-dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--color-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none}.cmd-copyright-information a{text-decoration:none;color:var(--color-white)}.cmd-copyright-information a:hover,.cmd-copyright-information a:active,.cmd-copyright-information a:focus{text-decoration:underline;color:var(--color-white)}.cmd-flexible-scroll-container.reverse-order{flex-direction:column-reverse}.cmd-form-filters{display:flex;margin:0}.cmd-form-filters li{list-style-type:none;margin-left:0;margin-right:var(--default-margin);border:var(--default-border);background:var(--color-white);font-size:var(--font-size-small)}.cmd-form-filters li:hover,.cmd-form-filters li:active,.cmd-form-filters li:focus{border-color:var(--primary-color)}.cmd-form-filters li a{padding:calc(var(--default-padding) / 2);display:flex;align-items:center;text-decoration:none}.cmd-form-filters li:last-of-type{margin-right:0}.cmd-form-filters li [class*=icon-]{font-size:var(--icon-size-small)}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius)}.cmd-google-maps:hover,.cmd-google-maps:active,.cmd-google-maps:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-google-maps iframe{border-radius:inherit}.cmd-google-maps .cmd-system-message{margin:0;border-top-left-radius:0;border-top-right-radius:0;height:100%;justify-content:center}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem}.cmd-image-gallery .image-wrapper img{border:var(--default-border);border-radius:var(--default-border-radius);max-height:30rem}.cmd-image-gallery .image-wrapper figcaption{padding:calc(var(--default-padding) / 2)}.cmd-image-gallery .image-wrapper:hover,.cmd-image-gallery .image-wrapper:active,.cmd-image-gallery .image-wrapper:focus{text-decoration:none}:is(.cmd-image-gallery .image-wrapper:hover,.cmd-image-gallery .image-wrapper:active,.cmd-image-gallery .image-wrapper:focus) img{border:var(--primary-border)}.cmd-image-gallery .image-wrapper+.pager{margin-top:calc(var(--default-margin) * 2)}.cmd-image-zoom{overflow:hidden}.cmd-image-zoom .thumbnail-imagezoom{align-self:flex-start}.cmd-image-zoom .zoom-container{overflow:hidden}.cmd-image-zoom .zoom-container>img{max-width:none;max-height:none}.cmd-image-zoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}@media only screen and (max-width:640px){.cmd-image-zoom .thumbnail-imagezoom{align-self:center}.cmd-image-zoom .zoom-container{max-height:40vh;flex:none}.cmd-image-zoom .zoom-container>img{max-height:none}}.cmd-login-form .cmd-headline{flex:none;margin:0}.cmd-login-form legend.align-left{left:0;right:auto}.cmd-login-form .login-fields.vertical .cmd-form-element{width:100%}.cmd-login-form .option-wrapper{flex:none;align-items:center}.cmd-login-form .option-wrapper>a:not(.button){display:flex;text-decoration:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.cmd-login-form .gsi-material-button{border:var(--button-border);border-color:#747775;color:#1f1f1f;font-family:Roboto,arial,sans-serif;letter-spacing:.25px;transition:background-color .218s,border-color .218s,box-shadow .218s;white-space:nowrap;border-radius:var(--button-border-radius);background-color:var(--color-white);height:var(--input-height);padding:var(--button-padding)}.cmd-login-form .gsi-material-button .gsi-material-button-icon{height:2rem;aspect-ratio:1/1;margin-right:calc(var(--default-margin) / 2)}.cmd-login-form .gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.cmd-login-form .gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;text-overflow:ellipsis;vertical-align:top}.cmd-login-form .gsi-material-button .gsi-material-button-state{transition:opacity .218s;inset:0;opacity:0;position:absolute}.cmd-login-form .gsi-material-button .gsi-material-button:disabled{background-color:#ffffff61;border-color:#1f1f1f1f}.cmd-login-form .gsi-material-button .gsi-material-button:disabled .gsi-material-button-contents,.cmd-login-form .gsi-material-button .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):is(:active,:focus) .gsi-material-button-state{background-color:#303030;opacity:12%}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.cmd-login-form .gsi-material-button .gsi-material-button:disabled:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.cmd-main-navigation.hide-sub-navigation ul ul{display:none}.cmd-main-navigation nav .stretch-items>li{flex:1}.cmd-main-navigation nav>ul>li .close-nav{display:none}.cmd-main-navigation nav>ul>li.open>ul{display:block}.cmd-main-navigation nav>ul>li.open>ul>li.open>ul{display:block}.cmd-main-navigation nav+div{display:none}.cmd-main-navigation .fade-enter-active,.cmd-main-navigation .fade-leave-active{left:0}.cmd-main-navigation .fade-enter,.cmd-main-navigation .fade-leave-to{left:-100%}.cmd-main-navigation header nav>ul,.cmd-main-navigation header nav>ul>li{border:0}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none;aspect-ratio:1/1}@media only screen and (max-width:1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:after{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--color-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%;background:var(--main-navigation-background)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:hover>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:active>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.has-subentries.open:focus>ul{display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:not(:first-child){border-top:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:last-child{border-bottom:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a{padding-left:calc(var(--default-margin) * 2)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a span+[class*=icon-]:before{display:inline-block;transform:rotate(0)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li ul li a{padding-left:calc(var(--default-margin) * 4)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>a span+[class*=icon-]:before{display:inline-block;transform:rotate(-180deg)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>ul{height:auto;display:block;opacity:1;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-pagination{display:flex;justify-content:space-between}.cmd-pagination button,.cmd-pagination .button{float:none;margin:0}:is(.cmd-pagination button,.cmd-pagination .button):has(span:only-child){aspect-ratio:1/1}:is(.cmd-pagination button,.cmd-pagination .button) span{align-self:center}.cmd-pagination a{display:flex;align-items:center;text-decoration:none}.cmd-pagination a:hover,.cmd-pagination a:active,.cmd-pagination a:focus{cursor:pointer}.cmd-pagination a:last-of-type>[class*=icon-]{margin-right:0}.cmd-pagination a>[class*=icon-]{font-size:var(--icon-size-small)}.cmd-pagination .page-index a:not(.button){padding:0 calc(var(--default-padding) / 2)}@media only screen and (max-width:1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width:1023px)and (max-width:640px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}.cmd-multistep-form-progress-bar{display:flex;align-items:center;justify-content:center;margin:0;border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.full-width{justify-content:stretch}.cmd-multistep-form-progress-bar.full-width li{flex:1!important}.cmd-multistep-form-progress-bar .button{border-radius:0}.cmd-multistep-form-progress-bar.use-gap{gap:calc(var(--default-gap) / 2)}.cmd-multistep-form-progress-bar.use-gap li a:not(.button),.cmd-multistep-form-progress-bar.use-gap li a.active:not(.button){border:0;border-radius:inherit}:is(.cmd-multistep-form-progress-bar.use-gap li a:not(.button),.cmd-multistep-form-progress-bar.use-gap li a.active:not(.button)) :is(span,[class*=icon-])+[class*=icon-]:last-child{border:0;right:-1rem;background:none}.cmd-multistep-form-progress-bar.use-gap li a :is(span,[class*=icon-])+[class*=icon-]:last-child{color:var(--color-scheme-text-color)!important}.cmd-multistep-form-progress-bar.use-gap li .button{border-radius:var(--button-border-radius)}.cmd-multistep-form-progress-bar.use-gap li .separator{display:flex;align-items:center;justify-content:center}.cmd-multistep-form-progress-bar.use-gap li:has(.active,.router-link-exact-active) .separator{color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-multistep-form-progress-bar li:first-child,.cmd-multistep-form-progress-bar li:first-child>a{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.cmd-multistep-form-progress-bar li:last-child,.cmd-multistep-form-progress-bar li:last-child>a{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.cmd-multistep-form-progress-bar li:has(:not(.button)){flex:none}.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button{display:flex;text-decoration:none;align-items:center;justify-content:center;width:100%}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button).button{flex:1;max-height:none}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-]){font-size:var(--icon-size-medium)!important}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-])+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);color:var(--color-scheme-text-color);margin:0;position:absolute;right:0;transform:translate(50%);padding:calc(var(--default-padding) / 2);display:flex;justify-content:center;z-index:1}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) :is(span,[class*=icon-])+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) .number{line-height:100%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--full-circle);border:var(--default-border);background:var(--color-white);text-decoration:none!important;color:var(--primary-color)}:is(.cmd-multistep-form-progress-bar li a,.cmd-multistep-form-progress-bar li button) .number+span{margin-left:calc(var(--default-margin) / 2)}.cmd-multistep-form-progress-bar li:last-child a [class*=icon-]:last-of-type{display:none}.cmd-multistep-form-progress-bar li.error .number{border-color:var(--error-color);color:var(--error-color)}.cmd-multistep-form-progress-bar li.error .active .number{background:var(--error-color)!important}.cmd-multistep-form-progress-bar li.success .number{border-color:var(--success-color);color:var(--success-color)}.cmd-multistep-form-progress-bar li.success .active .number{background:var(--success-color)!important}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled) a{background:var(--button-primary-background-highlighted)}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled) .number{background:var(--primary-color);border-color:var(--color-white);color:var(--color-white)!important}:is(.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:hover,.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:active,.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li a:focus) .number{border-color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li :is(.active,.router-link-exact-active):not(.disabled)~li .number{background:none;border-color:var(--border-color)}@media only screen and not (min-width:640px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li{width:100%;flex-direction:column}.cmd-multistep-form-progress-bar li a{width:100%!important}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li .separator:before{transform:rotate(90deg)}}.cmd-multistepform-wrapper{display:flex;flex-direction:column;gap:var(--default-gap)}.edit-mode-opening-hours-item dt{min-width:3ch}.edit-mode-opening-hours-item .am-wrapper,.edit-mode-opening-hours-item .pm-wrapper{align-items:center;gap:calc(var(--default-gap) / 2)}.edit-mode-opening-hours-item label{max-width:11rem}.edit-mode-opening-hours-item .input-wrapper{width:11rem}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--color-white);background:var(--success-color);border-radius:var(--default-border-radius)}:is(.cmd-opening-hours>a,.cmd-opening-hours>span).closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--color-white)}.cmd-opening-hours span.pm{margin-left:var(--default-margin)}.cmd-opening-hours p:last-child{margin:0}.cmd-opening-hours .edit-component-wrapper dl{margin-bottom:0}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2)}.edit-component-wrapper .cmd-opening-hours dt{min-width:2.5rem}.cmd-social-networks-item .button{--social-network-text-color: var(--color-white);--social-network-text-color-highlighted: var(--social-network-color);--social-network-border-color: var(--social-network-color);--social-network-background-color: var(--social-network-color);--social-network-background-color-highlighted: var(--color-white);background:var(--social-network-background-color);border-color:var(--social-network-border-color)}.cmd-social-networks-item .button>span{color:var(--social-network-text-color)}.cmd-social-networks-item .button:hover,.cmd-social-networks-item .button:active,.cmd-social-networks-item .button:focus{color:var(--social-network-background-color-highlighted)}:is(.cmd-social-networks-item .button:hover,.cmd-social-networks-item .button:active,.cmd-social-networks-item .button:focus)>span{color:var(--social-network-text-color-highlighted)}.cmd-social-networks-item .button.social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks-item .button.social-network-x{--social-network-color: #000}.cmd-social-networks-item .button.social-network-xing{--social-network-color: #007575}.cmd-social-networks-item .button.social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks-item .button.social-network-instagram{--social-network-color: #000}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--color-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--color-white);color:var(--color-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width:640px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 640px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{margin-top:auto;align-items:flex-end}.cmd-page-footer.small-buttons button,.cmd-page-footer.small-buttons .button{padding:var(--button-padding-small);min-height:var(--button-min-height-small)}:is(.cmd-page-footer.small-buttons button,.cmd-page-footer.small-buttons .button) span{font-size:var(--font-size-small)}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width:640px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}.cmd-page-footer>.button-wrapper #print-view-button{display:none}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;line-height:1.2}.cmd-section:not(.box){padding:0}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none}.cmd-site-footer footer{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-footer.sticky{top:auto;bottom:0}.cmd-site-footer .cmd-switch-language{width:100%;flex:none}.cmd-site-footer+.cmd-copyright-information{margin-top:0}@media only screen and (max-width:1023px){.cmd-site-footer footer.flex-container{gap:calc(var(--default-gap) * 2)}.cmd-site-footer footer .cmd-list-of-links>ul{gap:var(--default-gap)}}@media only screen and (max-width:1023px)and (max-width:640px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;--header-scroll-animation: var(--default-transition);grid-area:site-header;display:flex;flex-direction:column;flex:none}.cmd-site-header.sticky{position:sticky;z-index:300}.cmd-site-header.sticky header .cmd-company-logo figure img{transform-origin:top left;transition:var(--header-scroll-animation);margin:0;width:100%}.cmd-site-header.sticky header.resize-on-scroll{padding-top:var(--default-padding);padding-bottom:var(--default-padding);transition:var(--header-scroll-animation)}.cmd-site-header.sticky header.resize-on-scroll .cmd-company-logo figure img{transition:var(--header-scroll-animation);width:var(--logo-width-on-scroll)}.cmd-site-header li a{text-decoration:none}.cmd-site-header header,.cmd-site-header .cmd-main-navigation nav,.cmd-site-header .cmd-list-of-links{max-width:var(--max-width);width:100%;padding:0 var(--default-padding)}.cmd-site-header .cmd-main-navigation nav{width:auto;margin:0 0 0 auto}.cmd-site-header .top-header .cmd-list-of-links{padding-top:calc(var(--default-padding) / 2);padding-bottom:calc(var(--default-padding) / 2)}.cmd-site-header .main-navigation-wrapper{grid-column:span var(--grid-columns);border-bottom:0}.cmd-site-header+.main-navigation-wrapper nav{border-left:0;border-right:0}.cmd-site-header>.cmd-main-navigation.main-navigation-wrapper:last-child{border-bottom:0}.cmd-site-header header{padding-top:var(--default-padding);padding-bottom:var(--default-padding);row-gap:0}.cmd-site-header header.has-navigation{grid-template-rows:1fr min-content;grid-template-areas:"company-logo" "main-navigation";padding-bottom:0}.cmd-site-header header.flex-container{width:100%}.cmd-site-header header.flex-container .cmd-company-logo{grid-area:company-logo;flex:none}.cmd-site-header header .cmd-main-navigation nav{padding:0}.cmd-site-header header .cmd-main-navigation,.cmd-site-header header nav ul li{border-bottom:0}.cmd-site-header.navigation-inline header.has-navigation{grid-template-rows:1fr;grid-template-areas:"company-logo main-navigation";padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline header .cmd-company-logo{grid-area:company-logo;grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-area:main-navigation;display:flex;align-items:center;justify-content:flex-end;grid-column:span var(--grid-large-span)}.cmd-site-header.navigation-inline header .main-navigation-wrapper:not(.persist-on-mobile){padding-left:0!important}.cmd-site-header.navigation-inline.off-canvas-right header.has-navigation{grid-template-areas:"company-logo main-navigation"}@media only screen and (max-width:1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width:640px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}.cmd-site-header header{--header-scroll-animation: none;--logo-width-on-scroll: 100%}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a.filter-options{display:table;align-self:flex-start}.cmd-box-site-search>a.filter-options [class*=icon]{font-size:var(--icon-size-small)}.cmd-box-site-search button{align-self:flex-end}@media only screen and (max-width:640px){.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a.filter-options{align-self:center}}.cmd-slideshow figure a,.cmd-slideshow img{display:block;text-decoration:none;margin:0 auto}.cmd-slideshow figcaption{width:100%;display:block;text-align:center;bottom:0;padding:var(--default-padding);line-height:100%;font-size:3rem;color:var(--color-white);background:var(--primary-color)}.cmd-slideshow:has(figcaption) img{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-slideshow:has(figcaption) figcaption{border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-slideshow .inner-slideshow-wrapper{display:flex;justify-content:center}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button){display:block;text-decoration:none}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption{border:var(--primary-border)}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:hover,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:active,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:focus{background:var(--color-white);color:var(--hyperlink-color)}.cmd-slideshow .inner-slideshow-wrapper figure{width:100%;margin:0}.cmd-slideshow .inner-slideshow-wrapper .slot-wrapper{padding:calc(var(--default-padding) * 5);width:100%;min-height:50rem;background-repeat:no-repeat;background-position:top center;display:flex;justify-content:center;align-content:center}.cmd-slideshow .inner-slideshow-wrapper .slot-wrapper .box{align-self:flex-start}.cmd-slideshow .inner-slideshow-wrapper .image-wrapper{width:100%;min-width:11.1rem;min-height:50rem}.cmd-slideshow .inner-slideshow-wrapper>ol{display:flex;margin:0 auto;position:absolute;left:5.5rem;top:.5rem;gap:calc(var(--default-gap) / 2)}.cmd-slideshow .inner-slideshow-wrapper>ol li{padding:.2rem;list-style-type:none;margin:0;border-radius:var(--full-circle);background:var(--color-light-gray);border:var(--default-border-reduced-opacity)}.cmd-slideshow .inner-slideshow-wrapper>ol li a{display:block;width:1rem;height:1rem;border-radius:var(--full-circle)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol li:active,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol li.active{border-color:var(--hyperlink-color)}:is(.cmd-slideshow .inner-slideshow-wrapper>ol li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol li:active,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol li.active) a{background:var(--color-white);transition:var(--default-transition)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom{position:relative;justify-content:center;left:unset;top:unset}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li{border-color:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active{border-color:var(--primary-color);background:var(--color-white)}:is(.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active) a{background:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.vertical{flex-direction:column}.cmd-slideshow .inner-slideshow-wrapper>.item-counter{position:absolute;top:.5rem;right:5.5rem;padding:0 .2rem;border-radius:var(--default-border-radius);background:var(--color-white-reduced-opacity)}.cmd-slideshow .fade-enter-from,.cmd-slideshow .fade-leave-to{position:absolute}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem}.edit-mode .cmd-slideshow .image-wrapper.edit-items label.edit-mode input{font-size:3rem}@media only screen and (max-width:1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-smart-search.open input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-smart-search .list-of-recommendations{position:absolute;width:100%;z-index:100;max-height:15rem;overflow-y:auto;display:flex;flex-direction:column;border:var(--default-border);border-top:0;background:var(--default-background);border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-smart-search .list-of-recommendations li:not(:last-child){border-bottom:var(--default-border)}.cmd-smart-search .list-of-recommendations li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-smart-search .list-of-recommendations li:last-child a{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cmd-smart-search .list-of-recommendations li a{display:flex;align-items:center;padding:var(--default-padding);text-decoration:none;width:100%;background:var(--default-background)}.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus{background:var(--hyperlink-color)}:is(.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus) span,:is(.cmd-smart-search .list-of-recommendations li a:hover,.cmd-smart-search .list-of-recommendations li a:active,.cmd-smart-search .list-of-recommendations li a:focus) span[class*=icon]{color:var(--color-white)}.cmd-smart-search.open-list-to-top.open input{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-smart-search.open-list-to-top .list-of-recommendations{border-bottom:0;top:auto;bottom:var(--form-input-height);border-radius:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius)}.cmd-smart-search.open-list-to-top .list-of-recommendations li:first-child{border-top:var(--default-border);border-top-left-radius:inherit;border-top-right-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:first-child a{border-top-left-radius:inherit;border-top-right-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:last-child{border-bottom:0;border-radius:inherit}.cmd-smart-search.open-list-to-top .list-of-recommendations li:last-child a{border-radius:0}.cmd-switch-language ul{display:flex;gap:calc(var(--default-gap) / 2);margin:0}.cmd-switch-language ul li{list-style-type:none;margin:0}.cmd-switch-language ul li a{filter:contrast(.6);padding:0;background:none}.cmd-switch-language ul li a:hover,.cmd-switch-language ul li a:focus-visible,.cmd-switch-language ul li a:active,.cmd-switch-language ul li a.active,.cmd-switch-language ul li a.router-link-active{filter:none}.cmd-table-wrapper{display:inline-flex;flex-direction:column;max-width:100%;margin-bottom:var(--default-margin);gap:calc(var(--default-margin) / 2)}.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width{overflow:hidden}:is(.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width) table th{white-space:normal}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{top:50%!important;display:none;height:auto;transform:translateY(-50%)}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper .inner-wrapper table{table-layout:fixed;margin:0}.cmd-table-wrapper .inner-wrapper table th a[class*=icon-],.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:hover,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:active,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:focus{font-size:var(--icon-size-small);color:var(--color-white)}.cmd-table-wrapper.has-caption{flex-direction:row}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-caption table{margin-top:calc(var(--default-margin) / 2)}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background)}.cmd-tabs>ul>li a{display:flex;align-items:center;justify-content:center;padding:var(--default-padding);border:var(--default-border);border-bottom:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);text-decoration:none!important}.cmd-tabs>ul>li a span,.cmd-tabs>ul>li a span[class*=icon-]{text-decoration:none!important}.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus{cursor:pointer;color:var(--hyperlink-color-highlighted);border-color:var(--hyperlink-color)}:is(.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus) span,:is(.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus) [class*=icon-]{color:inherit}.cmd-tabs>ul>li.active span,.cmd-tabs>ul>li.active [class*=icon-]{color:var(--color-white)}:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus{color:var(--hyperlink-color);background:var(--color-white)}:is(:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus) span,:is(:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a,:is(.cmd-tabs>ul>li.active:hover,.cmd-tabs>ul>li.active:active) a:focus) [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-tabs>ul>li.active a:focus{color:var(--color-white)}.cmd-tabs>ul>li.active a:focus span,.cmd-tabs>ul>li.active a:focus span[class*=icon-],.cmd-tabs>ul>li.active a:focus .iconify{color:inherit!important}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--default-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-tabs.primary>div{border-color:var(--primary-color)}.cmd-tabs.secondary>div{border-color:var(--secondary-color)}.cmd-tabs.tertiary>div{border-color:var(--tertiary-color)}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout input{--dark-blue: hsl(195, 96%, 45%);--medium-blue: hsl(194, 97%, 39%);--light-blue: hsl(195, 97%, 76%);background:linear-gradient(to bottom,var(--dark-blue) 0%,var(--light-blue) 67%);border-color:var(--medium-blue)}.cmd-toggle-dark-mode.styled-layout input:after{--yellow-hue: 60;--yellow-saturation: 100%;--yellow-lightness: 76.7%;background:radial-gradient(ellipse at center,var(--color-white) 20%,hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness)) 30%,hsla(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness),0) 100%);border-color:transparent;box-shadow:0 0 1rem hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness))}.cmd-toggle-dark-mode.styled-layout.dark-mode input{background:var(--color-scheme-background);border-color:var(--color-scheme-text-color)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:before{--size: 1.2rem;content:"";width:var(--size);aspect-ratio:1/1;background:var(--color-scheme-background);border-radius:var(--full-circle);position:absolute;top:0;right:calc(var(--size) / 2);transform:translateY(15%);z-index:100;transition:var(--default-transition)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:after{background:radial-gradient(ellipse at center,var(--color-white) 50%,var(--color-medium-gray) 100%);border-color:transparent;box-shadow:.2rem .1rem .2rem hsl(from var(--color-white) h s l / .3)}.cmd-toggle-dark-mode.styled-layout.dark-mode .label-text span{color:var(--color-scheme-text-color)}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding)}.cmd-upload-form.box span{margin:0}.cmd-upload-form.box span[class*=icon-]{font-size:5rem}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);align-items:center}.cmd-upload-form .box dl{justify-content:center;text-align:left}.cmd-upload-form .box dl .list-of-file-extensions{display:table}.cmd-upload-form .box dl .list-of-file-extensions>li:only-child{list-style-type:none;margin:0}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]{background:var(--color-scheme-background)}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]::-moz-progress-bar{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--primary-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;display:table;top:.2rem;padding:.1rem .2rem;line-height:100%;background:var(--color-scheme-background)}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-upload-form .list-files-wrapper .list-of-files li{list-style-type:none;margin-left:0;gap:calc(var(--default-gap) / 2)}:is(.cmd-upload-form .list-files-wrapper .list-of-files li>a:hover,.cmd-upload-form .list-files-wrapper .list-of-files li a:active,.cmd-upload-form .list-files-wrapper .list-of-files li a:focus)~*{color:var(--hyperlink-color-highlighted)}.cmd-upload-form .list-files-wrapper .list-of-files+a{display:table;margin:0 auto}.cmd-upload-form .list-files-wrapper hr{width:100%}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-upload-form .upload-conditions dl{margin:0}.cmd-upload-form p.text-drag-and-drop.disabled{background:none!important}.cmd-upload-form .button.upload{align-self:center}.cmd-upload-form .button.upload~p>*{display:block}.cmd-upload-form .error{color:var(--error-color)}.cmd-upload-form+.cmd-form-element{display:none}.cmd-upload-form .drop-area,.cmd-upload-form.drop-area{border:var(--default-border);border-style:dashed;background:var(--color-scheme-background);padding:var(--default-padding);text-align:center}:is(.cmd-upload-form .drop-area,.cmd-upload-form.drop-area).allow-drop{border-style:solid}:is(.cmd-upload-form .drop-area,.cmd-upload-form.drop-area)>[class*=icon-]{font-size:5rem}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}.cmd-box .settings-body>div{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-mail-tool-entry{justify-content:space-between;text-decoration:none;border:0;border-top:var(--default-border);border-radius:0}.cmd-mail-tool-entry:hover,.cmd-mail-tool-entry:active,.cmd-mail-tool-entry:focus{cursor:pointer;background:var(--color-white)}.cmd-mail-tool-entry.unread *{font-weight:700}.cmd-mail-tool-entry dl{margin:0}.cmd-mail-tool-entry dl dt{align-items:center;justify-content:flex-start}.cmd-mail-tool-entry dl dd{gap:calc(var(--default-gap) / 2)}.cmd-mail-tool-entry .cmd-image{width:3rem;aspect-ratio:1/1;border:var(--default-border);border-radius:var(--full-circle);margin:0}.cmd-mail-tool-entry .options-wrapper{justify-content:flex-end}.cmd-mail-tool-entry .sender-receiver-wrapper{justify-content:flex-start!important}.cmd-mail-tool-entry .received-and-options-wrapper{flex-direction:column;flex:none}.cmd-mail-tool-entry .received-and-options-wrapper .date-time-wrapper time{flex:none}.cmd-mail-tool-entry .received-and-options-wrapper .options-wrapper{margin-left:auto}@media only screen and (max-width:640px){.cmd-mail-tool-entry dl dt{align-items:flex-start;justify-content:center}.cmd-mail-tool-entry .received-and-options-wrapper{flex-direction:row;justify-content:space-between}}.cmd-mail-tool-filter{display:flex;padding:var(--default-padding);background:var(--color-light-gray);align-items:center;justify-content:space-between}.cmd-mail-tool-filter .cmd-headline{margin:0}.cmd-mail-tool-filter .label-text{white-space:nowrap}.cmd-mail-tool-filter .sort-wrapper{text-align:right}.cmd-mail-tool-filter .sort-wrapper a{text-decoration:none}.demopage .list-status .active{color:var(--default-text-color);text-decoration:none;background:none}.demopage main .cmd-width-limitation-wrapper:not(:last-child){border-bottom:var(--default-border);border-style:dashed}.demopage main .cmd-width-limitation-wrapper:not(:last-child) section{padding-top:calc(var(--default-padding) * 6);padding-bottom:calc(var(--default-padding) * 6)}.demopage .headline-demopage{display:flex;align-items:center}.demopage .headline-demopage [class*=icon-]{color:var(--color-white);margin:0}.demopage .headline-demopage .button{background:none;border-color:var(--color-white);align-self:center}.demopage .headline-demopage .button:hover,.demopage .headline-demopage .button:active,.demopage .headline-demopage .button:focus{background:var(--color-white);color:var(--primary-color)!important}.demopage .cmd-sidebar{position:fixed;top:0;left:0;z-index:2000;max-width:30rem;height:100vh;margin:0;padding:0;gap:0;border:0;border-right-width:0;border-right-style:none;border-right-color:currentcolor;border-right:var(--default-border)}.demopage .cmd-sidebar .box{border-right:0}.demopage .cmd-sidebar .box:not(:last-child){border-bottom:0}.demopage .cmd-sidebar .box li.active a{padding:.1rem .3rem;text-decoration:none}.demopage .cmd-sidebar .box#list-of-components .box-body{max-height:70rem;overflow:auto}.demopage .cmd-sidebar .open-slot-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.demopage .cmd-sidebar .open-slot-wrapper .comand-versions{margin:0}.demopage .cmd-sidebar .open-slot-wrapper .comand-versions dd{white-space:nowrap}.demopage .cmd-sidebar .closed-sidebar{display:flex;flex-direction:column;gap:var(--default-gap);padding:var(--default-padding)}.demopage .cmd-sidebar .closed-sidebar .button{align-self:center}.demopage .cmd-sidebar:last-child{left:auto;right:0}.demopage #component-settings .open-slot-wrapper{display:block}.demopage output{display:flex;align-self:flex-start;flex:none;padding:var(--default-padding);border:1px dashed black;background:#cac011;font-weight:700;color:#000}

package/dist/comand-component-library.js

@@ -20951,7 +20951,7 @@ const Mx = /* @__PURE__ */ B(Fx, [["render", Px]]), Vx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], XC = "comand-component-library", $C = "4.2.98", e1 = "GPL-3.0-only", t1 = "CoManD-UI", n1 = "module", i1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, l1 = ["dist", "src"], o1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, a1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.26", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, s1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, r1 = {
+], XC = "comand-component-library", $C = "4.2.99", e1 = "GPL-3.0-only", t1 = "CoManD-UI", n1 = "module", i1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, l1 = ["dist", "src"], o1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, a1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.26", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, s1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, r1 = {
   name: XC,
   version: $C,
   license: e1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.98",
+  "version": "4.2.99",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdFormElement.vue

@@ -1,32 +1,27 @@
 <template>
     <!-- begin CmdFormElement ---------------------------------------------------------------------------------------- -->
-    <label
-        v-if="(element === 'input' || element === 'select' || element === 'textarea')"
-        :class="[
+    <label v-if="(element === 'input' || element === 'select' || element === 'textarea')" :class="[
         'cmd-form-element',
-         validationStatus,
-         $attrs.class,
-           {
+        validationStatus,
+        $attrs.class,
+        {
             disabled: $attrs.disabled,
-            inline : displayLabelInline,
-            'stretch-field' : stretchField,
+            inline: displayLabelInline,
+            'stretch-field': stretchField,
             'toggle-switch': toggleSwitch,
             colored: colored,
             'has-state': validationStatus
-           }
-       ]"
-        :for="htmlId"
-        :title="$attrs.title"
-        ref="label">
+        }
+    ]" :for="htmlId" :title="$attrs.title" ref="label">
 
         <!-- begin label-text (+ required asterisk) -->
         <span v-if="(labelText || $slots.labeltext) && $attrs.type !== 'checkbox' && $attrs.type !== 'radio'"
-              :class="['label-text', { hidden: !showLabel }]">
+            :class="['label-text', { hidden: !showLabel }]">
             <span>
                 <span v-if="labelText" v-html="labelText"></span>
 
                 <!-- begin slot 'labeltext' -->
-                <slot v-else name="labeltext"/>
+                <slot v-else name="labeltext" />
                 <!-- end slot 'labeltext' -->
 
                 <!-- begin required asterisk -->
@@ -35,29 +30,20 @@
             </span>
 
             <!-- begin status-icon (linked with tooltip) -->
-            <a v-if="($attrs.required || inputRequirements.length) && showStatusIcon"
-               href="#"
-               @click.prevent
-               :title="validationTooltip"
-               :aria-errormessage="tooltipId"
-               aria-live="assertive"
-               :id="tooltipId">
+            <a v-if="($attrs.required || inputRequirements.length) && showStatusIcon" href="#" @click.prevent
+                :title="validationTooltip" :aria-errormessage="tooltipId" aria-live="assertive" :id="tooltipId">
                 <!-- begin CmdIcon -->
-                <CmdIcon :iconClass="getStatusIconClass"/>
+                <CmdIcon :iconClass="getStatusIconClass" />
                 <!-- end CmdIcon -->
             </a>
             <!-- end status-icon (linked with tooltip) -->
 
             <!-- begin CmdTooltipForFormElements -->
             <CmdTooltipForFormElements
-                v-if="useCustomTooltip && (validationStatus === '' || validationStatus === 'error')"
-                ref="tooltip"
-                :validationStatus="validationStatus"
-                :relatedId="tooltipId"
-                :scrollContainerForTooltip="scrollContainerForTooltip"
-                :cmdListOfRequirements="listOfRequirements"
-                :role="validationStatus === 'error' ? 'alert' : 'dialog'"
-            />
+                v-if="useCustomTooltip && (validationStatus === '' || validationStatus === 'error')" ref="tooltip"
+                :validationStatus="validationStatus" :relatedId="tooltipId"
+                :scrollContainerForTooltip="scrollContainerForTooltip" :cmdListOfRequirements="listOfRequirements"
+                :role="validationStatus === 'error' ? 'alert' : 'dialog'" />
             <!-- end CmdTooltipForFormElements -->
         </span>
         <!-- end label-text (+ required asterisk) -->
@@ -72,46 +58,25 @@
 
                 <!-- begin inputfield -->
                 <template v-if="element === 'input' && $attrs.type !== 'search'">
-                    <input
-                        :id="htmlId"
-                        :class="inputClass"
-                        @focus="tooltip = true"
-                        @blur="onBlur"
-                        @input="onInput"
-                        @mouseover="datalistFocus"
-                        @keyup="checkForCapsLock"
-                        @change="$emit('change', $event)"
-                        :autocomplete="autocomplete"
-                        :list="datalist ? datalist.id : null"
-                        :value="modelValue"
-                        :minlength="$attrs.type === 'password' ? '8' : null"
-                        :maxlength="getMaxLength()"
-                        ref="input"
-                        v-bind="elementAttributes"
-                    />
+                    <input :id="htmlId" :class="inputClass" @focus="tooltip = true" @blur="onBlur" @input="onInput"
+                        @mouseover="datalistFocus" @keyup="checkForCapsLock" @change="$emit('change', $event)"
+                        :autocomplete="autocomplete" :list="datalist ? datalist.id : null" :value="modelValue"
+                        :minlength="$attrs.type === 'password' ? '8' : null" :maxlength="getMaxLength()" ref="input"
+                        v-bind="elementAttributes" />
                     <!-- begin delete-icon -->
-                    <a v-if="iconDelete?.show && !$attrs.disabled && ($attrs.type === 'text' || $attrs.type === 'email' || $attrs.type === 'phone')" 
-                        class="deleteicon" 
-                        href="#" 
-                        @click.prevent="deleteInput"
-                        :title="iconDelete?.tooltip">
-                        <CmdIcon :iconClass="iconDelete?.iconClass" :type="iconDelete?.iconType"/>
+                    <a v-if="iconDelete?.show && !$attrs.disabled && ($attrs.type === 'text' || $attrs.type === 'email' || $attrs.type === 'phone')"
+                        class="deleteicon" href="#" @click.prevent="deleteInput" :title="iconDelete?.tooltip">
+                        <CmdIcon :iconClass="iconDelete?.iconClass" :type="iconDelete?.iconType" />
                     </a>
                     <!-- end delete-icon -->
                 </template>
                 <!-- end inputfield -->
 
                 <!-- begin show-password-icon -->
-                <a v-if="$attrs.type === 'password'"
-                    href="#"
-                    class="place-inside"
-                    @mousedown.prevent="showPassword"
-                    @mouseup.prevent="hidePassword"
-                    @mouseleave.prevent="hidePassword"
-                    @click.prevent
-                    :title="iconPasswordVisible.tooltip"
-                >
-                    <CmdIcon :iconClass="iconPasswordVisible.iconClass"/>
+                <a v-if="$attrs.type === 'password'" href="#" class="place-inside" @mousedown.prevent="showPassword"
+                    @mouseup.prevent="hidePassword" @mouseleave.prevent="hidePassword" @click.prevent
+                    :title="iconPasswordVisible.tooltip">
+                    <CmdIcon :iconClass="iconPasswordVisible.iconClass" />
                 </a>
                 <!-- end show-password-icon -->
             </span>
@@ -128,17 +93,10 @@
             <template v-else-if="$attrs.type === 'checkbox' || $attrs.type === 'radio'">
                 <!-- begin default checkbox/radiobutton -->
                 <template v-if="!(onLabel && offLabel)">
-                    <input
-                        v-bind="elementAttributes"
-                        @change="onChange"
-                        @blur="onBlur"
-                        :checked="isChecked"
+                    <input v-bind="elementAttributes" @change="onChange" @blur="onBlur" :checked="isChecked"
                         :value="inputValue"
-                        :class="[inputClass, validationStatus, toggleSwitchIconClass, { 'replace-input-type': replaceInputType}]"
-                        :id="htmlId"
-                        :disabled="$attrs.disabled"
-                        :aria-invalid="validationStatus === 'error'"
-                    />
+                        :class="[inputClass, validationStatus, toggleSwitchIconClass, { 'replace-input-type': replaceInputType }]"
+                        :id="htmlId" :disabled="$attrs.disabled" :aria-invalid="validationStatus === 'error'" />
                     <span v-if="labelText || $slots.labeltext" :class="['label-text', { hidden: !showLabel }]">
                         <span>
                             <!-- begin labelText for checkbox/radio/toggle-switch (without switch-label) -->
@@ -146,7 +104,7 @@
                             <!-- end labelText for checkbox/radio/toggle-switch (without switch-label) -->
 
                             <!-- begin slot 'labeltext' -->
-                            <slot v-else name="labeltext"/>
+                            <slot v-else name="labeltext" />
                             <!-- end slot 'labeltext' -->
 
                             <sup v-if="$attrs.required">*</sup>
@@ -154,26 +112,18 @@
                     </span>
                 </template>
                 <!-- end default checkbox/radiobutton -->
-                
+
                 <!-- begin labels for toggle-switch with switch-label -->
                 <template v-else-if="onLabel && offLabel">
                     <span class="switch-label-wrapper">
-                        <input
-                            v-bind="elementAttributes"
-                            @change="onChange"
-                            @blur="onBlur"
-                            :checked="isChecked"
-                            :value="inputValue"
-                            :class="[inputClass, validationStatus]"
-                            :id="htmlId"
-                            :disabled="$attrs.disabled"
-                            :aria-invalid="validationStatus === 'error'"
-                        />
+                        <input v-bind="elementAttributes" @change="onChange" @blur="onBlur" :checked="isChecked"
+                            :value="inputValue" :class="[inputClass, validationStatus]" :id="htmlId"
+                            :disabled="$attrs.disabled" :aria-invalid="validationStatus === 'error'" />
                         <span class="label-text">{{ onLabel }}</span>
                         <span class="label-text">{{ offLabel }}</span>
                     </span>
                     <!-- begin labelText for checkbox/radio/toggle-switch (with switch-label) -->
-                    <span v-if="labelText" :class="['label-text', {hidden: !showLabel}]">
+                    <span v-if="labelText" :class="['label-text', { hidden: !showLabel }]">
                         <span v-html="labelText"></span><sup v-if="$attrs.required">*</sup>
                     </span>
                     <!-- end labelText for checkbox/radio/toggle-switch (with switch-label) -->
@@ -186,30 +136,15 @@
         <!-- end element 'input' -->
 
         <!-- begin selectbox -->
-        <select v-if="element === 'select'"
-                v-bind="elementAttributes"
-                :id="htmlId"
-                @blur="onBlur"
-                @change="onChange">
+        <select v-if="element === 'select'" v-bind="elementAttributes" :id="htmlId" @blur="onBlur" @change="onChange">
 
-            <option v-if="!groupSelectOptionsByInitialLetters"
-                    v-for="(option, index) in selectOptions"
-                    :key="index"
-                    :value="option.value"
-                    :selected="option.value === modelValue"
-            >
+            <option v-if="!groupSelectOptionsByInitialLetters" v-for="(option, index) in selectOptions" :key="index"
+                :value="option.value" :selected="option.value === modelValue">
                 {{ option.text }}
             </option>
-            <optgroup v-else :label="key"
-                      v-for="(options, key) in initialLetters"
-                      :key="key"
-            >
-                <option
-                    v-for="(option, optionIndex) in options"
-                    :key="optionIndex"
-                    :value="option.value"
-                    :selected="option.value === modelValue"
-                >
+            <optgroup v-else :label="key" v-for="(options, key) in initialLetters" :key="key">
+                <option v-for="(option, optionIndex) in options" :key="optionIndex" :value="option.value"
+                    :selected="option.value === modelValue">
                     {{ option.text }}
                 </option>
             </optgroup>
@@ -217,18 +152,12 @@
         <!-- end selectbox -->
 
         <!-- begin textarea -->
-        <textarea
-            v-if="element === 'textarea'"
-            v-bind="elementAttributes"
-            :id="htmlId"
-            :value="modelValue"
-            :maxlength="getMaxLength()"
-            @input="onInput"
-            @focus="tooltip = true"
+        <textarea v-if="element === 'textarea'" v-bind="elementAttributes" :id="htmlId" :value="modelValue"
+            :maxlength="getMaxLength()" @input="onInput" @focus="tooltip = true"
             @blur="onBlur"></textarea><!-- no line-break to avoid empty spaces inside textarea -->
         <span v-if="element === 'textarea' && showCharactersTextarea" class="characters-left-wrapper">
             <span v-if="textCharactersLeft">{{ textCharactersLeft }}</span>
-            <span :class="['characters-left', {error: charactersLeft === 0}]">{{ charactersLeft }}</span>
+            <span :class="['characters-left', { error: charactersLeft === 0 }]">{{ charactersLeft }}</span>
         </span>
         <!-- end textarea -->
 
@@ -236,25 +165,20 @@
         <template v-else-if="element === 'input' && $attrs.type === 'search'">
             <span class="inner-input-wrapper flex-container no-gap">
                 <!-- begin CmdIcon (for icon inside field) -->
-                <CmdIcon v-if="fieldIconClass" class="place-inside" :iconClass="fieldIconClass"/>
+                <CmdIcon v-if="fieldIconClass" class="place-inside" :iconClass="fieldIconClass" />
                 <!-- end CmdIcon (for icon inside field) -->
-                <input
-                    v-bind="elementAttributes"
-                    :id="htmlId"
-                    @input="onInput"
-                    :maxlength="getMaxLength()"
-                    :value="modelValue"
-                />
-                <a v-if="showSearchButton" href="#" :class="['button flex-none', {disabled: $attrs.disabled}]"
-                   :title="iconSearch.tooltip" @click.prevent="executeSearch">
+                <input v-bind="elementAttributes" :id="htmlId" @input="onInput" :maxlength="getMaxLength()"
+                    :value="modelValue" />
+                <a v-if="showSearchButton" href="#" :class="['button flex-none', { disabled: $attrs.disabled }]"
+                    :title="iconSearch.tooltip" @click.prevent="executeSearch">
                     <!-- begin CmdIcon -->
-                    <CmdIcon :iconClass="iconSearch.iconClass"/>
+                    <CmdIcon :iconClass="iconSearch.iconClass" />
                     <!-- end CmdIcon -->
                 </a>
                 <a v-if="iconDelete?.show && !$attrs.disabled" class="deleteicon" href="#" @click.prevent="deleteInput"
-                   :title="iconDelete?.tooltip">
+                    :title="iconDelete?.tooltip">
                     <!-- begin CmdIcon -->
-                    <CmdIcon :iconClass="iconDelete?.iconClass" :type="iconDelete?.iconType"/>
+                    <CmdIcon :iconClass="iconDelete?.iconClass" :type="iconDelete?.iconType" />
                     <!-- end CmdIcon -->
                 </a>
             </span>
@@ -267,20 +191,15 @@
         <!-- begin CmdIcon -->
         <CmdIcon
             v-if="nativeButton?.icon?.show && (nativeButton?.icon?.position === 'before' || !nativeButton?.icon?.position)"
-            :iconClass="nativeButton?.icon?.iconClass"
-            :type="nativeButton?.icon?.iconType"
-        />
+            :iconClass="nativeButton?.icon?.iconClass" :type="nativeButton?.icon?.iconType" />
         <!-- end CmdIcon -->
         <span v-if="nativeButton?.icon && nativeButton?.text">{{ nativeButton.text }}</span>
         <template v-else>
             {{ nativeButton.text }}
         </template>
         <!-- begin CmdIcon -->
-        <CmdIcon
-            v-if="nativeButton?.icon?.show && nativeButton?.icon?.position === 'after'"
-            :iconClass="nativeButton?.icon?.iconClass"
-            :type="nativeButton?.icon?.iconType"
-        />
+        <CmdIcon v-if="nativeButton?.icon?.show && nativeButton?.icon?.position === 'after'"
+            :iconClass="nativeButton?.icon?.iconClass" :type="nativeButton?.icon?.iconType" />
         <!-- end CmdIcon -->
     </button>
     <!-- end button -->
@@ -731,7 +650,7 @@ export default {
         },
         buttonAttrs() {
             // copy all native attributes
-            const allAttrs = {...this.$attrs}
+            const allAttrs = { ...this.$attrs }
 
             // check if specific tooltip for icon is set (and add as title-attribute)
             if (this.nativeButton.icon?.tooltip) {
@@ -853,7 +772,7 @@ export default {
 
                 // if input is filled, set status to success (expect for checkboxes and radiobuttons)
                 //if (!["checkbox", "radio"].includes(this.$attrs.type) && value) {
-                    this.validationStatus = "success"
+                this.validationStatus = "success"
                 //}
 
                 if (typeof event.target.checkValidity === "function" && !event.target.checkValidity()) {
@@ -879,14 +798,14 @@ export default {
             this.validateInput(event)
             this.closeTooltipOnBlur()
             this.$emit('blur', event)
-        },   
+        },
         onInput(event) {
             this.validateInput(event)
             this.$emit('update:modelValue', event.target.value)
         },
         onChange(event) {
             this.validateInput(event)
-            
+
             if (typeof this.modelValue === "boolean") {
                 this.$emit("update:modelValue", event.target.checked)
             } else if (typeof this.modelValue === "string") {
@@ -962,7 +881,7 @@ export default {
     }
 
     /* icon right aligned in input */
-    input + .place-inside {
+    input+.place-inside {
         left: auto;
         right: .5rem;
         color: var(--hyperlink-color);
@@ -978,45 +897,51 @@ export default {
         }
     }
 
-    &.has-state, & + .cmd-tooltip {
-        &.error {
-            * {
-                --status-color: var(--error-color);
+    &:has([required]) {
+        &.has-state,
+        &+.cmd-tooltip {
+            &.error {
+                * {
+                    --status-color: var(--error-color);
+                }
             }
-        }
-
-        ::placeholder {
-            color: var(--status-color);
-        }
-
-        span {
-            color: var(--status-color);
 
-            &.place-inside {
-                color: inherit;
+            ::placeholder {
+                color: var(--status-color);
             }
-        }
 
-        &.success {
-            * {
-                --status-color: var(--success-color);
+            span {
+                color: var(--status-color);
+
+                &.place-inside {
+                    color: inherit;
+                }
             }
 
-            &:has(input[type="checkbox"], input[type="radio"]) {
+            &.success {
                 * {
-                    --status-color: var(--color-scheme-text-color); /* overwrite --status-color (success) for chekcboxes and radiobuttons */
+                    --status-color: var(--success-color);
+                }
+
+                &:has(input[type="checkbox"], input[type="radio"]) {
+                    * {
+                        --status-color: var(--color-scheme-text-color);
+                        /* overwrite --status-color (success) for chekcboxes and radiobuttons */
+                    }
                 }
             }
         }
     }
 
     :is(input[type="checkbox"], input[type="radio"]):checked {
-        ~ .label-text span {
+        ~.label-text span {
             color: var(--hyperlink-color);
         }
 
-        &:hover, &:active, &:focus {
-            ~ .label-text span {
+        &:hover,
+        &:active,
+        &:focus {
+            ~.label-text span {
                 color: var(--hyperlink-color-highlighted);
             }
         }
@@ -1024,7 +949,7 @@ export default {
 
     &.inline {
         .inner-input-wrapper {
-            & > a:not(.button) {
+            &>a:not(.button) {
                 margin-left: calc(var(--default-margin) / 2);
             }
         }
@@ -1036,9 +961,9 @@ export default {
         }
 
         .label-text {
-           [class*="icon-"] {
-               top: -.2rem;
-           }
+            [class*="icon-"] {
+                top: -.2rem;
+            }
         }
     }
 
@@ -1058,7 +983,8 @@ export default {
             right: 1rem;
             transform: translateY(-50%);
             z-index: 100;
-            width: auto; /* avoid to be stretched to keep correct position */
+            width: auto;
+            /* avoid to be stretched to keep correct position */
 
             /* set styles to avoid overwriting by has-state-colors */
             &.button {
@@ -1066,7 +992,9 @@ export default {
                     color: var(--color-scheme-background);
                 }
 
-                &:hover, &:active, &:focus {
+                &:hover,
+                &:active,
+                &:focus {
                     span {
                         color: var(--color-scheme-text-color);
                     }
@@ -1077,15 +1005,17 @@ export default {
         a.button {
             right: 0;
             align-self: stretch;
-            aspect-ratio: 1 / 1;  /* square */
-            & + a {
+            aspect-ratio: 1 / 1;
+
+            /* square */
+            &+a {
                 right: 5rem;
             }
         }
     }
 
     .place-inside {
-        & + input {
+        &+input {
             padding-left: calc(var(--default-padding) * 3);
         }
     }