comand-component-library 3.3.26 → 3.3.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/comand-component-library.js +210 -197
- package/dist/comand-component-library.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/App.vue +37 -32
- package/src/assets/styles/logos-iconfont.css +3 -3
- package/src/components/CmdBox.vue +43 -19
- package/src/components/CmdBoxWrapper.vue +6 -2
- package/src/components/CmdMainNavigation.vue +1 -1
- package/src/components/CmdMultistepFormProgressBar.vue +1 -1
- package/src/components/CmdThumbnailScroller.vue +3 -1
- package/src/components/CmdTooltip.vue +2 -2
- package/src/components/CmdWidthLimitationWrapper.vue +0 -1
- /package/src/assets/fonts/iconfonts/logos-iconfont/{icomoon.woff → icomoon-logos.woff} +0 -0
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.iconify{font-size:var(--icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.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-icon{display:flex;align-items:center}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text [class*=icon-]{font-size:5rem}.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%}@media only screen and (600px){.cmd-headline{flex-direction:column}.cmd-headline h1{margin-bottom:calc(var(--default-margin) * 2)}}.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(--line-height)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2)}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-back-to-top-button{padding:var(--default-padding);display:inline-block;position:fixed;right:1rem;bottom:1rem;text-decoration:none;z-index:1000;border:var(--default-border);background:var(--color-scheme-background-color);border-radius:var(--full-circle);line-height:100%}.cmd-back-to-top-button:hover,.cmd-back-to-top-button:active,.cmd-back-to-top-button:focus{border-color:var(--primary-color);transition:var(--default-transition)}.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-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;background:var(--default-background-color-reduced-opacity);border:0}.cmd-slide-button.button span{align-self:center;color:var(--primary-color-reduced-opacity)}.cmd-slide-button.button:hover,.cmd-slide-button.button:active,.cmd-slide-button.button:focus{background:var(--pure-white);transition:var(--default-transition)}.cmd-slide-button.button:hover span,.cmd-slide-button.button:active span,.cmd-slide-button.button:focus span{color:var(--hyperlink-color-highlighted)}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{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{overflow:hidden;border-radius:var(--border-radius);padding:var(--default-padding);display:table;margin:0 auto calc(var(--default-margin) * 2) auto;border:var(--default-border);background:var(--color-scheme-background-color)}.cmd-thumbnail-scroller>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between}.cmd-thumbnail-scroller>ul>li{align-self:center;list-style-type:none;margin:0}.cmd-thumbnail-scroller>ul>li a{text-align:center}.cmd-thumbnail-scroller>ul>li img{border-radius:var(--border-radius);max-height:10rem}.cmd-thumbnail-scroller>ul>li.active a figcaption{opacity:1}.cmd-thumbnail-scroller .vertical{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller .vertical>ul{width:auto;display:-webkit-flex;display:flex;flex-direction:column}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller .vertical .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:80%;left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) figcaption{text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus img{border-color:var(--primary-color);opacity:1}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3)}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2)}.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 .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block}.cmd-fancybox.image figcaption{text-align:center}.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(--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;max-width:var(--max-width)}.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-list-of-links{display:flex;flex-direction:column}.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}.cmd-list-of-links.horizontal ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal ul>li{flex:none;display:flex}.cmd-list-of-links.horizontal ul.align-center{justify-content:center}.cmd-list-of-links.horizontal ul.align-right{justify-content:flex-end}.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}.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{height:100%}.cmd-box>.cmd-headline{margin-bottom:0}.cmd-box.collapsible a.box-header{justify-content:space-between;background:var(--primary-color)}.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(--primary-color)}.cmd-box .box-body{padding:var(--default-padding)}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content>.box-header{display:flex;align-items:center;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding:calc(var(--default-padding) / 2) var(--default-padding);background:var(--secondary-color);color:var(--pure-white);text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--pure-white);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{flex-grow:1;padding:0}.cmd-box.content .box-body p.cutoff-text{padding:var(--default-padding);margin:0;overflow:hidden;height:calc(var(--line-of-text-height) * var(--6aeeab1e))}.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-color) 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(--default-border);display:block;padding:var(--default-padding);margin:0}.cmd-box.content .box-body img{display:block}.cmd-box.content .box-body .navigation{margin:0;height:100%;background:var(--pure-white)}.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;background:var(--pure-white);border-bottom:var(--default-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.content .box-footer{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:var(--default-padding);border-top:var(--default-border)}.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>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product>.box-header img{border:0}.cmd-box.product>.box-header figcaption{font-size:2rem;font-weight:700;padding-top:var(--default-padding)}.cmd-box.product .box-body{flex-grow:1}.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>.box-header{--icon-size: 6rem;padding:var(--default-padding)}.cmd-box.user>.box-header .cmd-headline>*{display:block;text-align:center}.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;padding:calc(var(--default-padding) * 3);border-radius:var(--full-circle);background:var(--primary-color);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(--icon-size) * 2);aspect-ratio:1/1}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{font-size:var(--icon-size)}.cmd-box.user .box-body{flex-grow:1}.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;border-top:var(--default-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}.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-color);border-left:var(--default-border)}.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 [class*=icon]{--icon-size: 3rem}.cmd-box.user.row-view .box-header>div:first-child>[class*=icon-]{padding:calc(var(--default-padding) * 1.5)}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0}.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,.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:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper>.flex-container .cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.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(--768e1d12),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(--5d1c687e),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--76f5f6de),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{padding:0 calc(var(--default-padding) / 2)}.cmd-breadcrumbs li:first-child{margin-right:calc(var(--default-margin) / 2)}.cmd-breadcrumbs li:last-child>span{display:none}.cmd-breadcrumbs li a{display:inherit;align-items:inherit;text-decoration:none}.cmd-breadcrumbs li a:hover,.cmd-breadcrumbs li a:active,.cmd-breadcrumbs li a:focus{text-decoration:underline}.cmd-company-logo>a{display:block}.cmd-company-logo>a img{border:0;max-height:15rem}@media only screen and (max-width: 1023px){.cmd-company-logo>a img{max-width:100%;max-height:none}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background-color);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 .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)}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements dl .error{--status-color: var(--error-color)}.cmd-list-of-requirements dl .warning{--status-color: var(--warning-color)}.cmd-list-of-requirements dl .success{--status-color: var(--success-color)}.cmd-list-of-requirements dl .info{--status-color: var(--info-color)}.cmd-list-of-requirements dl dt,.cmd-list-of-requirements dl [class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl~a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.cmd-form-element input+.place-inside{left:auto;right:.5rem}.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:var(--status-color)}.cmd-form-element.inline>span>a:not(.button){margin-left:calc(var(--default-margin) / 2)}.cmd-form-element .search-field-wrapper{margin:0}.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(--pure-white)}.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(--text-color)}.cmd-form-element .search-field-wrapper input:not(:only-child){border-top-right-radius:0;border-bottom-right-radius:0}.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.toggle-switch.colored.off .switch-label-wrapper{border-color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text{color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text:before{border-color:var(--error-color);background-color:var(--pure-white)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper{border-color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text{color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text:before{border-color:var(--success-color);background-color:var(--success-color)}.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 .cmd-box .box-header{padding:0;justify-content:unset}.cmd-cookie-disclaimer .cmd-box .box-header label{padding:calc(var(--default-padding) / 2) var(--default-padding)}.cmd-cookie-disclaimer .cmd-box .box-header label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-header label+.toggle-icon{padding:calc(var(--default-padding) / 2) var(--default-padding);width:100%;justify-content:flex-end;text-align:right}.cmd-cookie-disclaimer .cmd-box .box-header:hover,.cmd-cookie-disclaimer .cmd-box .box-header:active,.cmd-cookie-disclaimer .cmd-box .box-header:focus{background:var(--hyperlink-color)}.cmd-cookie-disclaimer .cmd-box .box-header:hover label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:active label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:focus label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-cookie-disclaimer h1{text-align:center}.cmd-cookie-disclaimer .button{margin:0 auto}.cmd-cookie-disclaimer>p{text-align:center}.cmd-cookie-disclaimer #form-cookies{margin-bottom:var(--default-margin)}.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-copyright-information{background:var(--text-color);border-top:var(--border-width) var(--border-style) var(--pure-white);text-align:center;padding:var(--default-padding)}.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(--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(--border-radius)}.cmd-fake-select>ul>li{height:100%}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background-color);color:var(--text-color)}.cmd-fake-select>ul>li:first-child>a span,.cmd-fake-select>ul>li:first-child>a [class*=icon]{color:var(--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(--text-color)}.cmd-fake-select>ul.open{border-bottom:0}.cmd-fake-select>ul.open>li:first-child>a{border-color:var(--primary-color)}.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;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(--text-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(--border-radius);border-bottom-left-radius:var(--border-radius);background:var(--color-scheme-background-color);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>ul>li>a{border-color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a>span,.cmd-fake-select.has-state.label>ul>li>a [class*=icon-]{color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a:hover,.cmd-fake-select.has-state.label>ul>li>a:active,.cmd-fake-select.has-state.label>ul>li>a:focus{background:var(--color-scheme-background-color)}.cmd-fake-select.has-state.label>ul>li>a:hover span,.cmd-fake-select.has-state.label>ul>li>a:active span,.cmd-fake-select.has-state.label>ul>li>a:focus span{color:var(--status-color)}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background-color)}.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-color)}.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-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-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):valid:focus[required],.cmd-form:not([data-use-validation=true]) select:invalid:focus[required] option:not(:first-child){color:var(--success-color)}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form-filters{display:flex}.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)}.cmd-image-gallery>a{align-self:center;justify-self:center;grid-column:span var(--grid-small-span)}.cmd-image-gallery>a img{border:var(--default-border);border-radius:var(--border-radius);max-height:30rem}.cmd-image-gallery>a figcaption{padding:calc(var(--default-padding) / 2)}.cmd-image-gallery>a:hover,.cmd-image-gallery>a:active,.cmd-image-gallery>a:focus{text-decoration:none}.cmd-image-gallery>a:hover img,.cmd-image-gallery>a:active img,.cmd-image-gallery>a:focus img{border:var(--primary-border)}.cmd-image-gallery>a+.pager{margin-top:calc(var(--default-margin) * 2)}.cmd-imagezoom{overflow:hidden}.cmd-imagezoom .zoom-container{display:block!important;overflow:hidden}.cmd-imagezoom .zoom-container>img{max-width:none}.cmd-imagezoom .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}.cmd-input-group .label-text>[class*=icon-]{margin-left:calc(var(--default-margin) / 2)}.cmd-input-group.has-state label{color:var(--status-color)}.cmd-input-group.has-state.multiple-switch label{border-color:var(--status-color)}.cmd-login-form .option-wrapper{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>a:not(.button) [class*=icon-]{text-decoration: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}@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{left:0;opacity:1;padding:0!important;transition:var(--nav-transition);background:var(--default-background-color);border-right:var(--default-border)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:after{content:"";position:fixed;width:calc(100% - var(--nav-width));top:0;left:var(--nav-width);height:100%;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav{--nav-width: 33%;position:fixed;top:0;left:-100%;width:var(--nav-width);height:100%;opacity:0;z-index:500;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:700}.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:not(.open):hover>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):active>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):focus>ul{display:none}.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)}}#toggle-offcanvas{margin-left:0;display:none}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0}.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 span,.cmd-multistep-form-progress-bar li a [class*=icon-]{color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);background:var(--pure-white);color:var(--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 span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}.cmd-multistep-form-progress-bar li a span:hover span,.cmd-multistep-form-progress-bar li a span:hover [class*=icon-],.cmd-multistep-form-progress-bar li a span:active span,.cmd-multistep-form-progress-bar li a span:active [class*=icon-],.cmd-multistep-form-progress-bar li a span:focus span,.cmd-multistep-form-progress-bar li a span:focus [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:hover span,.cmd-multistep-form-progress-bar li a [class*=icon-]:hover [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:active span,.cmd-multistep-form-progress-bar li a [class*=icon-]:active [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:focus span,.cmd-multistep-form-progress-bar li a [class*=icon-]:focus [class*=icon-]{color:var(--pure-white)}.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);color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li:not(:first-child){border-left:.2rem solid var(--border-color)}.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 .number{background:var(--pure-white);border-color:var(--pure-white);color:var(--primary-color)}.cmd-multistep-form-progress-bar li.active~li{background:var(--default-background-color);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(--primary-color)}.cmd-multistep-form-progress-bar li.active+li{border-left-color:var(--border-color)}@container (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 span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [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)}}.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:#0b0}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:#b00}.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 p:last-child{margin:0}.cmd-pager{display:flex;justify-content:space-between}.cmd-pager button,.cmd-pager .button{float:none;margin:0}.cmd-pager button span,.cmd-pager .button span{align-self:center}.cmd-pager a{display:flex;align-items:center;text-decoration:none}.cmd-pager a:hover,.cmd-pager a:active,.cmd-pager a:focus{cursor:pointer}.cmd-pager a:last-of-type>[class*=icon-]{margin-right:0}.cmd-pager a>[class*=icon-]{font-size:var(--icon-size-small)}.cmd-pager .page-index a:not(.button){padding:0 calc(var(--default-padding) / 2)}@media only screen and (max-width: 1023px){.cmd-pager>a.button span{margin:0}.cmd-pager>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 600px){.cmd-pager .button{width:auto}.cmd-pager .page-index .flex-container{flex-direction:row}}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1}.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;margin:0}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-right .share-button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button{flex:1}.cmd-social-networks .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button span{margin:0}.cmd-social-networks .button:first-of-type{margin:0}.cmd-social-networks .button.text-align-right{flex-direction:row-reverse}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=share-link]>span{color:var(--pure-white)}.cmd-social-networks #share-link-facebook{background:#3c5a99;border-color:#3c5a99}.cmd-social-networks #share-link-facebook:hover,.cmd-social-networks #share-link-facebook:active,.cmd-social-networks #share-link-facebook:focus{background:#fff}.cmd-social-networks #share-link-facebook:hover>span,.cmd-social-networks #share-link-facebook:active>span,.cmd-social-networks #share-link-facebook:focus>span{color:#3c5a99}.cmd-social-networks #share-link-twitter{background:#6bacde;border-color:#6bacde}.cmd-social-networks #share-link-twitter:hover,.cmd-social-networks #share-link-twitter:active,.cmd-social-networks #share-link-twitter:focus{background:#fff}.cmd-social-networks #share-link-twitter:hover>span,.cmd-social-networks #share-link-twitter:active>span,.cmd-social-networks #share-link-twitter:focus>span{color:#6bacde}.cmd-social-networks #share-link-xing{background:#007575;border-color:#007575}.cmd-social-networks #share-link-xing:hover,.cmd-social-networks #share-link-xing:active,.cmd-social-networks #share-link-xing:focus{background:#fff}.cmd-social-networks #share-link-xing:hover>span,.cmd-social-networks #share-link-xing:active>span,.cmd-social-networks #share-link-xing:focus>span{color:#007575}.cmd-social-networks #share-link-linkedin{background:#0077b5;border-color:#0077b5}.cmd-social-networks #share-link-linkedin:hover,.cmd-social-networks #share-link-linkedin:active,.cmd-social-networks #share-link-linkedin:focus{background:#fff}.cmd-social-networks #share-link-linkedin:hover>span,.cmd-social-networks #share-link-linkedin:active>span,.cmd-social-networks #share-link-linkedin:focus>span{color:#0077b5}@container (max-width: 600px){.button-wrapper .button{flex:none;width:auto!important}.button-wrapper .button [class*=icon-]+span{display:none}}.cmd-site-footer{padding:var(--grid-gap) 0;border-top:var(--default-border);background:var(--default-background-color)}.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}@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: 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{grid-area:site-header;display:flex;flex-direction:column;border-bottom:var(--default-border);background:var(--color-scheme-background-color)}.cmd-site-header.sticky{position:sticky;z-index:300}.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%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-header .cmd-main-navigation nav{width: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>.cmd-main-navigation#main-navigation-wrapper:last-child{border-bottom:0}.cmd-site-header header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.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;background:none}.cmd-site-header header .cmd-company-logo{grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header.has-navigation{grid-template-rows:1fr;grid-template-areas:"company-logo main-navigation";padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header.navigation-inline header .cmd-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;border:0;grid-column:span var(--grid-large-span);background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav){margin-right:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul{border:0;background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li{border:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li ul{border-top:var(--default-border)}@media only screen and (max-width: 1023px){.cmd-site-header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .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);padding-top:var(--default-padding);padding-bottom:var(--default-padding)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header header{padding:0!important}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header .cmd-company-logo img{max-width:80%}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a [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 .inner-slideshow-wrapper{display:flex;justify-content:center}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button){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 .image-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 .image-wrapper .box{align-self:flex-start}.cmd-slideshow .inner-slideshow-wrapper>ol{display:-webkit-flex;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:var(--default-border-reduced-opacity);border-radius:var(--full-circle)}.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(--pure-white)}.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>span{position:absolute;top:.5rem;right:5.5rem;padding:0 .2rem;border-radius:var(--border-radius);background:var(--pure-white-reduced-opacity)}@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:not([class*=active]){filter:contrast(.5)}.cmd-switch-language ul li a:not([class*=active]):hover,.cmd-switch-language ul li a:not([class*=active]):focus,.cmd-switch-language ul li a:not([class*=active]):active{filter:none}.cmd-system-message{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:not(.button){display:block;position:absolute;top:.5rem;right:.5rem;text-decoration:none}.cmd-system-message>a:not(.button) [class*=icon-]{font-size:.8rem;font-weight:700;color:var(--pure-white);border:var(--default-border);border-color:var(--pure-white);border-radius:var(--full-circle);padding:calc(var(--default-padding) / 2)}.cmd-system-message>a:not(.button) [class*=icon-]:hover,.cmd-system-message>a:not(.button) [class*=icon-]:active,.cmd-system-message>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color);background:var(--pure-white)}.cmd-system-message.warning>a:not(.button) [class*=icon-]{color:var(--text-color);border-color:var(--text-color)}.cmd-system-message.warning>a:not(.button) [class*=icon-]:hover,.cmd-system-message.warning>a:not(.button) [class*=icon-]:active,.cmd-system-message.warning>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color)}.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 .inner-wrapper{overflow-x:auto;width:100%}.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-tabs>ul{margin-bottom:0;display:-webkit-flex;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);list-style-type:none;background:var(--color-scheme-background-color)}.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(--border-radius);border-top-right-radius:var(--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 a.active:hover,.cmd-tabs>ul>li a.active:active,.cmd-tabs>ul>li a.active:focus{color:var(--hyperlink-color);background:var(--pure-white)}.cmd-tabs>ul>li a.active:hover span,.cmd-tabs>ul>li a.active:hover [class*=icon-],.cmd-tabs>ul>li a.active:active span,.cmd-tabs>ul>li a.active:active [class*=icon-],.cmd-tabs>ul>li a.active:focus span,.cmd-tabs>ul>li a.active:focus [class*=icon-]{color:inherit}.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(--border-radius);background:var(--color-scheme-background-color);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.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-color);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-color);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{background:var(--color-scheme-background-color)}.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:calc(var(--default-padding) * 2);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-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]::-moz-progress-bar{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--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-color)}.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 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-color);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-upload-form.drop-area{display:inline-flex;flex-direction:column;text-decoration:none;background:var(--default-background-color)}.cmd-upload-form.drop-area span{margin:0}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding);container-type:inline-size}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}
|
1
|
+
.iconify{font-size:var(--icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.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-icon{display:flex;align-items:center}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text [class*=icon-]{font-size:5rem}.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%}@media only screen and (600px){.cmd-headline{flex-direction:column}.cmd-headline h1{margin-bottom:calc(var(--default-margin) * 2)}}.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(--line-height)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2)}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-back-to-top-button{padding:var(--default-padding);display:inline-block;position:fixed;right:1rem;bottom:1rem;text-decoration:none;z-index:1000;border:var(--default-border);background:var(--color-scheme-background-color);border-radius:var(--full-circle);line-height:100%}.cmd-back-to-top-button:hover,.cmd-back-to-top-button:active,.cmd-back-to-top-button:focus{border-color:var(--primary-color);transition:var(--default-transition)}.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-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;background:var(--default-background-color-reduced-opacity);border:0}.cmd-slide-button.button span{align-self:center;color:var(--primary-color-reduced-opacity)}.cmd-slide-button.button:hover,.cmd-slide-button.button:active,.cmd-slide-button.button:focus{background:var(--pure-white);transition:var(--default-transition)}.cmd-slide-button.button:hover span,.cmd-slide-button.button:active span,.cmd-slide-button.button:focus span{color:var(--hyperlink-color-highlighted)}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{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{overflow:hidden;border-radius:var(--border-radius);padding:var(--default-padding);display:table;margin:0 auto calc(var(--default-margin) * 2) auto;border:var(--default-border);background:var(--color-scheme-background-color)}.cmd-thumbnail-scroller>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between}.cmd-thumbnail-scroller>ul>li{align-self:center;list-style-type:none;margin:0}.cmd-thumbnail-scroller>ul>li a{text-align:center}.cmd-thumbnail-scroller>ul>li img{border-radius:var(--border-radius);max-height:10rem}.cmd-thumbnail-scroller>ul>li.active a figcaption{opacity:1}.cmd-thumbnail-scroller .vertical{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller .vertical>ul{width:auto;display:-webkit-flex;display:flex;flex-direction:column}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller .vertical .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:80%;left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) figcaption{text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus img{border-color:var(--primary-color);opacity:1}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3)}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2)}.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 .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block}.cmd-fancybox.image figcaption{text-align:center}.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(--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;max-width:var(--max-width)}.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-list-of-links{display:flex;flex-direction:column}.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}.cmd-list-of-links.horizontal ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal ul>li{flex:none;display:flex}.cmd-list-of-links.horizontal ul.align-center{justify-content:center}.cmd-list-of-links.horizontal ul.align-right{justify-content:flex-end}.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}.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{height:100%}.cmd-box>.cmd-headline{margin-bottom:0}.cmd-box.collapsible a.box-header{justify-content:space-between;background:var(--primary-color)}.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(--primary-color)}.cmd-box .box-body{padding:var(--default-padding)}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content>.box-header{display:flex;align-items:center;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding:calc(var(--default-padding) / 2) var(--default-padding);background:var(--secondary-color);color:var(--pure-white);text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--pure-white);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{flex-grow:1;padding:0}.cmd-box.content .box-body .text-wrapper{padding:var(--default-padding)}.cmd-box.content .box-body p.cutoff-text{padding:var(--default-padding);margin:0;overflow:hidden;height:calc(var(--line-of-text-height) * var(--62c8b14e))}.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-color) 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(--default-border);display:block;padding:var(--default-padding);margin:0}.cmd-box.content .box-body img{display:block}.cmd-box.content .box-body .navigation{margin:0;height:100%;background:var(--pure-white)}.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;background:var(--pure-white);border-bottom:var(--default-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.content .box-footer{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:var(--default-padding);border-top:var(--default-border)}.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>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product>.box-header img{border:0}.cmd-box.product>.box-header figcaption{font-size:2rem;font-weight:700;padding-top:var(--default-padding)}.cmd-box.product .box-body{flex-grow:1}.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>.box-header{--icon-size: 6rem;padding:var(--default-padding)}.cmd-box.user>.box-header .cmd-headline>*{display:block;text-align:center}.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;padding:calc(var(--default-padding) * 3);border-radius:var(--full-circle);background:var(--primary-color);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(--icon-size) * 2);aspect-ratio:1/1}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{font-size:var(--icon-size)}.cmd-box.user .box-body{flex-grow:1}.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;border-top:var(--default-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}.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-color);border-left:var(--default-border)}.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 [class*=icon]{--icon-size: 3rem}.cmd-box.user.row-view .box-header>div:first-child>[class*=icon-]{padding:calc(var(--default-padding) * 1.5)}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0}.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,.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:not(:first-child){margin-top:calc(var(--default-margin) * 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 .stretch-vertically{align-self:stretch;height:auto}.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(--b9ce4c34),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(--7c2d73ac),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--b8fe989c),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{padding:0 calc(var(--default-padding) / 2)}.cmd-breadcrumbs li:first-child{margin-right:calc(var(--default-margin) / 2)}.cmd-breadcrumbs li:last-child>span{display:none}.cmd-breadcrumbs li a{display:inherit;align-items:inherit;text-decoration:none}.cmd-breadcrumbs li a:hover,.cmd-breadcrumbs li a:active,.cmd-breadcrumbs li a:focus{text-decoration:underline}.cmd-company-logo>a{display:block}.cmd-company-logo>a img{border:0;max-height:15rem}@media only screen and (max-width: 1023px){.cmd-company-logo>a img{max-width:100%;max-height:none}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background-color);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 .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)}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements dl .error{--status-color: var(--error-color)}.cmd-list-of-requirements dl .warning{--status-color: var(--warning-color)}.cmd-list-of-requirements dl .success{--status-color: var(--success-color)}.cmd-list-of-requirements dl .info{--status-color: var(--info-color)}.cmd-list-of-requirements dl dt,.cmd-list-of-requirements dl [class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl~a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.cmd-form-element input+.place-inside{left:auto;right:.5rem}.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:var(--status-color)}.cmd-form-element.inline>span>a:not(.button){margin-left:calc(var(--default-margin) / 2)}.cmd-form-element .search-field-wrapper{margin:0}.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(--pure-white)}.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(--text-color)}.cmd-form-element .search-field-wrapper input:not(:only-child){border-top-right-radius:0;border-bottom-right-radius:0}.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.toggle-switch.colored.off .switch-label-wrapper{border-color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text{color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text:before{border-color:var(--error-color);background-color:var(--pure-white)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper{border-color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text{color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text:before{border-color:var(--success-color);background-color:var(--success-color)}.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 .cmd-box .box-header{padding:0;justify-content:unset}.cmd-cookie-disclaimer .cmd-box .box-header label{padding:calc(var(--default-padding) / 2) var(--default-padding)}.cmd-cookie-disclaimer .cmd-box .box-header label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-header label+.toggle-icon{padding:calc(var(--default-padding) / 2) var(--default-padding);width:100%;justify-content:flex-end;text-align:right}.cmd-cookie-disclaimer .cmd-box .box-header:hover,.cmd-cookie-disclaimer .cmd-box .box-header:active,.cmd-cookie-disclaimer .cmd-box .box-header:focus{background:var(--hyperlink-color)}.cmd-cookie-disclaimer .cmd-box .box-header:hover label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:active label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:focus label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-cookie-disclaimer h1{text-align:center}.cmd-cookie-disclaimer .button{margin:0 auto}.cmd-cookie-disclaimer>p{text-align:center}.cmd-cookie-disclaimer #form-cookies{margin-bottom:var(--default-margin)}.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-copyright-information{background:var(--text-color);border-top:var(--border-width) var(--border-style) var(--pure-white);text-align:center;padding:var(--default-padding)}.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(--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(--border-radius)}.cmd-fake-select>ul>li{height:100%}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background-color);color:var(--text-color)}.cmd-fake-select>ul>li:first-child>a span,.cmd-fake-select>ul>li:first-child>a [class*=icon]{color:var(--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(--text-color)}.cmd-fake-select>ul.open{border-bottom:0}.cmd-fake-select>ul.open>li:first-child>a{border-color:var(--primary-color)}.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;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(--text-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(--border-radius);border-bottom-left-radius:var(--border-radius);background:var(--color-scheme-background-color);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>ul>li>a{border-color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a>span,.cmd-fake-select.has-state.label>ul>li>a [class*=icon-]{color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a:hover,.cmd-fake-select.has-state.label>ul>li>a:active,.cmd-fake-select.has-state.label>ul>li>a:focus{background:var(--color-scheme-background-color)}.cmd-fake-select.has-state.label>ul>li>a:hover span,.cmd-fake-select.has-state.label>ul>li>a:active span,.cmd-fake-select.has-state.label>ul>li>a:focus span{color:var(--status-color)}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background-color)}.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-color)}.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-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-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):valid:focus[required],.cmd-form:not([data-use-validation=true]) select:invalid:focus[required] option:not(:first-child){color:var(--success-color)}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form-filters{display:flex}.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)}.cmd-image-gallery>a{align-self:center;justify-self:center;grid-column:span var(--grid-small-span)}.cmd-image-gallery>a img{border:var(--default-border);border-radius:var(--border-radius);max-height:30rem}.cmd-image-gallery>a figcaption{padding:calc(var(--default-padding) / 2)}.cmd-image-gallery>a:hover,.cmd-image-gallery>a:active,.cmd-image-gallery>a:focus{text-decoration:none}.cmd-image-gallery>a:hover img,.cmd-image-gallery>a:active img,.cmd-image-gallery>a:focus img{border:var(--primary-border)}.cmd-image-gallery>a+.pager{margin-top:calc(var(--default-margin) * 2)}.cmd-imagezoom{overflow:hidden}.cmd-imagezoom .zoom-container{display:block!important;overflow:hidden}.cmd-imagezoom .zoom-container>img{max-width:none}.cmd-imagezoom .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}.cmd-input-group .label-text>[class*=icon-]{margin-left:calc(var(--default-margin) / 2)}.cmd-input-group.has-state label{color:var(--status-color)}.cmd-input-group.has-state.multiple-switch label{border-color:var(--status-color)}.cmd-login-form .option-wrapper{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>a:not(.button) [class*=icon-]{text-decoration: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}@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{left:0;opacity:1;padding:0!important;transition:var(--nav-transition);background:var(--default-background-color);border-right:var(--default-border)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:after{content:"";position:fixed;width:calc(100% - var(--nav-width));top:0;left:var(--nav-width);height:100%;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav{--nav-width: 33%;position:fixed;top:0;left:-100%;width:var(--nav-width);height:100%;opacity:0;z-index:500;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:700}.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:not(.open):hover>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):active>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):focus>ul{display:none}.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)}}#toggle-offcanvas{margin-left:0;display:none}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0}.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 span,.cmd-multistep-form-progress-bar li a [class*=icon-]{color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);background:var(--pure-white);color:var(--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 span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}.cmd-multistep-form-progress-bar li a span:hover span,.cmd-multistep-form-progress-bar li a span:hover [class*=icon-],.cmd-multistep-form-progress-bar li a span:active span,.cmd-multistep-form-progress-bar li a span:active [class*=icon-],.cmd-multistep-form-progress-bar li a span:focus span,.cmd-multistep-form-progress-bar li a span:focus [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:hover span,.cmd-multistep-form-progress-bar li a [class*=icon-]:hover [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:active span,.cmd-multistep-form-progress-bar li a [class*=icon-]:active [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:focus span,.cmd-multistep-form-progress-bar li a [class*=icon-]:focus [class*=icon-]{color:var(--pure-white)}.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);color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li:not(:first-child){border-left:.2rem solid var(--border-color)}.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 .number{background:var(--pure-white);border-color:var(--pure-white);color:var(--primary-color)}.cmd-multistep-form-progress-bar li.active~li{background:var(--default-background-color);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(--primary-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 span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [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)}}.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:#0b0}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:#b00}.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 p:last-child{margin:0}.cmd-pager{display:flex;justify-content:space-between}.cmd-pager button,.cmd-pager .button{float:none;margin:0}.cmd-pager button span,.cmd-pager .button span{align-self:center}.cmd-pager a{display:flex;align-items:center;text-decoration:none}.cmd-pager a:hover,.cmd-pager a:active,.cmd-pager a:focus{cursor:pointer}.cmd-pager a:last-of-type>[class*=icon-]{margin-right:0}.cmd-pager a>[class*=icon-]{font-size:var(--icon-size-small)}.cmd-pager .page-index a:not(.button){padding:0 calc(var(--default-padding) / 2)}@media only screen and (max-width: 1023px){.cmd-pager>a.button span{margin:0}.cmd-pager>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 600px){.cmd-pager .button{width:auto}.cmd-pager .page-index .flex-container{flex-direction:row}}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1}.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;margin:0}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-right .share-button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button{flex:1}.cmd-social-networks .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button span{margin:0}.cmd-social-networks .button:first-of-type{margin:0}.cmd-social-networks .button.text-align-right{flex-direction:row-reverse}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=share-link]>span{color:var(--pure-white)}.cmd-social-networks #share-link-facebook{background:#3c5a99;border-color:#3c5a99}.cmd-social-networks #share-link-facebook:hover,.cmd-social-networks #share-link-facebook:active,.cmd-social-networks #share-link-facebook:focus{background:#fff}.cmd-social-networks #share-link-facebook:hover>span,.cmd-social-networks #share-link-facebook:active>span,.cmd-social-networks #share-link-facebook:focus>span{color:#3c5a99}.cmd-social-networks #share-link-twitter{background:#6bacde;border-color:#6bacde}.cmd-social-networks #share-link-twitter:hover,.cmd-social-networks #share-link-twitter:active,.cmd-social-networks #share-link-twitter:focus{background:#fff}.cmd-social-networks #share-link-twitter:hover>span,.cmd-social-networks #share-link-twitter:active>span,.cmd-social-networks #share-link-twitter:focus>span{color:#6bacde}.cmd-social-networks #share-link-xing{background:#007575;border-color:#007575}.cmd-social-networks #share-link-xing:hover,.cmd-social-networks #share-link-xing:active,.cmd-social-networks #share-link-xing:focus{background:#fff}.cmd-social-networks #share-link-xing:hover>span,.cmd-social-networks #share-link-xing:active>span,.cmd-social-networks #share-link-xing:focus>span{color:#007575}.cmd-social-networks #share-link-linkedin{background:#0077b5;border-color:#0077b5}.cmd-social-networks #share-link-linkedin:hover,.cmd-social-networks #share-link-linkedin:active,.cmd-social-networks #share-link-linkedin:focus{background:#fff}.cmd-social-networks #share-link-linkedin:hover>span,.cmd-social-networks #share-link-linkedin:active>span,.cmd-social-networks #share-link-linkedin:focus>span{color:#0077b5}@container (max-width: 600px){.button-wrapper .button{flex:none;width:auto!important}.button-wrapper .button [class*=icon-]+span{display:none}}.cmd-site-footer{padding:var(--grid-gap) 0;border-top:var(--default-border);background:var(--default-background-color)}.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}@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: 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{grid-area:site-header;display:flex;flex-direction:column;border-bottom:var(--default-border);background:var(--color-scheme-background-color)}.cmd-site-header.sticky{position:sticky;z-index:300}.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%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-header .cmd-main-navigation nav{width: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>.cmd-main-navigation#main-navigation-wrapper:last-child{border-bottom:0}.cmd-site-header header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.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;background:none}.cmd-site-header header .cmd-company-logo{grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header.has-navigation{grid-template-rows:1fr;grid-template-areas:"company-logo main-navigation";padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header.navigation-inline header .cmd-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;border:0;grid-column:span var(--grid-large-span);background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav){margin-right:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul{border:0;background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li{border:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li ul{border-top:var(--default-border)}@media only screen and (max-width: 1023px){.cmd-site-header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .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);padding-top:var(--default-padding);padding-bottom:var(--default-padding)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header header{padding:0!important}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header .cmd-company-logo img{max-width:80%}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a [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 .inner-slideshow-wrapper{display:flex;justify-content:center}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button){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 .image-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 .image-wrapper .box{align-self:flex-start}.cmd-slideshow .inner-slideshow-wrapper>ol{display:-webkit-flex;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:var(--default-border-reduced-opacity);border-radius:var(--full-circle)}.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(--pure-white)}.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>span{position:absolute;top:.5rem;right:5.5rem;padding:0 .2rem;border-radius:var(--border-radius);background:var(--pure-white-reduced-opacity)}@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:not([class*=active]){filter:contrast(.5)}.cmd-switch-language ul li a:not([class*=active]):hover,.cmd-switch-language ul li a:not([class*=active]):focus,.cmd-switch-language ul li a:not([class*=active]):active{filter:none}.cmd-system-message{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:not(.button){display:block;position:absolute;top:.5rem;right:.5rem;text-decoration:none}.cmd-system-message>a:not(.button) [class*=icon-]{font-size:.8rem;font-weight:700;color:var(--pure-white);border:var(--default-border);border-color:var(--pure-white);border-radius:var(--full-circle);padding:calc(var(--default-padding) / 2)}.cmd-system-message>a:not(.button) [class*=icon-]:hover,.cmd-system-message>a:not(.button) [class*=icon-]:active,.cmd-system-message>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color);background:var(--pure-white)}.cmd-system-message.warning>a:not(.button) [class*=icon-]{color:var(--text-color);border-color:var(--text-color)}.cmd-system-message.warning>a:not(.button) [class*=icon-]:hover,.cmd-system-message.warning>a:not(.button) [class*=icon-]:active,.cmd-system-message.warning>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color)}.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 .inner-wrapper{overflow-x:auto;width:100%}.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-tabs>ul{margin-bottom:0;display:-webkit-flex;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);list-style-type:none;background:var(--color-scheme-background-color)}.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(--border-radius);border-top-right-radius:var(--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 a.active:hover,.cmd-tabs>ul>li a.active:active,.cmd-tabs>ul>li a.active:focus{color:var(--hyperlink-color);background:var(--pure-white)}.cmd-tabs>ul>li a.active:hover span,.cmd-tabs>ul>li a.active:hover [class*=icon-],.cmd-tabs>ul>li a.active:active span,.cmd-tabs>ul>li a.active:active [class*=icon-],.cmd-tabs>ul>li a.active:focus span,.cmd-tabs>ul>li a.active:focus [class*=icon-]{color:inherit}.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(--border-radius);background:var(--color-scheme-background-color);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.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-color);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-color);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{background:var(--color-scheme-background-color)}.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:calc(var(--default-padding) * 2);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-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]::-moz-progress-bar{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--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-color)}.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 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-color);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-upload-form.drop-area{display:inline-flex;flex-direction:column;text-decoration:none;background:var(--default-background-color)}.cmd-upload-form.drop-area span{margin:0}.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}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "comand-component-library",
|
3
|
-
"version": "3.3.
|
3
|
+
"version": "3.3.27",
|
4
4
|
"private": false,
|
5
5
|
"type": "module",
|
6
6
|
"scripts": {
|
@@ -19,7 +19,7 @@
|
|
19
19
|
],
|
20
20
|
"dependencies": {
|
21
21
|
"clickout-event": "^1.1.2",
|
22
|
-
"comand-frontend-framework": "^3.3.
|
22
|
+
"comand-frontend-framework": "^3.3.19",
|
23
23
|
"core-js": "^3.20.1",
|
24
24
|
"prismjs": "^1.27.0",
|
25
25
|
"vue": "^3.2.31",
|
package/src/App.vue
CHANGED
@@ -519,7 +519,7 @@
|
|
519
519
|
<h4>Toggle Dark-Mode (without label, styled)</h4>
|
520
520
|
<CmdToggleDarkMode :showLabel="false" :use-styled-layout="true"/>
|
521
521
|
<h4>Toggle Dark-Mode (styled as button)</h4>
|
522
|
-
<CmdToggleDarkMode :styledAsButton="true"
|
522
|
+
<CmdToggleDarkMode :styledAsButton="true"/>
|
523
523
|
|
524
524
|
<h2>Checkboxes and Radiobuttons</h2>
|
525
525
|
<h3>Checkboxes [native]</h3>
|
@@ -845,7 +845,7 @@
|
|
845
845
|
:cutoff-text-lines="4"
|
846
846
|
>
|
847
847
|
<template v-slot:body>
|
848
|
-
|
848
|
+
This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below.
|
849
849
|
</template>
|
850
850
|
</CmdBox>
|
851
851
|
<CmdBox :useSlots="['header', 'body', 'footer']">
|
@@ -855,7 +855,7 @@
|
|
855
855
|
</h4>
|
856
856
|
</template>
|
857
857
|
<template v-slot:body>
|
858
|
-
<div class="padding">
|
858
|
+
<div class="default-padding">
|
859
859
|
<p>
|
860
860
|
This content with paragraphs inside is placed inside the box-body.
|
861
861
|
</p>
|
@@ -941,7 +941,7 @@
|
|
941
941
|
</div>
|
942
942
|
<CmdBoxWrapper :boxesPerRow="[5, 2, 1]" :useRowViewAsDefault="true">
|
943
943
|
<template v-slot="slotProps">
|
944
|
-
<CmdBox v-for="index in boxUserData.length" :key="index" boxType="user" :user="boxUserData[index - 1]" :cmdHeadline="{headlineLevel: 5}" :rowView="slotProps.rowView"
|
944
|
+
<CmdBox v-for="index in boxUserData.length" :key="index" boxType="user" :user="boxUserData[index - 1]" :cmdHeadline="{headlineLevel: 5}" :rowView="slotProps.rowView"/>
|
945
945
|
</template>
|
946
946
|
</CmdBoxWrapper>
|
947
947
|
</CmdWidthLimitationWrapper>
|
@@ -1113,7 +1113,7 @@
|
|
1113
1113
|
<h3>Horizontal (aligned right)</h3>
|
1114
1114
|
<CmdListOfLinks orientation="horizontal" align="right" :links="listOfLinksData"/>
|
1115
1115
|
<h3>Large icons</h3>
|
1116
|
-
<CmdListOfLinks orientation="horizontal" :links="listOfLinksData" :largeIcons="true"
|
1116
|
+
<CmdListOfLinks orientation="horizontal" :links="listOfLinksData" :largeIcons="true"/>
|
1117
1117
|
</CmdWidthLimitationWrapper>
|
1118
1118
|
<!-- end list-of-links ------------------------------------------------------------------------------------------------------------------------------------------------------->
|
1119
1119
|
|
@@ -1134,11 +1134,11 @@
|
|
1134
1134
|
<CmdWidthLimitationWrapper>
|
1135
1135
|
<h2 class="headline-demopage">Multistepform-Progressbar</h2>
|
1136
1136
|
<h3>Steps with icons</h3>
|
1137
|
-
|
1138
|
-
|
1139
|
-
|
1140
|
-
|
1141
|
-
|
1137
|
+
<CmdMultistepFormProgressBar
|
1138
|
+
:multisteps="multistepsData.withIcon"
|
1139
|
+
separatorIconClass="icon-single-arrow-right"
|
1140
|
+
@click="showPageMultistep = $event.index + 1"
|
1141
|
+
/>
|
1142
1142
|
<div>
|
1143
1143
|
<p>Page {{ showPageMultistep }}</p>
|
1144
1144
|
</div>
|
@@ -1363,8 +1363,8 @@
|
|
1363
1363
|
<CmdWidthLimitationWrapper>
|
1364
1364
|
<h2 class="headline-demopage">Text-Block</h2>
|
1365
1365
|
<div class="flex-container">
|
1366
|
-
<CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" textContent="Text given as text only"
|
1367
|
-
<CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" htmlContent="<p>Text given as html-content</p>"
|
1366
|
+
<CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" textContent="Text given as text only"/>
|
1367
|
+
<CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" htmlContent="<p>Text given as html-content</p>"/>
|
1368
1368
|
</div>
|
1369
1369
|
</CmdWidthLimitationWrapper>
|
1370
1370
|
<!-- end textblock ------------------------------------------------------------------------------------------------------------------------------------------------------->
|
@@ -1373,25 +1373,28 @@
|
|
1373
1373
|
<a id="section-thumbnail-scroller"></a>
|
1374
1374
|
<CmdWidthLimitationWrapper>
|
1375
1375
|
<h2 class="headline-demopage">Thumbnail-Scroller</h2>
|
1376
|
-
<
|
1377
|
-
|
1378
|
-
|
1379
|
-
|
1380
|
-
|
1381
|
-
|
1382
|
-
|
1383
|
-
|
1384
|
-
|
1385
|
-
|
1386
|
-
|
1387
|
-
|
1388
|
-
|
1389
|
-
|
1390
|
-
|
1391
|
-
|
1392
|
-
|
1393
|
-
|
1394
|
-
|
1376
|
+
<div class="inline-size">
|
1377
|
+
<h3>Thumbnail-Scroller with images (opens fancybox)</h3>
|
1378
|
+
|
1379
|
+
<CmdThumbnailScroller
|
1380
|
+
:thumbnail-scroller-items="thumbnailScrollerImagesData"
|
1381
|
+
/>
|
1382
|
+
<h3>Thumbnail-Scroller with text (opens url)</h3>
|
1383
|
+
<CmdThumbnailScroller
|
1384
|
+
:thumbnail-scroller-items="thumbnailScrollerTextData"
|
1385
|
+
contentType="text"
|
1386
|
+
executeOnClick="url"
|
1387
|
+
:fullWidth="true"
|
1388
|
+
/>
|
1389
|
+
<h3>Thumbnail-Scroller with text (emits click-event)</h3>
|
1390
|
+
<CmdThumbnailScroller
|
1391
|
+
:thumbnail-scroller-items="thumbnailScrollerTextData"
|
1392
|
+
contentType="text"
|
1393
|
+
executeOnClick="emit"
|
1394
|
+
@click="onClick"
|
1395
|
+
:fullWidth="true"
|
1396
|
+
/>
|
1397
|
+
</div>
|
1395
1398
|
</CmdWidthLimitationWrapper>
|
1396
1399
|
<!-- end thumbnail-scroller ------------------------------------------------------------------------------------------------------------------------------------------------------->
|
1397
1400
|
|
@@ -1401,7 +1404,9 @@
|
|
1401
1404
|
<h2 class="headline-demopage">Tooltip</h2>
|
1402
1405
|
<p>
|
1403
1406
|
<a href="#" @click.prevent id="hoverme">Hover me!</a><br/>
|
1404
|
-
<a href="#" @click.prevent id="clickme" title="Native tooltip">Click me
|
1407
|
+
<a href="#" @click.prevent id="clickme" title="Native tooltip">Click me!
|
1408
|
+
|
1409
|
+
</a>
|
1405
1410
|
</p>
|
1406
1411
|
<CmdTooltip related-id="hoverme">
|
1407
1412
|
Tooltip for hover
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/* logos-iconfont.css - last update: 2022/09/22 - IT IS NOT RECOMMENDED TO EDIT THIS FILE (TO AVOID TROUBLESHOOTING AFTER UPDATING) - DO CHANGES IN template.css OR YOUR OWN iconfont-css-file */
|
2
2
|
|
3
3
|
@font-face {
|
4
|
-
font-family: 'icomoon';
|
5
|
-
src: url('../fonts/iconfonts/logos-iconfont/icomoon.woff?fgweog') format('woff');
|
4
|
+
font-family: 'icomoon-logos';
|
5
|
+
src: url('../fonts/iconfonts/logos-iconfont/icomoon-logos.woff?fgweog') format('woff');
|
6
6
|
font-weight: normal;
|
7
7
|
font-style: normal;
|
8
8
|
font-display: block;
|
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
[class^="icon-"], [class*=" icon-"] {
|
12
12
|
/* use !important to prevent issues with browser extensions that change fonts */
|
13
|
-
font-family: 'icomoon' !important;
|
13
|
+
font-family: 'icomoon-logos' !important;
|
14
14
|
speak: never;
|
15
15
|
font-style: normal;
|
16
16
|
font-weight: normal;
|
@@ -39,22 +39,24 @@
|
|
39
39
|
<!-- end collapsible header with slot -->
|
40
40
|
|
41
41
|
<!-- begin default header with slot -->
|
42
|
-
<
|
43
|
-
|
44
|
-
|
45
|
-
|
42
|
+
<template v-else>
|
43
|
+
<div v-if="useSlots?.includes('header') ||cmdHeadline?.headlineText" class="box-header">
|
44
|
+
<!-- begin slot 'header' -->
|
45
|
+
<slot v-if="useSlots?.includes('header')" name="header"></slot>
|
46
|
+
<!-- end slot 'header' -->
|
46
47
|
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
48
|
+
<!-- begin CmdHeadline -->
|
49
|
+
<CmdHeadline
|
50
|
+
v-if="cmdHeadline?.headlineText"
|
51
|
+
v-bind="cmdHeadline"
|
52
|
+
/>
|
53
|
+
<!-- end CmdHeadline -->
|
54
|
+
</div>
|
55
|
+
</template>
|
54
56
|
<!-- end default header with slot -->
|
55
57
|
|
56
58
|
<!-- begin box-body -->
|
57
|
-
<div v-if="open" class="box-body" aria-expanded="true" role="article">
|
59
|
+
<div v-if="open" :class="['box-body', {'default-padding': useDefaultPadding}]" aria-expanded="true" role="article">
|
58
60
|
<!-- begin slot 'body' -->
|
59
61
|
<slot v-if="useSlots?.includes('body')" name="body">
|
60
62
|
<transition-group :name="toggleTransition">
|
@@ -75,14 +77,16 @@
|
|
75
77
|
<template v-else>
|
76
78
|
<img v-if="image" :src="image.src" :alt="image.altText"/>
|
77
79
|
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
80
|
+
<div class="text-wrapper">
|
81
|
+
<!-- begin CmdHeadline -->
|
82
|
+
<CmdHeadline
|
83
|
+
v-if="cmdHeadline?.headlineText && repeatHeadlineInBoxBody"
|
84
|
+
v-bind="cmdHeadline"
|
85
|
+
/>
|
86
|
+
<!-- end CmdHeadline -->
|
84
87
|
|
85
|
-
|
88
|
+
<p v-if="textBody">{{ textBody }}</p>
|
89
|
+
</div>
|
86
90
|
</template>
|
87
91
|
</div>
|
88
92
|
<!-- end box-body -->
|
@@ -227,6 +231,22 @@ export default {
|
|
227
231
|
type: Number,
|
228
232
|
default: 0
|
229
233
|
},
|
234
|
+
/**
|
235
|
+
* deactivate if no default-padding should be used (has no effect on content given by textBody-property)
|
236
|
+
*
|
237
|
+
* @affectsStyling: true
|
238
|
+
*/
|
239
|
+
useDefaultPadding: {
|
240
|
+
type: Boolean,
|
241
|
+
default: true
|
242
|
+
},
|
243
|
+
/**
|
244
|
+
* repeats headline (used in box-header) given by cmdHeadline-property in box-body
|
245
|
+
*/
|
246
|
+
repeatHeadlineInBoxBody: {
|
247
|
+
type: Boolean,
|
248
|
+
default: false
|
249
|
+
},
|
230
250
|
/**
|
231
251
|
* show fade-effect on last line
|
232
252
|
*
|
@@ -478,6 +498,10 @@ export default {
|
|
478
498
|
flex-grow: 1;
|
479
499
|
padding: 0;
|
480
500
|
|
501
|
+
.text-wrapper {
|
502
|
+
padding: var(--default-padding);
|
503
|
+
}
|
504
|
+
|
481
505
|
p.cutoff-text {
|
482
506
|
padding: var(--default-padding);
|
483
507
|
margin: 0;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
<template>
|
2
2
|
<div class="cmd-box-wrapper">
|
3
|
-
<div class="flex-container
|
3
|
+
<div class="flex-container headline-wrapper">
|
4
4
|
<!-- begin CmdHeadline -->
|
5
5
|
<CmdHeadline v-if="cmdHeadline.headlineText" v-bind="cmdHeadline" />
|
6
6
|
<!-- end CmdHeadline -->
|
@@ -217,8 +217,12 @@ export default {
|
|
217
217
|
justify-content: space-between;
|
218
218
|
}
|
219
219
|
|
220
|
+
.options-wrapper {
|
221
|
+
flex: none;
|
222
|
+
}
|
223
|
+
|
220
224
|
> .flex-container {
|
221
|
-
.cmd-headline {
|
225
|
+
> .cmd-headline {
|
222
226
|
margin: 0;
|
223
227
|
}
|
224
228
|
|
@@ -180,6 +180,8 @@ export default {
|
|
180
180
|
this.emitCurrentItemId(index)
|
181
181
|
},
|
182
182
|
emitCurrentItemId(index) {
|
183
|
+
console.log("index", index)
|
184
|
+
console.log("this.items[index]", this.items[index])
|
183
185
|
// emit id of current/clicked item
|
184
186
|
this.$emit("click", this.items[index].id)
|
185
187
|
},
|
@@ -205,7 +207,7 @@ export default {
|
|
205
207
|
newItem = {image: {...item.image}, figcaption: {...item.figcaption}}
|
206
208
|
newItem.image.src = newItem.image.srcImageSmall
|
207
209
|
} else {
|
208
|
-
newItem = {
|
210
|
+
newItem = {...item}
|
209
211
|
}
|
210
212
|
return newItem
|
211
213
|
})
|