comand-component-library 3.3.24 → 3.3.26

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/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}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3)}}@media only screen and (max-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-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(--64668a50))}.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;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-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}}@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 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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.3.24",
3
+ "version": "3.3.26",
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.7",
22
+ "comand-frontend-framework": "^3.3.16",
23
23
  "core-js": "^3.20.1",
24
24
  "prismjs": "^1.27.0",
25
25
  "vue": "^3.2.31",
@@ -27,14 +27,14 @@
27
27
  "vuex": "^4.0.2"
28
28
  },
29
29
  "devDependencies": {
30
- "@vitejs/plugin-vue": "^3.0.0",
31
30
  "@iconify/vue": "^4.0.0",
31
+ "@vitejs/plugin-vue": "^3.0.0",
32
32
  "@vue/test-utils": "^2.0.0-0",
33
33
  "axios": "^0.24.0",
34
34
  "gulp": "^4.0.2",
35
- "vue-jest": "^5.0.0-0",
36
35
  "sass": "^1.54.9",
37
36
  "unplugin-vue-components": "^0.24.0",
38
- "vite": "^3.0.0"
37
+ "vite": "^3.0.0",
38
+ "vue-jest": "^5.0.0-0"
39
39
  }
40
40
  }
package/src/App.vue CHANGED
@@ -841,9 +841,13 @@
841
841
  <CmdBox
842
842
  :stretch-vertically="false"
843
843
  :cmdHeadline="{headlineText: 'Box with cutoff text', headlineLevel: 4}"
844
- textBody="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."
844
+ :useSlots="['body']"
845
845
  :cutoff-text-lines="4"
846
- />
846
+ >
847
+ <template v-slot:body>
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
+ </template>
850
+ </CmdBox>
847
851
  <CmdBox :useSlots="['header', 'body', 'footer']">
848
852
  <template v-slot:header>
849
853
  <h4>
@@ -1108,6 +1112,8 @@
1108
1112
  <CmdListOfLinks orientation="horizontal" align="center" :links="listOfLinksData"/>
1109
1113
  <h3>Horizontal (aligned right)</h3>
1110
1114
  <CmdListOfLinks orientation="horizontal" align="right" :links="listOfLinksData"/>
1115
+ <h3>Large icons</h3>
1116
+ <CmdListOfLinks orientation="horizontal" :links="listOfLinksData" :largeIcons="true" />
1111
1117
  </CmdWidthLimitationWrapper>
1112
1118
  <!-- end list-of-links ------------------------------------------------------------------------------------------------------------------------------------------------------->
1113
1119
 
@@ -1352,14 +1358,40 @@
1352
1358
  </CmdWidthLimitationWrapper>
1353
1359
  <!-- end tabs ------------------------------------------------------------------------------------------------------------------------------------------------------->
1354
1360
 
1361
+ <!-- begin textblock ------------------------------------------------------------------------------------------------------------------------------------------------------->
1362
+ <a id="section-text-block"></a>
1363
+ <CmdWidthLimitationWrapper>
1364
+ <h2 class="headline-demopage">Text-Block</h2>
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>" />
1368
+ </div>
1369
+ </CmdWidthLimitationWrapper>
1370
+ <!-- end textblock ------------------------------------------------------------------------------------------------------------------------------------------------------->
1371
+
1355
1372
  <!-- begin thumbnail-scroller ------------------------------------------------------------------------------------------------------------------------------------------------------->
1356
1373
  <a id="section-thumbnail-scroller"></a>
1357
1374
  <CmdWidthLimitationWrapper>
1358
1375
  <h2 class="headline-demopage">Thumbnail-Scroller</h2>
1359
- <h3>Thumbnail-Scroller as wide as content</h3>
1360
- <CmdThumbnailScroller :thumbnail-scroller-items="thumbnailScrollerData"/>
1361
- <h3>Thumbnail-Scroller stretched to full width</h3>
1362
- <CmdThumbnailScroller :thumbnail-scroller-items="thumbnailScrollerData" :fullWidth="true"/>
1376
+ <h3>Thumbnail-Scroller with images (opens fancybox)</h3>
1377
+ <CmdThumbnailScroller
1378
+ :thumbnail-scroller-items="thumbnailScrollerImagesData"
1379
+ />
1380
+ <h3>Thumbnail-Scroller with text (opens url)</h3>
1381
+ <CmdThumbnailScroller
1382
+ :thumbnail-scroller-items="thumbnailScrollerTextData"
1383
+ contentType="text"
1384
+ executeOnClick="url"
1385
+ :fullWidth="true"
1386
+ />
1387
+ <h3>Thumbnail-Scroller with text (emits click-event)</h3>
1388
+ <CmdThumbnailScroller
1389
+ :thumbnail-scroller-items="thumbnailScrollerTextData"
1390
+ contentType="text"
1391
+ executeOnClick="emit"
1392
+ @click="onClick"
1393
+ :fullWidth="true"
1394
+ />
1363
1395
  </CmdWidthLimitationWrapper>
