comand-component-library 3.3.24 → 3.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .iconify{font-size:var(--icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2)}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-icon{display:flex;align-items:center}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text [class*=icon-]{font-size:5rem}.cmd-headline p{margin-bottom:0}.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6{margin:0}.cmd-headline h1:only-child,.cmd-headline h2:only-child,.cmd-headline h3:only-child,.cmd-headline h4:only-child,.cmd-headline h5:only-child,.cmd-headline h6:only-child{flex:none;width:100%}@media only screen and (600px){.cmd-headline{flex-direction:column}.cmd-headline h1{margin-bottom:calc(var(--default-margin) * 2)}}.cmd-address-data dl{grid-row-gap:calc(var(--default-gap) / 2)}.cmd-address-data dl dt{display:flex;align-items:center}.cmd-address-data dl dt.address{align-self:flex-start}.cmd-address-data dl dt.address [class*=icon]:only-child{line-height:var(--line-height)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2)}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-back-to-top-button{padding:var(--default-padding);display:inline-block;position:fixed;right:1rem;bottom:1rem;text-decoration:none;z-index:1000;border:var(--default-border);background:var(--color-scheme-background-color);border-radius:var(--full-circle);line-height:100%}.cmd-back-to-top-button:hover,.cmd-back-to-top-button:active,.cmd-back-to-top-button:focus{border-color:var(--primary-color);transition:var(--default-transition)}.cmd-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;background:var(--default-background-color-reduced-opacity);border:0}.cmd-slide-button.button span{align-self:center;color:var(--primary-color-reduced-opacity)}.cmd-slide-button.button:hover,.cmd-slide-button.button:active,.cmd-slide-button.button:focus{background:var(--pure-white);transition:var(--default-transition)}.cmd-slide-button.button:hover span,.cmd-slide-button.button:active span,.cmd-slide-button.button:focus span{color:var(--hyperlink-color-highlighted)}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{right:0;top:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width: 600px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{overflow:hidden;border-radius:var(--border-radius);padding:var(--default-padding);display:table;margin:0 auto calc(var(--default-margin) * 2) auto;border:var(--default-border);background:var(--color-scheme-background-color)}.cmd-thumbnail-scroller>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between}.cmd-thumbnail-scroller>ul>li{align-self:center;list-style-type:none;margin:0}.cmd-thumbnail-scroller>ul>li a{text-align:center}.cmd-thumbnail-scroller>ul>li img{border-radius:var(--border-radius);max-height:10rem}.cmd-thumbnail-scroller>ul>li.active a figcaption{opacity:1}.cmd-thumbnail-scroller .vertical{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller .vertical>ul{width:auto;display:-webkit-flex;display:flex;flex-direction:column}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller .vertical .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:80%;left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) figcaption{text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus img{border-color:var(--primary-color);opacity:1}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3)}}@media only screen and (max-width: 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block}.cmd-fancybox.image figcaption{text-align:center}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;max-width:var(--max-width)}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:80vmin;max-width:80vmax}.cmd-fancybox .outer-content-wrapper .content figcaption{font-size:2rem;padding:calc(var(--default-padding) / 2) 0}@media only screen and (max-width: 1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width: 1023px){dialog{margin-top:var(--default-margin)}}.cmd-list-of-links{display:flex;flex-direction:column}.cmd-list-of-links ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0}.cmd-list-of-links ul li{list-style:none;margin-left:0}.cmd-list-of-links.horizontal ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal ul>li{flex:none;display:flex}.cmd-list-of-links.horizontal ul.align-center{justify-content:center}.cmd-list-of-links.horizontal ul.align-right{justify-content:flex-end}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{height:100%}.cmd-box>.cmd-headline{margin-bottom:0}.cmd-box.collapsible a.box-header{justify-content:space-between;background:var(--primary-color)}.cmd-box.collapsible a.box-header:hover,.cmd-box.collapsible a.box-header:active,.cmd-box.collapsible a.box-header:focus{background:var(--pure-white)}.cmd-box.collapsible a.box-header:hover *,.cmd-box.collapsible a.box-header:active *,.cmd-box.collapsible a.box-header:focus *{color:var(--primary-color)}.cmd-box .box-body{padding:var(--default-padding)}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content>.box-header{display:flex;align-items:center;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding:calc(var(--default-padding) / 2) var(--default-padding);background:var(--secondary-color);color:var(--pure-white);text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--pure-white);margin-bottom:0}.cmd-box.content>.box-header>.toggle-icon{margin-left:auto}.cmd-box.content>.box-header>.toggle-icon,.cmd-box.content>.box-header .toggle-icon>[class*=icon-]{font-size:var(--font-size-small)}.cmd-box.content .box-body{flex-grow:1;padding:0}.cmd-box.content .box-body p.cutoff-text{padding:var(--default-padding);margin:0;overflow:hidden;height:calc(var(--line-of-text-height) * var(--64668a50))}.cmd-box.content .box-body p.cutoff-text.fade-last-line:after{content:"";width:100%;position:absolute;left:0;bottom:0;height:calc(var(--line-of-text-height) * 3);background:linear-gradient(to bottom,transparent 0%,var(--default-background-color) 100%)}.cmd-box.content .box-body p.cutoff-text.show-text{height:auto}.cmd-box.content .box-body p.cutoff-text+a{border-top:var(--default-border);display:block;padding:var(--default-padding);margin:0}.cmd-box.content .box-body img{display:block}.cmd-box.content .box-body .navigation{margin:0;height:100%;background:var(--pure-white)}.cmd-box.content .box-body .navigation li{list-style-type:none;margin:0}.cmd-box.content .box-body .navigation li a{display:block;padding:var(--default-padding);text-decoration:none;background:var(--pure-white);border-bottom:var(--default-border)}.cmd-box.content .box-body .navigation li a:hover,.cmd-box.content .box-body .navigation li a:active,.cmd-box.content .box-body .navigation li a:focus{background:var(--primary-color);color:var(--pure-white)}.cmd-box.content .box-body .navigation li:last-child a{border:0}.cmd-box.content .box-footer{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:var(--default-padding);border-top:var(--default-border)}.cmd-box.product>div>.cmd-custom-headline,.cmd-box.user>div>.cmd-custom-headline{margin-top:var(--default-margin);justify-content:center}.cmd-box.product{text-decoration:none;overflow:hidden}.cmd-box.product [class*=ribbon]{position:absolute;z-index:10;overflow:hidden;width:10rem;height:10rem;top:0;left:0}.cmd-box.product [class*=ribbon] span{position:absolute;display:block;transform:rotate(-45deg);width:100%;top:15%;left:-25%;background:var(--error-color);font-weight:700;color:var(--pure-white);text-transform:uppercase;text-align:center}.cmd-box.product .ribbon-discount{left:auto;right:0}.cmd-box.product .ribbon-discount span{transform:rotate(45deg);right:-20%;left:auto;background:green}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product>.box-header img{border:0}.cmd-box.product>.box-header figcaption{font-size:2rem;font-weight:700;padding-top:var(--default-padding)}.cmd-box.product .box-body{flex-grow:1}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700}.cmd-box.product .box-body .price span:last-child{margin-left:calc(var(--default-margin) / 2)}.cmd-box.product:hover,.cmd-box.product:active,.cmd-box.product:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-box.user>.box-header{--icon-size: 6rem;padding:var(--default-padding)}.cmd-box.user>.box-header .cmd-headline>*{display:block;text-align:center}.cmd-box.user>.box-header img,.cmd-box.user>.box-header>div:first-child>[class*=icon-]{display:table;margin:0 auto var(--default-margin) auto;padding:calc(var(--default-padding) * 3);border-radius:var(--full-circle);background:var(--primary-color);color:var(--pure-white)}.cmd-box.user>.box-header img+p,.cmd-box.user>.box-header img+figcaption,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+p,.cmd-box.user>.box-header>div:first-child>[class*=icon-]+figcaption{margin:0 auto;text-align:center;font-weight:700;font-size:2rem}.cmd-box.user>.box-header img{padding:0;width:calc(var(--icon-size) * 2);aspect-ratio:1/1}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{font-size:var(--icon-size)}.cmd-box.user .box-body{flex-grow:1}.cmd-box.user .box-body p{text-align:center;font-weight:700}.cmd-box.user .box-body p:last-child{margin-bottom:0}.cmd-box.user .box-body p.description{font-weight:400}.cmd-box.user .box-footer{margin-top:auto;border-top:var(--default-border)}.cmd-box.user .box-footer .cmd-list-of-links ul{width:100%;margin-bottom:0}.cmd-box.user .box-footer .cmd-list-of-links ul li{flex:1}.cmd-box.user .box-footer .cmd-list-of-links ul li a{flex:1;padding:var(--default-padding);text-align:center;background:var(--color-scheme-background-color);border-left:var(--default-border)}.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a{background:var(--primary-color);color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:hover a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:active a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:active a [class*=icon-],.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a span,.cmd-box.user .box-footer .cmd-list-of-links ul li:focus a [class*=icon-]{color:var(--pure-white)}.cmd-box.user .box-footer .cmd-list-of-links ul li:first-child a{border:0}.cmd-box.user.row-view [class*=icon]{--icon-size: 3rem}.cmd-box.user.row-view .box-header>div:first-child>[class*=icon-]{padding:calc(var(--default-padding) * 1.5)}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links ul,.cmd-box.user.row-view .box-footer .cmd-list-of-links ul *{border:0;background:inherit}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper>.flex-container .cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.cmd-box-wrapper .row-view{flex-direction:column}.cmd-box-wrapper .row-view p.cutoff-text{height:auto}.cmd-box-wrapper .row-view p.cutoff-text.fade-last-line:after{background:none}.cmd-box-wrapper .row-view .cmd-box.user{flex-direction:row;padding:var(--default-padding);align-items:center}.cmd-box-wrapper .row-view .cmd-box.user .box-footer{margin-top:0}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--768e1d12),minmax(0,1fr))}.cmd-box-wrapper>.grid-container-create-columns.row-view{grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (max-width: 1023px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--5d1c687e),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--76f5f6de),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0}.cmd-breadcrumbs li{display:inherit;align-items:center;list-style-type:none;margin:0}.cmd-breadcrumbs li>span{padding:0 calc(var(--default-padding) / 2)}.cmd-breadcrumbs li:first-child{margin-right:calc(var(--default-margin) / 2)}.cmd-breadcrumbs li:last-child>span{display:none}.cmd-breadcrumbs li a{display:inherit;align-items:inherit;text-decoration:none}.cmd-breadcrumbs li a:hover,.cmd-breadcrumbs li a:active,.cmd-breadcrumbs li a:focus{text-decoration:underline}.cmd-company-logo>a{display:block}.cmd-company-logo>a img{border:0;max-height:15rem}@media only screen and (max-width: 1023px){.cmd-company-logo>a img{max-width:100%;max-height:none}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background-color);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip .headline-wrapper{display:flex}.cmd-tooltip .headline-wrapper a{margin-left:auto}.cmd-tooltip .headline-wrapper a [class*=icon-]{padding-left:1rem;font-size:var(--font-size-small)}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements dl .error{--status-color: var(--error-color)}.cmd-list-of-requirements dl .warning{--status-color: var(--warning-color)}.cmd-list-of-requirements dl .success{--status-color: var(--success-color)}.cmd-list-of-requirements dl .info{--status-color: var(--info-color)}.cmd-list-of-requirements dl dt,.cmd-list-of-requirements dl [class*=icon-]{color:var(--status-color)}.cmd-list-of-requirements dl~a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.cmd-form-element input+.place-inside{left:auto;right:.5rem}.cmd-form-element.has-state ::placeholder,.cmd-form-element+.cmd-tooltip ::placeholder{color:var(--status-color)}.cmd-form-element.has-state span,.cmd-form-element+.cmd-tooltip span{color:var(--status-color)}.cmd-form-element.has-state span.place-inside,.cmd-form-element+.cmd-tooltip span.place-inside{color:var(--status-color)}.cmd-form-element.inline>span>a:not(.button){margin-left:calc(var(--default-margin) / 2)}.cmd-form-element .search-field-wrapper{margin:0}.cmd-form-element .search-field-wrapper a{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:100}.cmd-form-element .search-field-wrapper a.button span{color:var(--pure-white)}.cmd-form-element .search-field-wrapper a.button:hover span,.cmd-form-element .search-field-wrapper a.button:active span,.cmd-form-element .search-field-wrapper a.button:focus span{color:var(--text-color)}.cmd-form-element .search-field-wrapper input:not(:only-child){border-top-right-radius:0;border-bottom-right-radius:0}.cmd-form-element .search-field-wrapper a.button{right:0}.cmd-form-element .search-field-wrapper a.button+a{right:5rem}.cmd-form-element .place-inside+.search-field-wrapper input{padding-left:calc(var(--default-padding) * 3)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper{border-color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text{color:var(--error-color)}.cmd-form-element.toggle-switch.colored.off .switch-label-wrapper span.label-text:before{border-color:var(--error-color);background-color:var(--pure-white)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper{border-color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text{color:var(--success-color)}.cmd-form-element.toggle-switch.colored.on .switch-label-wrapper span.label-text:before{border-color:var(--success-color);background-color:var(--success-color)}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto}.cmd-cookie-disclaimer .cmd-box .box-header{padding:0;justify-content:unset}.cmd-cookie-disclaimer .cmd-box .box-header label{padding:calc(var(--default-padding) / 2) var(--default-padding)}.cmd-cookie-disclaimer .cmd-box .box-header label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-header label+.toggle-icon{padding:calc(var(--default-padding) / 2) var(--default-padding);width:100%;justify-content:flex-end;text-align:right}.cmd-cookie-disclaimer .cmd-box .box-header:hover,.cmd-cookie-disclaimer .cmd-box .box-header:active,.cmd-cookie-disclaimer .cmd-box .box-header:focus{background:var(--hyperlink-color)}.cmd-cookie-disclaimer .cmd-box .box-header:hover label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:active label.disabled .label-text span,.cmd-cookie-disclaimer .cmd-box .box-header:focus label.disabled .label-text span{color:var(--pure-white)!important}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-cookie-disclaimer h1{text-align:center}.cmd-cookie-disclaimer .button{margin:0 auto}.cmd-cookie-disclaimer>p{text-align:center}.cmd-cookie-disclaimer #form-cookies{margin-bottom:var(--default-margin)}.cmd-cookie-disclaimer p a{text-decoration:underline}.cmd-cookie-disclaimer p a:hover,.cmd-cookie-disclaimer p a:active,.cmd-cookie-disclaimer p a:focus{text-decoration:none}.cmd-copyright-information{background:var(--text-color);border-top:var(--border-width) var(--border-style) var(--pure-white);text-align:center;padding:var(--default-padding)}.cmd-copyright-information a{text-decoration:none;color:var(--pure-white)}.cmd-copyright-information a:hover,.cmd-copyright-information a:active,.cmd-copyright-information a:focus{text-decoration:underline;color:var(--pure-white)}.cmd-fake-select{align-self:flex-end;border-radius:var(--border-radius)}.cmd-fake-select>span:first-child a{align-self:flex-end}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--border-radius)}.cmd-fake-select>ul>li{height:100%}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background-color);color:var(--text-color)}.cmd-fake-select>ul>li:first-child>a span,.cmd-fake-select>ul>li:first-child>a [class*=icon]{color:var(--text-color)}.cmd-fake-select>ul>li:first-child>a .option-name{text-overflow:ellipsis;overflow:hidden}.cmd-fake-select>ul>li:first-child>a>[class*=icon-]:last-child{margin-left:auto;font-size:var(--icon-size-small)}.cmd-fake-select>ul>li:first-child>a:hover,.cmd-fake-select>ul>li:first-child>a:active,.cmd-fake-select>ul>li:first-child>a:focus{background:var(--pure-white);border-color:var(--primary-color)}.cmd-fake-select>ul>li:first-child>a:hover span,.cmd-fake-select>ul>li:first-child>a:hover [class*=icon],.cmd-fake-select>ul>li:first-child>a:active span,.cmd-fake-select>ul>li:first-child>a:active [class*=icon],.cmd-fake-select>ul>li:first-child>a:focus span,.cmd-fake-select>ul>li:first-child>a:focus [class*=icon]{color:var(--text-color)}.cmd-fake-select>ul.open{border-bottom:0}.cmd-fake-select>ul.open>li:first-child>a{border-color:var(--primary-color)}.cmd-fake-select li{margin-left:0;list-style:none}.cmd-fake-select li a,.cmd-fake-select li a:visited{display:flex;align-items:center;padding:.8rem .7rem .7rem;outline:none;border-bottom:var(--default-border);text-decoration:none}.cmd-fake-select li a:hover,.cmd-fake-select li a:active,.cmd-fake-select li a:focus,.cmd-fake-select li a:visited:hover,.cmd-fake-select li a:visited:active,.cmd-fake-select li a:visited:focus{background:var(--primary-color)}.cmd-fake-select li a:hover span,.cmd-fake-select li a:hover [class*=icon],.cmd-fake-select li a:active span,.cmd-fake-select li a:active [class*=icon],.cmd-fake-select li a:focus span,.cmd-fake-select li a:focus [class*=icon],.cmd-fake-select li a:visited:hover span,.cmd-fake-select li a:visited:hover [class*=icon],.cmd-fake-select li a:visited:active span,.cmd-fake-select li a:visited:active [class*=icon],.cmd-fake-select li a:visited:focus span,.cmd-fake-select li a:visited:focus [class*=icon]{color:var(--pure-white)}.cmd-fake-select li a span:first-child,.cmd-fake-select li a span:nth-child(2),.cmd-fake-select li a:visited span:first-child,.cmd-fake-select li a:visited span:nth-child(2){border:0}.cmd-fake-select li a img.flag,.cmd-fake-select li a:visited img.flag{margin:0 calc(var(--default-margin) / 2) 0 0}.cmd-fake-select li a.active,.cmd-fake-select li a:visited.active{background:var(--light-gray)}.cmd-fake-select li a.active span,.cmd-fake-select li a:visited.active span{color:var(--text-color)}.cmd-fake-select li a.active:hover,.cmd-fake-select li a.active:active,.cmd-fake-select li a.active:focus,.cmd-fake-select li a:visited.active:hover,.cmd-fake-select li a:visited.active:active,.cmd-fake-select li a:visited.active:focus{background:var(--primary-color)}.cmd-fake-select li a.active:hover span,.cmd-fake-select li a.active:hover [class*=icon],.cmd-fake-select li a.active:active span,.cmd-fake-select li a.active:active [class*=icon],.cmd-fake-select li a.active:focus span,.cmd-fake-select li a.active:focus [class*=icon],.cmd-fake-select li a:visited.active:hover span,.cmd-fake-select li a:visited.active:hover [class*=icon],.cmd-fake-select li a:visited.active:active span,.cmd-fake-select li a:visited.active:active [class*=icon],.cmd-fake-select li a:visited.active:focus span,.cmd-fake-select li a:visited.active:focus [class*=icon]{color:var(--pure-white)}.cmd-fake-select li label{display:flex}.cmd-fake-select li span{white-space:nowrap}.cmd-fake-select li ul{position:absolute;list-style:none;z-index:10;min-width:100%;margin:0;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background:var(--color-scheme-background-color);border:var(--primary-border)}.cmd-fake-select li ul li:last-child a{border-bottom:0}.cmd-fake-select li ul.custom-fake-select-content{padding:var(--default-padding)}.cmd-fake-select li ul.custom-fake-select-content img{display:block}.cmd-fake-select li ul.checkbox-options li{padding:calc(var(--default-padding) / 2)}.cmd-fake-select li ul.checkbox-options li.select-all-options{border-top:var(--primary-border);padding:0}.cmd-fake-select.has-state.label>ul>li>a{border-color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a>span,.cmd-fake-select.has-state.label>ul>li>a [class*=icon-]{color:var(--status-color)}.cmd-fake-select.has-state.label>ul>li>a:hover,.cmd-fake-select.has-state.label>ul>li>a:active,.cmd-fake-select.has-state.label>ul>li>a:focus{background:var(--color-scheme-background-color)}.cmd-fake-select.has-state.label>ul>li>a:hover span,.cmd-fake-select.has-state.label>ul>li>a:active span,.cmd-fake-select.has-state.label>ul>li>a:focus span{color:var(--status-color)}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background-color)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background-color)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-fake-select.error a:hover img.flag,.cmd-fake-select.error a:focus img.flag,.cmd-fake-select.error a:active img.flag,.cmd-fake-select.disabled a:hover img.flag,.cmd-fake-select.disabled a:focus img.flag,.cmd-fake-select.disabled a:active img.flag{border-color:var(--border-color)}.cmd-fake-select.color li a{gap:calc(var(--default-gap) / 2)}.cmd-fake-select.color li a>span:first-child{width:1.5rem;aspect-ratio:1/1;border:var(--default-border)}.cmd-fake-select.color li a>span:first-child[style=""]{display:none}.cmd-form:not([data-use-validation=true]) label.error :where(::placeholder,select option:first-child),.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):invalid:focus{color:var(--error-color)}.cmd-form:not([data-use-validation=true]) :where(input,select,textarea):valid:focus[required],.cmd-form:not([data-use-validation=true]) select:invalid:focus[required] option:not(:first-child){color:var(--success-color)}.cmd-form.error fieldset,.cmd-form.error *:invalid{border-color:var(--error-color)}.cmd-form-filters{display:flex}.cmd-form-filters li{list-style-type:none;margin-left:0;margin-right:var(--default-margin);border:var(--default-border);background:var(--pure-white);font-size:var(--font-size-small)}.cmd-form-filters li:hover,.cmd-form-filters li:active,.cmd-form-filters li:focus{border-color:var(--primary-color)}.cmd-form-filters li a{padding:calc(var(--default-padding) / 2);display:flex;align-items:center;text-decoration:none}.cmd-form-filters li:last-of-type{margin-right:0}.cmd-form-filters li [class*=icon-]{font-size:var(--icon-size-small)}.cmd-google-maps{border:var(--default-border)}.cmd-image-gallery>a{align-self:center;justify-self:center;grid-column:span var(--grid-small-span)}.cmd-image-gallery>a img{border:var(--default-border);border-radius:var(--border-radius);max-height:30rem}.cmd-image-gallery>a figcaption{padding:calc(var(--default-padding) / 2)}.cmd-image-gallery>a:hover,.cmd-image-gallery>a:active,.cmd-image-gallery>a:focus{text-decoration:none}.cmd-image-gallery>a:hover img,.cmd-image-gallery>a:active img,.cmd-image-gallery>a:focus img{border:var(--primary-border)}.cmd-image-gallery>a+.pager{margin-top:calc(var(--default-margin) * 2)}.cmd-imagezoom{overflow:hidden}.cmd-imagezoom .zoom-container{display:block!important;overflow:hidden}.cmd-imagezoom .zoom-container>img{max-width:none}.cmd-imagezoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}.cmd-input-group.inline{display:flex;gap:var(--default-gap)}.cmd-input-group.toggle-switch{display:block}.cmd-input-group .label-text{display:inline-flex}.cmd-input-group .label-text>[class*=icon-]{margin-left:calc(var(--default-margin) / 2)}.cmd-input-group.has-state label{color:var(--status-color)}.cmd-input-group.has-state.multiple-switch label{border-color:var(--status-color)}.cmd-login-form .option-wrapper{align-items:center}.cmd-login-form .option-wrapper>a:not(.button){display:flex;align-items:center;text-decoration:none;flex:none}.cmd-login-form .option-wrapper>a:not(.button) [class*=icon-]{text-decoration:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.cmd-main-navigation.hide-sub-navigation ul ul{display:none}.cmd-main-navigation nav .stretch-items>li{flex:1}.cmd-main-navigation nav>ul>li .close-nav{display:none}.cmd-main-navigation nav>ul>li.open>ul{display:block}.cmd-main-navigation nav>ul>li.open>ul>li.open>ul{display:block}.cmd-main-navigation nav+div{display:none}.cmd-main-navigation .fade-enter-active,.cmd-main-navigation .fade-leave-active{left:0}.cmd-main-navigation .fade-enter,.cmd-main-navigation .fade-leave-to{left:-100%}.cmd-main-navigation header nav>ul,.cmd-main-navigation header nav>ul>li{border:0}@media only screen and (max-width: 1023px){.cmd-main-navigation#main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile){padding:0;transition:var(--nav-transition)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{left:0;opacity:1;padding:0!important;transition:var(--nav-transition);background:var(--default-background-color);border-right:var(--default-border)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:after{content:"";position:fixed;width:calc(100% - var(--nav-width));top:0;left:var(--nav-width);height:100%;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav{--nav-width: 33%;position:fixed;top:0;left:-100%;width:var(--nav-width);height:100%;opacity:0;z-index:500;transition:var(--nav-transition)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:700}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):hover>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):active>ul,.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):focus>ul{display:none}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:not(:first-child){border-top:0}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:last-child{border-bottom:0}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a{padding-left:calc(var(--default-margin) * 2)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a span+[class*=icon-]:before{display:inline-block;transform:rotate(0)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li ul li a{padding-left:calc(var(--default-margin) * 4)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>a span+[class*=icon-]:before{display:inline-block;transform:rotate(-180deg)}.cmd-main-navigation#main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>ul{height:auto;display:block;opacity:1;transition:var(--nav-transition)}}#toggle-offcanvas{margin-left:0;display:none}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border)}.cmd-multistep-form-progress-bar li{display:flex;flex:1;list-style-type:none;margin:0}.cmd-multistep-form-progress-bar li a{display:flex;text-decoration:none;padding:var(--default-padding);align-items:center;justify-content:center;width:100%;background:var(--primary-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a span,.cmd-multistep-form-progress-bar li a [class*=icon-]{color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{border:var(--default-border);border-radius:var(--full-circle);background:var(--pure-white);color:var(--text-color);margin:0;position:absolute;right:0;transform:translate(50%);padding:calc(var(--default-padding) / 2);display:flex;justify-content:center;z-index:1}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child:before{font-size:var(--font-size-small)}.cmd-multistep-form-progress-bar li a span:hover span,.cmd-multistep-form-progress-bar li a span:hover [class*=icon-],.cmd-multistep-form-progress-bar li a span:active span,.cmd-multistep-form-progress-bar li a span:active [class*=icon-],.cmd-multistep-form-progress-bar li a span:focus span,.cmd-multistep-form-progress-bar li a span:focus [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:hover span,.cmd-multistep-form-progress-bar li a [class*=icon-]:hover [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:active span,.cmd-multistep-form-progress-bar li a [class*=icon-]:active [class*=icon-],.cmd-multistep-form-progress-bar li a [class*=icon-]:focus span,.cmd-multistep-form-progress-bar li a [class*=icon-]:focus [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li a .number{margin-right:calc(var(--default-margin) / 2);line-height:100%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--full-circle);border:var(--default-border);color:var(--default-background-color-reduced-opacity)}.cmd-multistep-form-progress-bar li:not(:first-child){border-left:.2rem solid var(--border-color)}.cmd-multistep-form-progress-bar li:last-child a [class*=icon-]:last-of-type{display:none}.cmd-multistep-form-progress-bar li.active a{background:var(--primary-color)}.cmd-multistep-form-progress-bar li.active a span,.cmd-multistep-form-progress-bar li.active a [class*=icon-]{color:var(--pure-white)}.cmd-multistep-form-progress-bar li.active .number{background:var(--pure-white);border-color:var(--pure-white);color:var(--primary-color)}.cmd-multistep-form-progress-bar li.active~li{background:var(--default-background-color);border-left-color:var(--border-color)}.cmd-multistep-form-progress-bar li.active~li a{background:none;color:var(--color-scheme-text-color)}.cmd-multistep-form-progress-bar li.active~li a span,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]{color:inherit}.cmd-multistep-form-progress-bar li.active~li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li.active~li a span[class*=color]+[class*=icon-]:last-child{border-color:var(--border-color);color:var(--pure-white);background:var(--secondary-color)}.cmd-multistep-form-progress-bar li.active~li a:hover span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:hover [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:active [class*=icon-]:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus span:not(:last-child),.cmd-multistep-form-progress-bar li.active~li a:focus [class*=icon-]:not(:last-child){color:var(--primary-color)}.cmd-multistep-form-progress-bar li.active+li{border-left-color:var(--border-color)}@container (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a span+[class*=icon-]:last-child:before,.cmd-multistep-form-progress-bar li a [class*=icon-]+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--pure-white);background:#0b0}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:#b00}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--pure-white)}.cmd-opening-hours p:last-child{margin:0}.cmd-pager{display:flex;justify-content:space-between}.cmd-pager button,.cmd-pager .button{float:none;margin:0}.cmd-pager button span,.cmd-pager .button span{align-self:center}.cmd-pager a{display:flex;align-items:center;text-decoration:none}.cmd-pager a:hover,.cmd-pager a:active,.cmd-pager a:focus{cursor:pointer}.cmd-pager a:last-of-type>[class*=icon-]{margin-right:0}.cmd-pager a>[class*=icon-]{font-size:var(--icon-size-small)}.cmd-pager .page-index a:not(.button){padding:0 calc(var(--default-padding) / 2)}@media only screen and (max-width: 1023px){.cmd-pager>a.button span{margin:0}.cmd-pager>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 600px){.cmd-pager .button{width:auto}.cmd-pager .page-index .flex-container{flex-direction:row}}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;margin:0}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-right .share-button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button{flex:1}.cmd-social-networks .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button span{margin:0}.cmd-social-networks .button:first-of-type{margin:0}.cmd-social-networks .button.text-align-right{flex-direction:row-reverse}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=share-link]>span{color:var(--pure-white)}.cmd-social-networks #share-link-facebook{background:#3c5a99;border-color:#3c5a99}.cmd-social-networks #share-link-facebook:hover,.cmd-social-networks #share-link-facebook:active,.cmd-social-networks #share-link-facebook:focus{background:#fff}.cmd-social-networks #share-link-facebook:hover>span,.cmd-social-networks #share-link-facebook:active>span,.cmd-social-networks #share-link-facebook:focus>span{color:#3c5a99}.cmd-social-networks #share-link-twitter{background:#6bacde;border-color:#6bacde}.cmd-social-networks #share-link-twitter:hover,.cmd-social-networks #share-link-twitter:active,.cmd-social-networks #share-link-twitter:focus{background:#fff}.cmd-social-networks #share-link-twitter:hover>span,.cmd-social-networks #share-link-twitter:active>span,.cmd-social-networks #share-link-twitter:focus>span{color:#6bacde}.cmd-social-networks #share-link-xing{background:#007575;border-color:#007575}.cmd-social-networks #share-link-xing:hover,.cmd-social-networks #share-link-xing:active,.cmd-social-networks #share-link-xing:focus{background:#fff}.cmd-social-networks #share-link-xing:hover>span,.cmd-social-networks #share-link-xing:active>span,.cmd-social-networks #share-link-xing:focus>span{color:#007575}.cmd-social-networks #share-link-linkedin{background:#0077b5;border-color:#0077b5}.cmd-social-networks #share-link-linkedin:hover,.cmd-social-networks #share-link-linkedin:active,.cmd-social-networks #share-link-linkedin:focus{background:#fff}.cmd-social-networks #share-link-linkedin:hover>span,.cmd-social-networks #share-link-linkedin:active>span,.cmd-social-networks #share-link-linkedin:focus>span{color:#0077b5}@container (max-width: 600px){.button-wrapper .button{flex:none;width:auto!important}.button-wrapper .button [class*=icon-]+span{display:none}}.cmd-site-footer{padding:var(--grid-gap) 0;border-top:var(--default-border);background:var(--default-background-color)}.cmd-site-footer footer{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-footer.sticky{top:auto;bottom:0}.cmd-site-footer .cmd-switch-language{width:100%;flex:none}@media only screen and (max-width: 1023px){.cmd-site-footer footer li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 600px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}}.cmd-site-header{grid-area:site-header;display:flex;flex-direction:column;border-bottom:var(--default-border);background:var(--color-scheme-background-color)}.cmd-site-header.sticky{position:sticky;z-index:300}.cmd-site-header header,.cmd-site-header .cmd-main-navigation nav,.cmd-site-header .cmd-list-of-links{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--default-padding)}.cmd-site-header .cmd-main-navigation nav{width:auto}.cmd-site-header .top-header .cmd-list-of-links{padding-top:calc(var(--default-padding) / 2);padding-bottom:calc(var(--default-padding) / 2)}.cmd-site-header #main-navigation-wrapper{grid-column:span var(--grid-columns);border-bottom:0}.cmd-site-header>.cmd-main-navigation#main-navigation-wrapper:last-child{border-bottom:0}.cmd-site-header header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header header.has-navigation{grid-template-rows:1fr min-content;grid-template-areas:"company-logo" "main-navigation";padding-bottom:0}.cmd-site-header header.flex-container{width:100%}.cmd-site-header header.flex-container .cmd-company-logo{grid-area:company-logo;flex:none}.cmd-site-header header .cmd-main-navigation nav{padding:0}.cmd-site-header header .cmd-main-navigation,.cmd-site-header header nav ul li{border-bottom:0;background:none}.cmd-site-header header .cmd-company-logo{grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header.has-navigation{grid-template-rows:1fr;grid-template-areas:"company-logo main-navigation";padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header.navigation-inline header .cmd-company-logo{grid-column:span var(--grid-small-span)}.cmd-site-header.navigation-inline header #main-navigation-wrapper{grid-area:main-navigation;display:flex;align-items:center;border:0;grid-column:span var(--grid-large-span);background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav){margin-right:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul{border:0;background:none}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li{border:0}.cmd-site-header.navigation-inline header #main-navigation-wrapper :where(nav,.nav)>ul li ul{border-top:var(--default-border)}@media only screen and (max-width: 1023px){.cmd-site-header{padding-top:calc(var(--default-padding) * 2);padding-bottom:calc(var(--default-padding) * 2)}.cmd-site-header header{grid-auto-rows:auto}}@media only screen and (max-width: 600px){.cmd-site-header{gap:calc(var(--default-gap) / 2);padding-top:var(--default-padding);padding-bottom:var(--default-padding)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header header{padding:0!important}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header .cmd-company-logo img{max-width:80%}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a [class*=icon]{font-size:var(--icon-size-small)}.cmd-box-site-search button{align-self:flex-end}@media only screen and (max-width: 600px){.cmd-box-site-search{flex-wrap:nowrap}}.cmd-slideshow figure a,.cmd-slideshow img{display:block;text-decoration:none;margin:0 auto}.cmd-slideshow figcaption{width:100%;display:block;text-align:center;bottom:0;padding:var(--default-padding);line-height:100%;font-size:3rem;color:var(--pure-white);background:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper{display:flex;justify-content:center}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button){text-decoration:none}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption{border:var(--primary-border)}.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:hover,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:active,.cmd-slideshow .inner-slideshow-wrapper>a:not(.button) figcaption:focus{background:var(--pure-white);color:var(--hyperlink-color)}.cmd-slideshow .inner-slideshow-wrapper figure{width:100%;margin:0}.cmd-slideshow .inner-slideshow-wrapper .image-wrapper{padding:calc(var(--default-padding) * 5);width:100%;min-height:50rem;background-repeat:no-repeat;background-position:top center;display:flex;justify-content:center;align-content:center}.cmd-slideshow .inner-slideshow-wrapper .image-wrapper .box{align-self:flex-start}.cmd-slideshow .inner-slideshow-wrapper>ol{display:-webkit-flex;display:flex;margin:0 auto;position:absolute;left:5.5rem;top:.5rem;gap:calc(var(--default-gap) / 2)}.cmd-slideshow .inner-slideshow-wrapper>ol li{padding:.2rem;list-style-type:none;margin:0;border:var(--default-border-reduced-opacity);border-radius:var(--full-circle)}.cmd-slideshow .inner-slideshow-wrapper>ol li a{display:block;width:1rem;height:1rem;border-radius:var(--full-circle)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol li:active,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol li.active{border-color:var(--pure-white)}.cmd-slideshow .inner-slideshow-wrapper>ol li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol li:focus a,.cmd-slideshow .inner-slideshow-wrapper>ol li.active a{background:var(--pure-white);transition:var(--default-transition)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom{position:relative;justify-content:center;left:unset;top:unset}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li{border-color:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active{border-color:var(--primary-color);background:var(--pure-white)}.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:hover a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:active a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li:focus a,.cmd-slideshow .inner-slideshow-wrapper>ol.bottom li.active a{background:var(--primary-color)}.cmd-slideshow .inner-slideshow-wrapper>ol.vertical{flex-direction:column}.cmd-slideshow .inner-slideshow-wrapper>span{position:absolute;top:.5rem;right:5.5rem;padding:0 .2rem;border-radius:var(--border-radius);background:var(--pure-white-reduced-opacity)}@media only screen and (max-width: 1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-switch-language ul{display:flex;gap:calc(var(--default-gap) / 2);margin:0}.cmd-switch-language ul li{list-style-type:none;margin:0}.cmd-switch-language ul li a:not([class*=active]){filter:contrast(.5)}.cmd-switch-language ul li a:not([class*=active]):hover,.cmd-switch-language ul li a:not([class*=active]):focus,.cmd-switch-language ul li a:not([class*=active]):active{filter:none}.cmd-system-message{margin:var(--default-margin) 0;align-items:center}.cmd-system-message>:last-child{margin-bottom:0}.cmd-system-message ul{display:flex;flex-direction:column}.cmd-system-message ul li{margin-left:0}.cmd-system-message>a:not(.button){display:block;position:absolute;top:.5rem;right:.5rem;text-decoration:none}.cmd-system-message>a:not(.button) [class*=icon-]{font-size:.8rem;font-weight:700;color:var(--pure-white);border:var(--default-border);border-color:var(--pure-white);border-radius:var(--full-circle);padding:calc(var(--default-padding) / 2)}.cmd-system-message>a:not(.button) [class*=icon-]:hover,.cmd-system-message>a:not(.button) [class*=icon-]:active,.cmd-system-message>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color);background:var(--pure-white)}.cmd-system-message.warning>a:not(.button) [class*=icon-]{color:var(--text-color);border-color:var(--text-color)}.cmd-system-message.warning>a:not(.button) [class*=icon-]:hover,.cmd-system-message.warning>a:not(.button) [class*=icon-]:active,.cmd-system-message.warning>a:not(.button) [class*=icon-]:focus{color:var(--hyperlink-color);border-color:var(--hyperlink-color)}.cmd-table-wrapper{display:inline-flex;flex-direction:column;max-width:100%;margin-bottom:var(--default-margin);gap:calc(var(--default-margin) / 2)}.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width{overflow:hidden}.cmd-table-wrapper.collapsed table th,.cmd-table-wrapper.full-width table th{white-space:normal}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .inner-wrapper{overflow-x:auto;width:100%}.cmd-table-wrapper .inner-wrapper table{table-layout:fixed;margin:0}.cmd-table-wrapper .inner-wrapper table th a[class*=icon-],.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:hover,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:active,.cmd-table-wrapper .inner-wrapper table th a[class*=icon-]:focus{font-size:var(--icon-size-small);color:var(--pure-white)}.cmd-table-wrapper.has-caption{flex-direction:row}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-caption table{margin-top:calc(var(--default-margin) / 2)}.cmd-tabs>ul{margin-bottom:0;display:-webkit-flex;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);list-style-type:none;background:var(--color-scheme-background-color)}.cmd-tabs>ul>li a{display:flex;align-items:center;justify-content:center;padding:var(--default-padding);border:var(--default-border);border-bottom:0;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);text-decoration:none}.cmd-tabs>ul>li a:hover,.cmd-tabs>ul>li a:active,.cmd-tabs>ul>li a:focus{cursor:pointer;color:var(--hyperlink-color-highlighted);border-color:var(--hyperlink-color)}.cmd-tabs>ul>li a:hover span,.cmd-tabs>ul>li a:hover [class*=icon-],.cmd-tabs>ul>li a:active span,.cmd-tabs>ul>li a:active [class*=icon-],.cmd-tabs>ul>li a:focus span,.cmd-tabs>ul>li a:focus [class*=icon-]{color:inherit}.cmd-tabs>ul>li a.active:hover,.cmd-tabs>ul>li a.active:active,.cmd-tabs>ul>li a.active:focus{color:var(--hyperlink-color);background:var(--pure-white)}.cmd-tabs>ul>li a.active:hover span,.cmd-tabs>ul>li a.active:hover [class*=icon-],.cmd-tabs>ul>li a.active:active span,.cmd-tabs>ul>li a.active:active [class*=icon-],.cmd-tabs>ul>li a.active:focus span,.cmd-tabs>ul>li a.active:focus [class*=icon-]{color:inherit}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--primary-border);border-radius:var(--border-radius);background:var(--color-scheme-background-color);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-toggle-dark-mode.styled-layout input{--dark-blue: hsl(195, 96%, 45%);--medium-blue: hsl(194, 97%, 39%);--light-blue: hsl(195, 97%, 76%);background:linear-gradient(to bottom,var(--dark-blue) 0%,var(--light-blue) 67%);border-color:var(--medium-blue)}.cmd-toggle-dark-mode.styled-layout input:after{--yellow-hue: 60;--yellow-saturation: 100%;--yellow-lightness: 76.7%;background:radial-gradient(ellipse at center,var(--pure-white) 20%,hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness)) 30%,hsla(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness),0) 100%);border-color:transparent;box-shadow:0 0 1rem hsl(var(--yellow-hue),var(--yellow-saturation),var(--yellow-lightness))}.cmd-toggle-dark-mode.styled-layout.dark-mode input{background:var(--color-scheme-background-color);border-color:var(--color-scheme-text-color)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:before{--size: 1.2rem;content:"";width:var(--size);aspect-ratio:1/1;background:var(--color-scheme-background-color);border-radius:var(--full-circle);position:absolute;top:0;right:calc(var(--size) / 2);transform:translateY(15%);z-index:100;transition:var(--default-transition)}.cmd-toggle-dark-mode.styled-layout.dark-mode input:after{background:radial-gradient(ellipse at center,var(--pure-white) 50%,var(--medium-gray) 100%);border-color:transparent;box-shadow:.2rem .1rem .2rem hsla(var(--pure-white-hue),var(--pure-white-saturation),var(--pure-white-lightness),.3)}.cmd-toggle-dark-mode.styled-layout.dark-mode .label-text span{color:var(--color-scheme-text-color)}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form .box{background:var(--color-scheme-background-color)}.cmd-upload-form .box dl{justify-content:center;text-align:left}.cmd-upload-form .box dl .list-of-file-extensions{display:table}.cmd-upload-form .box dl .list-of-file-extensions>li:only-child{list-style-type:none;margin:0}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:calc(var(--default-padding) * 2);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]{background:var(--color-scheme-background-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar progress[value]::-moz-progress-bar{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background:var(--primary-color)}.cmd-upload-form [class*=list-of-file]>li .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;display:table;top:.2rem;padding:.1rem .2rem;line-height:100%;background:var(--color-scheme-background-color)}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-upload-form .list-files-wrapper .list-of-files li{list-style-type:none;margin-left:0;gap:calc(var(--default-gap) / 2)}.cmd-upload-form .list-files-wrapper .list-of-files li>a:hover~*,.cmd-upload-form .list-files-wrapper .list-of-files li a:active~*,.cmd-upload-form .list-files-wrapper .list-of-files li a:focus~*{color:var(--hyperlink-color-highlighted)}.cmd-upload-form .list-files-wrapper .list-of-files+a{display:table;margin:0 auto}.cmd-upload-form .list-files-wrapper hr{width:100%}.cmd-upload-form p.text-drag-and-drop.disabled{background:none!important}.cmd-upload-form .button.upload{align-self:center}.cmd-upload-form .button.upload~p>*{display:block}.cmd-upload-form .error{color:var(--error-color)}.cmd-upload-form+.cmd-form-element{display:none}.cmd-upload-form .drop-area,.cmd-upload-form.drop-area{border:var(--default-border);border-style:dashed;background:var(--color-scheme-background-color);padding:var(--default-padding);text-align:center}.cmd-upload-form .drop-area.allow-drop,.cmd-upload-form.drop-area.allow-drop{border-style:solid}.cmd-upload-form .drop-area>[class*=icon-],.cmd-upload-form.drop-area>[class*=icon-]{font-size:5rem}.cmd-upload-form.drop-area{display:inline-flex;flex-direction:column;text-decoration:none;background:var(--default-background-color)}.cmd-upload-form.drop-area span{margin:0}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding);container-type:inline-size}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}
1
+ .iconify{font-size:var(--icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2)}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-icon{display:flex;align-items:center}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text [class*=icon-]{font-size:5rem}.cmd-headline p{margin-bottom:0}.cmd-headline h1,.cmd-headline h2,.cmd-headline h3,.cmd-headline h4,.cmd-headline h5,.cmd-headline h6{margin:0}.cmd-headline h1:only-child,.cmd-headline h2:only-child,.cmd-headline h3:only-child,.cmd-headline h4:only-child,.cmd-headline h5:only-child,.cmd-headline h6:only-child{flex:none;width:100%}@media only screen and (600px){.cmd-headline{flex-direction:column}.cmd-headline h1{margin-bottom:calc(var(--default-margin) * 2)}}.cmd-address-data dl{grid-row-gap:calc(var(--default-gap) / 2)}.cmd-address-data dl dt{display:flex;align-items:center}.cmd-address-data dl dt.address{align-self:flex-start}.cmd-address-data dl dt.address [class*=icon]:only-child{line-height:var(--line-height)}.cmd-address-data ul{gap:calc(var(--default-gap) / 2)}.cmd-address-data ul li{margin-left:0;list-style:none}.cmd-back-to-top-button{padding:var(--default-padding);display:inline-block;position:fixed;right:1rem;bottom:1rem;text-decoration:none;z-index:1000;border:var(--default-border);background:var(--color-scheme-background-color);border-radius:var(--full-circle);line-height:100%}.cmd-back-to-top-button:hover,.cmd-back-to-top-button:active,.cmd-back-to-top-button:focus{border-color:var(--primary-color);transition:var(--default-transition)}.cmd-bank-account-data dd{display:flex;gap:calc(var(--default-gap) / 2)}.cmd-bank-account-data dd>span:first-child{white-space:nowrap}.cmd-image.text-center figcaption{text-align:center}.cmd-image.text-right figcaption{text-align:right}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;background:var(--default-background-color-reduced-opacity);border:0}.cmd-slide-button.button span{align-self:center;color:var(--primary-color-reduced-opacity)}.cmd-slide-button.button:hover,.cmd-slide-button.button:active,.cmd-slide-button.button:focus{background:var(--pure-white);transition:var(--default-transition)}.cmd-slide-button.button:hover span,.cmd-slide-button.button:active span,.cmd-slide-button.button:focus span{color:var(--hyperlink-color-highlighted)}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{right:0;top:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width: 600px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{overflow:hidden;border-radius:var(--border-radius);padding:var(--default-padding);display:table;margin:0 auto calc(var(--default-margin) * 2) auto;border:var(--default-border);background:var(--color-scheme-background-color)}.cmd-thumbnail-scroller>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between}.cmd-thumbnail-scroller>ul>li{align-self:center;list-style-type:none;margin:0}.cmd-thumbnail-scroller>ul>li a{text-align:center}.cmd-thumbnail-scroller>ul>li img{border-radius:var(--border-radius);max-height:10rem}.cmd-thumbnail-scroller>ul>li.active a figcaption{opacity:1}.cmd-thumbnail-scroller .vertical{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller .vertical>ul{width:auto;display:-webkit-flex;display:flex;flex-direction:column}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller .vertical>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller .vertical .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:80%;left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto}.cmd-thumbnail-scroller.gallery-scroller li a{color:var(--color-scheme-text-color);text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li.active img{border-color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li.active figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) img{border:var(--default-border);opacity:var(--reduced-opacity)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) figcaption{text-decoration:none}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active figcaption,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus figcaption{color:var(--primary-color)}.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:hover img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:active img,.cmd-thumbnail-scroller.gallery-scroller li:not(.active) a:focus img{border-color:var(--primary-color);opacity:1}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3)}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox.image img{display:block}.cmd-fancybox.image figcaption{text-align:center}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;max-width:var(--max-width)}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:80vmin;max-width:80vmax}.cmd-fancybox .outer-content-wrapper .content figcaption{font-size:2rem;padding:calc(var(--default-padding) / 2) 0}@media only screen and (max-width: 1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width: 1023px){dialog{margin-top:var(--default-margin)}}.cmd-list-of-links{display:flex;flex-direction:column}.cmd-list-of-links ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0}.cmd-list-of-links ul li{list-style:none;margin-left:0}.cmd-list-of-links.horizontal ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal ul>li{flex:none;display:flex}.cmd-list-of-links.horizontal ul.align-center{justify-content:center}.cmd-list-of-links.horizontal ul.align-right{justify-content:flex-end}.cmd-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
  },
