comand-component-library 3.3.24 → 3.3.25

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/dist/comand-component-library.js +1530 -1428
  2. package/dist/comand-component-library.umd.cjs +4 -4
  3. package/dist/style.css +1 -1
  4. package/package.json +5 -5
  5. package/src/App.vue +43 -8
  6. package/src/assets/data/address-data.json +1 -1
  7. package/src/assets/data/thumbnail-scroller-text.json +43 -0
  8. package/src/components/CmdAddressData.vue +1 -1
  9. package/src/components/CmdBox.vue +7 -4
  10. package/src/components/CmdMainNavigation.vue +1 -1
  11. package/src/components/CmdSiteFooter.vue +4 -0
  12. package/src/components/CmdSiteHeader.vue +6 -0
  13. package/src/components/CmdSiteSearch.vue +2 -1
  14. package/src/components/CmdTextBlock.vue +61 -0
  15. package/src/components/CmdThumbnailScroller.vue +82 -20
  16. package/src/components/CmdTooltip.vue +2 -2
  17. package/src/index.js +1 -0
  18. package/src/mixins/CmdThumbnailScroller/DefaultMessageProperties.js +3 -1
  19. /package/src/assets/data/{thumbnail-scroller.json → thumbnail-scroller-images.json} +0 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .iconify{font-size:var(--icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2)}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-icon{display:flex;align-items:center}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text [class*=icon-]{font-size:5rem}.cmd-headline p{margin-bottom:0}.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6{margin:0}.cmd-headline h1:only-child,.cmd-headline h2:only-child,.cmd-headline h3:only-child,.cmd-headline h4:only-child,.cmd-headline h5:only-child,.cmd-headline h6:only-child{flex:none;width:100%}@media only screen and (600px){.cmd-headline{flex-direction:column}.cmd-headline h1{margin-bottom:calc(var(--default-margin) * 2)}}.cmd-address-data dl{grid-row-gap:calc(var(--default-gap) / 2)}.cmd-address-data dl dt{display:flex;align-items:center}.cmd-address-data dl dt.address{align-self:flex-start}.cmd-address-data dl dt.address [class*=icon]:only-child{line-height:var(--line-height)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2)}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-back-to-top-button{padding:var(--default-padding);display:inline-block;position:fixed;right:1rem;bottom:1rem;text-decoration:none;z-index:1000;border:var(--default-border);background:var(--color-scheme-background-color);border-radius:var(--full-circle);line-height:100%}.cmd-back-to-top-button:hover,.cmd-back-to-top-button:active,.cmd-back-to-top-button:focus{border-color:var(--primary-color);transition:var(--default-transition)}.cmd-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;background:var(--default-background-color-reduced-opacity);border:0}.cmd-slide-button.button span{align-self:center;color:var(--primary-color-reduced-opacity)}.cmd-slide-button.button:hover,.cmd-slide-button.button:active,.cmd-slide-button.button:focus{background:var(--pure-white);transition:var(--default-transition)}.cmd-slide-button.button:hover span,.cmd-slide-button.button:active span,.cmd-slide-button.button:focus span{color:var(--hyperlink-color-highlighted)}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{right:0;top:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width: 600px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{overflow:hidden;border-radius:var(--border-radius);padding:var(--default-padding);display:table;margin:0 auto calc(var(--default-margin) * 2) auto;border:var(--default-border);background:var(--color-scheme-background-color)}.cmd-thumbnail-scroller>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between}.cmd-thumbnail-scroller>ul>li{align-self:center;list-style-type:none;margin:0}.cmd-thumbnail-scroller>ul>li a{text-align:center}.cmd-thumbnail-scroller>ul>li img{border-radius:var(--border-radius);max-height:10rem}.cmd-thumbnail-scroller>ul>li.active a figcaption{opacity:1}.cmd-thumbnail-scroller .vertical{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller .vertical>ul{width:auto;display:-webkit-flex;display:flex;flex-direction:column}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller .vertical .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:80%;left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) figcaption{text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus img{border-color:var(--primary-color);opacity:1}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}}@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-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.25",
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>
@@ -1352,14 +1356,40 @@
1352
1356
  </CmdWidthLimitationWrapper>
1353
1357
  <!-- end tabs ------------------------------------------------------------------------------------------------------------------------------------------------------->
1354
1358
 
1359
+ <!-- begin textblock ------------------------------------------------------------------------------------------------------------------------------------------------------->
1360
+ <a id="section-text-block"></a>
1361
+ <CmdWidthLimitationWrapper>
1362
+ <h2 class="headline-demopage">Text-Block</h2>
1363
+ <div class="flex-container">
1364
+ <CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" textContent="Text given as text only" />
1365
+ <CmdTextBlock :cmdHeadline="{headlineText: 'Headline', headlineLevel: 3}" htmlContent="<p>Text given as html-content</p>" />
1366
+ </div>
1367
+ </CmdWidthLimitationWrapper>
1368
+ <!-- end textblock ------------------------------------------------------------------------------------------------------------------------------------------------------->
1369
+
1355
1370
  <!-- begin thumbnail-scroller ------------------------------------------------------------------------------------------------------------------------------------------------------->
1356
1371
  <a id="section-thumbnail-scroller"></a>
1357
1372
  <CmdWidthLimitationWrapper>
1358
1373
  <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"/>
