comand-component-library 4.1.46 → 4.1.47

package/dist/comand-component-library.js

@@ -17772,7 +17772,7 @@ function Dx(e, n, t, s, i, o) {
   return l(), r(S, null, [
     t.advancedMode ? (l(), r("fieldset", {
       key: 0,
-      class: _(["cmd-upload-form flex-container", { "upload-initiated": i.uploadInitiated }])
+      class: _(["cmd-upload-form flex-container vertical", { "upload-initiated": i.uploadInitiated }])
     }, [
       a("legend", {
         class: _({ hidden: !t.legend.show, "align-left": t.legend.align === "left" })
@@ -18492,7 +18492,7 @@ function c_(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const xo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.46", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
+const xo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.47", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -18509,7 +18509,7 @@ const xo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   "./export-data.js": "./src/assets/data/export-data.js"
 }, x_ = {
   "clickout-event": "^1.1.2",
-  "comand-frontend-framework": "^4.1.10",
+  "comand-frontend-framework": "^4.1.11",
   "comand-ui-iconfonts": "^1.0.14",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",
@@ -20200,7 +20200,7 @@ function mv(e, n, t, s, i, o) {
             a1,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[13] || (n[13] = T((x) => o.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
@@ -20287,7 +20287,7 @@ function mv(e, n, t, s, i, o) {
                   y1,
                   a("a", {
                     href: "#",
-                    class: "icon-cog",
+                    class: "button small icon-cog",
                     title: "Open Component Settings",
                     onClick: n[21] || (n[21] = T((x) => o.openSettingsSidebar("CmdFormElement"), ["prevent"]))
                   })
@@ -20493,7 +20493,7 @@ function mv(e, n, t, s, i, o) {
                   S1,
                   a("a", {
                     href: "#",
-                    class: "icon-cog",
+                    class: "button small icon-cog",
                     title: "Open Component Settings",
                     onClick: n[33] || (n[33] = T((x) => o.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
@@ -20853,7 +20853,7 @@ function mv(e, n, t, s, i, o) {
                   E(" Input-Group "),
                   a("a", {
                     href: "#",
-                    class: "icon-cog",
+                    class: "button small icon-cog",
                     title: "Open Component Settings",
                     onClick: n[58] || (n[58] = T((x) => o.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
                   })
@@ -21002,7 +21002,7 @@ function mv(e, n, t, s, i, o) {
             vC,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[66] || (n[66] = T((x) => o.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
             })
@@ -21017,7 +21017,7 @@ function mv(e, n, t, s, i, o) {
             SC,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[67] || (n[67] = T((x) => o.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
             })
@@ -21051,7 +21051,7 @@ function mv(e, n, t, s, i, o) {
             FC,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[68] || (n[68] = T((x) => o.openSettingsSidebar("CmdBox"), ["prevent"]))
             })
@@ -21290,7 +21290,7 @@ function mv(e, n, t, s, i, o) {
             nw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[73] || (n[73] = T((x) => o.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
             })
@@ -21332,7 +21332,7 @@ function mv(e, n, t, s, i, o) {
             ow,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[74] || (n[74] = T((x) => o.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
             })
@@ -21351,7 +21351,7 @@ function mv(e, n, t, s, i, o) {
             sw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[75] || (n[75] = T((x) => o.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
             })
@@ -21369,7 +21369,7 @@ function mv(e, n, t, s, i, o) {
             rw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[76] || (n[76] = T((x) => o.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
@@ -21529,7 +21529,7 @@ function mv(e, n, t, s, i, o) {
             Pw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[82] || (n[82] = T((x) => o.openSettingsSidebar("CmdHeadline"), ["prevent"]))
             })
@@ -21589,7 +21589,7 @@ function mv(e, n, t, s, i, o) {
             zw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[83] || (n[83] = T((x) => o.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
@@ -21614,7 +21614,7 @@ function mv(e, n, t, s, i, o) {
             Kw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[84] || (n[84] = T((x) => o.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
             })
@@ -21642,7 +21642,7 @@ function mv(e, n, t, s, i, o) {
             Zw,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[85] || (n[85] = T((x) => o.openSettingsSidebar("CmdLink"), ["prevent"]))
             })
@@ -21688,7 +21688,7 @@ function mv(e, n, t, s, i, o) {
             ek,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[87] || (n[87] = T((x) => o.openSettingsSidebar("CmdListOfLinks"), ["prevent"]))
             })
@@ -21703,7 +21703,7 @@ function mv(e, n, t, s, i, o) {
             nk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[88] || (n[88] = T((x) => o.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
@@ -21747,7 +21747,7 @@ function mv(e, n, t, s, i, o) {
             ok,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[91] || (n[91] = T((x) => o.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
             })
@@ -21763,7 +21763,7 @@ function mv(e, n, t, s, i, o) {
             sk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[92] || (n[92] = T((x) => o.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
@@ -21787,7 +21787,7 @@ function mv(e, n, t, s, i, o) {
             dk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[94] || (n[94] = T((x) => o.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
             })
@@ -21811,7 +21811,7 @@ function mv(e, n, t, s, i, o) {
             uk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[96] || (n[96] = T((x) => o.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
             })
@@ -21836,7 +21836,7 @@ function mv(e, n, t, s, i, o) {
             hk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[97] || (n[97] = T((x) => o.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
             })
@@ -21859,7 +21859,7 @@ function mv(e, n, t, s, i, o) {
             gk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[98] || (n[98] = T((x) => o.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
             })
@@ -21883,7 +21883,7 @@ function mv(e, n, t, s, i, o) {
             xk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[99] || (n[99] = T((x) => o.openSettingsSidebar("CmdPagination"), ["prevent"]))
             })
@@ -21915,7 +21915,7 @@ function mv(e, n, t, s, i, o) {
             wk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[101] || (n[101] = T((x) => o.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
             })
@@ -21939,7 +21939,7 @@ function mv(e, n, t, s, i, o) {
             vk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[102] || (n[102] = T((x) => o.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
             })
@@ -21965,7 +21965,7 @@ function mv(e, n, t, s, i, o) {
             Sk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[107] || (n[107] = T((x) => o.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
             })
@@ -21985,7 +21985,7 @@ function mv(e, n, t, s, i, o) {
             Lk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[108] || (n[108] = T((x) => o.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
             })
@@ -22011,7 +22011,7 @@ function mv(e, n, t, s, i, o) {
             Fk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[109] || (n[109] = T((x) => o.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
@@ -22031,7 +22031,7 @@ function mv(e, n, t, s, i, o) {
             Vk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[110] || (n[110] = T((x) => o.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
@@ -22054,7 +22054,7 @@ function mv(e, n, t, s, i, o) {
             Hk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[111] || (n[111] = T((x) => o.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
@@ -22083,7 +22083,7 @@ function mv(e, n, t, s, i, o) {
             Wk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[112] || (n[112] = T((x) => o.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
@@ -22137,7 +22137,7 @@ function mv(e, n, t, s, i, o) {
             Yk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[113] || (n[113] = T((x) => o.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
             })
@@ -22154,7 +22154,7 @@ function mv(e, n, t, s, i, o) {
             Xk,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[114] || (n[114] = T((x) => o.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
             })
@@ -22169,7 +22169,7 @@ function mv(e, n, t, s, i, o) {
             ev,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[115] || (n[115] = T((x) => o.openSettingsSidebar("CmdTooltip"), ["prevent"]))
             })
@@ -22234,7 +22234,7 @@ function mv(e, n, t, s, i, o) {
             ov,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[119] || (n[119] = T((x) => o.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
             })
@@ -22249,7 +22249,7 @@ function mv(e, n, t, s, i, o) {
             sv,
             a("a", {
               href: "#",
-              class: "icon-cog",
+              class: "button small icon-cog",
               title: "Open Component Settings",
               onClick: n[120] || (n[120] = T((x) => o.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
             })

package/dist/style.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);display:block}.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 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(--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(--pure-white);border-bottom:0;background:var(--pure-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(--pure-white);border-color:var(--pure-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(--pure-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(--default-margin);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.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}.cmd-headline h1:only-child,.cmd-headline h2:only-child,.cmd-headline h3:only-child,.cmd-headline h4:only-child,.cmd-headline h5:only-child,.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}.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)}.cmd-list-of-requirements dl .warning,.cmd-list-of-requirements dl .warning span{--status-color: var(--warning-color)}.cmd-list-of-requirements dl .success,.cmd-list-of-requirements dl .success span{--status-color: var(--success-color)}.cmd-list-of-requirements dl .info,.cmd-list-of-requirements dl .info span{--status-color: var(--info-color)}.cmd-list-of-requirements dl dt{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}.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:hover,.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:active,.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:focus,.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]):hover,.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]):active,.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.has-state.error *,.cmd-form-element+.cmd-tooltip.error *{--status-color: var(--error-color)}.cmd-form-element.has-state ::placeholder,.cmd-form-element+.cmd-tooltip ::placeholder{color:var(--status-color)}.cmd-form-element.has-state span,.cmd-form-element+.cmd-tooltip span{color:var(--status-color)}.cmd-form-element.has-state span.place-inside,.cmd-form-element+.cmd-tooltip span.place-inside{color:inherit}.cmd-form-element.has-state.success *,.cmd-form-element+.cmd-tooltip.success *{--status-color: var(--success-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--hyperlink-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:hover~.label-text span,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:active~.label-text span,.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 .search-field-wrapper{margin:0}.cmd-form-element .search-field-wrapper input[type=search]{border-radius:var(--default-border-radius)}.cmd-form-element .search-field-wrapper a{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:100}.cmd-form-element .search-field-wrapper a.button span{color:var(--color-scheme-background)}.cmd-form-element .search-field-wrapper a.button:hover span,.cmd-form-element .search-field-wrapper a.button:active span,.cmd-form-element .search-field-wrapper a.button:focus span{color:var(--color-scheme-text-color)}.cmd-form-element .search-field-wrapper a.button{right:0}.cmd-form-element .search-field-wrapper a.button+a{right:5rem}.cmd-form-element .place-inside+.search-field-wrapper 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 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{line-height:var(--default-line-height)}.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-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center}.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(--pure-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}.cmd-system-message>a.close-button:hover [class*=icon-],.cmd-system-message>a.close-button:active [class*=icon-],.cmd-system-message>a.close-button:focus [class*=icon-]{color:var(--pure-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)}.cmd-system-message.warning>a.close-button:hover [class*=icon-],.cmd-system-message.warning>a.close-button:active [class*=icon-],.cmd-system-message.warning>a.close-button:focus [class*=icon-]{color:var(--pure-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 legend.align-left{left:0;right:auto}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form .button,.cmd-form .button:last-child{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(--pure-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;height:100%;position:absolute;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;top:0}.cmd-slide-button.button.right{right:0;top: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: 600px){.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{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.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;margin-top:2rem;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(--pure-white)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:has(img){padding:0}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:hover.active figcaption,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:active.active figcaption,.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}.cmd-thumbnail-scroller.gallery-scroller li a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a:hover img,.cmd-thumbnail-scroller.gallery-scroller li a:active img,.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 <= 600px){.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}.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(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-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(--medium-gray) 75%,var(--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(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.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}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.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}@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{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.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-pages-basic-form fieldset{margin:0}.cmd-pages-basic-form fieldset .order-city-zip{flex-direction:row-reverse}.cmd-pages-basic-form fieldset .input-zip{max-width:30%}.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)M}.cmd-list-of-links>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0}.cmd-list-of-links>ul li{list-style:none;margin-left:0!important}.cmd-list-of-links>ul.align-center{justify-content:center}.cmd-list-of-links>ul.align-right li{text-align:right}.cmd-list-of-links>ul ul{display:flex;flex-direction:column;margin-left:calc(var(--default-padding) * 2)}.cmd-list-of-links.show-list-style-items li{list-style-type:disc;margin-left:1.7rem}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons li{list-style-type:none}.cmd-list-of-links.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-of-links.large-icons li a span{margin:0}.cmd-list-of-links.large-icons li a [class*=icon-]{font-size:5rem}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>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 .cmd-headline{margin-bottom:0}.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)}.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus{background:var(--pure-white)}.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>.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;border-top:var(--box-border)}.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(--83433e5e))}.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(--pure-white)}.cmd-box.content .box-body .navigation li:last-child a{border:0}.cmd-box.product>div>.cmd-custom-headline,.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(--pure-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-header figcaption{font-size:2rem;font-weight:700;padding:var(--default-padding)}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.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.user .user-name{color:var(--color-scheme-text-color);font-size:2rem}.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}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user>.box-header img,.cmd-box.user>.box-header>div:first-child>[class*=icon-]{display:table;margin:0 auto var(--default-margin) auto!important;padding:calc(var(--default-padding) * 3);border-radius:var(--full-circle);background:var(--box-header-background);color:var(--pure-white)}.cmd-box.user>.box-header img+p,.cmd-box.user>.box-header img+figcaption,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+p,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+figcaption{margin:0 auto;text-align:center;font-weight:700;font-size:2rem}.cmd-box.user>.box-header img{padding:0;width:calc(var(--default-icon-size) * 2);aspect-ratio:1/1}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{margin:0;font-size:var(--default-icon-size)}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top: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-of-links ul{width:100%;margin-bottom:0}.cmd-box.user .box-footer .cmd-list-of-links 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-of-links ul li:not(:only-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.user .box-footer .cmd-list-of-links ul li:not(:only-child):first-child{border-bottom-left-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list-of-links ul li:not(:only-child):last-child{border-bottom-right-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list-of-links 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-of-links ul li:hover a,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a{background:var(--primary-color);color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:active a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a [class*=icon-]{color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:first-child a{border: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{flex-direction:column}.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 .box-footer{margin-top:0}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--7dc17307),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(--3c53d129),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--7e294cd3),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-company-logo img{display:block;max-height:10rem}.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(--pure-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(--pure-white)!important}.cmd-cookie-disclaimer .collapsible-box header span[class*=icon-]{color:var(--pure-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(--pure-white)}.cmd-cookie-disclaimer .collapsible-box header label.disabled .label-text span{color:var(--pure-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(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none}.cmd-copyright-information a{text-decoration:none;color:var(--pure-white)}.cmd-copyright-information a:hover,.cmd-copyright-information a:active,.cmd-copyright-information a:focus{text-decoration:underline;color:var(--pure-white)}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius)}.cmd-fake-select>span:first-child a{align-self:flex-end}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-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;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(--pure-white);border-color:var(--primary-color)}.cmd-fake-select>ul>li:first-child>a:hover span,.cmd-fake-select>ul>li:first-child>a:hover [class*=icon],.cmd-fake-select>ul>li:first-child>a:active span,.cmd-fake-select>ul>li:first-child>a:active [class*=icon],.cmd-fake-select>ul>li:first-child>a:focus span,.cmd-fake-select>ul>li:first-child>a:focus [class*=icon]{color:var(--hyperlink-color)}.cmd-fake-select>ul.open{border-bottom:0}.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:.8rem .7rem .7rem;outline:none;border-bottom:var(--default-border);text-decoration:none}.cmd-fake-select li a:hover,.cmd-fake-select li a:active,.cmd-fake-select li a:focus,.cmd-fake-select li a:visited:hover,.cmd-fake-select li a:visited:active,.cmd-fake-select li a:visited:focus{background:var(--primary-color)}.cmd-fake-select li a:hover span,.cmd-fake-select li a:hover [class*=icon],.cmd-fake-select li a:active span,.cmd-fake-select li a:active [class*=icon],.cmd-fake-select li a:focus span,.cmd-fake-select li a:focus [class*=icon],.cmd-fake-select li a:visited:hover span,.cmd-fake-select li a:visited:hover [class*=icon],.cmd-fake-select li a:visited:active span,.cmd-fake-select li a:visited:active [class*=icon],.cmd-fake-select li a:visited:focus span,.cmd-fake-select li a:visited:focus [class*=icon]{color:var(--pure-white)}.cmd-fake-select li a span:first-child,.cmd-fake-select li a span:nth-child(2),.cmd-fake-select li a:visited span:first-child,.cmd-fake-select li a:visited span:nth-child(2){border:0}.cmd-fake-select li a img.flag,.cmd-fake-select li a:visited img.flag{margin:0 calc(var(--default-margin) / 2) 0 0}.cmd-fake-select li a.active,.cmd-fake-select li a:visited.active{background:var(--light-gray)}.cmd-fake-select li a.active span,.cmd-fake-select li a:visited.active span{color:var(--hyperlink-color)}.cmd-fake-select li a.active:hover,.cmd-fake-select li a.active:active,.cmd-fake-select li a.active:focus,.cmd-fake-select li a:visited.active:hover,.cmd-fake-select li a:visited.active:active,.cmd-fake-select li a:visited.active:focus{background:var(--primary-color)}.cmd-fake-select li a.active:hover span,.cmd-fake-select li a.active:hover [class*=icon],.cmd-fake-select li a.active:active span,.cmd-fake-select li a.active:active [class*=icon],.cmd-fake-select li a.active:focus span,.cmd-fake-select li a.active:focus [class*=icon],.cmd-fake-select li a:visited.active:hover span,.cmd-fake-select li a:visited.active:hover [class*=icon],.cmd-fake-select li a:visited.active:active span,.cmd-fake-select li a:visited.active:active [class*=icon],.cmd-fake-select li a:visited.active:focus span,.cmd-fake-select li a:visited.active:focus [class*=icon]{color:var(--pure-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{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-]{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)}.cmd-fake-select.has-state.label>ul>li:first-child>a:hover span,.cmd-fake-select.has-state.label>ul>li:first-child>a:active span,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus span{color:var(--status-color)}.cmd-fake-select.error a:hover img.flag,.cmd-fake-select.error a:focus img.flag,.cmd-fake-select.error a:active img.flag,.cmd-fake-select.disabled a:hover img.flag,.cmd-fake-select.disabled a:focus img.flag,.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-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(--pure-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 iframe{border-radius:var(--default-border-radius)}.cmd-google-maps .cmd-system-message{margin:0;border-top-left-radius:0;border-top-right-radius:0}.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}.cmd-image-gallery .image-wrapper:hover img,.cmd-image-gallery .image-wrapper:active img,.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 .zoom-container{display:block!important;overflow:hidden}.cmd-image-zoom .zoom-container>img{max-width:none}.cmd-image-zoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}.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;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container input,.cmd-input-group>.label-text:active+.flex-container input,.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{--status-color: var(--error-color)}.cmd-input-group.has-state label,.cmd-input-group.has-state span,.cmd-input-group.has-state [class*=icon-]{color:var(--status-color)}.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-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;align-items:center;text-decoration:none;flex:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.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}@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(--pure-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(--default-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-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap)}.cmd-multistep-form-progress-bar.use-gap li{border:var(--default-border);border-color:var(--primary-color-reduced-opacity);border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.use-gap li a,.cmd-multistep-form-progress-bar.use-gap li a.active{border:0;border-radius:inherit}.cmd-multistep-form-progress-bar.use-gap li a :is(span,[class*=icon-])+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar.use-gap li a.active :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.active{border-color:var(--primary-color)}.cmd-multistep-form-progress-bar.use-gap li.active~li{border-color:var(--border-color)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0}.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 a{display:flex;text-decoration:none;padding:var(--default-padding);align-items:center;justify-content:center;width:100%;background:var(--primary-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-]){color:var(--pure-white);font-size:var(--icon-size-medium)!important}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);background:var(--pure-white);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}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}.cmd-multistep-form-progress-bar li a:hover,.cmd-multistep-form-progress-bar li a:active,.cmd-multistep-form-progress-bar li a:focus{background:var(--primary-color)}.cmd-multistep-form-progress-bar li a:hover :is(span,[class*=icon-]),.cmd-multistep-form-progress-bar li a:active :is(span,[class*=icon-]),.cmd-multistep-form-progress-bar li a:focus :is(span,[class*=icon-]){color:var(--pure-white)}.cmd-multistep-form-progress-bar li a:hover .number,.cmd-multistep-form-progress-bar li a:active .number,.cmd-multistep-form-progress-bar li a:focus .number{color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li a .number{margin-right:calc(var(--default-margin) / 2);line-height:100%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--full-circle);border:var(--default-border);border-color:var(--pure-white);background:var(--pure-white);color:var(--primary-color-reduced-opacity)}.cmd-multistep-form-progress-bar li:last-child a [class*=icon-]:last-of-type{display:none}.cmd-multistep-form-progress-bar li.active a{background:var(--primary-color)}.cmd-multistep-form-progress-bar li.active a span,.cmd-multistep-form-progress-bar li.active a [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li.active a:hover span,.cmd-multistep-form-progress-bar li.active a:hover [class*=icon-],.cmd-multistep-form-progress-bar li.active a:active span,.cmd-multistep-form-progress-bar li.active a:active [class*=icon-],.cmd-multistep-form-progress-bar li.active a:focus span,.cmd-multistep-form-progress-bar li.active a:focus [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li.active a:hover span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:hover [class*=icon-]+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:active span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:active [class*=icon-]+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:focus span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:focus [class*=icon-]+[class*=icon-]:last-child{color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li.active .number{background:var(--pure-white);border-color:var(--pure-white);color:var(--hyperlink-color)!important}.cmd-multistep-form-progress-bar li.active~li{background:var(--default-background);border-left-color:var(--border-color)}.cmd-multistep-form-progress-bar li.active~li a{background:none;color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li.active~li a span,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]{color:inherit}.cmd-multistep-form-progress-bar li.active~li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]+[class*=icon-]:last-child{border-color:var(--border-color);color:var(--pure-white);background:var(--secondary-color)}.cmd-multistep-form-progress-bar li.active~li a:hover span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:hover [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus [class*=icon-]:not(:last-child){color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li.active~li a:hover .number,.cmd-multistep-form-progress-bar li.active~li a:active .number,.cmd-multistep-form-progress-bar li.active~li a:focus .number{border-color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li.active~li .number{background:none;border-color:var(--border-color)}.cmd-multistep-form-progress-bar li.active+li{border-left-color:var(--border-color)}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.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 a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.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(--pure-white);background:var(--success-color);border-radius:var(--default-border-radius)}.cmd-opening-hours>a.closed,.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(--pure-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-pagination{display:flex;justify-content:space-between}.cmd-pagination button,.cmd-pagination .button{float:none;margin:0}.cmd-pagination button:has(span:only-child),.cmd-pagination .button:has(span:only-child){aspect-ratio:1/1}.cmd-pagination button span,.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: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.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);outline:0}.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(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-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: 600px){.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: 600px){.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)}.cmd-page-footer.small-buttons button span,.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 (width <= 600px){.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}.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 li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.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%;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{--header-scroll-animation: var(--default-transition);transition:var(--header-scroll-animation)}.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 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: 600px){.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: 600px){.cmd-box-site-search{flex-wrap:nowrap}}.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(--pure-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(--pure-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(--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)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus a,.cmd-slideshow .inner-slideshow-wrapper>ol li.active a{background:var(--pure-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(--pure-white)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus a,.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(--pure-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-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}.cmd-table-wrapper.collapsed table th,.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(--pure-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}.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)}.cmd-tabs>ul>li a:hover span,.cmd-tabs>ul>li a:hover [class*=icon-],.cmd-tabs>ul>li a:active span,.cmd-tabs>ul>li a:active [class*=icon-],.cmd-tabs>ul>li a:focus span,.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(--pure-white)}.cmd-tabs>ul>li.active:hover a,.cmd-tabs>ul>li.active:hover a:focus,.cmd-tabs>ul>li.active:active a,.cmd-tabs>ul>li.active:active a:focus{color:var(--hyperlink-color);background:var(--pure-white)}.cmd-tabs>ul>li.active:hover a span,.cmd-tabs>ul>li.active:hover a [class*=icon-],.cmd-tabs>ul>li.active:hover a:focus span,.cmd-tabs>ul>li.active:hover a:focus [class*=icon-],.cmd-tabs>ul>li.active:active a span,.cmd-tabs>ul>li.active:active a [class*=icon-],.cmd-tabs>ul>li.active:active a:focus span,.cmd-tabs>ul>li.active:active a:focus [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-tabs>ul>li.active a:focus{color:var(--pure-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(--primary-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-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(--pure-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(--pure-white) 50%,var(--medium-gray) 100%);border-color:transparent;box-shadow:.2rem .1rem .2rem hsla(var(--pure-white-hue),var(--pure-white-saturation),var(--pure-white-lightness),.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)}.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 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}.cmd-upload-form .drop-area.allow-drop,.cmd-upload-form.drop-area.allow-drop{border-style:solid}.cmd-upload-form .drop-area>[class*=icon-],.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)}.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 [class*=icon-]{font-size:2rem;color:var(--pure-white);margin:0}.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}
+.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);display:block}.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 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(--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(--pure-white);border-bottom:0;background:var(--pure-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(--pure-white);border-color:var(--pure-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(--pure-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(--default-margin);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.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}.cmd-headline h1:only-child,.cmd-headline h2:only-child,.cmd-headline h3:only-child,.cmd-headline h4:only-child,.cmd-headline h5:only-child,.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}.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)}.cmd-list-of-requirements dl .warning,.cmd-list-of-requirements dl .warning span{--status-color: var(--warning-color)}.cmd-list-of-requirements dl .success,.cmd-list-of-requirements dl .success span{--status-color: var(--success-color)}.cmd-list-of-requirements dl .info,.cmd-list-of-requirements dl .info span{--status-color: var(--info-color)}.cmd-list-of-requirements dl dt{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}.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:hover,.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:active,.cmd-tooltip-for-form-elements .headline-wrapper a[class*=icon-]:focus,.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]):hover,.cmd-tooltip-for-form-elements .headline-wrapper a:has([class*=icon-]):active,.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.has-state.error *,.cmd-form-element+.cmd-tooltip.error *{--status-color: var(--error-color)}.cmd-form-element.has-state ::placeholder,.cmd-form-element+.cmd-tooltip ::placeholder{color:var(--status-color)}.cmd-form-element.has-state span,.cmd-form-element+.cmd-tooltip span{color:var(--status-color)}.cmd-form-element.has-state span.place-inside,.cmd-form-element+.cmd-tooltip span.place-inside{color:inherit}.cmd-form-element.has-state.success *,.cmd-form-element+.cmd-tooltip.success *{--status-color: var(--success-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--hyperlink-color)}.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:hover~.label-text span,.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked:active~.label-text span,.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 .search-field-wrapper{margin:0}.cmd-form-element .search-field-wrapper input[type=search]{border-radius:var(--default-border-radius)}.cmd-form-element .search-field-wrapper a{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:100}.cmd-form-element .search-field-wrapper a.button span{color:var(--color-scheme-background)}.cmd-form-element .search-field-wrapper a.button:hover span,.cmd-form-element .search-field-wrapper a.button:active span,.cmd-form-element .search-field-wrapper a.button:focus span{color:var(--color-scheme-text-color)}.cmd-form-element .search-field-wrapper a.button{right:0}.cmd-form-element .search-field-wrapper a.button+a{right:5rem}.cmd-form-element .place-inside+.search-field-wrapper 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 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{line-height:var(--default-line-height)}.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-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center}.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(--pure-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}.cmd-system-message>a.close-button:hover [class*=icon-],.cmd-system-message>a.close-button:active [class*=icon-],.cmd-system-message>a.close-button:focus [class*=icon-]{color:var(--pure-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)}.cmd-system-message.warning>a.close-button:hover [class*=icon-],.cmd-system-message.warning>a.close-button:active [class*=icon-],.cmd-system-message.warning>a.close-button:focus [class*=icon-]{color:var(--pure-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 legend.align-left{left:0;right:auto}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form .button,.cmd-form .button:last-child{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(--pure-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;height:100%;position:absolute;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;top:0}.cmd-slide-button.button.right{right:0;top: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: 600px){.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{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.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;margin-top:2rem;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(--pure-white)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:has(img){padding:0}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:hover.active figcaption,.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li a:active.active figcaption,.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}.cmd-thumbnail-scroller.gallery-scroller li a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li a:focus-visible figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li a:hover img,.cmd-thumbnail-scroller.gallery-scroller li a:active img,.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 <= 600px){.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}.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(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-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(--medium-gray) 75%,var(--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(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.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}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.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}@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{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.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-pages-basic-form fieldset{margin:0}.cmd-pages-basic-form fieldset .order-city-zip{flex-direction:row-reverse}.cmd-pages-basic-form fieldset .input-zip{max-width:30%}.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)M}.cmd-list-of-links>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0}.cmd-list-of-links>ul li{list-style:none;margin-left:0!important}.cmd-list-of-links>ul.align-center{justify-content:center}.cmd-list-of-links>ul.align-right li{text-align:right}.cmd-list-of-links>ul ul{display:flex;flex-direction:column;margin-left:calc(var(--default-padding) * 2)}.cmd-list-of-links.show-list-style-items li{list-style-type:disc;margin-left:1.7rem}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons li{list-style-type:none}.cmd-list-of-links.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-of-links.large-icons li a span{margin:0}.cmd-list-of-links.large-icons li a [class*=icon-]{font-size:5rem}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>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 .cmd-headline{margin-bottom:0}.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)}.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus{background:var(--pure-white)}.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>.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;border-top:var(--box-border)}.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(--83433e5e))}.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(--pure-white)}.cmd-box.content .box-body .navigation li:last-child a{border:0}.cmd-box.product>div>.cmd-custom-headline,.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(--pure-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-header figcaption{font-size:2rem;font-weight:700;padding:var(--default-padding)}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.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.user .user-name{color:var(--color-scheme-text-color);font-size:2rem}.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}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user>.box-header img,.cmd-box.user>.box-header>div:first-child>[class*=icon-]{display:table;margin:0 auto var(--default-margin) auto!important;padding:calc(var(--default-padding) * 3);border-radius:var(--full-circle);background:var(--box-header-background);color:var(--pure-white)}.cmd-box.user>.box-header img+p,.cmd-box.user>.box-header img+figcaption,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+p,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+figcaption{margin:0 auto;text-align:center;font-weight:700;font-size:2rem}.cmd-box.user>.box-header img{padding:0;width:calc(var(--default-icon-size) * 2);aspect-ratio:1/1}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{margin:0;font-size:var(--default-icon-size)}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top: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-of-links ul{width:100%;margin-bottom:0}.cmd-box.user .box-footer .cmd-list-of-links 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-of-links ul li:not(:only-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.user .box-footer .cmd-list-of-links ul li:not(:only-child):first-child{border-bottom-left-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list-of-links ul li:not(:only-child):last-child{border-bottom-right-radius:var(--box-border-radius)}.cmd-box.user .box-footer .cmd-list-of-links 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-of-links ul li:hover a,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a{background:var(--primary-color);color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:active a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a [class*=icon-]{color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:first-child a{border: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{flex-direction:column}.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 .box-footer{margin-top:0}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--7dc17307),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(--3c53d129),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--7e294cd3),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-company-logo img{display:block;max-height:10rem}.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(--pure-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(--pure-white)!important}.cmd-cookie-disclaimer .collapsible-box header span[class*=icon-]{color:var(--pure-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(--pure-white)}.cmd-cookie-disclaimer .collapsible-box header label.disabled .label-text span{color:var(--pure-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(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none}.cmd-copyright-information a{text-decoration:none;color:var(--pure-white)}.cmd-copyright-information a:hover,.cmd-copyright-information a:active,.cmd-copyright-information a:focus{text-decoration:underline;color:var(--pure-white)}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius)}.cmd-fake-select>span:first-child a{align-self:flex-end}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-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;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(--pure-white);border-color:var(--primary-color)}.cmd-fake-select>ul>li:first-child>a:hover span,.cmd-fake-select>ul>li:first-child>a:hover [class*=icon],.cmd-fake-select>ul>li:first-child>a:active span,.cmd-fake-select>ul>li:first-child>a:active [class*=icon],.cmd-fake-select>ul>li:first-child>a:focus span,.cmd-fake-select>ul>li:first-child>a:focus [class*=icon]{color:var(--hyperlink-color)}.cmd-fake-select>ul.open{border-bottom:0}.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:.8rem .7rem .7rem;outline:none;border-bottom:var(--default-border);text-decoration:none}.cmd-fake-select li a:hover,.cmd-fake-select li a:active,.cmd-fake-select li a:focus,.cmd-fake-select li a:visited:hover,.cmd-fake-select li a:visited:active,.cmd-fake-select li a:visited:focus{background:var(--primary-color)}.cmd-fake-select li a:hover span,.cmd-fake-select li a:hover [class*=icon],.cmd-fake-select li a:active span,.cmd-fake-select li a:active [class*=icon],.cmd-fake-select li a:focus span,.cmd-fake-select li a:focus [class*=icon],.cmd-fake-select li a:visited:hover span,.cmd-fake-select li a:visited:hover [class*=icon],.cmd-fake-select li a:visited:active span,.cmd-fake-select li a:visited:active [class*=icon],.cmd-fake-select li a:visited:focus span,.cmd-fake-select li a:visited:focus [class*=icon]{color:var(--pure-white)}.cmd-fake-select li a span:first-child,.cmd-fake-select li a span:nth-child(2),.cmd-fake-select li a:visited span:first-child,.cmd-fake-select li a:visited span:nth-child(2){border:0}.cmd-fake-select li a img.flag,.cmd-fake-select li a:visited img.flag{margin:0 calc(var(--default-margin) / 2) 0 0}.cmd-fake-select li a.active,.cmd-fake-select li a:visited.active{background:var(--light-gray)}.cmd-fake-select li a.active span,.cmd-fake-select li a:visited.active span{color:var(--hyperlink-color)}.cmd-fake-select li a.active:hover,.cmd-fake-select li a.active:active,.cmd-fake-select li a.active:focus,.cmd-fake-select li a:visited.active:hover,.cmd-fake-select li a:visited.active:active,.cmd-fake-select li a:visited.active:focus{background:var(--primary-color)}.cmd-fake-select li a.active:hover span,.cmd-fake-select li a.active:hover [class*=icon],.cmd-fake-select li a.active:active span,.cmd-fake-select li a.active:active [class*=icon],.cmd-fake-select li a.active:focus span,.cmd-fake-select li a.active:focus [class*=icon],.cmd-fake-select li a:visited.active:hover span,.cmd-fake-select li a:visited.active:hover [class*=icon],.cmd-fake-select li a:visited.active:active span,.cmd-fake-select li a:visited.active:active [class*=icon],.cmd-fake-select li a:visited.active:focus span,.cmd-fake-select li a:visited.active:focus [class*=icon]{color:var(--pure-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{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-]{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)}.cmd-fake-select.has-state.label>ul>li:first-child>a:hover span,.cmd-fake-select.has-state.label>ul>li:first-child>a:active span,.cmd-fake-select.has-state.label>ul>li:first-child>a:focus span{color:var(--status-color)}.cmd-fake-select.error a:hover img.flag,.cmd-fake-select.error a:focus img.flag,.cmd-fake-select.error a:active img.flag,.cmd-fake-select.disabled a:hover img.flag,.cmd-fake-select.disabled a:focus img.flag,.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-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(--pure-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 iframe{border-radius:var(--default-border-radius)}.cmd-google-maps .cmd-system-message{margin:0;border-top-left-radius:0;border-top-right-radius:0}.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}.cmd-image-gallery .image-wrapper:hover img,.cmd-image-gallery .image-wrapper:active img,.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 .zoom-container{display:block!important;overflow:hidden}.cmd-image-zoom .zoom-container>img{max-width:none}.cmd-image-zoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}.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;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container input,.cmd-input-group>.label-text:active+.flex-container input,.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{--status-color: var(--error-color)}.cmd-input-group.has-state label,.cmd-input-group.has-state span,.cmd-input-group.has-state [class*=icon-]{color:var(--status-color)}.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-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;align-items:center;text-decoration:none;flex:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.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}@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(--pure-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(--default-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-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap)}.cmd-multistep-form-progress-bar.use-gap li{border:var(--default-border);border-color:var(--primary-color-reduced-opacity);border-radius:var(--default-border-radius)}.cmd-multistep-form-progress-bar.use-gap li a,.cmd-multistep-form-progress-bar.use-gap li a.active{border:0;border-radius:inherit}.cmd-multistep-form-progress-bar.use-gap li a :is(span,[class*=icon-])+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar.use-gap li a.active :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.active{border-color:var(--primary-color)}.cmd-multistep-form-progress-bar.use-gap li.active~li{border-color:var(--border-color)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0}.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 a{display:flex;text-decoration:none;padding:var(--default-padding);align-items:center;justify-content:center;width:100%;background:var(--primary-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-]){color:var(--pure-white);font-size:var(--icon-size-medium)!important}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);background:var(--pure-white);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}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}.cmd-multistep-form-progress-bar li a:hover,.cmd-multistep-form-progress-bar li a:active,.cmd-multistep-form-progress-bar li a:focus{background:var(--primary-color)}.cmd-multistep-form-progress-bar li a:hover :is(span,[class*=icon-]),.cmd-multistep-form-progress-bar li a:active :is(span,[class*=icon-]),.cmd-multistep-form-progress-bar li a:focus :is(span,[class*=icon-]){color:var(--pure-white)}.cmd-multistep-form-progress-bar li a:hover .number,.cmd-multistep-form-progress-bar li a:active .number,.cmd-multistep-form-progress-bar li a:focus .number{color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li a .number{margin-right:calc(var(--default-margin) / 2);line-height:100%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--full-circle);border:var(--default-border);border-color:var(--pure-white);background:var(--pure-white);color:var(--primary-color-reduced-opacity)}.cmd-multistep-form-progress-bar li:last-child a [class*=icon-]:last-of-type{display:none}.cmd-multistep-form-progress-bar li.active a{background:var(--primary-color)}.cmd-multistep-form-progress-bar li.active a span,.cmd-multistep-form-progress-bar li.active a [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li.active a:hover span,.cmd-multistep-form-progress-bar li.active a:hover [class*=icon-],.cmd-multistep-form-progress-bar li.active a:active span,.cmd-multistep-form-progress-bar li.active a:active [class*=icon-],.cmd-multistep-form-progress-bar li.active a:focus span,.cmd-multistep-form-progress-bar li.active a:focus [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li.active a:hover span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:hover [class*=icon-]+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:active span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:active [class*=icon-]+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:focus span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active a:focus [class*=icon-]+[class*=icon-]:last-child{color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li.active .number{background:var(--pure-white);border-color:var(--pure-white);color:var(--hyperlink-color)!important}.cmd-multistep-form-progress-bar li.active~li{background:var(--default-background);border-left-color:var(--border-color)}.cmd-multistep-form-progress-bar li.active~li a{background:none;color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li.active~li a span,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]{color:inherit}.cmd-multistep-form-progress-bar li.active~li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]+[class*=icon-]:last-child{border-color:var(--border-color);color:var(--pure-white);background:var(--secondary-color)}.cmd-multistep-form-progress-bar li.active~li a:hover span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:hover [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus [class*=icon-]:not(:last-child){color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li.active~li a:hover .number,.cmd-multistep-form-progress-bar li.active~li a:active .number,.cmd-multistep-form-progress-bar li.active~li a:focus .number{border-color:var(--hyperlink-color)}.cmd-multistep-form-progress-bar li.active~li .number{background:none;border-color:var(--border-color)}.cmd-multistep-form-progress-bar li.active+li{border-left-color:var(--border-color)}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.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 a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.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(--pure-white);background:var(--success-color);border-radius:var(--default-border-radius)}.cmd-opening-hours>a.closed,.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(--pure-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-pagination{display:flex;justify-content:space-between}.cmd-pagination button,.cmd-pagination .button{float:none;margin:0}.cmd-pagination button:has(span:only-child),.cmd-pagination .button:has(span:only-child){aspect-ratio:1/1}.cmd-pagination button span,.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: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.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);outline:0}.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(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-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: 600px){.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: 600px){.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)}.cmd-page-footer.small-buttons button span,.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 (width <= 600px){.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}.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 li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.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%;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{--header-scroll-animation: var(--default-transition);transition:var(--header-scroll-animation)}.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 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: 600px){.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: 600px){.cmd-box-site-search{flex-wrap:nowrap}}.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(--pure-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(--pure-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(--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)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus a,.cmd-slideshow .inner-slideshow-wrapper>ol li.active a{background:var(--pure-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(--pure-white)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus a,.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(--pure-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-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}.cmd-table-wrapper.collapsed table th,.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(--pure-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}.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)}.cmd-tabs>ul>li a:hover span,.cmd-tabs>ul>li a:hover [class*=icon-],.cmd-tabs>ul>li a:active span,.cmd-tabs>ul>li a:active [class*=icon-],.cmd-tabs>ul>li a:focus span,.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(--pure-white)}.cmd-tabs>ul>li.active:hover a,.cmd-tabs>ul>li.active:hover a:focus,.cmd-tabs>ul>li.active:active a,.cmd-tabs>ul>li.active:active a:focus{color:var(--hyperlink-color);background:var(--pure-white)}.cmd-tabs>ul>li.active:hover a span,.cmd-tabs>ul>li.active:hover a [class*=icon-],.cmd-tabs>ul>li.active:hover a:focus span,.cmd-tabs>ul>li.active:hover a:focus [class*=icon-],.cmd-tabs>ul>li.active:active a span,.cmd-tabs>ul>li.active:active a [class*=icon-],.cmd-tabs>ul>li.active:active a:focus span,.cmd-tabs>ul>li.active:active a:focus [class*=icon-]{color:var(--hyperlink-color-highlighted)}.cmd-tabs>ul>li.active a:focus{color:var(--pure-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(--primary-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-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(--pure-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(--pure-white) 50%,var(--medium-gray) 100%);border-color:transparent;box-shadow:.2rem .1rem .2rem hsla(var(--pure-white-hue),var(--pure-white-saturation),var(--pure-white-lightness),.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)}.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}.cmd-upload-form .drop-area.allow-drop,.cmd-upload-form.drop-area.allow-drop{border-style:solid}.cmd-upload-form .drop-area>[class*=icon-],.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)}.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(--pure-white);margin:0}.demopage .headline-demopage .button{background:none;border-color:var(--pure-white);align-self:center}.demopage .headline-demopage .button:hover,.demopage .headline-demopage .button:active,.demopage .headline-demopage .button:focus{background:var(--pure-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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.46",
+  "version": "4.1.47",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-frontend-framework": "^4.1.10",
+    "comand-frontend-framework": "^4.1.11",
     "comand-ui-iconfonts": "^1.0.14",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",

package/src/ComponentLibrary.vue

@@ -201,7 +201,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-address-data">
                     <span>Address Data</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdAddressData')"></a>
                 </h2>
                 <div class="flex-container">
@@ -269,7 +269,7 @@
                         <legend>Legend</legend>
                         <h2 class="headline-demopage">
                             <span>Form Element-Component</span>
-                            <a href="#" class="icon-cog" title="Open Component Settings"
+                            <a href="#" class="button small icon-cog" title="Open Component Settings"
                                @click.prevent="openSettingsSidebar('CmdFormElement')"></a>
                         </h2>
                         <CmdFormElement
@@ -466,7 +466,7 @@
                         <!-- begin FakeSelect -->
                         <h3 class="headline-demopage">
                             <span>Fake Selects</span>
-                            <a href="#" class="icon-cog" title="Open Component Settings"
+                            <a href="#" class="button small icon-cog" title="Open Component Settings"
                                @click.prevent="openSettingsSidebar('CmdFakeSelect')"></a>
                         </h3>
                         <div class="flex-container">
@@ -816,7 +816,7 @@
                         <!-- begin input-groups -->
                         <h3 class="headline-demopage" id="section-input-group">
                             Input-Group
-                            <a href="#" class="icon-cog" title="Open Component Settings"
+                            <a href="#" class="button small icon-cog" title="Open Component Settings"
                                @click.prevent="openSettingsSidebar('CmdInputGroup')"></a>
                         </h3>
                         <CmdInputGroup
@@ -951,7 +951,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-bank-account-data">
                     <span>Bank Account Data</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdBankAccountData')"></a>
                 </h2>
                 <CmdBankAccountData
@@ -966,7 +966,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-basic-form">
                     <span>Basic Form</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdBasicForm')"></a>
                 </h2>
                 <CmdBasicForm
@@ -996,7 +996,7 @@
                 <h2 class="headline-demopage">Boxes</h2>
                 <h3 class="headline-demopage">
                     <span>Default Box</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdBox')"></a>
                 </h3>
                 <CmdBox
@@ -1205,7 +1205,7 @@
                     </template>
                 </CmdBoxWrapper>
                 <h3><span>Boxes in BoxWrapper (collapsible)</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdBoxWrapper')"></a>
                 </h3>
                 <CmdBoxWrapper
@@ -1239,7 +1239,7 @@
             <CmdWidthLimitationWrapper inner-component="div">
                 <h2 class="headline-demopage" id="section-breadcrumbs">
                     <span>Breadcrumbs</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdBreadcrumbs')"></a>
                 </h2>
                 <CmdBreadcrumbs
@@ -1255,7 +1255,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-company-logo">
                     <span>Company Logo</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdCompanyLogo')"></a>
                 </h2>
                 <CmdCompanyLogo
@@ -1270,7 +1270,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-container">
                     <span>Container</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdContainer')"></a>
                 </h2>
                 <h3>Default Container</h3>
@@ -1413,7 +1413,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-headlines">
                     <span>Headlines</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdHeadline')"></a>
                 </h2>
                 <CmdHeadline
@@ -1471,7 +1471,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-image">
                     <span>Image</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdImage')"></a>
                 </h2>
                 <div class="flex-container">
@@ -1493,7 +1493,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-image-gallery">
                     <span>Image-Gallery</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdImageGallery')"></a>
                 </h2>
                 <CmdImageGallery
@@ -1520,7 +1520,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-link">
                     <span>Link</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdLink')"></a>
                 </h2>
                 <CmdLink
@@ -1562,7 +1562,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-list-of-links">
                     <span>List Of Links</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdListOfLinks')"></a>
                 </h2>
                 <CmdListOfLinks
@@ -1577,7 +1577,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-login-form">
                     <span>Login Form</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdLoginForm')"></a>
                 </h2>
                 <CmdForm :use-validation="true" :use-fieldset="false">
@@ -1603,7 +1603,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-main-navigation">
                     <span>Main Navigation</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdMainNavigation')"></a>
                 </h2>
                 <CmdMainNavigation
@@ -1621,7 +1621,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-multistep-form-progress-bar">
                     <span>Multistepform-Progressbar</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdMultistepFormProgressBar')"></a>
                 </h2>
                 <h3>Steps with icons</h3>
@@ -1641,7 +1641,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-newsletter-subscription">
                     <span>Newsletter Subscription</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdNewsletterSubscription')"></a>
                 </h2>
                 <CmdForm :use-fieldset="false">
@@ -1659,7 +1659,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-opening-hours">
                     <span>Opening Hours</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdOpeningHours')"></a>
                 </h2>
                 <CmdOpeningHours
@@ -1684,7 +1684,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-page-footer">
                     <span>Page Footer</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdPageFooter')"></a>
                 </h2>
                 <CmdPageFooter
@@ -1705,7 +1705,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-page-header">
                     <span>Page Header</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdPageHeader')"></a>
                 </h2>
                 <CmdPageHeader
@@ -1724,7 +1724,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-pagination">
                     <span>Pagination</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdPagination')"></a>
                 </h2>
                 <div>
@@ -1751,7 +1751,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-site-header">
                     <span>Site Header</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdSiteHeader')"></a>
                 </h2>
                 <CmdSiteHeader
@@ -1774,7 +1774,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-site-search">
                     <span>Site Search</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdSiteSearch')"></a>
                 </h2>
                 <CmdSiteSearch
@@ -1794,7 +1794,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-slideshow">
                     <span>Slideshow</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdSlideshow')"></a>
                 </h2>
                 <CmdSlideshow
@@ -1810,7 +1810,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-social-networks">
                     <span>Social Networks</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdSocialNetworks')"></a>
                 </h2>
                 <CmdSocialNetworks
@@ -1835,7 +1835,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-system-message">
                     <span>System Message</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdSystemMessage')"></a>
                 </h2>
                 <CmdSystemMessage
@@ -1855,7 +1855,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-tables">
                     <span>Tables</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdTable')"></a>
                 </h2>
                 <h3>Table as wide as its content (with caption)</h3>
@@ -1878,7 +1878,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-tabs">
                     <span>Tabs</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdTabs')"></a>
                 </h2>
                 <CmdTabs
@@ -1905,7 +1905,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-text-image-block">
                     <span>Text-Image-Block</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdTextImageBlock')"></a>
                 </h2>
                 <div class="flex-container">
@@ -1957,7 +1957,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-thumbnail-scroller">
                     <span>Thumbnail-Scroller</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdThumbnailScroller')"></a>
                 </h2>
                 <div class="inline-size">
@@ -1974,7 +1974,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-toggle-dark-mode">
                     <span>Toggle Dark-Mode</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdToggleDarkMode')"></a>
                 </h2>
                 <CmdToggleDarkMode
@@ -1988,7 +1988,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-tooltip">
                     <span>Tooltip</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdTooltip')"></a>
                 </h2>
                 <p>
@@ -2023,7 +2023,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-upload-form">
                     <span>Upload-Form</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdUploadForm')"></a>
                 </h2>
                 <CmdUploadForm
@@ -2037,7 +2037,7 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-width-limitation-wrapper">
                     <span>Width Limitation Wrapper</span>
-                    <a href="#" class="icon-cog" title="Open Component Settings"
+                    <a href="#" class="button small icon-cog" title="Open Component Settings"
                        @click.prevent="openSettingsSidebar('CmdWidthLimitationWrapper')"></a>
                 </h2>
                 <CmdWidthLimitationWrapper
@@ -2634,11 +2634,24 @@ export default {
     }
 
     .headline-demopage {
+        display: flex;
+        align-items: center;
+
         [class*="icon-"] {
-            font-size: 2rem;
             color: var(--pure-white);
             margin: 0;
         }
+
+        .button {
+            background: none;
+            border-color: var(--pure-white);
+            align-self: center;
+
+            &:hover, &:active, &:focus {
+                background: var(--pure-white);
+                color: var(--primary-color) !important;
+            }
+        }
     }
 
     .cmd-sidebar {

package/src/components/CmdUploadForm.vue

@@ -1,6 +1,6 @@
 <template>
     <!-- begin advanced mode -->
-    <fieldset v-if="advancedMode" :class="['cmd-upload-form flex-container', { 'upload-initiated': uploadInitiated }]">
+    <fieldset v-if="advancedMode" :class="['cmd-upload-form flex-container vertical', { 'upload-initiated': uploadInitiated }]">
         <legend :class="{hidden : !legend.show, 'align-left': legend.align === 'left'}">{{ legend.text }}</legend>
         <!-- begin CmdHeadlineFieldset -->
         <CmdHeadline
@@ -1208,6 +1208,10 @@ export default {
         .cmd-headline > * {
             text-align: center;
         }
+
+        dl {
+            margin: 0;
+        }
     }
 
     p {