@@ -12,7 +12,7 @@
12
12
  "streetNo": "Your Street/No",
13
13
  "zip": "Your zip",
14
14
  "city": "Your city",
15
- "miscInfo": "misc info",
15
+ "miscInfo": "Misc. info",
16
16
  "country": "Your country",
17
17
  "longitude": "0.0",
18
18
  "latitude": "0.0",
@@ -0,0 +1,43 @@
1
+ [
2
+ {
3
+ "id": 1,
4
+ "iconClass": "icon-home",
5
+ "text": "Item 1 with URL",
6
+ "url": "http://www.comand-cms.com"
7
+ },
8
+ {
9
+ "id": 2,
10
+ "text": "Item 2 with URL",
11
+ "url": "http://www.comand-cms.com"
12
+ },
13
+ {
14
+ "id": 3,
15
+ "text": "Item 3 with URL",
16
+ "url": "http://www.comand-cms.com"
17
+ },
18
+ {
19
+ "id": 4,
20
+ "text": "Item 4 with URL",
21
+ "url": "http://www.comand-cms.com"
22
+ },
23
+ {
24
+ "id": 5,
25
+ "text": "Item 5 with URL",
26
+ "url": "http://www.comand-cms.com"
27
+ },
28
+ {
29
+ "id": 6,
30
+ "text": "Item 6 with URL",
31
+ "url": "http://www.comand-cms.com"
32
+ },
33
+ {
34
+ "id": 7,
35
+ "text": "Item 7 with URL",
36
+ "url": "http://www.comand-cms.com"
37
+ },
38
+ {
39
+ "id": 8,
40
+ "text": "Item 8 with URL",
41
+ "url": "http://www.comand-cms.com"
42
+ }
43
+ ]
@@ -107,7 +107,7 @@
107
107
  <template v-for="(entry, index) in addressData" :key="index">