1374
+ <h3>Thumbnail-Scroller with images (opens fancybox)</h3>
1375
+ <CmdThumbnailScroller
1376
+ :thumbnail-scroller-items="thumbnailScrollerImagesData"
1377
+ />
1378
+ <h3>Thumbnail-Scroller with text (opens url)</h3>
1379
+ <CmdThumbnailScroller
1380
+ :thumbnail-scroller-items="thumbnailScrollerTextData"
1381
+ contentType="text"
1382
+ executeOnClick="url"
1383
+ :fullWidth="true"
1384
+ />
1385
+ <h3>Thumbnail-Scroller with text (emits click-event)</h3>
1386
+ <CmdThumbnailScroller
1387
+ :thumbnail-scroller-items="thumbnailScrollerTextData"
1388
+ contentType="text"
1389
+ executeOnClick="emit"
1390
+ @click="onClick"
1391
+ :fullWidth="true"
1392
+ />
1363
1393
  </CmdWidthLimitationWrapper>
1364
1394
  <!-- end thumbnail-scroller ------------------------------------------------------------------------------------------------------------------------------------------------------->
1365
1395
 
@@ -1502,7 +1532,8 @@ import slideshowData from '@/assets/data/slideshow.json'
1502
1532
  import tabsData from '@/assets/data/tabs.json'
1503
1533
  import tableDataSmall from '@/assets/data/table-small.json'
1504
1534
  import tableDataLarge from '@/assets/data/table-large.json'
1505
- import thumbnailScrollerData from '@/assets/data/thumbnail-scroller.json'
1535
+ import thumbnailScrollerImagesData from '@/assets/data/thumbnail-scroller-images.json'
1536
+ import thumbnailScrollerTextData from '@/assets/data/thumbnail-scroller-text.json'
1506
1537
 
1507
1538
  import {openFancyBox} from "@/components/CmdFancyBox.vue"
1508
1539
 
@@ -1646,7 +1677,8 @@ export default {
1646
1677
  tableDataSmall,
1647
1678
  tableDataLarge,
1648
1679
  tabsData,
1649
- thumbnailScrollerData
1680
+ thumbnailScrollerImagesData,
1681
+ thumbnailScrollerTextData
1650
1682
  }
1651
1683
  },
1652
1684
  methods: {
@@ -1664,6 +1696,9 @@ export default {
1664
1696
  this.validationStatus = validationStatus
1665
1697
  this.disabledStatus = disabledStatus
1666
1698
  },
1699
+ onClick(event) {
1700
+ alert(event)
1701
+ },
1667
1702
  siteSearchOutput(event) {
1668
1703
  alert(JSON.stringify(event))
1669
1704
  },
package/src/assets/data/address-data.json CHANGED
@@ -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",
package/src/assets/data/thumbnail-scroller-text.json ADDED
@@ -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
+ ]
package/src/components/CmdAddressData.vue CHANGED
@@ -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">
package/src/components/CmdBox.vue CHANGED
@@ -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
  }
package/src/components/CmdMainNavigation.vue CHANGED
@@ -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 {
package/src/components/CmdSiteFooter.vue CHANGED
@@ -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
 
package/src/components/CmdSiteHeader.vue CHANGED
@@ -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
  }
package/src/components/CmdSiteSearch.vue CHANGED
@@ -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"
package/src/components/CmdTextBlock.vue ADDED
@@ -0,0 +1,61 @@
1
+ <template>
2
+ <div class="cmd-text-block flex-container vertical">
3
+ <!-- begin cmd-headline -->
4
+ <input v-if="editContent" class="edit-mode headline" type="text" v-model="editableHtmlHeadline" />
5
+ <CmdHeadline v-else-if="cmdHeadline" :headlineText="cmdHeadline.headlineText" :headlineLevel="cmdHeadline.headlineLevel"/>
6
+ <!-- end cmd-headline -->
7
+
8
+ <!-- begin text for single-paragraph -->
9
+ <input v-if="editContent" class="edit-mode" type="text" v-model="editableText" />
10
+ <p v-if="textContent">{{textContent}}</p>
11
+ <!-- end text for single-paragraph -->
12
+
13
+ <!-- begin continuous text -->
14
+ <textarea v-if="editContent" class="edit-mode" v-model="editableHtmlContent"></textarea>
15
+ <div v-else-if="htmlContent" v-html="htmlContent"></div>
16
+ <!-- end continuous text -->
17
+ </div>
18
+ </template>
19
+
20
+ <script>
21
+ export default {
22
+ name: "CmdTextBlock",
23
+ data() {
24
+ return {
25
+ editableHtmlHeadline: "",
26
+ editableText: "",
27
+ editableHtmlContent: ""
28
+ }
29
+ },
30
+ props: {
31
+ /**
32
+ * set to activate edit-mode
33
+ */
34
+ editContent: {
35
+ type: Boolean,
36
+ default: false
37
+ },
38
+ /**
39
+ * properties for CmdHeadline-component
40
+ */
41
+ cmdHeadline: {
42
+ type: Object,
43
+ required: false
44
+ },
45
+ /**
46
+ * text placed in a single paragraph
47
+ */
48
+ textContent: {
49
+ type: String,
50
+ required: false
51
+ },
52
+ /**
53
+ * content for continuous text (can contain html-tags)
54
+ */
55
+ htmlContent: {
56
+ type: String,
57
+ required: true
58
+ }
59
+ }
60
+ }
61
+ </script>