1364
1396
  <!-- end thumbnail-scroller ------------------------------------------------------------------------------------------------------------------------------------------------------->
1365
1397
 
@@ -1502,7 +1534,8 @@ import slideshowData from '@/assets/data/slideshow.json'
1502
1534
  import tabsData from '@/assets/data/tabs.json'
1503
1535
  import tableDataSmall from '@/assets/data/table-small.json'
1504
1536
  import tableDataLarge from '@/assets/data/table-large.json'
1505
- import thumbnailScrollerData from '@/assets/data/thumbnail-scroller.json'
1537
+ import thumbnailScrollerImagesData from '@/assets/data/thumbnail-scroller-images.json'
1538
+ import thumbnailScrollerTextData from '@/assets/data/thumbnail-scroller-text.json'
1506
1539
 
1507
1540
  import {openFancyBox} from "@/components/CmdFancyBox.vue"
1508
1541
 
@@ -1646,7 +1679,8 @@ export default {
1646
1679
  tableDataSmall,
1647
1680
  tableDataLarge,
1648
1681
  tabsData,
1649
- thumbnailScrollerData
1682
+ thumbnailScrollerImagesData,
1683
+ thumbnailScrollerTextData
1650
1684
  }
1651
1685
  },
1652
1686
  methods: {
@@ -1664,6 +1698,9 @@ export default {
1664
1698
  this.validationStatus = validationStatus
1665
1699
  this.disabledStatus = disabledStatus
1666
1700
  },
1701
+ onClick(event) {
1702
+ alert(event)
1703
+ },
1667
1704
  siteSearchOutput(event) {
1668
1705
  alert(JSON.stringify(event))
1669
1706
  },
@@ -12,7 +12,7 @@
12
12
  "streetNo": "Your Street/No",
13
13
  "zip": "Your zip",
14
14
  "city": "Your city",
15
- "miscInfo": "misc info",
15
+ "miscInfo": "Misc. info",
16
16
  "country": "Your country",
17
17
  "longitude": "0.0",
18
18
  "latitude": "0.0",
@@ -0,0 +1,43 @@
1
+ [
2
+ {
3
+ "id": 1,
4
+ "iconClass": "icon-home",
5
+ "text": "Item 1 with URL",
6
+ "url": "http://www.comand-cms.com"
7
+ },
8
+ {
9
+ "id": 2,
10
+ "text": "Item 2 with URL",
11
+ "url": "http://www.comand-cms.com"
12
+ },
13
+ {
14
+ "id": 3,
15
+ "text": "Item 3 with URL",
16
+ "url": "http://www.comand-cms.com"
17
+ },
18
+ {
19
+ "id": 4,
20
+ "text": "Item 4 with URL",
21
+ "url": "http://www.comand-cms.com"
22
+ },
23
+ {
24
+ "id": 5,
25
+ "text": "Item 5 with URL",
26
+ "url": "http://www.comand-cms.com"
27
+ },
28
+ {
29
+ "id": 6,
30
+ "text": "Item 6 with URL",
31
+ "url": "http://www.comand-cms.com"
32
+ },
33
+ {
34
+ "id": 7,
35
+ "text": "Item 7 with URL",
36
+ "url": "http://www.comand-cms.com"
37
+ },
38
+ {
39
+ "id": 8,
40
+ "text": "Item 8 with URL",
41
+ "url": "http://www.comand-cms.com"
42
+ }
43
+ ]
@@ -107,7 +107,7 @@
107
107
  <template v-for="(entry, index) in addressData" :key="index">
108
108
  <!-- begin all entries except address -->
109
109
  <template v-if="entry.name !== 'address'">
110
- <li v-if="entry.href || !showIconsOnly">
110
+ <li v-if="entry.href || !showIconsOnly" :class="{'no-flex' : showIconsOnly}">
111
111
  <a v-if="entry.href" :href="getHref(entry)"
112
112
  :target="{'_blank' : entry.name === 'website'}"
113
113
  :title="entry.tooltip">
@@ -181,13 +181,16 @@ export default {
181
181
  emits: ["click", "toggle-collapse"],
182
182
  data() {
183
183
  return {
184
- open: this.collapsible ? this.collapsingBoxesOpen : true,
184
+ open: this.collapsible ? this.openCollapsedBox : true,
185
185
  active: true,
186
186
  showCutOffText: false
187
187
  }
188
188
  },
189
189
  props: {
190
- collapsingBoxesOpen: {
190
+ /**
191
+ * activate to set a collapsible box to open
192
+ */
193
+ openCollapsedBox: {
191
194
  type: Boolean,
192
195
  required: false
193
196
  },
@@ -384,10 +387,10 @@ export default {
384
387
  }
385
388
  },
386
389
  watch: {
387
- collapsingBoxesOpen() {
390
+ openCollapsedBox() {
388
391
  // toggle collapse-status of all boxes if changed in outer component
389
392
  if (this.collapsible) {
390
- this.open = this.collapsingBoxesOpen
393
+ this.open = this.openCollapsedBox
391
394
  }
392
395
  }
393
396
  }
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div :class="['cmd-list-of-links', {box: styleAsBox, horizontal: orientation === 'horizontal', 'section-anchors': sectionAnchors}]">
2
+ <div :class="['cmd-list-of-links', {box: styleAsBox, horizontal: orientation === 'horizontal', 'section-anchors': sectionAnchors, 'large-icons': largeIcons}]">
3
3
  <!-- begin CmdHeadline -->
4
4
  <CmdHeadline
5
5
  v-if="cmdHeadline"
@@ -63,6 +63,15 @@ export default {
63
63
  type: Number,
64
64
  default: 0
65
65
  },
66
+ /**
67
+ * activate if large icons should be displayed above link text
68
+ *
69
+ * @affectsStyling: true
70
+ */
71
+ largeIcons: {
72
+ type: Boolean,
73
+ default: false
74
+ },
66
75
  /**
67
76
  * set horizontal alignment
68
77
  *
@@ -165,6 +174,25 @@ export default {
165
174
  }
166
175
 
167
176
  }
177
+
178
+ &.large-icons {
179
+ li a {
180
+ display: flex;
181
+ flex-direction: column;
182
+ gap: calc(var(--default-gap) / 4);
183
+ text-decoration: none;
184
+ align-items: center;
185
+ justify-content: center;
186
+
187
+ span {
188
+ margin: 0;
189
+ }
190
+
191
+ [class*="icon-"] {
192
+ font-size: 5rem;
193
+ }
194
+ }
195
+ }
168
196
  }
169
197
  /* end cmd-list-of-links------------------------------------------------------------------------------------------ */
170
198
  </style>
@@ -365,7 +365,7 @@ export default {
365
365
 
366
366
  /* begin offcanvas-navigation */
367
367
  &:not(.persist-on-mobile) {
368
- padding: 0;
368
+ padding: 0 var(--default-padding);
369
369
  transition: var(--nav-transition);
370
370
 
371
371
  #toggle-offcanvas {
@@ -69,6 +69,10 @@ export default {
69
69
  text-decoration: none;
70
70
  }
71
71
  }
72
+
73
+ h4, h5, h6 {
74
+ margin-top: var(--default-margin);
75
+ }
72
76
  }
73
77
  }
74
78
 
@@ -229,6 +229,12 @@ export default {
229
229
 
230
230
  header {
231
231
  grid-auto-rows: auto; /* items should be as large as their content */
232
+
233
+ .cmd-main-navigation#main-navigation-wrapper {
234
+ &:not(.persist-on-mobile) {
235
+ padding: 0;
236
+ }
237
+ }
232
238
  }
233
239
  }
234
240
  }
@@ -26,7 +26,7 @@
26
26
  />
27
27
  <!-- end CmdFormElement for first input -->
28
28
 
29
- <div class="flex-container align-bottom no-gap">
29
+ <div class="input-wrapper align-bottom">
30
30
  <!-- begin CmdFormElement for second input -->
31
31
  <CmdFormElement
32
32
  v-if="cmdFormElementInput2.show"
@@ -57,6 +57,7 @@
57
57
  <!-- begin CmdFormElement for search-button -->
58
58
  <CmdFormElement
59
59
  element="button"
60
+ class="stretch-on-small-devices"
60
61
  :nativeButton="cmdFormElementSearchButton"
61
62
  @click="onSearchButtonClick"
62
63
  :disabled="buttonSearchDisabled"