108
108
  <!-- begin all entries except address -->
109
109
  <template v-if="entry.name !== 'address'">
110
- <li v-if="entry.href || !showIconsOnly">
110
+ <li v-if="entry.href || !showIconsOnly" :class="{'no-flex' : showIconsOnly}">
111
111
  <a v-if="entry.href" :href="getHref(entry)"
112
112
  :target="{'_blank' : entry.name === 'website'}"
113
113
  :title="entry.tooltip">
@@ -181,13 +181,16 @@ export default {
181
181
  emits: ["click", "toggle-collapse"],
182
182
  data() {
183
183
  return {
184
- open: this.collapsible ? this.collapsingBoxesOpen : true,
184
+ open: this.collapsible ? this.openCollapsedBox : true,
185
185
  active: true,
186
186
  showCutOffText: false
187
187
  }
188
188
  },
189
189
  props: {
190
- collapsingBoxesOpen: {
190
+ /**
191
+ * activate to set a collapsible box to open
192
+ */
193
+ openCollapsedBox: {
191
194
  type: Boolean,
192
195
  required: false
193
196
  },
@@ -384,10 +387,10 @@ export default {
384
387
  }
385
388
  },
386
389
  watch: {
387
- collapsingBoxesOpen() {
390
+ openCollapsedBox() {
388
391
  // toggle collapse-status of all boxes if changed in outer component
389
392
  if (this.collapsible) {
390
- this.open = this.collapsingBoxesOpen
393
+ this.open = this.openCollapsedBox
391
394
  }
392
395
  }
393
396
  }
@@ -365,7 +365,7 @@ export default {
365
365
 
366
366
  /* begin offcanvas-navigation */
367
367
  &:not(.persist-on-mobile) {
368
- padding: 0;
368
+ padding: 0 var(--default-padding);
369
369
  transition: var(--nav-transition);
370
370
 
371
371
  #toggle-offcanvas {
@@ -69,6 +69,10 @@ export default {
69
69
  text-decoration: none;
70
70
  }
71
71
  }
72
+
73
+ h4, h5, h6 {
74
+ margin-top: var(--default-margin);
75
+ }
72
76
  }
73
77
  }
74
78
 
@@ -229,6 +229,12 @@ export default {
229
229
 
230
230
  header {
231
231
  grid-auto-rows: auto; /* items should be as large as their content */
232
+
233
+ .cmd-main-navigation#main-navigation-wrapper {
234
+ &:not(.persist-on-mobile) {
235
+ padding: 0;
236
+ }
237
+ }
232
238
  }
233
239
  }
234
240
  }
@@ -26,7 +26,7 @@
26
26
  />
27
27
  <!-- end CmdFormElement for first input -->
28
28
 
29
- <div class="flex-container align-bottom no-gap">
29
+ <div class="input-wrapper align-bottom">
30
30
  <!-- begin CmdFormElement for second input -->
31
31
  <CmdFormElement
32
32
  v-if="cmdFormElementInput2.show"
@@ -57,6 +57,7 @@
57
57
  <!-- begin CmdFormElement for search-button -->
58
58
  <CmdFormElement
59
59
  element="button"
60
+ class="stretch-on-small-devices"
60
61
  :nativeButton="cmdFormElementSearchButton"
61
62
  @click="onSearchButtonClick"
62
63
  :disabled="buttonSearchDisabled"
@@ -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>